/* =============================================================
   yeni-sayfa.css
   Her sayfa kendi parent class'ı ile izole edilmiştir:
     - Anasayfa  → #site-main (genel) + .ms-story-* + .ms-ana-slider
     - Detay     → .rp-detail-page
     - Kategori  → .rp-kategori-page
   Bu sayede sayfalar arası ve yeni.css / app.php ile çakışma olmaz.
   ============================================================= */


/* =============================================================
   ANASAYFA — STORİ ALANI
   ============================================================= */
.ms-story-wrap{
    padding:18px 0 12px;
    overflow:hidden;
}
.ms-story-scroll{
    display:flex;
    flex-wrap:nowrap;
    gap:18px;
    overflow-x:auto;
    padding:4px 10px 12px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-behavior:smooth;
    justify-content:center;
}
.ms-story-scroll::-webkit-scrollbar{ display:none; }

.ms-story-item{
    flex:0 0 auto;
    width:136px;
    text-align:center;
    cursor:pointer;
}
.ms-story-ring{
    width:126px;
    height:126px;
    border-radius:50%;
    padding:4px;
    background:linear-gradient(135deg,#ff8c00,#c8166f,#ff4d00);
    margin:0 auto 8px;
    box-shadow:0 3px 12px rgba(200,22,111,.28);
    transition:transform .2s ease, box-shadow .2s;
}
.ms-story-ring:hover{ transform:scale(1.07); box-shadow:0 4px 14px rgba(200,22,111,.4); }
.ms-story-ring-inner{
    width:100%; height:100%; border-radius:50%; overflow:hidden;
    border:2.5px solid #fff; background:#f5f5f5; position:relative;
}
.ms-story-ring-inner img{
    width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block;
}
.ms-story-badge{
    position:absolute; bottom:2px; left:50%; transform:translateX(-50%);
    background:linear-gradient(135deg,#ff8c00,#ff4d00); color:#fff;
    font-size:6.5px; font-weight:800; white-space:nowrap;
    padding:2px 5px; border-radius:10px; line-height:1.2; pointer-events:none;
}
.ms-story-label{
    font-size:13px; font-weight:600; color:#333; line-height:1.2;
    max-width:136px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ms-story-item a{ text-decoration:none; }

/* =============================================================
   ANASAYFA — MASAÜSTÜ ZOOM/SCALE
   ============================================================= */
@media(min-width:769px){
    .block-products.slider{ zoom:1 !important; }

    .site-main{
        transform:scale(0.94);
        transform-origin:top center;
        width:106.4%;
        margin-left:-3.2%;
    }

    .ms-story-label{ font-size:14px; }
    .ms-section-header h2{ font-size:18px; }
    .ms-section-header .ms-see-all{ font-size:12px; }
    .ms-product-card .ms-product-name{ font-size:14px; font-weight:600; }
    .ms-product-card .ms-price-original{ font-size:15px; }
    .ms-product-card .ms-price-original.has-sale{ font-size:13px; }
    .ms-product-card .ms-discount-btn{ font-size:12px; padding:7px 5px; }
    .ms-discount-btn .dbn-label{ font-size:11px; }
    .ms-discount-btn .dbn-price{ font-size:13px; }

    .title-slider{ font-size:32px!important; line-height:1.18!important; }
    .description-slider{ font-size:15px!important; line-height:1.45!important; }
    .slider-buttons .button-slider{ font-size:13px!important; padding:10px 14px!important; }
    .title-banner{ font-size:18px!important; line-height:1.25!important; }
    .banner-image-description{ font-size:13px!important; line-height:1.4!important; }
}

/* =============================================================
   ANASAYFA — MOBİL
   ============================================================= */
@media(max-width:768px){
    .ms-story-item{ width:96px; }
    .ms-story-ring{ width:82px; height:82px; }
    .ms-story-label{ font-size:11px; max-width:96px; }
    .ms-story-scroll{ justify-content:flex-start; }

    .slick-sliders .item .content-image img{ object-fit:cover; width:100%; height:100%; min-height:auto; }
    .slick-sliders .item .content-image{ height:220px; }
    .title-slider{ font-size:18px!important; line-height:1.2!important; }
    .description-slider{ font-size:13px!important; line-height:1.35!important; }
    .slider-buttons .button-slider{ font-size:12px!important; padding:8px 10px!important; }
    .title-banner{ font-size:15px!important; line-height:1.25!important; }
    .banner-image-description{ font-size:12px!important; }
    .block-widget-banner .button{ font-size:12px!important; padding:8px 10px!important; }
    .ms-section-header h2{ font-size:14px; }
    .block-banners.layout-2 .row{ margin-left:0!important; margin-right:0!important; }
    .block-banners.layout-2 .section-column{ max-width:100%!important; flex:0 0 100%!important; padding-left:0!important; padding-right:0!important; }
    .block-banners.layout-2 .banner-image img{ width:100%!important; height:auto!important; display:block; }
}

img{ content-visibility:auto; }


/* =============================================================
   ÜRÜN DETAY SAYFASI — .rp-detail-page ile izole
   ============================================================= */
.rp-detail-page{ padding-bottom:110px; }
.rp-detail-section{ padding-top:22px; padding-bottom:22px; }

.rp-breadcrumbs{ font-size:14px; color:#555; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.rp-breadcrumbs a{ color:#333; text-decoration:none; }

.rp-mobile-title h1{ font-size:26px; line-height:1.2; margin:0 0 14px; color:#111; }

.rp-detail-row{ align-items:flex-start; }
.rp-gallery-row{ margin-left:-8px; margin-right:-8px; }
.rp-thumb-col,.rp-main-col{ padding-left:8px; padding-right:8px; }
.rp-main-col .main-image{ position:relative; background:#f6f1e7; overflow:visible; }
.rp-main-col .image-additional .img-item img{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block; }

.rp-zoom-frame{ overflow:hidden; position:relative; cursor:crosshair; }
.rp-thumb-col .img-thumbnail-scroll{ display:block; background:#fff; border:1px solid #ececec; }
.rp-thumb-col .img-thumbnail-scroll img{ width:100%; aspect-ratio:4/5; object-fit:cover; display:block; }

/* İndirim rozeti (detay sayfası büyük) */
.rp-discount-badge{
    position:absolute; top:16px; left:16px; z-index:6; width:82px; height:82px; border-radius:50%;
    background:linear-gradient(145deg,#ff9a20,#ff5b00); color:#fff;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    font-weight:800; line-height:1; box-shadow:0 6px 18px rgba(255,91,0,.25);
}
.rp-discount-badge span{ display:block; font-size:12px; font-weight:700; margin-top:4px; }

/* Zoom lens */
.rp-zoom-lens{
    display:none; position:absolute; width:120px; height:120px;
    border:2px solid #c8166f; border-radius:4px; background:rgba(200,22,111,.08);
    pointer-events:none; z-index:20; cursor:crosshair;
}
.rp-zoom-result{
    display:none; position:absolute; left:calc(100% + 14px); top:0;
    width:420px; height:520px; border:1px solid #ddd; background:#fff;
    background-repeat:no-repeat; z-index:100; box-shadow:0 8px 32px rgba(0,0,0,.18);
    border-radius:4px; overflow:hidden;
}
@media(min-width:992px){
    .scroll-image.main-image{ overflow:visible!important; }
}

/* Renk varyasyon kartları */
.rp-color-thumb-list{ display:flex; gap:10px; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
.rp-color-thumb-list li{ width:90px; margin:0; }
.rp-color-thumb-list label{ display:block; margin:0; width:100%; cursor:pointer; }
.rp-color-thumb-list input{ display:none; }
.rp-color-thumb-card{
    display:flex!important; flex-direction:column; align-items:center;
    justify-content:flex-start; padding:3px;
    border:2px solid transparent; background:#fff; color:#111;
    height:auto; width:100%; cursor:pointer; transition:border-color .2s;
}
.rp-color-thumb-card:hover{ border-color:#f0c8d8; }
.rp-color-thumb-card img{ width:100%; aspect-ratio:3/4; object-fit:cover; object-position:50% 10%; display:block; margin-bottom:4px; }
.rp-color-thumb-card small{ font-size:11px; line-height:1.15; text-align:center; font-weight:600; color:#555; white-space:normal; }
.rp-color-thumb-list input:checked + .rp-color-thumb-card{ border-color:#c8166f; box-shadow:none; }
.rp-color-thumb-list input:checked + .rp-color-thumb-card small{ color:#c8166f; font-weight:700; }
@media(max-width:767px){ .rp-color-thumb-list li{ width:72px; } }

/* Varyasyon hata */
.rp-variation-alert{ display:none!important; }
@keyframes rpShake{
    0%,100%{ transform:translateX(0); }
    20%{ transform:translateX(-6px); }
    40%{ transform:translateX(6px); }
    60%{ transform:translateX(-4px); }
    80%{ transform:translateX(4px); }
}

/* Bilgi sticky */
.rp-info-sticky{ position:sticky; top:108px; }
.rp-info-col .title{ font-size:22px; line-height:1.25; margin:0 0 14px; color:#111; }
.rp-price-wrap{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.rp-price-wrap .price del{ font-size:24px; color:#444; opacity:.8; margin-right:10px; }
.rp-price-wrap .price ins{ font-size:44px; color:#ef5a3c; text-decoration:none; font-weight:800; line-height:1; }
.rp-inline-discount{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:#fff1eb; color:#ef5a3c; font-size:13px; font-weight:700; }
.rp-spot{ margin-bottom:16px; color:#444; }
.rp-color-swatches-wrap{ margin-bottom:16px; }
.rp-variation-group{ margin-bottom:14px; }
.rp-variation-group .attribute-name{ display:block; font-size:13px; font-weight:800; text-transform:uppercase; margin-bottom:8px; color:#222; }
.rp-variation-list{ display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.rp-variation-list li{ margin:0; }
.rp-variation-list label{ margin:0; }
.rp-variation-list input{ display:none; }
.rp-variation-list span,
.rp-color-thumb-list .attribute-swatch-item:not(:has(.rp-color-thumb-card)) span{
    display:inline-flex!important; align-items:center; justify-content:center; min-width:42px; height:34px; padding:0 12px;
    border:1.5px solid #333!important; background:#fff!important; color:#111!important; font-size:14px; font-weight:600; cursor:pointer;
}
.rp-variation-list input:checked + span,
.rp-color-thumb-list .attribute-swatch-item input:checked + span{
    background:#111!important; color:#fff!important; border-color:#111!important;
}
span.rp-size-btn{
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    min-width:42px!important; height:34px!important; padding:0 12px!important;
    border:1.5px solid #333!important; background:#fff!important; color:#111!important;
    font-size:14px!important; font-weight:600!important; cursor:pointer!important;
}
input:checked + span.rp-size-btn{ background:#111!important; color:#fff!important; border-color:#111!important; }

/* Adet + sepet */
.rp-action-row{ display:flex; gap:14px; align-items:center; margin:18px 0 12px; }
.rp-action-row .quantity{ display:flex; align-items:center; justify-content:space-between; border:1px solid #ddd; width:154px; height:52px; }
.rp-action-row .quantity button{ width:48px; height:50px; border:none; background:#fff; font-size:28px; line-height:1; }
.rp-action-row .quantity input{ width:58px; height:50px; border:none; text-align:center; font-size:20px; }
.rp-addcart-wrap{ flex:1; }
.rp-addcart-wrap .button{ width:100%; height:52px; border:none; background:#f57c14; color:#fff; font-size:18px; font-weight:800; }

.rp-product-meta-top{ margin:0 0 14px; }

/* Accordion */
.rp-detail-accordion{ border:1px solid #e7e7e7; }
.rp-acc-item + .rp-acc-item{ border-top:1px solid #e7e7e7; }
.rp-acc-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:#fff; border:none; font-size:16px; font-weight:700; color:#333; text-align:left; }
.rp-acc-item.active .rp-acc-btn{ background:#d94f8f; color:#fff; }
.rp-acc-content{ display:none; padding:18px 18px 16px; background:#fff; color:#333; }
.rp-acc-content p:last-child{ margin-bottom:0; }
.rp-attr-row + .rp-attr-row{ margin-top:12px; padding-top:12px; border-top:1px solid #f0f0f0; }
.rp-attr-title{ font-weight:800; color:#222; margin-bottom:4px; }
.rp-product-meta{ display:flex; flex-direction:column; gap:6px; }
.rp-product-meta a{ color:#333; text-decoration:none; }

/* Sticky bar */
.rp-sticky-buybar{ position:fixed; left:0; right:0; bottom:0; z-index:9999; background:#fff; border-top:3px solid #d94f8f; box-shadow:0 -8px 24px rgba(0,0,0,.08); }
.rp-sticky-buybar-inner{ max-width:1360px; margin:0 auto; padding:10px 18px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.rp-sticky-left{ min-width:0; }
.rp-sticky-title{ font-size:16px; font-weight:800; color:#111; line-height:1.2; margin-bottom:4px; max-width:380px; }
.rp-sticky-price-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rp-sticky-discount{ display:inline-flex; align-items:center; justify-content:center; background:#ef5a3c; color:#fff; font-weight:800; padding:6px 10px; font-size:13px; }
.rp-sticky-old{ font-size:18px; color:#999; }
.rp-sticky-price{ font-size:22px; color:#d94f8f; line-height:1; }
.rp-sticky-actions{ display:flex; align-items:center; gap:12px; }
.rp-sticky-cart-btn{ min-width:310px; height:52px; border:none; background:#f57c14; color:#fff; font-size:18px; font-weight:800; }
.rp-sticky-sizes{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.rp-sticky-size-btn{ width:40px; height:34px; border:1px solid #222; background:#fff; color:#111; font-weight:700; }
.rp-sticky-size-btn.active{ background:#111; color:#fff; }

/* Slider okları */
.shop-details .slick-prev,.shop-details .slick-next{ text-indent:-9999px; overflow:hidden; }
#product-image-additional .slick-prev,#product-image-additional .slick-next{ width:40px; height:64px; z-index:7; background:rgba(255,255,255,.5); backdrop-filter:blur(4px); }
#product-image-additional .slick-prev{ left:12px; }
#product-image-additional .slick-next{ right:12px; }
.scroll-top,.go-top,.back-to-top,.scrollToTop,.scrollup,.cd-top{ bottom:118px!important; z-index:10001!important; }

/* Responsive — detay */
@media(min-width:992px){
    .rp-image-col{ max-width:44%; flex:0 0 44%; }
    .rp-info-col{ max-width:56%; flex:0 0 56%; }
}
@media(max-width:991px){
    .rp-detail-page{ padding-bottom:106px; }
    .rp-info-sticky{ position:static; }
    .rp-main-col .image-additional .img-item img{ aspect-ratio:3/4; }
    .rp-action-row{ flex-direction:column; align-items:stretch; }
    .rp-addcart-wrap .button{ width:100%; }
    .rp-sticky-buybar-inner{ padding:10px 12px; gap:10px; flex-wrap:wrap; }
    .rp-sticky-left{ width:100%; }
    .rp-sticky-title{ font-size:14px; max-width:none; }
    .rp-sticky-price{ font-size:18px; }
    .rp-sticky-old{ font-size:15px; }
    .rp-sticky-cart-btn{ min-width:0; width:100%; height:50px; }
    .rp-sticky-actions{ flex:1 1 100%; width:100%; }
    .rp-thumb-col{ order:2; }
    .rp-main-col{ order:1; }
    #product-image-thumbnail{ margin-top:8px; }
    .rp-sticky-sizes{ display:none!important; }
    .rp-zoom-lens,.rp-zoom-result{ display:none!important; }
}
@media(max-width:767px){
    .rp-addcart-wrap{ display:none; }
    .rp-detail-section{ padding-top:14px; }
    .rp-breadcrumbs{ display:none; }
    .rp-mobile-title h1{ font-size:22px; margin-bottom:10px; }
    .rp-gallery-row{ margin-left:-4px; margin-right:-4px; }
    .rp-thumb-col,.rp-main-col{ padding-left:4px; padding-right:4px; }
    .rp-main-col .image-additional .img-item img{ aspect-ratio:4/5; }
    .rp-thumb-col .img-thumbnail-scroll img{ aspect-ratio:4/5; }
    .rp-price-wrap .price del{ font-size:18px; }
    .rp-price-wrap .price ins{ font-size:34px; }
    .rp-variation-list span{ min-width:38px; height:34px; padding:0 10px; }
    .rp-acc-btn{ font-size:14px; padding:13px 14px; }
    .rp-acc-content{ padding:14px; }
}


/* =============================================================
   KATEGORİ SAYFASI — .rp-kategori-page ile izole
   ============================================================= */
.rp-kategori-page div#suggesstion-box ul{ list-style:none; padding:0; margin-bottom:0; }
.rp-kategori-page div#suggesstion-box ul li{ color:#000!important; display:block; padding:6px 10px; border-bottom:1px solid #ced4da; }
.rp-kategori-page div#suggesstion-box{ border:1px solid #ced4da; border-radius:8px; margin-top:0; position:absolute; width:100%; z-index:9; background:#fff; }

.rp-toolbar{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    margin-bottom:18px; padding:14px 16px; border:1px solid #eee; border-radius:18px;
    background:#fff; box-shadow:0 6px 24px rgba(0,0,0,.04);
}
.rp-toolbar-left{ flex:1 1 auto; }
.rp-toolbar-right{ display:flex; align-items:center; gap:14px; flex:0 0 auto; }
.rp-search-wrap{ margin-bottom:0; }
.rp-search-wrap .form-control{ height:46px; border-radius:12px; border:1px solid #e4e4e4; padding:0 14px; }
.rp-result-count{ font-size:14px; color:#444; white-space:nowrap; }
.rp-mobile-filter-toggle{ border:none; background:#df508e; color:#fff; border-radius:12px; padding:11px 16px; font-size:13px; font-weight:700; }

.rp-layout-row{ align-items:flex-start; }

.rp-filter-sidebar{ display:block; }
.rp-filter-sidebar-inner{
    position:sticky; top:110px; background:#fff; border:1px solid #eee;
    border-radius:18px; padding:18px 16px; box-shadow:0 6px 24px rgba(0,0,0,.04);
}
.rp-filter-sidebar-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.rp-filter-sidebar-head h3{ margin:0; font-size:18px; font-weight:800; color:#222; }
.rp-mobile-filter-close{ background:none; border:none; font-size:28px; line-height:1; color:#333; padding:0; }

.rp-filter-block{ padding:14px 0; border-top:1px solid #f1f1f1; }
.rp-filter-block:first-child{ border-top:none; padding-top:0; }
.rp-filter-block-title{ font-size:13px; font-weight:800; color:#222; text-transform:uppercase; letter-spacing:.3px; margin-bottom:12px; }

.rp-color-filter-list{ display:flex; flex-wrap:wrap; gap:10px; }
.rp-color-item{ display:flex; align-items:center; gap:8px; width:calc(50% - 5px); margin:0; cursor:pointer; }
.rp-color-item input{ display:none; }
.rp-color-dot{ width:20px; height:20px; border-radius:50%; border:2px solid #ddd; box-shadow:inset 0 0 0 1px rgba(0,0,0,.05); flex:0 0 20px; transition:.2s ease; }
.rp-color-name{ font-size:13px; color:#444; line-height:1.2; }
.rp-color-item.active .rp-color-dot,
.rp-color-item input:checked + .rp-color-dot{ border-color:#df508e; box-shadow:0 0 0 3px rgba(223,80,142,.15); transform:scale(1.07); }

.rp-filter-options{ display:flex; flex-direction:column; gap:10px; }
.rp-check-item{ display:flex; align-items:center; gap:10px; margin:0; cursor:pointer; }
.rp-check-item input{ display:none; }
.rp-check-box{ width:18px; height:18px; border:1.5px solid #ccc; border-radius:5px; flex:0 0 18px; position:relative; background:#fff; }
.rp-check-item input:checked + .rp-check-box{ background:#df508e; border-color:#df508e; }
.rp-check-item input:checked + .rp-check-box:after{ content:''; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.rp-check-text{ font-size:13px; color:#444; line-height:1.25; }

.rp-filter-reset-wrap{ padding-top:16px; }
.rp-filter-reset{ display:block; text-align:center; padding:11px 12px; border:1px solid #ddd; border-radius:12px; color:#333; text-decoration:none; font-size:13px; font-weight:700; }
.rp-filter-reset:hover{ color:#df508e; border-color:#df508e; }

.rp-category-products .row{ margin-left:-7px; margin-right:-7px; }
.rp-product-col{ padding-left:7px; padding-right:7px; margin-bottom:16px; }

.rp-color-dot[style*="#f7f7f7"]{ border-color:#cfcfcf; }

@media(max-width:991px){
    .rp-toolbar{ flex-direction:column; align-items:stretch; }
    .rp-toolbar-right{ justify-content:space-between; }
    .rp-filter-sidebar{
        position:fixed; inset:0 auto 0 0; width:92%; max-width:340px;
        z-index:99999; transform:translateX(-105%); transition:transform .25s ease;
    }
    .rp-filter-sidebar.active{ transform:translateX(0); }
    .rp-filter-sidebar-inner{ position:relative; top:0; height:100vh; overflow-y:auto; border-radius:0; padding-bottom:28px; }
}
@media(max-width:768px){
    .rp-color-item{ width:100%; }
    .rp-check-text,.rp-color-name{ font-size:12px; }
}