/* kartify-product-reviews.css — Paket 284
   urunler/detail.tpl blok #23 (kaynak satir 4289-4634, 20669 karakter).
   Urun yorumlari / puanlama alani. KOSULLU blok: yalnizca yorumu olan
   urunlerde basiliyor, bu yuzden bagalanti da AYNI kosulun icinde
   ve bloğun TAM yerinde duruyor.
   Tek bir kural silinmedi veya degistirilmedi.
   Kaynak blok sha256: 65de983f6665... */

                                        /* --- Ozet paneli ---
                                           Olculer Kartify'nin kendi "Customer reviews"
                                           blogundan alindi (style.css 4287-4385):
                                             .customer-review-box -> puan ve yildizlar YAN YANA,
                                                aralarinda dikey ayrac cizgisi; puan 32-38 px,
                                                "/5" 20-24 px.
                                             .rating-list         -> etiket 37-44 px genislik,
                                                14 px bosluk, cubuk KOSESIZ (radius 0),
                                                yukseklik 14-16 px, YUZDE CUBUGUN ICINDE. */
                                        .ofm-review-heading{
                                            margin:0 0 14px;
                                            color:#20242c;
                                            font-size:clamp(17px,1.3vw,20px);
                                            font-weight:600;
                                        }

                                        .ofm-review-summary{
                                            display:grid;
                                            grid-template-columns:auto minmax(0,1fr);
                                            gap:clamp(20px,3vw,54px);
                                            align-items:center;
                                            padding:clamp(18px,1.8vw,26px);
                                            margin-bottom:18px;
                                            background:#fff;
                                            border:1px solid #e5e7ed;
                                            border-radius:8px;
                                        }

                                        /* Puan + yildizlar yan yana, aralarinda ayrac. */
                                        .ofm-customer-review-box{
                                            display:flex;
                                            align-items:center;
                                        }

                                        .ofm-customer-review-box .ofm-score{
                                            margin:0 9px 0 0;
                                            padding-right:9px;
                                            border-right:1px solid #e5e7ed;
                                            color:#20242c;
                                            font-size:clamp(32px,2.6vw,38px);
                                            font-weight:600;
                                            line-height:1;
                                            white-space:nowrap;
                                        }

                                        .ofm-customer-review-box .ofm-score span{
                                            color:#9aa0b4;
                                            font-size:.62em;
                                            font-weight:500;
                                        }

                                        .ofm-product-rating{line-height:1}
                                        .ofm-product-rating .comment-star{font-size:15px}

                                        .ofm-product-rating .ofm-review-count{
                                            display:block;
                                            margin:7px 0 0;
                                            color:#5e6278;
                                            font-size:13px;
                                            white-space:nowrap;
                                        }

                                        /* --- Yildiz dagilimi --- */
                                        .ofm-rating-box{margin:0;padding:0;list-style:none}

                                        /* KRITIK: Kartify'nin style.css'inde GENEL bir
                                           `li{display:inline-block}` kurali var. Bu yuzden
                                           dagilim satirlari alt alta degil YAN YANA diziliyor
                                           ve cubuklar sifir genislige dusuyordu (canlida
                                           olculdu: bes satirin da y degeri ayni). Kartify
                                           kendi blogunda bunu `.rating-box ul li{width:100%}`
                                           ile cozmus; ayni onlemi burada da aliyoruz. */
                                        .ofm-rating-box li{display:block;width:100%}
                                        .ofm-rating-box li + li{margin-top:10px}

                                        .ofm-rating-list{
                                            display:flex;
                                            align-items:center;
                                            flex-wrap:nowrap;
                                            gap:14px;
                                        }

                                        .ofm-rating-list .ofm-star-label{
                                            flex:0 0 auto;
                                            width:clamp(56px,4vw,66px);
                                            color:#5e6278;
                                            font-size:13px;
                                            line-height:1;
                                            white-space:nowrap;
                                        }

                                        .ofm-progress{
                                            flex:1 1 auto;
                                            height:16px;
                                            background:#f2f3f8;
                                            border-radius:0;
                                            overflow:hidden;
                                        }

                                        .ofm-progress-bar{
                                            height:100%;
                                            padding-top:1px;
                                            background:#ff9900;
                                            border-radius:0;
                                            color:#fff;
                                            font-size:11px;
                                            font-weight:600;
                                            line-height:15px;
                                            text-align:center;
                                            transition:width .6s ease;
                                            overflow:hidden;
                                        }

                                        /* Cubuk cok kisayken yuzde icine sigmiyor; disarida
                                           gosteriliyor. Etiket HER SATIRDA basiliyor (deger
                                           icerideyse bos kaliyor) ve sabit genislikte -
                                           yoksa bazi satirlarda cubuk daha uzun oluyor,
                                           cubuklarin sag kenari hizalanmiyordu. */
                                        .ofm-progress-out{
                                            flex:0 0 38px;
                                            color:#9aa0b4;
                                            font-size:12px;
                                            line-height:1;
                                            text-align:right;
                                        }

                                        @media (max-width:575.98px){
                                            .ofm-review-summary{grid-template-columns:1fr;gap:18px}
                                            .ofm-rating-list{gap:10px}
                                        }

                                        /* --- Pazaryeri bilgi notu --- */
                                        .ofm-review-note{
                                            display:flex;
                                            align-items:flex-start;
                                            gap:10px;
                                            padding:12px 14px;
                                            margin-bottom:16px;
                                            background:#f2f3f8;
                                            border-left:3px solid #ff9900;
                                            border-radius:5px;
                                            color:#5e6278;
                                            font-size:13px;
                                            line-height:1.6;
                                        }

                                        /* Ikon ile yazi ayni satir duzleminde dursun:
                                           metnin satir kutusu 13px x 1.6 = 20.8px.
                                           Ikona ayni yukseklikte satir kutusu veriliyor
                                           (16px x 1.3 = 20.8px), boylece ust bosluga
                                           gerek kalmiyor. Once margin-top ile
                                           yaklastirilmisti ve tam oturmuyordu. */
                                        .ofm-review-note i{
                                            flex-shrink:0;
                                            color:#ff9900;
                                            font-size:16px;
                                            line-height:1.3;
                                        }

                                        .ofm-review-note b{color:#20242c;font-weight:600}

                                        /* --- Filtre dugmeleri: Kartify dili --- */
                                        .ny-prd-filtreler-2{gap:8px;margin-bottom:16px}

                                        .ny-prd-filtreler-2 .ny-prd-filtre-btn{
                                            padding:7px 16px;
                                            border:1px solid #e5e7ed;
                                            border-radius:100px;
                                            background:#fff;
                                            color:#5e6278;
                                            font-size:13px;
                                            font-weight:500;
                                            letter-spacing:0;
                                            transition:all .2s ease;
                                        }

                                        .ny-prd-filtreler-2 .ny-prd-filtre-btn:hover{
                                            border-color:#ff9900;
                                            color:#ff9900;
                                        }

                                        .ny-prd-filtreler-2 .ny-prd-filtre-btn.aktif{
                                            background:#ff9900;
                                            border-color:#ff9900;
                                            color:#fff;
                                        }

                                        /* --- Yorum kartlari: Kartify .people-box ---
                                           Referans: style.css 4492-4646
                                           (.review-people .review-list li .people-box)
                                           Olculer Kartify'nin kendi calc() formulleriyle
                                           birebir alindi; "gereksiz gorunen" satirlar dahil
                                           (Paket 221 dersi). Kartla ilgili tek fark: Kartify
                                           gercek profil fotografi basiyor, bizde yorumda
                                           kullanici gorseli yok - yerine ad bas harfinden
                                           olusan kare rozet konuldu. */
                                        .ny-prd-yorum-item-2{
                                            margin-bottom:calc(14px + 10 * (100vw - 320px) / 1600);
                                        }

                                        /* Kartlar kendi zeminini tasidigi icin ayrac cizgiler gereksiz. */
                                        .ny-prd-yorum-hr-2{display:none}

                                        .ofm-people-box{
                                            display:flex;
                                            width:100%;
                                            padding:calc(15px + 11 * (100vw - 320px) / 1600);
                                            background:#f2f3f8;
                                            border-radius:6px;
                                        }

                                        /* Kartify'de fotograf; bizde ad bas harfi. Olculer ayni. */
                                        .ofm-people-image{
                                            flex:0 0 calc(62px + 8 * (100vw - 320px) / 1600);
                                            width:calc(62px + 8 * (100vw - 320px) / 1600);
                                            height:calc(62px + 8 * (100vw - 320px) / 1600);
                                            display:flex;
                                            align-items:center;
                                            justify-content:center;
                                            overflow:hidden;
                                            background:#fff;
                                            border:1px solid #e5e7ed;
                                            border-radius:4px;
                                            color:#ff9900;
                                            font-size:calc(22px + 4 * (100vw - 320px) / 1600);
                                            font-weight:600;
                                            line-height:1;
                                            text-transform:uppercase;
                                            -webkit-user-select:none;
                                            user-select:none;
                                        }

                                        .ofm-people-comment{
                                            flex:1 1 auto;
                                            min-width:0;
                                            padding-left:15px;
                                            position:relative;
                                        }

                                        .ny-prd-yorum-item-2 .review-name{
                                            display:block;
                                            width:100%;
                                            padding-right:92px;
                                            color:rgba(32,35,38,.9);
                                            font-size:calc(16px + 2 * (100vw - 320px) / 1600);
                                            font-weight:600;
                                            line-height:1.3;
                                        }

                                        /* Pazaryeri rozeti ad ile ayni satirda ama kucuk kalmali. */
                                        .ny-prd-yorum-item-2 .review-name .offer-info-mp{
                                            color:#5e6278;
                                            font-size:12.5px;
                                            font-weight:500;
                                            white-space:nowrap;
                                        }

                                        .ny-prd-yorum-item-2 .ps-review__rating{margin:-1px 0 0;line-height:1}
                                        .ny-prd-yorum-item-2 .comment-star{font-size:14px}

                                        /* Kartify: .date-time - sag ustte mutlak konumda. */
                                        .ny-prd-yorum-item-2 .review-date{
                                            position:absolute;
                                            top:0;
                                            right:0;
                                            width:auto;
                                            color:#5e6278;
                                            font-size:13px;
                                            line-height:1.3;
                                        }

                                        .ny-prd-yorum-item-2 .ps-review__desc{margin-top:4px}

                                        .ny-prd-yorum-item-2 .ps-review__desc p{
                                            width:97%;
                                            margin:0;
                                            color:rgba(32,35,38,.8);
                                            font-size:calc(14px + 1 * (100vw - 320px) / 1600);
                                            line-height:1.6;
                                        }

                                        @media (max-width:575.98px){
                                            .ny-prd-yorum-item-2 .ps-review__desc p{width:100%;line-height:1.5}
                                        }

                                        /* Kartify 480px altinda kutuyu blok yapiyor, tarih akisa donuyor. */
                                        @media (max-width:480px){
                                            .ofm-people-box{display:block}
                                            .ofm-people-comment{
                                                width:100%;
                                                padding:0;
                                                margin-top:calc(12px + 4 * (100vw - 320px) / 161);
                                            }
                                            .ny-prd-yorum-item-2 .review-name{padding-right:0}
                                            .ny-prd-yorum-item-2 .review-date{
                                                position:relative;
                                                inset:unset;
                                                margin-top:7px;
                                            }
                                        }

                                        .ny-prd-yorum-item-2 .commentImageList{
                                            display:flex;
                                            flex-wrap:wrap;
                                            gap:8px;
                                            margin-top:10px;
                                        }

                                        .ny-prd-yorum-item-2 .commentImageListItem{
                                            width:64px;
                                            height:64px;
                                            object-fit:cover;
                                            border:1px solid #e5e7ed;
                                            border-radius:6px;
                                        }

                                        /* --- "Urunu Degerlendir" dugmesi --- */
                                        .nyComment-open-modal-btn{
                                            padding:11px 22px 9px;
                                            margin-bottom:16px;
                                            background:#ff9900;
                                            border:none;
                                            border-radius:5px;
                                            color:#fff;
                                            font-size:14px;
                                            font-weight:500;
                                            transition:background .25s ease;
                                        }

                                        .nyComment-open-modal-btn:hover{background:#e68a00;color:#fff}

                                        /* Degerlendirme penceresindeki gonder dugmesi de ayni renkte. */
                                        .nyComment-modal .nyCommentSubmit,
                                        .nyComment-modal button[type="submit"]{
                                            background:#ff9900!important;
                                            border-color:#ff9900!important;
                                            color:#fff!important;
                                        }

                                        .nyComment-modal .nyCommentSubmit:hover,
                                        .nyComment-modal button[type="submit"]:hover{
                                            background:#e68a00!important;
                                            border-color:#e68a00!important;
                                        }