/* Self-hosted (public/fonts/) — eliminates the Google Fonts CDN round-trip that
   caused a visible fallback-font flash (FOUT) on first paint of every page. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/archivo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/archivo-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/space-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/space-grotesk-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{--font-head:'Space Grotesk';--font-body:'Archivo';--ink:#0d0d10;--cream:#faf8f5;--cream-2:#f4f2ee;--border:#ece8e1;--muted:#6b6b72;--g1:#FF3D7F;--g2:#FF6A4D;--g3:#FFA84D;--fw-head:700;--fw-semi:600;--fs-base:16px;--vusto-btn-anim:vusto-grad-flow 4s ease infinite;}

@keyframes vusto-grad-flow{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0% 50%}}
@keyframes vusto-grad-pulse{0%,100%{box-shadow:0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 0 16px rgba(255,106,77,.4)}}
/* Vusto birleşik storefront stilleri — Optimize Edilmiş Versiyon
   Tasarım dili: Space Grotesk + Archivo, marka paleti var(--c-primary) */

/* Tek kaynaklı sayfa genişliği — tüm sayfalar bu değeri kullanır (projeler ile aynı) */
:root{ --page-max:1320px; }

/* Kayan logo şeridi gibi taşan (translateX) çocuklar sayfayı yatay kaydırılabilir
   yapmasın diye güvenlik ağı — html/body her zaman viewport genişliğinde kalsın. */
html{ overflow-x:hidden; overscroll-behavior-x:none; scroll-behavior:smooth; }
body{ max-width:100vw; overscroll-behavior-x:none; }

/* ============================================================
   Genel Yardımcı Sınıflar (Utility)
   ============================================================ */
/* Mobil menü açıldığında arkaplanın kaymasını engellemek için JS ile body'e ekleyin */
.body-no-scroll { overflow: hidden !important; }

/* ============================================================
   partials/ui.blade.php
   ============================================================ */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--fw-head);border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1;transition:.15s;font-family:inherit}
.ui-btn--sm{padding:9px 16px;font-size:13px}
.ui-btn--md{padding:13px 24px;font-size:15px}
.ui-btn--lg{padding:16px 32px;font-size:17px}
.ui-btn--primary{background:var(--c-primary,#be2055);color:#fff}
.ui-btn--primary:hover{filter:brightness(.92);color:#fff}
.ui-btn--accent{background:var(--c-accent,#d01855);color:#fff}
.ui-btn--accent:hover{filter:brightness(.92);color:#fff}
.ui-btn--outline{background:transparent;border-color:var(--c-primary,#be2055);color:var(--c-primary,#be2055)}
.ui-btn--outline:hover{background:var(--c-primary,#be2055);color:#fff}
.ui-btn--ghost{background:#f3f3f3;color:#333}
.ui-btn--ghost:hover{background:#e8e8e8;color:#333}
.ui-btn--full{display:flex;width:100%}
.ui-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}
.ui-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.18s}
.ui-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.08);border-color:#e0e0e0}
.ui-card__link{display:block;text-decoration:none;color:inherit}
.ui-card__img{aspect-ratio:1/1;background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding:14px}
.ui-card__img img{max-width:100%;max-height:100%;object-fit:contain}
.ui-card__body{padding:12px 14px 16px}
.ui-card__badge{display:inline-block;background:#fce4ec;color:var(--c-primary,#be2055);font-size:11px;font-weight:var(--fw-semi);padding:2px 10px;border-radius:20px;margin-bottom:8px}
.ui-card__title{font-size:14px;font-weight:var(--fw-semi);color:#333;line-height:1.35}
.ui-card__price{font-size:16px;font-weight:800;color:var(--c-primary,#be2055);margin-top:6px}
.ui-card__old{font-size:13px;color:#aaa;text-decoration:line-through;font-weight:400;margin-left:6px}
.ui-alert{padding:13px 18px;border-radius:8px;font-size:14px;margin-bottom:16px;border:1px solid transparent}
.ui-alert--success{background:#e8f6ec;border-color:#b6e0c2;color:#1e7a3d}
.ui-alert--error{background:#fdecea;border-color:#f5c2bd;color:#c0392b}
.ui-alert--info{background:#eef4fb;border-color:#c5dbf2;color:#1c5e9e}
.ui-alert--warning{background:#fff6e6;border-color:#f3dca6;color:#9a6b07}
.ui-field{margin-bottom:16px}
.ui-label{display:block;font-size:14px;font-weight:var(--fw-semi);color:#333;margin-bottom:6px}
.ui-req{color:var(--c-primary,#be2055);margin-left:2px}
.ui-input{width:100%;padding:12px 14px;border:1px solid #d8d8d8;border-radius:8px;font-size:15px;font-family:inherit;transition:.15s;background:#fff}
.ui-input:focus{outline:none;border-color:var(--c-primary,#be2055);box-shadow:0 0 0 3px rgba(190,32,85,.15)}
.ui-help{display:block;font-size:12px;color:#999;margin-top:4px}
.ui-error{display:block;font-size:12px;color:#c0392b;margin-top:4px}
.ui-section{padding:40px 0}
.ui-section__inner{max-width:1180px;margin:0 auto;padding:0 24px}
.ui-section__title{font-size:22px;font-weight:var(--fw-head);margin:0 0 22px}

/* ============================================================
   partials/hero.blade.php
   ============================================================ */
.vusto-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:78vh;min-height:480px;max-height:760px;overflow:hidden;background:#111}
.vusto-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;display:flex;align-items:flex-end}
.vusto-hero-slide.is-active{opacity:1}
.vusto-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.15) 55%,rgba(0,0,0,.3))}
.vusto-hero-caption{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px 9vh;color:#fff}
.vusto-hero-sub{font-size:18px;letter-spacing:3px;text-transform:uppercase;color:#fff;opacity:.92;margin-bottom:8px}
.vusto-hero-title{font-size:56px;line-height:1.05;font-weight:var(--fw-head);margin:0;color:#fff}
.vusto-hero-title a{color:#fff;text-decoration:none}
.vusto-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.3);color:#fff;border:0;width:48px;height:64px;cursor:pointer;font-size:22px}
.vusto-hero-nav:hover{background:rgba(233,30,99,.85)}
.vusto-hero-nav.prev{left:0}.vusto-hero-nav.next{right:0}
.vusto-hero-dots{position:absolute;bottom:22px;left:0;right:0;z-index:3;display:flex;gap:10px;justify-content:center}
.vusto-hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.vusto-hero-dot.is-active{background:#e91e63;border-color:#e91e63}

/* ============================================================
   partials/whatsapp.blade.php & cookie-consent.blade.php
   (Z-Index Düzenlemeleri)
   ============================================================ */
/* WhatsApp 9000 bandına çekildi */
#vusto-wa{position:fixed;bottom:24px;z-index:9000;font-family:inherit;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,bottom .25s;pointer-events:none}
body.has-stickybar #vusto-wa{bottom:96px}
#vusto-wa.wa-show{opacity:1;transform:none;pointer-events:auto}
#vusto-wa.wa-right{right:24px}
#vusto-wa.wa-left{left:24px}
#vusto-wa .wa-fab{width:58px;height:58px;border-radius:50%;background:#25d366;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:transform .15s, box-shadow .15s;margin-left:auto}
#vusto-wa.wa-left .wa-fab{margin-left:0;margin-right:auto}
#vusto-wa .wa-fab:hover{transform:scale(1.06);box-shadow:0 8px 22px rgba(0,0,0,.32)}
#vusto-wa .wa-fab svg{width:32px;height:32px;fill:#fff}
#vusto-wa .wa-bubble{position:absolute;bottom:72px;width:300px;max-width:78vw;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.18);overflow:hidden;opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:.2s;pointer-events:none}
#vusto-wa.wa-right .wa-bubble{right:0}
#vusto-wa.wa-left .wa-bubble{left:0;transform-origin:bottom left}
#vusto-wa.wa-open .wa-bubble{opacity:1;transform:none;pointer-events:auto}
#vusto-wa .wa-head{background:#075e54;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
#vusto-wa .wa-head .wa-av{width:38px;height:38px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#vusto-wa .wa-head .wa-av svg{width:22px;height:22px;fill:#fff}
#vusto-wa .wa-head .wa-name{font-size:14px;font-weight:var(--fw-head);line-height:1.2}
#vusto-wa .wa-head .wa-status{font-size:11px;opacity:.85}
#vusto-wa .wa-close{margin-left:auto;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.8;line-height:1}
#vusto-wa .wa-body{padding:18px 16px;background:#e5ddd5}
#vusto-wa .wa-msg{background:#fff;border-radius:0 10px 10px 10px;padding:10px 13px;font-size:14px;color:#333;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.1);position:relative}
#vusto-wa .wa-cta{display:block;text-align:center;margin:14px 16px 16px;background:#25d366;color:#fff;text-decoration:none;padding:12px;border-radius:24px;font-weight:var(--fw-head);font-size:14px;transition:.15s}
#vusto-wa .wa-cta:hover{background:#1ebe5b;color:#fff}

/* Çerez 9001 bandına çekildi */
#cookie-law-info-bar,#cookie-law-info-again,.cli-modal{display:none !important}
#vusto-cookie{position:fixed;left:0;right:0;bottom:0;z-index:9001;background:#1f2127;color:#e8e8e8;box-shadow:0 -4px 20px rgba(0,0,0,.25);transform:translateY(110%);transition:transform .35s ease;font-family:inherit}
#vusto-cookie.show{transform:none}
#vusto-cookie .vc-inner{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#vusto-cookie .vc-text{flex:1;min-width:240px;font-size:14px;line-height:1.6;color:#cfcfcf}
#vusto-cookie .vc-text a{color:#f48fb1;text-decoration:underline}
#vusto-cookie .vc-actions{display:flex;gap:10px;flex-wrap:wrap}
#vusto-cookie button{border:none;cursor:pointer;font-weight:var(--fw-head);font-size:14px;padding:11px 20px;border-radius:8px;transition:.15s}
#vusto-cookie .vc-accept{background:var(--c-primary,#be2055);color:#fff}
#vusto-cookie .vc-accept:hover{background:#9c1a46}
#vusto-cookie .vc-reject{background:transparent;color:#cfcfcf;border:1px solid #555}
#vusto-cookie .vc-reject:hover{background:rgba(255,255,255,.08)}

/* ============================================================
   partials/contact-form.blade.php
   ============================================================ */
.vusto-contact-form{max-width:560px}
.vcf-success{background:#e8f6ec;border:1px solid #b6e0c2;color:#1e7a3d;padding:14px 16px;border-radius:8px;margin-bottom:18px;font-size:15px}
.vcf-error{background:#fdecea;border:1px solid #f5c2bd;color:#c0392b;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}
.vusto-contact-form form{display:flex;flex-direction:column;gap:14px}
.vusto-contact-form .vcf-row{display:flex;gap:14px}
.vusto-contact-form .vcf-row > *{flex:1}
.vusto-contact-form input,.vusto-contact-form textarea{width:100%;padding:13px 15px;border:1px solid #d8d8d8;border-radius:8px;font-size:15px;font-family:inherit;background:#fff;transition:border-color .15s}
.vusto-contact-form input:focus,.vusto-contact-form textarea:focus{outline:none;border-color:var(--c-primary,#be2055)}
.vusto-contact-form textarea{resize:vertical;min-height:120px}
.vusto-contact-form button{background:var(--c-primary,#be2055);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:var(--fw-head);cursor:pointer;align-self:flex-start;transition:background .15s}
.vusto-contact-form button:hover{background:#9c1a46}
.vcf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ============================================================
   store/index.blade.php
   ============================================================ */
.st-hero{background:linear-gradient(135deg,#1a1c22,#2a2d36);color:#fff;text-align:center;padding:54px 24px 40px}
.st-hero h1{font-size:34px;font-weight:800;margin:0 0 10px;color:#fff}
.st-hero p{font-size:16px;color:#bdbdbd;margin:0}
.st-wrap{max-width:1200px;margin:0 auto;padding:36px 24px 60px}
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.st-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.st-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.10);transform:translateY(-3px)}
.st-card a.st-img{display:block;background:#f7f7f7;aspect-ratio:1/1;overflow:hidden}
.st-card a.st-img img{width:100%;height:100%;object-fit:contain;padding:14px}
.st-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.st-name{font-size:15px;font-weight:var(--fw-head);color:#1a1a1a;line-height:1.3;text-decoration:none}
.st-name:hover{color:var(--c-primary,#be2055)}
.st-stars{color:#f5a623;font-size:14px;letter-spacing:1px}
.st-stars .empty{color:#ddd}
.st-stars small{color:#999;margin-left:5px}
.st-price{margin-top:auto;display:flex;align-items:baseline;gap:8px}
.st-price .now{font-size:20px;font-weight:800;color:var(--c-primary,#be2055)}
.st-price .old{font-size:14px;color:#aaa;text-decoration:line-through}
.st-buy{display:block;text-align:center;background:var(--c-primary,#be2055);color:#fff;text-decoration:none;padding:10px;border-radius:8px;font-weight:var(--fw-head);font-size:14px;margin-top:6px;transition:.15s}
.st-buy:hover{background:#9c1a46;color:#fff}
.st-cats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:18px 24px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.st-cats a{font-size:14px;font-weight:var(--fw-semi);color:#555;text-decoration:none;padding:7px 16px;border-radius:20px;border:1px solid #e0e0e0;transition:.15s}
.st-cats a:hover{border-color:var(--c-primary,#be2055);color:var(--c-primary,#be2055)}
.st-cats a.active{background:var(--c-primary,#be2055);color:#fff;border-color:var(--c-primary,#be2055)}

/* ============================================================
   store/show.blade.php & kiralama show
   ============================================================ */
.sp-bc{background:#f8f8f8;border-bottom:1px solid #ececec;padding:12px 0;font-size:13px;color:#888}
.sp-bc a{color:var(--c-primary,#be2055);text-decoration:none}
.sp-wrap{max-width:1180px;margin:0 auto;padding:34px 24px 50px}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.sp-img{background:#f8f8f8;border:1px solid #eee;border-radius:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sp-img img{width:92%;height:92%;object-fit:contain}
.sp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.sp-thumbs button{width:66px;height:66px;border:2px solid #eee;border-radius:8px;background:#fafafa;padding:4px;cursor:pointer;overflow:hidden}
.sp-thumbs button.active{border-color:var(--c-primary,#be2055)}
.sp-thumbs img{width:100%;height:100%;object-fit:contain}
.sp-cat{display:inline-block;background:#fce4ec;color:var(--c-primary,#be2055);font-size:12px;font-weight:var(--fw-semi);padding:3px 12px;border-radius:20px;margin-bottom:12px}
.sp-info h1{font-size:27px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.25}
.sp-rate{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:#888}
.sp-rate .stars{color:#f5a623;font-size:17px;letter-spacing:2px}
.sp-rate .stars .empty{color:#ddd}
.sp-rate a{color:#888;text-decoration:underline}
.sp-price{display:flex;align-items:baseline;gap:12px;margin:8px 0 18px}
.sp-price .now{font-size:34px;font-weight:800;color:var(--c-primary,#be2055)}
.sp-price .old{font-size:18px;color:#aaa;text-decoration:line-through}
.sp-stock{font-size:14px;font-weight:var(--fw-semi);margin-bottom:18px}
.sp-stock.in{color:#1e7a3d}.sp-stock.out{color:#c0392b}
.sp-cart{display:flex;gap:12px;align-items:stretch;margin-bottom:18px}
.sp-cart input[type=number]{width:74px;padding:13px;border:1px solid #d8d8d8;border-radius:8px;font-size:16px;text-align:center}
.sp-cart button{flex:1;background:var(--c-primary,#be2055);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:var(--fw-head);cursor:pointer;transition:.15s}
.sp-cart button:hover{background:#9c1a46}
.sp-cart button[disabled]{background:#ccc;cursor:not-allowed}
.sp-meta{font-size:13px;color:#777;border-top:1px solid #f0f0f0;padding-top:14px;line-height:1.9}
.sp-desc{max-width:1180px;margin:0 auto;padding:10px 24px 30px}
.sp-desc h2{font-size:20px;font-weight:var(--fw-head);border-bottom:2px solid var(--c-primary,#be2055);display:inline-block;padding-bottom:6px;margin:0 0 16px}
.sp-desc .body{font-size:15px;line-height:1.8;color:#444}
.sp-desc .body p{margin:0 0 12px}
.sp-rev{max-width:1180px;margin:0 auto;padding:10px 24px 60px}
.sp-rev h2{font-size:20px;font-weight:var(--fw-head);border-bottom:2px solid var(--c-primary,#be2055);display:inline-block;padding-bottom:6px;margin:0 0 22px}
.sp-rev-summary{display:flex;align-items:center;gap:16px;background:#faf7f8;border-radius:10px;padding:18px 22px;margin-bottom:24px}
.sp-rev-summary .big{font-size:42px;font-weight:800;color:var(--c-primary,#be2055);line-height:1}
.sp-rev-summary .stars{color:#f5a623;font-size:20px;letter-spacing:2px}
.sp-rev-summary .stars .empty{color:#ddd}
.sp-rev-list{display:flex;flex-direction:column;gap:16px;margin-bottom:34px}
.sp-rev-item{border:1px solid #eee;border-radius:10px;padding:16px 18px}
.sp-rev-item .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sp-rev-item .who{font-weight:var(--fw-head);color:#222;font-size:15px}
.sp-rev-item .date{font-size:12px;color:#aaa}
.sp-rev-item .rstars{color:#f5a623;font-size:14px;letter-spacing:1px}
.sp-rev-item .rstars .empty{color:#ddd}
.sp-rev-item .rtitle{font-weight:var(--fw-semi);margin:6px 0 3px}
.sp-rev-item .rbody{font-size:14px;color:#555;line-height:1.6}
.sp-rev-form{background:#f9f9f9;border-radius:12px;padding:24px;max-width:640px}
.sp-rev-form h3{margin:0 0 16px;font-size:17px}
.sp-rev-form .row{display:flex;gap:14px;margin-bottom:14px}
.sp-rev-form .row>*{flex:1}
.sp-rev-form input,.sp-rev-form textarea{width:100%;padding:12px 14px;border:1px solid #d8d8d8;border-radius:8px;font-size:15px;font-family:inherit}
.sp-rev-form textarea{min-height:110px;resize:vertical}
.sp-rev-form button{background:var(--c-primary,#be2055);color:#fff;border:none;padding:13px 30px;border-radius:8px;font-weight:var(--fw-head);font-size:15px;cursor:pointer}
.sp-star-pick{direction:rtl;display:inline-flex;font-size:30px;gap:2px;margin-bottom:14px}
.sp-star-pick input{display:none}
.sp-star-pick label{color:#ddd;cursor:pointer;transition:.1s}
.sp-star-pick label:hover,.sp-star-pick label:hover ~ label,.sp-star-pick input:checked ~ label{color:#f5a623}
.sp-flash{background:#e8f6ec;border:1px solid #b6e0c2;color:#1e7a3d;padding:12px 16px;border-radius:8px;margin-bottom:18px}
.sp-err{background:#fdecea;border:1px solid #f5c2bd;color:#c0392b;padding:12px 16px;border-radius:8px;margin-bottom:14px}
.sp-hp{position:absolute;left:-9999px}
.sp-faq{max-width:1180px;margin:0 auto;padding:0 24px 10px}
.sp-faq h2{font-size:18px;font-weight:var(--fw-head);margin:0 0 14px}
.sp-faq-item{border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:0 16px;background:#fff}
.sp-faq-item summary{cursor:pointer;padding:14px 0;font-weight:var(--fw-semi);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sp-faq-item summary::-webkit-details-marker{display:none}
.sp-faq-item summary::after{content:'+';font-size:22px;line-height:1;color:var(--c-primary,#be2055);flex:0 0 auto}
.sp-faq-item[open] summary::after{content:'\2212'}
.sp-faq-a{padding:0 0 16px;color:#555;line-height:1.6}
.st-related{max-width:1180px;margin:0 auto;padding:0 24px 60px}
.st-related h2{font-size:18px;font-weight:var(--fw-head);border-top:1px solid #eee;padding-top:30px;margin:0 0 18px}
.st-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.st-related-grid a{text-decoration:none;color:inherit;background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;display:block}
.st-related-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:12px;background:#f8f8f8}
.st-related-grid .b{padding:10px 12px 14px}
.st-related-grid .n{font-size:13px;font-weight:var(--fw-semi);color:#333;line-height:1.3}
.st-related-grid .p{font-size:14px;font-weight:var(--fw-head);color:var(--c-primary,#be2055);margin-top:4px}

/* ============================================================
   store/cart.blade.php
   ============================================================ */
.ct-wrap{max-width:820px;margin:0 auto;padding:40px 24px 60px}
.ct-wrap h1{font-size:26px;font-weight:800;margin:0 0 24px}
.ct-empty{color:#888;font-size:16px;padding:30px 0}
.ct-empty a{color:var(--c-primary,#be2055);font-weight:var(--fw-semi)}
.ct-line{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #eee}
.ct-line img{width:64px;height:64px;object-fit:contain;background:#f7f7f7;border-radius:8px}
.ct-line .n{flex:1;font-weight:var(--fw-semi);color:#222}
.ct-line .q{color:#888;font-size:14px}
.ct-line .p{font-weight:var(--fw-head);color:var(--c-primary,#be2055);min-width:120px;text-align:right}
.ct-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:18px}
.ct-total strong{font-size:24px;color:var(--c-primary,#be2055)}
.ct-actions{display:flex;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}
.ct-actions a{text-decoration:none;font-weight:var(--fw-head);border-radius:8px;padding:13px 26px}
.ct-cont{color:#555;border:1px solid #ddd}
.ct-pay{background:var(--c-primary,#be2055);color:#fff}
.ct-note{font-size:12px;color:#999;margin-top:8px}

/* ============================================================
   Kiralama & Mağaza Ortak
   ============================================================ */
.kir-page{font-family:var(--font-body),sans-serif;color:var(--ink)}
.kir-page__wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.kir-header{padding:48px 0 12px}
.kir-header__bc{font-size:13px;color:#a39d93;margin-bottom:14px}
.kir-header__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.kir-header__title{font-weight:var(--fw-head);font-size:64px;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.kir-header__sub{font-size:17px;color:var(--muted);margin-top:12px;max-width:760px;line-height:1.5}
.kir-header__count{font-size:14px;color:var(--muted);white-space:nowrap}
.kir-toolbar{max-width:1320px;margin:0 auto;padding:28px 40px 0;display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.kir-filters{display:flex;gap:10px;flex-wrap:wrap}
.kir-filter-pill{font-weight:500;font-size:14px;padding:9px 18px;border-radius:100px;text-decoration:none;display:inline-block;transition:.15s}
.kir-filter-pill--active{color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border:1px solid transparent}
.kir-filter-pill--idle{color:var(--ink);background:#fff;border:1px solid var(--border)}
.kir-filter-pill--idle:hover{background:#fff;border-color:var(--ink)}
.kir-grid-wrap{max-width:1320px;margin:0 auto;padding:32px 40px 72px}
.kir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vs-contact-cta{max-width:1320px;margin:0 auto;background:#fff;border:1.5px solid #ece8e1;border-radius:20px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vs-contact-cta__title{font-family:var(--font-head),sans-serif;font-weight:700;font-size:20px;color:#0d0d10;margin-bottom:6px}
.vs-contact-cta__text{color:#6b6b72;font-size:15px}
.vs-contact-cta__btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-family:var(--font-head),sans-serif;font-weight:600;font-size:15px;padding:14px 26px;border-radius:100px;text-decoration:none;white-space:nowrap}
.kir-card{background:#fff;border:1px solid #f0ede8;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:box-shadow .2s}
.kir-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.09)}
.kir-card__img{position:relative;aspect-ratio:1/1;background:var(--cream-2);overflow:hidden}
.kir-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.kir-card:hover .kir-card__img img{transform:scale(1.04)}
.kir-card__body{padding:18px}
.kir-card__cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a39d93;margin-bottom:6px}
.kir-card__name{font-weight:var(--fw-semi);font-size:17px;color:var(--ink);line-height:1.25}
.kir-card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.kir-card__price{font-weight:var(--fw-head);font-size:17px;color:var(--ink)}
.kir-card__price small{display:block;font-family:var(--font-body),sans-serif;font-weight:400;font-size:12px;color:#a39d93;line-height:1;margin-top:2px}
.kir-card__btn{font-weight:var(--fw-semi);font-size:13px;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:9px 18px;border-radius:100px;white-space:nowrap;animation:var(--vusto-btn-anim)}
.kir-card:hover .kir-card__btn{filter:brightness(1.06)}
.kir-empty{padding:80px 40px;text-align:center;color:var(--muted);font-size:18px}
.kir-pagi{max-width:1320px;margin:0 auto;padding:0 40px 80px;display:flex;gap:10px;justify-content:center}
.kir-pagi .pagination{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.kir-pagi .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 16px;border-radius:100px;font-weight:var(--fw-semi);font-size:15px;text-decoration:none;background:#fff;color:var(--ink);border:1px solid var(--border);transition:.15s}
.kir-pagi .page-item.active .page-link{background:var(--ink);color:#fff}
.kir-pagi .page-item .page-link:hover{background:#fff;border-color:var(--ink)}
.kir-pagi .page-item.active .page-link:hover,.kir-pagi .page-item.disabled .page-link{opacity:.4;pointer-events:none}
.kir-back{max-width:1320px;margin:0 auto;padding:32px 40px 0}
.kir-back a{font-size:13px;color:#a39d93;text-decoration:none;transition:color .15s}
.kir-back a:hover{color:var(--ink)}
.kir-pdp{max-width:1320px;margin:0 auto;padding:28px 40px 80px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:start}
.kir-pdp__main-img{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid #f0ede8;border-radius:18px;overflow:hidden}
.kir-pdp__main-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.kir-pdp__thumbs-wrap{position:relative;margin-top:14px}
.kir-pdp__thumbs-wrap .kir-pdp__thumbs{margin-top:0}
.kir-pdp__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*14px)/4);grid-template-rows:1fr;gap:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.kir-pdp__thumbs::-webkit-scrollbar{height:6px}
.kir-pdp__thumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}
.kir-pdp__thumbs-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(13,13,16,.14);z-index:2;color:var(--ink);transition:box-shadow .2s,opacity .2s}
.kir-pdp__thumbs-nav:hover{box-shadow:0 6px 18px rgba(13,13,16,.2)}
.kir-pdp__thumbs-nav:disabled{opacity:.35;cursor:default;box-shadow:none}
.kir-pdp__thumbs-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kir-pdp__thumbs-nav--prev{left:-4px}
.kir-pdp__thumbs-nav--next{right:-4px}
.kir-pdp__thumb{position:relative;aspect-ratio:1/1;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid #f0ede8;transition:border-color .15s;padding:0}
.kir-pdp__thumb.active,.kir-pdp__thumb:hover{border-color:var(--ink)}
.kir-pdp__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
.kir-pdp__cat{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a39d93;margin-bottom:12px}
.kir-pdp__name{font-weight:var(--fw-head);font-size:42px;letter-spacing:-.02em;line-height:1.02;color:var(--ink)}
.kir-pdp__price-row{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.kir-pdp__price{font-weight:var(--fw-head);font-size:30px;color:var(--ink)}
.kir-pdp__price-badge{font-size:13px;font-weight:var(--fw-semi);color:#1f8a5b;background:#e9f6ef;padding:6px 12px;border-radius:100px}
.kir-pdp__rating{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}
.kir-pdp__stars{color:#f5a623;font-size:16px;letter-spacing:1px}
.kir-pdp__stars .empty{color:#ddd}
.kir-pdp__desc{font-size:16px;color:var(--muted);line-height:1.6;margin-top:22px}
.kir-idea{position:relative;background:#fff;border:1px solid #f0ede8;border-radius:10px;padding:14px 18px 14px 22px;font-size:15px;color:#444;line-height:1.65;margin:14px 0}
.kir-idea::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--g1),var(--g3))}
.kir-pdp__trust{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--border,#ece8e1);border-radius:12px;padding:14px 16px;margin-top:22px}
.kir-pdp__trust-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kir-pdp__trust-icon svg{width:16px;height:16px;color:#fff}
.kir-pdp__trust-text{font-weight:var(--fw-semi);font-size:14px;color:var(--ink);line-height:1.35}
.kir-pdp__trust-sub{font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}
.kir-pdp__cta{margin-top:30px;display:flex;flex-direction:column;gap:12px}
.kir-pdp__cta-phone{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:var(--fw-semi);font-size:16px;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:15px 30px;border-radius:100px;text-decoration:none;transition:filter .15s;animation:var(--vusto-btn-anim)}
.kir-pdp__cta-phone:hover{background-image:linear-gradient(100deg,var(--g1),var(--g2),var(--g3)),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));color:#fff;filter:none}
.kir-pdp__cta-wp{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:var(--fw-semi);font-size:16px;color:var(--ink);border:1.5px solid var(--ink);padding:14px 30px;border-radius:100px;text-decoration:none;transition:color .15s,background .15s,border-color .15s}
.kir-pdp__cta-wp:hover{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));color:#fff;border-color:transparent}
.kir-pdp__cta-note{font-size:13px;color:#a39d93;text-align:center}
.kir-reserve{margin-top:30px;border:1px solid #f0ede8;border-radius:18px;padding:22px;background:#fff}
.kir-reserve h3{font-weight:var(--fw-head);font-size:16px;color:var(--ink);margin:0 0 16px}
.kir-reserve form{display:flex;flex-direction:column;gap:10px}
.kir-reserve .row{display:flex;gap:10px}
.kir-reserve .row>*{flex:1}
.kir-reserve label{font-size:12px;font-weight:var(--fw-semi);color:#a39d93;margin-bottom:3px;display:block;letter-spacing:.04em}
.kir-reserve input,.kir-reserve textarea{width:100%;padding:11px 14px;border:1.5px solid #e8e4dc;border-radius:10px;font-size:14px;font-family:var(--font-body),sans-serif;background:#fff;color:var(--ink);transition:border-color .15s}
.kir-reserve input:focus,.kir-reserve textarea:focus{outline:none;border-color:var(--ink)}
.kir-reserve button{background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;color:var(--ink);border:1.5px solid transparent;padding:14px;border-radius:100px;font-size:15px;font-weight:var(--fw-head);cursor:pointer;transition:filter .15s;animation:var(--vusto-btn-anim)}
.kir-reserve button:hover{filter:brightness(1.06)}
.kir-r-ok{background:#e9f6ef;border:1px solid #b6e0c2;color:#1e7a3d;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:12px;font-family:var(--font-body),sans-serif}
.kir-r-err{background:#fff0ee;border:1px solid #ffc8bf;color:#cc3300;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:10px;font-family:var(--font-body),sans-serif}
.kir-r-closed{background:#fff;border:1px solid #e8e4dc;color:#6b6862;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.5;font-family:var(--font-body),sans-serif}
.kir-r-hp{position:absolute;left:-9999px}
.kir-reserve--collapsed{max-height:210px;overflow:hidden;position:relative;cursor:pointer}
.kir-reserve--collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#fff);pointer-events:none}
/* Rezervasyon formu select'leri input'larla aynı görünsün */
.kir-reserve select{width:100%;padding:11px 14px;border:1.5px solid #e8e4dc;border-radius:10px;font-size:14px;font-family:var(--font-body),sans-serif;background:#fff;color:var(--ink);transition:border-color .15s}
.kir-reserve select:focus{outline:none;border-color:var(--ink)}
.kir-r-total{font-size:13px;font-weight:var(--fw-semi);color:var(--ink);min-height:18px}
.kir-r-actions{display:flex;flex-direction:column;gap:8px}
.kir-r-add{background:#fff !important;background-image:none !important;border:1.5px solid var(--ink) !important;color:var(--ink) !important;animation:none !important;padding:12px !important}
.kir-r-add:hover{background:var(--ink) !important;color:#fff !important;filter:none}
.kir-r-hint{font-size:12px;color:#a39d93;line-height:1.5;margin:2px 0 0}

/* ── Rezervasyon Listesi (çoklu-ürün) ─────────────────────────────── */
.kir-rl{max-width:1000px;margin:0 auto;padding:0 40px 80px}
.kir-rl__title{font-weight:var(--fw-head);font-size:32px;letter-spacing:-.02em;color:var(--ink);margin:8px 0 6px}
.kir-rl__intro{font-size:14px;color:#6b6862;line-height:1.6;max-width:720px;margin:0 0 28px}
.kir-rl-empty{border:1.5px dashed #e3dfd8;border-radius:16px;padding:48px 24px;text-align:center;color:#6b6862}
.kir-rl-empty p{font-size:16px;margin:0 0 16px}
.kir-rl-empty__btn{display:inline-block;font-weight:var(--fw-semi);color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));padding:12px 24px;border-radius:100px;text-decoration:none}
.kir-rl-rows{display:flex;flex-direction:column;gap:16px}
.kir-rl-row{border:1.5px solid #ece8e1;border-radius:16px;padding:18px;background:#fff}
.kir-rl-row--full{border-color:#ffc8bf;background:#fffaf9}
.kir-rl-row__main{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.kir-rl-row__img{width:60px;height:60px;object-fit:contain;border-radius:10px;border:1px solid #f0ede8;background:#fff;flex-shrink:0}
.kir-rl-row__name{font-weight:var(--fw-semi);font-size:16px;color:var(--ink);text-decoration:none}
.kir-rl-row__name:hover{color:var(--g2)}
.kir-rl-row__daily{font-size:13px;color:#a39d93;margin-top:2px}
.kir-rl-row__warn{font-size:12px;color:#cc3300;font-weight:var(--fw-semi);margin-top:4px}
.kir-rl-row__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.kir-rl-row__fields label{font-size:11px;font-weight:var(--fw-semi);color:#a39d93;margin-bottom:3px;display:block;letter-spacing:.04em}
.kir-rl-row__fields input,.kir-rl-row__fields select{width:100%;padding:10px 12px;border:1.5px solid #e8e4dc;border-radius:10px;font-size:14px;font-family:var(--font-body),sans-serif;background:#fff;color:var(--ink)}
.kir-rl-row__fields input:focus,.kir-rl-row__fields select:focus{outline:none;border-color:var(--ink)}
.kir-rl-row__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #f4f2ee;padding-top:12px}
.kir-rl-row__total{font-size:14px;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.kir-rl-row__total strong,.kir-rl-row__total span:first-child{font-weight:var(--fw-semi)}
.kir-rl-live{font-size:12px;color:#a39d93}
.kir-rl-row__actions{display:flex;gap:8px}
.kir-rl-btn-upd,.kir-rl-btn-rm{font-size:13px;font-weight:var(--fw-semi);padding:9px 16px;border-radius:100px;cursor:pointer;border:1.5px solid #e8e4dc;background:#fff;color:var(--ink);transition:.15s}
.kir-rl-btn-upd:hover{border-color:var(--ink)}
.kir-rl-btn-rm{color:#cc3300;border-color:#f4d4cf}
.kir-rl-btn-rm:hover{background:#cc3300;color:#fff;border-color:#cc3300}
.kir-rl-summary{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px;padding-top:18px;border-top:2px solid var(--ink)}
.kir-rl-summary span{font-size:15px;color:#6b6862}
.kir-rl-summary strong{font-weight:var(--fw-head);font-size:26px;color:var(--ink)}
.kir-rl-note{font-size:12px;color:#a39d93;margin:6px 0 0;text-align:right}
.kir-rl-customer{margin-top:32px;border:1.5px solid #ece8e1;border-radius:16px;padding:24px;background:#fff}
.kir-rl-customer__title{font-weight:var(--fw-head);font-size:18px;color:var(--ink);margin:0 0 16px}
.kir-rl-loggedin{font-size:13px;color:#1e7a3d;background:#e9f6ef;border:1px solid #b6e0c2;border-radius:10px;padding:10px 14px;margin:0 0 14px}
.kir-rl-loginhint{font-size:13px;color:#6b6862;margin:0 0 14px}
.kir-rl-loginhint a{color:var(--g2);font-weight:var(--fw-semi);text-decoration:underline}
.kir-rl-customer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}
.kir-rl-customer label{font-size:11px;font-weight:var(--fw-semi);color:#a39d93;margin-bottom:3px;display:block;letter-spacing:.04em}
.kir-rl-customer input,.kir-rl-customer textarea{width:100%;padding:11px 14px;border:1.5px solid #e8e4dc;border-radius:10px;font-size:14px;font-family:var(--font-body),sans-serif;background:#fff;color:var(--ink)}
.kir-rl-customer input:focus,.kir-rl-customer textarea:focus{outline:none;border-color:var(--ink)}
.kir-rl-submit{margin-top:14px;width:100%;color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border:none;padding:15px;border-radius:100px;font-size:15px;font-weight:var(--fw-head);cursor:pointer;transition:filter .15s}
.kir-rl-submit:hover{filter:brightness(1.06)}
@media(max-width:900px){.kir-rl{padding:0 16px 56px}.kir-rl-row__foot{flex-direction:column;align-items:stretch}.kir-rl-row__actions{justify-content:stretch}.kir-rl-btn-upd,.kir-rl-btn-rm{flex:1}}
.kir-tabs-wrap{max-width:1320px;margin:0 auto;padding:0 40px 48px}
.kir-tabs{border:1px solid #f0ede8;border-radius:16px;overflow:hidden}
.kir-tabs-nav{display:flex;background:#fff;border-bottom:1px solid #f0ede8;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.kir-tabs-nav li a{display:block;padding:14px 24px;font-size:14px;font-weight:var(--fw-semi);color:var(--muted);text-decoration:none;border-right:1px solid #e8e4dc;transition:.15s;white-space:nowrap}
.kir-tabs-nav li a:hover{color:var(--ink)}
.kir-tabs-nav li.active a{background:#fff;color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.kir-tab-panel{display:none;padding:28px 32px 32px;font-size:15px;color:#555;line-height:1.7}
.kir-tab-panel.active{display:block}
.kir-tab-panel p{margin:0 0 14px}
.kir-tab-panel hr{border:none;border-top:1px solid #f0ede8;margin:16px 0}
.kir-tab-panel h3,.kir-tab-panel h4{display:inline-block;max-width:100%;font-weight:var(--fw-head);color:var(--ink);line-height:1.3;margin:1.3em 0 .6em;padding-bottom:8px;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--g1),var(--g2),var(--g3)) 1}
.kir-tab-panel h3{font-size:22px}
.kir-tab-panel h4{font-size:19px}
.kir-tab-panel h3:first-child,.kir-tab-panel h4:first-child{margin-top:0}
.kir-tab-panel ul{padding-left:20px;margin:0 0 14px;line-height:2}
.kir-tab-panel table,.kir-tab-panel table.specTable,.kir-tab-panel table.t1{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}
.kir-tab-panel table th,.kir-tab-panel table.specTable th{background:var(--cream-2);padding:10px 14px;text-align:left;font-weight:var(--fw-semi);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kir-tab-panel table td,.kir-tab-panel table.specTable td,.kir-tab-panel table.t1 td{padding:10px 14px;border-bottom:1px solid #f0ede8;vertical-align:top}
.kir-tab-panel table td:first-child,.kir-tab-panel table.specTable td.specTopic,.kir-tab-panel table.t1 td:first-child{font-weight:var(--fw-semi);color:var(--ink);background:#faf9f7;width:38%}
.kir-tab-panel table tr:last-child td{border-bottom:none}
.kir-related{max-width:1320px;margin:0 auto;padding:0 40px 80px}
.kir-related__title{font-weight:var(--fw-head);font-size:30px;letter-spacing:-.02em;color:var(--ink);margin:0 0 24px;padding-top:32px;border-top:1px solid #f0ede8}
.kir-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kir-related__card{background:#fff;border:1px solid #f0ede8;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:box-shadow .2s}
.kir-related__card:hover{box-shadow:0 8px 28px rgba(0,0,0,.08)}
.kir-related__img{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden}
.kir-related__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px}
.kir-related__body{padding:16px}
.kir-related__cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a39d93;margin-bottom:5px}
.kir-related__name{font-weight:var(--fw-semi);font-size:16px;color:var(--ink);margin-bottom:10px}
.kir-related__price{font-weight:var(--fw-head);font-size:16px;color:var(--ink)}
.kir-related__price small{font-weight:400;font-size:12px;color:#a39d93;margin-left:3px}
.kir-section{max-width:1320px;margin:0 auto;padding:0 40px}

/* ============================================================
   member/* ============================================================ */
.mb-wrap{max-width:440px;margin:50px auto;padding:0 24px}
.mb-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.mb-card h1{font-size:24px;font-weight:800;margin:0 0 6px;text-align:center}
.mb-card .sub{text-align:center;color:#888;font-size:14px;margin-bottom:24px}
.mb-card form{display:flex;flex-direction:column;gap:14px}
.mb-card input[type=email],.mb-card input[type=password]{width:100%;padding:13px 15px;border:1px solid #d8d8d8;border-radius:8px;font-size:15px}
.mb-card input:focus{outline:none;border-color:var(--c-primary,#be2055)}
.mb-card button{background:var(--c-primary,#be2055);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:var(--fw-head);cursor:pointer}
.mb-card button:hover{background:#9c1a46}
.mb-err{background:#fdecea;border:1px solid #f5c2bd;color:#c0392b;padding:11px 14px;border-radius:8px;font-size:14px}
.mb-rem{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.mb-foot{text-align:center;margin-top:18px;font-size:14px;color:#666}
.mb-foot a{color:var(--c-primary,#be2055);font-weight:var(--fw-semi);text-decoration:none}
.ac-wrap{max-width:960px;margin:40px auto;padding:0 24px 60px}
.ac-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:12px}
.ac-head h1{font-size:26px;font-weight:800;margin:0}
.ac-logout{background:none;border:1px solid #ddd;color:#666;padding:9px 18px;border-radius:8px;cursor:pointer;font-weight:var(--fw-semi)}
.ac-flash{background:#e8f6ec;border:1px solid #b6e0c2;color:#1e7a3d;padding:12px 16px;border-radius:8px;margin-bottom:20px}
.ac-grid{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start}
.ac-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px}
.ac-card h2{font-size:17px;font-weight:var(--fw-head);margin:0 0 16px}
.ac-card form{display:flex;flex-direction:column;gap:12px}
.ac-card input{width:100%;padding:11px 13px;border:1px solid #d8d8d8;border-radius:8px;font-size:14px}
.ac-card input:focus{outline:none;border-color:var(--c-primary,#be2055)}
.ac-card button{background:var(--c-primary,#be2055);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:var(--fw-head);cursor:pointer}
.ac-ord{border:1px solid #eee;border-radius:10px;padding:16px 18px;margin-bottom:14px}
.ac-ord .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ac-ord .ref{font-weight:var(--fw-head);color:#222}
.ac-ord .badge{font-size:12px;font-weight:var(--fw-head);color:#fff;padding:4px 12px;border-radius:20px}
.ac-ord .meta{font-size:13px;color:#888;display:flex;gap:18px;flex-wrap:wrap}
.ac-ord .total{font-weight:800;color:var(--c-primary,#be2055)}
.ac-ord .track{margin-top:10px;font-size:13px;background:#f7f7f7;border-radius:8px;padding:8px 12px}
.ac-ord .track a{color:var(--c-primary,#be2055);font-weight:var(--fw-semi)}
.ac-empty{color:#888;padding:20px 0}
.ac-back{font-size:14px;color:#888;text-decoration:none;font-weight:var(--fw-semi)}
.ac-back:hover{color:var(--ink)}
.ac-grid--single{grid-template-columns:1fr}
.ac-ord-detail{display:inline-block;margin-top:10px;font-size:13px;font-weight:var(--fw-head);color:var(--c-primary,#be2055);text-decoration:none}
.ac-ord-detail:hover{text-decoration:underline}
/* Kiralama rezervasyonları (hesap sayfası) */
.ac-res-items{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px}
.ac-res-line{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;padding:8px 12px;background:#faf9f7;border-radius:8px}
.ac-res-name{font-weight:var(--fw-semi);color:#222}
.ac-res-dates{color:#888}
.ac-ord-meta{display:flex;flex-direction:column;gap:10px;font-size:14px}
.ac-ord-label{color:#888;display:inline-block;min-width:130px}
.ac-line{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid #f4f4f4}
.ac-line__desc{font-size:14px;color:#222;font-weight:var(--fw-semi);flex:1}
.ac-line__meta{font-size:13px;color:#888;white-space:nowrap;margin-left:16px}
.ac-card--wide{grid-column:1/-1;margin-top:20px}
.mb-ok{background:#e8f6ec;border:1px solid #b6e0c2;color:#1e7a3d;padding:12px 16px;border-radius:8px;margin-bottom:16px}
.ac-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:4px}
.ac-addr{background:#f9f9f9;border:1.5px solid #eee;border-radius:12px;padding:18px;position:relative;font-size:14px}
.ac-addr--default{border-color:var(--ink)}
.ac-addr__tag{display:inline-block;font-size:11px;font-weight:var(--fw-head);letter-spacing:0.05em;text-transform:uppercase;background:var(--ink);color:#fff;padding:2px 10px;border-radius:20px;margin-bottom:10px}
.ac-addr__title{font-weight:var(--fw-head);font-size:15px;margin-bottom:6px}
.ac-addr__name{color:#333}
.ac-addr__phone{color:#888;font-size:13px}
.ac-addr__line{color:#444;margin-top:4px}
.ac-addr__city{color:#888;font-size:13px;margin-top:2px}
.ac-addr__actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.ac-addr__btn{font-size:12px;font-weight:var(--fw-head);padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:0.04em}
.ac-addr__btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.ac-addr__btn--del{border-color:#f5c2bd;color:#c0392b}
.ac-addr__btn--del:hover{background:#c0392b;color:#fff;border-color:#c0392b}
.ac-addr__btn--add{background:var(--c-primary,#be2055);color:#fff;border-color:var(--c-primary,#be2055)}
.ac-addr__btn--add:hover{filter:brightness(.9)}
.ac-addr--new{background:#fff;border-style:dashed}
.ac-addr-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ac-addr-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ac-addr-form input,.ac-addr-form textarea{width:100%;padding:9px 12px;border:1px solid #d8d8d8;border-radius:8px;font-size:13px;font-family:inherit;box-sizing:border-box}
.ac-addr-form textarea{resize:vertical}
.ac-addr-form input:focus,.ac-addr-form textarea:focus{outline:none;border-color:var(--ink)}

/* ============================================================
   search/results.blade.php
   ============================================================ */
.sr-wrap{max-width:860px;margin:40px auto;padding:0 24px 60px}
.sr-wrap h1{font-size:26px;font-weight:800;margin:0 0 6px}
.sr-sub{color:#888;font-size:14px;margin-bottom:24px}
.sr-box{display:flex;gap:10px;margin-bottom:30px}
.sr-box input{flex:1;padding:13px 16px;border:1px solid #d8d8d8;border-radius:8px;font-size:16px}
.sr-box input:focus{outline:none;border-color:var(--c-primary,#be2055)}
.sr-box button{background:var(--c-primary,#be2055);color:#fff;border:none;padding:0 26px;border-radius:8px;font-weight:var(--fw-head);cursor:pointer}
.sr-item{display:block;border:1px solid #eee;border-radius:10px;padding:16px 18px;margin-bottom:12px;text-decoration:none;color:inherit;transition:.15s}
.sr-item:hover{border-color:var(--c-primary,#be2055);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.sr-item .badge{font-size:11px;font-weight:var(--fw-head);color:var(--c-primary,#be2055);background:#fce4ec;padding:2px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}
.sr-item .title{font-size:17px;font-weight:var(--fw-head);color:#222;margin:8px 0 4px}
.sr-item .ex{font-size:14px;color:#777;line-height:1.5}
.sr-empty{color:#888;padding:30px 0;text-align:center}

/* ============================================================
   NATIVE LAYOUT (layouts/site.blade.php) — BeTheme'siz temiz tasarım
   ============================================================ */
.nb-body{margin:0;font-family:var(--font-body),sans-serif;color:#2a2a2a;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
.nb-body *{box-sizing:border-box}
.nb-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.nb-main{min-height:50vh}
.nb-body img{max-width:100%;height:auto}
.nb-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.nb-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.nb-logo img{height:46px;width:auto;display:block}
.nb-nav{display:flex;align-items:center;gap:26px}
.nb-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.nb-menu-item{position:relative}
.nb-menu-item>a{text-decoration:none;color:#2a2a2a;font-weight:var(--fw-semi);font-size:15px;padding:8px 0;display:inline-block;transition:.15s}
.nb-menu-item>a:hover{color:var(--c-primary,#be2055)}
.nb-submenu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);list-style:none;margin:0;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s}
.nb-menu-item.has-sub:hover .nb-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.nb-submenu a{display:block;padding:9px 18px;text-decoration:none;color:#444;font-size:14px}
.nb-submenu a:hover{background:#faf3f6;color:var(--c-primary,#be2055)}
.nb-lang{display:flex;gap:4px}
.nb-lang a{font-size:13px;font-weight:var(--fw-semi);color:#999;text-decoration:none;padding:4px 7px;border-radius:4px}
.nb-lang a.active{color:var(--c-primary,#be2055)}
.nb-nav-toggle,.nb-nav-btn{display:none}
.nb-nav-btn{font-size:26px;cursor:pointer;color:#2a2a2a;line-height:1}
.nb-footer{background:#1c1d22;color:#c9cad0;margin-top:60px;padding:46px 0 30px}
.nb-footer-inner{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}
.nb-footer-logo{height:40px;filter:brightness(0) invert(1);opacity:.9;margin-bottom:12px}
.nb-footer-brand p{margin:0;font-size:13px;color:#9a9ba3;max-width:320px}
.nb-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.nb-footer-menu a{color:#c9cad0;text-decoration:none;font-size:14px}
.nb-footer-menu a:hover{color:#fff}
.nb-social{display:flex;gap:14px;flex-wrap:wrap}
.nb-social a{color:#c9cad0;text-decoration:none;font-size:14px;font-weight:var(--fw-semi)}
.nb-social a:hover{color:var(--c-primary,#be2055)}
.nb-article{padding:56px 40px 72px}
.nb-page-title{font-size:clamp(40px,5vw,64px);font-weight:var(--fw-head);letter-spacing:-0.03em;line-height:1.05;margin:0 0 28px;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
.nb-page-title--long{font-size:clamp(26px,3.6vw,42px)}
.nb-content{max-width:var(--page-max);margin:0 auto}
/* Reusable projeler-style page hero (eyebrow + big title + subtitle) — projeler ile birebir */
.vs-phero{max-width:var(--page-max);margin:0 auto;padding:48px 40px 36px;}
.vs-phero__eyebrow{font-size:13px;font-weight:var(--fw-semi);letter-spacing:0.16em;text-transform:uppercase;color:var(--g2);margin-bottom:18px;}
.vs-phero__title{font-weight:var(--fw-head);font-size:clamp(52px,7vw,96px);letter-spacing:-0.04em;line-height:0.9;color:var(--ink);margin:0 0 20px;}
.vs-phero__title::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));margin-top:22px;}
.vs-phero__sub{font-size:18px;color:#6b6862;max-width:560px;line-height:1.5;}
@media(max-width:768px){.vs-phero{padding:54px 24px 32px;}}
/* Blog / archive list: match the site-wide page width, hero + cards aligned */
.nb-list-narrow .vs-phero{max-width:var(--page-max);}
.nb-list-narrow .nb-article{max-width:var(--page-max);margin-left:auto;margin-right:auto;}
.nb-block{margin:0 0 26px}
.nb-block:has(>.nb-btn){text-align:center;margin-top:8px}
.nb-cols{display:flex;flex-wrap:wrap;gap:28px;margin:0 0 26px;align-items:stretch}
/* Subtract the gap from each basis so columns actually sit side-by-side
   (gap + a bare 50% basis would otherwise wrap each item to its own row). */
.nb-col{flex:1 1 calc(var(--col,100%) - 28px);min-width:240px}
.nb-text{font-size:16px;line-height:1.8;color:#3a3a3a}
.nb-text p{margin:0 0 16px}
.nb-text h1,.nb-text h2,.nb-text h3,.nb-text h4{color:#1a1a1a;line-height:1.25;margin:1.4em 0 .5em}
.nb-text h1,.nb-text h2{display:inline-block;max-width:100%;padding-bottom:10px;padding-right:3em;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--g1),var(--g2),var(--g3)) 1}
.nb-text h3,.nb-text h4{padding-left:14px;border-left:3px solid;border-image:linear-gradient(180deg,var(--g1),var(--g3)) 1}
.nb-text ul,.nb-text ol,.kir-tab-panel ul,.kir-tab-panel ol{margin:0 0 20px;padding-left:0;list-style:none}
.nb-text li,.kir-tab-panel li{margin:0 0 10px}
.nb-text ul li,.kir-tab-panel ul li{position:relative;padding-left:22px}
.nb-text ul li::before,.kir-tab-panel ul li::before{content:'';position:absolute;left:0;top:.36em;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/contain no-repeat}
.nb-text ol,.kir-tab-panel ol{counter-reset:nb-ol}
.nb-text ol li,.kir-tab-panel ol li{position:relative;padding-left:34px;counter-increment:nb-ol}
.nb-text ol li::before,.kir-tab-panel ol li::before{content:counter(nb-ol);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font-weight:var(--fw-head);font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1}
.nb-text a{color:var(--ink);font-weight:var(--fw-semi);text-decoration:none;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--g1),var(--g3)) 1}
.nb-text u{text-decoration:none;background-image:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px;padding-bottom:2px}
.nb-text img{border-radius:8px;max-width:100%;height:auto}
.nb-text figure{margin:0 0 24px}
.nb-text figure img{display:block;margin:0 0 10px}
.nb-text figcaption{font-size:13px;color:#a39d93;text-align:center}
.nb-text blockquote{margin:0 0 20px;padding:2px 0 2px 24px;border-left:3px solid;border-image:linear-gradient(180deg,var(--g1),var(--g3)) 1;font-size:17px;font-weight:var(--fw-semi);color:#1a1a1a;line-height:1.6}
.nb-text blockquote p{margin:0 0 8px}
.nb-text blockquote p:last-child{margin-bottom:0}
.nb-text code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--cream-2);color:var(--ink);padding:2px 6px;border-radius:5px}
.nb-text pre{margin:0 0 20px;padding:18px 20px;background:var(--ink);color:#e8e4dc;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.6}
.nb-text pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:1em}
.nb-text mark{background:linear-gradient(100deg,#FFE5EE,#FFF0E8);color:#1a1a1a;padding:1px 4px;border-radius:4px}
.nb-text hr,.nb-divider{border:0;height:34px;margin:44px 0;display:flex;align-items:center;justify-content:center;gap:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/30px 30px no-repeat}
.nb-text table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 24px;font-size:14px}
.nb-text table thead tr{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3))}
.nb-text table th{text-align:left;padding:13px 16px;color:#fff;font-weight:var(--fw-semi);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.nb-text table td{padding:13px 16px;border-top:1px solid var(--border);color:#3a3a3a}
.nb-text table tbody tr:nth-child(even){background:var(--cream)}
.nb-heading{font-weight:var(--fw-head);color:var(--ink);line-height:1.15;letter-spacing:-0.02em;margin:0 0 18px}
h1.nb-heading{font-size:clamp(40px,5vw,64px)}
h2.nb-heading{font-size:clamp(28px,3.4vw,40px)}
h3.nb-heading{font-size:24px}
h4.nb-heading{font-size:20px}
h5.nb-heading{font-size:17px;font-weight:var(--fw-semi);color:#6b6862;letter-spacing:0;line-height:1.5}
h6.nb-heading{font-size:13px;font-weight:var(--fw-head);letter-spacing:0.14em;text-transform:uppercase;color:var(--g2)}
/* Sayfa bazında aç/kapa (Sayfalar admin > "Başlıkların altında gradyan çizgi")
   — blog yazılarındaki .nb-text h1-h4 gradyan çizgisiyle aynı teknik. Hem tek
   başına "Başlık" bloğuna (.nb-heading) hem de kartlar/portföy/teklif aracı/
   zaman tüneli/veri çubukları gibi bloklarda ortak kullanılan bölüm başlığına
   (.nb-svc-title, sectionHead() ile üretilir) uygulanır — küçük sekme/akordeon
   etiketleri (.vstabs__title, .nb-acc__q gibi) kasıtlı olarak dışarıda bırakılır. */
.nb-page--heading-underline h1.nb-heading,.nb-page--heading-underline h2.nb-heading,.nb-page--heading-underline h2.nb-svc-title{display:inline-block;max-width:100%;padding-bottom:10px;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--g1),var(--g2),var(--g3)) 1}
.nb-page--heading-underline h3.nb-heading,.nb-page--heading-underline h4.nb-heading{padding-left:14px;border-left:3px solid;border-image:linear-gradient(180deg,var(--g1),var(--g3)) 1}
.nb-statement{text-align:center;padding:56px 20px;max-width:900px;margin:0 auto}
.nb-statement--full{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px}
.nb-statement__pre,.nb-statement__post{font-weight:var(--fw-semi);font-size:clamp(22px,3vw,38px);letter-spacing:-0.01em;line-height:1.25;color:var(--ink);margin:4px 0}
.nb-statement__acc{font-weight:var(--fw-head);font-size:clamp(44px,6.5vw,80px);letter-spacing:-0.03em;line-height:1.05;margin:10px 0;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.nb-statement--scroll .nb-statement__pre,.nb-statement--scroll .nb-statement__post{transform:scale(calc(1 - var(--sg-p, 0) * 0.4));opacity:calc(1 - var(--sg-p, 0));filter:blur(calc(var(--sg-p, 0) * 3px))}
.nb-statement--scroll .nb-statement__acc{transform:scale(calc(1 + var(--sg-p, 0) * 2.4))}
.nb-statement--enter-stagger .nb-statement__pre{--sg-d:0}
.nb-statement--enter-stagger .nb-statement__acc{--sg-d:0.22}
.nb-statement--enter-stagger .nb-statement__post{--sg-d:0.44}
.nb-statement--enter-stagger .nb-statement__pre,.nb-statement--enter-stagger .nb-statement__post{opacity:max(0,min(calc(1 - var(--sg-p, 0)),calc((var(--sg-enter, 0) - var(--sg-d, 0)) / 0.4)));transform:translateY(calc((1 - max(0,min(1,calc((var(--sg-enter, 0) - var(--sg-d, 0)) / 0.4)))) * 20px)) scale(calc(1 - var(--sg-p, 0) * 0.4))}
.nb-statement--enter-stagger .nb-statement__acc{opacity:max(0,min(1,calc((var(--sg-enter, 0) - var(--sg-d, 0)) / 0.4)));transform:translateY(calc((1 - max(0,min(1,calc((var(--sg-enter, 0) - var(--sg-d, 0)) / 0.4)))) * 20px)) scale(calc(1 + var(--sg-p, 0) * 2.4))}
.nb-statement--enter-blur .nb-statement__pre,.nb-statement--enter-blur .nb-statement__post{opacity:calc(1 - var(--sg-p, 0));transform:scale(calc((0.85 + var(--sg-enter, 0) * 0.15) * (1 - var(--sg-p, 0) * 0.4)));filter:blur(calc((1 - var(--sg-enter, 0)) * 6px + var(--sg-p, 0) * 3px))}
.nb-statement--enter-blur .nb-statement__acc{opacity:var(--sg-enter, 0);transform:scale(calc((0.85 + var(--sg-enter, 0) * 0.15) * (1 + var(--sg-p, 0) * 2.4)));filter:blur(calc((1 - var(--sg-enter, 0)) * 6px))}
.nb-left{text-align:left}.nb-center{text-align:center}.nb-right{text-align:right}

/* "vsvc" kart bloğu — servis sayfalarındaki özel HTML bloklarında kullanılıyor
   (raw_html tipi bloklar). Purifier scoped <style> etiketlerini kaldırdığı için
   bu sınıflar global stylesheet'e taşındı — bkz. config/purifier.php 'content'. */
.vsvc-head{text-align:center;margin:8px 0 30px}
.vsvc-head__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#FF6A4D;margin-bottom:12px}
.vsvc-head__title{font-weight:700;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;color:#0d0d10;margin:0}
.vsvc{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 12px}
.vsvc__card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ece8e1;border-radius:22px;padding:38px 34px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.vsvc__card-link{position:absolute;inset:0;z-index:2}
.vsvc__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vsvc__card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(100deg,#FF3D7F,#FF6A4D,#FFA84D);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.vsvc__card:hover{transform:translateY(-5px);border-color:#e2dcd2;box-shadow:0 22px 55px rgba(13,13,16,.09)}
.vsvc__card:hover::before{transform:scaleX(1)}
.vsvc__icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(255,61,127,.12),rgba(255,168,77,.14));display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.vsvc__icon svg{width:30px;height:30px}
.vsvc__num{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a39d93;margin-bottom:10px}
.vsvc__title{font-weight:700;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.02em;color:#0d0d10;margin:0 0 12px}
.vsvc__desc{font-size:16px;color:#6b6b72;line-height:1.6;margin:0 0 22px}
.vsvc__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.vsvc__chip{font-size:12px;font-weight:500;color:#0d0d10;background:#fff;border:1px solid #ece8e1;border-radius:100px;padding:7px 14px}
.vsvc__go{margin-top:auto;font-weight:600;font-size:15px;color:#0d0d10;display:inline-flex;align-items:center;gap:8px;transition:gap .2s ease}
.vsvc__card:hover .vsvc__go{gap:13px;color:#FF3D7F}
@media (max-width:760px){.vsvc{grid-template-columns:1fr}}
.nb-image{margin:0}.nb-image img{border-radius:10px;display:block;width:100%}
.nb-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.nb-gallery-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;transition:.18s}
.nb-gallery-item:hover img{filter:brightness(.92)}
.nb-video{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.nb-video iframe,.nb-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.nb-video-card .pj-media{aspect-ratio:16/9;background:#111;}
.nb-video-card .pj-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.nb-video-card__title{font-weight:var(--fw-head);font-size:20px;color:var(--ink);line-height:1.2;margin-top:18px;}
.nb-video-card--vertical .pj-media{aspect-ratio:9/16;max-width:260px;margin:0 auto;}
.nb-video-card--vertical .nb-video-card__title{text-align:center;}
.nb-acc summary{cursor:pointer;list-style:none;color:var(--ink)}
.nb-acc summary::-webkit-details-marker{display:none}
.nb-acc-body{color:var(--muted);line-height:1.7;font-size:15px}
.nb-acc__q{flex:1}

/* Minimal Çizgi */
.nb-acc--minimal{border-bottom:1px solid var(--border);margin:0}
.nb-acc--minimal summary{padding:20px 2px;font-weight:var(--fw-semi);font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.nb-acc--minimal summary::after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--ink);font-size:18px;line-height:1}
.nb-acc--minimal[open] summary::after{content:'\2212'}
.nb-acc--minimal .nb-acc-body{padding:0 2px 22px;font-size:14.5px}

/* Sol Şerit Kart (varsayılan) */
.nb-acc--sol-serit{background:#fff;border:1px solid var(--border);border-left:3px solid var(--border);border-radius:12px;margin:0 0 12px;padding:0 20px;transition:border-color .2s ease,background .2s ease}
.nb-acc--sol-serit[open]{border-left-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,var(--g1),var(--g2),var(--g3)) 0 0/3px 100% no-repeat border-box;background-color:#fdfcfb}
.nb-acc--sol-serit summary{padding:18px 0;font-weight:var(--fw-semi);font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.nb-acc--sol-serit .nb-acc__chev{color:#a39d93;flex-shrink:0;display:flex;transition:transform .25s ease,color .25s ease}
.nb-acc--sol-serit[open] .nb-acc__chev{transform:rotate(180deg);color:var(--g2)}
.nb-acc--sol-serit .nb-acc-body{padding:0 0 20px;font-size:14px}

/* Numaralı */
.nb-acc--numarali{border-bottom:1px solid var(--border);margin:0}
.nb-acc--numarali summary{padding:22px 2px;display:flex;align-items:baseline;gap:20px}
.nb-acc__num{font-weight:700;font-size:14px;color:#d8d2c8;flex-shrink:0;width:26px;transition:color .25s ease;font-variant-numeric:tabular-nums}
.nb-acc--numarali[open] .nb-acc__num{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-acc--numarali .nb-acc__q{font-weight:var(--fw-semi);font-size:16px}
.nb-acc--numarali .nb-acc-body{padding:0 2px 22px 46px;font-size:14.5px}

/* Editorial */
.nb-acc--editorial{padding:28px 0;border-bottom:1px solid var(--border);margin:0}
.nb-acc--editorial summary{display:flex;align-items:flex-start;gap:14px;font-weight:700;font-size:22px;letter-spacing:-.01em;line-height:1.25}
.nb-acc__arrow{flex-shrink:0;margin-top:6px;color:var(--g2);transition:transform .25s ease}
.nb-acc--editorial[open] .nb-acc__arrow{transform:rotate(90deg)}
.nb-acc--editorial .nb-acc-body{padding:14px 0 0 34px;font-size:15.5px;line-height:1.75;max-width:560px}
.nb-clients-title{text-align:center}
.nb-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;align-items:center}
.nb-client{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.nb-client a{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none}
.nb-client__logo{display:block;width:100%;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.nb-client:hover .nb-client__logo{transform:translateY(-3px)}
.nb-client__logo img{width:100%;max-height:var(--nb-client-h,64px);object-fit:contain;opacity:1;transition:.2s}
.nb-client:hover img{filter:grayscale(0);opacity:1}
.nb-client__name{display:block;font-size:11px;color:var(--muted,#8a8880);max-height:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-height .2s ease,opacity .2s ease}
.nb-client:hover .nb-client__name{max-height:16px;opacity:1}
.vs-client-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 24px;text-align:center;min-width:0}
.vs-client-cell a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.vs-client-cell__logo{display:flex;align-items:center;justify-content:center;width:120px;height:48px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.vs-client-cell:hover .vs-client-cell__logo{transform:translateY(-3px)}
.vs-client-cell__logo img{width:100%;height:100%;object-fit:contain;opacity:.5;filter:grayscale(100%);transition:opacity .2s,filter .2s}
.vs-client-cell:hover .vs-client-cell__logo img{opacity:1;filter:grayscale(0%)}
.vs-client-cell__name{display:block;max-width:100%;font-size:11px;color:var(--muted,#a39d93);max-height:0;opacity:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:max-height .2s ease,opacity .2s ease}
.vs-client-cell:hover .vs-client-cell__name{max-height:16px;opacity:1}
/* Kayan logo şeridi (marquee / dual) — .nb-clients ile aynı logo görünümü */
.nb-cmarq{display:flex;flex-direction:column;gap:26px}
.nb-cmarq__mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.nb-cmarq__track{display:flex;align-items:center;gap:56px;width:max-content;animation:nb-cmarq-ltr var(--marq-dur,30s) linear infinite;animation-play-state:paused}
.nb-cmarq__track--rtl{animation-name:nb-cmarq-rtl}
.nb-cmarq__track .nb-client{flex:0 0 auto}
.nb-cmarq__track .nb-client__logo img{width:auto;height:var(--nb-client-h,44px);max-height:var(--nb-client-h,44px)}
/* İsim etiketi normalde gizli ama white-space:nowrap yüzünden GENİŞLİK olarak
   tam metin kadar yer kaplıyordu — uzun müşteri isimleri (ör. "Beşiktaş
   Belediyesi") kayan şeritte görünmez ama dev bir kutu açıp aradaki mesafeyi
   düzensizleştiriyordu. Şeritte isim hiç gösterilmiyor; layout'tan tamamen çıkar. */
.nb-cmarq__track .nb-client__name{display:none}
/* Tüm logolar (ikinci kopyaları dahil) yüklenip genişlik oturana kadar animasyon
   duraklatılır — aksi hâlde geç yüklenen resimler track genişliğini büyütür ve
   translateX(-50%) her seferinde farklı bir piksel değerine denk gelip "atlar". */
.nb-cmarq--ready .nb-cmarq__track{animation-play-state:running}
.nb-cmarq:hover .nb-cmarq__track{animation-play-state:paused}
@keyframes nb-cmarq-ltr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes nb-cmarq-rtl{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.nb-cmarq__track{animation:none}}
.nb-text hr::before,.nb-text hr::after,.nb-divider::before,.nb-divider::after{content:'';height:1px;width:130px;max-width:26vw;background:var(--border,#eaeaea)}
.nb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.nb-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.18s}
.nb-card:hover{box-shadow:0 8px 26px rgba(0,0,0,.09);border-color:#e0e0e0;transform:translateY(-2px)}
.nb-card-body{padding:18px 20px}
.nb-card-body h3{margin:0 0 6px;font-size:17px;font-weight:var(--fw-head);color:#1a1a1a;line-height:1.3}
.nb-card-date{font-size:12px;color:#999;font-weight:var(--fw-semi)}
.nb-card-body p{margin:8px 0 0;font-size:14px;color:#666;line-height:1.6}
.nb-post-head{margin:0 0 30px}
.nb-post-cover{width:100%;max-height:440px;object-fit:cover;border-radius:14px;margin:0 0 22px}
.nb-post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.nb-post-author{font-size:14px;color:var(--ink);font-weight:700}
.nb-post-author + .nb-post-date::before{content:'·';margin-right:10px;color:#c9c4ba}
.nb-post-date{font-size:14px;color:#888;font-weight:var(--fw-semi)}
.nb-post-updated{font-size:13px;font-weight:var(--fw-semi);color:#1f8a5b;background:#e9f6ef;padding:3px 11px;border-radius:20px}
.nb-post-cat{font-size:12px;font-weight:var(--fw-semi);color:var(--c-primary,#be2055);background:#fce4ec;padding:3px 11px;border-radius:20px}
.nb-post-tags{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.nb-post-cat-more{display:inline-block}
.nb-post-cat-more summary{display:inline-block;font-size:12px;font-weight:var(--fw-semi);color:var(--muted);background:var(--cream-2,#f4f2ee);padding:3px 11px;border-radius:20px;cursor:pointer;list-style:none}
.nb-post-cat-more summary::-webkit-details-marker{display:none}
.nb-post-cat-more summary:hover{color:var(--ink)}
.nb-post-cat-more[open] summary{margin-bottom:8px}
.nb-post-cat-more__list{display:flex;flex-wrap:wrap;gap:10px}
.nb-card-img{aspect-ratio:16/10;background:#f3f3f3;overflow:hidden}
.nb-card-img img{width:100%;height:100%;object-fit:cover;transition:.25s}
.nb-card:hover .nb-card-img img{transform:scale(1.04)}

/* ── Blog post: narrow wrapper + breadcrumb + related ─────────────── */
.nb-post-wrap{max-width:1100px;margin:0 auto;}
.nb-breadcrumb{max-width:var(--page-max);margin:0 auto;padding:28px 40px 0;}
/* Breadcrumb'ın hemen ardından gelen hero/başlık bloğu genelde kendi büyük
   üst boşluğunu (48-80px) taşır — breadcrumb'ın kendi boşluğuyla üst üste
   binip toplam boşluğu şişiriyordu. Hangi hero olursa olsun (class'lı ya da
   admin'den space_top ile inline stillenmiş) tek noktadan telafi ediyoruz. */
.nb-breadcrumb + script + div{margin-top:-24px !important;}
.nb-breadcrumb__inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#6b6862;}
.nb-breadcrumb a{color:#6b6862;text-decoration:none;transition:color .15s;}
.nb-breadcrumb a:hover{color:var(--ink);}
.nb-breadcrumb__sep{color:#ccc;font-size:15px;}
.nb-related{padding:0 40px 80px;}
.nb-related__title{font-weight:var(--fw-head);font-size:22px;letter-spacing:-0.02em;color:var(--ink);margin:0 0 24px;padding-top:16px;border-top:1px solid var(--border);}
.nb-related .nb-cards{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.nb-related .nb-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.nb-related .nb-cards{grid-template-columns:1fr;}}
/* Blog list: category tabs row (same pill style as /projeler) */
.nb-blog-tabs{max-width:var(--page-max);margin:0 auto;padding:0 40px 36px;display:flex;flex-wrap:wrap;gap:10px;}
@media(max-width:768px){
  .nb-post-wrap{}
  .nb-breadcrumb{padding:20px 24px 0;}
  .nb-related{padding:0 24px 60px;}
  .nb-blog-tabs{padding:0 24px 28px;}
}
.nb-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:40px 0 10px}
.nb-list-seo{margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}
.nb-pglink{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #e2e2e2;border-radius:8px;text-decoration:none;color:#444;font-weight:var(--fw-semi);font-size:14px;transition:.15s}
.nb-pglink:hover{border-color:var(--c-primary,#be2055);color:var(--c-primary,#be2055)}
.nb-pglink.active{background:var(--c-primary,#be2055);border-color:var(--c-primary,#be2055);color:#fff}
.nb-pglink.disabled{opacity:.4;pointer-events:none}
.nb-page-cover{width:100%;max-height:380px;object-fit:cover;border-radius:14px;margin:0 0 26px;display:block}
.nb-col:has(.nb-counter){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;align-content:start}
.nb-col:has(.nb-counter)>.nb-block{margin:0}
.nb-counter{text-align:center;padding:26px 18px;background:#fff;border:1px solid var(--border);border-radius:18px;height:100%}
.nb-counter-num{font-size:clamp(34px,4vw,46px);font-weight:800;line-height:1;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-counter-title{font-size:16px;font-weight:var(--fw-head);color:var(--ink);margin-top:10px}
.nb-counter-text{font-size:13px;color:#6b6862;margin-top:6px;line-height:1.55}
/* Lottie feature columns -> on-brand cards */
.nb-col:has(.nb-lottie){background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px 24px;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.nb-col:has(.nb-lottie):hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,13,16,.07);border-color:#ded7cc}
.nb-col:has(.nb-lottie) .nb-lottie{width:84px;height:84px;margin:0 auto 16px}
.nb-col:has(.nb-lottie) .nb-heading{font-size:19px;margin:0 0 8px}
.nb-col:has(.nb-lottie) .nb-text{font-size:14px;color:#6b6862;line-height:1.55}
.nb-trailer{position:relative;display:flex;align-items:flex-end;min-height:260px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;color:#fff}
.nb-trailer-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.1))}
.nb-trailer-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--c-primary,#be2055);display:flex;align-items:center;justify-content:center;font-size:24px;padding-left:5px;transition:.18s}
.nb-trailer:hover .nb-trailer-play{transform:translate(-50%,-50%) scale(1.08)}
.nb-trailer-cap{position:relative;z-index:2;padding:22px 24px}
.nb-trailer-slogan{display:block;font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.85}
.nb-trailer-title{display:block;font-size:22px;font-weight:var(--fw-head);margin-top:4px}
.nb-lottie{width:100%;max-width:340px;margin:0 auto;display:block}
.nb-lottie-link{display:block}

/* ============================================================
   Vusto Design System — UI Components (vs-*)
   ============================================================ */
.vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--fw-semi);text-decoration:none;border:none;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1;border-radius:100px;}
.vs-btn--sm{font-size:13px;padding:9px 18px}
.vs-btn--md{font-size:15px;padding:13px 26px}
.vs-btn--lg{font-size:17px;padding:16px 34px}
.vs-btn--dark,.vs-cta-solid{background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;color:var(--ink);animation:var(--vusto-btn-anim);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.vs-btn--dark:hover,.vs-cta-solid:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px rgba(255,61,127,.45);filter:brightness(1.03);color:var(--ink)}

/* Opt-in alternate hover: border fills solid with the gradient, text turns white.
   Combine with .vs-btn--dark / .vs-cta-solid, e.g. class="vs-btn--dark vs-btn--hover-fill". */
.vs-btn--hover-fill{position:relative;overflow:hidden;z-index:0;transition:color .25s ease}
.vs-btn--hover-fill::before{content:'';position:absolute;inset:1.5px;border-radius:100px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));opacity:0;transition:opacity .25s ease;z-index:-1}
.vs-btn--hover-fill:hover{color:#fff;transform:none;box-shadow:none}
.vs-btn--hover-fill:hover::before{opacity:1}
.vs-btn--outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.vs-btn--outline:hover{background:var(--ink);color:#fff}
.vs-btn--ghost{background:#fff;color:var(--ink);border:1.5px solid var(--border)}
.vs-btn--ghost:hover{background:#fff;color:var(--ink);border-color:var(--ink)}
.vs-btn--gradient{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));color:#fff}
.vs-btn--gradient:hover{filter:brightness(1.08);color:#fff}
.vs-btn--full{display:flex;width:100%}
.vs-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}
.vs-tablo-wrap{overflow-x:auto;margin:24px 0}
.vs-tablo-baslik{font-weight:var(--fw-head);font-size:18px;color:var(--ink);margin-bottom:12px}
.vs-tablo{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body),sans-serif;font-size:15px}
.vs-tablo thead th{background:var(--ink);color:#fff;font-weight:var(--fw-semi);font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:14px 16px;text-align:left}
.vs-tablo thead th:first-child{border-radius:12px 0 0 0}
.vs-tablo thead th:last-child{border-radius:0 12px 0 0}
.vs-tablo tbody tr{border-bottom:1px solid #f0ede8;transition:background .1s}
.vs-tablo tbody tr:hover{background:#faf9f7}
.vs-tablo tbody tr:last-child{border-bottom:none}
.vs-tablo td{padding:14px 16px;color:#555;vertical-align:top}
.vs-tablo td:first-child{font-weight:var(--fw-semi);color:var(--ink)}
.vs-tablo--gradient thead tr{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3))}
.vs-tablo--gradient thead th{background:none}
.vs-tablo-wrap--line{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.vs-tablo-wrap--line::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3))}
.vs-tablo-wrap--line .vs-tablo thead th{background:var(--cream);color:var(--ink);border-radius:0}
.vs-tablo-wrap--line .vs-tablo tbody tr:last-child{border-bottom:none}
.vs-dropdown{border:1px solid #f0ede8;border-radius:16px;overflow:hidden;margin:8px 0}
.vs-dropdown summary{list-style:none;padding:18px 22px;cursor:pointer;font-weight:var(--fw-semi);font-size:16px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;user-select:none;gap:12px}
.vs-dropdown summary::-webkit-details-marker{display:none}
.vs-dropdown summary::after{content:'↓';font-size:18px;transition:transform .2s;flex-shrink:0}
.vs-dropdown[open] summary::after{transform:rotate(180deg)}
.vs-dropdown__body{padding:0 22px 20px;font-size:15px;color:var(--muted);line-height:1.65}
.vs-ayrac{border:none;border-top:1px solid #f0ede8;margin:32px 0;position:relative}
.vs-grad-line{height:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border-radius:100px;opacity:0.7;border:none;}

/* ── Projeler filter tabs ─────────────────────────────────────── */
.pj-filter{display:flex;flex-wrap:wrap;gap:10px;}
.pj-filter--standalone{margin:36px 0 8px;padding-top:24px;border-top:1px solid var(--border);}
.pj-tab{font-weight:var(--fw-semi);font-size:14px;color:#6b6862;background:var(--cream-2);border:1px solid #e7e3dc;padding:10px 20px;border-radius:100px;cursor:pointer;transition:color .15s,background .15s,border-color .15s;}
.pj-tab:hover{color:var(--ink);border-color:#d9d4cb;}
.pj-tab.is-active{color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border-color:transparent;}

/* ── Projeler grid (2 columns, video + caption below) ───────────── */
.pj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px;}
.pj-card{display:flex;flex-direction:column;}
.vs-hover-preview-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;transition:opacity .3s ease;object-fit:cover;}
.vs-hover-preview.is-previewing .vs-hover-preview-frame{opacity:1;}
.vs-hover-preview.is-previewing .pf-thumb,.vs-hover-preview.is-previewing .vs-work-card__img,.vs-hover-preview.is-previewing .pf-play{opacity:0!important;transition:opacity .3s ease!important;}
.pj-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:14px;}
.pj-media .pf-thumb{border-radius:14px;}
.pj-media:hover .pf-thumb{transform:scale(1.04);}
.pj-media:hover .pf-play{transform:translate(-50%,-50%) scale(1.06);}
.pj-caption{padding:0 2px;display:flex;align-items:stretch;justify-content:space-between;gap:16px;}
.pj-caption__text{min-width:0;padding-top:18px;}
.pj-caption__logo{position:relative;flex:0 0 140px;}
.pj-caption__logo img{position:absolute;top:50%;right:0;transform:translateY(-50%);height:85%;width:auto;object-fit:contain;display:block;}
.pj-title{font-weight:var(--fw-head);font-size:20px;color:var(--ink);line-height:1.2;}
.pj-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;}
.pj-cat{font-size:11px;font-weight:var(--fw-semi);letter-spacing:0.1em;text-transform:uppercase;color:var(--g2);}
.pj-client{font-size:14px;color:#6b6862;}
.pj-client::before{content:'·';margin-right:8px;color:#bdb6aa;}
.pj-meta .pj-cat:only-child + .pj-client::before{content:'';margin:0;}
.pj-accent{display:block;width:48px;height:3px;border-radius:100px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));margin-top:16px;opacity:0.85;}
.pj-detail{display:inline-flex;align-items:center;gap:7px;font-weight:var(--fw-semi);font-size:13px;color:var(--ink);background:#fff;border:1.5px solid #e7e3dc;padding:9px 18px;border-radius:100px;text-decoration:none;margin-top:16px;transition:color .15s,background .15s,border-color .15s;}
.pj-detail span{transition:transform .15s;}
.pj-detail:hover{color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border-color:transparent;}
.pj-detail:hover span{transform:translateX(3px);}

/* ── Cards / Services block (nb-svc) ─────────────────────────────── */
.nb-svc{margin:8px 0;}
.nb-svc-head{margin-bottom:44px;}
.nb-svc-title{font-weight:var(--fw-head);font-size:clamp(28px,3.4vw,42px);letter-spacing:-0.02em;color:var(--ink);margin:0;line-height:1.05;}
.nb-svc-sub{font-size:18px;color:#6b6862;margin:14px 0 0;line-height:1.55;max-width:620px;}
.nb-svc-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:28px;}
.nb-svc-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--border);border-radius:24px;padding:34px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.nb-svc-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,13,16,0.08);border-color:#ded7cc;}
.nb-svc-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(255,61,127,0.12),rgba(255,168,77,0.14));font-size:30px;line-height:1;margin-bottom:22px;}
.nb-svc-icon svg{width:30px;height:30px;stroke:var(--ink);}
.nb-svc-card-title{font-weight:var(--fw-semi);font-size:22px;letter-spacing:-0.01em;color:var(--ink);margin:0 0 12px;}
.nb-svc-card-text{font-size:15px;color:#6b6862;line-height:1.6;margin:0;}
a.nb-svc-card .nb-svc-card-title{transition:color .15s;}
a.nb-svc-card:hover .nb-svc-card-title{color:var(--g1);}
@media (max-width:900px){.nb-svc-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media (max-width:600px){.nb-svc-grid{grid-template-columns:1fr;}.nb-svc-head{margin-bottom:32px;}}

.nb-iconbox{display:block;}
.nb-iconbox__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(255,61,127,0.12),rgba(255,168,77,0.14));font-size:26px;line-height:1;margin-bottom:16px;}
.nb-iconbox__icon svg{width:26px;height:26px;stroke:var(--ink);}
.nb-iconbox__title{font-weight:var(--fw-semi);font-size:19px;letter-spacing:-0.01em;color:var(--ink);margin:0 0 8px;}
.nb-iconbox__text{font-size:15px;color:#6b6862;line-height:1.6;margin:0;}

/* ── Cards "İki Disiplin" stilleri (Varyasyon A: filigran / B: ikon rozeti) ── */
.nb-svc-grid--a,.nb-svc-grid--b{gap:0;}
.nb-svc-col{position:relative;overflow:hidden;padding:8px 26px 20px;text-decoration:none;color:inherit;display:block;border-radius:14px;transition:background .3s ease;}
.nb-svc-col:hover{background:var(--cream);}
.nb-svc-col:not(:first-child)::before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:2px;background:linear-gradient(180deg,var(--g1),var(--g2),var(--g3));opacity:.7;border-radius:2px;}
.nb-svc-in{position:relative;z-index:1;}
.nb-svc-t{font-weight:var(--fw-head);font-size:22px;line-height:1.1;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink);}
.nb-svc-col:hover .nb-svc-t{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;}
.nb-svc-d{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0;}
.nb-svc-go{display:inline-flex;align-items:center;gap:7px;font-weight:var(--fw-semi);font-size:13px;color:var(--ink);margin-top:14px;opacity:.4;transform:translateX(-3px);transition:opacity .3s ease,transform .3s ease;}
.nb-svc-col:hover .nb-svc-go{opacity:1;transform:translateX(0);}
.nb-svc-go::after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s ease;}
.nb-svc-col:hover .nb-svc-go::after{transform:translateX(3px);}
/* A: filigran numara */
.nb-svc-wm{position:absolute;top:-10px;right:8px;font-weight:var(--fw-head);font-size:64px;line-height:1;color:var(--cream-2);z-index:0;letter-spacing:-.03em;transition:opacity .35s ease;pointer-events:none;}
.nb-svc-col:hover .nb-svc-wm{opacity:.6;}
/* B: ikon rozeti */
.nb-svc-b-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,rgba(255,61,127,.13),rgba(255,168,77,.16));margin-bottom:14px;position:relative;z-index:1;}
.nb-svc-b-icon svg{width:21px;height:21px;stroke:var(--ink);fill:none;}
@media(max-width:900px){
  .nb-svc-grid--a,.nb-svc-grid--b{grid-template-columns:repeat(2,1fr);}
  .nb-svc-col:nth-child(2n+1)::before{display:none;}
}
@media(max-width:600px){
  .nb-svc-grid--a,.nb-svc-grid--b{grid-template-columns:1fr;}
  .nb-svc-col::before{display:none !important;}
  .nb-svc-col:not(:first-child){border-top:2px solid transparent;border-image:linear-gradient(100deg,var(--g1),var(--g2),var(--g3)) 1;padding-top:22px;margin-top:6px;}
}
/* ── Hizmet Kartları — görselli (nb-scard) ── */
.nb-scard-grid{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);}
.nb-scard{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--sc-bg,#fff);border:1px solid var(--border);border-radius:var(--sc-r,16px);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.nb-scard--flat{border:none;}
a.nb-scard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,13,16,.08);border-color:#ded7cc;}
.nb-scard-media{position:relative;display:block;height:var(--sc-h,300px);overflow:hidden;background:#101014;}
.nb-scard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.nb-scard--zoom:hover .nb-scard-media img{transform:scale(1.05);}
.nb-scard-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,var(--sc-ov,.55)),rgba(0,0,0,0) 55%);}
.nb-scard-icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;}
.nb-scard-icon svg{width:20px;height:20px;stroke:#fff;fill:none;}
.nb-scard-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;}
.nb-scard-line{display:block;width:36px;height:3px;border-radius:100px;margin-bottom:10px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));}
.nb-scard-title{display:block;font-weight:var(--fw-head);font-size:var(--sc-ts,20px);letter-spacing:-.01em;color:var(--sc-tc,#fff);line-height:1.25;}
.nb-scard-body{display:flex;flex-direction:column;gap:14px;flex:1;padding:18px 22px 22px;}
.nb-scard-text{font-size:var(--sc-xs,15px);color:var(--sc-xc,#6b6862);line-height:1.6;}
.nb-scard-go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-weight:var(--fw-semi);font-size:13px;color:var(--ink);opacity:.45;transform:translateX(-3px);transition:opacity .3s ease,transform .3s ease;}
.nb-scard-go::after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s ease;}
a.nb-scard:hover .nb-scard-go{opacity:1;transform:translateX(0);}
a.nb-scard:hover .nb-scard-go::after{transform:translateX(3px);}
@media (max-width:900px){.nb-scard-grid{grid-template-columns:repeat(min(var(--cols,2),2),1fr);}}
@media (max-width:600px){.nb-scard-grid{grid-template-columns:1fr;}.nb-scard-media{height:min(var(--sc-h,300px),220px);}}

@media (max-width:768px){
  .pj-grid{grid-template-columns:1fr;gap:32px;}
  .pj-title{font-size:18px;}
}
.vs-ayrac[data-label]::before{content:attr(data-label);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 16px;font-size:13px;color:#a39d93;white-space:nowrap}
.vs-uyari{padding:16px 20px;border-radius:14px;font-size:15px;line-height:1.55;margin:16px 0;display:flex;align-items:flex-start;gap:12px}
.vs-uyari--bilgi{background:#eef4fb;color:#1c5e9e}
.vs-uyari--basari{background:#e9f6ef;color:#1f8a5b}
.vs-uyari--dikkat{background:#fff6e6;color:#9a6b07}
.vs-uyari--hata{background:#fff0ee;color:#cc3300}
.vs-uyari__icon{font-size:18px;flex-shrink:0;margin-top:1px}
.vs-uyari__text{flex:1}
.vs-uyari strong{font-weight:var(--fw-head)}
.vs-rozet{display:inline-flex;align-items:center;font-weight:var(--fw-head);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:100px}
.vs-rozet--pembe{background:#ffe5ee;color:var(--g1)}
.vs-rozet--turuncu{background:#fff0e8;color:var(--g2)}
.vs-rozet--amber{background:#fff5e0;color:#b87800}
.vs-rozet--yesil{background:#e9f6ef;color:#1f8a5b}
.vs-rozet--gri{background:var(--cream-2);color:var(--muted)}
.vs-rozet--mor{background:#f3e8f7;color:#A23FB0}
.vs-rozet--ink{background:var(--ink);color:#fff}
.vs-istatistik{display:grid;gap:20px;margin:28px 0}
.vs-istatistik--2{grid-template-columns:repeat(2,1fr)}
.vs-istatistik--3{grid-template-columns:repeat(3,1fr)}
.vs-istatistik--4{grid-template-columns:repeat(4,1fr)}
.vs-istatistik__item{padding:24px 20px;text-align:center;border-radius:16px;border:1.5px solid transparent;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 20px rgba(13,13,16,.05)}
.vs-istatistik__num{font-weight:var(--fw-head);font-size:34px;letter-spacing:-.03em;line-height:1;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.vs-istatistik__label{font-weight:var(--fw-semi);font-size:15px;color:var(--ink)}
.vs-istatistik__desc{font-size:13px;color:#6b6862;margin-top:6px;line-height:1.55}
@media (max-width:640px){
    .vs-istatistik--3,.vs-istatistik--4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:420px){
    .vs-istatistik--2,.vs-istatistik--3,.vs-istatistik--4{grid-template-columns:1fr}
}

/* Contact form KVKK consent checkbox — shared by the CTA, simple, and /iletisim forms. */
.vs-consent{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;cursor:pointer;user-select:none}
.vs-consent input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:#0d0d10;cursor:pointer}
.vs-consent__text{font-family:var(--font-body),sans-serif;font-size:13px;line-height:1.55;color:#6b6b72}
.vs-consent__text a{color:#0d0d10;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.vs-consent__text a:hover{color:#FF3D7F}
.vs-alinti{padding:32px 36px;margin:28px 0;position:relative;border-radius:16px;background:#fff;box-shadow:0 4px 24px rgba(13,13,16,.07)}
.vs-alinti::after{content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--g1),var(--g2),var(--g3))}
.vs-alinti__mark{display:block;font-weight:var(--fw-head);font-size:56px;line-height:.6;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.vs-alinti__text{font-size:21px;font-weight:var(--fw-head);font-style:italic;color:var(--ink);line-height:1.55;margin-bottom:16px;position:relative}
.vs-alinti__source{font-size:14px;color:var(--muted)}
.vs-kartlar{display:grid;gap:24px;margin:24px 0}
.vs-kartlar--2{grid-template-columns:repeat(2,1fr)}
.vs-kartlar--3{grid-template-columns:repeat(3,1fr)}
.vs-kart{background:#fff;border:1px solid #f0ede8;border-radius:16px;overflow:hidden;transition:box-shadow .2s;text-decoration:none;color:inherit;display:block}
.vs-kart:hover{box-shadow:0 8px 32px rgba(0,0,0,.09)}
.vs-kart__img{aspect-ratio:16/9;background:var(--cream-2);overflow:hidden}
.vs-kart__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vs-kart:hover .vs-kart__img img{transform:scale(1.03)}
.vs-kart__body{padding:22px}
.vs-kart__kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a39d93;margin-bottom:8px}
.vs-kart__title{font-weight:var(--fw-head);font-size:20px;color:var(--ink);margin-bottom:10px;line-height:1.2}
.vs-kart__desc{font-size:15px;color:var(--muted);line-height:1.6}
.vs-kart__link{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semi);font-size:14px;color:var(--ink);margin-top:14px}
.vs-adimlar{counter-reset:steps;display:flex;flex-direction:column;gap:0;margin:24px 0}
.vs-adim{display:flex;gap:20px;padding:20px 0;position:relative}
.vs-adim:not(:last-child)::after{content:'';position:absolute;left:19px;top:60px;width:2px;height:calc(100% - 20px);background:#f0ede8}
.vs-adim__num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font-weight:var(--fw-head);font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vs-adim__content{flex:1;padding-top:8px}
.vs-adim__title{font-weight:var(--fw-head);font-size:17px;color:var(--ink);margin-bottom:5px}
.vs-adim__desc{font-size:15px;color:var(--muted);line-height:1.6}

/* ── Nav Dropdown & Mega Menu ─────────────────────────────────────────────── */
.vs-nav-item{position:relative;display:inline-flex;align-items:center}
.vs-nav-link{position:relative;display:inline-flex;align-items:center;gap:5px;color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;transition:color .15s}
.vs-nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.vs-nav-link:hover::after,.vs-nav-link.is-active::after{transform:scaleX(1)}
.vs-nav-link.is-active{color:var(--g1)}
.vs-nav-link:hover{color:var(--g1)}
.vs-nav-chev{width:14px;height:14px;flex-shrink:0;transition:transform .2s;opacity:.55}
.vs-nav-item:hover .vs-nav-chev,.vs-nav-item.is-open .vs-nav-chev{transform:rotate(180deg);opacity:1}
.vs-nav-item::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:20px}
.vs-subnav{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);min-width:200px;background:#fff;border-radius:14px;box-shadow:0 8px 36px rgba(0,0,0,.11);border:1px solid #f0ede8;padding:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:200}
.vs-nav-item:hover .vs-subnav,.vs-nav-item.is-open .vs-subnav{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.vs-subnav__link{display:block;padding:10px 14px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .12s}
.vs-subnav__link:hover{background:#fff;color:var(--g1)}
.vs-mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.13);border:1px solid #f0ede8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:200;min-width:560px;max-width:820px}
.vs-mega:has(.vs-mega__grid--5){width:min(1120px, 92vw);max-width:min(1120px, 92vw);transform:translateX(-60%) translateY(6px)}
.vs-nav-item:hover .vs-mega,.vs-nav-item.is-open .vs-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.vs-nav-item:hover .vs-mega:has(.vs-mega__grid--5),.vs-nav-item.is-open .vs-mega:has(.vs-mega__grid--5){transform:translateX(-60%) translateY(0)}
.vs-mega__header{padding:16px 20px 0;border-bottom:1px solid var(--cream-2);margin-bottom:0}
.vs-mega__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a39d93;margin-bottom:12px}
.vs-mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}
.vs-mega__grid--2{grid-template-columns:repeat(2,1fr)}
.vs-mega__grid--4{grid-template-columns:repeat(4,1fr)}
.vs-mega__grid--5{grid-template-columns:repeat(5,1fr)}
.vs-mega__grid--5 .vs-mega__img{aspect-ratio:1/1}
.vs-mega__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;border:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.vs-mega__card:hover{border-color:#f0ede8;box-shadow:0 4px 16px rgba(0,0,0,.07)}
.vs-mega__img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--cream-2),#ece9e2);overflow:hidden;position:relative;flex-shrink:0}
.vs-mega__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vs-mega__card:hover .vs-mega__img img{transform:scale(1.04)}
.vs-mega__img--empty{display:flex;align-items:center;justify-content:center}
.vs-mega__img--empty svg{opacity:.25}
.vs-mega__body{padding:12px 12px 14px}
.vs-mega__title{font-weight:var(--fw-semi);font-size:13px;color:var(--ink);line-height:1.3;margin-bottom:4px}
.vs-mega__desc{font-size:12px;color:#a39d93;line-height:1.45}
.vs-mega__footer{border-top:1px solid var(--cream-2);padding:12px 20px;display:flex;justify-content:flex-end}
.vs-mega__all{font-weight:var(--fw-semi);font-size:13px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .15s}
.vs-mega__all:hover{color:var(--g1)}

.kir-seo-body{font-family:var(--font-body),sans-serif;font-size:16px;color:#444;line-height:1.8}
.kir-seo-body p{margin:0 0 1em}
.kir-seo-body p:last-child{margin-bottom:0}
.kir-seo-body h2,.kir-seo-body h3,.kir-seo-body h4{font-weight:var(--fw-head);color:var(--ink);margin:1.5em 0 .5em}
.kir-seo-body h2{font-size:20px}
.kir-seo-body h3{font-size:17px}
.kir-seo-body strong,.kir-seo-body b{font-weight:var(--fw-head);color:var(--ink)}
.kir-seo-body em{font-style:italic}
.kir-seo-body ul,.kir-seo-body ol{padding-left:1.4em;margin:0 0 1em}
.kir-seo-body ul li,.kir-seo-body ol li{margin-bottom:.35em}
.kir-seo-body a{color:var(--g1);text-decoration:none}
.kir-seo-body a:hover{text-decoration:underline}
.kir-seo-body blockquote{border-left:3px solid #e3dfd8;margin:0 0 1em;padding:.5em 0 .5em 1.25em;color:var(--muted)}
.kir-seo-body hr{border:none;border-top:1px solid #f0ede8;margin:1.5em 0}

/* ── Store Product Detail Page (vs-pdp) ───────────────────────────── */
.vs-pdp-bc{max-width:1320px;margin:0 auto;padding:32px 40px 0}
.vs-pdp-bc a{font-size:13px;color:#a39d93;text-decoration:none}
.vs-pdp-bc a:hover{color:var(--ink)}
.vs-pdp{max-width:1320px;margin:0 auto;padding:28px 40px 80px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:start}
.vs-pdp__main{position:relative;aspect-ratio:1/1;background:var(--cream-2);border-radius:18px;overflow:hidden}
.vs-pdp__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vs-pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.vs-pdp__thumb{position:relative;aspect-ratio:1/1;background:var(--cream-2);border-radius:12px;overflow:hidden;border:1.5px solid #e3dfd8;cursor:pointer;padding:0}
.vs-pdp__thumb.active{border-color:var(--ink)}
.vs-pdp__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vs-pdp__cat{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:#a39d93;margin-bottom:12px}
h1.vs-pdp__name{font-weight:var(--fw-head);font-size:42px;letter-spacing:-0.02em;line-height:1.02;color:var(--ink);margin:0 0 18px}
.vs-pdp__price-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.vs-pdp__price{font-weight:var(--fw-head);font-size:30px;color:var(--ink)}
.vs-pdp__price-old{font-size:18px;font-weight:400;color:#a39d93;text-decoration:line-through;margin-left:8px}
.vs-pdp__stock{font-size:13px;font-weight:var(--fw-semi);padding:6px 12px;border-radius:100px}
.vs-pdp__stock--in{color:#1f8a5b;background:#e9f6ef}
.vs-pdp__stock--out{color:#cc3300;background:#fff0ee}
.vs-pdp__short-desc{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:30px}
.vs-pdp__qty-row{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.vs-pdp__qty{display:flex;align-items:center;gap:16px;border:1.5px solid #e3dfd8;border-radius:100px;padding:10px 18px}
.vs-pdp__qty-btn{font-weight:var(--fw-head);font-size:20px;color:var(--ink);background:none;border:none;cursor:pointer;line-height:1;padding:0}
.vs-pdp__qty-input{font-weight:var(--fw-head);font-size:17px;min-width:24px;text-align:center;border:none;outline:none;background:none}
.vs-pdp__add-btn{flex:1;font-weight:var(--fw-semi);font-size:16px;color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border:none;padding:15px 30px;border-radius:100px;cursor:pointer}
.vs-pdp__add-btn:disabled{opacity:.5;cursor:not-allowed}
.vs-pdp__buy-btn{display:block;width:100%;text-align:center;text-decoration:none;background:none;font-weight:var(--fw-semi);font-size:16px;color:var(--ink);border:1.5px solid var(--ink);padding:14px 30px;border-radius:100px;margin-bottom:14px;transition:background .15s,color .15s}
.vs-pdp__buy-btn:hover{background:var(--ink);color:#fff}
.vs-pdp__note{font-size:13px;color:#a39d93;text-align:center}
.vs-pdp__specs{margin-top:34px;border-top:1px solid #f0ede8;padding-top:24px}
.vs-pdp__specs-title{font-weight:var(--fw-head);font-size:18px;color:var(--ink);margin-bottom:16px}
.vs-pdp__spec{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--cream-2)}
.vs-pdp__spec-key{font-size:14px;color:#a39d93}
.vs-pdp__spec-val{font-size:14px;font-weight:var(--fw-semi);color:var(--ink)}
.vs-pdp-sec{max-width:1320px;margin:0 auto;padding:0 40px 80px}
.vs-pdp-sec__inner{border-top:1px solid #f0ede8;padding-top:40px}
.vs-pdp-sec__title{font-weight:var(--fw-head);font-size:24px;color:var(--ink);margin-bottom:28px}
.vs-pdp-sec__sub{margin-top:40px}
.vs-pdp-sec__sub-title{font-weight:var(--fw-head);font-size:20px;color:var(--ink);margin-bottom:20px}
.vs-pdp-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ink);max-width:860px}
.vs-pdp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.vs-pdp-desc{font-size:16px;color:#444;line-height:1.7;max-width:760px}
.vs-pdp-review{padding:20px 0;border-bottom:1px solid var(--cream-2)}
.vs-pdp-review__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.vs-pdp-review__name{font-weight:var(--fw-semi);font-size:15px;color:var(--ink)}
.vs-pdp-review__date{font-size:13px;color:#a39d93}
.vs-pdp-review__stars{color:var(--g3);font-size:16px;margin-bottom:8px}
.vs-pdp-review__stars span.empty{opacity:.25}
.vs-pdp-review__title{font-weight:var(--fw-semi);font-size:15px;color:var(--ink);margin-bottom:6px}
.vs-pdp-review__body{font-size:15px;color:#444;line-height:1.6}
.vs-pdp-empty{color:#a39d93;font-size:15px;margin-bottom:20px}
.vs-pdp-alert{border-radius:12px;padding:16px 20px;font-size:14px;margin-bottom:24px}
.vs-pdp-alert--ok{background:#e9f6ef;color:#1f8a5b}
.vs-pdp-alert--err{background:#fff0ee;color:#cc3300}
.vs-pdp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.vs-pdp-form-row .rv-in,.vs-pdp-form-row .qa-in{margin-bottom:0}
.vs-pdp-form-note{font-size:13px;color:#a39d93;margin-bottom:16px}
.vs-pdp-submit{font-weight:var(--fw-semi);font-size:15px;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:14px 28px;border-radius:100px;cursor:pointer;transition:filter .15s;animation:var(--vusto-btn-anim)}
.vs-pdp-submit:hover{filter:brightness(1.06)}
.rv-in{width:100%;font-family:var(--font-body),sans-serif;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid #e3dfd8;border-radius:12px;padding:14px 16px;outline:none;box-sizing:border-box;margin-bottom:14px}
.rv-in:focus{border-color:var(--ink)}
.rv-in--resize{resize:vertical}
.rv-stars{display:flex;flex-direction:row-reverse;gap:4px;margin-bottom:18px}
.rv-stars input{display:none}
.rv-stars label{font-size:28px;color:#e3dfd8;cursor:pointer}
.rv-stars input:checked~label,.rv-stars label:hover,.rv-stars label:hover~label{color:var(--g3)}
.vs-pdp-qa__item{padding:20px 0;border-bottom:1px solid var(--cream-2)}
.vs-pdp-qa__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.vs-pdp-qa__name{font-weight:var(--fw-semi);font-size:14px;color:var(--ink)}
.vs-pdp-qa__date{font-size:12px;color:#a39d93}
.vs-pdp-qa__q{font-size:15px;color:#444;line-height:1.6;margin-bottom:14px}
.vs-pdp-qa__label{font-weight:var(--fw-semi);color:var(--ink)}
.vs-pdp-qa__a{background:var(--cream-2);border-radius:10px;padding:14px 18px;font-size:15px;color:var(--ink);line-height:1.6}
.vs-pdp-qa__badge{font-weight:var(--fw-semi);background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.qa-in{width:100%;font-family:var(--font-body),sans-serif;font-size:15px;color:var(--ink);border:1.5px solid #e3dfd8;border-radius:12px;padding:14px 16px;outline:none;box-sizing:border-box;margin-bottom:14px}
.qa-in:focus{border-color:var(--ink)}
.qa-in--resize{resize:vertical}
.vs-pdp-related{max-width:1320px;margin:0 auto;padding:0 40px 80px}
.vs-pdp-related__hd{margin-bottom:24px}
.vs-pdp-related__title{font-weight:var(--fw-head);font-size:30px;letter-spacing:-0.02em;color:var(--ink)}
.vs-pdp-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vs-pdp-related__card{text-decoration:none;color:inherit;display:block}
.vs-pdp-related__card>div{background:#fff;border:1px solid #f0ede8;border-radius:14px;overflow:hidden;transition:box-shadow .15s}
.vs-pdp-related__card:hover>div{box-shadow:0 4px 16px rgba(0,0,0,.07)}
.vs-pdp-related__img{position:relative;aspect-ratio:1/1;background:var(--cream-2)}
.vs-pdp-related__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vs-pdp-related__body{padding:16px}
.vs-pdp-related__cat{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#a39d93;margin-bottom:5px}
.vs-pdp-related__name{font-weight:var(--fw-semi);font-size:16px;color:var(--ink);margin-bottom:10px}
.vs-pdp-related__price{font-weight:var(--fw-head);font-size:16px;color:var(--ink)}
.vs-pdp__buy-btn-form{margin-bottom:14px}
.vs-pdp__side-actions{display:flex;gap:10px;margin-bottom:20px}
.vs-pdp__side-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--fw-semi);font-size:13.5px;color:var(--ink);background:#fff;border:1.5px solid var(--border,#ece8e1);border-radius:100px;padding:11px 16px;cursor:pointer;transition:border-color .15s,color .15s}
.vs-pdp__side-btn:hover{border-color:var(--ink)}
.vs-pdp__side-btn.is-active{border-color:var(--g1);color:var(--g1)}
.vs-pdp__side-btn svg{flex-shrink:0}
.vs-card-wish{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:none;color:var(--ink);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:color .15s,transform .15s}
.vs-card-wish:hover{transform:scale(1.08)}
.vs-card-wish.is-active{color:var(--g1)}

/* ── Store Brands Strip ─────────────────────────────────────────────── */
.vs-brands{max-width:1320px;margin:0 auto;padding:0 40px 72px}
.vs-brands__hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}
.vs-brands__title{font-weight:var(--fw-head);font-size:34px;letter-spacing:-0.02em;color:var(--ink)}
.vs-brands__all{font-weight:500;font-size:15px;color:var(--muted);text-decoration:none}
.vs-brands__all:hover{color:var(--ink)}
.vs-brands__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}
.vs-brands__track::-webkit-scrollbar{display:none}
.vs-brands__item{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;min-width:140px;padding:12px 24px;background:#fff;border:1.5px solid #f0ede8;border-radius:14px;transition:border-color .15s,box-shadow .15s;text-decoration:none}
.vs-brands__item:hover{border-color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.vs-brands__logo{display:block;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.vs-brands__item:hover .vs-brands__logo{transform:translateY(-2px)}
.vs-brands__logo img{max-height:40px;max-width:110px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .2s,opacity .2s}
.vs-brands__item:hover .vs-brands__logo img{filter:grayscale(0%);opacity:1}
.vs-brands__name{font-size:11px;color:var(--muted);max-height:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-height .2s ease,opacity .2s ease}
.vs-brands__item:hover .vs-brands__name{max-height:16px;opacity:1}

/* ── Stok bildirimi formu ────────────────────────────────────────────── */
.vs-pdp-notify{margin-bottom:14px;background:#f9f7f4;border:1.5px solid #e8e3db;border-radius:14px;padding:18px 20px}
.vs-pdp-notify__title{font-weight:var(--fw-head);font-size:14px;color:var(--ink);margin-bottom:10px}
.vs-pdp-notify__form{display:flex;gap:8px}
.vs-pdp-notify__input{flex:1;font-family:var(--font-body),sans-serif;font-size:14px;color:var(--ink);background:#fff;border:1.5px solid #e3dfd8;border-radius:100px;padding:11px 18px;outline:none;min-width:0}
.vs-pdp-notify__input:focus{border-color:var(--ink)}
.vs-pdp-notify__btn{flex-shrink:0;font-weight:var(--fw-head);font-size:14px;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:11px 22px;border-radius:100px;cursor:pointer;white-space:nowrap;transition:filter .15s;animation:var(--vusto-btn-anim)}
.vs-pdp-notify__btn:hover{filter:brightness(1.06)}
.vs-pdp-notify__ok{font-size:14px;font-weight:var(--fw-semi);color:#1f8a5b;display:flex;align-items:center;gap:6px}

/* ── Distribütör Garantili pill ─────────────────────────────────────── */
.vs-distr-pill{display:inline-flex;align-items:center;gap:5px;background:#1a7a4a;color:#fff;border:none;font-size:11px;font-weight:var(--fw-head);letter-spacing:0.06em;text-transform:uppercase;padding:5px 12px;border-radius:100px;white-space:nowrap}
.vs-distr-pill::before{content:"✓";font-size:12px}
.vs-pdp__distr{margin-bottom:18px}

/* ── Kiralama → Store CTA Banner ────────────────────────────────────── */
.kir-store-cta{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1.5px solid #f0ede8;border-radius:14px;padding:16px 18px;margin-bottom:16px}
.kir-store-cta__icon{flex-shrink:0;width:36px;height:36px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}
.kir-store-cta__body{flex:1}
.kir-store-cta__text{font-family:var(--font-body),sans-serif;font-size:14px;color:#444;line-height:1.5;margin-bottom:10px}
.kir-store-cta__btn{display:inline-block;font-weight:var(--fw-semi);font-size:13px;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:8px 18px;border-radius:100px;text-decoration:none;transition:filter .15s;animation:var(--vusto-btn-anim)}
.kir-store-cta__btn:hover{filter:brightness(1.06)}

/* ── Header ─────────────────────────────────────────────────── */
.vs-hd-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:28px;height:68px;}
.vs-hd-inner .vs-hd-logo{height:var(--hd-logo-h,30px);width:auto;display:block;}
/* ── Açılış / preloader — sadece sayfa ~1sn'den uzun sürerse görünür (bkz.
   site.blade.php'teki JS: window.load'dan önce eşiği geçerse --show ekler),
   göründüğünde sembol çizgilerini çizer, sonra kaybolur ── */
.vs-preload{position:fixed;inset:0;z-index:2000000;background:rgba(250,248,245,0.55);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.vs-preload.vs-preload--show{opacity:1;visibility:visible}
.vs-preload__sym{width:160px;height:auto;filter:drop-shadow(0 10px 30px rgba(255,61,127,.22))}
.vs-preload__stroke{fill:none;stroke:url(#vsPreGrad);stroke-width:20;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.vs-preload--show .vs-preload__stroke{animation:vs-pre-draw .5s ease forwards}
.vs-preload__fill{fill:url(#vsPreGrad);opacity:0}
.vs-preload--show .vs-preload__fill{animation:vs-pre-fill .3s ease .3s forwards}
@keyframes vs-pre-draw{to{stroke-dashoffset:0}}
@keyframes vs-pre-fill{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .vs-preload{transition:opacity .15s ease}
  .vs-preload--show .vs-preload__stroke{animation:none;stroke-dashoffset:0}
  .vs-preload--show .vs-preload__fill{animation:none;opacity:1}
}
.vs-hd-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:15px;font-weight:500;}
.vs-hd-ham{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;margin-left:auto;flex-shrink:0;}
.vs-hd-ham span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s;}
.vs-hd-ham.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.vs-hd-ham.is-open span:nth-child(2){opacity:0;}
.vs-hd-ham.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.vs-hd-cta{font-weight:var(--fw-semi);font-size:15px;color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));padding:10px 22px;border-radius:100px;text-decoration:none;white-space:nowrap;flex-shrink:0;}

.vs-hd-account{display:flex;align-items:center;gap:6px;font-weight:var(--fw-semi);font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;flex-shrink:0;}
.vs-hd-account:hover{color:var(--g2);}
@media(max-width:900px){
  .vs-hd-account{padding:10px 0;}
}

/* ── Store/Kiralama bölüm etiketi (logonun yanında) ──────────────── */
.vs-hd-switch{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.vs-hd-switch__divider{width:1px;height:20px;background:var(--border,#ece8e1);}
.vs-hd-switch__label{font-size:17px;font-weight:700;white-space:nowrap;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
@media(max-width:900px){
  .vs-hd-switch{gap:10px;}
  .vs-hd-switch__label{font-size:15px;}
}

/* ── Header arama ──────────────────────────────────────────── */
.vs-hd-search{position:relative;display:flex;align-items:center;flex-shrink:0;}
.vs-hd-search__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ink);cursor:pointer;padding:0;border-radius:100px;transition:background .15s;}
.vs-hd-search__toggle:hover{background:var(--cream-2,#f4f2ee);}
.vs-hd-search__form{position:absolute;top:calc(100% + 10px);right:0;width:0;opacity:0;visibility:hidden;overflow:hidden;background:#fff;border:1px solid var(--border,#ece8e1);border-radius:100px;box-shadow:0 8px 24px rgba(0,0,0,.1);transition:width .2s,opacity .15s;}
.vs-hd-search.is-open .vs-hd-search__form{width:260px;opacity:1;visibility:visible;}
.vs-hd-search__input{width:100%;border:none;background:none;padding:11px 18px;font-size:14px;color:var(--ink);outline:none;}
@media(max-width:900px){
  .vs-hd-search{width:100%;order:1;}
  .vs-hd-search__toggle{display:none;}
  .vs-hd-search__form{position:static;width:100%!important;opacity:1!important;visibility:visible!important;box-shadow:none;border-radius:9px;margin:10px 0;}
}

/* ── Footer ─────────────────────────────────────────────────── */
.vs-ft-inner{max-width:1400px;margin:0 auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
/* Kurumsal footer yasal linkleri inline stille yazıldığından hover'ı buradan
   veriyoruz (inline color'ı geçmek için !important). */
.vs-ft-links a{transition:color .15s,opacity .15s}
.vs-ft-links a:hover{color:#fff !important;opacity:1}

/* ── Bülten kaydı (footer, her iki varyant) ────────────────────── */
.vs-ft-newsletter{margin-top:24px;}
.vs-ft-newsletter__title{font-weight:var(--fw-semi);font-size:15px;color:#fff;margin-bottom:4px;}
.vs-ft-newsletter__sub{font-size:13px;line-height:1.5;color:#8a8882;margin-bottom:14px;max-width:320px;}
.vs-ft-newsletter__ok{font-size:13px;color:#7be0a8;margin-bottom:10px;}
.vs-ft-newsletter__err{font-size:13px;color:#ff8a7a;margin-bottom:10px;}
.vs-ft-newsletter__form{display:flex;gap:8px;max-width:340px;}
.vs-ft-newsletter__input{flex:1;min-width:0;font-family:var(--font-body),sans-serif;font-size:13px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:10px 16px;outline:none;transition:border-color .15s,background .15s;}
.vs-ft-newsletter__input::placeholder{color:#7a7873;}
.vs-ft-newsletter__input:focus{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);}
.vs-ft-newsletter__btn{font-weight:var(--fw-semi);font-size:13px;color:#fff;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border:none;border-radius:100px;padding:10px 20px;cursor:pointer;white-space:nowrap;flex-shrink:0;}
@media(max-width:480px){ .vs-ft-newsletter__form{flex-direction:column;max-width:none;} }

/* ── Zengin çok-sütunlu footer (mağaza / kiralama) ───────────── */
.vs-ft2{background:var(--footer-bg,var(--ink));color:#b8b6b0;font-family:var(--font-body),sans-serif;}
.vs-ft2-inner{max-width:1400px;margin:0 auto;padding:64px 40px 44px;display:grid;grid-template-columns:290px 1fr;gap:56px;}
.vs-ft2-brand{max-width:290px;}
.vs-ft2-logo{height:30px;width:auto;margin-bottom:18px;}
.vs-ft2-tag{font-size:14px;line-height:1.6;color:#8a8882;margin:0;}
.vs-ft2-cols{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:32px;}
.vs-ft2-col__h{font-weight:var(--fw-semi);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px;position:relative;padding-bottom:10px;}
.vs-ft2-col__h::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));}
.vs-ft2-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.vs-ft2-col__list a{font-size:14px;color:#b8b6b0;text-decoration:none;transition:color .15s;line-height:1.35;}
.vs-ft2-col__list a:hover{color:#fff;}
.vs-ft2-bar{max-width:1400px;margin:0 auto;padding:22px 40px;border-top:1px solid #1e1e22;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.vs-ft2-bar__copy{font-size:13px;color:var(--footer-text,#5c5a56);}
.vs-ft2-bar__legal{display:flex;gap:20px;flex-wrap:wrap;}
.vs-ft2-bar__legal a{font-size:13px;color:var(--footer-text,#5c5a56);text-decoration:none;transition:color .15s;}
.vs-ft2-bar__legal a:hover{color:#b8b6b0;}
.vs-ft2-bar__social{display:flex;gap:14px;flex-wrap:wrap;}
.vs-ft2-social__link{display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.8;transition:opacity .15s;}
.vs-ft2-social__link svg{width:18px;height:18px;display:block;}
.vs-ft2-social__link:hover{opacity:1;}
@media(max-width:1024px){
  .vs-ft2-inner{grid-template-columns:1fr;gap:40px;padding:52px 28px 36px;}
  .vs-ft2-brand{max-width:none;}
  .vs-ft2-cols{grid-template-columns:repeat(3,minmax(0,1fr));}
  .vs-ft2-bar{padding:22px 28px;}
}
@media(max-width:640px){
  .vs-ft2-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;}
  .vs-ft2-inner{padding:44px 20px 32px;}
  .vs-ft2-bar{padding:20px;flex-direction:column;align-items:flex-start;gap:14px;}
}
@media(max-width:400px){ .vs-ft2-cols{grid-template-columns:1fr;} }

/* ── Cart ────────────────────────────────────────────────────── */
.cart-wrap{max-width:1320px;margin:0 auto;padding:48px 40px 88px;}
.cart-grid{display:grid;grid-template-columns:1.5fr 0.8fr;gap:48px;align-items:start;}

/* ── Checkout ────────────────────────────────────────────────── */
.co-wrap{max-width:1320px;margin:0 auto;padding:48px 40px 88px;}
.co-grid{display:grid;grid-template-columns:1fr 0.7fr;gap:56px;align-items:start;}
.co-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}

/* ── Store index sections ────────────────────────────────────── */
.si-hero-wrap{max-width:1320px;margin:0 auto;padding:40px 40px 0;}
.si-hero-body{position:absolute;bottom:0;left:0;right:0;padding:48px;}
.kir-trust-strip{max-width:1320px;margin:20px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kir-trust-strip__item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;}
.kir-trust-strip__icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.kir-trust-strip__icon svg{width:19px;height:19px;color:#fff;}
.kir-trust-strip__text{font-family:var(--font-body),sans-serif;font-weight:var(--fw-semi);font-size:14px;color:var(--ink);line-height:1.3;}
.si-sec-hd{max-width:1320px;margin:0 auto;padding:52px 40px 20px;display:flex;align-items:baseline;justify-content:space-between;}
.si-sec-title{font-weight:var(--fw-head);font-size:34px;letter-spacing:-0.02em;color:var(--ink);}
a.si-sec-title{text-decoration:none;transition:opacity .15s;}
a.si-sec-title:hover{opacity:0.65;}
.si-sec-link{font-weight:500;font-size:15px;color:var(--muted);text-decoration:none;}
.si-sec-link:hover{color:var(--ink);}
.si-cats-grid{max-width:1320px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.kir-icon-card{position:relative;aspect-ratio:4/5;border-radius:18px;background:#fff;border:1px solid #efece6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;}
.kir-icon-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,13,16,.09);border-color:transparent;}
.kir-icon-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#FF3D7F,#FF6A4D,#FFA84D);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none;}
.kir-icon-card:hover::before{opacity:1;}
.kir-icon-card__icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(255,61,127,.07),rgba(255,168,77,.10));border:1px solid rgba(255,106,77,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s,transform .25s;}
.kir-icon-card:hover .kir-icon-card__icon{transform:scale(1.06);background:linear-gradient(135deg,rgba(255,61,127,.13),rgba(255,168,77,.18));}
.kir-icon-card__icon svg{width:28px;height:28px;stroke:url(#kirIconGrad);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.kir-icon-card__name{font-family:var(--font-head),sans-serif;font-weight:700;font-size:16px;color:var(--ink);line-height:1.2;}
.kir-icon-card__go{font-size:12.5px;font-weight:600;color:#a39d93;display:inline-flex;align-items:center;gap:4px;transition:color .2s,gap .2s;}
.kir-icon-card:hover .kir-icon-card__go{color:#FF6A4D;gap:7px;}
.kir-axis__card-icon{aspect-ratio:4/5;}
.si-csec__icon-card{aspect-ratio:3/4;gap:10px;padding:14px;}
.si-csec__icon-card .kir-icon-card__icon{width:44px;height:44px;}
.si-csec__icon-card .kir-icon-card__icon svg{width:22px;height:22px;}
.si-csec__icon-card .kir-icon-card__name{font-size:14px;}
.si-feat-grid{max-width:1320px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.si-promo-wrap{max-width:1320px;margin:0 auto;padding:48px 40px;}
.si-promo{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));border-radius:20px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.si-bundles-grid{max-width:1320px;margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.si-list-wrap{max-width:1320px;margin:0 auto;padding:0 40px 0;}
.si-list-wrap--cat{padding-top:56px;}

/* ── Store listing filter + grid ─────────────────────────────── */
.si-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px;flex-wrap:wrap;}
.si-filter-pills{display:flex;gap:8px;flex-wrap:wrap;}
.si-filter-count{font-size:14px;color:#a39d93;}
.si-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px;}

/* ── /projeler öne çıkan video hero slider (16:9 Vimeo) ──────── */
.vs-phv{max-width:var(--page-max,1320px);margin:0 auto;padding:32px 40px 8px;position:relative;}
.vs-phv__viewport{position:relative;}
.vs-phv__slide{display:none;}
.vs-phv__slide.is-active{display:block;animation:vsPhvFade .4s ease;}
@keyframes vsPhvFade{from{opacity:0}to{opacity:1}}
.vs-phv__frame{position:relative;aspect-ratio:16/9;width:100%;border-radius:20px;overflow:hidden;background:var(--ink);box-shadow:0 24px 50px -24px rgba(13,13,16,.5);}
.vs-phv__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vs-phv__meta{margin:16px 4px 0;}
.vs-phv__title{font-weight:var(--fw-head);font-size:clamp(18px,2vw,24px);letter-spacing:-.02em;color:var(--ink);line-height:1.15;}
.vs-phv__sub{font-size:15px;color:var(--muted);line-height:1.5;margin-top:4px;}
.vs-phv__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);z-index:3;transition:background .15s,transform .15s;box-shadow:0 6px 18px -8px rgba(13,13,16,.4);}
.vs-phv__nav:hover{background:#fff;}
.vs-phv__nav svg{width:22px;height:22px;}
.vs-phv__nav--prev{left:52px;}
.vs-phv__nav--next{right:52px;}
.vs-phv__dots{display:flex;justify-content:center;gap:8px;margin-top:16px;}
.vs-phv__dot{width:8px;height:8px;border-radius:50%;border:none;background:#d9d4cc;cursor:pointer;padding:0;transition:background .2s,width .2s;}
.vs-phv__dot.is-active{width:24px;border-radius:100px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));}
@media(max-width:768px){
  .vs-phv{padding:20px 16px 4px;}
  .vs-phv__nav{width:38px;height:38px;}
  .vs-phv__nav--prev{left:8px;}
  .vs-phv__nav--next{right:8px;}
}

/* ── /projeler: küçültülmüş video (header'ın altında) ────────── */
.vs-phv--compact{padding-top:8px;}
.vs-phv--compact .vs-phv__inner{max-width:860px;margin:0 auto;position:relative;}
.vs-phv--compact .vs-phv__nav--prev{left:14px;}
.vs-phv--compact .vs-phv__nav--next{right:14px;}
.vs-phv--compact .vs-phv__nav{width:40px;height:40px;}
.vs-phv--compact .vs-phv__nav svg{width:19px;height:19px;}
@media(max-width:900px){ .vs-phv--compact .vs-phv__inner{max-width:100%;} }

/* ── /projeler: sayfa-özel header dekoru (paylaşılan .vs-phero'nun üstüne) ── */
.pj-hero{position:relative;overflow:visible;}
.pj-hero__glow{position:absolute;top:-30px;left:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,127,.11),transparent 70%);filter:blur(10px);z-index:-1;pointer-events:none;}
.pj-hero__badge{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.pj-hero__badge-icon{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,rgba(255,61,127,.13),rgba(255,168,77,.16));display:flex;align-items:center;justify-content:center;}
.pj-hero__badge-icon svg{width:14px;height:14px;color:var(--g1);}
@media(max-width:768px){ .pj-hero__glow{display:none;} }

/* ── Ana sayfa "İki Disiplin" bölümü (Video / Etkinlik Prodüksiyon) ── */
.vs-disc__eyebrow{text-align:center;font-size:12px;font-weight:var(--fw-semi);letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:28px;}
.vs-disc__cols{display:grid;grid-template-columns:1fr 1fr;position:relative;}
.vs-disc__col{position:relative;overflow:hidden;padding:20px 40px 30px;text-decoration:none;color:inherit;display:block;border-radius:16px;border:1.5px solid transparent;transition:box-shadow .3s ease;}
/* Kart sayısı 2'den fazla olduğunda satır/sütun ayraçları — sol kart için dikey
   çizgi, ikinci satırdan itibaren tüm kartların üstünde yatay çizgi. */
.vs-disc__col:nth-child(odd)::before{content:"";position:absolute;top:8px;bottom:8px;right:0;width:2px;background:linear-gradient(180deg,var(--g1),var(--g2),var(--g3));opacity:.85;border-radius:2px;transition:opacity .2s ease;}
.vs-disc__col:nth-child(n+3)::after{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));opacity:.85;border-radius:2px;transition:opacity .2s ease;}
/* Herhangi bir kart hover'landığında sabit ayraçlar geçici olarak kaybolur —
   aksi halde hover çerçevesiyle aynı kenarda çakışıp kalın/düzensiz görünüyorlardı. */
.vs-disc__cols:has(.vs-disc__col:hover) .vs-disc__col::before,
.vs-disc__cols:has(.vs-disc__col:hover) .vs-disc__col::after{opacity:0;}
.vs-disc__col:hover{
    background-color:#fff;
    background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3));
    background-origin:border-box;
    background-clip:padding-box,border-box;
    box-shadow:0 14px 34px -16px rgba(255,61,127,.4);
}
.vs-disc__wm--icon{position:absolute;top:16px;right:20px;width:112px;height:112px;color:var(--cream-2);z-index:0;transition:opacity .35s ease;pointer-events:none;}
.vs-disc__wm--icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1;}
.vs-disc__col:hover .vs-disc__wm--icon{opacity:.55;}
.vs-disc__in{position:relative;z-index:1;}
.vs-disc__eye{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:var(--fw-semi);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.vs-disc__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));flex-shrink:0;}
.vs-disc__title{font-weight:var(--fw-head);font-size:clamp(32px,4.6vw,54px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--ink);}
.vs-disc__col:hover .vs-disc__title{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}
.vs-disc__desc{font-size:15px;color:var(--muted);line-height:1.6;margin:18px 0 0;max-width:420px;}
.vs-disc__go{display:inline-flex;align-items:center;gap:8px;font-weight:var(--fw-semi);font-size:14px;color:var(--ink);margin-top:20px;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;border:1.5px solid transparent;padding:11px 22px;border-radius:100px;animation:var(--vusto-btn-anim);transition:transform .2s ease,box-shadow .2s ease;}
.vs-disc__go svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:transform .25s ease;}
.vs-disc__col:hover .vs-disc__go{transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(255,61,127,.4);}
.vs-disc__col:hover .vs-disc__go svg{transform:translateX(4px);}
@media(max-width:768px){.vs-disc__col{padding:18px 24px 26px;}.vs-disc__wm--icon{width:80px;height:80px;right:12px;}}
@media(max-width:600px){
  .vs-disc__cols{grid-template-columns:1fr;}
  .vs-disc__col::before,.vs-disc__col::after{content:none;}
  .vs-disc__col{border-radius:0;}
  .vs-disc__col + .vs-disc__col{position:relative;margin-top:8px;padding-top:30px;}
  .vs-disc__col + .vs-disc__col::before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));opacity:.85;border-radius:2px;}
}

/* ── Motto / manifesto scroll-scrub bölümü (Apple-tarzı pin+reveal) ── */
.vs-motto-track{position:relative;height:300vh;}
.vs-motto-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.vs-motto-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 40px;text-align:center;}
.vs-motto-head{margin:0 0 40px;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:var(--fw-head);font-size:clamp(28px,4.4vw,40px);letter-spacing:-0.02em;color:var(--ink);will-change:opacity,transform;}
.vs-motto-head__arrow{flex-shrink:0;}
.vs-motto-head__accent{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;}
.vs-motto-lines{display:flex;flex-direction:column;gap:14px;align-items:center;}
.vs-motto-line{margin:0;font-weight:var(--fw-head);font-size:clamp(22px,3vw,30px);line-height:1.4;will-change:opacity,transform;}
.vs-motto-old{text-decoration:line-through;text-decoration-color:#d8534d;text-decoration-thickness:2px;color:var(--cream-2);}
.vs-motto-new{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;}
.vs-motto-desc{margin:32px auto 0;max-width:480px;font-size:15px;color:var(--muted);line-height:1.6;will-change:opacity,transform;}
.vs-motto-icons{position:absolute;inset:0;pointer-events:none;z-index:1;}
.vs-motto-icon{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;color:var(--cream-2);will-change:opacity,transform,color;}
.vs-motto-icon svg{width:52px;height:52px;stroke:currentColor;stroke-width:1.5;fill:none;display:block;}
.vs-motto-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:calc(var(--motto-badge-size, 18px) * 0.5);background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));padding:calc(var(--motto-badge-size, 18px) * 0.55) calc(var(--motto-badge-size, 18px) * 0.95);border-radius:100px;margin:32px auto 0;will-change:opacity,transform;}
.vs-motto-badge__icon svg{width:var(--motto-badge-size, 18px);height:var(--motto-badge-size, 18px);stroke:#fff;fill:none;display:block;}
@media(max-width:600px){
  .vs-motto-track{height:260vh;}
  .vs-motto-head{gap:10px;flex-wrap:wrap;}
  .vs-motto-lines{gap:10px;}
  .vs-motto-icon{width:60px;height:60px;}
  .vs-motto-icon svg{width:38px;height:38px;}
}

/* ── Ana sayfa "Seçili İşler" kartları (hover efektli) ───────── */
.vs-work-card{text-decoration:none;color:inherit;display:block;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 1px 2px rgba(13,13,16,.04);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease;}
.vs-work-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px rgba(13,13,16,.42);}
.vs-work-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;}
.vs-work-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .35s ease;}
.vs-work-card:hover .vs-work-card__img{transform:scale(1.06);opacity:.92;}
.vs-work-card__ov{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.74));transition:background .35s ease;}
.vs-work-card:hover .vs-work-card__ov{background:linear-gradient(to bottom,rgba(0,0,0,.12) 20%,rgba(0,0,0,.8));}
.vs-work-card__cap{position:absolute;left:24px;right:24px;bottom:20px;transition:transform .35s cubic-bezier(.2,.7,.3,1);}
.vs-work-card:hover .vs-work-card__cap{transform:translateY(-4px);}
.vs-work-card__title{font-weight:var(--fw-head);font-size:22px;color:#fff;line-height:1.12;letter-spacing:-.01em;}
.vs-work-card__cat{font-size:13px;color:rgba(255,255,255,.62);margin-top:6px;transition:color .3s ease;}
.vs-work-card:hover .vs-work-card__cat{color:rgba(255,255,255,.88);}
.vs-work-card__detail{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:var(--fw-semi);color:#fff;text-decoration:none;opacity:.85;transition:opacity .2s ease;position:relative;z-index:2;}
.vs-work-card__detail:hover{opacity:1;text-decoration:underline;}
.vs-work-card__go{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-6px) scale(.85);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.3,1);pointer-events:none;box-shadow:0 8px 20px -6px rgba(255,61,127,.6);}
.vs-work-card__go svg{width:20px;height:20px;stroke:#fff;}
.vs-work-card:hover .vs-work-card__go{opacity:1;transform:translateY(0) scale(1);}
@media(max-width:760px){.vs-home-works{grid-template-columns:1fr !important;}.vs-work-card__title{font-size:19px;}}

/* ── Kiralama prodüksiyon eksenleri (Video / Etkinlik) ───────── */
.kir-axis-sec{max-width:1320px;margin:0 auto;padding:56px 40px 8px;font-family:var(--font-body),sans-serif;color:var(--ink);}
.kir-axis-sec__head{max-width:640px;margin-bottom:36px;}
.kir-axis-sec__eyebrow{font-size:12px;font-weight:var(--fw-semi);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;}
.kir-axis-sec__title{font-weight:var(--fw-head);font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;line-height:1.02;color:var(--ink);margin-bottom:12px;}
.kir-axis-sec__sub{font-size:16px;color:var(--muted);line-height:1.55;}
.kir-axis{margin-bottom:48px;}
.kir-axis__head{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--border);}
.kir-axis__icon{flex-shrink:0;width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;}
.kir-axis__icon svg{width:24px;height:24px;stroke:var(--ink);}
.kir-axis__head-txt{flex:1;min-width:0;}
.kir-axis__label{font-weight:var(--fw-head);font-size:20px;letter-spacing:-.02em;color:var(--ink);}
.kir-axis__sub{font-size:14px;color:var(--muted);line-height:1.45;margin-top:3px;}
.kir-axis__count{flex-shrink:0;font-size:13px;font-weight:500;color:#a39d93;white-space:nowrap;}
.kir-axis__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.kir-axis__card{text-decoration:none;color:inherit;display:block;}
.kir-axis__card-img{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;}
.kir-axis__card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.kir-axis__card:hover .kir-axis__card-img img{transform:scale(1.05);}
.kir-axis__card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.68),transparent 55%);pointer-events:none;}
.kir-axis__card-cap{position:absolute;left:18px;right:18px;bottom:16px;pointer-events:none;}
.kir-axis__card-name{font-weight:var(--fw-head);font-size:18px;line-height:1.15;color:#fff;}
.kir-axis__card-go{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);margin-top:4px;transition:color .15s;}
.kir-axis__card:hover .kir-axis__card-go{color:#fff;}
/* Kategori kartı — "İki prodüksiyon ekseni" tam kadraj foto kart (Concept 1) */
.kir-cat-card{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#14121a;text-decoration:none;transition:box-shadow .25s;}
.kir-cat-card:hover{box-shadow:0 18px 42px rgba(13,13,16,.16);}
.kir-cat-card:focus-visible{outline:2px solid var(--g2);outline-offset:3px;}
.kir-cat-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.kir-cat-card:hover .kir-cat-card__img{transform:scale(1.06);}
.kir-cat-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 80% 0%,rgba(255,106,77,.30),transparent 55%),linear-gradient(150deg,#241426,#0d0d10 70%);}
.kir-cat-card__ph svg{width:54px;height:54px;stroke:rgba(255,255,255,.32);fill:none;stroke-width:1.4;}
.kir-cat-card__ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,10,.82) 4%,rgba(10,8,10,.26) 42%,transparent 68%);pointer-events:none;}
.kir-cat-card__bar{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);}
.kir-cat-card:hover .kir-cat-card__bar{transform:scaleX(1);}
.kir-cat-card__cap{position:absolute;left:16px;right:16px;bottom:15px;pointer-events:none;}
.kir-cat-card__name{font-family:var(--font-head),sans-serif;font-weight:var(--fw-head);font-size:17px;line-height:1.14;letter-spacing:-.01em;color:#fff;}
.kir-cat-card__go{font-size:12.5px;font-weight:var(--fw-semi);color:#fff;display:inline-flex;align-items:center;gap:5px;margin-top:8px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;}
.kir-cat-card:hover .kir-cat-card__go{opacity:1;transform:none;}
@media(hover:none){.kir-cat-card__go{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.kir-cat-card__img,.kir-cat-card__bar,.kir-cat-card__go{transition:none;}}
@media(max-width:1280px){.kir-axis-sec{padding-left:28px;padding-right:28px;}.kir-axis__grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:980px){.kir-axis__grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.kir-axis-sec{padding-left:16px;padding-right:16px;}.kir-axis__grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
@media(max-width:560px){.kir-axis__head{flex-wrap:wrap;}.kir-axis__count{order:3;margin-left:62px;}.kir-axis__card-name{font-size:16px;}}


/* ============================================================
   RESPONSIVE YAPI (STANDARTLAŞTIRILMIŞ)
   ============================================================ */

/* 1. MASAÜSTÜ & BÜYÜK TABLETLER (max-width: 1280px) */
@media(max-width: 1280px) {
  .vs-hd-inner{padding:0 28px;}
  .vs-ft-inner{padding:24px 28px;}
  .si-hero-wrap, .si-sec-hd, .si-cats-grid, .si-feat-grid, .si-promo-wrap, .si-bundles-grid, .si-list-wrap{padding-left:28px;padding-right:28px;}
  .cart-wrap, .co-wrap{padding-left:28px;padding-right:28px;}
  
  /* Grid daraltmaları (4'ten 3'e) */
  .st-grid, .kir-grid, .kir-related__grid, .si-feat-grid, .si-prod-grid, .vs-pdp-related__grid { grid-template-columns: repeat(3, 1fr); }
}

/* 2. TABLETLER & YATAY MOBİL (max-width: 900px) */
@media(max-width: 900px) {
  /* Header & Menü Z-Index Fix */
  .vs-hd-inner{padding:0 20px;height:56px;}
  /* Header 68px→56px küçüldüğü için logo da orantılı (~0.82) küçülür. */
  .vs-hd-inner .vs-hd-logo{height:calc(var(--hd-logo-h,30px) * 0.82);}
  /* CRITICAL: backdrop-filter on the header makes it a containing block for position:fixed
     children — the nav would be clipped to 0 height. Remove it on mobile; solid white is
     cleaner anyway. */
  header{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:#fff !important;}
  /* Prevent touch-scroll propagating to the page behind the open nav (iOS).
     Plain overflow:hidden here breaks the header's position:sticky when the
     page was already scrolled (it stops "sticking" and scrolls off-screen,
     revealing whatever content sits behind it) — pin body in place instead;
     the matching JS sets body.style.top to the negative scroll offset. */
  html.body-no-scroll{overflow:hidden !important;}
  html.body-no-scroll body{position:fixed;left:0;right:0;width:100%;overflow:hidden !important;}
  /* header is inline-styled position:sticky, which needs a live scroll context
     to compute its "stuck" offset — freezing body via position:fixed removes
     that context, so sticky stops recalculating and the header renders at its
     pre-freeze (scrolled-away) position. Force it to position:fixed too, which
     doesn't depend on scroll math, only while the nav lock is active. */
  html.body-no-scroll header{position:fixed !important;top:0;left:0;right:0;}
  .vs-hd-ham{display:flex;}
  .vs-hd-nav{
    display:none;
    position:fixed;top:56px;left:0;right:0;bottom:0;
    flex-direction:column;align-items:flex-start;
    background:#fff;
    padding:20px 20px 32px;
    gap:0;
    overscroll-behavior:contain;
    overflow-y:auto;
    border-top:1px solid #f0ede8;
    z-index:999999; /* WhatsApp'ın üzerinde kalması için düzeltildi */
  }
  .vs-hd-nav.is-open{display:flex;}
  .vs-hd-nav>a, .vs-hd-nav>.vs-nav-item{ width:100%; padding:14px 0; border-bottom:1px solid var(--cream-2); font-size:17px; box-sizing:border-box; }
  /* Base .vs-nav-item is display:inline-flex (desktop: label + dropdown side
     by side). Mobile needs the dropdown to stack BELOW the label, not sit
     next to it as a flex sibling — that was the real cause of the submenu
     rendering off to the side instead of underneath "Hizmetler". */
  .vs-hd-nav>.vs-nav-item{ display:block; }
  .vs-hd-cta{ margin-top:20px; width:100%; text-align:center; padding:14px 22px; font-size:16px; border-bottom:none !important; }
  .vs-mega, .vs-subnav{display:none;}
  /* transform:none — the desktop rule's translateX(-50%) centering transform
     otherwise survives the position:static override and shifts this ~110px
     off to the left, overlapping the parent label above it. */
  .vs-nav-item.is-open>.vs-mega, .vs-nav-item.is-open>.vs-subnav{display:block;position:static;transform:none;box-shadow:none;border:none;background:none;padding:0;margin-top:2px;}
  .vs-nav-item.is-open .vs-mega__grid{grid-template-columns:1fr;}
  .vs-nav-chev{transition:transform .2s;}
  .vs-nav-item.is-open .vs-nav-chev{transform:rotate(180deg);}
  /* Alt öğeler: arkaplansız, sade — önlerinde küçük bir nokta işareti,
     satırlar arası boşluk daraltıldı (10px→7px). */
  .vs-nav-item.is-open .vs-subnav__link{display:block;padding:7px 0 7px 15px;font-size:15px;position:relative;white-space:normal;border-radius:0;}
  .vs-nav-item.is-open .vs-subnav__link::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--muted,#a39d93);}
  .vs-nav-item.is-open .vs-subnav__link:hover{background:none}
  /* Mega menu mobile: images hidden, plain text links only */
  .vs-nav-item.is-open .vs-mega__img{display:none !important;}
  .vs-nav-item.is-open .vs-mega__header,.vs-nav-item.is-open .vs-mega__footer{display:none;}
  .vs-nav-item.is-open .vs-mega__card{flex-direction:row;padding:7px 0 7px 15px;border:none !important;box-shadow:none !important;border-radius:0;background:none;position:relative;}
  .vs-nav-item.is-open .vs-mega__card::before{content:'';position:absolute;left:0;top:20px;width:4px;height:4px;border-radius:50%;background:var(--muted,#a39d93);}
  .vs-nav-item.is-open .vs-mega__body{padding:0;}
  .vs-nav-item.is-open .vs-mega__desc{display:none;}
  .vs-nav-item.is-open .vs-mega__title{font-size:15px;color:var(--ink);}

  /* Ürün Detay (PDP) Sıkışma Fixleri */
  .vs-pdp, .kir-pdp, .sp-grid { grid-template-columns: 1fr !important; gap: 32px; }
  /* PDP yan boşlukları mobilde 40px → 16px (içerik ekranı doldursun, dev margin gitsin) */
  .vs-pdp, .vs-pdp-bc, .vs-pdp-sec, .kir-tabs-wrap { padding-left: 16px; padding-right: 16px; }
  .vs-pdp-sec { padding-bottom: 56px; }
  .vs-pdp-sec__inner { padding-top: 32px; }
  /* Açıklama / Teknik Özellikler sekme çubuğu: alta sarmak yerine tek satır + yatay kaydırma */
  .kir-tabs-nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .kir-tabs-nav::-webkit-scrollbar { display: none; }
  .kir-tabs-nav li { flex: 0 0 auto; }
  .kir-tabs-nav li a { padding: 13px 18px; }
  /* Sekme paneli iç boşluğunu küçült; geniş teknik tablo taşarsa yatay kaydırılabilsin */
  .kir-tab-panel { padding: 24px 18px 28px; overflow-x: auto; }

  /* Diğer yapılar */
  .vs-ft-inner{padding:24px 20px;flex-direction:column;align-items:flex-start;gap:16px;}
  .vs-ft-links{flex-wrap:wrap;gap:10px 16px;}
  /* About page grid overrides */
  .vs-about-story{grid-template-columns:1fr !important;gap:32px;}
  .vs-clients-grid{grid-template-columns:repeat(4,1fr) !important;}
  /* Home page overrides */
  .vs-home-hero,.vs-home-works,.vs-caps-grid,.vs-home-cta{padding-left:20px !important;padding-right:20px !important;}
  .vs-home-prods{grid-template-columns:repeat(2,1fr) !important;}
  .cart-wrap, .co-wrap{padding:28px 20px 64px;}
  .cart-grid, .co-grid{grid-template-columns:1fr;gap:32px;}
  .co-form-row{grid-template-columns:1fr;}
  
  .si-hero-wrap{padding:16px 16px 0;}
  .si-hero-body{padding:28px 24px;}
  .si-sec-hd{padding:36px 16px 14px;flex-wrap:wrap;gap:8px;}
  .si-sec-title{font-size:26px;}
  .kir-trust-strip{grid-template-columns:1fr;padding:0 16px;margin-top:16px;}
  /* Rezervasyon formu: masaüstünde yan yana duran alan çiftleri (tarih,
     saat, adet+ad, telefon+e-posta) mobilde sıkışıp okunmaz hale geliyordu —
     alt alta tam genişlik daha kullanışlı. */
  .kir-reserve{padding:18px;}
  .kir-reserve .row{flex-direction:column;gap:12px;}
  .kir-reserve .row>*{max-width:none !important;}
  .kir-reserve input,.kir-reserve select,.kir-reserve textarea{padding:12px 14px;font-size:16px;}
  
  /* Grid daraltmaları (3'ten 2'ye) */
  .st-grid, .kir-grid, .kir-related__grid, .si-cats-grid, .si-feat-grid, .si-prod-grid, .vs-pdp-related__grid, .si-bundles-grid { grid-template-columns: repeat(2, 1fr); padding-left: 16px; padding-right: 16px; gap:16px; }
  
  .si-promo-wrap{padding:32px 16px;}
  .si-promo{flex-direction:column;gap:20px;padding:28px 24px;border-radius:16px;}
  .si-list-wrap{padding:28px 16px 0;}
  .si-filter-bar{margin-bottom:24px;}
  
  .vs-pdp-related, .vs-brands{padding:0 16px 56px;}
  .vs-pdp-notify__form{flex-direction:column;}
  .vs-pdp-notify__btn{width:100%;}
  /* Contact page */
  .vs-contact-wrap{grid-template-columns:1fr !important;gap:40px !important;padding-left:20px !important;padding-right:20px !important;}
}

/* 3. MOBİL EKRANLAR (max-width: 560px) - Dokunmatik hedef (Touch Target) ve Padding düzeltmeleri */
@media(max-width: 560px) {
  /* Çok daralan ve taşan gridleri tek sütuna düşür */
  .si-bundles-grid, .kir-grid, .kir-related__grid, .ac-grid, .st-grid { grid-template-columns: 1fr; }
  
  /* 2 sütun kalması gereken kartların iç boşluklarını küçült */
  .si-cats-grid, .si-prod-grid, .si-feat-grid, .vs-pdp-related__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  
  .vs-kart__body, .kir-card__body, .st-body { padding: 12px; }
  .vs-kart__title, .kir-card__name, .st-name { font-size: 15px; margin-bottom: 6px; }
  .vs-kart__desc { font-size: 13px; line-height: 1.4; }
  .kir-card__price, .st-price .now { font-size: 16px; }
  
  .cart-wrap, .co-wrap { padding: 20px 14px 56px; }
  .kir-header__title { font-size: 32px; }
  .vs-pdp__name, .kir-pdp__name { font-size: 28px; }
  /* Footer */
  .vs-ft-links { flex-direction:column; gap:8px !important; }
  /* About grids */
  .vs-stats-grid  { grid-template-columns:repeat(2,1fr) !important; gap:24px !important; }
  .vs-values-grid { grid-template-columns:repeat(2,1fr) !important; gap:24px !important; }
  .vs-clients-grid{ grid-template-columns:repeat(3,1fr) !important; }
  /* Home grids & sections */
  .vs-home-hero { padding-top:48px !important; padding-bottom:40px !important; }
  .vs-home-reel { aspect-ratio:16/9 !important; border-radius:12px !important; }
  .vs-home-works { grid-template-columns:1fr !important; gap:16px !important; }
  .vs-caps-grid  { grid-template-columns:repeat(2,1fr) !important; gap:20px !important; padding-top:24px !important; padding-bottom:24px !important; }
  .vs-home-prods { grid-template-columns:1fr !important; }
  .vs-home-cta   { padding-top:56px !important; padding-bottom:56px !important; }
  /* Blog/content article */
  .nb-article    { padding:32px 20px 56px; }
  .nb-breadcrumb { padding:20px 20px 0; }
  .nb-blog-tabs  { padding:0 20px 28px; }
  .nb-related    { padding:0 20px 56px; }
  /* Home content-blocks container (brands etc.) */
  .vs-home-blocks { padding-left:20px !important; padding-right:20px !important; padding-top:40px !important; padding-bottom:40px !important; }
  /* WhatsApp: tighter position on small screens */
  #vusto-wa { bottom:16px; }
  #vusto-wa.wa-right { right:16px; }
  #vusto-wa.wa-left  { left:16px; }
  /* Contact page */
  .vs-contact-wrap{padding-top:48px !important;padding-bottom:56px !important;}
  .vs-contact-form-box{padding:24px !important;border-radius:16px !important;}
}

/* ── Store Homepage Carousel Sections ───────────────────────────────────── */
.si-csec {
  max-width: 1320px;
  margin: 0 auto 56px;
  padding: 0 40px;
}

/* si-sec-hd inside carousel resets its own centering — parent already handles it */
.si-csec .si-sec-hd {
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.si-csec__desc {
  font-size: 16px;
  color: var(--muted);
  margin: -10px 0 20px;
  line-height: 1.5;
}

.si-csec__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
  scrollbar-width: none;
}
.si-csec__track::-webkit-scrollbar { display: none; }

.si-csec__item {
  flex: 0 0 220px;
  scroll-snap-align: start;
}

/* product card inside carousel */
.si-csec__prod {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #f0ede8;
}
.si-csec__prod-img {
  aspect-ratio: 1 / 1;
  background: var(--cream-2);
  position: relative;
  overflow: hidden;
}
.si-csec__prod-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.si-csec__prod-info {
  padding: 12px;
}
.si-csec__prod-name {
  font-family: var(--font-head), sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--ink);
  line-height: 1.35;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.si-csec__prod-price {
  font-family: var(--font-head), sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--ink);
}

@media (max-width: 900px) {
  .si-csec { padding-left: 28px; padding-right: 28px; }
  .si-csec__item { flex: 0 0 180px; }
}
@media (max-width: 540px) {
  .si-csec { padding-left: 16px; padding-right: 16px; }
  .si-csec__item { flex: 0 0 150px; }
  .si-csec__desc { font-size: 14px; }
}

/* ── Store Hero Slider ──────────────────────────────────────────── */
.si-shero { position: relative; }
.si-shero__track {
  display: grid;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 21 / 8;
}
.si-shero__slide {
  grid-area: 1 / 1;
  position: relative;
  background: linear-gradient(120deg,#1a0f18,var(--ink) 65%);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.si-shero__slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.si-shero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.si-shero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,rgba(26,15,24,0.85),rgba(13,13,16,0.55) 65%);
}
.si-shero__glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 30%,rgba(255,61,127,0.45),transparent 55%);
}
.si-shero__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: background 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.si-shero__nav:hover { background: rgba(255,255,255,0.22); }
.si-shero__prev { left: 20px; }
.si-shero__next { right: 20px; }
.si-shero__dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.si-shero__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  border: none;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  padding: 0;
  flex-shrink: 0;
}
.si-shero__dot.is-active { background: #fff; transform: scale(1.3); }
@media (max-width: 540px) {
  .si-shero__nav { width: 36px; height: 36px; font-size: 14px; }
  .si-shero__prev { left: 12px; }
  .si-shero__next { right: 12px; }
}

/* "vstabs" — kategori sekmeli + numaralı akordeon (uzun hizmet listeleri). */
.vstabs__nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.vstabs__tab{font-size:13px;font-weight:600;padding:9px 18px;border-radius:100px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--muted);transition:background .15s,border-color .15s,color .15s}
.vstabs__tab:hover{border-color:#e2dcd2}
.vstabs__tab.active{color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;border:1.5px solid transparent;animation:var(--vusto-btn-anim)}
.vstabs__panel{display:none}
.vstabs__panel.active{display:block}
.vstabs__item{border-radius:14px;margin-bottom:8px;overflow:hidden;background:#fff;border:1px solid var(--border);transition:border-color .2s}
.vstabs__item.open{border-color:var(--g2)}
.vstabs__head{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;width:100%;background:none;border:none;text-align:left;font:inherit;color:inherit}
.vstabs__num{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--cream-2);color:#a39d93;transition:background .2s,color .2s}
.vstabs__item.open .vstabs__num{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));color:#fff}
.vstabs__title{font-weight:700;font-size:15px;flex:1}
.vstabs__chev{color:#a39d93;transition:transform .2s;flex-shrink:0;display:flex}
.vstabs__item.open .vstabs__chev{transform:rotate(180deg);color:var(--g2)}
.vstabs__body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.vstabs__item.open .vstabs__body-wrap{grid-template-rows:1fr}
.vstabs__body-inner{overflow:hidden}
.vstabs__body{padding:0 18px 18px;color:#5c5a56;line-height:1.7;font-size:14.5px}

/* ── Sticky bottom quote bar (opt-in per page) ──
   Desktop/tablet (>640px): .vs-stickybar__panel IS the bar, always shown —
   pill/overlay/handle stay display:none, is-open never applies visually.
   Mobile (≤640px): panel is a bottom sheet, closed by default (translateY
   100%); .vs-stickybar__pill is the visible trigger; .is-open on the root
   slides the sheet in and fades the overlay. */
.vs-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:9998}
.vs-stickybar.is-closing .vs-stickybar__panel{animation:vs-stickybar-out .25s ease forwards}
.vs-stickybar.is-closing .vs-stickybar__pill{animation:vs-stickybar-out .25s ease forwards}
@keyframes vs-stickybar-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes vs-stickybar-out{to{transform:translateY(100%)}}

.vs-stickybar__pill,.vs-stickybar__pill-dismiss,.vs-stickybar__overlay,.vs-stickybar__handle{display:none}

.vs-stickybar__panel{background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));box-shadow:0 -8px 30px rgba(13,13,16,.15);padding:16px 32px;animation:vs-stickybar-in .35s ease}
.vs-stickybar__inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:24px;position:relative}
.vs-stickybar__copy{flex-shrink:0;min-width:180px}
.vs-stickybar__eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:3px}
.vs-stickybar__title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1.2}
.vs-stickybar__ok{flex:1;font-weight:600;font-size:15px;color:#fff}
.vs-stickybar__form{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}
.vs-stickybar__form input[type=text],.vs-stickybar__form input[type=tel],.vs-stickybar__form input[type=email]{font-family:var(--font-body),sans-serif;font-size:14px;padding:11px 16px;border-radius:100px;border:none;outline:none;min-width:0;flex:1;background:#fff;color:var(--ink)}
.vs-stickybar__form input::placeholder{color:#a39d93}
.vs-stickybar__consent{display:flex;align-items:center;gap:7px;flex-basis:100%;order:5;cursor:pointer;user-select:none}
.vs-stickybar__consent input{flex-shrink:0;width:15px;height:15px;accent-color:#fff;cursor:pointer}
.vs-stickybar__consent span{font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.9)}
.vs-stickybar__consent a{color:#fff;font-weight:600;text-decoration:underline}
.vs-stickybar__form button{flex-shrink:0;font-weight:700;font-size:14.5px;color:var(--ink);background:#fff;border:none;padding:12px 26px;border-radius:100px;cursor:pointer;white-space:nowrap}
.vs-stickybar__close{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
.vs-stickybar__close:hover{background:rgba(255,255,255,.3)}

@media (max-width:860px){
    .vs-stickybar__inner{flex-wrap:wrap}
    .vs-stickybar__form{width:100%;order:3}
    .vs-stickybar__close{position:absolute;top:12px;right:14px}
    .vs-stickybar__panel{padding-right:52px}
}

/* Mobile: pill trigger + bottom sheet */
@media (max-width:640px){
    .vs-stickybar__panel{
        position:fixed;left:0;right:0;bottom:0;z-index:9998;
        border-radius:20px 20px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom,0px));
        transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);
        animation:none;max-height:82vh;overflow-y:auto;
    }
    .vs-stickybar.is-open .vs-stickybar__panel{transform:translateY(0)}
    .vs-stickybar__inner{flex-wrap:wrap}

    .vs-stickybar__handle{
        display:block;width:100%;padding:0 0 14px;margin:0;border:none;background:none;cursor:pointer;
    }
    .vs-stickybar__handle-bar{display:block;width:36px;height:4px;margin:0 auto;border-radius:3px;background:rgba(255,255,255,.55)}

    .vs-stickybar__overlay{
        display:block;position:fixed;inset:0;z-index:9997;background:rgba(13,13,16,.45);
        opacity:0;pointer-events:none;transition:opacity .28s ease;
    }
    .vs-stickybar.is-open .vs-stickybar__overlay{opacity:1;pointer-events:auto}

    .vs-stickybar__pill{
        display:flex;align-items:center;justify-content:space-between;gap:12px;
        position:fixed;left:14px;right:14px;bottom:16px;z-index:9998;
        background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));
        border:none;border-radius:100px;padding:14px 8px 14px 20px;cursor:pointer;
        box-shadow:0 10px 26px -8px rgba(255,61,127,.5);
        animation:vs-stickybar-in .35s ease;
    }
    .vs-stickybar.is-open .vs-stickybar__pill{display:none}
    .vs-stickybar__pill-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
    .vs-stickybar__pill-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}
    .vs-stickybar__pill-title{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
    .vs-stickybar__pill-arrow{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
    .vs-stickybar__pill-arrow svg{width:14px;height:14px}

    .vs-stickybar__pill-dismiss{
        display:flex;align-items:center;justify-content:center;
        position:fixed;right:10px;bottom:58px;z-index:9999;
        width:22px;height:22px;border-radius:50%;border:none;
        background:var(--ink);color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:.75;
    }
    .vs-stickybar.is-open .vs-stickybar__pill-dismiss{display:none}
}
@media (max-width:600px){
    .vs-stickybar__panel{padding:22px 16px calc(18px + env(safe-area-inset-bottom,0px))}
    /* Same specificity as the base [type=...] rule (0,2,1) — a bare
       ".vs-stickybar__form input" selector here would silently lose the
       cascade to it and never actually stack the fields. */
    .vs-stickybar__form input[type=text],.vs-stickybar__form input[type=tel],.vs-stickybar__form input[type=email]{flex:1 1 100%}
}

/* Sheet open on mobile covers most of the screen — get the WhatsApp bubble
   out of the way rather than let it float over the backdrop. */
@media (max-width:640px){
    body.stickybar-open #vusto-wa{opacity:0!important;pointer-events:none!important}
}

/* Both the quote bar and the WhatsApp bubble sit in the same bottom screen
   region as the cookie banner (full-width on mobile, same fixed-bottom strip
   on desktop) and were blocking its "Kabul Et" button. Park them out of the
   way while consent is pending; they come back once it's resolved. */
body.has-cookie-banner .vs-stickybar__pill,
body.has-cookie-banner .vs-stickybar__panel{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}
body.has-cookie-banner #vusto-wa{opacity:0!important;pointer-events:none!important}

/* ============================================================
   MARKA SEMBOLÜ — ortak yardımcılar (video damgası, başlık aksanı,
   empty state, footer filigranı, markalı play butonu)
   ============================================================ */

/* Video sağ-alt köşe marka damgası. Kap position:relative olmalı.
   pointer-events:none → oynatıcı kontrollerini engellemez. */
.vs-vidbrand::after{content:'';position:absolute;right:14px;bottom:12px;width:30px;height:31px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));opacity:.9;pointer-events:none;z-index:4;transition:opacity .3s}
.vs-vidbrand.is-playing::after{opacity:0}
/* Kart ızgarasında yalnızca hover-önizleme oynarken göster (ızgara temiz kalsın) */
.vs-vidbrand--hoveronly::after{opacity:0}
.vs-vidbrand--hoveronly.is-previewing::after{opacity:.92}

/* Bölüm başlığı sembol aksanı — başlığın yanına küçük sembol. */
.vs-hmark{display:inline-block;width:.62em;height:.63em;margin-left:.42em;vertical-align:baseline;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Empty state — soluk sembol + mesaj. */
.vs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:60px 24px}
.vs-empty__sym{width:54px;height:55px;opacity:.26;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/contain no-repeat}
.vs-empty__msg{font-size:16px;color:var(--muted)}

/* Footer filigranı — koyu footer köşesinde dev, çok soluk beyaz sembol. */
.vs-ft2,.vs-ft-wrap{position:relative;overflow:hidden}
.vs-ft2::before,.vs-ft-wrap::before{content:'';position:absolute;right:-46px;bottom:-70px;width:340px;height:347px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1578.511 1609.154'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M0 1078.322 L773.939 1078.322 L1039.354 1609.154 L1578.511 530.834 L804.572 530.834 L539.158 0 Z M539.158 107.693 L742.926 515.231 L335.388 515.231 Z M311.308 563.391 L516.476 563.391 L749.859 1030.161 L77.921 1030.161 Z M828.654 578.995 L1500.590 578.995 L1267.202 1045.763 L1062.036 1045.763 Z M578.119 578.995 L774.808 578.995 L1000.393 1030.161 L803.703 1030.161 Z M835.585 1093.924 L1243.122 1093.924 L1039.354 1501.460 Z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.05;pointer-events:none;z-index:0}
.vs-ft2 > *,.vs-ft-wrap > *{position:relative;z-index:1}

/* Markalı play butonu — cam daire + gradyan halka; hover'da üçgen yerine sembol. */
/* Gradyan halka: mask/border-clip yerine SVG stroke halkası (fill=none) arkaplan
   resmi olarak — merkez gerçekten şeffaf kalır, hiçbir tarayıcıda dolu pembe
   daireye dönüşmez. */
.vs-playbtn{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .25s ease}
.vs-playbtn::before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23FF6A4D'/%3E%3Cstop offset='1' stop-color='%23FFA84D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='47' fill='none' stroke='url(%23g)' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.vs-playbtn:hover{transform:scale(1.07)}
.vs-playbtn__tri,.vs-playbtn__sym{position:absolute;transition:opacity .22s ease,transform .22s ease}
.vs-playbtn__sym{width:42%;opacity:0;transform:scale(.68)}
.vs-playbtn:hover .vs-playbtn__tri{opacity:0;transform:scale(.6)}
.vs-playbtn:hover .vs-playbtn__sym{opacity:1;transform:scale(1)}
/* Izgara kartlarında (portfolyo/projeler) play butonu, kart hover'ında sembole geçer. */
.pf-card:hover .vs-playbtn__tri,.pj-media:hover .vs-playbtn__tri,.nb-video-card:hover .vs-playbtn__tri{opacity:0;transform:scale(.6)}
.pf-card:hover .vs-playbtn__sym,.pj-media:hover .vs-playbtn__sym,.nb-video-card:hover .vs-playbtn__sym{opacity:1;transform:scale(1)}
/* Ana sayfa "Seçili İşler" kartlarında play butonu, kart hover'ında ortada belirir. */
.vs-work-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.3,1);pointer-events:none;z-index:3}
.vs-work-card:hover .vs-work-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ============================================================
   NATIVE SAYFA GÖRÜNÜM VARYANTLARI (admin → Sayfalar → "Sayfa görünümü")
   ============================================================ */
/* Dar / okuma odaklı */
.nb-page--centered .nb-content{max-width:760px}
/* Geniş */
.nb-page--wide .nb-content{max-width:1320px}
/* Sade — küçük, sola yaslı başlık */
.nb-mini-hero{max-width:var(--page-max);margin:0 auto;padding:52px 40px 4px}
.nb-mini-hero__eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.nb-mini-hero__title{font-weight:var(--fw-head,700);font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}
.nb-mini-hero__sub{font-size:17px;color:var(--muted);margin:14px 0 0;max-width:640px;line-height:1.55}
/* Editöryel — sol sabit başlık + sağ içerik */
.nb-editorial{max-width:var(--page-max);margin:0 auto;padding:56px 40px 72px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.nb-editorial__aside{position:sticky;top:96px}
.nb-editorial__title{font-weight:var(--fw-head,700);font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;color:var(--ink);margin:8px 0 0;line-height:1.08;text-wrap:balance}
.nb-editorial__sub{font-size:15px;color:var(--muted);margin:16px 0 0;line-height:1.6}
.nb-editorial__body .nb-article{padding:0}
.nb-editorial__body .nb-content{max-width:none;margin:0}
@media(max-width:860px){
  .nb-editorial{grid-template-columns:1fr;gap:22px;padding:40px 20px 56px}
  .nb-editorial__aside{position:static}
  .nb-mini-hero{padding:36px 20px 4px}
}

/* ============================================================
   FİLTRE / SIRALAMA ÇUBUĞU (mağaza + kiralama kategori sayfaları)
   ============================================================ */
.vs-filterbar{
  display:grid;
  grid-template-columns:minmax(220px,360px) minmax(150px,200px) minmax(140px,160px);
  justify-content:start;
  align-items:end;
  gap:16px;
  padding:22px 24px;
  background:#fff;
  border:1px solid #f0ede8;
  border-radius:16px;
  margin-bottom:32px;
}
.vs-filterbar__group{display:flex;flex-direction:column;gap:7px;min-width:0;}
.vs-filterbar__label{font-size:12px;font-weight:700;color:#a39d93;letter-spacing:.03em;text-transform:uppercase;}
.vs-filterbar__select,
.vs-filterbar__search{
  height:46px;
  font-size:14px;
  color:var(--ink);
  background:#fff;
  border:1px solid #ece8e1;
  border-radius:12px;
  padding:0 14px;
  transition:border-color .15s,box-shadow .15s;
  width:100%;
}
.vs-filterbar__select{
  appearance:none;-webkit-appearance:none;
  padding-right:36px;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a39d93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
}
.vs-filterbar__search{
  padding-left:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a39d93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:12px center;
  background-size:16px;
}
.vs-filterbar__select:hover,
.vs-filterbar__search:hover{border-color:#e4dfd7;}
.vs-filterbar__select:focus,
.vs-filterbar__search:focus{outline:none;border-color:#FF6A4D;box-shadow:0 0 0 3px rgba(255,106,77,.12);}
.vs-filterbar__apply{
  height:46px;
  white-space:nowrap;
  font-weight:600;font-size:14px;color:#fff;
  background:linear-gradient(100deg,#FF3D7F,#FF6A4D,#FFA84D);
  border:none;border-radius:12px;padding:0 26px;cursor:pointer;
  transition:opacity .15s,transform .15s;
}
.vs-filterbar__apply:hover{opacity:.92;transform:translateY(-1px);}
.vs-filterbar__clear{
  grid-column:1/-1;
  justify-self:start;
  font-size:13px;font-weight:600;color:#a39d93;text-decoration:none;
  display:inline-flex;align-items:center;gap:5px;
  transition:color .15s;
}
.vs-filterbar__clear:hover{color:#FF6A4D;}
@media(max-width:640px){
  .vs-filterbar{grid-template-columns:1fr;padding:18px;gap:14px;}
  .vs-filterbar__group--search,
  .vs-filterbar__apply{grid-column:1/-1;}
}
/* Süreç Zaman Çizelgesi bloğu (timeline) */
.nb-tl-sec{margin:8px 0}
.nb-tl{position:relative;display:grid;grid-template-columns:repeat(var(--tl-cols,4),1fr);gap:16px;padding-top:46px}
.nb-tl__rail{position:absolute;top:22px;left:8%;right:8%;height:3px;background:var(--border);border-radius:3px;overflow:hidden}
.nb-tl__fill{position:absolute;inset:0;width:0;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));transition:width 1.6s cubic-bezier(.4,0,.2,1)}
.nb-tl__step{text-align:center}
.nb-tl__dot{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-weight:700;font-size:14px;color:#a39d93;position:relative;z-index:1;opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .4s ease,border-color .4s ease}
.nb-tl__step.on .nb-tl__dot{opacity:1;transform:scale(1);border-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3));background-origin:border-box;background-clip:padding-box,border-box;color:var(--ink)}
.nb-tl__t{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:6px}
.nb-tl__d{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:720px){
  .nb-tl{grid-template-columns:1fr;gap:22px;padding-top:8px}
  .nb-tl__rail{display:none}
  .nb-tl__step{text-align:left;padding-left:60px;position:relative;min-height:44px}
  .nb-tl__dot{position:absolute;left:0;top:0;margin:0}
}

/* Veri Çubukları bloğu (data_bars) */
.nb-bars-sec{margin:8px 0}
.nb-bars{display:flex;flex-direction:column;gap:26px;max-width:760px}
.nb-bar__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:16px}
.nb-bar__lab{font-size:14.5px;color:var(--ink);line-height:1.45}
.nb-bar__pct{font-weight:700;font-size:22px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.nb-bar__track{height:12px;border-radius:100px;background:var(--cream-2);overflow:hidden}
.nb-bar__fill{height:100%;width:0;border-radius:100px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));transition:width 1.5s cubic-bezier(.3,0,.2,1)}
@media(prefers-reduced-motion:reduce){
  .nb-tl__fill,.nb-tl__dot,.nb-bar__fill{transition:none!important}
}

/* Blog gövdesi: içeriğe gömülü tablo (content_html'e doğrudan <table> yazılarak;
   asıl görünüm zaten satır ~633'teki .nb-text table kuralından geliyor — bu wrap
   sadece mobilde yatay scroll + köşe yuvarlama için, Purifier div[class] izinli) */
.nb-text .nb-table-wrap{overflow-x:auto;border-radius:14px}
.nb-text .nb-table-wrap table{min-width:480px;margin:0}

/* Blog gövdesi: süreç adımları şeridi (content_html'e doğrudan div/span+class
   yazılarak — Purifier div[class]/span[class] izinli, JS'siz statik görünüm) */
.nb-text .nb-proc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin:28px 0;padding:0;list-style:none}
.nb-text .nb-proc__step{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 20px}
.nb-text .nb-proc__num{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));color:#fff;font-weight:700;font-size:14px;margin-bottom:14px}
.nb-text .nb-proc__t{font-family:var(--font-head),sans-serif;font-weight:700;font-size:16px;color:var(--ink);margin:0 0 8px}
.nb-text .nb-proc__d{font-size:14px;color:var(--muted);line-height:1.55;margin:0}

/* Sinematik Video Hero bloğu (video_hero) */
.nb-vhero{position:relative;border-radius:24px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;background:#0d0d10}
.nb-vhero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.nb-vhero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgba(13,13,16,.86) 8%,rgba(13,13,16,.5) 46%,rgba(13,13,16,.15) 100%)}
.nb-vhero__in{position:relative;z-index:2;padding:52px;max-width:640px}
.nb-vhero__eye{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FFB38A;margin-bottom:16px}
.nb-vhero__t{font-weight:700;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.03em;line-height:1;color:#fff;margin:0 0 16px}
.nb-vhero__t em{font-style:normal;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-vhero__d{font-size:16px;color:rgba(255,255,255,.72);line-height:1.55;margin:0 0 28px;max-width:440px}
.nb-vhero__row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nb-vhero__btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:100px;text-decoration:none;cursor:pointer}
.nb-vhero__btn--ghost{color:#fff;border:1.5px solid rgba(255,255,255,.35);background:transparent}
.nb-vhero__btn--ghost:hover{border-color:#fff;color:#fff}
.nb-vhero__mute{position:absolute;z-index:2;right:20px;top:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(13,13,16,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media(max-width:720px){.nb-vhero__in{padding:34px 26px}}

/* Ürün Vitrinli Hero bloğu (product_hero) — açık arka planlı hero + ürün grid */
.nb-phero{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#fff 55%,#fff8f4);border:1px solid #f0ede8;padding:56px 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.nb-phero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,61,127,.10),transparent 55%);pointer-events:none}
.nb-phero__in{position:relative;z-index:1}
.nb-phero__eye{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FF6A4D;margin-bottom:16px}
.nb-phero__t{font-weight:700;font-size:clamp(28px,4vw,48px);letter-spacing:-.03em;line-height:1;color:#0d0d10;margin:0 0 16px;max-width:520px}
.nb-phero__t em{font-style:normal;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-phero__d{font-size:16px;color:#5b5751;line-height:1.6;margin:0 0 26px;max-width:440px}
.nb-phero__row{display:flex;gap:14px;flex-wrap:wrap}
.nb-phero__btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:100px;text-decoration:none;cursor:pointer}
.nb-phero__btn--ghost{color:#0d0d10;border:1.5px solid #e5e1da;background:transparent}
.nb-phero__btn--ghost:hover{border-color:#0d0d10}
.nb-phero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nb-phero__card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #f0ede8;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(13,13,16,.06);transition:transform .2s ease}
.nb-phero__card:hover{transform:translateY(-3px)}
.nb-phero__img{position:relative;aspect-ratio:1/1;background:#f4f2ee}
.nb-phero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nb-phero__body{padding:12px 14px}
.nb-phero__name{font-weight:600;font-size:13px;color:#0d0d10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-phero__price{font-weight:700;font-size:14px;color:#0d0d10;margin-top:4px}
@media(max-width:900px){.nb-phero{grid-template-columns:1fr;padding:36px 28px}}
@media(max-width:480px){.nb-phero__grid{grid-template-columns:1fr 1fr}}

/* İnteraktif Portföy Grid bloğu (portfolio_grid) */
.nb-pfg-sec{margin:8px 0}
.nb-pfg__filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.nb-pfg__chip{font-weight:500;font-size:14px;padding:9px 18px;border-radius:100px;border:1px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;transition:.15s}
.nb-pfg__chip:hover{border-color:var(--ink);color:var(--ink)}
.nb-pfg__chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.nb-pfg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.nb-pfg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nb-pfg{grid-template-columns:1fr}}
.nb-pfg__card{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#0d0d10;cursor:pointer;text-decoration:none;display:block;transition:opacity .35s,transform .35s}
.nb-pfg__card.hide{display:none}
.nb-pfg__media{position:absolute;inset:0}
.nb-pfg__media img,.nb-pfg__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nb-pfg__media video{opacity:0;transition:opacity .4s}
.nb-pfg__card.playing .nb-pfg__media video{opacity:1}
.nb-pfg__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,16,.78),rgba(13,13,16,0) 55%)}
.nb-pfg__cat{position:absolute;top:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(13,13,16,.5);backdrop-filter:blur(4px);padding:5px 11px;border-radius:100px}
.nb-pfg__play{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:.3s}
.nb-pfg__card.playing .nb-pfg__play{opacity:0}
.nb-pfg__t{position:absolute;left:16px;right:16px;bottom:14px;font-weight:600;font-size:16px;color:#fff}
.nb-pfg__t span{display:block;font-family:var(--font-body),sans-serif;font-weight:400;font-size:12.5px;color:rgba(255,255,255,.62);margin-top:2px}

/* İnteraktif Teklif Aracı bloğu (quote_builder) */
.nb-qb-sec{margin:8px 0}
.nb-qb{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.nb-qb{grid-template-columns:1fr}}
.nb-qb__q{margin-bottom:26px}
.nb-qb__label{font-weight:600;font-size:13px;letter-spacing:.03em;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:9px}
.nb-qb__num{width:22px;height:22px;border-radius:50%;background:var(--cream-2);color:#a39d93;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.nb-qb__opts{display:flex;gap:10px;flex-wrap:wrap}
.nb-qb__opt{font-weight:500;font-size:14px;padding:11px 18px;border-radius:12px;border:1.5px solid var(--border);background:#fff;color:var(--ink);cursor:pointer;transition:.15s}
.nb-qb__opt:hover{border-color:#d8d2c8}
.nb-qb__opt[aria-pressed="true"]{border-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 0 0 1px rgba(255,106,77,.15)}
.nb-qb__summary{position:relative;position:sticky;top:24px;background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:32px 30px 30px;color:var(--ink);overflow:hidden}
.nb-qb__summary::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3))}
.nb-qb__k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a39d93;margin-bottom:6px}
.nb-qb__brief{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink)}
.nb-qb__brief b{font-weight:700;background:linear-gradient(100deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-qb__note{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:24px}
.nb-qb__cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;font-weight:600;font-size:15px;padding:15px;border-radius:100px;text-decoration:none;color:var(--ink);background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,var(--g1),var(--g2),var(--g3),var(--g1));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,300% 300%;border:1.5px solid transparent;animation:var(--vusto-btn-anim)}
@media(prefers-reduced-motion:reduce){.nb-pfg__card,.nb-pfg__media video{transition:none!important}}

/* Teklif aracı CTA'sı sayfa içi iletişim formuna kayınca doğru offset'te dursun. */
#iletisim-form{scroll-margin-top:90px}