/*style formularza dodawania opinii*/

.add-opinionform-content{
    margin-top: 20px;
    max-width: 600px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.opinion-store-logo{
    text-align: center;
    margin-bottom: 30px;
}
.add-opinion-header{
    text-align: center;
    margin-bottom: 30px;
}
.opinion-image{
    text-align: center;
}
.opinion-image img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.add-opinion-form .rating{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.add-opinion-form .rating a svg{
    width: 40px;
    height: 40px;
}
.add-opinion-form .rating a.unactive{
    opacity: 0.5;
}
.add-opinion-form .button-wrapp{
    display: flex;
    justify-content: center;
}
.opinion-success .button-wrapp{
    display: flex;
    justify-content: center;
}
.add-opinion-form .form-control{
    padding: 10px 15px;
}
.add-opinion-form textarea.form-control{
    height: 200px;
    line-height: 1.5;
}

/*koniec styli formularza dodawania opinii*/


/*style opinii produktu*/
.ds-opinions__single{
    border: solid 1px #ccc;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.ds-opinions__single .rating{
    width: auto;
    display: flex;
    align-items: center;
}
.ds-opinions__single .rating a{
    display: flex;
    align-items: center;
}
.ds-opinions__single .rating a svg{
    width: 20px;
    height: 20px;
}
.ds-opinions__single .rating a:not(.full){
     opacity: 0.5;
}
.ds-opinions__single .rating a.disabled{
    pointer-events: none;
}
.ds-opinions__single .rating-element{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.ds-opinions__single .opinion-author, .ds-opinions__single .opinion-date{
    font-size: 14px;
    color: #808080;
    line-height: 1.2;
}
.ds-opinions__single .opinion-context{
    margin-top: 20px;
}
.ds-opinions-product-summary-wrapper{
    margin-bottom: 30px;
}
.ds-opinions-product-summary-wrapper .rating{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    float: none;
}
.ds-opinions-product-summary-wrapper .rating a svg{
    width: 30px;
    height: 30px;
}
.ds-opinions-product-summary-wrapper .rating a.disabled{
    pointer-events: none;
}
.ds-opinions-product-summary-wrapper .rating a:not(.full){
    opacity: 0.5;
}
.ds-opinions-product-summary-wrapper .col-opinions .opinions-count{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ds-opinions-product-summary-wrapper .col-opinions .opinions-count .opinions-count-label{
    width: 100%;
    text-align: center;
}
.ds-opinions-product-summary-wrapper .col-opinions .opinions-count .opinions-count-number{
    background-color: #4da245;
    color: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.ds-opinions-product-summary-wrapper .average-grade-label{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1;
}
.ds-opinions-product-summary-wrapper .average-grade-decs{
    text-align: center;
}
.ds-opinions-product-summary-wrapper .opinions-omnibus-info p{
    margin-bottom: 0;
    color: #808080;
    font-size: 14px;
    line-height: 1.3;
}
.ds-opinions-product-summary-wrapper > .row{
    align-items: center;
}

#product .productopinions{
    padding: 40px 0px 0px 0px !important;
}
.ds-product-opinion-mini{
    display: flex;
    gap: 10px;
}
.ds-product-opinion-mini .rating{
    width: auto;
    display: flex;
    align-items: center;
}
.ds-product-opinion-mini .rating a{
    display: flex;
    align-items: center;
}
.ds-product-opinion-mini .rating a svg{
    width: 20px;
    height: 20px;
}
.ds-product-opinion-mini .rating a:not(.full){
    opacity: 0.5;
}
.ds-product-opinion-mini .rating a.disabled{
    pointer-events: none;
}
.ds-product-opinion-mini .average-grade-label{
    display: flex;
    gap: 5px;
}
.ds-product-opinion-mini .average-grade-label .average-grade-amount{
    color: #808080;
}

@media (max-width: 767px){
    .ds-opinions-product-summary-wrapper > .row{
        gap: 20px;
    }

    .ds-opinions-product-summary-wrapper .opinions-omnibus-info p{
        text-align: center;
    }
    .ds-opinions__single .rating-element{
        justify-content: flex-start;
        margin-top: 10px;
    }
}
/*koniec styli opinii produktu*/

/*style opinii o sklepie produktu*/
.shop-identify{
    margin-bottom: 20px;
}
.shop-identify .opinions-heading{
    text-align: right;
    margin-bottom: 20px;
    font-size: 35px;
}
.shop-identify .rating-element{
    gap: 20px;
}
.shop-identify .rating{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    float: none;
}
.shop-identify .rating a svg{
    width: 30px;
    height: 30px;
}
.shop-identify .rating a.disabled{
    pointer-events: none;
}
.shop-identify .rating a:not(.full){
    opacity: 0.5;
}
.shop-identify .rating-element{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.shop-identify .average-grade-label{
    background-color: #4da245;
    color: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.shop-identify .opinions-number{
    white-space: nowrap;
}
.opinions-list-sort{
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.page-content--module-ds_opinions-opinions .pagination .title-section-nav{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.page-content--module-ds_opinions-opinions .pagination .title-section-nav .btn {
    padding: 0px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #44903d;
}
.page-content--module-ds_opinions-opinions .pagination .title-section-nav .btn:hover{
    background-color: #5eb756;
}
.page-content--module-ds_opinions-opinions .pagination .title-section-nav .btn svg path{
    fill: #ffffff;
}
.page-content--module-ds_opinions-opinions .pagination .title-section-nav .btn.slick-disabled{
    pointer-events: none;
    opacity: 0.5;
}
@media (max-width: 767px){
    .opinions-list-sort .btn{
        padding: 5px 10px;
        font-size: 14px;
    }
    .shop-info{
        text-align: center;
    }
    .shop-info .logo{
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .shop-identify .shop-opinion{
        margin-top: 30px;
    }
    .shop-identify .opinions-heading{
        text-align: center;
    }
    .shop-identify .rating-element{
        justify-content: center;
    }

}

/* =========================================================
   Strona /opinie — wariant B makiety, kolorystyka projektu
   ========================================================= */
.rev-page{ --rev-green:#5eb756; --rev-green-d:#3f8b39; --rev-border:#e5e5e5; --rev-muted:#7b827c; --rev-heading:#121310; --rev-soft:#eff5e9;
    max-width:1140px; margin:0 auto; }
.rev-page .ds-stars{ display:inline-flex; align-items:center; gap:2px; line-height:1; }
.rev-page .ds-star{ width:16px; height:16px; display:inline-block; opacity:.24; }
.rev-page .ds-star.is-full{ opacity:1; }
.rev-page .ds-star.is-half{ opacity:.55; }

.rev-page .ophead{ margin:6px 0 22px; }
.rev-eyebrow{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--rev-green-d); margin-bottom:8px; }
.rev-eyebrow .ds-star{ width:14px; height:14px; opacity:1; }
.rev-page .ophead h1{ margin:0 0 6px; font-size:30px; font-weight:800; color:var(--rev-heading); }
.ophead__sub{ color:var(--rev-muted); font-size:15px; margin:0; }

.rev{ display:grid; grid-template-columns:300px 1fr; gap:34px; align-items:start; }
.rev__summary{ border:1px solid var(--rev-border); border-radius:14px; padding:26px; position:sticky; top:150px; box-shadow:0 6px 22px rgba(20,40,28,.06); background:#fff; }
.rev__big{ font-size:52px; font-weight:800; line-height:1; letter-spacing:-.02em; color:var(--rev-heading); }
.rev__big small{ font-size:20px; color:var(--rev-muted); font-weight:600; }
.rev__summary .ds-stars{ margin:8px 0 4px; }
.rev__summary .ds-star{ width:18px; height:18px; }
.rev__count{ font-size:13px; color:var(--rev-muted); margin-bottom:20px; }

.rev__bars{ display:flex; flex-direction:column; gap:7px; margin-bottom:22px; }
.rev__bar{ display:flex; align-items:center; gap:10px; font-size:12px; color:#555; text-decoration:none; padding:2px 4px; border-radius:8px; transition:background .12s; }
.rev__bar:hover,.rev__bar.is-active{ background:var(--rev-soft); }
.rev__bar-l{ display:inline-flex; align-items:center; gap:3px; width:30px; color:#333; font-weight:600; }
.rev__bar-l .ds-star{ width:12px; height:12px; }
.rev__bar-track{ flex:1; height:7px; background:#eef0ee; border-radius:999px; overflow:hidden; }
.rev__bar-track span{ display:block; height:100%; background:var(--rev-green); border-radius:999px; }
.rev__bar-n{ width:22px; text-align:right; color:#888; }
.rev__omnibus{ display:flex; align-items:flex-start; gap:7px; font-size:11.5px; color:var(--rev-muted); line-height:1.5; margin:16px 0 0; }
.rev__omnibus svg{ color:var(--rev-green); flex:none; margin-top:1px; }

.rev__list{ min-width:0; }
.oprev-filters{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-bottom:16px; margin-bottom:6px; border-bottom:1px solid var(--rev-border); }
.rev-chip{ display:inline-flex; align-items:center; gap:6px; background:#f5f7f3; border:1px solid var(--rev-border); border-radius:999px; padding:7px 14px; font-size:13px; font-weight:600; color:#333; text-decoration:none; transition:.12s; }
.rev-chip:hover{ border-color:var(--rev-green); color:var(--rev-green-d); }
.rev-chip.is-on{ background:var(--rev-green); border-color:var(--rev-green); color:#fff; }
.rev__sort{ height:40px; border:1px solid var(--rev-border); padding:0 14px; background:#fff; font-size:13px; border-radius:999px; margin-left:auto; cursor:pointer; }

.rev__item{ display:flex; gap:16px; padding:22px 0; border-bottom:1px solid var(--rev-border); }
.rev__av{ width:46px; height:46px; border-radius:50%; background:var(--rev-green); color:#fff; display:grid; place-items:center; font-size:18px; font-weight:700; flex:none; }
.rev__body{ flex:1; min-width:0; }
.rev__meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rev__name{ font-size:14px; font-weight:700; color:var(--rev-heading); display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rev__verified{ display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.02em; color:var(--rev-green-d); background:var(--rev-soft); padding:5px 9px; border-radius:999px; }
.rev__date{ font-size:12.5px; color:var(--rev-muted); }
.rev__stars{ margin:8px 0 6px; }
.rev__text{ font-size:14px; color:#444; line-height:1.65; margin:0; }
.rev__empty{ padding:30px 0; color:var(--rev-muted); }

.rev-pager{ display:flex; align-items:center; gap:16px; padding-top:26px; }
.rev-pager__btn{ width:44px; height:44px; border:1px solid var(--rev-border); background:#fff; display:grid; place-items:center; border-radius:50%; color:#333; }
.rev-pager__btn:hover{ border-color:var(--rev-green); color:var(--rev-green-d); }
.rev-pager__btn.is-disabled{ opacity:.4; pointer-events:none; }
.rev-pager__now{ font-size:14px; color:var(--rev-muted); }

@media(max-width:900px){
    .rev{ grid-template-columns:1fr; }
    .rev__summary{ position:static; }
    .rev__sort{ margin-left:0; }
}