
:root{--black:#1a1a1a;--white:#f5f3f0;--cream:#ede9e2;--gold:#c8a96e;--gold-dk:#9e7c3f;--gray:#6b6560;--light:#d4cfc8;--card:#fff;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden;}

/* ── HEADER ── */
header{position:fixed;top:0;left:0;right:0;z-index:300;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;transition:background .3s,border-color .3s;}
header.transparent{background:transparent;border-bottom:1px solid rgba(255,255,255,.12);}
header.solid{background:rgba(245,243,240,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--light);}
.logo-img{height:34px;cursor:pointer;transition:filter .3s;}
header.transparent .logo-img{filter:invert(1) brightness(1.2);}
header.solid .logo-img{filter:none;}
.logo-fallback{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.06em;display:none;cursor:pointer;transition:color .3s;}
header.transparent .logo-fallback{color:var(--white);}
header.solid .logo-fallback{color:var(--black);}

/* MEGA NAV */
.main-nav{display:flex;gap:0;align-items:stretch;height:70px;}
.nav-item{position:relative;display:flex;align-items:center;}
.nav-item > a, .nav-item > span{padding:0 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;height:70px;display:flex;align-items:center;gap:4px;text-decoration:none;transition:color .2s;}
header.transparent .nav-item > a,
header.transparent .nav-item > span{color:rgba(255,255,255,.88);}
header.solid .nav-item > a,
header.solid .nav-item > span{color:var(--black);}
.nav-item:hover > a,.nav-item:hover > span{color:var(--gold)!important;}
.nav-arrow{font-size:9px;opacity:.6;}

/* DROPDOWN */
.dropdown{display:none;position:absolute;top:70px;left:0;min-width:220px;background:var(--white);border-top:2px solid var(--gold);box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:400;}
.nav-item:hover > .dropdown{display:block;}
.dropdown a{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-size:12px;color:var(--black);text-decoration:none;border-bottom:1px solid var(--cream);transition:background .15s,color .15s;}
.dropdown a:hover{background:var(--cream);color:var(--gold-dk);}
.dropdown a:last-child{border-bottom:none;}
.has-sub{position:relative;}
.has-sub > a::after{content:'›';margin-left:6px;font-size:14px;}
.subdrop{display:none;position:absolute;top:0;left:100%;min-width:220px;background:var(--white);border-top:2px solid var(--gold);box-shadow:8px 8px 32px rgba(0,0,0,.1);z-index:401;}
.has-sub:hover > .subdrop{display:block;}
.subdrop a{padding:10px 18px;font-size:12px;border-bottom:1px solid var(--cream);}

/* Right nav */
.nav-right{display:flex;gap:10px;align-items:center;}
.nav-teklif{background:var(--gold);color:var(--black)!important;padding:9px 18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s;text-decoration:none;white-space:nowrap;}
.nav-teklif:hover{background:var(--gold-dk);color:var(--white)!important;}

/* hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;}
.hamburger span{display:block;width:22px;height:2px;transition:background .3s;}
header.transparent .hamburger span{background:var(--white);}
header.solid .hamburger span{background:var(--black);}

/* MOB NAV */
.mob-nav{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--white);z-index:299;overflow-y:auto;flex-direction:column;}
.mob-nav.on{display:flex;}
.mob-cat{border-bottom:1px solid var(--cream);}
.mob-cat-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
.mob-cat-hd:hover{background:var(--cream);}
.mob-cat-body{display:none;background:var(--cream);}
.mob-cat-body.open{display:block;}
.mob-cat-body a{display:block;padding:10px 28px;font-size:12px;color:var(--black);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.04);}
.mob-cat-body a:hover{color:var(--gold-dk);}
.mob-sub-hd{padding:10px 28px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dk);background:rgba(200,169,110,.08);}
.mob-sub-body a{padding-left:36px;}
.mob-teklif{margin:16px;background:var(--black);color:var(--white);padding:14px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:block;}

/* ── HERO SLIDER ── */
.hero-slider{position:relative;height:100vh;overflow:hidden;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:center;}
.slide.active{opacity:1;z-index:2;}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.04);transition:transform 7s ease;}
.slide.active .slide-bg{transform:scale(1);}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.32) 60%,transparent 100%);}
.slide-content{position:relative;z-index:5;padding:0 8%;max-width:680px;padding-top:70px;}
.slide-tag{display:inline-block;background:var(--gold);color:var(--black);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;margin-bottom:20px;opacity:0;transform:translateY(14px);transition:opacity .6s .3s,transform .6s .3s;}
.slide.active .slide-tag{opacity:1;transform:translateY(0);}
.slide-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(50px,7vw,96px);line-height:.92;color:var(--white);letter-spacing:.02em;margin-bottom:18px;opacity:0;transform:translateY(18px);transition:opacity .6s .45s,transform .6s .45s;}
.slide.active .slide-h1{opacity:1;transform:translateY(0);}
.slide-h1 em{color:var(--gold);font-style:normal;}
.slide-p{color:rgba(255,255,255,.76);font-size:15px;line-height:1.7;max-width:420px;margin-bottom:34px;font-weight:300;opacity:0;transform:translateY(12px);transition:opacity .6s .6s,transform .6s .6s;}
.slide.active .slide-p{opacity:1;transform:translateY(0);}
.slide-ctas{display:flex;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .6s .75s,transform .6s .75s;}
.slide.active .slide-ctas{opacity:1;transform:translateY(0);}
.btn-p{background:var(--gold);color:var(--black);padding:14px 30px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .1s;display:inline-block;}
.btn-p:hover{background:var(--gold-dk);color:var(--white);transform:translateY(-2px);}
.btn-s{background:transparent;color:var(--white);padding:13px 30px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:all .2s;display:inline-block;}
.btn-s:hover{border-color:var(--gold);color:var(--gold);}
.slider-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s;border:none;}
.dot.active{background:var(--gold);width:26px;border-radius:4px;}
.sarr{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:var(--white);width:46px;height:46px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.sarr:hover{background:var(--gold);border-color:var(--gold);color:var(--black);}
.sarr-p{left:24px;}.sarr-n{right:24px;}
.sprogress{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);z-index:10;}
.scounter{position:absolute;right:32px;bottom:32px;z-index:10;display:flex;align-items:baseline;gap:3px;}
.scc{font-family:'Bebas Neue',sans-serif;font-size:34px;color:var(--white);line-height:1;}
.scs{color:rgba(255,255,255,.3);font-size:13px;}
.sct{font-family:'Bebas Neue',sans-serif;font-size:18px;color:rgba(255,255,255,.35);}

/* ── MARQUEE ── */
.marquee-wrap{background:var(--gold);overflow:hidden;padding:12px 0;white-space:nowrap;}
.marquee-inner{display:inline-flex;animation:mq 28s linear infinite;}
.marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:.12em;color:var(--black);padding:0 22px;}
.marquee-inner span::after{content:'◆';margin-left:22px;font-size:8px;}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── SECTIONS ── */
section{padding:72px 8%;}
.sec-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.sec-label::before{content:'';width:22px;height:2px;background:var(--gold);}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:.02em;margin-bottom:12px;}
.sec-desc{color:var(--gray);font-size:14px;line-height:1.7;max-width:500px;font-weight:300;}
.sec-head{margin-bottom:36px;}

/* ── CATEGORY TREE FILTER ── */
#urunler{background:var(--white);}
.cat-tree{margin-bottom:32px;}
.cat-tree-main{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:0;}
.cat-tree-main .ctb{background:transparent;border:1px solid var(--light);color:var(--gray);padding:8px 16px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.ctb:hover{border-color:var(--gold);color:var(--gold-dk);}
.ctb.active{background:var(--black);border-color:var(--black);color:var(--white);}
.sub-filter{display:none;flex-wrap:wrap;gap:5px;margin-top:8px;padding:12px 14px;background:var(--cream);border-left:3px solid var(--gold);}
.sub-filter.visible{display:flex;}
.sub-filter .sfb{background:transparent;border:1px solid var(--light);color:var(--gray);padding:6px 14px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.sfb:hover{border-color:var(--gold-dk);color:var(--gold-dk);}
.sfb.active{background:var(--gold);border-color:var(--gold);color:var(--black);}

/* ── PRODUCT GRID ── */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.prod-card{background:var(--card);overflow:hidden;position:relative;border:1px solid var(--cream);cursor:pointer;transition:box-shadow .3s;}
.prod-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);}
.prod-card:hover .pov{opacity:1;}
.prod-card:hover .pte{transform:scale(1.05);}
.prod-img-wrap{aspect-ratio:3/4;overflow:hidden;background:var(--cream);position:relative;display:flex;align-items:center;justify-content:center;}
.pte{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pov{position:absolute;inset:0;background:rgba(26,26,26,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s;}
.pov-btn{background:var(--gold);color:var(--black);padding:11px 22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:pointer;}
.pov-det{background:transparent;color:var(--white);padding:9px 22px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);cursor:pointer;}
.pbadge{position:absolute;top:13px;left:13px;background:var(--black);color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;z-index:2;}
.pbadge.nb{background:var(--gold);color:var(--black);}
.pcat-tag{position:absolute;bottom:12px;right:12px;background:rgba(26,26,26,.7);color:var(--light);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;z-index:2;}
.prod-info{padding:18px 20px;}
.prod-name{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.04em;margin-bottom:4px;}
.prod-desc-t{font-size:12px;color:var(--gray);line-height:1.5;margin-bottom:11px;font-weight:300;}
.ppr{display:flex;align-items:flex-end;justify-content:space-between;}
.plbl{font-size:10px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;}
.pval{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--gold-dk);}
.pnote{font-size:10px;color:var(--gray);}
.bsm{background:var(--black);color:var(--white);padding:9px 14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s;white-space:nowrap;}
.bsm:hover{background:var(--gold-dk);}
.prod-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--gray);}

/* ── DETAIL MODAL ── */
.detail-bg{position:fixed;inset:0;background:rgba(26,26,26,.82);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;}
.detail-bg.on{display:flex;}
.detail-modal{background:var(--white);width:100%;max-width:860px;max-height:92vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;}
.dgal{background:var(--cream);position:relative;}
.dmi{width:100%;aspect-ratio:1;object-fit:cover;display:block;}
.dmi-svg{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--cream);}
.dthumbs{display:flex;gap:4px;padding:8px;background:var(--cream);flex-wrap:wrap;}
.dthumb{width:54px;height:54px;object-fit:cover;cursor:pointer;border:2px solid transparent;opacity:.7;transition:all .2s;}
.dthumb.active,.dthumb:hover{border-color:var(--gold);opacity:1;}
.dinfo{padding:30px 26px;display:flex;flex-direction:column;}
.dcat{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:7px;}
.dname{font-family:'Bebas Neue',sans-serif;font-size:34px;line-height:1;letter-spacing:.02em;margin-bottom:5px;}
.dprice{font-family:'Bebas Neue',sans-serif;font-size:46px;color:var(--gold-dk);line-height:1;margin-bottom:4px;}
.dpnote{font-size:12px;color:var(--gray);margin-bottom:18px;}
.ddesc{font-size:13px;color:var(--gray);line-height:1.7;font-weight:300;margin-bottom:18px;}
.dfeats{margin-bottom:22px;}
.dfeat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--black);padding:6px 0;border-bottom:1px solid var(--cream);}
.dfeat::before{content:'';width:13px;height:13px;background:var(--gold);flex-shrink:0;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);}
.dcta{background:var(--gold);color:var(--black);border:none;padding:14px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s;width:100%;margin-top:auto;}
.dcta:hover{background:var(--gold-dk);color:var(--white);}
.dcls{position:absolute;top:10px;right:10px;background:var(--black);border:none;color:var(--white);width:30px;height:30px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;}
.dcls:hover{background:var(--gold-dk);}
.inav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(26,26,26,.6);color:var(--white);border:none;width:34px;height:34px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.inav:hover{background:var(--gold);}
.ip{left:7px;}.in{right:7px;}

/* ── PRICES ── */
#fiyatlar{background:var(--black);color:var(--white);}
#fiyatlar .sec-title{color:var(--white);}
#fiyatlar .sec-desc{color:var(--light);}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:44px;}
.pc{background:#222;padding:30px 22px;}
.pc.hot{background:var(--gold);}
.pccat{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;}
.pc.hot .pccat{color:rgba(0,0,0,.55);}
.pcname{font-family:'Bebas Neue',sans-serif;font-size:23px;letter-spacing:.04em;color:var(--white);margin-bottom:18px;line-height:1.1;}
.pc.hot .pcname{color:var(--black);}
.pcprice{font-family:'Bebas Neue',sans-serif;font-size:46px;line-height:1;color:var(--white);margin-bottom:3px;}
.pc.hot .pcprice{color:var(--black);}
.pcnote{font-size:11px;color:var(--light);margin-bottom:22px;font-weight:300;}
.pc.hot .pcnote{color:rgba(0,0,0,.55);}
.pcfeats{list-style:none;margin-bottom:26px;}
.pcfeat{font-size:12px;color:var(--light);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;}
.pc.hot .pcfeat{color:var(--black);border-color:rgba(0,0,0,.08);}
.pcfeat::before{content:'';width:13px;height:13px;background:var(--gold);flex-shrink:0;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);}
.pc.hot .pcfeat::before{background:var(--black);}
.pcbtn{display:block;width:100%;text-align:center;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--white);padding:11px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.pcbtn:hover,.pc.hot .pcbtn{background:var(--black);color:var(--gold);border-color:var(--black);}

/* ── WHY ── */
#neden-biz{background:var(--cream);}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:44px;}
.wc{background:var(--white);padding:34px 30px;display:flex;gap:18px;align-items:flex-start;}
.wi{width:46px;height:46px;background:var(--black);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.wt{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.04em;margin-bottom:7px;}
.wp{font-size:13px;color:var(--gray);line-height:1.65;font-weight:300;}

/* ── CONTACT ── */
#iletisim{background:var(--white);}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:44px;}
.ci{display:flex;gap:16px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--cream);}
.ci:last-child{border-bottom:none;}
.cic{width:40px;height:40px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.cilbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-bottom:3px;}
.cival{font-size:14px;font-weight:500;}
.cmap{background:var(--cream);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--gray);letter-spacing:.04em;min-height:260px;border:1px solid var(--light);}

/* ── FOOTER ── */
footer{background:var(--black);color:var(--light);padding:48px 8% 24px;}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07);}
.flogo{height:28px;filter:invert(1) brightness(.7);margin-bottom:12px;}
.fabout{font-size:12px;line-height:1.7;font-weight:300;color:rgba(255,255,255,.35);max-width:240px;}
.fhd{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:.06em;color:var(--gold);margin-bottom:14px;}
.flinks{list-style:none;}
.flinks li{margin-bottom:7px;}
.flinks a{color:rgba(255,255,255,.35);text-decoration:none;font-size:12px;transition:color .2s;}
.flinks a:hover{color:var(--gold);}
.fbot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.18);}

/* ── FLOAT CTA ── */
.float-cta{position:fixed;bottom:24px;right:24px;background:var(--gold);color:var(--black);padding:13px 22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:pointer;z-index:98;box-shadow:0 6px 24px rgba(200,169,110,.4);transition:background .2s,transform .2s;animation:glow 3s infinite;}
.float-cta:hover{background:var(--black);color:var(--gold);transform:translateY(-2px);animation:none;}
@keyframes glow{0%,100%{box-shadow:0 6px 24px rgba(200,169,110,.4)}50%{box-shadow:0 6px 40px rgba(200,169,110,.65)}}

/* ── TEKLIF MODAL ── */
.modal-bg{position:fixed;inset:0;background:rgba(26,26,26,.75);z-index:600;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-bg.on{display:flex;}
.modal{background:var(--white);width:100%;max-width:510px;max-height:90vh;overflow-y:auto;}
.mhd{background:var(--black);padding:24px 30px;display:flex;justify-content:space-between;align-items:center;}
.mhdt{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--gold);letter-spacing:.06em;}
.mcls{background:none;border:none;color:var(--white);font-size:20px;cursor:pointer;}
.mcls:hover{color:var(--gold);}
.mbody{padding:28px;}
.fr{margin-bottom:16px;}
.fr label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:5px;}
.fr input,.fr select,.fr textarea{width:100%;padding:11px 13px;border:1px solid var(--light);background:var(--cream);font-family:'DM Sans',sans-serif;font-size:13px;color:var(--black);outline:none;transition:border-color .2s;}
.fr input:focus,.fr select:focus,.fr textarea:focus{border-color:var(--black);}
.fr textarea{resize:vertical;min-height:80px;}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.bsubmit{width:100%;background:var(--black);color:var(--gold);border:none;padding:14px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s;margin-top:6px;}
.bsubmit:hover{background:var(--gold-dk);color:var(--white);}
.fok{text-align:center;padding:40px 20px;display:none;}
.fok.on{display:block;}
.fok-icon{font-size:42px;margin-bottom:12px;}
.fok-t{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.04em;margin-bottom:9px;}
.fok-p{color:var(--gray);font-size:13px;line-height:1.6;}

/* RESPONSIVE */
@media(max-width:1100px){.main-nav{display:none;}.hamburger{display:flex;}.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){section{padding:56px 5%;}.prod-grid,.price-grid,.why-grid,.cgrid{grid-template-columns:1fr;}.ft{grid-template-columns:1fr;gap:22px;}.fbot{flex-direction:column;gap:8px;text-align:center;}.f2{grid-template-columns:1fr;}.detail-modal{grid-template-columns:1fr;}.sarr{display:none;}.scounter{display:none;}}

