/* =============================================================
 * MARRONY — Sayfaya Özel CSS
 * Inline <style> bloklarından buraya konsolide edildi.
 *
 * Her bölüm bir sayfa body class'ı ile scope'lanmıştır:
 *   body.locations-page       → bayiler-ve-servisler.php
 *   body.bayilik-page         → bayi-yetkili-servis-basvuru.php (Bayi & Yetkili Servis birleşik başvuru)
 *   body.dealer-apply-page    → bayi-yetkili-servis-basvuru.php (legacy stiller, hâlâ kullanılıyor)
 *   body.cart-page            → sepet.php
 *   body.product-detail-page  → urun-detay.php
 *   body.checkout-page        → odeme.php
 *
 * style.css'ten SONRA yüklenir → cascade düzgün çalışır.
 * ============================================================= */


/* ============================================================
 * BAYILER & YETKILI SERVISLER  ──  body.locations-page
 * ============================================================ */
body.locations-page{background:#f5f5f3;color:#0a0a0a;font-family:'Inter',sans-serif}
body.locations-page .site-header{background:rgba(8,8,8,.95) !important;backdrop-filter:blur(20px)}
body.locations-page main.loc-wrap .section,
body.locations-page .section{padding:0 !important;min-height:0 !important}

body.locations-page main.loc-wrap{padding-top:90px;min-height:calc(100vh - 90px);display:flex;flex-direction:column}

/* Page header */
body.locations-page .loc-pagehead{background:#fff;border-bottom:1px solid #e7e5e4;padding:24px 32px}
body.locations-page .loc-pagehead .container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.locations-page .loc-pagehead h1{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:800;margin:0;color:#0a0a0a;letter-spacing:-.01em;display:flex;align-items:center;gap:12px}
body.locations-page .loc-pagehead h1 i{color:#a08850}
body.locations-page .loc-pagehead .stats{display:flex;gap:18px;font-size:13px;color:#57534e;font-weight:600}
body.locations-page .loc-pagehead .stats span strong{color:#0a0a0a;font-family:'Space Grotesk',sans-serif;font-size:16px}

/* Layout: sidebar + map */
body.locations-page .loc-layout{flex:1;display:grid;grid-template-columns:340px 1fr;min-height:600px}
@media(max-width:880px){body.locations-page .loc-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}

/* Sidebar (filters + list) */
body.locations-page .loc-sidebar{
    background:#fff;border-right:1px solid #e7e5e4;
    overflow-y:auto;display:flex;flex-direction:column
}
@media(max-width:880px){body.locations-page .loc-sidebar{border-right:0;border-bottom:1px solid #e7e5e4;max-height:50vh}}
body.locations-page .loc-filters{padding:22px 24px;border-bottom:1px solid #ece5d3}
body.locations-page .loc-filters h3{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700;margin:0 0 14px;letter-spacing:.04em;color:#0a0a0a;text-transform:uppercase}
body.locations-page .loc-filters h3 i{color:#a08850;margin-right:6px}

/* Type tabs */
body.locations-page .loc-type-tabs{display:flex;gap:4px;background:#fafaf8;border:1px solid #e7e5e4;border-radius:10px;padding:4px;margin-bottom:16px}
body.locations-page .loc-type-tabs button{
    flex:1 1 0;min-width:0;padding:9px 6px;border:0;background:transparent;cursor:pointer;
    border-radius:7px;font-size:12px;font-weight:700;color:#78716c;letter-spacing:.02em;
    display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:.18s;font-family:inherit;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1
}
body.locations-page .loc-type-tabs button i{font-size:11px;flex-shrink:0}
body.locations-page .loc-type-tabs button:hover{color:#0a0a0a}
body.locations-page .loc-type-tabs button.active{background:#fff;color:#a08850;box-shadow:0 2px 6px -2px rgba(0,0,0,.1)}
body.locations-page .loc-type-tabs button .cnt{display:inline-flex;align-items:center;justify-content:center;background:#ece5d3;color:#7a6840;padding:0 6px;min-width:18px;height:18px;border-radius:99px;font-size:10.5px;font-weight:700;margin-left:2px;flex-shrink:0}
body.locations-page .loc-type-tabs button.active .cnt{background:#a08850;color:#fff}
@media(max-width:1024px){
    body.locations-page .loc-type-tabs button .lbl{display:none}
    body.locations-page .loc-type-tabs button{padding:9px}
}

/* Filter selects */
body.locations-page .loc-filter-row{margin-bottom:12px}
body.locations-page .loc-filter-row label{display:block;font-size:11px;font-weight:700;color:#7a6840;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
body.locations-page .loc-filter-row select{
    width:100%;padding:10px 12px;background:#fff;border:1.5px solid #e7e5e4;border-radius:9px;
    font-size:13.5px;color:#0a0a0a;cursor:pointer;font-family:inherit;
    appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2378716c' d='M6 8L0 0h12z'/></svg>");
    background-repeat:no-repeat;background-position:right 12px center;padding-right:36px
}
body.locations-page .loc-filter-row select:focus{outline:none;border-color:#a08850;box-shadow:0 0 0 3px rgba(160,136,80,.12)}
body.locations-page .loc-clear{
    margin-top:6px;padding:8px 12px;background:none;border:0;color:#7a6840;font-size:12px;font-weight:600;
    cursor:pointer;text-decoration:underline;font-family:inherit
}
body.locations-page .loc-clear:hover{color:#a08850}

/* Result list */
body.locations-page .loc-results{flex:1;overflow-y:auto;padding:14px 8px 14px}
body.locations-page .loc-result{
    padding:14px 16px;margin:0 8px 8px;border-radius:11px;cursor:pointer;
    border:1px solid transparent;transition:.18s
}
body.locations-page .loc-result:hover{background:#fafaf8;border-color:#ece5d3}
body.locations-page .loc-result.active{background:linear-gradient(135deg,rgba(160,136,80,.08),rgba(160,136,80,.02));border-color:#a08850}
body.locations-page .loc-result-type{
    display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;
    letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-bottom:6px
}
body.locations-page .loc-result-type.dealer{background:#1c2a18;color:#a8d29a}
body.locations-page .loc-result-type.service{background:#fef3c7;color:#7a6840}
body.locations-page .loc-result-name{font-family:'Space Grotesk',sans-serif;font-size:14.5px;font-weight:700;color:#0a0a0a;margin-bottom:3px;line-height:1.3}
body.locations-page .loc-result-where{font-size:12.5px;color:#57534e}
body.locations-page .loc-result-where i{color:#a08850;font-size:10px;margin-right:4px}

body.locations-page .loc-empty{padding:40px 20px;text-align:center;color:#a8a29e;font-size:13.5px}
body.locations-page .loc-empty i{display:block;font-size:2rem;margin-bottom:10px;color:#d6d3d1}

/* Map */
body.locations-page .loc-map-wrap{position:relative;background:#e7e5e4;overflow:hidden}
body.locations-page #locMap{width:100%;height:100%;min-height:600px}
body.locations-page .loc-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);z-index:1000;font-size:14px;color:#7a6840;font-weight:600}
body.locations-page .loc-map-loading i{margin-right:8px}

/* Leaflet zoom kontrolleri — fixed site header altında kalmasın */
body.locations-page .loc-map-wrap .leaflet-top.leaflet-left{ top:16px; left:16px }
body.locations-page .loc-map-wrap .leaflet-control-zoom{
    border:1px solid #d4d4d2 !important;
    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
    border-radius:10px !important;overflow:hidden
}
body.locations-page .loc-map-wrap .leaflet-control-zoom a{
    background:#fff !important;color:#1c2a18 !important;
    width:34px !important;height:34px !important;line-height:34px !important;
    font-size:18px !important;font-weight:600
}
body.locations-page .loc-map-wrap .leaflet-control-zoom a:hover{ background:#fafaf8 !important;color:#a08850 !important }

/* Mobil: sidebar + harita üst üste — harita alanına minimum yükseklik ver, Türkiye hep merkezli kalsın */
@media(max-width:880px){
    body.locations-page .loc-layout{ grid-template-rows:auto minmax(540px, 70vh) }
    body.locations-page #locMap{ min-height:540px }
    body.locations-page .loc-sidebar{ max-height:none !important }
    body.locations-page .loc-map-wrap .leaflet-top.leaflet-left{ top:12px; left:12px }
}

/* Leaflet popup customization (locations-page özelinde) */
body.locations-page .leaflet-popup-content-wrapper{border-radius:12px !important;padding:0 !important;overflow:hidden}
body.locations-page .leaflet-popup-content{margin:0 !important;width:280px !important}
body.locations-page .loc-popup{padding:14px 16px}
body.locations-page .loc-popup .pop-type{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-bottom:8px}
body.locations-page .loc-popup .pop-type.dealer{background:#1c2a18;color:#a8d29a}
body.locations-page .loc-popup .pop-type.service{background:#fef3c7;color:#7a6840}
body.locations-page .loc-popup h4{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;margin:0 0 6px;color:#0a0a0a}
body.locations-page .loc-popup .pop-meta{font-size:12.5px;color:#57534e;line-height:1.5;margin-bottom:8px}
body.locations-page .loc-popup .pop-meta i{color:#a08850;width:14px;margin-right:5px;font-size:11px}
body.locations-page .loc-popup .pop-actions{display:flex;gap:6px;margin-top:10px}
body.locations-page .loc-popup .pop-actions a{
    flex:1;padding:7px 10px;border-radius:7px;font-size:11.5px;font-weight:700;
    text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px
}
body.locations-page .loc-popup .pop-actions a.primary{background:linear-gradient(135deg,#a08850,#7a6840);color:#fff}
body.locations-page .loc-popup .pop-actions a.ghost{background:#f5f5f0;color:#0a0a0a;border:1px solid #e7e5e4}
body.locations-page .loc-popup .pop-actions a:hover{text-decoration:none;opacity:.92}


/* ============================================================
 * YETKILI SERVIS BAŞVURU  ──  body.service-app-page
 * ============================================================ */
body.service-app-page{background:#fafaf9;color:#1c1917}
body.service-app-page .site-header{
    background:rgba(8,8,8,.95) !important;backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(212,175,55,.15)
}
body.service-app-page main.svc-wrap .section,
body.service-app-page .section{padding:0 !important;min-height:0 !important}

body.service-app-page main.svc-wrap{
    width:100%;max-width:1240px;margin:0 auto;
    padding:130px 32px 80px
}
@media(min-width:1441px){body.service-app-page main.svc-wrap{max-width:1400px}}
@media(max-width:1024px){body.service-app-page main.svc-wrap{padding:110px 18px 60px}}

/* Hero */
body.service-app-page .svc-hero{text-align:center;margin-bottom:42px}
body.service-app-page .svc-hero .tag{
    display:inline-block;padding:8px 18px;
    border:1px solid rgba(160,136,80,.45);border-radius:99px;
    background:rgba(212,175,55,.08);
    color:#7a6840;font-size:.7rem;font-weight:800;letter-spacing:.2em;
    text-transform:uppercase;margin-bottom:18px
}
body.service-app-page .svc-hero h1{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(2rem,4.4vw,3rem);font-weight:800;
    line-height:1.1;color:#0a0a0a;margin-bottom:14px;letter-spacing:-.015em
}
body.service-app-page .svc-hero h1 .accent{
    background:linear-gradient(135deg,#a08850,#d4af37,#a08850);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent
}
body.service-app-page .svc-hero p{max-width:680px;margin:0 auto;color:#52524d;font-size:1.02rem;line-height:1.7}

/* Form wrapper */
body.service-app-page .svc-form-wrapper{
    width:100%;background:#fff;border:1px solid #e7e5e4;border-radius:28px;
    padding:48px 48px 40px;
    box-shadow:0 24px 60px -20px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04)
}
@media(max-width:640px){body.service-app-page .svc-form-wrapper{padding:32px 22px}}
body.service-app-page .svc-form-wrapper .form-intro{
    color:#57534e;font-size:.97rem;line-height:1.7;margin:0 0 36px;text-align:center
}

/* Sections */
body.service-app-page .form-section{
    margin-bottom:30px;padding:28px 30px;
    background:linear-gradient(180deg,#fdfcf8 0%,#fafaf9 100%);
    border:1px solid #ece5d3;border-radius:18px;
    transition:border-color .25s
}
body.service-app-page .form-section:hover{border-color:rgba(160,136,80,.4)}
body.service-app-page .form-section-head{
    display:flex;align-items:center;gap:14px;
    margin-bottom:20px;padding-bottom:14px;
    border-bottom:1px dashed #ece5d3
}
body.service-app-page .form-section-num{
    width:36px;height:36px;flex-shrink:0;border-radius:11px;
    background:linear-gradient(135deg,#a08850,#7a6840);
    color:#fff;font-family:'Space Grotesk',sans-serif;
    font-size:1rem;font-weight:800;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 14px -4px rgba(160,136,80,.45)
}
body.service-app-page .form-section-title{
    font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;
    color:#0a0a0a;margin:0;line-height:1.3
}
body.service-app-page .form-section-title small{
    display:block;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;
    color:#78716c;text-transform:none;margin-top:3px
}

/* Form fields */
body.service-app-page .svc-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
body.service-app-page .svc-form .form-row.cols-3{grid-template-columns:repeat(3,1fr)}
body.service-app-page .svc-form .form-row > .form-group{margin-bottom:0}
body.service-app-page .svc-form .form-group{margin-bottom:18px}
body.service-app-page .svc-form .form-group:last-child{margin-bottom:0}
body.service-app-page .svc-form label{
    display:block;margin-bottom:7px;
    font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a6840
}
body.service-app-page .svc-form label .req{color:#dc2626;margin-left:3px}
body.service-app-page .svc-form input,
body.service-app-page .svc-form select,
body.service-app-page .svc-form textarea{
    width:100%;padding:12px 15px;background:#fff;
    border:1.5px solid #e7e5e4;border-radius:10px;
    color:#1c1917;font-size:.95rem;font-family:inherit;
    transition:.18s
}
body.service-app-page .svc-form input:hover,
body.service-app-page .svc-form select:hover,
body.service-app-page .svc-form textarea:hover{border-color:#d6d3d1}
body.service-app-page .svc-form input:focus,
body.service-app-page .svc-form select:focus,
body.service-app-page .svc-form textarea:focus{
    outline:none;border-color:#a08850;
    box-shadow:0 0 0 4px rgba(160,136,80,.12)
}
body.service-app-page .svc-form textarea{resize:vertical;min-height:90px}
body.service-app-page .svc-form select{cursor:pointer;appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2378716c' d='M6 8L0 0h12z'/></svg>");
    background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}

/* Services checkbox grid */
body.service-app-page .svc-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:640px){body.service-app-page .svc-checks{grid-template-columns:1fr}}
body.service-app-page .svc-check{
    display:flex;align-items:center;gap:10px;
    padding:10px 14px;background:#fff;border:1.5px solid #e7e5e4;border-radius:10px;
    cursor:pointer;font-size:.88rem;color:#44403c;transition:.18s
}
body.service-app-page .svc-check:hover{border-color:#a08850;background:#fefcf5}
body.service-app-page .svc-check input{width:17px;height:17px;accent-color:#a08850;flex-shrink:0}
body.service-app-page .svc-check input:checked + span{color:#0a0a0a;font-weight:600}

body.service-app-page .form-checkbox{
    display:flex;align-items:flex-start;gap:10px;margin:14px 0;cursor:pointer;
    font-size:.88rem;color:#44403c;line-height:1.55
}
body.service-app-page .form-checkbox input{
    width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#a08850;cursor:pointer
}
body.service-app-page .form-checkbox a{color:#a08850;font-weight:600;text-decoration:underline}

body.service-app-page .svc-form .submit-btn{
    width:100%;padding:18px;
    background:linear-gradient(135deg,#a08850,#7a6840);
    color:#fff;border:none;border-radius:14px;
    font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    cursor:pointer;transition:all .25s ease;
    display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;
    box-shadow:0 8px 20px -8px rgba(160,136,80,.5)
}
body.service-app-page .svc-form .submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px -10px rgba(160,136,80,.7)
}

body.service-app-page .form-result{
    margin-top:18px;padding:14px 18px;border-radius:12px;font-size:.9rem;
    display:none;line-height:1.5
}
body.service-app-page .form-result.success{background:#dcfce7;border:1px solid #86efac;color:#166534;display:block}
body.service-app-page .form-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;display:block}

@media(max-width:640px){
    body.service-app-page .svc-form .form-row,
    body.service-app-page .svc-form .form-row.cols-3{grid-template-columns:1fr}
}


/* ============================================================
 * BAYILIK BAŞVURU  ──  body.bayilik-page
 * ============================================================ */
body.bayilik-page{background:#fafaf9;color:#1c1917}
body.bayilik-page .site-header{
    background:rgba(8,8,8,.95);backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(212,175,55,.15)
}

/* Hero */
body.bayilik-page .bayilik-hero{
    position:relative;padding:140px 0 80px;text-align:center;overflow:hidden;
    background:
        radial-gradient(900px 500px at 50% -10%, rgba(212,175,55,.18) 0%, transparent 70%),
        linear-gradient(180deg,#fff 0%,#f8f4ec 100%);
    border-bottom:1px solid #ece5d3
}
body.bayilik-page .bayilik-hero::before{
    content:'';position:absolute;inset:0;
    background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22><circle cx=%2230%22 cy=%2230%22 r=%221%22 fill=%22%23a08850%22 fill-opacity=%220.08%22/></svg>');
    pointer-events:none;opacity:.5
}
body.bayilik-page .bayilik-hero > .container{position:relative;z-index:1}
body.bayilik-page .bayilik-hero .tag{
    display:inline-block;padding:8px 18px;
    border:1px solid rgba(160,136,80,.45);border-radius:99px;
    background:rgba(212,175,55,.08);
    color:#7a6840;font-size:.7rem;font-weight:800;letter-spacing:.2em;
    text-transform:uppercase;margin-bottom:24px
}
body.bayilik-page .bayilik-hero h1{
    font-family:'Space Grotesk',Inter,sans-serif;
    font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;
    line-height:1.05;color:#0a0a0a;margin-bottom:20px;letter-spacing:-.02em
}
body.bayilik-page .bayilik-hero h1 .accent{
    background:linear-gradient(135deg,#a08850 0%,#d4af37 50%,#a08850 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent
}
body.bayilik-page .bayilik-hero p{
    max-width:680px;margin:0 auto;color:#52524d;
    font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7
}

/* Quick stats */
body.bayilik-page .bayilik-stats{
    max-width:980px;margin:36px auto 0;
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px
}
body.bayilik-page .bayilik-stat{
    background:#fff;border:1px solid #e7e5e4;border-radius:14px;
    padding:18px 14px;text-align:center;
    box-shadow:0 1px 3px rgba(0,0,0,.04)
}
body.bayilik-page .bayilik-stat-value{
    font-size:1.6rem;font-weight:800;color:#a08850;
    font-family:'Space Grotesk',sans-serif
}
body.bayilik-page .bayilik-stat-label{
    font-size:.75rem;color:#78716c;font-weight:600;
    margin-top:4px;letter-spacing:.04em;text-transform:uppercase
}
@media(max-width:640px){
    body.bayilik-page .bayilik-stats{grid-template-columns:repeat(2,1fr)}
}

/* Benefits */
body.bayilik-page .bayilik-benefits{padding:90px 0;background:#fafaf9}
body.bayilik-page .bayilik-section-title{
    text-align:center;font-family:'Space Grotesk',sans-serif;
    font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;
    color:#0a0a0a;margin-bottom:14px;letter-spacing:-.01em
}
body.bayilik-page .bayilik-section-sub{
    text-align:center;max-width:600px;margin:0 auto 48px;
    color:#57534e;font-size:1rem;line-height:1.7
}
body.bayilik-page .bayilik-benefits-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
    max-width:1100px;margin:0 auto
}
body.bayilik-page .bayilik-benefit-card{
    padding:32px 28px;border-radius:18px;
    background:#fff;border:1px solid #e7e5e4;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s
}
body.bayilik-page .bayilik-benefit-card:hover{
    transform:translateY(-4px);
    border-color:rgba(160,136,80,.4);
    box-shadow:0 14px 40px -10px rgba(160,136,80,.18)
}
body.bayilik-page .bayilik-benefit-icon{
    width:54px;height:54px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#fef9e7,#fcefb0);
    color:#7a6840;font-size:1.4rem;margin-bottom:18px
}
body.bayilik-page .bayilik-benefit-card h3{
    font-size:1.1rem;font-weight:700;margin-bottom:8px;
    color:#0a0a0a;font-family:'Space Grotesk',sans-serif
}
body.bayilik-page .bayilik-benefit-card p{font-size:.92rem;color:#57534e;line-height:1.6}
@media(max-width:1024px){body.bayilik-page .bayilik-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body.bayilik-page .bayilik-benefits-grid{grid-template-columns:1fr}}

/* Form Section */
body.bayilik-page .bayilik-form-section{padding:60px 0 120px;background:#fafaf9}
body.bayilik-page .bayilik-form-wrapper{
    width:100%;margin:0 auto;
    background:#fff;border:1px solid #e7e5e4;border-radius:28px;
    padding:56px 56px 48px;
    box-shadow:0 24px 60px -20px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04)
}
body.bayilik-page .bayilik-form-wrapper > .form-header{
    text-align:center;margin-bottom:40px;padding-bottom:28px;
    border-bottom:1px solid #ece5d3
}
body.bayilik-page .bayilik-form-wrapper h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(1.7rem,2.4vw,2.1rem);font-weight:800;
    margin-bottom:10px;color:#0a0a0a;letter-spacing:-.015em
}
body.bayilik-page .bayilik-form-wrapper .form-intro{
    color:#57534e;font-size:1rem;line-height:1.7;
    max-width:680px;margin:0 auto
}

/* Form sections */
body.bayilik-page .form-section{
    margin-bottom:32px;padding:30px 32px;
    background:linear-gradient(180deg,#fdfcf8 0%,#fafaf9 100%);
    border:1px solid #ece5d3;border-radius:18px;
    position:relative;transition:border-color .25s, box-shadow .25s
}
body.bayilik-page .form-section:hover{
    border-color:rgba(160,136,80,.4);
    box-shadow:0 4px 16px -4px rgba(160,136,80,.08)
}
body.bayilik-page .form-section-head{
    display:flex;align-items:center;gap:14px;
    margin-bottom:22px;padding-bottom:16px;
    border-bottom:1px dashed #ece5d3
}
body.bayilik-page .form-section-num{
    width:38px;height:38px;flex-shrink:0;border-radius:11px;
    background:linear-gradient(135deg,#a08850,#7a6840);
    color:#fff;font-family:'Space Grotesk',sans-serif;
    font-size:1rem;font-weight:800;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 14px -4px rgba(160,136,80,.45)
}
body.bayilik-page .form-section-title{
    font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700;
    color:#0a0a0a;letter-spacing:-.01em;margin:0;line-height:1.3
}
body.bayilik-page .form-section-title small{
    display:block;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;
    color:#78716c;letter-spacing:0;text-transform:none;margin-top:3px
}

/* Form fields */
body.bayilik-page .bayilik-form .form-row{
    display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px
}
body.bayilik-page .bayilik-form .form-row.cols-3{grid-template-columns:repeat(3,1fr)}
body.bayilik-page .bayilik-form .form-row > .form-group{margin-bottom:0}
body.bayilik-page .bayilik-form .form-group{margin-bottom:18px}
body.bayilik-page .bayilik-form .form-group:last-child{margin-bottom:0}
body.bayilik-page .bayilik-form label{
    display:block;margin-bottom:8px;
    font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
    color:#7a6840
}
body.bayilik-page .bayilik-form label .req{color:#dc2626;margin-left:4px}
body.bayilik-page .bayilik-form input,
body.bayilik-page .bayilik-form select,
body.bayilik-page .bayilik-form textarea{
    width:100%;padding:13px 16px;
    background:#fff;
    border:1.5px solid #e7e5e4;border-radius:11px;
    color:#1c1917;font-size:.95rem;font-family:inherit;
    transition:border-color .2s, box-shadow .2s, background .2s
}
body.bayilik-page .bayilik-form input:hover,
body.bayilik-page .bayilik-form select:hover,
body.bayilik-page .bayilik-form textarea:hover{border-color:#d6d3d1}
body.bayilik-page .bayilik-form input:focus,
body.bayilik-page .bayilik-form select:focus,
body.bayilik-page .bayilik-form textarea:focus{
    outline:none;border-color:#a08850;
    box-shadow:0 0 0 4px rgba(160,136,80,.12)
}
body.bayilik-page .bayilik-form input::placeholder,
body.bayilik-page .bayilik-form textarea::placeholder{color:#a8a29e}
body.bayilik-page .bayilik-form textarea{resize:vertical;min-height:110px}
body.bayilik-page .bayilik-form select{cursor:pointer;appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2378716c' d='M6 8L0 0h12z'/></svg>");
    background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
body.bayilik-page .bayilik-form .form-help{
    display:block;margin-top:6px;color:#78716c;font-size:.78rem;line-height:1.5
}
body.bayilik-page .bayilik-form .form-checkbox{
    display:flex;align-items:flex-start;gap:10px;margin:14px 0;cursor:pointer;
    font-size:.88rem;color:#44403c;line-height:1.55
}
body.bayilik-page .bayilik-form .form-checkbox input{
    width:18px;height:18px;margin-top:2px;flex-shrink:0;
    accent-color:#a08850;cursor:pointer
}
body.bayilik-page .bayilik-form .form-checkbox a{color:#a08850;font-weight:600;text-decoration:underline}

body.bayilik-page .bayilik-form .submit-btn{
    width:100%;padding:18px;
    background:linear-gradient(135deg,#a08850,#7a6840);
    color:#fff;border:none;border-radius:14px;
    font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    cursor:pointer;transition:all .25s ease;
    display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;
    box-shadow:0 8px 20px -8px rgba(160,136,80,.5)
}
body.bayilik-page .bayilik-form .submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px -10px rgba(160,136,80,.7)
}
body.bayilik-page .bayilik-form .submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

@media(max-width:1024px){
    body.bayilik-page .bayilik-form .form-row.cols-3{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    body.bayilik-page .bayilik-form .form-row,
    body.bayilik-page .bayilik-form .form-row.cols-3{grid-template-columns:1fr}
    body.bayilik-page .bayilik-form-wrapper{padding:32px 22px}
    body.bayilik-page .form-section{padding:24px 20px}
    body.bayilik-page .form-section-head{gap:10px}
    body.bayilik-page .form-section-num{width:34px;height:34px;font-size:.92rem}
    body.bayilik-page .form-section-title{font-size:1rem}
}

/* Dual role (Bayi / Bayi+Servis) */
body.bayilik-page .dual-role-card{margin-top:8px;margin-bottom:18px}
body.bayilik-page .dual-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){body.bayilik-page .dual-options{grid-template-columns:1fr}}
body.bayilik-page .dual-opt{
    display:flex;align-items:flex-start;gap:14px;
    padding:18px 20px;background:#fff;
    border:2px solid #e7e5e4;border-radius:14px;
    cursor:pointer;transition:.22s ease;
    position:relative
}
body.bayilik-page .dual-opt:hover{border-color:rgba(160,136,80,.5);background:#fefcf5}
body.bayilik-page .dual-opt input[type=radio]{position:absolute;opacity:0;pointer-events:none}
body.bayilik-page .dual-opt:has(input:checked),
body.bayilik-page .dual-opt.active{
    border-color:#a08850;background:linear-gradient(135deg,#fef9e7,#fff);
    box-shadow:0 8px 22px -10px rgba(160,136,80,.35)
}
body.bayilik-page .dual-opt:has(input:checked) .dual-icon,
body.bayilik-page .dual-opt.active .dual-icon{
    background:linear-gradient(135deg,#a08850,#7a6840) !important;color:#fff !important
}
body.bayilik-page .dual-icon{
    width:48px;height:48px;border-radius:12px;flex-shrink:0;
    background:#fafaf8;color:#7a6840;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:18px;transition:.22s
}
body.bayilik-page .dual-content{display:flex;flex-direction:column;gap:4px;flex:1}
body.bayilik-page .dual-content strong{
    font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#0a0a0a;
    letter-spacing:-.005em
}
body.bayilik-page .dual-content small{font-size:12.5px;color:#57534e;line-height:1.5;font-weight:500}

/* 3-way option grid (Bayi / Servis / Bayi+Servis) — desktop: tek satırda 3 kart */
/* !important: parent .dual-options'taki 1fr 1fr override'ını garanti altına alır */
body.bayilik-page .dual-options.dual-options-3{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important
}
/* Daha kompakt görünüm: 3'lü grid'de iç padding ve ikon küçültülmüş */
body.bayilik-page .dual-options.dual-options-3 .dual-opt{padding:14px 16px;gap:12px;min-width:0}
body.bayilik-page .dual-options.dual-options-3 .dual-icon{width:42px;height:42px;font-size:16px}
body.bayilik-page .dual-options.dual-options-3 .dual-content{min-width:0}
body.bayilik-page .dual-options.dual-options-3 .dual-content strong{font-size:14px}
body.bayilik-page .dual-options.dual-options-3 .dual-content small{font-size:11.5px;line-height:1.45}
/* Sadece dar mobil ekranda alt alta */
@media(max-width:560px){
    body.bayilik-page .dual-options.dual-options-3{grid-template-columns:1fr !important}
}

/* Service capabilities checkbox grid (bayilik-page üzerinde) */
body.bayilik-page .svc-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:640px){body.bayilik-page .svc-checks{grid-template-columns:1fr}}
body.bayilik-page .svc-check{
    display:flex;align-items:center;gap:10px;
    padding:10px 14px;background:#fff;border:1.5px solid #e7e5e4;border-radius:10px;
    cursor:pointer;font-size:.88rem;color:#44403c;transition:.18s
}
body.bayilik-page .svc-check:hover{border-color:#a08850;background:#fefcf5}
body.bayilik-page .svc-check input{width:17px;height:17px;accent-color:#a08850;flex-shrink:0}
body.bayilik-page .svc-check input:checked + span{color:#0a0a0a;font-weight:600}

/* Role-only sections — JS toggles display, helper for smooth visibility */
body.bayilik-page .role-only{transition:opacity .18s ease}

/* Status cards */
body.bayilik-page .bayilik-status-card{
    max-width:700px;margin:0 auto;padding:42px;border-radius:22px;text-align:center;
    background:#fff;border:1px solid #e7e5e4;
    box-shadow:0 12px 40px -12px rgba(0,0,0,.08)
}
body.bayilik-page .bayilik-status-card.pending{background:#fffbeb;border-color:#fde68a}
body.bayilik-page .bayilik-status-card.approved{background:#f0fdf4;border-color:#86efac}
body.bayilik-page .bayilik-status-card.rejected{background:#fef2f2;border-color:#fca5a5}
body.bayilik-page .bayilik-status-card .status-icon{font-size:3.4rem;margin-bottom:18px}
body.bayilik-page .bayilik-status-card.pending  .status-icon{color:#d97706}
body.bayilik-page .bayilik-status-card.approved .status-icon{color:#16a34a}
body.bayilik-page .bayilik-status-card.rejected .status-icon{color:#dc2626}
body.bayilik-page .bayilik-status-card h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:1.5rem;margin-bottom:12px;color:#0a0a0a;font-weight:700
}
body.bayilik-page .bayilik-status-card p{color:#57534e;line-height:1.7;font-size:1rem}
body.bayilik-page .bayilik-status-card .cta{
    display:inline-flex;align-items:center;gap:10px;
    margin-top:24px;padding:14px 28px;
    background:linear-gradient(135deg,#a08850,#7a6840);
    color:#fff;text-decoration:none;border-radius:12px;
    font-weight:700;letter-spacing:.04em;
    box-shadow:0 8px 20px -8px rgba(160,136,80,.5);
    transition:transform .2s,box-shadow .2s
}
body.bayilik-page .bayilik-status-card .cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px -10px rgba(160,136,80,.7);
    color:#fff;text-decoration:none
}

/* Form result */
body.bayilik-page .form-result{
    margin-top:18px;padding:14px 18px;border-radius:12px;font-size:.9rem;
    display:none;line-height:1.5
}
body.bayilik-page .form-result.success{background:#dcfce7;border:1px solid #86efac;color:#166534;display:block}
body.bayilik-page .form-result.error  {background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;display:block}


/* ============================================================
 * SEPET  ──  body.cart-page
 * ============================================================ */
body.cart-page{background:#f5f5f3 !important;-webkit-font-smoothing:antialiased}
body.cart-page .site-header{
    background:rgba(8,8,8,.95) !important;backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(var(--gold-rgb),.15)
}
body.cart-page .site-footer{
    background:linear-gradient(180deg,#080808 0%,#050505 100%) !important
}
body.cart-page .site-header .logo img{
    filter:invert(1) brightness(2) drop-shadow(2px 2px 0 rgba(0,0,0,.25)) !important
}
body.cart-page .site-header .logo-text{color:#fff !important}

body.cart-page main.cart-wrap{
    --bg:#f5f5f3; --panel:#fff; --text:#0a0a0a; --soft:#4a4a48; --muted:#8a8a85;
    --border:#e6e6e1; --primary:#1f3a1a; --primary-d:#0e2410; --accent:#8B7355;
    --danger:#b91c1c; --success:#047857;
    color:#0a0a0a;padding-top:120px
}
body.cart-page main.cart-wrap a{color:var(--primary);text-decoration:none}
body.cart-page main.cart-wrap a.go-btn,
body.cart-page main.cart-wrap a.btn,
body.cart-page main.cart-wrap a.btn-primary{color:#fff !important}
@media(max-width:768px){body.cart-page main.cart-wrap{padding-top:90px}}

body.cart-page .cart-wrap{
    width:100%;max-width:1240px;margin:0 auto;padding:32px;
    display:grid;grid-template-columns:1.6fr 1fr;gap:24px
}
@media(min-width:1441px){body.cart-page .cart-wrap{max-width:1400px}}
@media(max-width:1024px){body.cart-page .cart-wrap{padding:24px 18px;gap:20px}}
@media(max-width:880px){body.cart-page .cart-wrap{grid-template-columns:1fr;gap:16px}}
@media(max-width:560px){body.cart-page .cart-wrap{padding:18px 14px;gap:14px}}

@media(max-width:560px){
    body.cart-page .cart-card{padding:18px}
    body.cart-page .line{gap:14px}
    body.cart-page .line-img{width:72px;height:72px}
    body.cart-page .line-info .nm{font-size:15px}
    body.cart-page .line-info .meta{font-size:12px}
    body.cart-page .line-price{font-size:18px}
    body.cart-page .summary h3{font-size:15px}
    body.cart-page .sum-total .v{font-size:24px}
    body.cart-page .go-btn{padding:14px 18px;font-size:13px}
    body.cart-page .coupon-form{flex-direction:column}
    body.cart-page .coupon-input{font-size:13px;padding:11px 12px}
    body.cart-page .coupon-btn{padding:12px}
}

body.cart-page .h1{font-family:'Space Grotesk';font-size:28px;font-weight:800;letter-spacing:-0.02em;margin:0 0 4px}
body.cart-page .h-sub{color:var(--muted);font-size:14px;margin:0 0 22px}

body.cart-page .flash{padding:12px 16px;border-radius:10px;margin-bottom:18px;font-size:13.5px;display:flex;align-items:center;gap:10px}
body.cart-page .flash.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
body.cart-page .flash.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

body.cart-page .empty{
    background:#fff;border:1px solid var(--border);border-radius:16px;
    padding:60px 24px;text-align:center;color:var(--muted);
    grid-column:1 / -1
}
body.cart-page .empty i{font-size:46px;color:var(--accent);opacity:0.45;display:block;margin-bottom:16px}
body.cart-page .empty h2{margin:0 0 6px;color:var(--text);font-family:'Space Grotesk';font-size:20px;font-weight:700}
body.cart-page .empty .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;font-size:13.5px;margin-top:18px;text-decoration:none}

body.cart-page .cart-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
body.cart-page .cart-card + .cart-card{margin-top:18px}

body.cart-page .cart-card-header{
    display:flex;align-items:center;gap:18px;
    background:linear-gradient(135deg,#fff 0%,#fafaf8 100%);
    border-color:var(--border)
}
body.cart-page .cart-card-header .cch-icon{
    width:54px;height:54px;flex-shrink:0;border-radius:14px;
    background:linear-gradient(135deg,var(--primary),var(--primary-d));
    color:var(--accent);font-size:22px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 16px -6px rgba(31,58,26,0.4)
}
body.cart-page .cart-card-header .cch-text{flex:1;min-width:0}
body.cart-page .cart-card-header .cch-title{
    font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;
    letter-spacing:-0.02em;margin:0 0 3px;color:var(--text)
}
body.cart-page .cart-card-header .cch-sub{
    color:var(--muted);font-size:13.5px;margin:0;line-height:1.45
}
body.cart-page .cart-card-header .cch-count{
    flex-shrink:0;text-align:center;padding:10px 16px;
    background:rgba(31,58,26,0.06);border:1px solid rgba(31,58,26,0.12);
    border-radius:12px
}
body.cart-page .cart-card-header .cch-count-num{
    display:block;font-family:'Space Grotesk',sans-serif;
    font-size:24px;font-weight:800;color:var(--primary);line-height:1
}
body.cart-page .cart-card-header .cch-count-lbl{
    display:block;font-size:10.5px;color:var(--muted);
    text-transform:uppercase;letter-spacing:0.08em;
    font-weight:600;margin-top:4px
}
@media(max-width:560px){
    body.cart-page .cart-card-header{padding:18px;gap:14px}
    body.cart-page .cart-card-header .cch-icon{width:46px;height:46px;font-size:18px;border-radius:12px}
    body.cart-page .cart-card-header .cch-title{font-size:20px}
    body.cart-page .cart-card-header .cch-sub{font-size:12.5px}
    body.cart-page .cart-card-header .cch-count{padding:8px 12px}
    body.cart-page .cart-card-header .cch-count-num{font-size:20px}
}

body.cart-page .line{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center}
@media(max-width:560px){body.cart-page .line{grid-template-columns:80px 1fr}body.cart-page .line .line-actions{grid-column:1 / -1}}
body.cart-page .line-img{
    width:120px;height:120px;border-radius:12px;
    background:linear-gradient(135deg,#fafaf8,#eaeae2);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden
}
@media(max-width:560px){body.cart-page .line-img{width:80px;height:80px}}
body.cart-page .line-img img{width:100%;height:100%;object-fit:cover}
body.cart-page .line-img .ico{font-size:42px;color:var(--accent);opacity:0.5}
body.cart-page .line-info .nm{font-family:'Space Grotesk';font-size:18px;font-weight:700;letter-spacing:-0.01em;margin-bottom:6px}
body.cart-page .line-info .meta{color:var(--muted);font-size:13px}
body.cart-page .line-info .meta b{color:var(--text)}
body.cart-page .line-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
body.cart-page .qty-pill{
    display:inline-flex;align-items:center;border:1px solid var(--border);
    border-radius:999px;background:#fafaf8;padding:4px
}
body.cart-page .qty-btn{
    width:32px;height:32px;border-radius:50%;border:0;background:#fff;
    cursor:pointer;color:var(--text);font-size:14px;
    display:flex;align-items:center;justify-content:center;transition:.15s
}
body.cart-page .qty-btn:hover{background:var(--primary);color:#fff}
body.cart-page .qty-btn:disabled{opacity:0.4;cursor:not-allowed}
body.cart-page .qty-pill input{
    width:36px;border:0;background:transparent;text-align:center;
    font-weight:700;font-size:14px;color:var(--text);
    -webkit-appearance:none;-moz-appearance:textfield;appearance:textfield
}
body.cart-page .qty-pill input::-webkit-outer-spin-button,
body.cart-page .qty-pill input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body.cart-page .line-price{font-family:'Space Grotesk';font-weight:800;font-size:22px;color:var(--primary);letter-spacing:-0.01em}
body.cart-page .line-unit{color:var(--muted);font-size:12px;margin-top:-2px}
body.cart-page .line-rm{
    background:transparent;border:0;color:var(--muted);font-size:12.5px;
    cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 0
}
body.cart-page .line-rm:hover{color:var(--danger)}

body.cart-page .coupon-card .ti{font-family:'Space Grotesk';font-size:15px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}
body.cart-page .coupon-card .ti i{color:var(--accent)}
body.cart-page .coupon-form{display:flex;gap:8px}
body.cart-page .coupon-input{
    flex:1;padding:13px 14px;background:#fafaf8;border:1px solid var(--border);
    border-radius:10px;font-family:'Space Grotesk',monospace;font-size:14px;
    text-transform:uppercase;letter-spacing:0.06em;font-weight:600;transition:.15s
}
body.cart-page .coupon-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(31,58,26,0.08)}
body.cart-page .coupon-btn{
    padding:13px 22px;background:var(--primary);color:#fff;border:0;border-radius:10px;
    font-weight:700;font-size:13px;cursor:pointer;letter-spacing:0.04em;transition:.15s
}
body.cart-page .coupon-btn:hover{background:var(--primary-d)}
body.cart-page .applied-coupon{
    background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;
    padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;
    font-size:13.5px
}
body.cart-page .applied-coupon code{background:#fff;padding:2px 8px;border-radius:5px;font-weight:700;color:#047857}
body.cart-page .applied-coupon .rm{margin-left:auto;background:transparent;border:0;color:#047857;cursor:pointer;font-size:12px;font-weight:600}
body.cart-page .applied-coupon .rm:hover{text-decoration:underline}
body.cart-page .coupon-hint{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.5}

body.cart-page .summary{position:sticky;top:88px}
@media(max-width:880px){body.cart-page .summary{position:static}}
body.cart-page .summary h3{font-family:'Space Grotesk';font-size:16px;font-weight:700;margin:0 0 16px;letter-spacing:-0.01em}
body.cart-page .sum-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--soft)}
body.cart-page .sum-row .v{color:var(--text);font-weight:600}
body.cart-page .sum-row.disc .v{color:var(--success)}
body.cart-page .sum-divider{border-top:1px solid var(--border);margin:10px 0}
body.cart-page .sum-total{display:flex;justify-content:space-between;align-items:flex-end;padding:6px 0}
body.cart-page .sum-total .lbl{font-family:'Space Grotesk';font-weight:700;font-size:16px}
body.cart-page .sum-total .v{font-family:'Space Grotesk';font-weight:800;font-size:28px;color:var(--primary);letter-spacing:-0.02em}
body.cart-page .go-btn{
    display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
    margin-top:18px;padding:16px 22px;border:0;border-radius:12px;
    background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#fff;
    font-weight:800;font-size:14.5px;letter-spacing:0.04em;cursor:pointer;
    text-decoration:none;transition:.15s;font-family:'Space Grotesk';
    box-shadow:0 8px 22px -6px rgba(31,58,26,0.4)
}
body.cart-page .go-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px -6px rgba(31,58,26,0.5)}
body.cart-page .trust-mini{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px;color:var(--muted)}
body.cart-page .trust-mini > div{text-align:center;padding:8px 4px;background:#fafaf8;border-radius:8px}
body.cart-page .trust-mini i{display:block;margin-bottom:4px;font-size:14px;color:var(--accent)}

body.cart-page .continue-shop{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--muted);font-size:13px;margin-top:12px
}
body.cart-page .continue-shop:hover{color:var(--primary);text-decoration:none}


/* ============================================================
 * URUN DETAY  ──  body.product-detail-page
 *   .has-campaign sınıfı kampanya bar açıkken eklenir → padding-top farklı
 * ============================================================ */
body.product-detail-page main.pd-wrap{padding-top:96px;overflow-x:hidden}
body.product-detail-page.has-campaign main.pd-wrap{padding-top:140px}
body.product-detail-page{overflow-x:hidden}
@media(max-width:768px){
    body.product-detail-page main.pd-wrap{padding-top:80px}
    body.product-detail-page.has-campaign main.pd-wrap{padding-top:120px}
}

body.product-detail-page .pd-breadcrumb{
    color:var(--gray-3);font-size:12.5px;padding:0 0 14px;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap
}
body.product-detail-page .pd-breadcrumb a{color:var(--gray-2);text-decoration:none;transition:color .2s}
body.product-detail-page .pd-breadcrumb a:hover{color:var(--gold)}
body.product-detail-page .pd-breadcrumb i{font-size:8px;opacity:0.5}
body.product-detail-page .pd-breadcrumb .current{color:var(--white);font-weight:500}

body.product-detail-page .pd-top{
    display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin:0 0 40px;align-items:start
}
@media(max-width:980px){body.product-detail-page .pd-top{grid-template-columns:1fr;gap:24px}}

/* Gallery */
body.product-detail-page .pd-gallery-main{
    position:relative;aspect-ratio:4/3;max-height:520px;
    border-radius:14px;overflow:hidden;
    background:linear-gradient(135deg,var(--bg-card),var(--bg));
    border:1px solid rgba(var(--gold-rgb),0.08)
}
body.product-detail-page .pd-gallery-main .swiper,
body.product-detail-page .pd-gallery-main .swiper-slide{width:100%;height:100%}
body.product-detail-page .pd-gallery-main .swiper-slide{display:flex;align-items:center;justify-content:center}
body.product-detail-page .pd-gallery-main .swiper-slide img{width:100%;height:100%;object-fit:contain}
body.product-detail-page .pd-gallery-main .swiper-button-prev,
body.product-detail-page .pd-gallery-main .swiper-button-next{
    color:#fff;background:rgba(0,0,0,0.5);width:40px;height:40px;border-radius:50%;
    backdrop-filter:blur(10px);transition:background .2s;margin-top:-20px
}
body.product-detail-page .pd-gallery-main .swiper-button-prev:hover,
body.product-detail-page .pd-gallery-main .swiper-button-next:hover{background:var(--gold);color:#000}
body.product-detail-page .pd-gallery-main .swiper-button-prev::after,
body.product-detail-page .pd-gallery-main .swiper-button-next::after{font-size:13px;font-weight:900}
body.product-detail-page .pd-gallery-main .swiper-pagination{bottom:10px}
body.product-detail-page .pd-gallery-main .swiper-pagination-bullet{background:#fff;opacity:0.4;width:6px;height:6px}
body.product-detail-page .pd-gallery-main .swiper-pagination-bullet-active{opacity:1;background:var(--gold);width:18px;border-radius:3px}

body.product-detail-page .pd-gallery-thumbs{margin-top:10px}
body.product-detail-page .pd-gallery-thumbs .swiper-slide{
    width:80px;height:64px;border-radius:8px;overflow:hidden;
    border:2px solid transparent;cursor:pointer;opacity:0.45;transition:all .2s;
    background:var(--bg-card)
}
body.product-detail-page .pd-gallery-thumbs .swiper-slide:hover{opacity:0.8}
body.product-detail-page .pd-gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:var(--gold)}
body.product-detail-page .pd-gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}

/* Product info */
body.product-detail-page .pd-info .pd-badges{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
body.product-detail-page .pd-badge{
    display:inline-flex;align-items:center;gap:5px;
    padding:5px 11px;border-radius:999px;
    font-size:10.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase
}
body.product-detail-page .pd-badge-new{background:rgba(var(--red-rgb,196,80,64),0.15);color:#ff8978;border:1px solid rgba(196,80,64,0.35)}
body.product-detail-page .pd-badge-cat{background:rgba(var(--gold-rgb),0.08);color:var(--gold);border:1px solid rgba(var(--gold-rgb),0.25)}

body.product-detail-page .pd-title{
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-size:clamp(24px,3.2vw,34px);font-weight:700;
    margin:0 0 4px;letter-spacing:-0.02em;line-height:1.12;color:var(--white)
}
body.product-detail-page .pd-tagline{
    color:var(--gold);font-size:15px;font-weight:500;margin:0 0 18px
}

body.product-detail-page .pd-price-block{margin:14px 0 18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
body.product-detail-page .pd-old-price{color:var(--gray-3);font-size:16px;text-decoration:line-through}
body.product-detail-page .pd-new-price{
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-size:32px;font-weight:800;color:var(--gold);letter-spacing:-0.01em
}

body.product-detail-page .pd-short{color:var(--gray-1);font-size:14px;line-height:1.6;margin:0 0 18px}

body.product-detail-page .pd-quick{
    list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px
}
body.product-detail-page .pd-quick li{
    display:flex;align-items:center;gap:10px;color:var(--gray-1);font-size:13.5px;line-height:1.4
}
body.product-detail-page .pd-quick li::before{
    content:'';width:16px;height:16px;flex-shrink:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23c9a96e'/%3E%3Cpath d='M4.5 8l2.5 2.5 5-5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-size:contain
}

body.product-detail-page .pd-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
body.product-detail-page .pd-btn{
    padding:14px 22px;border-radius:11px;
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-weight:700;font-size:13px;letter-spacing:0.05em;text-transform:uppercase;
    text-decoration:none;cursor:pointer;transition:all .2s;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0
}
body.product-detail-page .pd-btn-buy{
    background:linear-gradient(135deg,var(--gold) 0%,var(--gold-d) 100%);
    color:#0a0a0a;flex:1;min-width:200px;
    box-shadow:0 6px 18px -8px rgba(var(--gold-rgb),0.5)
}
body.product-detail-page .pd-btn-buy:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(var(--gold-rgb),0.6)}
body.product-detail-page .pd-btn-info{
    background:transparent;color:var(--white);
    border:1.5px solid rgba(255,255,255,0.12);min-width:130px
}
body.product-detail-page .pd-btn-info:hover{background:rgba(var(--gold-rgb),0.05);border-color:rgba(var(--gold-rgb),0.3);color:var(--gold)}

body.product-detail-page .pd-trust{
    display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;
    padding:14px 16px;
    background:rgba(var(--gold-rgb),0.03);
    border:1px solid rgba(var(--gold-rgb),0.12);border-radius:12px
}
body.product-detail-page .pd-trust .trust-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gray-1)}
body.product-detail-page .pd-trust .trust-item i{color:var(--gold);font-size:14px;flex-shrink:0}

/* Sections */
body.product-detail-page section.pd-section{
    margin:24px 0;padding:28px 32px;border-radius:18px;
    border:1px solid rgba(255,255,255,0.06);
    background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.01))
}
@media(max-width:768px){body.product-detail-page section.pd-section{padding:22px 18px;margin:18px 0}}

body.product-detail-page section.pd-section.bg-specs{
    background:
      radial-gradient(600px 200px at 100% 0%,rgba(var(--gold-rgb),0.05),transparent 60%),
      linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.012));
    border-color:rgba(var(--gold-rgb),0.12)
}
body.product-detail-page section.pd-section.bg-plan{
    background:
      radial-gradient(600px 220px at 0% 0%,rgba(31,58,26,0.18),transparent 65%),
      linear-gradient(180deg,rgba(31,58,26,0.06),rgba(31,58,26,0.02));
    border-color:rgba(31,58,26,0.28)
}
body.product-detail-page section.pd-section.bg-video{
    background:
      radial-gradient(600px 240px at 50% 0%,rgba(var(--gold-rgb),0.07),transparent 60%),
      linear-gradient(180deg,rgba(0,0,0,0.45),rgba(0,0,0,0.18));
    border-color:rgba(var(--gold-rgb),0.14)
}
body.product-detail-page section.pd-section.bg-desc{
    background:linear-gradient(180deg,rgba(139,115,85,0.05),rgba(255,255,255,0.012));
    border-color:rgba(var(--gold-rgb),0.10)
}

body.product-detail-page .pd-section-title{
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-size:20px;font-weight:700;
    margin:0 0 18px;letter-spacing:-0.01em;color:var(--white);
    display:inline-flex;align-items:center;gap:12px
}
body.product-detail-page .pd-section-title::before{
    content:'';width:3px;height:18px;background:var(--gold);border-radius:2px
}

/* Specs */
body.product-detail-page .pd-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:900px){body.product-detail-page .pd-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){body.product-detail-page .pd-specs{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.product-detail-page .pd-spec{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:11px 14px;
    background:rgba(255,255,255,0.025);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:10px;min-height:48px;transition:all .2s;min-width:0
}
body.product-detail-page .pd-spec:hover{border-color:rgba(var(--gold-rgb),0.3);background:rgba(var(--gold-rgb),0.04)}
body.product-detail-page .pd-spec .lbl{
    color:var(--gray-2);font-size:10.5px;font-weight:600;
    text-transform:uppercase;letter-spacing:0.08em;flex-shrink:0
}
body.product-detail-page .pd-spec .val{
    color:#fff;font-size:13px;font-weight:600;text-align:right;
    line-height:1.3;min-width:0;word-break:break-word
}

/* Description */
body.product-detail-page .pd-desc{color:var(--gray-1);font-size:14.5px;line-height:1.7;padding:0}
body.product-detail-page .pd-desc h2,
body.product-detail-page .pd-desc h3{color:#fff;margin:18px 0 8px;font-family:var(--ff-head, 'Space Grotesk'),sans-serif;letter-spacing:-0.01em}
body.product-detail-page .pd-desc h2{font-size:18px}
body.product-detail-page .pd-desc h3{font-size:16px}
body.product-detail-page .pd-desc p{margin:0 0 10px}
body.product-detail-page .pd-desc ul,
body.product-detail-page .pd-desc ol{padding-left:20px;margin:10px 0}
body.product-detail-page .pd-desc li{margin:4px 0}
body.product-detail-page .pd-desc strong{color:#fff}
body.product-detail-page .pd-desc a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
body.product-detail-page .pd-desc img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}

/* Video */
body.product-detail-page .pd-video{
    position:relative;padding-bottom:56.25%;height:0;
    border-radius:12px;overflow:hidden;
    background:#000;border:1px solid rgba(255,255,255,0.06)
}
body.product-detail-page .pd-video iframe,
body.product-detail-page .pd-video video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Installment */
body.product-detail-page .pd-inst-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(0,1fr));
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:10px
}
body.product-detail-page .pd-inst-card{
    background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.015));
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;padding:18px 14px 16px;text-align:center;
    transition:all .18s;min-width:0
}
body.product-detail-page .pd-inst-card:hover{
    border-color:rgba(var(--gold-rgb),0.4);
    background:rgba(var(--gold-rgb),0.05);
    transform:translateY(-2px)
}
body.product-detail-page .pd-inst-card.single{
    border-color:rgba(var(--gold-rgb),0.25);
    background:rgba(var(--gold-rgb),0.06)
}
body.product-detail-page .pd-inst-card .n{
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-size:22px;font-weight:700;color:#fff;line-height:1;margin-bottom:2px
}
body.product-detail-page .pd-inst-card .n .unit{
    font-family:'Inter',sans-serif;font-size:12px;color:var(--gray-2);font-weight:500;margin-left:2px
}
body.product-detail-page .pd-inst-card .lbl{
    font-size:10.5px;color:var(--gray-2);font-weight:500;
    text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px
}
body.product-detail-page .pd-inst-card .per{
    font-family:var(--ff-head, 'Space Grotesk'),sans-serif;
    font-size:16px;font-weight:700;color:var(--gold);line-height:1.1
}
body.product-detail-page .pd-inst-card .per-unit{font-size:11px;color:var(--gray-2);font-weight:500}
body.product-detail-page .pd-inst-card .total{
    font-size:12px;color:var(--gray-1);margin-top:6px;
    border-top:1px dashed rgba(255,255,255,0.08);padding-top:8px
}
body.product-detail-page .pd-inst-card .total strong{color:#fff;font-weight:600}

body.product-detail-page .pd-inst-note{
    margin-top:14px;font-size:12px;color:var(--gray-2);line-height:1.5;
    display:flex;align-items:flex-start;gap:8px
}
body.product-detail-page .pd-inst-note i{color:var(--gold);margin-top:2px}

@media(max-width:900px){
    body.product-detail-page .pd-inst-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:540px){
    body.product-detail-page .pd-inst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.product-detail-page .pd-inst-card{padding:14px 10px 12px}
    body.product-detail-page .pd-inst-card .n{font-size:18px}
    body.product-detail-page .pd-inst-card .per{font-size:14px}
}

/* Mobile optimizations */
@media(max-width:768px){
    body.product-detail-page .pd-top{gap:20px;margin-bottom:28px}
    body.product-detail-page .pd-gallery-main{aspect-ratio:1/1;max-height:380px;border-radius:12px}
    body.product-detail-page .pd-gallery-main .swiper-button-prev,
    body.product-detail-page .pd-gallery-main .swiper-button-next{width:34px;height:34px}
    body.product-detail-page .pd-gallery-main .swiper-button-prev::after,
    body.product-detail-page .pd-gallery-main .swiper-button-next::after{font-size:11px}
    body.product-detail-page .pd-gallery-thumbs .swiper-slide{width:64px;height:50px}
    body.product-detail-page .pd-info{padding:0}
    body.product-detail-page .pd-title{font-size:24px !important}
    body.product-detail-page .pd-tagline{font-size:14px;margin-bottom:14px}
    body.product-detail-page .pd-price-block{margin:12px 0 14px}
    body.product-detail-page .pd-new-price{font-size:28px}
    body.product-detail-page .pd-old-price{font-size:14px}
    body.product-detail-page .pd-short{font-size:13.5px;margin-bottom:14px}
    body.product-detail-page .pd-quick{gap:6px;margin-bottom:18px}
    body.product-detail-page .pd-quick li{font-size:13px}
    body.product-detail-page .pd-ctas{flex-direction:column;gap:8px;margin-bottom:16px}
    body.product-detail-page .pd-btn{width:100%;padding:15px 20px;font-size:13px;min-width:0 !important;flex:none !important}
    body.product-detail-page .pd-trust{padding:12px;gap:8px}
    body.product-detail-page .pd-trust .trust-item{font-size:11.5px;gap:6px}
    body.product-detail-page .pd-trust .trust-item i{font-size:13px}
    body.product-detail-page .pd-section{margin:28px 0}
    body.product-detail-page .pd-section-title{font-size:17px;margin-bottom:14px}
    body.product-detail-page .pd-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    body.product-detail-page .pd-spec{
        flex-direction:column;align-items:flex-start;justify-content:center;
        text-align:left;padding:12px 14px;gap:4px;min-height:64px
    }
    body.product-detail-page .pd-spec .lbl{font-size:10px}
    body.product-detail-page .pd-spec .val{text-align:left;font-size:14px;line-height:1.25}
    body.product-detail-page .pd-desc{padding:18px 16px;font-size:13.5px}
    body.product-detail-page .pd-desc h2{font-size:16px;margin-top:14px}
    body.product-detail-page .pd-desc h3{font-size:15px}
    body.product-detail-page .footer-links a,
    body.product-detail-page .footer-links p{font-size:13px}
    body.product-detail-page .pd-breadcrumb{font-size:11.5px;padding-bottom:10px;gap:5px}
    body.product-detail-page .pd-breadcrumb i{font-size:7px}
}

@media(max-width:480px){
    body.product-detail-page .pd-specs{grid-template-columns:1fr}
    body.product-detail-page .pd-spec{
        flex-direction:row;align-items:center;justify-content:space-between;
        padding:12px 14px;min-height:48px
    }
    body.product-detail-page .pd-spec .val{text-align:right;font-size:13px}
    body.product-detail-page .pd-gallery-main{max-height:320px}
    body.product-detail-page .pd-title{font-size:22px !important}
    body.product-detail-page .pd-new-price{font-size:24px}
}


/* ============================================================
 * ODEME (CHECKOUT)  ──  body.checkout-page
 * Dinamik renkler (settings.secondary_color, settings.accent_color)
 * inline <style> ile override edilir; aşağıdaki defaultlar fallback'tir.
 * ============================================================ */
/* ============================================================
       MARRONY — ÖDEME (Premium Light Theme — sepet pattern)
       Header + Footer: dark | Content: light cream | Theme-aware
       ============================================================ */    
    body.checkout-page *{box-sizing:border-box}/* Body — sepet ile aynı temel: sadece bg + font, link/color cascade YOK */

    
    body.checkout-page{
        background:#f5f5f3 !important;
        font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
        -webkit-font-smoothing:antialiased
    }/* Header zorla koyu solid (sepet ile aynı) */

    
    body.checkout-page .site-header{
        background:rgba(8,8,8,.95) !important;
        backdrop-filter:blur(20px);
        border-bottom:1px solid rgba(var(--gold-rgb),.15)
    }
    body.checkout-page .site-header .logo img{
        filter:invert(1) brightness(2) drop-shadow(2px 2px 0 rgba(0,0,0,.25)) !important
    }
    body.checkout-page .site-header .logo-text{ color:#fff !important }/* Footer zorla koyu */

    
    body.checkout-page .site-footer{
        background:linear-gradient(180deg,#080808 0%,#050505 100%) !important
    }/* Trust band & secure band sepet pattern'inde yok — gizle */

    
    body.checkout-page > .checkout-trust-band,
    body.checkout-page > .checkout-secure-band{ display:none !important }/* ============ MAIN WRAP (sepet pattern: 1.6fr 1fr grid) ============ */

    
    body.checkout-page main.checkout-wrap{/* Local CSS değişkenleri — sadece checkout-wrap içinde geçerli, dışına sızmaz */
        
        --bg:#f5f5f3; --panel:#fff; --panel-soft:#fafaf8;
        --border:#e6e6e1; --border-soft:#f0efea;
        --text:#0a0a0a; --text-soft:#4a4a48; --muted:#8a8a85;
        --primary:#1f3a1a;
        --primary-d:#0e2410;
        --accent:#a08850;
        --danger:#b91c1c; --success:#047857;
        --shadow-sm:0 1px 2px rgba(10,10,10,0.04);
        --shadow-md:0 8px 24px -8px rgba(10,10,10,0.08), 0 2px 6px rgba(10,10,10,0.04);

        color:#0a0a0a;
        width:100%;max-width:1240px;margin:0 auto;
        padding:32px;padding-top:120px;
        display:grid;grid-template-columns:1.6fr 1fr;gap:24px;
        align-items:start
    }
    body.checkout-page main.checkout-wrap a{ color:var(--primary); text-decoration:none }
    body.checkout-page main.checkout-wrap a:hover{ text-decoration:underline }/* Buton-anchor'lar yeşil link rengini almasın */

    
    body.checkout-page main.checkout-wrap a.btn,
    body.checkout-page main.checkout-wrap a.btn-primary,
    body.checkout-page main.checkout-wrap button.btn-next,
    body.checkout-page main.checkout-wrap button.submit-btn{ color:#fff !important }/* Geri butonu — siyah yazı, görünür border (beyaz override'dan ayrı tutuldu) */
    
    body.checkout-page main.checkout-wrap button.btn-back,
    body.checkout-page main.checkout-wrap button.btn-back *{ color:#0a0a0a !important }

    @media(min-width:1441px){ body.checkout-page main.checkout-wrap{max-width:1400px} }
    @media(max-width:1024px){ body.checkout-page main.checkout-wrap{padding:24px 18px;padding-top:110px;gap:20px} }
    @media(max-width:880px){
        body.checkout-page main.checkout-wrap{grid-template-columns:1fr;gap:16px}
        body.checkout-page .order-summary-wrap{order:-1;position:static !important}
    }
    @media(max-width:560px){ body.checkout-page main.checkout-wrap{padding:18px 14px;padding-top:90px;gap:14px} }/* ============ FORM PANEL ============ */

    
    body.checkout-page .panel{
        background:#fff;border:1px solid var(--border);border-radius:18px;
        box-shadow:var(--shadow-md);overflow:visible;
        align-self:start;height:auto;min-height:0
    }
    body.checkout-page .panel-pad{ padding:32px 36px }
    @media(max-width:720px){ body.checkout-page .panel-pad{padding:24px 20px} }
    @media(max-width:480px){ body.checkout-page .panel-pad{padding:20px 16px} }

    body.checkout-page a.back{
        display:inline-flex;align-items:center;gap:6px;
        color:var(--muted);font-size:13px;font-weight:500;margin-bottom:14px
    }
    body.checkout-page a.back:hover{ color:var(--text);text-decoration:none }
    body.checkout-page a.back i{ font-size:11px;transition:transform .2s }
    body.checkout-page a.back:hover i{ transform:translateX(-3px) }/* Page title */

    
    body.checkout-page .checkout-title,
    body.checkout-page .checkout-title-text{
        font-family:'Space Grotesk',sans-serif;
        font-size:26px;font-weight:800;letter-spacing:-0.01em;
        margin:0 0 6px;color:#0a0a0a;line-height:1.15
    }
    body.checkout-page .checkout-sub{
        color:var(--muted);font-size:14px;margin:0 0 28px;line-height:1.6;max-width:520px
    }/* ============ STEPPER (Premium animasyonlu) ============ */

    
    body.checkout-page .stepper{
        position:relative;
        display:flex;align-items:flex-start;justify-content:space-between;
        margin:0 0 32px;padding:0 12px
    }
    body.checkout-page .stepper::before{
        content:'';position:absolute;top:23px;left:38px;right:38px;
        height:3px;background:var(--border-soft);border-radius:99px;z-index:0
    }
    body.checkout-page .stepper::after{
        content:'';position:absolute;top:23px;left:38px;
        width:var(--step-progress, 0%);
        height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-d));
        border-radius:99px;z-index:0;transition:width .4s ease;
        box-shadow:0 0 12px rgba(31,58,26,.35)
    }
    body.checkout-page .stepper:has(.step-dot[data-step="2"].active)::after{ width:calc(50% - 38px) }
    body.checkout-page .stepper:has(.step-dot[data-step="3"].active)::after{ width:calc(100% - 76px) }
    body.checkout-page .stepper:has(.step-dot[data-step="1"].done)::after{ width:calc(50% - 38px) }
    body.checkout-page .stepper:has(.step-dot[data-step="2"].done)::after{ width:calc(100% - 76px) }

    body.checkout-page .step-dot{
        position:relative;z-index:1;flex:1;
        display:flex;flex-direction:column;align-items:center;gap:10px
    }
    body.checkout-page .step-dot .num{
        width:46px;height:46px;border-radius:50%;
        background:#fff;border:2px solid var(--border-soft);
        display:flex;align-items:center;justify-content:center;
        font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:15px;
        color:var(--muted);
        transition:all .3s cubic-bezier(0.4,0,0.2,1);
        box-shadow:0 1px 3px rgba(0,0,0,.05)
    }
    body.checkout-page .step-dot .lbl{
        font-size:11px;font-weight:700;letter-spacing:.08em;
        text-transform:uppercase;color:var(--muted);transition:color .25s
    }
    body.checkout-page .step-dot.active .num{
        background:linear-gradient(135deg,var(--primary),var(--primary-d));
        border-color:var(--primary);color:#fff;
        box-shadow:0 8px 20px -4px rgba(31,58,26,0.5),0 0 0 6px rgba(31,58,26,0.08);
        transform:scale(1.08)
    }
    body.checkout-page .step-dot.active .lbl{ color:var(--primary);font-weight:800 }
    body.checkout-page .step-dot.done .num{
        background:var(--primary);border-color:var(--primary);color:#fff;font-size:0
    }
    body.checkout-page .step-dot.done .num::after{
        content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;
        font-size:14px;color:#fff
    }
    body.checkout-page .step-dot.done .lbl{ color:var(--primary) }
    @media(max-width:540px){
        body.checkout-page .stepper{padding:0 4px}
        body.checkout-page .stepper::before,body.checkout-page .stepper::after{top:21px;left:30px;right:30px}
        body.checkout-page .step-dot .lbl{font-size:9.5px;letter-spacing:.06em}
        body.checkout-page .step-dot .num{width:42px;height:42px;font-size:14px}
        body.checkout-page .step-dot.done .num::after{font-size:12px}
    }/* ============ STEP PANELS ============ */

    
    body.checkout-page .step-panel{ display:none }
    body.checkout-page .step-panel.active{ display:block;animation:fadeUp .25s ease both }
    @keyframes fadeUp{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }/* Sections — global .section rule (padding:80px 0; min-height:100vh) override */

    
    body.checkout-page main.checkout-wrap .section,
    body.checkout-page main.checkout-wrap section.section{
        padding:0 !important;
        min-height:0 !important;
        position:static !important;
        margin-top:18px
    }
    body.checkout-page main.checkout-wrap .section:first-child,
    body.checkout-page main.checkout-wrap .step-panel > .section:first-of-type{ margin-top:0 }
    body.checkout-page .section-head{ display:flex;align-items:center;gap:10px;margin:0 0 14px }
    body.checkout-page .section-num{
        width:28px;height:28px;border-radius:50%;
        background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#fff;
        display:inline-flex;align-items:center;justify-content:center;
        font-size:12px;font-weight:700;
        box-shadow:0 4px 8px -2px rgba(31,58,26,0.4)
    }
    body.checkout-page .section-title,
    body.checkout-page h2.section-title,
    body.checkout-page .step-panel .section-title,
    body.checkout-page .step-panel h2.section-title,
    body.checkout-page .section-title,
    body.checkout-page h2.section-title,
    body.checkout-page .step-panel h2.section-title{
        font-family:'Space Grotesk',sans-serif !important;
        font-weight:800 !important;letter-spacing:-.01em !important;
        color:#000000 !important;margin:0 !important;opacity:1 !important;
        background:none !important;background-clip:initial !important;
        -webkit-background-clip:initial !important;
        -webkit-text-fill-color:#000000 !important;
        text-shadow:none !important
    }/* İçindeki <i> ikonları altın kalsın */
    
    body.checkout-page .section-title i,
    body.checkout-page h2.section-title i{ color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important }/* ============ FORM INPUTS ============ */

    
    body.checkout-page .row{ display:grid;grid-template-columns:1fr 1fr;gap:14px }
    body.checkout-page .row.three{ grid-template-columns:1fr 1fr 1fr }
    body.checkout-page .row.expiry{ grid-template-columns:1.2fr 1fr 1fr }
    @media(max-width:540px){ body.checkout-page .row,body.checkout-page .row.three,body.checkout-page .row.expiry{grid-template-columns:1fr} }

    body.checkout-page .field{ position:relative;margin-bottom:14px }
    body.checkout-page .field label{
        display:block;font-size:12px;font-weight:600;
        color:var(--text-soft);margin-bottom:7px;letter-spacing:.01em
    }
    body.checkout-page .field label .req{ color:var(--accent);margin-left:2px;font-weight:700 }
    body.checkout-page .field input,
    body.checkout-page .field select,
    body.checkout-page .field textarea{
        width:100%;padding:13px 16px;
        font-family:inherit;font-size:14.5px;font-weight:500;color:var(--text);
        background:var(--panel-soft);
        border:1.5px solid var(--border-soft);border-radius:11px;
        transition:.18s ease;appearance:none
    }
    body.checkout-page .field select{
        background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8a85' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
        background-repeat:no-repeat;background-position:right 16px center;padding-right:42px
    }
    body.checkout-page .field textarea{ min-height:80px;line-height:1.5;resize:vertical }
    body.checkout-page .field input:hover,body.checkout-page .field select:hover,body.checkout-page .field textarea:hover{ border-color:#d6d3c8 }
    body.checkout-page .field input:focus,body.checkout-page .field select:focus,body.checkout-page .field textarea:focus{
        outline:none;border-color:var(--primary);background:#fff;
        box-shadow:0 0 0 4px rgba(31,58,26,0.10)
    }
    body.checkout-page .field input::placeholder,body.checkout-page .field textarea::placeholder{ color:#b5b3a8 }
    body.checkout-page .field input.has-error,body.checkout-page .field select.has-error,body.checkout-page .field textarea.has-error{
        border-color:var(--danger);box-shadow:0 0 0 3px rgba(185,28,28,0.10)
    }/* ============ SAVED ADDRESS CARDS (Step 2) ============ */

    
    body.checkout-page .saved-addr-grid{
        display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
        gap:12px;margin-bottom:20px
    }
    body.checkout-page .saved-addr-card{
        position:relative;padding:16px;background:var(--panel-soft);
        border:1.5px solid var(--border-soft);border-radius:12px;
        cursor:pointer;transition:.15s ease;text-align:left
    }
    body.checkout-page .saved-addr-card:hover{ border-color:#d6d3c8;background:#fff }
    body.checkout-page .saved-addr-card.active{
        border-color:var(--primary);background:rgba(31,58,26,0.04);
        box-shadow:0 0 0 3px rgba(31,58,26,0.10)
    }
    body.checkout-page .saved-addr-card .check{
        position:absolute;top:14px;right:14px;
        width:20px;height:20px;border-radius:50%;
        border:2px solid var(--border);background:#fff;transition:.2s
    }
    body.checkout-page .saved-addr-card.active .check{ background:var(--primary);border-color:var(--primary) }
    body.checkout-page .saved-addr-card.active .check::after{
        content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;
        color:#fff;font-size:9px;position:absolute;top:50%;left:50%;
        transform:translate(-50%,-50%)
    }
    body.checkout-page .saved-addr-card .card-head{ display:flex;align-items:center;gap:8px;margin-bottom:6px }
    body.checkout-page .saved-addr-card .title{ font-weight:700;font-size:14px;color:var(--text) }
    body.checkout-page .saved-addr-card .default-tag{
        font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
        background:rgba(31,58,26,0.10);color:var(--primary);
        padding:2px 7px;border-radius:99px
    }
    body.checkout-page .saved-addr-card .type-tag{
        display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;
        text-transform:uppercase;color:var(--accent);margin-bottom:8px
    }
    body.checkout-page .saved-addr-card .card-body{ font-size:12.5px;color:var(--muted);line-height:1.5 }
    body.checkout-page .saved-addr-card .card-body strong{ color:var(--text);display:block;margin-bottom:2px }
    body.checkout-page .saved-addr-card .card-body em{ color:var(--text-soft);font-style:normal;display:block;font-size:12px }
    body.checkout-page .saved-addr-card.new-card{
        border-style:dashed;text-align:center;
        display:flex;flex-direction:column;align-items:center;justify-content:center;
        gap:6px;color:var(--muted);min-height:140px
    }
    body.checkout-page .saved-addr-card.new-card:hover{ color:var(--primary);border-color:var(--primary) }/* ============ BILLING (Step 2) ============ */

    
    body.checkout-page .billing-block{
        margin-top:18px;padding:20px;background:var(--panel-soft);
        border:1px solid var(--border-soft);border-radius:12px
    }
    body.checkout-page .billing-same-toggle{
        display:flex;align-items:center;gap:10px;margin-bottom:14px;
        cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text)
    }
    body.checkout-page .billing-same-toggle input{ width:18px;height:18px;accent-color:var(--primary);cursor:pointer }
    body.checkout-page .billing-type-tabs{
        display:flex;gap:6px;margin-bottom:14px;
        background:#fff;padding:4px;border-radius:10px;
        border:1px solid var(--border-soft)
    }/* Radio inputs gizli — labels tab gibi davranır (max compatibility) */
    
    body.checkout-page .billing-type-tabs input[type=radio],
    body.checkout-page .billing-type-tabs input[type=radio]{
        position:absolute !important;opacity:0 !important;
        width:1px !important;height:1px !important;
        pointer-events:none !important;margin:0 !important;
        appearance:none !important;-webkit-appearance:none !important;
        -moz-appearance:none !important;
        clip:rect(0 0 0 0);overflow:hidden;left:-9999px
    }
    body.checkout-page .billing-type-tabs .billing-type-tab{
        flex:1;padding:11px 14px;text-align:center;
        font-size:13.5px;font-weight:600;color:var(--text-soft);
        border-radius:7px;cursor:pointer;transition:.18s ease;
        display:inline-flex;align-items:center;justify-content:center;gap:8px;
        border:1.5px solid transparent;line-height:1
    }
    body.checkout-page .billing-type-tabs .billing-type-tab i{
        font-size:14px;color:inherit
    }
    body.checkout-page .billing-type-tabs .billing-type-tab:hover{
        background:var(--panel-soft);color:var(--text)
    }
    body.checkout-page .billing-type-tabs .billing-type-tab.active{
        background:linear-gradient(135deg,var(--primary),var(--primary-d));
        color:#ffffff;border-color:var(--primary);
        box-shadow:0 4px 12px -4px rgba(31,58,26,0.45)
    }
    body.checkout-page .billing-type-tabs .billing-type-tab.active i,
    body.checkout-page .billing-type-tabs .billing-type-tab.active *{ color:#ffffff !important }/* Backwards-compat: eski .type-tag class ismi de aynı stili alsın */
    
    body.checkout-page .billing-type-tabs .type-tag{
        flex:1;padding:11px 14px;text-align:center;
        font-size:13.5px;font-weight:600;color:var(--text-soft);
        border-radius:7px;cursor:pointer;transition:.18s ease
    }
    body.checkout-page .billing-type-tabs .type-tag.active{
        background:linear-gradient(135deg,var(--primary),var(--primary-d));
        color:#fff
    }/* ============ STEP NAV ============ */

    
    body.checkout-page .step-nav{
        display:flex;justify-content:space-between;gap:12px;
        margin-top:22px;padding-top:18px;
        border-top:1px solid var(--border-soft)
    }
    body.checkout-page .step-nav .btn-back,body.checkout-page .step-nav .btn-next{
        padding:12px 22px;border-radius:11px;
        font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;
        letter-spacing:.02em;cursor:pointer;transition:.15s ease;
        display:inline-flex;align-items:center;gap:8px;
        border:1.5px solid transparent
    }
    body.checkout-page .step-nav .btn-back,
    body.checkout-page .step-nav button.btn-back{
        background:#f5f5f0 !important;
        color:#0a0a0a !important;
        border:1.5px solid #c4bfb0 !important;
        box-shadow:0 1px 2px rgba(0,0,0,.05)
    }
    body.checkout-page .step-nav .btn-back *,
    body.checkout-page .step-nav button.btn-back *{ color:#0a0a0a !important }
    body.checkout-page .step-nav .btn-back:hover,
    body.checkout-page .step-nav button.btn-back:hover{
        background:#e8e6dd !important;
        border-color:#0a0a0a !important;
        color:#0a0a0a !important;
        transform:translateY(-1px);
        box-shadow:0 4px 12px -2px rgba(0,0,0,.12)
    }
    body.checkout-page .step-nav .btn-next,
    body.checkout-page button.btn-next,
    body.checkout-page .step-nav button.btn-next{
        background:linear-gradient(135deg,var(--primary),var(--primary-d)) !important;
        color:#ffffff !important;
        border-color:var(--primary);
        box-shadow:0 6px 18px -6px rgba(31,58,26,0.45);
        margin-left:auto
    }
    body.checkout-page .step-nav .btn-next *,
    body.checkout-page button.btn-next *{ color:#ffffff !important }
    body.checkout-page .step-nav .btn-next:hover{ transform:translateY(-1px);box-shadow:0 12px 26px -6px rgba(31,58,26,0.55) }
    body.checkout-page .step-nav .btn-next .arr{ transition:transform .15s }
    body.checkout-page .step-nav .btn-next:hover .arr{ transform:translateX(3px) }

    body.checkout-page .step-error{
        background:#fef2f2;border:1px solid #fecaca;color:#991b1b;
        padding:11px 14px;border-radius:10px;margin-top:14px;
        font-size:13px;font-weight:500;display:none;align-items:center;gap:10px
    }
    body.checkout-page .step-error.show{ display:flex }/* Alert */

    
    body.checkout-page .alert{
        padding:12px 16px;border-radius:11px;margin-bottom:16px;
        font-size:13.5px;display:flex;align-items:center;gap:10px
    }
    body.checkout-page .alert.alert-error{ background:#fef2f2;border:1px solid #fecaca;color:#991b1b }/* ============ STEP 3 — CARD INFO BOX ============ */

    
    /* ====== Card Info Box — VURGULU (premium gold ribbon + glow) ====== */
    body.checkout-page .card-info-box{
        position:relative;
        background:linear-gradient(180deg,#fffdf5 0%,#ffffff 60%);
        border:2px solid rgba(var(--gold-rgb,201,169,110),0.45);
        border-radius:18px;
        padding:0;margin-bottom:18px;overflow:hidden;
        box-shadow:
            0 0 0 4px rgba(var(--gold-rgb,201,169,110),0.10),
            0 18px 40px -16px rgba(var(--gold-rgb,201,169,110),0.35),
            0 4px 12px rgba(15,23,42,0.06);
        animation:cibPulse 3s ease-in-out infinite
    }
    /* Üstte parlayan altın şerit */
    body.checkout-page .card-info-box::before{
        content:'';position:absolute;top:0;left:0;right:0;height:4px;
        background:linear-gradient(90deg,
            transparent 0%,
            var(--accent,#a08850) 20%,
            #d4af37 50%,
            var(--accent,#a08850) 80%,
            transparent 100%);
        background-size:200% 100%;
        animation:cibShine 3.5s linear infinite;
        z-index:1
    }
    @keyframes cibPulse{
        0%,100%{box-shadow:
            0 0 0 4px rgba(var(--gold-rgb,201,169,110),0.10),
            0 18px 40px -16px rgba(var(--gold-rgb,201,169,110),0.35),
            0 4px 12px rgba(15,23,42,0.06)}
        50%{box-shadow:
            0 0 0 6px rgba(var(--gold-rgb,201,169,110),0.16),
            0 22px 48px -16px rgba(var(--gold-rgb,201,169,110),0.45),
            0 4px 14px rgba(15,23,42,0.08)}
    }
    @keyframes cibShine{
        0%{background-position:200% 0}
        100%{background-position:-200% 0}
    }

    body.checkout-page .card-info-box .cib-head{
        position:relative;
        display:flex;align-items:center;gap:14px;
        padding:18px 22px;
        background:
            radial-gradient(400px 120px at 0% 0%, rgba(var(--gold-rgb,201,169,110),0.10), transparent 60%),
            linear-gradient(135deg,#fdf9eb 0%,#faf5e0 100%);
        border-bottom:1px solid rgba(var(--gold-rgb,201,169,110),0.25)
    }
    body.checkout-page .cib-icon{
        width:50px;height:50px;border-radius:13px;
        background:linear-gradient(135deg,var(--accent,#a08850),#7a6840);
        display:flex;align-items:center;justify-content:center;
        color:#fff;font-size:20px;flex-shrink:0;
        box-shadow:
            0 8px 18px -4px rgba(var(--gold-rgb,201,169,110),0.55),
            inset 0 1px 0 rgba(255,255,255,0.2)
    }
    body.checkout-page .cib-text{ flex:1;min-width:0 }
    body.checkout-page .cib-title{
        font-family:'Space Grotesk',sans-serif;
        font-weight:800;font-size:17px;color:#0a0a0a;
        margin-bottom:3px;letter-spacing:-.01em
    }
    body.checkout-page .cib-sub{
        font-size:12.5px;color:#6b5a3a;line-height:1.45;font-weight:500
    }
    body.checkout-page .cib-secure-badge{
        display:inline-flex;align-items:center;gap:6px;
        font-size:11.5px;font-weight:800;color:#fff;
        background:linear-gradient(135deg,var(--success),#0e7c52);
        padding:7px 14px;border-radius:99px;flex-shrink:0;
        letter-spacing:.04em;
        box-shadow:0 4px 10px -2px rgba(4,120,87,0.4),inset 0 1px 0 rgba(255,255,255,0.2)
    }
    body.checkout-page .cib-secure-badge i{font-size:10.5px}
    body.checkout-page .card-info-box .cib-body{padding:22px}

    @media(max-width:540px){
        body.checkout-page .card-info-box{border-radius:14px}
        body.checkout-page .card-info-box .cib-head{padding:14px 16px;gap:10px}
        body.checkout-page .cib-icon{width:42px;height:42px;font-size:17px;border-radius:11px}
        body.checkout-page .cib-title{font-size:15px}
        body.checkout-page .cib-sub{font-size:11.5px}
        body.checkout-page .card-info-box .cib-body{padding:16px}
    }/* PAN with brand inline */

    
    body.checkout-page .pan-wrap{ position:relative }
    body.checkout-page .pan-brand-inline{
        position:absolute;top:50%;right:12px;transform:translateY(-50%);
        display:flex;gap:4px;align-items:center;pointer-events:none
    }
    body.checkout-page .pan-brand-inline img{ height:22px }
    body.checkout-page .bin-bank-tag{
        display:none;align-items:center;gap:6px;
        margin-top:6px;font-size:11.5px;font-weight:600;color:var(--success)
    }
    body.checkout-page .bin-bank-tag.show{ display:inline-flex }
    body.checkout-page .brand-strip{
        display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:center;
        font-size:18px;color:var(--muted)
    }
    body.checkout-page .brand-strip .brand-icon{
        opacity:.45;transition:.2s;display:inline-flex;align-items:center
    }
    body.checkout-page .brand-strip .brand-icon.active{ opacity:1;color:var(--text);transform:scale(1.05) }
    body.checkout-page .brand-strip .brand-icon.troy{
        font-size:11px;font-weight:800;letter-spacing:.05em;
        padding:3px 8px;border:1.5px solid currentColor;border-radius:5px
    }/* Trust strip Step 3 — yatay 3 kolon */

    
    body.checkout-page .step-panel[data-step="3"] .trust-strip{
        display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
        background:#fafaf8;border:1px solid var(--border-soft);
        border-radius:12px;padding:14px 16px;margin-bottom:16px
    }
    body.checkout-page .step-panel[data-step="3"] .trust-strip .trust-item{
        display:flex;align-items:center;gap:10px;
        font-size:12.5px;color:var(--text-soft);line-height:1.3
    }
    body.checkout-page .step-panel[data-step="3"] .trust-strip .trust-item i{
        width:32px;height:32px;background:rgba(4,120,87,0.10);
        border-radius:8px;display:flex;align-items:center;justify-content:center;
        color:var(--success);font-size:14px;flex-shrink:0
    }
    body.checkout-page .step-panel[data-step="3"] .trust-strip .ti-title{
        font-weight:700;color:var(--text);font-size:13px
    }
    body.checkout-page .step-panel[data-step="3"] .trust-strip .ti-sub{
        font-size:11.5px;color:var(--muted);margin-top:1px
    }
    @media(max-width:720px){
        body.checkout-page .step-panel[data-step="3"] .trust-strip{grid-template-columns:1fr;gap:8px}
        body.checkout-page .card-info-box .cib-head{flex-wrap:wrap}
    }/* ============ INSTALLMENTS ============ */

    
    /* Taksit grid — tek satır (auto-flow column) */
    body.checkout-page .install-grid{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(0,1fr);
        grid-template-columns:none;
        gap:8px;margin-bottom:14px
    }
    body.checkout-page .install-opt{
        background:var(--panel-soft);border:1.5px solid var(--border-soft);
        border-radius:11px;padding:12px 8px;cursor:pointer;transition:.15s;
        display:flex;flex-direction:column;gap:3px;min-height:88px;text-align:center;
        min-width:0;overflow:hidden
    }
    body.checkout-page .install-opt:hover{ background:#fff;border-color:#d6d3c8 }
    body.checkout-page .install-opt.active{
        background:rgba(31,58,26,0.04);border-color:var(--primary);
        box-shadow:0 0 0 3px rgba(31,58,26,0.10)
    }
    body.checkout-page .install-opt .single-label,body.checkout-page .install-opt .n-num{
        font-weight:800;font-size:14.5px;color:var(--text);
        font-family:'Space Grotesk',sans-serif;line-height:1.15;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis
    }
    body.checkout-page .install-opt .single-sub,body.checkout-page .install-opt .per-month{
        font-size:11.5px;color:var(--muted);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis
    }
    body.checkout-page .install-opt .per-suffix{ font-weight:600 }
    body.checkout-page .install-opt .total-line{
        font-size:10.5px;color:var(--text-soft);font-weight:600;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis
    }
    body.checkout-page .install-opt .ti-title,body.checkout-page .install-opt .ti-sub{ font-size:10.5px;color:var(--muted) }

    /* Tablet: 3 kolon grid */
    @media(max-width:880px){
        body.checkout-page .install-grid{
            grid-auto-flow:row;
            grid-template-columns:repeat(3,minmax(0,1fr));
            grid-auto-columns:auto
        }
    }
    /* Mobil: 2 kolon */
    @media(max-width:480px){
        body.checkout-page .install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        body.checkout-page .install-opt{padding:10px 6px;min-height:78px}
        body.checkout-page .install-opt .single-label,
        body.checkout-page .install-opt .n-num{font-size:13.5px}
    }
    body.checkout-page .install-loading{ text-align:center;color:var(--muted);padding:18px;font-size:13px }
    body.checkout-page .install-meta{
        margin-top:4px;font-size:12px;color:var(--accent);
        text-align:right;font-weight:600;display:none
    }
    body.checkout-page .install-meta.show{ display:block }

    body.checkout-page .submit-btn{
        width:100%;margin-top:18px;padding:16px;
        background:linear-gradient(135deg,var(--primary),var(--primary-d));
        color:#fff !important;border:0;border-radius:12px;
        font-family:'Space Grotesk',sans-serif;
        font-weight:800;font-size:15px;letter-spacing:.04em;
        cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;
        box-shadow:0 8px 24px -8px rgba(31,58,26,0.5);transition:.18s
    }
    body.checkout-page .submit-btn:hover{ transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(31,58,26,0.6) }
    body.checkout-page .submit-btn:disabled{ opacity:.6;cursor:not-allowed;transform:none }

    body.checkout-page .legal-note{
        margin-top:14px;font-size:12px;color:var(--muted);
        text-align:center;line-height:1.6
    }
    body.checkout-page .legal-note a{ color:var(--text-soft);text-decoration:underline }/* ============ ORDER SUMMARY (sağ kolon) ============ */

    
    body.checkout-page .order-summary-wrap{ position:sticky;top:100px }
    body.checkout-page .order-summary{
        background:#fff;border:1px solid var(--border);border-radius:18px;
        overflow:hidden;box-shadow:var(--shadow-md)
    }
    body.checkout-page .order-summary .top{
        padding:24px 24px 20px;border-bottom:1px solid var(--border-soft)
    }
    body.checkout-page .order-summary h3{
        font-family:'Space Grotesk',sans-serif;
        font-size:11px;font-weight:700;color:var(--muted);
        letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px
    }
    body.checkout-page .product-row{ display:flex;gap:14px;align-items:center }
    body.checkout-page .product-thumb{
        width:80px;height:80px;border-radius:12px;
        background:linear-gradient(135deg,#f0eee5,#e6e3d9);
        overflow:hidden;flex-shrink:0;
        display:flex;align-items:center;justify-content:center;
        color:var(--accent);font-size:28px
    }
    body.checkout-page .product-thumb img{ width:100%;height:100%;object-fit:cover }
    body.checkout-page .product-info .name{
        font-family:'Space Grotesk',sans-serif;
        font-weight:700;font-size:16px;color:var(--text);
        line-height:1.25;margin-bottom:3px
    }
    body.checkout-page .product-info .meta{ color:var(--muted);font-size:12.5px;line-height:1.4 }
    body.checkout-page .product-info .qty{
        display:inline-block;margin-top:6px;font-size:11px;
        padding:3px 9px;background:var(--panel-soft);border-radius:99px;
        color:var(--text-soft);font-weight:600;border:1px solid var(--border-soft)
    }

    body.checkout-page .price-rows{ padding:18px 24px }
    body.checkout-page .price-row{
        display:flex;justify-content:space-between;align-items:baseline;
        padding:7px 0;font-size:13.5px;color:var(--muted)
    }
    body.checkout-page .price-row strong{ color:var(--text);font-weight:600 }
    body.checkout-page .price-row .free{ color:var(--success);font-weight:700 }
    body.checkout-page .price-row.divider{
        border-top:1px solid var(--border-soft);margin-top:8px;padding-top:16px
    }
    body.checkout-page .price-row.total{
        font-family:'Space Grotesk',sans-serif;
        font-size:22px;font-weight:800;color:var(--text);padding-top:4px
    }
    body.checkout-page .price-row.total .lbl,body.checkout-page .price-row.total .amt{ color:var(--text) }

    body.checkout-page .trust-strip{
        background:linear-gradient(180deg,var(--panel-soft),#fff);
        border-top:1px solid var(--border-soft);padding:16px 24px
    }
    body.checkout-page .trust-strip .row-trust{
        display:flex;align-items:flex-start;gap:10px;
        font-size:12px;color:var(--text-soft);line-height:1.5
    }
    body.checkout-page .trust-strip .row-trust + .row-trust{ margin-top:9px }
    body.checkout-page .trust-strip i{ color:var(--success);font-size:14px;flex-shrink:0;margin-top:2px }