:root{--shell:615px;--ink:#0d1b2a;--muted:#667085;--line:#e5e7eb;--soft:#f7f8fa;--accent:#123b6d;--accent-2:#0c2f59;--success:#12805c;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0eb;background-image:radial-gradient(#d4d0c8 1px,transparent 1px);background-size:18px 18px;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page-canvas{width:100%}.storefront-shell{width:100%;max-width:var(--shell);min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 28px rgba(15,23,42,.12);overflow:hidden}.storefront-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:10px 18px;border-bottom:1px solid #eceff3;background:#fff}.brand{display:flex;align-items:center;min-width:0;text-decoration:none}.brand img{display:block;max-width:170px;max-height:46px;width:auto;height:auto;object-fit:contain}.header-actions{display:flex;align-items:center;gap:10px}.header-link{border:0;background:transparent;color:#64748b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.cart-link{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:9px 14px;border-radius:999px;background:#0f2f57;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important}.creative-flow{display:block;width:100%}.creative-section{position:relative;width:100%;margin:0;padding:0;overflow:hidden;background:#fff;isolation:isolate}.creative-picture,.creative-image{display:block;width:100%}.creative-image{height:auto;max-width:none;object-fit:contain}.creative-section+.creative-section,.creative-section+.video-section,.video-section+.creative-section{margin-top:0}.creative-overlay{position:absolute;z-index:2;inset:0;display:flex;padding:clamp(18px,5vw,30px);pointer-events:none}.creative-overlay-inner{width:min(100%,470px);pointer-events:auto}.creative-kicker{margin-bottom:7px;font-size:clamp(10px,2.5vw,12px);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.creative-title{margin:0;font-size:clamp(26px,7vw,43px);line-height:1.03;letter-spacing:-.045em;font-weight:800}.creative-copy{margin-top:11px;font-size:clamp(13px,3vw,16px);line-height:1.55}.creative-copy p{margin:0 0 10px}.creative-copy p:last-child{margin-bottom:0}.creative-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;padding:11px 18px;border-radius:999px;background:#fff;color:#0d315c!important;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 8px 26px rgba(0,0,0,.18)}.creative-theme-light .creative-overlay{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.38)}.creative-theme-dark .creative-overlay{color:#0d1b2a;text-shadow:none}.creative-theme-dark .creative-cta{background:#0f315b;color:#fff!important}.creative-position-top-left .creative-overlay{align-items:flex-start;justify-content:flex-start}.creative-position-top-center .creative-overlay{align-items:flex-start;justify-content:center;text-align:center}.creative-position-top-right .creative-overlay{align-items:flex-start;justify-content:flex-end;text-align:right}.creative-position-center-left .creative-overlay{align-items:center;justify-content:flex-start}.creative-position-center .creative-overlay{align-items:center;justify-content:center;text-align:center}.creative-position-center-right .creative-overlay{align-items:center;justify-content:flex-end;text-align:right}.creative-position-bottom-left .creative-overlay{align-items:flex-end;justify-content:flex-start}.creative-position-bottom-center .creative-overlay{align-items:flex-end;justify-content:center;text-align:center}.creative-position-bottom-right .creative-overlay{align-items:flex-end;justify-content:flex-end;text-align:right}.creative-position-top-center .creative-overlay-inner,.creative-position-center .creative-overlay-inner,.creative-position-bottom-center .creative-overlay-inner{margin-inline:auto}.creative-position-top-right .creative-overlay-inner,.creative-position-center-right .creative-overlay-inner,.creative-position-bottom-right .creative-overlay-inner{margin-left:auto}.creative-section.no-overlay .creative-overlay{display:none}.video-section{width:100%;margin:0;background:#000}.video-section>.creative-section{margin:0}.video-frame{position:relative;width:100%;background:#05070a;overflow:hidden}.video-frame.ratio-auto video{display:block;width:100%;height:auto}.video-frame.ratio-auto iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.video-frame.ratio-16-9{aspect-ratio:16/9}.video-frame.ratio-9-16{aspect-ratio:9/16}.video-frame.ratio-1-1{aspect-ratio:1}.video-frame.ratio-4-5{aspect-ratio:4/5}.video-frame:not(.ratio-auto) iframe,.video-frame:not(.ratio-auto) video{display:block;width:100%;height:100%;border:0;object-fit:cover}.content-section{padding:38px 20px;background:#fff}.content-section-soft{background:#f7f8fa}.section-kicker{margin:0 0 7px;color:#0b806f;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-title{margin:0 0 16px;font-size:clamp(27px,7vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:800}.section-copy{color:#475569;font-size:15px;line-height:1.7}.section-copy p:last-child{margin-bottom:0}.primary-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:var(--accent);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;cursor:pointer;box-shadow:none}.primary-button:hover{background:var(--accent-2);color:#fff!important}.feature-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding:13px 13px 13px 42px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:650}.feature-list li:before{content:"✓";position:absolute;left:13px;top:12px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#dff5ef;color:#06735e;font-size:12px;font-weight:900}.product-stack{display:grid;gap:15px}.product-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.07)}.product-card.is-popular{border:2px solid var(--accent)}.product-card-media{background:#f3f4f6}.product-card-media img{display:block;width:100%;height:auto}.product-card-body{padding:18px}.product-label{position:absolute;z-index:2;top:12px;left:12px;border-radius:999px;background:#fff;color:var(--success);padding:7px 10px;font-size:10px;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.1)}.product-title{margin:0;font-size:22px;font-weight:800}.price-row{display:flex;align-items:baseline;gap:9px;margin:9px 0 13px}.old-price{text-decoration:line-through;color:#9ca3af}.sale-price{font-size:29px;font-weight:800;color:var(--accent)}.gift-line{margin:-3px 0 13px;color:#9a5c00;font-size:12px;font-weight:800}.product-features{margin:0 0 16px;padding:0;list-style:none;color:#475569}.product-features li{padding:6px 0;border-bottom:1px solid #eef0f2}.testimonial-stack{display:grid;gap:12px}.testimonial-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.testimonial-image{display:block;width:100%;height:auto;margin-bottom:12px;border-radius:10px}.testimonial-stars{color:#d99a18;letter-spacing:.14em}.testimonial-card blockquote{margin:9px 0;font-size:16px;font-weight:600}.testimonial-author{color:var(--muted);font-size:12px}.contact-section{background:#0a1b30;color:#fff}.contact-section .section-copy{color:#cbd5e1}.contact-form{display:grid;gap:11px}.field label,.checkout-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:800}.form-control,.checkout-form .form-control{width:100%;min-height:50px;border:1px solid #d7dce2!important;border-radius:11px!important;background:#fff!important;color:var(--ink)!important;padding:12px 14px!important;box-shadow:none!important}.form-control:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(20,47,85,.1)!important}.storefront-footer{padding:34px 20px 102px;background:#071526;color:#cfdaea;text-align:center}.storefront-footer img{max-width:160px;max-height:44px;filter:brightness(0) invert(1);opacity:.9}.storefront-footer p{margin:15px 0;font-size:12px}.storefront-footer .footer-link{color:#fff}.sticky-buy{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,var(--shell));padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.sticky-buy .primary-button{min-height:50px}.checkout-page{padding:22px 18px 46px}.checkout-progress{display:flex;gap:6px;margin-bottom:20px}.checkout-progress span{height:4px;flex:1;border-radius:99px;background:#dfe3e8}.checkout-progress span.active{background:var(--accent)}.checkout-product{display:flex;gap:13px;padding:13px;margin-bottom:20px;border-radius:15px;background:var(--soft)}.checkout-product img{width:86px;height:86px;border-radius:11px;object-fit:cover}.checkout-product h1{font-size:18px;margin:4px 0}.checkout-product .price{font-weight:800;color:var(--accent)}.checkout-block{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:15px}.checkout-block h2{font-size:16px;margin:0 0 14px}.checkout-form .form-group{margin-bottom:13px}.payment-option{display:flex!important;align-items:center;gap:10px;margin:0 0 9px!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:11px!important;cursor:pointer}.payment-option:has(input:checked){border-color:var(--accent)!important;background:#eef3f9}.payment-option input{width:19px;height:19px;accent-color:var(--accent)}.summary-table{width:100%;font-size:13px}.summary-table td{padding:8px 0;border-bottom:1px solid var(--line)}.summary-table td:last-child{text-align:right;font-weight:700}.summary-table .total td{font-size:18px;border-bottom:0;padding-top:12px}.notice{padding:12px 14px;border-radius:10px;background:#fff5d9;color:#6d4a00;font-size:12px}.modal-content{border:0;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.storefront-shell main>.container{max-width:100%;padding:22px 18px 46px}.storefront-shell main>.container>.row{margin-left:0!important;margin-right:0!important}.storefront-shell .table-responsive{font-size:13px}.storefront-shell .btn-primary,.storefront-shell .btn-success{background:var(--accent);border-color:var(--accent)}
@media(max-width:615px){body{background:#fff;background-image:none}.storefront-shell{box-shadow:none}.storefront-header{min-height:66px;padding:9px 14px}.brand img{max-width:145px;max-height:42px}.header-link{display:none}.creative-overlay{padding:18px}.creative-title{font-size:clamp(25px,8vw,36px)}.creative-copy{font-size:13px}.content-section{padding:32px 17px}.checkout-page{padding-inline:14px}.sticky-buy{padding-inline:10px}}
@media(max-width:360px){.storefront-header{gap:8px}.brand img{max-width:126px}.cart-link{padding:9px 10px}.creative-overlay{padding:14px}.creative-copy{font-size:12px}.creative-cta{min-height:42px;padding:9px 14px}.content-section{padding-inline:14px}.section-title{font-size:27px}}

/* Before / After full creative hero */
.home-creative-page .storefront-shell{padding-top:0}
.home-creative-page #main-content{display:block;width:100%;padding:0;margin:0}
.ba-hero-section{position:relative;line-height:0}
.ba-hero-section .creative-picture,.ba-hero-section .creative-image{position:relative;z-index:1}
.ba-stage{position:absolute;z-index:4;top:var(--ba-top);left:var(--ba-left);width:var(--ba-width);height:var(--ba-height);overflow:hidden;line-height:normal}
.ba-comparison{position:relative;width:100%;height:100%;overflow:hidden;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;background:#d9dde2}
.ba-comparison:focus-visible{box-shadow:inset 0 0 0 3px rgba(255,255,255,.95),inset 0 0 0 6px rgba(17,48,91,.8)}
.ba-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none}
.ba-after-image{z-index:1}
.ba-before-layer{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 50% 0 0);will-change:clip-path}
.ba-before-layer .ba-before-image{position:absolute;inset:0;width:100%;height:100%}
.ba-divider{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px rgba(9,31,57,.18),0 0 10px rgba(0,0,0,.18);pointer-events:none;will-change:left}
.ba-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;border-radius:999px;background:#fff;color:#17365c;font-family:Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.25)}
.ba-handle span{display:block;transform:translateY(-1px)}
.ba-comparison.is-dragging .ba-handle{transform:translate(-50%,-50%) scale(1.06)}
@media(max-width:615px){.ba-divider{width:2px}.ba-handle{width:34px;height:34px;font-size:19px}}

.ba-stage-standalone{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1;overflow:hidden}.ba-stage-standalone .ba-comparison{position:absolute;inset:0}.ba-standalone-section{background:#fff}.ba-image{object-position:center center}


/* QUICK PRODUCT + COD CHECKOUT V8 */
.visual-product-stack{display:block;width:100%;margin:0;padding:0}
.product-section:has(.visual-product-stack){padding:0!important}
.product-section:has(.visual-product-stack)>.section-kicker,.product-section:has(.visual-product-stack)>.section-title{display:none}
.visual-product-link{display:block;position:relative;width:100%;margin:0;padding:0;text-decoration:none;line-height:0;background:#fff}
.visual-product-link img{display:block;width:100%;max-width:100%;height:auto!important;margin:0;padding:0;object-fit:contain!important;object-position:center top}
.quick-order-page{padding:0 0 42px;background:#fff}
.quick-order-product{width:100%;line-height:0;background:#fff}
.quick-order-product img{display:block;width:100%;height:auto;object-fit:contain}
.quick-order-heading{padding:20px 18px 10px;text-align:center}
.quick-order-heading h1{margin:0 0 8px;font-size:24px;line-height:1.15;font-weight:800}
.quick-order-price{font-size:34px;line-height:1;font-weight:900;color:var(--accent)}
.quick-order-shipping{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#e9f7f0;color:#08755a;font-size:12px;font-weight:800}
.quick-order-page .checkout-form{padding:0 16px}
.quick-order-page .checkout-block{margin-bottom:12px;padding:17px;border-radius:14px}
.quick-order-page .checkout-block h2{margin-bottom:14px;font-size:18px}
.quick-order-page .payment-option{align-items:flex-start!important}
.quick-order-page .payment-option span{display:flex;flex-direction:column;gap:3px}
.quick-order-page .payment-option small{display:block;color:#6b7280;font-size:11px;font-weight:500}
.quick-summary{display:grid;gap:10px}
.quick-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-summary>div+div{padding-top:10px;border-top:1px solid var(--line)}
.quick-summary strong{font-size:17px}
.quick-order-submit{min-height:58px;font-size:16px}
.quick-order-submit:disabled{opacity:.5;cursor:not-allowed}
.quick-order-note{margin:10px 4px 0;text-align:center;color:#7b8492;font-size:11px;line-height:1.45}


/* ==========================================================================
   BEFORE / AFTER - NATURAL FLOW V10
   Üst kreatif + bağımsız slider + alt kreatif yapısı için.
   ========================================================================== */

.ba-standalone-section {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    line-height: 0 !important;
}

.ba-comparison-natural {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    cursor: ew-resize;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    outline: none;
    line-height: 0 !important;
}

/* AFTER normal akışta kalır ve slider yüksekliğini belirler. */
.ba-comparison-natural > .ba-natural-base {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
    pointer-events: none;
    -webkit-user-drag: none;
}

/* BEFORE, AFTER görselinin tamamının üstüne gelir. */
.ba-comparison-natural > .ba-before-layer {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(0 50% 0 0);
    will-change: clip-path;
    pointer-events: none;
}

.ba-comparison-natural .ba-before-image {
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
    pointer-events: none;
    -webkit-user-drag: none;
}

.ba-comparison-natural > .ba-divider {
    position: absolute !important;
    z-index: 5 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50%;
    width: 3px;
    height: auto !important;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 0 0 1px rgba(9,31,57,.18), 0 0 10px rgba(0,0,0,.18);
    pointer-events: none;
    will-change: left;
}

.ba-comparison-natural .ba-handle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: #123b6d;
    font: 700 21px/1 Arial,sans-serif;
    box-shadow: 0 3px 12px rgba(0,0,0,.24);
}

.ba-comparison-natural.is-dragging .ba-handle {
    transform: translate(-50%,-50%) scale(1.06);
}

/* Önceki sürümdeki kare zorlamasını kesin olarak iptal eder. */
.ba-stage-standalone,
.ba-stage-standalone .ba-comparison,
.ba-standalone-section .ba-stage,
.ba-standalone-section .ba-comparison {
    aspect-ratio: auto !important;
}

@media (max-width: 615px) {
    .ba-comparison-natural > .ba-divider { width: 2px; }
    .ba-comparison-natural .ba-handle { width: 34px; height: 34px; font-size: 18px; }
}

/* VERIFIED REVIEWS OVERLAY */
.review-creative{position:relative;width:100%;margin:0;padding:0;overflow:hidden;background:#fff;line-height:0}
.review-creative-bg{display:block;width:100%;height:auto;margin:0;padding:0}
.review-list-overlay{position:absolute;z-index:3;left:6.5%;right:6.5%;top:18.2%;bottom:12.4%;display:grid;grid-template-rows:repeat(5,1fr);gap:2.5%;line-height:1.2}
.review-slot{min-width:0;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:2px 8px;padding:2.5% 4.5%;overflow:hidden;color:#17365c;text-align:left}
.review-slot-stars{flex:0 0 auto;color:#d7a73d;font-size:clamp(10px,2.2vw,14px);letter-spacing:.08em;white-space:nowrap}
.review-slot-text{flex:1 1 60%;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:clamp(9px,2.25vw,13px);font-weight:700;line-height:1.25}
.review-slot-meta{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#53677f;font-size:clamp(7px,1.75vw,10px);line-height:1.1}
.review-slot-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-slot-meta span{color:#198568;font-weight:800;white-space:nowrap}
.review-slot-empty{visibility:hidden}
.review-form-overlay{position:absolute;z-index:3;left:8.5%;right:8.5%;top:22%;bottom:13%;display:flex;align-items:center;line-height:1.2}
.verified-review-form{width:100%;display:grid;gap:5px}
.review-verify-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.verified-review-form input,.verified-review-form textarea,.verified-review-form button{font:700 clamp(9px,2.1vw,12px)/1.2 Manrope,Arial,sans-serif}
.verified-review-form input[type="tel"],.verified-review-form input[type="text"],.verified-review-form textarea{width:100%;min-width:0;border:1px solid rgba(191,145,52,.55);border-radius:9px;background:rgba(255,255,255,.88);color:#17365c;outline:none;padding:7px 9px;box-shadow:inset 0 1px 4px rgba(16,50,89,.06)}
.verified-review-form input{height:31px}.verified-review-form textarea{height:42px;resize:none}
.verified-review-form button{min-height:31px;border:0;border-radius:9px;padding:6px 10px;background:#113b69;color:#fff;cursor:pointer;box-shadow:0 3px 8px rgba(9,34,67,.2)}
.verified-review-form button:disabled{opacity:.55;cursor:wait}
.review-write-step{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name rating" "content submit";gap:5px 7px;align-items:center}
.review-write-step>input[type="text"]{grid-area:name}.review-rating{grid-area:rating;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:1px;white-space:nowrap}
.review-rating input{position:absolute;opacity:0;pointer-events:none}.review-rating label{color:#c8c8c8;font-size:clamp(15px,4vw,21px);line-height:1;cursor:pointer}.review-rating input:checked~label,.review-rating label:hover,.review-rating label:hover~label{color:#d7a73d}
.review-write-step textarea{grid-area:content}.review-write-step>button{grid-area:submit;height:42px}
.review-form-message{min-height:12px;font-size:clamp(7px,1.7vw,10px);font-weight:800;text-align:center;line-height:1.15}.review-form-message.is-success{color:#14775f}.review-form-message.is-error{color:#a52a2a}
@media(max-width:420px){.review-slot{padding-inline:4%}.review-slot-text{-webkit-line-clamp:2}.review-slot-meta span{font-size:7px}.review-form-overlay{left:7%;right:7%}.verified-review-form input[type="tel"],.verified-review-form input[type="text"],.verified-review-form textarea{padding:5px 7px}.verified-review-form button{padding-inline:7px}}

/* =========================================================
   KREATIF -> URUN BAGLANTISI
   ========================================================= */
.creative-product-link{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}
.creative-product-link .creative-picture,
.creative-product-link .creative-image{
    display:block;
    width:100%;
}
.creative-has-product-link .creative-product-link:focus-visible{
    outline:3px solid currentColor;
    outline-offset:-3px;
}

/* =========================================================
   CHECKOUT V2 - ABRAKADABRABOX
   ========================================================= */
.checkout-v2{
    width:100%;
    max-width:615px;
    margin:0 auto;
    padding:14px 14px 28px;
    background:
        radial-gradient(circle at 12% 5%,rgba(225,177,67,.13),transparent 30%),
        linear-gradient(180deg,#f8fbff 0,#fff 35%,#f8fbff 100%);
}
.checkout-alert-wrap{margin-bottom:12px}
.checkout-v2-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
    padding:9px 12px;
    border:1px solid rgba(19,55,95,.10);
    border-radius:12px;
    background:#0f3762;
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
}
.checkout-v2-free{color:#f4cc65}
.checkout-v2-product-card{
    overflow:hidden;
    border:1px solid rgba(13,55,98,.12);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(13,45,78,.09);
}
.checkout-v2-product-media{background:#f7f9fb;border-bottom:1px solid #edf0f4}
.checkout-v2-product-media img{display:block;width:100%;height:auto;max-height:285px;object-fit:contain;margin:0 auto}
.checkout-v2-product-info{padding:16px 16px 15px}
.checkout-v2-eyebrow{display:block;margin-bottom:5px;color:#b78620;font-size:10px;font-weight:900;letter-spacing:.13em}
.checkout-v2-product-info h1{margin:0;color:#0f3159;font-size:clamp(20px,5vw,27px);line-height:1.15;letter-spacing:-.025em;font-weight:900}
.checkout-v2-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.checkout-v2-price-row strong{color:#103b69;font-size:27px;line-height:1;font-weight:900}
.checkout-v2-price-row span{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:999px;background:#eaf8f2;color:#137055;font-size:10px;font-weight:900}
.checkout-v2-mini-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px}
.checkout-v2-mini-trust span{padding:7px 5px;border-radius:8px;background:#f4f7fb;color:#52677e;text-align:center;font-size:9px;font-weight:800}
.checkout-v2-form{display:grid;gap:12px;margin-top:12px}
.checkout-v2-block{
    padding:16px;
    border:1px solid rgba(13,55,98,.11);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px rgba(13,45,78,.06);
}
.checkout-v2-block-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}
.checkout-v2-step{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#d4a438,#f1d579);color:#0f3159;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(183,134,29,.18)}
.checkout-v2-block-head h2{margin:1px 0 2px;color:#0f3159;font-size:18px;line-height:1.1;font-weight:900}
.checkout-v2-block-head p{margin:0;color:#7a8796;font-size:11px;line-height:1.4}
.checkout-v2-grid{display:grid;gap:10px}
.checkout-v2-grid-2{grid-template-columns:1fr 1fr}
.checkout-v2 .form-group{margin:0 0 11px}
.checkout-v2 .form-group:last-child{margin-bottom:0}
.checkout-v2 .form-group label{display:block;margin:0 0 6px;color:#1b395b;font-size:11px;font-weight:900}
.checkout-v2 .form-control{
    display:block;
    width:100%;
    min-height:46px;
    margin:0;
    padding:11px 12px;
    border:1.5px solid #dfe6ee;
    border-radius:11px;
    background:#fbfcfe;
    color:#102b49;
    outline:none;
    font:700 13px/1.25 Manrope,Arial,sans-serif;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.checkout-v2 .form-control:focus{border-color:#c59a39;background:#fff;box-shadow:0 0 0 3px rgba(197,154,57,.12)}
.checkout-v2 .form-control.is-invalid{border-color:#c83f3f!important;background:#fff9f9!important;box-shadow:0 0 0 3px rgba(200,63,63,.08)!important}
.checkout-v2 .form-control::placeholder{color:#a1adba;font-weight:600}
.checkout-select{appearance:auto;cursor:pointer}
.checkout-select:disabled{cursor:not-allowed;opacity:.62;background:#f1f4f7}
.checkout-address-textarea{min-height:92px!important;resize:vertical}
.checkout-field-help{display:block;min-height:12px;margin-top:5px;color:#8793a1;font-size:9px;font-weight:650;line-height:1.35}
.checkout-field-help.is-loading{color:#8c6d24}
.checkout-field-help.is-error{color:#b33434}
.checkout-v2-phone-wrap{display:flex;align-items:stretch;border-radius:11px}
.checkout-v2-phone-wrap>span{display:grid;place-items:center;min-width:52px;border:1.5px solid #dfe6ee;border-right:0;border-radius:11px 0 0 11px;background:#f1f5f9;color:#173b60;font-size:12px;font-weight:900}
.checkout-v2-phone-wrap .form-control{border-radius:0 11px 11px 0}
.checkout-v2-payment-list{display:grid;gap:8px}
.checkout-v2-payment{
    position:relative;
    display:flex!important;
    align-items:center;
    gap:10px;
    min-height:67px;
    margin:0!important;
    padding:11px 12px!important;
    border:1.5px solid #e1e7ee!important;
    border-radius:13px!important;
    background:#fbfcfe!important;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.checkout-v2-payment:hover{border-color:#caa247!important;background:#fff!important}
.checkout-v2-payment>input{position:absolute;opacity:0;pointer-events:none}
.checkout-v2-payment:has(input:checked){border-color:#c59a39!important;background:#fffdf7!important;box-shadow:0 0 0 3px rgba(197,154,57,.09)}
.checkout-v2-payment-icon{flex:0 0 38px;display:grid!important;place-items:center;width:38px;height:38px;border-radius:10px;background:#113b67;color:#fff!important;font-size:18px!important;font-weight:900!important}
.checkout-v2-payment-copy{flex:1;display:block!important;min-width:0}
.checkout-v2-payment-copy strong{display:block;color:#153657;font-size:12px;font-weight:900}
.checkout-v2-payment-copy small{display:block;margin-top:3px;color:#7c8997;font-size:9px;line-height:1.35;font-weight:650}
.checkout-v2-radio-dot{flex:0 0 18px;display:block!important;width:18px;height:18px;border:2px solid #c8d1dc;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.checkout-v2-payment:has(input:checked) .checkout-v2-radio-dot{border-color:#c29834;background:#c29834}
.checkout-v2-summary{padding:14px 16px;border:1px solid rgba(13,55,98,.11);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(13,45,78,.05)}
.checkout-v2-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;color:#607185;font-size:11px;font-weight:700}
.checkout-v2-summary>div strong{color:#1d3e61;font-size:12px;font-weight:900}
.checkout-v2-free-text{color:#137055!important}
.checkout-v2-summary .checkout-v2-summary-total{margin-top:5px;padding-top:10px;border-top:1px dashed #d9e0e8;color:#102f52;font-size:13px;font-weight:900}
.checkout-v2-summary .checkout-v2-summary-total strong{color:#0f3762;font-size:21px}
.checkout-v2-submit{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 17px!important;border-radius:14px!important;background:linear-gradient(135deg,#123f70,#092d53)!important;box-shadow:0 10px 24px rgba(9,45,83,.19)!important;font-size:13px!important}
.checkout-v2-submit strong{color:#f5d26f;font-size:17px;font-weight:900}
.checkout-v2-submit:hover{transform:translateY(-1px)}
.checkout-v2-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.checkout-v2-bottom-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:1px 6px 0;color:#718094;font-size:9px;font-weight:750;text-align:center}
@media(max-width:480px){
    .checkout-v2{padding:10px 9px 22px}
    .checkout-v2-grid-2{grid-template-columns:1fr}
    .checkout-v2-product-info{padding:14px}
    .checkout-v2-price-row strong{font-size:24px}
    .checkout-v2-mini-trust span{font-size:8px;padding-inline:3px}
    .checkout-v2-block{padding:14px 12px}
    .checkout-v2 .form-control{min-height:44px;font-size:12px}
}


/* =========================================================
   CHECKOUT - DESKTOP TASARIMI MOBİLDE DE AYNEN KORU
   Ana sayfa mantığı: ortada max 615px, telefonda %100 genişlik.
   Grid yapısı masaüstü ile aynıdır; tek kolona dönüşmez.
   ========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.checkout-page.checkout-v2,
.checkout-page.checkout-v2 *,
.checkout-page.checkout-v2 *::before,
.checkout-page.checkout-v2 *::after {
    box-sizing: border-box;
}

.checkout-page.checkout-v2 {
    width: 100%;
    max-width: 615px;
    min-width: 0;
    margin: 0 auto;
    overflow: hidden;
}

.checkout-v2-form,
.checkout-v2-block,
.checkout-v2-product-card,
.checkout-v2-summary {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/* Mobilde masaüstündeki 2 kolonlu yapı korunur. */
.checkout-v2-grid-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.checkout-v2-grid > *,
.checkout-v2 .form-group,
.checkout-v2-payment,
.checkout-v2-payment-copy,
.checkout-v2-phone-wrap {
    min-width: 0;
}

.checkout-v2 input,
.checkout-v2 select,
.checkout-v2 textarea,
.checkout-v2 .form-control {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/* iOS form zoomunu önler ama desktop görünümünü bozmaz. */
@media (max-width: 615px) {
    .checkout-page.checkout-v2 {
        padding: 10px !important;
    }

    .checkout-v2 .form-control,
    .checkout-v2 input,
    .checkout-v2 select,
    .checkout-v2 textarea {
        font-size: 16px !important;
    }

    .checkout-v2-topbar {
        width: 100%;
    }

    .checkout-v2-product-card,
    .checkout-v2-block,
    .checkout-v2-summary {
        width: 100%;
    }

    .checkout-v2-product-media img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /* Masaüstü kart yapısı korunur. */
    .checkout-v2-grid-2 {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .checkout-v2-block {
        padding: 18px 14px !important;
    }

    .checkout-v2 .form-control {
        min-height: 50px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .checkout-v2 select.form-control {
        height: 50px;
    }

    .checkout-address-textarea {
        min-height: 115px !important;
    }

    .checkout-v2-phone-wrap {
        width: 100%;
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .checkout-v2-phone-wrap > span {
        width: 58px;
        min-width: 58px;
    }

    .checkout-v2-payment {
        width: 100%;
    }

    .checkout-v2-submit {
        width: 100% !important;
        max-width: 100%;
    }
}

/* Çok dar cihazda dahi iki kolon korunur; sadece boşluklar küçülür. */
@media (max-width: 390px) {
    .checkout-page.checkout-v2 {
        padding: 7px !important;
    }

    .checkout-v2-grid-2 {
        gap: 7px !important;
    }

    .checkout-v2-block {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .checkout-v2 .form-control {
        padding-left: 9px;
        padding-right: 9px;
    }
}

/* ==========================================================================
   BEFORE / AFTER - SADECE MODEL ALANI + OTOMATIK ANIMASYON
   ========================================================================== */

.ba-comparison-natural.ba-auto-only {
    /* Header üstte sabit, "Hemen Satın Al" bandı altta sabit kalır. */
    --ba-model-top: 11.7%;
    --ba-model-bottom: 4.2%;

    cursor: default !important;
    touch-action: auto !important;
    user-select: auto !important;
    -webkit-user-select: auto !important;
}

/* BEFORE sadece modelin bulunduğu orta alanda görünür. */
.ba-comparison-natural.ba-auto-only > .ba-before-layer {
    clip-path: inset(var(--ba-model-top) 50% var(--ba-model-bottom) 0);
    pointer-events: none !important;
}

/* Hareket eden çizgi header ve alt satın alma bandına girmez. */
.ba-comparison-natural.ba-auto-only > .ba-divider {
    top: var(--ba-model-top) !important;
    bottom: var(--ba-model-bottom) !important;
    height: auto !important;
    pointer-events: none !important;
}

/* Elle sürükleme kolu tamamen kaldırıldı. */
.ba-comparison-natural.ba-auto-only .ba-handle {
    display: none !important;
}

@media (max-width: 615px) {
    .ba-comparison-natural.ba-auto-only > .ba-divider {
        width: 2px !important;
    }
}



/* =========================================================
   PROFESSIONAL DELIVERY CARD
   Sadece Teslimat Bilgileri alanını geliştirir.
   ========================================================= */

.checkout-delivery-card{
    position:relative;
    overflow:hidden;
    border:1px solid #dce5ef !important;
    background:
        radial-gradient(circle at 100% 0, rgba(215,169,58,.09), transparent 34%),
        linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%) !important;
    box-shadow:
        0 16px 42px rgba(15,49,89,.08),
        0 2px 8px rgba(15,49,89,.04) !important;
}

.checkout-delivery-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#d7a93a 0%,#f2d47d 48%,#d7a93a 100%);
}

.checkout-delivery-head{
    padding-bottom:14px;
    margin-bottom:14px !important;
    border-bottom:1px solid #edf1f5;
}

.checkout-delivery-title{
    flex:1;
    min-width:0;
}

.checkout-delivery-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.checkout-delivery-title-row h2{
    letter-spacing:-.2px;
}

.checkout-secure-pill{
    display:inline-flex;
    align-items:center;
    gap:5px;
    flex:0 0 auto;
    padding:6px 9px;
    border:1px solid rgba(33,122,78,.16);
    border-radius:999px;
    background:#f1fbf5;
    color:#217a4e;
    font-size:9px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}

.checkout-secure-pill svg{
    width:12px;
    height:12px;
    fill:currentColor;
}

.checkout-delivery-note{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
    padding:10px 12px;
    border:1px solid #e8edf3;
    border-radius:12px;
    background:#f7f9fc;
    color:#53667b;
}

.checkout-delivery-note>svg{
    width:22px;
    height:22px;
    flex:0 0 22px;
    fill:#d1a234;
}

.checkout-delivery-note div{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.checkout-delivery-note strong{
    color:#153858;
    font-size:11px;
    line-height:1.25;
    font-weight:900;
}

.checkout-delivery-note span{
    color:#7c8b9c;
    font-size:9px;
    line-height:1.35;
}

.checkout-delivery-card .checkout-v2-grid{
    gap:12px !important;
}

.checkout-delivery-card .checkout-field{
    position:relative;
    margin-bottom:13px;
}

.checkout-delivery-card .checkout-field label{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    color:#163957;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.15px;
}

.checkout-delivery-card .checkout-field label::before{
    content:"";
    display:block;
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:#d7a93a;
    box-shadow:0 0 0 3px rgba(215,169,58,.10);
}

.checkout-delivery-card .form-control{
    min-height:50px;
    border:1.5px solid #d9e2ec !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#102f4c !important;
    font-weight:700;
    box-shadow:
        0 1px 2px rgba(15,49,89,.02),
        inset 0 1px 0 rgba(255,255,255,.8);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        background .18s ease;
}

.checkout-delivery-card .form-control::placeholder{
    color:#a3afbd;
    font-weight:600;
    opacity:1;
}

.checkout-delivery-card .form-control:hover{
    border-color:#c8d4e0 !important;
}

.checkout-delivery-card .form-control:focus{
    outline:0;
    border-color:#d2a236 !important;
    background:#fff !important;
    box-shadow:
        0 0 0 4px rgba(215,169,58,.11),
        0 7px 18px rgba(15,49,89,.06) !important;
}

.checkout-delivery-card select.form-control{
    cursor:pointer;
    font-weight:800;
}

.checkout-delivery-card select.form-control:disabled{
    cursor:not-allowed;
    background:#f3f6f9 !important;
    color:#8d99a7 !important;
}

.checkout-delivery-card .checkout-v2-phone-wrap{
    overflow:hidden;
    border:1.5px solid #d9e2ec;
    border-radius:12px;
    background:#fff;
    transition:border-color .18s ease, box-shadow .18s ease;
}

.checkout-delivery-card .checkout-v2-phone-wrap:focus-within{
    border-color:#d2a236;
    box-shadow:
        0 0 0 4px rgba(215,169,58,.11),
        0 7px 18px rgba(15,49,89,.06);
}

.checkout-delivery-card .checkout-v2-phone-wrap>span{
    min-width:58px;
    border:0 !important;
    border-right:1px solid #e5eaf0 !important;
    border-radius:0 !important;
    background:#f7f9fc !important;
    color:#173a5b !important;
    font-size:12px;
    font-weight:900;
}

.checkout-delivery-card .checkout-v2-phone-wrap .form-control{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.checkout-delivery-card .checkout-address-textarea{
    min-height:105px;
    padding-top:13px;
    line-height:1.5;
}

.checkout-delivery-card .checkout-field-help{
    display:block;
    margin-top:6px;
    padding-left:2px;
    color:#8a98a8;
    font-size:8.5px;
    line-height:1.35;
}

.checkout-delivery-card .checkout-v2-step{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:10px;
    background:linear-gradient(145deg,#edc65d,#c99523) !important;
    color:#102f4c !important;
    box-shadow:
        0 7px 16px rgba(201,149,35,.20),
        inset 0 1px 0 rgba(255,255,255,.45);
    font-size:14px;
    font-weight:950;
}

@media (max-width:615px){
    .checkout-delivery-card{
        border-radius:16px !important;
        box-shadow:
            0 10px 28px rgba(15,49,89,.07),
            0 2px 6px rgba(15,49,89,.03) !important;
    }

    .checkout-delivery-title-row{
        align-items:flex-start;
        gap:7px;
    }

    .checkout-secure-pill{
        padding:5px 7px;
        font-size:8px;
    }

    .checkout-delivery-note{
        padding:9px 10px;
        margin-bottom:14px;
    }

    .checkout-delivery-card .form-control{
        min-height:49px;
    }
}

@media (max-width:380px){
    .checkout-secure-pill{
        display:none;
    }
}



/* ==========================================================================
   PREMIUM FOOTER - REFERANS TASARIM
   ========================================================================== */

.premium-store-footer{
    width:100%;
    margin:0;
    background:#0a1c31;
    color:#fff;
    font-family:inherit;
}

.premium-footer-main{
    position:relative;
    padding:30px 22px 20px;
    background:
        radial-gradient(circle at 20% 10%,rgba(49,100,155,.12),transparent 34%),
        #0a1c31;
}

.premium-footer-line{
    width:100%;
    height:3px;
    margin:0 0 24px;
    border-radius:20px;
    background:linear-gradient(90deg,#4b91dc 0%,#76b0ef 50%,#4b91dc 100%);
    opacity:.95;
}

.premium-footer-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:26px;
    align-items:start;
}

.premium-footer-column{
    min-width:0;
}

.premium-footer-contact{
    text-align:center;
}

.premium-footer-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:38px;
    margin-bottom:10px;
}

.premium-footer-brand img{
    display:block;
    max-width:150px;
    max-height:48px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.premium-footer-brand strong{
    font-size:20px;
    letter-spacing:.04em;
}

.premium-footer-text{
    max-width:250px;
    margin:0 auto;
    color:#f4f7fb;
    font-size:13px;
    line-height:1.45;
    font-weight:600;
}

.premium-footer-text p{
    margin:0 0 5px;
}

.premium-footer-order-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:14px;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    font:inherit;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    transition:opacity .18s ease,transform .18s ease;
}

.premium-footer-order-button:hover{
    opacity:.86;
    transform:translateY(-1px);
}

.premium-footer-order-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:50%;
    color:#fff;
    font-size:19px;
    line-height:1;
}

.premium-footer-support{
    padding-top:3px;
    text-align:center;
}

.premium-footer-support h3{
    margin:0 0 14px;
    color:#fff;
    font-size:16px;
    line-height:1.15;
    font-weight:950;
    letter-spacing:-.02em;
}

.premium-footer-links{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:13px;
}

.premium-footer-links a,
.premium-footer-legal-link{
    position:relative;
    color:#fff !important;
    font-size:13px;
    line-height:1.2;
    font-weight:600;
    text-decoration:none !important;
    transition:color .18s ease,transform .18s ease;
}

.premium-footer-links a::after,
.premium-footer-legal-link::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-4px;
    width:0;
    height:1px;
    background:#edc34d;
    transform:translateX(-50%);
    transition:width .18s ease;
}

.premium-footer-links a:hover,
.premium-footer-legal-link:hover{
    color:#f1cd62 !important;
    transform:translateY(-1px);
}

.premium-footer-links a:hover::after,
.premium-footer-legal-link:hover::after{
    width:100%;
}


/* Alt Sipariş Bandı */

.premium-footer-buy{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) 30px;
    align-items:center;
    gap:12px;
    min-height:88px;
    padding:10px 16px;
    overflow:hidden;
    background:
        radial-gradient(circle at 35% 100%,rgba(58,103,213,.72),transparent 40%),
        linear-gradient(90deg,#172b98 0%,#152ca9 45%,#13268c 100%);
    color:#fff !important;
    text-decoration:none !important;
    border-top:1px solid rgba(255,255,255,.08);
}

.premium-footer-buy::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.06) 45% 46%,transparent 47% 100%);
}

.premium-footer-buy-brand{
    position:relative;
    z-index:1;
    min-width:0;
}

.premium-footer-buy-brand img{
    display:block;
    max-width:170px;
    max-height:58px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.premium-footer-buy-brand span{
    display:block;
    font-size:20px;
    font-weight:950;
}

.premium-footer-buy-copy{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:54px;
    padding:7px 18px 8px;
    border-radius:999px;
    background:
        linear-gradient(180deg,#f6dc87 0%,#e7c456 100%);
    color:#07172a;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65),
        0 7px 20px rgba(0,0,0,.16);
    text-align:center;
}

.premium-footer-buy-copy small{
    display:block;
    margin-bottom:1px;
    font-size:9px;
    line-height:1.1;
    font-weight:700;
}

.premium-footer-buy-copy strong{
    display:block;
    font-size:20px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.035em;
}

.premium-footer-buy-arrow{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:25px;
    font-weight:400;
}


/* Mobilde de referanstaki iki kolon görünümü koru */
@media (max-width:615px){

    .premium-footer-main{
        padding:22px 16px 16px;
    }

    .premium-footer-line{
        margin-bottom:19px;
        height:2px;
    }

    .premium-footer-grid{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:14px;
    }

    .premium-footer-brand{
        min-height:28px;
        margin-bottom:7px;
    }

    .premium-footer-brand img{
        max-width:120px;
        max-height:38px;
    }

    .premium-footer-text{
        max-width:210px;
        font-size:10px;
        line-height:1.4;
    }

    .premium-footer-order-button{
        margin-top:10px;
        font-size:12px;
    }

    .premium-footer-support{
        padding-top:0;
    }

    .premium-footer-support h3{
        margin-bottom:11px;
        font-size:13px;
    }

    .premium-footer-links{
        gap:10px;
    }

    .premium-footer-links a,
    .premium-footer-legal-link{
        font-size:10px;
        line-height:1.2;
    }

    .premium-footer-buy{
        grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) 22px;
        gap:7px;
        min-height:76px;
        padding:8px 10px;
    }

    .premium-footer-buy-brand img{
        max-width:130px;
        max-height:48px;
    }

    .premium-footer-buy-copy{
        min-height:47px;
        padding:6px 10px 7px;
    }

    .premium-footer-buy-copy small{
        font-size:7px;
    }

    .premium-footer-buy-copy strong{
        font-size:16px;
    }

    .premium-footer-buy-arrow{
        width:21px;
        height:21px;
        font-size:19px;
    }
}

@media (max-width:380px){

    .premium-footer-main{
        padding-left:12px;
        padding-right:12px;
    }

    .premium-footer-grid{
        gap:10px;
    }

    .premium-footer-text{
        font-size:9px;
    }

    .premium-footer-links a,
    .premium-footer-legal-link{
        font-size:9px;
    }

    .premium-footer-support h3{
        font-size:12px;
    }

    .premium-footer-buy{
        grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) 18px;
        padding-left:8px;
        padding-right:8px;
    }

    .premium-footer-buy-brand img{
        max-width:105px;
    }

    .premium-footer-buy-copy strong{
        font-size:14px;
    }
}



/* ==========================================================================
   FOOTER YASAL METİN POPUP
   ========================================================================== */

.premium-footer-legal-link{
    appearance:none;
    -webkit-appearance:none;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-family:inherit;
    cursor:pointer;
}

body.legal-modal-open{
    overflow:hidden;
}

.premium-legal-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
}

.premium-legal-modal.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
}

.premium-legal-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(3,12,24,.78);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.premium-legal-modal-dialog{
    position:relative;
    z-index:1;
    width:min(92vw,540px);
    max-height:min(78vh,680px);
    overflow:hidden;
    border:1px solid rgba(86,145,207,.32);
    border-radius:18px;
    background:#fff;
    color:#10243c;
    box-shadow:0 28px 80px rgba(0,0,0,.35);
    transform:translateY(8px) scale(.985);
    transition:transform .18s ease;
}

.premium-legal-modal.is-open .premium-legal-modal-dialog{
    transform:translateY(0) scale(1);
}

.premium-legal-modal-close{
    position:absolute;
    top:10px;
    right:11px;
    z-index:2;
    width:32px;
    height:32px;
    border:0;
    border-radius:50%;
    background:#eef3f8;
    color:#16324f;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}

.premium-legal-modal-head{
    padding:22px 52px 15px 20px;
    border-bottom:1px solid #e8eef4;
    background:
        radial-gradient(circle at 100% 0,rgba(70,139,205,.12),transparent 38%),
        #f8fbfe;
}

.premium-legal-modal-kicker{
    display:block;
    margin-bottom:5px;
    color:#3377b9;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
}

.premium-legal-modal-head h3{
    margin:0;
    color:#0b2440;
    font-size:20px;
    line-height:1.2;
    font-weight:950;
}

.premium-legal-modal-body{
    max-height:calc(min(78vh,680px) - 90px);
    overflow-y:auto;
    padding:20px;
    color:#42556a;
    font-size:13px;
    line-height:1.7;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

.premium-legal-modal-body p{
    margin:0 0 15px;
}

.premium-legal-modal-body p:last-child{
    margin-bottom:0;
}

@media (max-width:615px){
    .premium-legal-modal{
        padding:12px;
    }

    .premium-legal-modal-dialog{
        width:100%;
        max-height:82vh;
        border-radius:16px;
    }

    .premium-legal-modal-head{
        padding:18px 48px 13px 16px;
    }

    .premium-legal-modal-head h3{
        font-size:18px;
    }

    .premium-legal-modal-body{
        max-height:calc(82vh - 82px);
        padding:16px;
        font-size:12px;
        line-height:1.65;
    }
}



/* ==========================================================================
   SABİT SATIN AL GÖRSELİ + FOOTER TEMİZLİĞİ
   ========================================================================== */

.premium-footer-brand-link{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    text-decoration:none!important;
}

/* Footer altındaki eski ürün / hızlı sipariş şeridi kaldırıldı. */
.premium-footer-buy{
    display:none!important;
}

/* Ana sayfada altta sabit duran satın alma alanı, görsel yüklendiğinde tam görsel olur. */
.sticky-buy.sticky-buy-image-mode{
    padding:0;
    border-top:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:0 -7px 24px rgba(0,0,0,.14);
    line-height:0;
}

.sticky-buy-link{
    display:block;
    width:100%;
    text-decoration:none!important;
    line-height:0;
}

.sticky-buy-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
    padding:0;
    object-fit:contain;
}

/* Footer'ın altında ayrıca ikinci ürün/CTA görünmemesi için koruma. */
.premium-store-footer + .premium-footer-buy,
.premium-store-footer .premium-footer-buy{
    display:none!important;
}

/* Footer site logosu: admin paneldeki ana logoyu aynen göster */
.premium-footer-brand-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100%;
    text-decoration:none !important;
}

.premium-footer-brand img,
.premium-footer-logo{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:170px !important;
    max-height:75px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
}

@media (max-width:615px){
    .premium-footer-brand img,
    .premium-footer-logo{
        max-width:140px !important;
        max-height:62px !important;
    }
}



/* ==========================================================================
   FOOTER TAM GÖRÜNSÜN - SABİT SATIN AL GÖRSELİ İÇİN EK KAYDIRMA ALANI
   ========================================================================== */

/* Önceki body alt boşluklarını kapat; ekstra alan footer'ın kendi içinde oluşsun. */
html,
body{
    padding-bottom:0 !important;
}

/* Footer sabit satın al görselinin arkasında kalmasın. */
.premium-store-footer{
    position:relative !important;
    z-index:1 !important;
    background:#0b223d !important;
    padding-bottom:220px !important;
    margin-bottom:0 !important;
    overflow:visible !important;
}

/* Footer'ın altına lacivert güvenli alan ekle. */
.premium-store-footer::after{
    content:"";
    display:block;
    height:220px;
    width:100%;
    background:#0b223d;
}

/* Footer içeriğinin katman sırası. */
.premium-footer-inner{
    position:relative;
    z-index:2;
}

/* Sabit satın al bandı ekranın altında sabit kalmaya devam etsin. */
.sticky-buy{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
    width:100% !important;
    max-width:615px !important;
    z-index:9999 !important;
    margin:0 !important;
}

.sticky-buy-link,
.sticky-buy-image{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* Ana kabuk footer'a ulaşmayı engellemesin. */
.site-shell,
.site-wrapper,
.page-shell,
main{
    overflow:visible !important;
}

@media (max-width:615px){
    .premium-store-footer{
        padding-bottom:190px !important;
    }

    .premium-store-footer::after{
        height:190px !important;
    }
}


/* =========================================================
   FOOTER KOMPAKT + ETG SOFT İMZASI
   ========================================================= */

/* Önceki sürümde padding + ::after birlikte footer'ı iki kat uzatıyordu. */
.premium-store-footer{
    padding-bottom: 175px !important;
    margin-bottom: 0 !important;
    background: #0b223d !important;
}

.premium-store-footer::after{
    content: none !important;
    display: none !important;
    height: 0 !important;
}

.etgsoft-signature-wrap{
    display:flex;
    justify-content:center;
    margin-top:12px;
}

.etgsoft-signature{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:#dbeafe !important;
    text-decoration:none !important;
    font-size:10px;
    line-height:1.2;
    overflow:hidden;
    isolation:isolate;
    animation:etgSoftPulse 2.4s ease-in-out infinite;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.etgsoft-signature strong{
    color:#fff;
    font-size:11px;
    letter-spacing:.65px;
    font-weight:800;
    text-shadow:0 0 12px rgba(96,165,250,.45);
}

.etgsoft-signature-label{opacity:.78}

.etgsoft-signature-dot{
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:#60a5fa;
    animation:etgSoftDot 1.8s ease-out infinite;
}

.etgsoft-signature::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-50%;
    bottom:-50%;
    width:34px;
    left:-50px;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
    animation:etgSoftShine 3.2s ease-in-out infinite;
}

.etgsoft-signature:hover{
    transform:translateY(-2px) scale(1.025);
    border-color:rgba(96,165,250,.5);
    background:rgba(59,130,246,.12);
}

@keyframes etgSoftPulse{
    0%,100%{box-shadow:0 0 0 rgba(59,130,246,0)}
    50%{box-shadow:0 0 15px rgba(59,130,246,.18)}
}

@keyframes etgSoftDot{
    0%{box-shadow:0 0 0 0 rgba(96,165,250,.6)}
    70%{box-shadow:0 0 0 6px rgba(96,165,250,0)}
    100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}
}

@keyframes etgSoftShine{
    0%,20%{left:-50px}
    65%,100%{left:calc(100% + 50px)}
}

@media(max-width:615px){
    .premium-store-footer{
        padding-bottom:150px !important;
    }
    .etgsoft-signature{
        max-width:215px;
        padding:6px 9px;
        font-size:9px;
    }
    .etgsoft-signature strong{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
    .etgsoft-signature,
    .etgsoft-signature::before,
    .etgsoft-signature-dot{
        animation:none !important;
    }
}


/* =========================================================
   KREATİF GÖRSELLER -> ÜRÜNLER BÖLÜMÜ
   Ürün görselleri hariç görsel/GIF alanları tıklanabilir.
   ========================================================= */
.js-scroll-to-products{
    cursor:pointer;
}

.js-scroll-to-products img{
    cursor:pointer;
}

/* Ürün görsellerinin kendi satın alma davranışı aynen korunur. */
.product-section,
.product-section img,
.visual-product-link,
.visual-product-link img{
    cursor:pointer;
}

/* Anchor hedefi sabit alanın altında rahat görünsün. */
#products{
    scroll-margin-top:18px;
}