/* =========================================================
   Sarraf Kanaat — "Zümrüt Kasa" teması
   style.css'in üstüne biner: zümrüt yeşili zemin (açılmış ton), altın ve fildişi yazı.
   Mobil: panel/menü/tablolar 1180 / 900 / 720 / 560 px'de uyarlanır.
   ========================================================= */
:root{
  --sk-bg:#06281f;      /* tek açılan renk: sayfa zemini (taslak #021712) */
  --sk-bg2:rgba(2,23,18,.30);
  --sk-bg3:#041f18;
  --sk-card:linear-gradient(135deg,rgba(15,106,82,.35),rgba(2,23,18,.6));
  --sk-card2:rgba(15,106,82,.5);
  --sk-tx:#f3ecd9;
  --sk-mut:#b6cfc4;
  --sk-line:rgba(224,185,92,.2);
  --ivory:#f3ecd9; --paper:linear-gradient(135deg,rgba(15,106,82,.35),rgba(2,23,18,.6)); --navy:#042a21; --navy-2:#041f18; --navy-3:#0f6a52;
  --gold:#e0b95c; --gold-2:#f6e2a0; --gold-3:#9c7424;
  --mut:#b6cfc4; --line:rgba(224,185,92,.2);
  --up:#5ee6a8; --down:#ff7a7a;
  --radius:14px;
  --serif:'DM Serif Display', Georgia, serif;
  --sans:'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --panel-w:300px;
}
html{scroll-padding-top:110px;}
body{
  background:var(--sk-bg);
  /* soldan sağa koyuluk azalır; orta ton #06281f */
  /* altın tozu dokusu + soldan sağa açılan zümrüt zemin */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .80 0 0 0 0 .45 0 0 0 24 -19'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23t)' opacity='.65'/%3E%3C/svg%3E"), radial-gradient(900px 600px at 70% 10%, rgba(224,185,92,.07), transparent 70%), linear-gradient(90deg, #031a14 0%, #06281f 50%, #0b3a2e 100%);
  background-attachment:fixed;
  color:var(--sk-tx); font-weight:300; font-size:17px;
}
h1,h2,h3,h4{color:var(--sk-tx); font-weight:400; letter-spacing:-.005em;}
.price-table td.sell,.price-panel .price,.stat b,.calc-result-value{font-weight:400;}
.foil,.hero h1 em,.stat b,.calc-result-value{background:linear-gradient(110deg,#9c7424,#f6e2a0 30%,#e0b95c 55%,#f6e2a0 78%,#9c7424); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent;}
@media (prefers-reduced-motion:no-preference){ .hero h1 em,.stat b,.calc-result-value{animation:skShine 8s linear infinite;} @keyframes skShine{to{background-position:-220% 0;}} }
.eyebrow,.tag,.label{color:var(--gold); font-weight:500; letter-spacing:.28em;}

/* ---------- düğmeler ---------- */
.btn{border-radius:99px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; font-size:12.5px; padding:15px 30px;}
.btn-primary,.btn-gold,.contact .btn-primary,.bulk-cta .btn-primary,.cookie-actions .btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-3)); color:#05231b; border-color:transparent;}
.btn-primary:hover,.btn-gold:hover{background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-3)); filter:brightness(1.08); box-shadow:0 0 36px rgba(224,185,92,.4);}
.btn-ghost,.contact .btn-ghost,.bulk-cta .btn-ghost,.cookie-actions .btn-ghost{border-color:var(--gold); color:var(--gold); background:transparent;}
.btn-ghost:hover,.contact .btn-ghost:hover,.bulk-cta .btn-ghost:hover,.cookie-actions .btn-ghost:hover{background:var(--gold); color:#05231b;}
.btn-text{color:var(--gold-2); border-color:var(--gold);}
.btn-text:hover{color:#fff; border-color:#fff;}
.btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.25);}

/* ---------- üst şerit + başlık ---------- */
.ticker{background:var(--sk-bg3); border-bottom:1px solid var(--line);}
.tk em{color:var(--sk-mut);}
header{background:rgba(4,36,29,.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--line);}
.nav{padding:10px 28px;}
.logo img{height:62px;}
header.scrolled .logo img{height:46px;}
nav.links{font-size:12.5px; letter-spacing:.2em; text-transform:uppercase; font-weight:400;}
.nav-cta{border-radius:99px; background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-3)); color:#05231b; letter-spacing:.16em;}
.lang-current,.burger{border-radius:99px; border-color:var(--line);}
.burger{border-radius:14px;}
.lang-dropdown{background:var(--sk-bg3); border-radius:14px; overflow:hidden;}

/* ---------- sağdaki canlı piyasa paneli (masaüstü) ---------- */
.live-panel{display:none;}
@media (min-width:1180px){
  .ticker{display:none;}
  body{padding-right:var(--panel-w);}
  header{margin-right:0;}
  .live-panel{display:flex; flex-direction:column; position:fixed; right:0; top:0; bottom:0; width:var(--panel-w); z-index:60; background:linear-gradient(180deg,#041f18,#021310); border-left:1px solid var(--line); padding:26px 24px 20px;}
  .live-panel h4{display:flex; align-items:center; justify-content:space-between; font-family:var(--sans); font-size:11px; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); padding-bottom:16px; border-bottom:1px solid var(--line); font-weight:500;}
  .live-panel h4 i{font-style:normal; display:inline-flex;}
  .live-rows{flex:1; display:flex; flex-direction:column; justify-content:space-between; padding:6px 0;}
  .live-row{display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:9px 0; border-bottom:1px dashed rgba(224,185,92,.14); transition:background .2s;}
  .live-row em{font-size:13px; color:var(--sk-mut); letter-spacing:.04em; font-style:normal; font-weight:300;}
  .live-row b{font-family:var(--serif); font-size:19px; font-weight:400; color:var(--sk-tx); text-align:right; line-height:1.2;}
  .live-row small{font-size:11px; color:#8fb5a6; font-weight:300;}
  .live-row u{text-decoration:none; font-size:11px; text-align:right; color:var(--up);}
  .live-row u.down{color:var(--down);} .live-row u.up{color:var(--up);}
  .live-row:hover{background:rgba(224,185,92,.06);}
  .live-more{margin-top:10px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-2); padding-top:14px; border-top:1px solid var(--line);}
  .floating-cta{right:calc(var(--panel-w) + 18px);}
}

/* ---------- hero: kasa kadranı ---------- */
.hero{padding:70px 0 90px;}
.hero h1{font-size:clamp(46px,6.2vw,92px); line-height:1; letter-spacing:-.01em;}
.hero h1 em{font-style:italic; padding-right:.05em;}
.hero .lead{color:var(--sk-mut); font-size:18px; font-weight:300;}
.hero-grid{grid-template-columns:1fr 1fr; gap:40px;}
.vault{position:relative; width:min(600px,100%); aspect-ratio:1; margin:0 auto;}
.vault .dial{position:absolute; inset:0; width:100%; height:100%;}
.vault .r1{animation:skRot 140s linear infinite; transform-origin:300px 300px;}
.vault .r2{animation:skRot 90s linear infinite reverse; transform-origin:300px 300px;}
@keyframes skRot{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.vault .r1,.vault .r2{animation:none;}}
.vault .vc{position:absolute; inset:19%; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,rgba(224,185,92,.28),transparent 68%); overflow:hidden;}
.vault-logo{width:104%; max-width:none; filter:drop-shadow(0 20px 28px rgba(0,0,0,.45)); animation:none !important;}
.vault .hero-bg-slides{border-radius:50%; overflow:hidden;}
.vtag{position:absolute; z-index:3; background:rgba(2,23,18,.85); backdrop-filter:blur(8px); border:1px solid var(--line); padding:10px 18px; border-radius:99px; font-size:12.5px; letter-spacing:.08em; white-space:nowrap;}
.vtag .tk{gap:10px;}
.vtag b{color:var(--gold-2); font-weight:500;}
.vtag-0{left:-1%; top:16%;}
.vtag-1{right:-1%; bottom:18%;}
.hero-visual:before{display:none;}
.sparkle{z-index:4;}

/* ---------- rakam şeridi ---------- */
.stat-strip{background:var(--sk-bg3); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.stat span{color:var(--sk-mut);}

/* ---------- kartlar ve yüzeyler ---------- */
section{padding:92px 0;}
.section-head p{color:var(--sk-mut);}
.about,.faq,.showcase{background:var(--sk-bg2); border-color:var(--line);}
.blog-teaser{border-color:var(--line);}
.about-card,.faq-item,.showcase-card{background:var(--sk-card); border:1px solid var(--line); border-radius:18px;}
.about-card{border-left:3px solid var(--gold);}
.about-card p,.faq-item p{color:var(--sk-tx);}
.about-body p{color:var(--sk-mut);}
.why-item,.prod-card,.cat-card,.blog-card,.spec-card,.product-facts div,.product-options,.map-block,.product-cta,.table-wrap,.catalog-table,.view-toggle,.arch-card{background:var(--sk-card); border:1px solid var(--line); border-radius:20px;}
.why-item .ico{background:transparent; border:1px solid var(--gold); color:var(--gold-2);}
.prod-card:hover,.cat-card:hover,.blog-card:hover{border-color:var(--gold); box-shadow:0 26px 60px rgba(0,0,0,.4); transform:translateY(-6px);}
.photo-frame{background:radial-gradient(circle at 50% 60%,rgba(224,185,92,.28),rgba(15,69,56,.9) 70%); box-shadow:inset 0 0 0 1px var(--line); border-radius:200px 200px 12px 12px;}
.cat-thumb,.blog-card-thumb{background:radial-gradient(circle at 50% 60%,rgba(224,185,92,.26),rgba(15,69,56,.9) 70%);}
.price,.prod-body .link,.link{color:var(--sk-tx);}
.price .cur{color:var(--gold);}
.prod-body .link,.link{color:var(--gold-2);}
.prod-body .link:hover,.link:hover{color:#fff;}
.prod-cat,.blog-card-tag{color:var(--gold);}
.prod-meta,.prod-sku,.cat-count,.blog-card-body p{color:var(--sk-mut);}
.carousel-btn{background:rgba(2,23,18,.85); color:var(--gold-2);}
.stock-pill{color:var(--down); background:rgba(255,120,120,.12); border-color:rgba(255,154,154,.4);}
.slider-btn{background:var(--sk-bg3); border-color:var(--gold); color:var(--gold-2);}
.slider-btn:hover{background:var(--sk-card2);}
.slider-progress{background:var(--line);}

/* ---------- süzgeç, çipler, formlar ---------- */
.filter-btn,.cat-chips a{background:transparent; color:var(--sk-tx); border:1px solid var(--line);}
.filter-btn:hover,.cat-chips a:hover{border-color:var(--gold);}
.filter-btn.active,.cat-chips a.active{background:var(--gold); color:#05231b; border-color:var(--gold);}
.cat-chips a.active small{color:#05231b;}
.catalog-toolbar input,.catalog-toolbar select,.catalog-ranges input,.lead-form input,.lead-form textarea{background:rgba(2,23,18,.55); color:var(--sk-tx); border:1px solid var(--line); border-radius:14px;}
.catalog-toolbar select option{color:#042a21;}
.catalog-toolbar input:focus,.catalog-toolbar select:focus,.catalog-ranges input:focus,.lead-form input:focus,.lead-form textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(224,185,92,.2);}
.lead-form label,.catalog-ranges legend{color:var(--gold);}
.lead-form-wrap{background:var(--sk-card); color:var(--sk-tx); border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:22px;}
.product-cta .lead-form-wrap{background:var(--sk-bg2);}
.lead-form-status.success{background:rgba(108,240,178,.12); color:#a9f7d3;}
.lead-form-status.error{background:rgba(255,154,154,.12); color:#ffc3c3;}
.form-notice{color:var(--sk-mut);}
.view-btn{color:var(--sk-mut);}
.view-btn:hover{color:#fff;}
.view-btn.active{background:var(--gold); color:#05231b;}
.opt-chip{background:transparent; color:var(--sk-tx); border-color:var(--line);}
.opt-chip.on{background:var(--gold); color:#05231b; border-color:var(--gold);}
.swatch{border-color:rgba(255,255,255,.35);}

/* ---------- tablolar ---------- */
.price-table th,.ptable th{background:rgba(2,23,18,.55); color:var(--sk-mut);}
.price-table td,.ptable td,.price-table th,.ptable th{border-color:var(--line);}
.ptable tr.prow:hover{background:rgba(224,185,92,.08);}
.ptable .c-img img,.ptable .thumb-icon{background:radial-gradient(circle,rgba(224,185,92,.3),rgba(15,69,56,.9) 70%);}
.price-table td.sell,.ptable .c-price .price{color:var(--gold-2);}
.price-table .chg.up{color:var(--up);} .price-table .chg.down{color:var(--down);}
.price-table td.flash-up{color:var(--up);} .price-table td.flash-down{color:var(--down);}
.mini-btn{background:linear-gradient(135deg,var(--gold-2),var(--gold)); color:#05231b; border-radius:99px;}
.mini-btn:hover{filter:brightness(1.08); background:linear-gradient(135deg,var(--gold-2),var(--gold));}
.price-status b,.catalog-sub #catCount,.breadcrumb .current,.g-score,.map-placeholder strong{color:var(--sk-tx);}
.catalog-sub,.breadcrumb{color:var(--sk-mut);}
.price-footnotes{color:var(--sk-mut);}
.map-placeholder{background:repeating-linear-gradient(45deg,rgba(224,185,92,.06) 0 14px,transparent 14px 28px);}

/* ---------- koyu bloklar ---------- */
.why-visual,.price-panel,.calc,.bulk-cta,.app-install{background:linear-gradient(135deg,#0b4a3a,#032019); border-radius:24px; border:1px solid var(--line);}
.calc{border-top:3px solid var(--gold);}
.calc-field select,.calc-field input{border-radius:14px; background:rgba(2,23,18,.55);}
.calc-tabs{border-radius:99px; overflow:hidden;}
.calc-result{border-radius:18px;}
.contact{background:linear-gradient(135deg,#0b4a3a,#032019); border-top:1px solid var(--line);}
.contact-desc{color:var(--sk-mut);}
footer{background:var(--sk-bg3); border-top:1px solid var(--line); color:var(--sk-mut);}
.foot-logo img{height:70px;}
.foot-bottom{border-color:var(--line); color:#8fb5a6;}
.social-links a{border-color:var(--line); border-radius:50%;}
.mobile-bar{background:var(--sk-bg3);}
.cookie-banner{background:var(--sk-bg3); border-color:var(--line); border-radius:18px;}
.cookie-text{color:var(--sk-mut);}

/* ---------- yazı sayfaları ---------- */
.blog-post-content,.legal-body p,.legal-body li{color:var(--sk-tx);}
.legal-body code,.legal-table th{background:var(--sk-card); border-color:var(--line); color:var(--sk-tx);}
.legal-table th,.legal-table td{border-color:var(--line);}
.blog-post-date,.legal-updated,.legal-intro{color:var(--sk-mut);}
.blog-post-content a,.legal-body a,.form-notice a{color:var(--gold-2);}
.not-found p{color:var(--sk-mut);}

/* =========================================================
   MOBİL / TABLET
   ========================================================= */
@media (max-width:1100px){ .hero-grid{gap:20px;} }
@media (max-width:900px){
  body{background-attachment:scroll; font-size:16px;}
  section{padding:64px 0;}
  .hero{padding:34px 0 54px;}
  .hero-grid{grid-template-columns:1fr; gap:26px;}
  .hero-visual{order:-1;}
  .hero h1{font-size:clamp(40px,11vw,64px);}
  .vault{width:min(440px,92%);}
  .vtag{padding:8px 14px; font-size:11.5px;}
  .vtag-0{left:0; top:10%;} .vtag-1{right:0; bottom:12%;}
  header{background:rgba(4,36,29,.97);}
  .logo img{height:50px;} header.scrolled .logo img{height:42px;}
  nav.links{background:var(--sk-bg3); border-bottom:1px solid var(--line); max-height:calc(100vh - 90px); overflow-y:auto;}
  nav.links a{letter-spacing:.14em;}
  .photo-frame{border-radius:120px 120px 12px 12px;}
}
@media (max-width:720px){
  .calc-section{padding-bottom:40px;}
  .btn{padding:14px 22px;}
  .hero-actions{gap:14px;}
  .hero-actions .btn,.cta-actions .btn,.products-foot .btn{flex:1 1 100%;}
  .mobile-bar{border-top:1px solid var(--gold);}
  .stat b{font-size:24px;}
  .section-head h1,.section-head h2{font-size:clamp(30px,8.5vw,42px);}
  .why-visual{padding:30px 22px;}
  .lead-form-wrap{padding:24px 18px;}
  .ptable tr.prow{background:var(--sk-card); border-color:var(--line); border-radius:16px;}
}
@media (max-width:560px){
  .wrap{padding:0 16px;}
  .nav{padding:10px 16px;}
  .vault{width:100%;}
  .vtag-0{top:6%;} .vtag-1{bottom:8%;}
  .vtag{font-size:11px; padding:7px 12px;}
  .logo img{height:44px;} header.scrolled .logo img{height:38px;}
  .foot-logo img{height:56px;}
  .section-head{margin-bottom:30px;}
  .contact h2{font-size:clamp(30px,9vw,40px);}
}
/* taşmayı önle */
html,body{max-width:100%;}
img,svg,video,iframe{max-width:100%;}
.table-wrap,.catalog-table{-webkit-overflow-scrolling:touch;}

/* ---------- başlık: logo ortada, menü iki yanda (v2-2 taslağı) ---------- */
@media (min-width:901px){
  .nav{position:relative; justify-content:space-between; padding:14px 28px;}
  .logo{position:absolute; left:50%; transform:translateX(-50%); z-index:2;}
  nav.links{margin-left:0; flex:1; display:flex; justify-content:space-between; gap:0;}
  .nav-l,.nav-r{display:flex; align-items:center; gap:26px;}
  .nav-r{margin-right:14px;}
  nav.links{font-size:12px; letter-spacing:.26em; font-weight:300; color:var(--sk-mut);}
  nav.links a{color:var(--sk-mut);} nav.links a:hover{color:var(--gold-2);}
  nav.links a:not(.nav-cta):after{background:var(--gold);}
  .lang-switch{order:3;}
  .logo img{height:64px;} header.scrolled .logo img{height:48px;}
}
@media (min-width:901px) and (max-width:1300px){ .nav-l,.nav-r{gap:16px;} nav.links{letter-spacing:.16em; font-size:11.5px;} }
@media (max-width:900px){ .nav-l,.nav-r{display:contents;} }

/* =========================================================
   Ürün kartları — yeni kurgu (kemer çerçeve yok; ışıltılı vitrin zemini, metalik çizimler)
   ========================================================= */
.prod-card{border-radius:26px; overflow:hidden; background:var(--sk-card); border:1px solid var(--line);}
.prod-card .photo-frame,.product-gallery .photo-frame,.is-slider .photo-frame{
  margin:0; border-radius:0; box-shadow:none; aspect-ratio:1/.84; border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 50% 60%,rgba(224,185,92,.30),rgba(224,185,92,0) 68%);
}
.product-gallery .photo-frame{aspect-ratio:1/.9; border:1px solid var(--line); border-radius:26px;}
.prod-card .photo-frame svg,.product-gallery .photo-frame svg{width:80%; max-height:88%; height:auto; filter:drop-shadow(0 16px 16px rgba(0,0,0,.5));}
.product-gallery .photo-frame svg{width:66%;}
.prod-card .photo-frame.has-photo img{object-fit:cover;}
.prod-card:hover .photo-frame svg{transform:scale(1.07) rotate(-1.5deg);}
.prod-body{padding:20px 22px 22px; gap:5px;}
.prod-cat{font-size:10.5px; letter-spacing:.3em; color:var(--gold);}
.prod-body h3{font-size:24px; line-height:1.15;}
.prod-sku{letter-spacing:.14em; color:var(--sk-mut); font-size:11px;}
.prod-meta{color:var(--sk-mut);}
.price{font-size:26px; color:var(--gold-2); margin-top:8px;}
.price .cur{color:var(--gold);}
.prod-body .link{align-self:flex-start; margin-top:12px; padding:9px 18px; border:1px solid var(--line); border-radius:99px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); transition:.3s;}
.prod-card:hover .prod-body .link,.prod-body .link:hover{background:var(--gold); color:#05231b; border-color:var(--gold);}
.is-slider .prod-body h3{font-size:20px;} .is-slider .price{font-size:21px;} .is-slider .prod-body .link{padding:8px 14px; letter-spacing:.16em;}
.stock-badge{border-radius:99px; top:12px; left:12px;}
.cat-card{border-radius:24px; overflow:hidden;}
.cat-thumb{background:radial-gradient(circle at 50% 60%,rgba(224,185,92,.30),rgba(224,185,92,0) 68%); border-bottom:1px solid var(--line);}
.cat-thumb svg{width:60%; filter:drop-shadow(0 12px 12px rgba(0,0,0,.45));}
.ptable .c-img img,.ptable .thumb-icon{border-radius:14px; background:radial-gradient(circle,rgba(224,185,92,.3),rgba(2,23,18,.5) 75%);}
.ptable .thumb-icon svg{width:80%;}
/* katalog döşeme görünümü: geniş, yatay kartlar */
@media (min-width:721px){
  .catalog-tiles{grid-template-columns:repeat(2,1fr); gap:24px;}
  .catalog-tiles .prod-card{display:grid; grid-template-columns:44% 1fr;}
  .catalog-tiles .photo-frame{aspect-ratio:auto; min-height:230px; height:100%; border-bottom:0; border-right:1px solid var(--line);}
  .catalog-tiles .prod-body{justify-content:center;}
}
@media (max-width:720px){ .catalog-tiles{grid-template-columns:1fr;} .catalog-tiles .prod-card{display:grid; grid-template-columns:38% 1fr;} .catalog-tiles .photo-frame{aspect-ratio:auto; min-height:170px; border-bottom:0; border-right:1px solid var(--line);} .catalog-tiles .prod-body{padding:14px;} }

/* =========================================================
   Ana sayfa — yeni bölüm düzeni (Hizmetler, Hakkımızda, Neden Biz, Rehber, SSS, İletişim)
   ========================================================= */
.sh2{margin-bottom:46px;}
.sh2 h2{font-size:clamp(34px,4.4vw,64px); max-width:820px; margin-top:12px; line-height:1.04;}
/* hizmetler: numaralı satırlar */
.services{border-top:1px solid var(--line);}
.sv-list{border-top:1px solid var(--line);}
.sv-row{display:grid; grid-template-columns:80px 1.1fr 1.3fr 170px; gap:28px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); transition:background .4s, padding .4s;}
.sv-row:hover{background:linear-gradient(90deg,rgba(224,185,92,.10),transparent); padding-left:20px;}
.sv-n{font-family:var(--serif); font-size:40px; color:var(--gold);}
.sv-row h3{font-size:clamp(24px,2.6vw,34px);}
.sv-row p{color:var(--sk-mut); font-size:16px;}
.sv-art{height:96px; display:grid; place-items:center;}
.sv-art svg{height:100%; width:auto; transition:transform .5s; filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));}
.sv-row:hover .sv-art svg{transform:scale(1.2) rotate(-4deg);}
/* hakkımızda: başlık solda yapışkan, metin sağda, üç ilke yan yana */
.about2{background:transparent; border:0; border-top:1px solid var(--line);}
.about2-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:start;}
.about2-head{position:sticky; top:130px;}
.about2-head h2{font-size:clamp(34px,4vw,58px); margin:12px 0 26px;}
.about2-since{display:flex; align-items:baseline; gap:14px;}
.about2-since b{font-family:var(--serif); font-weight:400; font-size:clamp(70px,9vw,128px); line-height:1;}
.about2-since span{letter-spacing:.3em; text-transform:uppercase; font-size:11px; color:var(--sk-mut);}
.about2-body p{font-size:18px; color:var(--sk-mut); line-height:1.85; margin-bottom:20px;}
.about2-trio{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px;}
.about2-trio > div{padding:26px 26px 28px; border-top:3px solid var(--gold); background:var(--sk-card); border-radius:0 0 22px 22px; border-left:1px solid var(--line); border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
.about2-trio p{margin-top:10px; color:var(--sk-tx); font-size:16px;}
/* neden biz: dört madalyonlu kart */
.why2{border-top:1px solid var(--line);}
.why2-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.why2-card{padding:34px 26px; border:1px solid var(--line); border-radius:26px; background:var(--sk-card); text-align:center; position:relative; overflow:hidden;}
.why2-card:before{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--gold-3),var(--gold-2),var(--gold-3));}
.why2-ico{width:62px; height:62px; border-radius:50%; border:1px solid var(--gold); display:grid; place-items:center; margin:0 auto 18px; font-family:var(--serif); font-size:24px; color:var(--gold-2);}
.why2-card h3{font-size:24px; margin-bottom:8px;}
.why2-card p{color:var(--sk-mut); font-size:15px;}
.why2-foot{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-top:34px; padding-top:26px; border-top:1px solid var(--line);}
.why2-foot span{font-family:var(--serif); font-size:clamp(22px,2.4vw,32px);}
.why2-foot .btn{margin:0;}
/* rehber: numaralı satırlar */
.blog2{border-top:1px solid var(--line);}
.blog2-list{border-top:1px solid var(--line);}
.blog2-row{display:grid; grid-template-columns:70px 1fr auto; gap:26px; align-items:center; padding:26px 0; border-bottom:1px solid var(--line); transition:background .35s, padding .35s;}
.blog2-row:hover{background:linear-gradient(90deg,rgba(224,185,92,.08),transparent); padding-left:18px;}
.blog2-n{font-family:var(--serif); font-size:34px; color:var(--gold);}
.blog2-row small{font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--gold);}
.blog2-row h3{font-size:clamp(22px,2.4vw,30px); margin:4px 0 6px;}
.blog2-row p{color:var(--sk-mut); font-size:15px; max-width:640px;}
.blog2-go{font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-2); white-space:nowrap;}
/* SSS: başlık solda, liste sağda */
.faq2{background:transparent; border-top:1px solid var(--line);}
.faq2-grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start;}
.faq2-head{position:sticky; top:130px;}
.faq2-head h2{font-size:clamp(34px,4vw,56px); margin-top:12px;}
.faq2 .faq-list{max-width:none;}
/* iletişim: altın çerçeveli büyük panel */
.contact{background:transparent; border-top:1px solid var(--line);}
.contact-grid{border:1px solid var(--gold); border-radius:36px; padding:54px; background:radial-gradient(600px 400px at 90% 8%,rgba(224,185,92,.18),transparent 70%),linear-gradient(135deg,#0b4a3a,#032019); gap:56px;}
.home-calc{padding:70px 0 80px; border-top:1px solid var(--line);}
.home-calc .calc-wrap{margin:0 auto;}
@media (max-width:1000px){
  .sv-row{grid-template-columns:50px 1fr 90px;} .sv-row p{display:none;}
  .about2-grid,.faq2-grid{grid-template-columns:1fr; gap:26px;} .about2-head,.faq2-head{position:static;}
  .about2-trio,.why2-grid{grid-template-columns:1fr 1fr;}
  .blog2-row{grid-template-columns:44px 1fr;} .blog2-go{display:none;}
  .contact-grid{padding:30px 22px; gap:34px; border-radius:26px;}
}
@media (max-width:620px){
  .about2-trio,.why2-grid{grid-template-columns:1fr;}
  .sv-n,.blog2-n{font-size:28px;} .sv-art{height:70px;}
  .home-calc{padding:50px 0 56px;}
}

/* ---------- kadran: dönen ışık süpürmesi + halkada dolanan altın sikke (yıldız yok) ---------- */
.sparkle{display:none !important;}
.vault .vsweep{position:absolute; inset:1.5%; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 0deg, rgba(246,226,160,0) 0deg, rgba(246,226,160,.30) 38deg, rgba(246,226,160,0) 74deg, rgba(246,226,160,0) 360deg);
  -webkit-mask:radial-gradient(circle, transparent 62%, #000 63%, #000 98%, transparent 99%); mask:radial-gradient(circle, transparent 62%, #000 63%, #000 98%, transparent 99%);}
.vault .vorbit{position:absolute; inset:8.3%; border-radius:50%; pointer-events:none;}
.vault .vorbit:before{content:""; position:absolute; left:50%; top:-7px; width:14px; height:14px; margin-left:-7px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b95c 55%,#9c7424); box-shadow:0 0 16px 3px rgba(246,226,160,.55);}
@media (prefers-reduced-motion:no-preference){
  .vault .vsweep{animation:skRot 10s linear infinite;}
  .vault .vorbit{animation:skRot 26s linear infinite;}
}
@media (max-width:560px){ .vault .vorbit:before{width:10px; height:10px; margin-left:-5px; top:-5px;} }

/* =========================================================
   Mobil düzeltmeler — taşma, dokunma alanları (≥40px), okunur yazı boyutu
   ========================================================= */
.product-facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(104px,1fr)); gap:12px;}
.product-facts div{min-width:0; padding:12px 16px;}
.product-facts b{overflow-wrap:anywhere;}
.price-lg,.price-panel .price{overflow-wrap:anywhere;}
@media (max-width:900px){
  .lang-current{min-height:42px; padding:8px 14px;}
  .burger{width:44px; height:44px;}
  .btn-text,.link,.back-link,.link-btn{display:inline-flex; align-items:center; min-height:44px;}
  .prod-body h3 a{display:block; padding:2px 0;}
  .contact-list a,.contact-desc a{display:inline-block; padding:9px 0;}
  .foot-grid > div > a,.foot-cats a,.foot-legal a,.foot-legal .link-btn{display:flex; align-items:center; min-height:44px; padding:4px 0;}
  .cat-chips a,.filter-btn,.opt-chip,.view-btn{min-height:42px; display:inline-flex; align-items:center;}
  .breadcrumb a{display:inline-flex; align-items:center; min-height:40px;}
  .vtag{min-height:40px; display:flex; align-items:center;}
  .faq-item summary{min-height:56px; display:flex; align-items:center;}
  .prod-cat,.is-slider .prod-cat{font-size:10.5px; letter-spacing:.2em;}
  .prod-sku,.tk em,.live-row small{font-size:11.5px;}
  .calc-tab,.calc-dir{min-height:44px;}
  .calc-field select,.calc-field input,.lead-form input,.lead-form textarea,.catalog-toolbar input,.catalog-toolbar select,.catalog-ranges input{font-size:16px; min-height:46px;}
}
@media (max-width:560px){
  .mobile-bar a{min-height:54px; font-size:12.5px;}
  .vtag{font-size:11.5px;}
  .product-facts{grid-template-columns:1fr 1fr 1fr;}
  .product-facts div{padding:10px 8px; text-align:center;}
  .product-facts b{font-size:19px;}
  .price-lg{font-size:36px;}
}


/* ---------- canlı piyasa: telefon/tablette sağdan açılan çekmece (üst şerit yok) ---------- */
.live-tab,.live-backdrop,.live-close{display:none;}
@media (max-width:1179px){
  .ticker{display:none;}
  .live-tab{display:flex; align-items:center; gap:8px; position:fixed; right:0; top:66%; z-index:70; writing-mode:vertical-rl; transform:rotate(180deg) translateY(50%);
    padding:16px 9px; background:linear-gradient(180deg,#0b4a3a,#032019); color:var(--gold-2); border:1px solid var(--gold); border-right:0; border-radius:0 14px 14px 0;
    font:500 11px var(--sans); letter-spacing:.22em; text-transform:uppercase; cursor:pointer; box-shadow:-6px 8px 24px rgba(0,0,0,.35); min-height:44px;}
  .live-tab .live-dot{writing-mode:horizontal-tb;}
  .live-backdrop{display:block; position:fixed; inset:0; z-index:99; background:rgba(2,23,18,.62); opacity:0; pointer-events:none; transition:opacity .3s;}
  .live-backdrop.open{opacity:1; pointer-events:auto;}
  .live-panel{display:flex; flex-direction:column; position:fixed; right:0; top:0; bottom:0; width:min(88vw,340px); z-index:100; overflow-y:auto; -webkit-overflow-scrolling:touch;
    background:linear-gradient(180deg,#041f18,#021310); border-left:1px solid var(--gold); padding:22px 20px calc(24px + env(safe-area-inset-bottom)); transform:translateX(104%); transition:transform .35s cubic-bezier(.2,.7,.3,1); box-shadow:-20px 0 60px rgba(0,0,0,.5);}
  .live-panel.open{transform:none;}
  .live-panel h4{display:flex; align-items:center; gap:10px; font-family:var(--sans); font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); padding-bottom:14px; border-bottom:1px solid var(--line); font-weight:500;}
  .live-panel h4 > span:first-child{flex:1;}
  .live-close{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:-8px -8px -8px 0; background:none; border:0; color:var(--gold-2); font-size:30px; line-height:1; cursor:pointer;}
  .live-rows{display:flex; flex-direction:column; padding:6px 0;}
  .live-row{display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:12px 0; border-bottom:1px dashed rgba(224,185,92,.16);}
  .live-row em{font-style:normal; font-size:14px; color:var(--sk-mut); font-weight:300;}
  .live-row b{font-family:var(--serif); font-size:21px; font-weight:400; color:var(--sk-tx); text-align:right;}
  .live-row small{font-size:12px; color:#8fb5a6;}
  .live-row u{text-decoration:none; font-size:12px; text-align:right; color:var(--up);} .live-row u.down{color:var(--down);}
  .live-more{margin-top:14px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-2); padding:14px 0; border-top:1px solid var(--line);}
  body.live-open{overflow:hidden;}
  .mobile-bar{z-index:95;}
}
@media (min-width:1180px){ .live-tab,.live-backdrop,.live-close{display:none !important;} .live-panel{transform:none; box-shadow:none;} }

/* ---------- hizmetler: yan yana genişleyen paneller (resimsiz) ---------- */
.sv-acc{display:flex; gap:14px; height:430px;}
.sv-p{position:relative; flex:1; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:30px; background:var(--sk-card); display:block; transition:flex .65s cubic-bezier(.2,.7,.2,1), border-color .4s, background .4s;}
.sv-p.on{flex:3.4; border-color:var(--gold); background:radial-gradient(520px 340px at 85% 0%,rgba(224,185,92,.24),transparent 70%),linear-gradient(160deg,#0b4a3a,#032019);}
.sv-num{position:absolute; left:26px; top:22px; font-family:var(--serif); font-size:clamp(52px,6vw,96px); line-height:1; color:transparent; -webkit-text-stroke:1px var(--gold); transition:.5s;}
.sv-p.on .sv-num{-webkit-text-stroke:0; color:var(--gold); opacity:.9;}
.sv-v{position:absolute; left:26px; bottom:26px; writing-mode:vertical-rl; transform:rotate(180deg); font-family:var(--serif); font-size:clamp(20px,2vw,28px); color:var(--sk-tx); white-space:nowrap; transition:opacity .3s;}
.sv-p.on .sv-v{opacity:0;}
.sv-x{position:absolute; left:30px; right:30px; bottom:30px; opacity:0; transform:translateY(18px); transition:opacity .4s .15s, transform .5s .15s; pointer-events:none;}
.sv-p.on .sv-x{opacity:1; transform:none; pointer-events:auto;}
.sv-x h3{font-size:clamp(28px,3vw,44px); line-height:1.05; margin-bottom:10px;}
.sv-x p{color:var(--sk-mut); font-size:17px; max-width:460px;}
.sv-go{display:inline-block; margin-top:16px; font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-2); border-bottom:1px solid var(--gold); padding-bottom:3px;}
@media (min-width:901px) and (hover:hover){
  .sv-acc:hover .sv-p.on:not(:hover){flex:1; border-color:var(--line); background:var(--sk-card);}
  .sv-acc:hover .sv-p.on:not(:hover) .sv-num{-webkit-text-stroke:1px var(--gold); color:transparent;}
  .sv-acc:hover .sv-p.on:not(:hover) .sv-v{opacity:1;} .sv-acc:hover .sv-p.on:not(:hover) .sv-x{opacity:0; transform:translateY(18px);}
}
@media (max-width:900px){
  .sv-acc{flex-direction:column; height:auto; gap:12px;}
  .sv-p{flex:none; height:92px; border-radius:24px; transition:height .5s cubic-bezier(.2,.7,.2,1), border-color .4s, background .4s;}
  .sv-p.on{flex:none; height:250px;}
  .sv-num{left:22px; top:50%; transform:translateY(-50%); font-size:44px;} .sv-p.on .sv-num{top:20px; transform:none;}
  .sv-v{writing-mode:horizontal-tb; transform:none; left:88px; bottom:auto; top:50%; margin-top:-16px; font-size:22px; white-space:normal; right:16px;}
  .sv-x{left:22px; right:22px; bottom:22px;} .sv-x h3{font-size:26px;} .sv-x p{font-size:15.5px;}
}
@media (min-width:901px){
  .sv-v{max-height:calc(100% - 110px); white-space:normal; font-size:clamp(18px,1.7vw,24px); line-height:1.15;}
  .sv-p:not(.on) .sv-num{font-size:42px; left:22px; top:20px;}
}
@media (max-width:900px){
  .sv-v{top:50%; margin-top:0; transform:translateY(-50%); line-height:1.2; display:flex; align-items:center;}
  .sv-p:not(.on) .sv-num{top:50%; transform:translateY(-50%); line-height:1;}
}

/* =========================================================
   Fiyat listesi — "borsa panosu": her enstrüman bir kart (tablo yapısı JS için korunur)
   ========================================================= */
.price-board h2{display:flex; align-items:center; gap:18px; font-size:clamp(26px,3vw,38px); margin-bottom:20px;}
.price-board h2:after{content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--gold),transparent);}
.price-board .table-wrap{background:none; border:0; overflow:visible; border-radius:0;}
.price-board .price-table,.price-board .price-table tbody{display:block; min-width:0; width:100%; table-layout:auto;}
.price-board .price-table thead{display:none;}
.price-board .price-table tbody{display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:16px;}
.price-board .price-table tr{display:grid; grid-template-columns:1fr auto; grid-template-areas:'name chg' 'sell sell' 'buy buy'; gap:4px 12px; align-items:center;
  position:relative; padding:20px 22px 18px; border:1px solid var(--line); border-radius:22px; background:var(--sk-card); overflow:hidden; transition:transform .3s, border-color .3s, box-shadow .3s;}
.price-board .price-table tr:before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--gold-2),var(--gold-3)); opacity:.7;}
.price-board .price-table tr:hover{transform:translateY(-4px); border-color:var(--gold); box-shadow:0 20px 44px rgba(0,0,0,.35);}
.price-board .price-table td{display:block; padding:0; border:0; width:auto; text-align:left; background:none;}
.price-board .price-table td.name{grid-area:name; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:var(--sk-mut); font-weight:400; overflow-wrap:anywhere;}
.price-board .price-table td.name small{display:block; margin:2px 0 0; font-size:11px; letter-spacing:.14em; color:#8fb5a6;}
.price-board .price-table td.sell{grid-area:sell; font-family:var(--serif); font-size:clamp(32px,3.2vw,42px); font-weight:400; line-height:1.1; color:var(--gold-2); margin-top:6px;}
.price-board .price-table td.sell:after{content:" " attr(data-cur); font-size:.5em; color:var(--gold); margin-left:2px;}
.price-board .price-table td.buy{grid-area:buy; font-size:14px; color:var(--sk-mut);}
.price-board .price-table td.buy:before{content:attr(data-lbl) "  "; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#8fb5a6; margin-right:6px;}
.price-board .price-table td.chg,.price-board .price-table td.chg-col{grid-area:chg; display:block !important; justify-self:end; padding:4px 11px; border-radius:99px; font-size:12.5px; font-weight:500; background:rgba(255,255,255,.06); color:var(--sk-mut);}
.price-board .price-table td.chg:empty{display:none !important;}
.price-board .price-table td.chg.up{background:rgba(94,230,168,.14); color:var(--up);}
.price-board .price-table td.chg.down{background:rgba(255,122,122,.14); color:var(--down);}
.price-board .price-table td.sell.flash-up{color:var(--up);} .price-board .price-table td.sell.flash-down{color:var(--down);}
/* üç ana kalem (gram altın bölümü) daha geniş vurgulu */
.price-board:first-of-type .price-table tbody{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.price-status{display:inline-flex; margin:0 0 30px; padding:9px 18px; border:1px solid var(--line); border-radius:99px; background:rgba(2,23,18,.4);}
@media (max-width:560px){
  .price-board .price-table tbody{grid-template-columns:1fr 1fr; gap:10px;}
  .price-board .price-table tr{padding:14px 14px 12px; border-radius:18px; grid-template-areas:'name name' 'sell sell' 'buy buy' 'chg chg';}
  .price-board .price-table td.chg,.price-board .price-table td.chg-col{justify-self:start; margin-top:6px;}
  .price-board .price-table td.name{font-size:12px;}
  .price-board .price-table td.sell{font-size:26px;}
  .price-board .price-table td.buy{font-size:12.5px;} .price-board .price-table td.buy:before{display:block; margin:0 0 1px;}
}
@media (max-width:900px){
  .breadcrumb{display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; margin-bottom:18px;}
  .breadcrumb a,.breadcrumb span{display:inline-flex; align-items:center; min-height:40px; line-height:1;}
}

/* =========================================================
   Fiyat listesi — liste görünümü (kart görünümünün yerine)
   ========================================================= */
.price-board .price-table tbody{display:block;}
.price-board .price-table thead{display:block; border-bottom:1px solid var(--gold);}
.price-board .price-table thead tr,.price-board .price-table tbody tr{display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr) 118px; gap:0 16px; align-items:center; grid-template-areas:none;}
.price-board .price-table thead tr{padding:0 22px 12px; background:none; border:0; border-radius:0;}
.price-board .price-table thead th{display:block; padding:0; border:0; background:none; font-size:11px; letter-spacing:.24em; color:var(--gold); text-align:right; font-weight:500;}
.price-board .price-table thead th:first-child{text-align:left;}
.price-board .price-table tbody tr{padding:16px 22px; border:0; border-bottom:1px dashed rgba(224,185,92,.22); border-radius:0; background:none; overflow:visible; transform:none;}
.price-board .price-table tbody tr:before{display:none;}
.price-board .price-table tbody tr:nth-child(odd){background:rgba(224,185,92,.045);}
.price-board .price-table tbody tr:hover{background:linear-gradient(90deg,rgba(224,185,92,.14),rgba(224,185,92,.03)); transform:none; box-shadow:none; border-color:rgba(224,185,92,.4);}
.price-board .price-table td{grid-area:auto !important; text-align:right; justify-self:stretch;}
.price-board .price-table td.name{text-align:left; font-size:17px; letter-spacing:0; text-transform:none; color:var(--sk-tx); font-weight:400; margin:0;}
.price-board .price-table td.name small{display:inline; margin-left:8px; font-size:12px; letter-spacing:.12em;}
.price-board .price-table td.buy{font-size:18px; color:var(--sk-mut);}
.price-board .price-table td.buy:before{display:none;}
.price-board .price-table td.sell{font-size:clamp(22px,2.4vw,28px); margin:0; line-height:1.1;}
.price-board .price-table td.sell:after{font-size:.6em;}
.price-board .price-table td.chg,.price-board .price-table td.chg-col{justify-self:end; margin:0; min-width:78px; text-align:center;}
.price-board:first-of-type .price-table tbody{grid-template-columns:none;}
.price-board .table-wrap{border:1px solid var(--line); border-radius:24px; background:var(--sk-card); padding:20px 0 6px; overflow:hidden;}
@media (max-width:720px){
  .price-board .table-wrap{padding:14px 0 4px; border-radius:20px;}
  .price-board .price-table thead{display:none;}
  .price-board .price-table tbody tr{grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'name sell' 'buy chg' !important; gap:2px 12px; padding:13px 16px;}
  .price-board .price-table td.name{grid-area:name !important; text-align:left; font-size:15px;}
  .price-board .price-table td.sell{grid-area:sell !important; font-size:22px;}
  .price-board .price-table td.buy{grid-area:buy !important; text-align:left; font-size:13px;}
  .price-board .price-table td.buy:before{display:inline; content:attr(data-lbl) " "; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:#8fb5a6; margin-right:6px;}
  .price-board .price-table td.chg,.price-board .price-table td.chg-col{grid-area:chg !important; min-width:0; justify-self:end; padding:2px 10px; font-size:12px;}
  .price-board .price-table td.name small{display:block; margin:1px 0 0;}
}
/* fiyat listesi: başlık hücreleri sütunlarla birebir hizalansın (eski sabit genişlikleri sıfırla) */
.price-board .price-table th,.price-board .price-table th:nth-child(n){width:auto !important; min-width:0; justify-self:stretch; text-align:right;}
.price-board .price-table th:first-child{text-align:left;}
.price-board .price-table thead th.chg-col{display:block !important; text-align:center;}
.price-board .price-table tbody td.chg,.price-board .price-table tbody td.chg-col{justify-self:end;}
.price-board .price-table thead tr,.price-board .price-table tbody tr{box-sizing:border-box; width:100%;}
/* fiyat listesi: Alış / Satış / Değişim başlıkları ve değerleri sütun ortasında */
@media (min-width:721px){
  .price-board .price-table thead th:not(:first-child),
  .price-board .price-table tbody td.buy,
  .price-board .price-table tbody td.sell{text-align:center !important;}
  .price-board .price-table tbody td.chg,.price-board .price-table tbody td.chg-col{justify-self:center;}
}
@media (min-width:721px){
  .price-board .price-table tbody td.sell{position:relative;}
  .price-board .price-table tbody td.sell:after{position:absolute; margin-left:4px; bottom:.35em;}
}
/* üst menü logosu büyütüldü */
@media (min-width:901px){ .logo img{height:86px;} header.scrolled .logo img{height:62px;} .nav{padding-top:10px; padding-bottom:10px;} }
@media (max-width:900px){ .logo img{height:58px;} header.scrolled .logo img{height:46px;} }
@media (max-width:560px){ .logo img{height:52px;} header.scrolled .logo img{height:42px;} }
@media (min-width:901px){
  .nav{min-height:108px; align-items:center; transition:min-height .3s;}
  header.scrolled .nav{min-height:82px;}
  .logo{top:50%; transform:translate(-50%,-50%);}
}
/* kadran: "Kanaat" yazısı (logonun görsel ağırlığı) halkaların tam merkezinde dursun */
.vault-logo{transform:translateY(-6.5%);}
/* kadran: logo yuvarlak maske ile kırpılmasın, tamamı görünsün */
.vault .vc{overflow:visible;}
.vault .vault-logo{width:94%; max-width:none;}
.vault .hero-bg-slides{border-radius:50%; overflow:hidden;}

/* =========================================================
   Kasa penceresi (.vault.kasa-on)
   ========================================================= */
.vault.kasa-on > svg.dial,.vault.kasa-on > .vc{display:none;}
.vault .vk{position:absolute; inset:0; border-radius:50%; overflow:hidden; cursor:pointer; z-index:2; -webkit-tap-highlight-color:transparent; background:radial-gradient(circle,#0a3d31,#031a14 75%); box-shadow:0 0 0 1px var(--line),0 30px 70px rgba(0,0,0,.5);}
.vault .vk:focus-visible{outline:2px solid var(--gold-2); outline-offset:6px;}
.vault .vk-inside{position:absolute; inset:0; display:grid; place-items:center; padding:12%; opacity:0; transform:scale(.88); transition:opacity .6s .25s, transform .8s .15s cubic-bezier(.2,.7,.2,1); background:radial-gradient(circle at 50% 58%,rgba(224,185,92,.30),transparent 62%);}
.vault.open .vk-inside{opacity:1; transform:none;}
.vault .vk-art svg{width:100%; filter:drop-shadow(0 20px 22px rgba(0,0,0,.6));}
.vault .vk-top{position:absolute; left:0; right:0; top:9%; text-align:center; font:400 clamp(16px,2vw,24px) var(--serif); color:var(--sk-tx);}
.vault .vk-cap{position:absolute; left:0; right:0; bottom:9%; text-align:center;}
.vault .vk-cap small{display:block; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--gold);}
.vault .vk-cap b{font:400 clamp(24px,3vw,36px)/1.1 var(--serif); color:var(--gold-2);}
.vault .vk-door{position:absolute; inset:0; transition:transform .95s cubic-bezier(.7,0,.2,1), opacity .6s .3s; will-change:transform;}
.vault .vk-door.l{clip-path:inset(0 50% 0 0);} .vault .vk-door.r{clip-path:inset(0 0 0 50%);}
.vault.open .vk-door.l{transform:translateX(-102%);} .vault.open .vk-door.r{transform:translateX(102%);}
.vault.open .vk-door{opacity:0;}
.vault .vk-face{position:absolute; inset:0; background:radial-gradient(circle,#0f4a3c,#052a21 70%);}
.vault .vk-face .dial{position:absolute; inset:0; width:100%; height:100%;}
.vault .vk-face .vc{position:absolute; inset:19%; display:grid; place-items:center;}
.vault.kasa-on .vsweep{z-index:6;} .vault.kasa-on .vorbit{z-index:7;} .vault.kasa-on .vtag{z-index:8;}
.vault .vk-btn{position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:20px; white-space:nowrap; z-index:9; padding:13px 30px; border:0; border-radius:99px; cursor:pointer; font:500 12.5px var(--sans); letter-spacing:.2em; text-transform:uppercase; background:linear-gradient(135deg,var(--gold-2),var(--gold) 50%,var(--gold-3)); color:#05231b;}
.vault .vk-btn:hover{box-shadow:0 0 34px rgba(224,185,92,.4);}
.hero-visual:has(.vk-btn){padding-bottom:70px;}
@media (prefers-reduced-motion:reduce){ .vault .vk-door{transition-duration:.01s;} }

/* kasa: her açılışta sıradaki sahne (hizmetler sırasıyla) */
.vault .vk-inside{display:block; padding:0;}
.vault .vk-scene{position:absolute; inset:0; display:none; place-items:center; padding:19% 12% 24%;}
.vault .vk-scene.on{display:grid; animation:vkIn .7s .2s both;}
@keyframes vkIn{from{opacity:0; transform:scale(.94);} to{opacity:1; transform:none;}}
.vault .vk-s-yuzuk .vk-art svg,.vault .vk-s-alyans .vk-art svg{max-height:150px; width:auto; margin:0 auto; display:block;}
.vault .vk-s-yuzuk .vk-art,.vault .vk-s-alyans .vk-art{display:grid; place-items:center;}
.vault .vk-cap small{max-width:78%; margin:0 auto; line-height:1.5; font-size:11.5px; letter-spacing:.14em;}
.vault .vk-link{display:inline-block; margin-top:8px; padding:7px 18px; border:1px solid var(--gold); border-radius:99px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-2); background:rgba(2,23,18,.5);}
.vault .vk-link:hover{background:var(--gold); color:#05231b;}
.vault .vk-dots{position:absolute; left:0; right:0; bottom:3.5%; display:flex; justify-content:center; gap:7px; z-index:3;}
.vault .vk-dots i{width:7px; height:7px; border-radius:50%; background:rgba(224,185,92,.3); transition:.3s;}
.vault .vk-dots i.on{background:var(--gold-2); transform:scale(1.35); box-shadow:0 0 8px rgba(246,226,160,.7);}
@media (prefers-reduced-motion:reduce){ .vault .vk-scene.on{animation:none;} }

/* kasa içi: fotoğraflı sahneler (yuvarlak pencereyi doldurur) */
.vault .vk-scene.has-photo{padding:0; display:none;}
.vault .vk-scene.has-photo.on{display:block;}
.vault .vk-scene.has-photo .vk-art{position:absolute; inset:0;}
.vault .vk-scene.has-photo .vk-photo{width:100%; height:100%; object-fit:cover; display:block;}
.vault .vk-scene.has-photo:before{content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(2,23,18,.82) 0%,rgba(2,23,18,.15) 34%,rgba(2,23,18,.1) 52%,rgba(2,23,18,.88) 100%);}
.vault .vk-scene.has-photo .vk-top,.vault .vk-scene.has-photo .vk-cap{z-index:2;}
.vault .vk-scene.has-photo .vk-top{text-shadow:0 2px 12px rgba(0,0,0,.6);}

/* Kasa penceresi üst başlığı: okunaklı, düzgün sans yazı tipi */
.vault .vk-top{font:500 clamp(13px,1.45vw,17px)/1.3 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--gold-2); padding:0 8%;}
.vault .vk-scene.has-photo .vk-top{text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);}
.vault .vk-btn{display:none !important;}

/* Hakkımızda: uzun "2009'dan beri" ibaresi ve metin mobilde taşmasın */
.about2-grid > *{min-width:0;}
.about2-since{flex-wrap:wrap; row-gap:6px;}
.about2-since b{font-size:clamp(44px,6.4vw,92px); white-space:nowrap;}
.about2-body p{overflow-wrap:break-word; hyphens:auto;}
@media (max-width:720px){
  .about2-since{flex-direction:column; align-items:flex-start; gap:8px;}
  .about2-since b{font-size:clamp(40px,13vw,60px);}
  .about2-since span{letter-spacing:.24em;}
  .about2-head h2{font-size:clamp(28px,8vw,38px);}
  .about2-body p{font-size:16.5px; line-height:1.7;}
}