:root{
 --bg:#f8f9ff;--bg-soft:#f1f3ff;--panel:#fff;--panel2:#fafbff;--text:#171829;--muted:#72778d;
 --line:#e3e6f3;--brand:#6247ff;--brand2:#8f48ff;--cyan:#1c9fff;--green:#16b974;--red:#ff455f;
 --orange:#f4a000;--shadow:0 12px 34px rgba(77,65,139,.085);--header:rgba(255,255,255,.94);
 --glow:rgba(98,71,255,.15);--footer:#f5f6fd;
}
html[data-theme="dark"]{
 --bg:#060b13;--bg-soft:#0b111c;--panel:#0c121d;--panel2:#0e1623;--text:#f8f9ff;--muted:#99a5b9;
 --line:#1c2940;--brand:#8e55ff;--brand2:#6949ff;--cyan:#15b6ff;--green:#20c483;--red:#ff4562;
 --orange:#ffb000;--shadow:0 14px 38px rgba(0,0,0,.30);--header:rgba(6,11,19,.94);
 --glow:rgba(75,74,255,.22);--footer:#070c14;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px;transition:background .25s,color .25s}
button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
svg.icon{width:20px;height:20px;display:block}.shell{width:min(1420px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px)}
.nav{height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-weight:950;font-size:20px;letter-spacing:-.5px;flex:none}.brand .crown{color:var(--brand);width:29px;height:29px}
.main-nav{display:flex;align-items:center;gap:4px;height:100%}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-link{height:40px;border:0;background:none;color:var(--text);font-weight:780;font-size:13px;padding:0 10px;border-radius:10px;position:relative}.nav-link.active{color:var(--brand)}.nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-15px;height:2px;border-radius:9px;background:var(--brand)}.nav-link:hover{background:var(--bg-soft);color:var(--brand)}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:7px}.searchbar{height:39px;width:320px;border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;display:flex;align-items:center;padding:0 12px;gap:7px}.searchbar input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:12px}
.tool{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:var(--shadow)}.tool:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.tool-count{position:absolute;right:-2px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;border:2px solid var(--panel);font-size:9px;font-weight:900;display:grid;place-items:center}
.login-btn{height:38px;padding:0 18px;border:0;border-radius:999px;color:#fff;font-weight:850;font-size:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 22px var(--glow)}.mobile-menu{display:none}
.mega{position:absolute;left:-80px;top:61px;width:670px;padding:13px;border:1px solid var(--line);background:var(--panel);border-radius:17px;box-shadow:0 24px 70px rgba(0,0,0,.18);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;opacity:0;pointer-events:none;transform:translateY(9px);transition:.18s}.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;pointer-events:auto;transform:none}.mega-box{padding:14px;border:1px solid var(--line);background:var(--panel2);border-radius:13px}.mega-box strong{display:block;margin-bottom:8px}.mega-box p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 7px}.mega-box a{display:block;padding:7px 8px;border-radius:8px;color:var(--muted);font-size:12px}.mega-box a:hover{background:var(--bg-soft);color:var(--brand)}
.hero{min-height:410px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:8%;top:-40%;width:520px;height:520px;background:radial-gradient(circle,var(--glow),transparent 68%);pointer-events:none}.hero-slider{position:relative}.hero-track{display:flex;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.hero-slide{min-width:100%;display:grid;grid-template-columns:.92fr 1.08fr;gap:25px;align-items:center;padding:35px 0 28px}.hero-copy{padding-left:10px}.micro-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));background:var(--panel);border-radius:999px;height:27px;padding:0 10px;font-size:11px;font-weight:750;color:var(--muted);box-shadow:var(--shadow)}.hero h1{margin:15px 0 12px;font-size:clamp(42px,4.4vw,67px);line-height:.95;letter-spacing:-3px;max-width:620px}.hero h1 span{display:block;color:var(--brand)}.hero p{max-width:595px;color:var(--muted);line-height:1.65;font-size:14px;margin:0}.hero-cta{display:flex;gap:9px;margin-top:18px}.btn{height:43px;border-radius:9px;padding:0 18px;border:1px solid var(--line);font-weight:850;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(135deg,var(--brand),#5148ff);border-color:transparent;color:#fff;box-shadow:0 10px 24px var(--glow)}.btn-ghost{background:var(--panel);color:var(--text)}
.hero-visual{height:300px;position:relative;display:flex;justify-content:flex-end;align-items:center}.hero-art{width:min(100%,620px);height:100%;object-fit:contain;object-position:center right;filter:drop-shadow(0 24px 40px rgba(25,29,80,.12))}html[data-theme="light"] .hero-art.dark{display:none}html[data-theme="dark"] .hero-art.light{display:none}
.trusts{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin-top:-6px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;font-weight:730}.trust-icon{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--brand);background:var(--panel)}
.hero-dots{position:absolute;right:0;bottom:12px;display:flex;gap:5px}.hero-dot{width:7px;height:7px;border:0;border-radius:20px;background:var(--line);padding:0}.hero-dot.active{width:24px;background:var(--brand)}
.section{padding:29px 0}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.section-title{display:flex;gap:9px;align-items:flex-start}.section-symbol{width:28px;height:28px;display:grid;place-items:center;color:var(--brand)}.section-title h2{font-size:24px;letter-spacing:-.8px;margin:0;line-height:1.05}.section-title p{font-size:11px;color:var(--muted);margin:5px 0 0}.section-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.see-all{height:32px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--panel);color:var(--brand);border-radius:999px;padding:0 13px;font-size:10px;font-weight:850}.arrow-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);display:grid;place-items:center}.arrow-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.arrow-btn svg{width:15px;height:15px}
.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cat{min-height:118px;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:13px 8px 10px;text-align:center;box-shadow:var(--shadow);transition:.18s}.cat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 42%,var(--line))}.cat-icon{width:43px;height:43px;margin:0 auto 8px;border-radius:13px;display:grid;place-items:center;color:var(--brand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 11%,var(--panel)),color-mix(in srgb,var(--cyan) 8%,var(--panel)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 10%,var(--line))}.cat b{display:block;font-size:11px}.cat small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:4px}
.carousel{overflow:hidden;padding:2px 1px 4px}.track{display:flex;gap:10px;transition:transform .4s cubic-bezier(.2,.75,.25,1);will-change:transform}.product{flex:0 0 calc((100% - 30px)/4);border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:7px;box-shadow:var(--shadow);position:relative;overflow:hidden}.product-photo{height:150px;border-radius:8px;overflow:hidden;background:var(--bg-soft);position:relative}.product-photo img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;z-index:2;left:7px;top:7px;height:23px;padding:0 8px;display:flex;align-items:center;border-radius:5px;background:var(--green);color:#fff;font-size:10px;font-weight:900}.badge.sale{background:var(--red)}.product-content{padding:9px 2px 2px}.product h3{font-size:12px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-desc{font-size:9px;color:var(--muted);height:25px;line-height:1.4;overflow:hidden}.rating{font-size:10px;color:var(--orange);margin:7px 0 6px}.rating span{color:var(--muted)}.price-line{display:flex;align-items:flex-end;gap:6px;min-height:31px}.price{font-size:18px;font-weight:950;letter-spacing:-.6px}.old{font-size:9px;text-decoration:line-through;color:var(--muted)}.addcart{width:100%;height:33px;border:0;border-radius:6px;background:linear-gradient(90deg,var(--brand),#5e41ff);color:#fff;font-size:10px;font-weight:900;margin-top:8px;display:flex;gap:6px;align-items:center;justify-content:center}.product .heart{position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(4,8,18,.55);color:#fff;display:grid;place-items:center;opacity:0;transition:.18s}.product:hover .heart{opacity:1}
.proof{border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));background:linear-gradient(105deg,color-mix(in srgb,var(--brand) 8%,var(--panel)),color-mix(in srgb,var(--cyan) 5%,var(--panel)));border-radius:13px;padding:18px 20px;display:grid;grid-template-columns:1.2fr repeat(4,.65fr);align-items:center;gap:15px;box-shadow:var(--shadow)}.proof-lead{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:900;line-height:1.25}.proof-crown{width:45px;height:45px;color:var(--brand)}.proof-stat{display:flex;align-items:center;gap:9px}.proof-stat .bigicon{font-size:25px;color:var(--brand)}.proof-stat b{font-size:15px;display:block}.proof-stat small{font-size:9px;color:var(--muted)}
.review{flex:0 0 calc((100% - 20px)/3);border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:13px;box-shadow:var(--shadow)}.review-top{display:flex;align-items:center;gap:9px}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--cyan));display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.review b{font-size:10px}.stars{font-size:9px;color:var(--orange)}.review p{font-size:10px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.newsletter{min-height:108px;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));background:linear-gradient(105deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),color-mix(in srgb,var(--cyan) 4%,var(--panel)));border-radius:13px;display:grid;grid-template-columns:120px 1fr 1fr 150px;align-items:center;gap:12px;padding:10px 16px;overflow:hidden;box-shadow:var(--shadow)}.news-art{height:94px;width:118px;object-fit:contain}html[data-theme="light"] .news-art.dark{display:none}html[data-theme="dark"] .news-art.light{display:none}.newsletter h3{font-size:15px;margin:0 0 5px}.newsletter p{font-size:10px;color:var(--muted);margin:0}.subscribe{grid-column:3/5;height:37px;border:1px solid var(--line);background:var(--panel);border-radius:7px;display:flex;overflow:hidden}.subscribe input{flex:1;min-width:0;border:0;background:none;color:var(--text);outline:none;padding:0 12px;font-size:10px}.subscribe button{width:103px;border:0;background:linear-gradient(135deg,var(--brand),#5b4bff);color:#fff;font-size:10px;font-weight:850}
footer{border-top:1px solid var(--line);background:var(--footer);margin-top:13px;padding:31px 0 17px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:30px}.footer-about p{font-size:10px;line-height:1.55;color:var(--muted);max-width:250px}.social{display:flex;gap:11px;color:var(--text);font-weight:800;font-size:11px}.footer-col b{font-size:11px}.footer-col a{display:block;color:var(--muted);font-size:10px;margin-top:7px}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
.overlay{position:fixed;inset:0;background:rgba(2,5,12,.65);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;width:min(410px,100%);height:100vh;background:var(--panel);z-index:110;transform:translateX(102%);transition:.25s;box-shadow:-20px 0 65px rgba(0,0,0,.28);display:flex;flex-direction:column}.drawer.show{transform:none}.drawer-head{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px}.drawer-head h3{margin:0}.close{margin-left:auto;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--text)}.cart-body{padding:14px;overflow:auto;display:grid;gap:9px}.cart-empty{color:var(--muted);text-align:center;padding:35px 10px}.cart-item{display:grid;grid-template-columns:65px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel2)}.cart-thumb{width:65px;height:50px;border-radius:7px;object-fit:cover}.cart-item b{font-size:10px}.cart-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.remove{border:0;background:none;color:var(--red);font-size:9px;font-weight:900}.cart-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px}.cart-total{display:flex;justify-content:space-between;font-size:17px;font-weight:900;margin-bottom:11px}.checkout{width:100%;height:42px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--brand),#5148ff);color:#fff;font-weight:900}
.modal-wrap{position:fixed;inset:0;z-index:120;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s}.modal-wrap.show{opacity:1;pointer-events:auto}.modal{width:min(420px,calc(100% - 24px));background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 30px 90px rgba(0,0,0,.30);padding:20px;transform:translateY(12px);transition:.2s}.modal-wrap.show .modal{transform:none}.modal-head{display:flex;align-items:center}.modal-head h3{margin:0;font-size:20px}.tabs{margin:15px 0 12px;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-soft);padding:4px;border-radius:8px}.tab{height:32px;border:0;background:none;border-radius:6px;color:var(--muted);font-size:10px;font-weight:850}.tab.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.field{margin:10px 0}.field label{font-size:10px;font-weight:850;display:block;margin-bottom:5px}.field input{width:100%;height:40px;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);color:var(--text);outline:0;padding:0 10px;font-size:11px}.form-submit{width:100%;height:40px;border:0;border-radius:7px;background:linear-gradient(135deg,var(--brand),#5148ff);color:#fff;font-size:11px;font-weight:900;margin-top:5px}.toast{position:fixed;left:50%;bottom:20px;z-index:140;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:999px;font-size:10px;font-weight:850;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.lock{overflow:hidden}
.kit-page{padding:35px 0 70px}.kit-title{font-size:40px;margin:10px 0}.kit-sub{color:var(--muted);max-width:700px;line-height:1.6}.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.kit-block{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.kit-block h2{font-size:17px;margin:0 0 14px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{height:70px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:end;padding:8px;font-size:9px;font-weight:850}.component-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kit-input{height:40px;border:1px solid var(--line);background:var(--bg-soft);border-radius:7px;padding:0 10px;color:var(--text)}
@media(max-width:1100px){.main-nav{display:none}.searchbar{width:240px}.mobile-menu{display:grid}.categories{grid-template-columns:repeat(3,1fr)}.product{flex-basis:calc((100% - 20px)/3)}.proof{grid-template-columns:1.4fr repeat(2,1fr)}.proof-stat:nth-last-child(-n+2){display:none}}
@media(max-width:820px){.searchbar{display:none}.hero-slide{grid-template-columns:1fr;padding-top:28px}.hero-visual{height:260px}.trusts{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:50px}.product{flex-basis:calc((100% - 10px)/2)}.review{flex-basis:calc((100% - 10px)/2)}.proof{grid-template-columns:1fr 1fr}.proof-lead{grid-column:1/-1}.newsletter{grid-template-columns:90px 1fr}.subscribe{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.kit-grid{grid-template-columns:1fr}}
@media(max-width:560px){.shell{width:calc(100% - 20px)}.nav{height:62px}.brand{font-size:18px}.tool.fav{display:none}.login-btn{display:none}.hero-slide{padding:24px 0 18px}.hero-copy{padding:0}.hero h1{font-size:41px;letter-spacing:-2px}.hero-visual{height:220px}.trusts{gap:5px}.trust{font-size:9px}.trust-icon{width:24px;height:24px}.section{padding:23px 0}.section-title h2{font-size:21px}.see-all{display:none}.categories{grid-template-columns:repeat(2,1fr)}.product{flex-basis:82%}.product-photo{height:145px}.review{flex-basis:88%}.proof{grid-template-columns:1fr 1fr;padding:15px}.proof-lead{font-size:13px}.proof-stat b{font-size:13px}.newsletter{grid-template-columns:1fr;padding:14px}.news-art{display:none!important}.subscribe{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:5px}}


/* ===== SCRIPTA SIGNATURE LAYER ===== */
.signature-section{position:relative;overflow:hidden}
.signature-section>.shell{position:relative;z-index:2}
.signature-section:before{
 content:attr(data-mark);position:absolute;right:max(2vw,18px);top:8px;
 font-size:150px;line-height:1;font-weight:950;color:var(--brand);opacity:.025;
 transform:rotate(-10deg);pointer-events:none;user-select:none;
}
html[data-theme="dark"] .signature-section:before{opacity:.045}
.signature-section:after{
 content:"";position:absolute;left:50%;top:0;width:min(1420px,calc(100% - 36px));height:1px;
 transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 16%,transparent),transparent)
}
.section-symbol{
 position:relative;border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--panel)),var(--panel));
 border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 7px 18px var(--glow)
}
.section-symbol:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:-2px;top:-2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}

/* physical / premium buttons */
.btn-primary,.login-btn,.addcart,.checkout,.form-submit,.subscribe button{
 position:relative;transform:translateY(0);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(23,11,86,.28),0 8px 0 color-mix(in srgb,var(--brand) 35%,#2a205c),0 14px 25px var(--glow);
 transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.btn-primary:hover,.login-btn:hover,.addcart:hover,.checkout:hover,.form-submit:hover,.subscribe button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-primary:active,.login-btn:active,.addcart:active,.checkout:active,.form-submit:active,.subscribe button:active{
 transform:translateY(5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(23,11,86,.24),0 3px 0 color-mix(in srgb,var(--brand) 35%,#2a205c),0 7px 14px var(--glow)
}
.btn-ghost,.see-all,.arrow-btn,.tool{
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 65%,transparent),0 6px 16px rgba(42,45,90,.07);
 transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease
}
.btn-ghost:hover,.see-all:hover,.tool:hover{transform:translateY(-2px)}
.arrow-btn:active,.tool:active{transform:translateY(2px)}

/* cards now have a layered edge and a subtle signature glow */
.cat,.product,.review,.proof,.newsletter{
 position:relative;
 box-shadow:0 16px 34px rgba(57,52,104,.08),inset 0 1px 0 rgba(255,255,255,.72)
}
html[data-theme="dark"] .cat,html[data-theme="dark"] .product,html[data-theme="dark"] .review,
html[data-theme="dark"] .proof,html[data-theme="dark"] .newsletter{
 box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)
}
.cat:before,.product:before,.review:before{
 content:"";position:absolute;left:14px;right:14px;top:0;height:1px;
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 38%,transparent),transparent);opacity:.55
}
.product{border-radius:15px;padding:8px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.product:hover{
 transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand) 34%,var(--line));
 box-shadow:0 22px 44px rgba(62,50,126,.13),0 0 0 1px color-mix(in srgb,var(--brand) 7%,transparent),inset 0 1px 0 rgba(255,255,255,.72)
}
html[data-theme="dark"] .product:hover{box-shadow:0 24px 50px rgba(0,0,0,.36),0 0 30px rgba(74,87,255,.09),inset 0 1px 0 rgba(255,255,255,.05)}
.product-photo{border-radius:10px}
.product-photo:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(3,8,20,.22));pointer-events:none}
.product-content{padding:10px 4px 4px}
.product-meta{display:flex;gap:5px;margin:7px 0 1px;overflow:hidden}
.product-meta span{white-space:nowrap;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:3px 6px;font-size:8px;font-weight:760}
.addcart{border-radius:8px;height:35px;margin-bottom:5px}

/* Native scroll-snap carousel: prevents shifted/broken transforms at all widths */
.carousel{
 overflow-x:auto;overflow-y:hidden;padding:4px 2px 14px;margin-bottom:-10px;
 scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
 overscroll-behavior-x:contain;
}
.carousel::-webkit-scrollbar{display:none}
.track{transform:none!important;transition:none!important;width:max-content;min-width:100%}
.product,.review{scroll-snap-align:start;scroll-snap-stop:normal}
.product{width:calc((min(1420px,100vw - 36px) - 30px)/4);flex:0 0 calc((min(1420px,100vw - 36px) - 30px)/4)}
.review{width:calc((min(1420px,100vw - 36px) - 20px)/3);flex:0 0 calc((min(1420px,100vw - 36px) - 20px)/3)}

/* Distinct discovery / trust rail */
.signature-strip{
 min-height:58px;margin:1px auto 7px;padding:9px 13px;border:1px solid var(--line);border-radius:14px;
 background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel) 42%,color-mix(in srgb,var(--cyan) 5%,var(--panel)));
 display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);position:relative;overflow:hidden
}
.signature-strip:before{content:"";position:absolute;width:220px;height:80px;left:-80px;top:-40px;background:radial-gradient(circle,var(--glow),transparent 70%)}
.signature-pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent),0 0 16px var(--green);flex:none}
.signature-strip>div{margin-right:auto;position:relative}.signature-strip b{display:block;font-size:11px}.signature-strip small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.strip-chip{font-size:9px;font-weight:800;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:999px;padding:6px 9px;color:var(--muted);white-space:nowrap}

/* Premium full-width mega menu */
.nav-caret{font-size:10px;color:var(--muted);margin-left:3px}
.premium-mega{
 position:fixed;left:50%;top:68px;width:min(1180px,calc(100vw - 42px));
 transform:translate(-50%,12px);padding:14px;display:grid;grid-template-columns:1.15fr 1fr 1fr .9fr;gap:10px;
 border-radius:0 0 20px 20px;border-top:0;
 background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(22px);
 box-shadow:0 28px 70px rgba(19,17,55,.17),inset 0 1px 0 rgba(255,255,255,.7)
}
html[data-theme="dark"] .premium-mega{box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.045)}
.premium-mega:before{
 content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:transparent
}
.nav-item:hover .premium-mega,.nav-item:focus-within .premium-mega{transform:translate(-50%,0)}
.mega-intro,.mega-group{padding:15px;border-radius:13px}
.mega-intro{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--panel)),color-mix(in srgb,var(--cyan) 4%,var(--panel)));border:1px solid color-mix(in srgb,var(--brand) 13%,var(--line))}
.mega-kicker,.mega-label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:950;color:var(--brand);margin-bottom:9px}
.mega-intro>strong{font-size:17px;line-height:1.18;display:block;letter-spacing:-.3px}.mega-intro p{font-size:10px;color:var(--muted);line-height:1.55;margin:8px 0 13px}
.mega-main-link{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;color:var(--brand);padding-top:10px;border-top:1px solid var(--line)}
.mega-group{border:1px solid transparent}
.mega-link{display:grid!important;grid-template-columns:31px 1fr 15px;gap:8px;align-items:center!important;padding:8px!important;border-radius:10px!important;color:var(--text)!important}
.mega-link:hover{background:var(--bg-soft)!important}.mega-link-icon{width:31px;height:31px;border:1px solid var(--line);background:var(--panel);border-radius:9px;display:grid;place-items:center;color:var(--brand);font-size:11px;font-weight:950}
.mega-link b{display:block;font-size:10px}.mega-link small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.mega-link i{font-style:normal;color:var(--muted);transition:.18s}.mega-link:hover i{transform:translateX(3px);color:var(--brand)}
.mega-promo{
 min-height:100%;border-radius:14px;padding:14px;position:relative;overflow:hidden;color:#fff;
 background:radial-gradient(circle at 80% 15%,rgba(62,200,255,.38),transparent 28%),linear-gradient(145deg,#151a3b,#5635df 58%,#0b81cf);
 display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 1px 0 rgba(255,255,255,.19)
}
.promo-orb{position:absolute;right:-14px;top:-20px;width:90px;height:90px;border-radius:32px;display:grid;place-items:center;font-size:42px;font-weight:1000;transform:rotate(17deg);background:linear-gradient(145deg,#a387ff,#3dc9ff);box-shadow:0 20px 45px rgba(0,0,0,.26)}
.promo-mini{font-size:7px;letter-spacing:1.4px;font-weight:900;opacity:.7;margin-bottom:6px}.mega-promo strong{font-size:14px;line-height:1.25;position:relative}.mega-promo em{font-style:normal;color:#99eaff}.promo-action{font-size:9px;font-weight:900;margin-top:12px;position:relative}

/* right-side signature dock */
.signature-dock{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:60;display:grid;gap:7px}
.dock-btn{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(12px);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow);position:relative}
.dock-btn span{font-size:12px;font-weight:950}.dock-btn em{position:absolute;right:47px;white-space:nowrap;padding:6px 8px;border-radius:7px;background:var(--text);color:var(--bg);font-size:8px;font-style:normal;font-weight:850;opacity:0;transform:translateX(5px);pointer-events:none;transition:.17s}
.dock-btn:hover{color:var(--brand);transform:translateX(-2px)}.dock-btn:hover em{opacity:1;transform:none}

@media(max-width:1100px){
 .product{width:calc((100vw - 56px)/3);flex-basis:calc((100vw - 56px)/3)}
 .premium-mega{display:none}
 .signature-dock{display:none}
}
@media(max-width:820px){
 .product{width:calc((100vw - 32px)/2);flex-basis:calc((100vw - 32px)/2)}
 .review{width:calc((100vw - 32px)/2);flex-basis:calc((100vw - 32px)/2)}
 .signature-strip{overflow-x:auto;scrollbar-width:none}.strip-chip{flex:none}
}
@media(max-width:560px){
 .product{width:82vw;flex-basis:82vw}.review{width:88vw;flex-basis:88vw}
 .signature-section:before{font-size:95px}
 .signature-strip{padding:9px 10px}.signature-strip>div{min-width:155px}.strip-chip{font-size:8px}
}


/* =========================================================
   RESPONSIVE / SLIDER / TYPOGRAPHY HOTFIX V2
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
body{font-size:15px}
.shell{width:min(1500px,calc(100% - 40px))}

/* Header typography */
.nav{height:72px;gap:22px}
.nav-link{font-size:14px;padding:0 11px}
.searchbar{width:330px;height:41px}
.searchbar input{font-size:13px}
.login-btn{font-size:13px;height:40px;padding:0 19px}
.brand{font-size:21px}

/* HERO: second slide must NEVER bleed into viewport */
.hero{overflow:hidden}
.hero-slider{
  overflow:hidden;
  width:100%;
  position:relative;
}
.hero-track{
  display:flex;
  width:100%;
  max-width:100%;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.hero-slide{
  min-width:100%;
  width:100%;
  flex:0 0 100%;
  overflow:hidden;
  grid-template-columns:.92fr 1.08fr;
  padding:42px 0 30px;
}
.hero-copy{min-width:0}
.hero-visual{min-width:0;overflow:hidden;height:325px}
.hero-art{max-width:100%;width:min(100%,650px)}
.hero h1{font-size:clamp(48px,4.35vw,72px);line-height:.94;letter-spacing:-3px}
.hero p{font-size:16px;line-height:1.65;max-width:650px}
.micro-badge{font-size:12px;height:30px;padding:0 12px}
.btn{font-size:13px;height:45px;padding:0 19px}
.trusts{overflow:hidden;padding-top:16px;margin-top:0}
.trust{font-size:12px;min-width:0}
.hero-dots{right:10px;bottom:12px}

/* Section typography made clearly larger */
.section{padding:34px 0}
.section-title h2{font-size:29px;letter-spacing:-1px}
.section-title p{font-size:12.5px;margin-top:6px}
.section-symbol{width:32px;height:32px}
.see-all{font-size:11.5px;height:35px;padding:0 15px}
.arrow-btn{width:36px;height:36px}

/* Categories */
.categories{gap:10px}
.cat{min-height:132px;border-radius:14px;padding:17px 10px 13px}
.cat-icon{width:48px;height:48px;margin-bottom:10px}
.cat b{font-size:13px}
.cat small{font-size:10.5px;line-height:1.45;margin-top:5px}

/* Native carousel: no transform based layout, no clipping on hover */
.carousel{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:14px 4px 30px !important;
  margin:-12px -4px -18px !important;
  scroll-padding-inline:4px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.carousel::-webkit-scrollbar{display:none}
.track{
  display:flex;
  gap:14px;
  width:max-content;
  min-width:100%;
  transform:none !important;
  transition:none !important;
  align-items:stretch;
  padding:0;
}
.product{
  width:calc((min(1500px,100vw - 40px) - 42px)/4);
  flex:0 0 calc((min(1500px,100vw - 40px) - 42px)/4);
  min-width:0;
  border-radius:16px;
  padding:9px;
  overflow:visible;
  scroll-snap-align:start;
}
.product:hover{transform:translateY(-4px)}
.product-photo{
  height:185px;
  overflow:hidden;
  border-radius:11px;
}
.product h3{font-size:15px;margin-bottom:6px}
.product-desc{font-size:11.5px;line-height:1.5;height:35px}
.rating{font-size:11.5px;margin:8px 0 7px}
.product-meta span{font-size:9px;padding:4px 7px}
.price{font-size:21px}
.old{font-size:11px}
.addcart{font-size:11.5px;height:38px;margin-top:9px}

/* Reviews */
.review{
  width:calc((min(1500px,100vw - 40px) - 28px)/3);
  flex:0 0 calc((min(1500px,100vw - 40px) - 28px)/3);
  padding:17px;
  border-radius:14px;
  overflow:visible;
}
.review b{font-size:12px}
.stars{font-size:10px}
.review p{font-size:12px;line-height:1.6}
.avatar{width:42px;height:42px}

/* Other content */
.signature-strip{min-height:64px;padding:10px 14px}
.signature-strip b{font-size:12px}
.signature-strip small{font-size:10px}
.strip-chip{font-size:10px;padding:7px 10px}
.proof-lead{font-size:18px}
.proof-stat b{font-size:17px}
.proof-stat small{font-size:10.5px}
.newsletter h3{font-size:17px}
.newsletter p{font-size:11.5px}
.subscribe input,.subscribe button{font-size:11.5px}
.footer-about p,.footer-col a{font-size:11.5px}
.footer-col b{font-size:12px}
.footer-bottom{font-size:10.5px}

/* Mobile offcanvas */
.mobile-nav{
  position:fixed;
  left:0;top:0;
  width:min(390px,92vw);
  height:100dvh;
  z-index:115;
  background:var(--panel);
  border-right:1px solid var(--line);
  box-shadow:24px 0 70px rgba(0,0,0,.22);
  transform:translateX(-105%);
  transition:transform .25s ease;
  display:flex;
  flex-direction:column;
  padding:16px;
  overflow:auto;
}
.mobile-nav.show{transform:translateX(0)}
.mobile-nav-head{display:flex;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mobile-search{
  height:44px;
  margin:14px 0 10px;
  border:1px solid var(--line);
  background:var(--bg-soft);
  border-radius:12px;
  display:flex;align-items:center;gap:8px;padding:0 12px;
}
.mobile-search input{border:0;outline:0;background:none;color:var(--text);width:100%;font-size:13px}
.mobile-nav-links{display:grid;gap:4px}
.mobile-nav-links>a,.mobile-nav-links summary{
  min-height:46px;
  padding:0 12px;
  border-radius:10px;
  display:flex;align-items:center;justify-content:space-between;
  color:var(--text);
  font-size:14px;font-weight:850;
  cursor:pointer;
}
.mobile-nav-links>a:hover,.mobile-nav-links summary:hover{background:var(--bg-soft);color:var(--brand)}
.mobile-nav-links details{border-bottom:1px solid var(--line)}
.mobile-nav-links summary{list-style:none}
.mobile-nav-links summary::-webkit-details-marker{display:none}
.mobile-sub{display:grid;padding:0 8px 8px 15px}
.mobile-sub a{padding:9px 10px;color:var(--muted);font-size:12px;border-left:1px solid var(--line)}
.mobile-sub a:hover{color:var(--brand)}
.mobile-nav-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:8px}
.mobile-nav-foot .login-btn{flex:1}

/* Desktop mega menu stays inside usable viewport */
.premium-mega{max-height:calc(100vh - 86px);overflow:auto}

/* 1280–1499 */
@media (max-width:1499px){
  .shell{width:min(1320px,calc(100% - 32px))}
  .nav{gap:12px}
  .main-nav{gap:0}
  .nav-link{font-size:13px;padding:0 8px}
  .searchbar{width:260px}
  .hero h1{font-size:clamp(46px,4.5vw,64px)}
  .product{
    width:calc((min(1320px,100vw - 32px) - 42px)/4);
    flex-basis:calc((min(1320px,100vw - 32px) - 42px)/4);
  }
  .review{
    width:calc((min(1320px,100vw - 32px) - 28px)/3);
    flex-basis:calc((min(1320px,100vw - 32px) - 28px)/3);
  }
}

/* Tablet / compact desktop */
@media (max-width:1180px){
  .main-nav{display:none}
  .mobile-menu{display:grid}
  .searchbar{width:min(330px,34vw)}
  .hero-slide{grid-template-columns:1fr 1fr}
  .hero h1{font-size:54px}
  .hero-visual{height:290px}
  .categories{grid-template-columns:repeat(3,1fr)}
  .product{
    width:calc((100vw - 60px)/3);
    flex-basis:calc((100vw - 60px)/3);
  }
  .review{
    width:calc((100vw - 46px)/2);
    flex-basis:calc((100vw - 46px)/2);
  }
  .proof{grid-template-columns:1.2fr repeat(2,1fr)}
  .proof-stat:nth-last-child(-n+2){display:none}
  .premium-mega{display:none!important}
}

/* Tablet portrait */
@media (max-width:860px){
  .shell{width:calc(100% - 28px)}
  .nav{height:66px}
  .searchbar{display:none}
  .hero-slide{
    grid-template-columns:1fr;
    gap:8px;
    padding:30px 0 22px;
  }
  .hero-copy{padding:0 4px;text-align:left}
  .hero h1{font-size:clamp(44px,9vw,60px);max-width:650px}
  .hero p{font-size:15px}
  .hero-visual{height:300px;justify-content:center}
  .hero-art{object-position:center}
  .trusts{grid-template-columns:repeat(2,1fr);gap:9px;padding-top:14px}
  .trust{justify-content:flex-start;padding:0 6px}
  .categories{grid-template-columns:repeat(2,1fr)}
  .product{
    width:calc((100vw - 48px)/2);
    flex-basis:calc((100vw - 48px)/2);
  }
  .review{
    width:calc((100vw - 48px)/2);
    flex-basis:calc((100vw - 48px)/2);
  }
  .product-photo{height:175px}
  .proof{grid-template-columns:1fr 1fr}
  .proof-lead{grid-column:1/-1}
  .newsletter{grid-template-columns:90px 1fr}
  .subscribe{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .signature-dock{display:none}
}

/* Phones */
@media (max-width:600px){
  body{font-size:14px}
  .shell{width:calc(100% - 20px)}
  .brand{font-size:19px}
  .nav-tools{gap:5px}
  .tool{width:36px;height:36px}
  .tool.fav{display:none}
  .nav-tools>.login-btn{display:none}
  .hero-slide{padding-top:22px}
  .micro-badge{font-size:10.5px;height:auto;min-height:29px;padding:6px 9px}
  .hero h1{font-size:clamp(39px,12vw,49px);letter-spacing:-2.2px}
  .hero p{font-size:14px;line-height:1.6}
  .hero-cta{display:grid;grid-template-columns:1fr 1fr}
  .btn{padding:0 10px;font-size:11.5px}
  .hero-visual{height:230px}
  .trusts{grid-template-columns:1fr 1fr}
  .trust{font-size:9.7px;gap:6px}
  .trust-icon{width:25px;height:25px}
  .section{padding:27px 0}
  .section-title h2{font-size:23px}
  .section-title p{font-size:11px}
  .section-actions{gap:5px}
  .see-all{display:none}
  .arrow-btn{width:34px;height:34px}
  .categories{grid-template-columns:1fr 1fr;gap:8px}
  .cat{min-height:125px;padding:14px 8px 11px}
  .cat b{font-size:11.5px}
  .cat small{font-size:9.5px}
  .signature-strip{
    overflow-x:auto;
    min-height:58px;
    padding:9px 10px;
    gap:7px;
    scrollbar-width:none;
  }
  .signature-strip::-webkit-scrollbar{display:none}
  .signature-strip>div{min-width:170px;flex:none}
  .strip-chip{font-size:8.5px;flex:none}
  .product{
    width:82vw;
    flex-basis:82vw;
  }
  .product-photo{height:170px}
  .product h3{font-size:14px}
  .product-desc{font-size:11px}
  .review{
    width:88vw;
    flex-basis:88vw;
  }
  .proof{padding:14px;gap:12px}
  .proof-lead{font-size:14px}
  .proof-crown{width:37px;height:37px}
  .proof-stat b{font-size:13px}
  .proof-stat small{font-size:9px}
  .newsletter{grid-template-columns:1fr;padding:15px}
  .news-art{display:none!important}
  .subscribe{grid-column:1}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:grid;gap:5px}
}

/* Very small phones */
@media (max-width:390px){
  .categories{grid-template-columns:1fr}
  .hero-cta{grid-template-columns:1fr}
  .trusts{grid-template-columns:1fr}
  .hero-visual{height:205px}
  .product{width:88vw;flex-basis:88vw}
}


/* =========================================================
   HERO CENTERING / CLEANUP V3
   ========================================================= */

/* Critical fix: hero-slider also has .shell class.
   Do not stretch it to viewport width. */
.hero-slider.shell,
.hero-slider{
  width:min(1500px,calc(100% - 40px)) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:hidden !important;
  position:relative;
}

.hero{
  overflow:hidden !important;
  min-height:470px;
  display:flex;
  align-items:center;
}

.hero-track{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

.hero-slide{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) !important;
  align-items:center;
  gap:52px !important;
  padding:48px 8px 44px !important;
  overflow:hidden;
}

.hero-copy{
  padding-left:0 !important;
  min-width:0;
  max-width:680px;
}

.hero h1{
  max-width:650px;
}

.hero-visual{
  min-width:0;
  height:355px !important;
  overflow:hidden !important;
  display:flex;
  align-items:center;
  justify-content:center !important;
}

.hero-art{
  display:block;
  width:100%;
  max-width:650px !important;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Trust line removed: eliminate old spacing/rules completely */
.trusts{display:none !important}

/* Move slider dots into clean lower-right position */
.hero-dots{
  right:8px !important;
  bottom:14px !important;
}

/* Remove old dock even if cached markup remains */
.signature-dock{display:none !important}

/* One single bottom-right scroll-to-top button */
.scroll-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:65;
  width:48px;
  height:48px;
  border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));
  border-radius:15px;
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  color:var(--brand);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 38px rgba(39,31,93,.14),inset 0 1px 0 rgba(255,255,255,.65);
  font-size:21px;
  font-weight:950;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease;
}
.scroll-top.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.scroll-top:hover{
  background:var(--brand);
  color:#fff;
  transform:translateY(-2px);
}

@media(max-width:1499px){
  .hero-slider.shell,.hero-slider{
    width:min(1320px,calc(100% - 32px)) !important;
    max-width:1320px !important;
  }
  .hero-slide{
    gap:34px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
}

@media(max-width:1180px){
  .hero{
    min-height:auto;
  }
  .hero-slider.shell,.hero-slider{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
  .hero-slide{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:24px !important;
    padding:34px 0 38px !important;
  }
  .hero-visual{
    height:300px !important;
  }
}

@media(max-width:860px){
  .hero-slider.shell,.hero-slider{
    width:calc(100% - 24px) !important;
  }
  .hero-slide{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:30px 0 38px !important;
  }
  .hero-copy{
    max-width:720px;
    margin:0 auto;
    width:100%;
  }
  .hero-visual{
    height:290px !important;
    width:100%;
  }
  .hero-art{
    max-width:620px !important;
  }
}

@media(max-width:600px){
  .hero-slider.shell,.hero-slider{
    width:calc(100% - 20px) !important;
  }
  .hero-slide{
    padding:24px 0 34px !important;
  }
  .hero-visual{
    height:225px !important;
  }
  .hero-dots{
    right:4px !important;
    bottom:9px !important;
  }
  .scroll-top{
    width:44px;
    height:44px;
    right:14px;
    bottom:14px;
    border-radius:13px;
  }
}


/* =========================================================
   INTERACTIONS / BLOG / AUTH / FOOTER V4
   ========================================================= */

/* Footer readability */
footer{padding-top:42px}
.footer-grid{gap:42px}
.footer-about p{
  font-size:14px !important;
  line-height:1.75 !important;
  max-width:330px !important;
}
.footer-col b{
  font-size:15px !important;
  line-height:1.3;
}
.footer-col a{
  font-size:14px !important;
  margin-top:10px !important;
  line-height:1.45;
}
.footer-bottom{
  font-size:12.5px !important;
  padding-top:18px !important;
}
.social{font-size:14px !important;gap:14px !important;margin-top:15px}

/* Hero arrows + draggable visual feedback */
.hero-slider{cursor:grab}
.hero-slider.is-dragging{cursor:grabbing;user-select:none}
.hero-slider.is-dragging .hero-track{transition:none !important}
.hero-arrows{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  display:flex;
  justify-content:space-between;
  width:calc(100% - 28px);
  pointer-events:none;
}
.hero-arrow{
  width:46px;height:46px;border-radius:15px;
  border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));
  background:color-mix(in srgb,var(--panel) 90%,transparent);
  backdrop-filter:blur(14px);
  color:var(--text);
  box-shadow:0 12px 34px rgba(35,28,88,.13),inset 0 1px 0 rgba(255,255,255,.62);
  display:grid;place-items:center;
  pointer-events:auto;
  opacity:.72;
  transition:.18s;
}
.hero-arrow svg{width:19px;height:19px}
.hero-arrow:hover{opacity:1;background:var(--brand);color:#fff;border-color:var(--brand);transform:scale(1.04)}
.hero-prev{margin-left:-2px}
.hero-next{margin-right:-2px}

/* All meaningful visuals clearly clickable */
.hero-art-link,.product-photo,.blog-image{
  cursor:pointer;
}
.hero-art-link{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;overflow:hidden;
}
.image-click-hint{
  position:absolute;
  right:12px;bottom:12px;
  background:rgba(8,12,29,.78);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  border-radius:999px;
  padding:7px 10px;
  font-size:9px;
  font-weight:900;
  opacity:0;
  transform:translateY(5px);
  transition:.18s;
  z-index:4;
}
.hero-art-link:hover .image-click-hint,
.product-photo:hover .image-click-hint,
.blog-image:hover .image-click-hint{
  opacity:1;transform:none;
}
.hero-art-link img,.blog-image img,.product-photo img{transition:transform .28s ease,filter .28s ease}
.hero-art-link:hover img,.blog-image:hover img,.product-photo:hover img{transform:scale(1.025);filter:saturate(1.04)}

/* Blog carousel */
.blog-section{padding-top:38px;padding-bottom:42px}
.blog-carousel{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:12px 3px 28px;
  margin:-10px -3px -17px;
  cursor:grab;
}
.blog-carousel::-webkit-scrollbar{display:none}
.blog-carousel.dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.blog-track{display:flex;gap:16px;width:max-content;min-width:100%}
.blog-card{
  width:calc((min(1500px,100vw - 40px) - 48px)/4);
  flex:0 0 calc((min(1500px,100vw - 40px) - 48px)/4);
  scroll-snap-align:start;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 15px 38px rgba(58,52,111,.085),inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.blog-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--brand) 32%,var(--line));
  box-shadow:0 23px 48px rgba(60,48,128,.13),inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="dark"] .blog-card{box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.blog-image{
  height:190px;
  display:block;
  position:relative;
  overflow:hidden;
  background:var(--bg-soft);
}
.blog-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(5,8,20,.24));pointer-events:none}
.blog-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-tag{
  position:absolute;left:12px;top:12px;z-index:3;
  padding:6px 9px;border-radius:999px;
  background:color-mix(in srgb,var(--panel) 88%,transparent);
  color:var(--brand);
  backdrop-filter:blur(11px);
  border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));
  font-size:9px;font-weight:950;
}
.blog-body{padding:16px 16px 17px}
.blog-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;margin-bottom:9px}
.blog-card h3{font-size:16px;line-height:1.3;letter-spacing:-.35px;margin:0 0 8px}
.blog-card h3 a:hover{color:var(--brand)}
.blog-card p{font-size:11.5px;line-height:1.55;color:var(--muted);margin:0;min-height:54px}
.blog-more{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);font-size:10.5px;font-weight:900;color:var(--brand)}
.blog-more span{transition:.18s}.blog-more:hover span{transform:translateX(4px)}

/* Auth tab/forms */
.auth-modal{width:min(500px,calc(100% - 24px))}
.auth-kicker{font-size:8px;letter-spacing:1.6px;color:var(--brand);font-weight:950;display:block;margin-bottom:3px}
.auth-tabs .tab{font-size:12px;height:38px}
.auth-pane{display:none}
.auth-pane.active{display:block;animation:authFade .18s ease}
@keyframes authFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;font-size:10.5px}
.auth-row a{color:var(--brand);font-weight:850}
.check-line{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:10.5px;line-height:1.4;cursor:pointer}
.check-line input{accent-color:var(--brand);margin-top:1px}
.register-check{margin:8px 0 13px}

/* Product photo anchor can replace div safely */
.product-photo{display:block;color:inherit}

/* 1499 sizing for blog */
@media(max-width:1499px){
  .blog-card{
    width:calc((min(1320px,100vw - 32px) - 48px)/4);
    flex-basis:calc((min(1320px,100vw - 32px) - 48px)/4);
  }
}
@media(max-width:1180px){
  .blog-card{width:calc((100vw - 60px)/3);flex-basis:calc((100vw - 60px)/3)}
  .hero-arrows{width:calc(100% - 16px);right:8px}
}
@media(max-width:860px){
  .blog-card{width:calc((100vw - 48px)/2);flex-basis:calc((100vw - 48px)/2)}
  .hero-arrow{width:42px;height:42px}
  .footer-about p{font-size:13px!important}
  .footer-col a{font-size:13px!important}
}
@media(max-width:600px){
  .hero-arrows{top:auto;bottom:8px;right:55px;width:auto;gap:7px;transform:none}
  .hero-prev,.hero-next{margin:0}
  .hero-arrow{width:38px;height:38px;border-radius:12px}
  .hero-dots{left:5px!important;right:auto!important;bottom:18px!important}
  .blog-card{width:84vw;flex-basis:84vw}
  .blog-image{height:175px}
  .blog-card h3{font-size:15px}
  .auth-grid{grid-template-columns:1fr}
  .footer-col b{font-size:14px!important}
  .footer-col a{font-size:13px!important}
  .footer-bottom{font-size:11.5px!important}
}


/* =========================================================
   HOVER ARROWS + PREMIUM STICKY HEADER + LINKED FOOTER V5
   ========================================================= */

/* header remains sticky and becomes more compact/effective after scrolling */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:90 !important;
  transition:
    background .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    backdrop-filter .24s ease;
}
.site-header .nav{
  transition:height .24s ease,padding .24s ease;
}
.site-header.scrolled{
  background:color-mix(in srgb,var(--header) 86%,transparent) !important;
  backdrop-filter:blur(24px) saturate(1.35) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.35) !important;
  border-bottom-color:color-mix(in srgb,var(--brand) 14%,var(--line)) !important;
  box-shadow:0 12px 35px rgba(24,19,66,.10),0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .site-header.scrolled{
  box-shadow:0 14px 42px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.035);
}
.site-header.scrolled .nav{
  height:60px !important;
}
.site-header.scrolled .brand{
  transform:scale(.96);
  transform-origin:left center;
}
.site-header.scrolled .nav-link{
  height:36px;
}
.site-header.scrolled .searchbar{
  height:36px;
}
.site-header.scrolled .tool{
  width:35px;height:35px;
}
.site-header.scrolled .login-btn{
  height:36px;
}
.site-header .brand,.site-header .nav-link,.site-header .searchbar,.site-header .tool,.site-header .login-btn{
  transition:.22s ease;
}

/* after changing nav buttons to anchors keep exact flex centering */
.nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

/* arrows hidden by default; shown only when user actually interacts with hero */
.hero-arrows{
  opacity:0 !important;
  visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;
}
.hero-slider:hover .hero-arrows,
.hero-slider:focus-within .hero-arrows,
.hero-slider.is-dragging .hero-arrows{
  opacity:1 !important;
  visibility:visible;
}

/* keep arrows on the visual edges instead of over large hero text */
.hero-arrows{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  padding:0 10px;
  box-sizing:border-box;
}
.hero-prev{
  margin-left:0 !important;
}
.hero-next{
  margin-right:0 !important;
}
.hero-arrow{
  opacity:1 !important;
  background:color-mix(in srgb,var(--panel) 82%,transparent) !important;
  box-shadow:0 10px 32px rgba(15,16,50,.15),inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.hero-arrow:hover{
  background:var(--brand) !important;
}

/* On touch devices there is no real hover, so show compact arrows */
@media (hover:none), (pointer:coarse){
  .hero-arrows{
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* Footer links are visibly interactive */
.footer-col a,
.social a{
  cursor:pointer;
  position:relative;
}
.footer-col a{
  width:max-content;
  max-width:100%;
  transition:color .18s ease,transform .18s ease;
}
.footer-col a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:1px;
  background:var(--brand);
  transition:width .18s ease;
}
.footer-col a:hover{
  color:var(--brand) !important;
  transform:translateX(3px);
}
.footer-col a:hover:after{
  width:100%;
}
.social a{
  min-width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:7px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.social a:hover{
  background:var(--bg-soft);
  color:var(--brand);
  transform:translateY(-2px);
}

/* respect sticky header on anchor navigation */
section[id],footer[id]{
  scroll-margin-top:86px;
}

@media(max-width:860px){
  .site-header.scrolled .nav{height:58px !important}
}
@media(max-width:600px){
  .hero-arrows{
    left:auto !important;
    right:54px !important;
    width:auto !important;
    padding:0 !important;
  }
}


/* =========================================================
   WORKING DEMO CART V6
   ========================================================= */
.cart-drawer{
  width:min(460px,100%) !important;
}
.cart-head{
  min-height:82px !important;
  height:auto !important;
  padding:16px 18px !important;
}
.cart-kicker{
  display:block;
  color:var(--brand);
  font-size:8px;
  letter-spacing:1.5px;
  font-weight:950;
  margin-bottom:3px;
}
.cart-head h3{
  margin:0;
  font-size:20px;
  display:flex;
  align-items:center;
  gap:8px;
}
.cart-head h3 small{
  color:var(--muted);
  font-size:10px;
  font-weight:750;
}
.cart-progress{
  margin:12px 14px 0;
  border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));
  background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 8%,var(--panel)),var(--panel));
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  gap:10px;
  align-items:center;
}
.cart-progress-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--brand) 11%,var(--panel));
  border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));
}
.cart-progress b{display:block;font-size:11px}
.cart-progress small{display:block;font-size:9px;color:var(--muted);margin-top:2px;line-height:1.4}
.cart-body{
  padding:14px !important;
  gap:10px !important;
}
.cart-empty{
  min-height:290px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px 18px !important;
}
.cart-empty-icon{
  width:64px;height:64px;border-radius:20px;
  display:grid;place-items:center;
  color:var(--brand);
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--panel)),color-mix(in srgb,var(--cyan) 7%,var(--panel)));
  border:1px solid var(--line);
  box-shadow:0 14px 30px var(--glow);
  margin-bottom:14px;
}
.cart-empty-icon .icon{width:28px;height:28px}
.cart-empty b{font-size:15px}
.cart-empty span{font-size:11px;color:var(--muted);line-height:1.55;max-width:270px;margin-top:6px}
.cart-empty button{
  margin-top:15px;height:36px;padding:0 14px;
  border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--brand);
  font-size:10px;font-weight:900;
}
.cart-item{
  grid-template-columns:78px 1fr auto !important;
  padding:10px !important;
  background:var(--panel) !important;
  border-radius:13px !important;
  position:relative;
}
.cart-thumb{
  width:78px !important;
  height:64px !important;
  border-radius:9px !important;
  object-fit:cover;
}
.cart-item-main{min-width:0}
.cart-item-main b{
  font-size:12px !important;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cart-item-main small{
  font-size:9px !important;
  margin-top:4px !important;
}
.cart-item-side{
  text-align:right;
  min-width:86px;
}
.cart-item-side>strong{
  display:block;
  font-size:13px;
  margin-bottom:7px;
}
.cart-qty{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--line);
  background:var(--bg-soft);
  border-radius:8px;
  padding:3px;
}
.cart-qty button{
  width:24px;height:24px;border:0;border-radius:6px;
  background:var(--panel);color:var(--text);
  font-weight:900;
}
.cart-qty span{
  min-width:22px;text-align:center;
  font-size:10px;font-weight:900;
}
.remove{
  margin-top:7px;
  font-size:9px !important;
}
.cart-footer{
  padding:16px 18px 18px !important;
  background:color-mix(in srgb,var(--panel) 96%,var(--bg-soft));
}
.cart-summary-row{
  display:flex;justify-content:space-between;align-items:center;
  font-size:11px;color:var(--muted);margin-bottom:7px;
}
.cart-summary-row b{color:var(--text)}
.discount-row b{color:var(--green)}
.cart-total{
  border-top:1px solid var(--line);
  padding-top:12px;
  margin-top:10px;
  font-size:20px !important;
}
.cart-safe{
  display:block;text-align:center;
  color:var(--muted);font-size:8.5px;
  margin-top:11px;line-height:1.4;
}
.checkout:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}
.cart-item.flash{
  animation:cartFlash .55s ease;
}
@keyframes cartFlash{
  0%{box-shadow:0 0 0 0 var(--glow)}
  45%{box-shadow:0 0 0 5px var(--glow)}
  100%{box-shadow:0 0 0 0 var(--glow)}
}
@media(max-width:600px){
  .cart-drawer{width:100% !important}
}


/* =========================================================
   SOFTWARE CART + CLEAN SECTION ICONS V9
   ========================================================= */
.section-symbol:after{
  display:none !important;
  content:none !important;
}
.cart-price-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:8px;
}
.cart-qty{display:none !important}


/* =========================================================
   REAL HIGH-RES PRODUCT VISUALS V10
   ========================================================= */
.product-photo{
  height:205px !important;
  background:linear-gradient(145deg,var(--bg-soft),color-mix(in srgb,var(--brand) 5%,var(--panel)));
}
.product-photo img,
.blog-image img{
  width:100%;height:100%;display:block;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto;
  backface-visibility:hidden;
}
.product-photo:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  border-radius:inherit;
}
.product-photo:after{
  z-index:2;
  background:linear-gradient(180deg,transparent 58%,rgba(4,8,18,.24) 100%) !important;
}
.product-photo .badge,.product-photo .heart,.product-photo .image-click-hint{z-index:4}
.product-photo:hover img{transform:scale(1.035)}
@media(max-width:860px){.product-photo{height:190px!important}}
@media(max-width:600px){.product-photo{height:185px!important}}

/* V11 - local 1600x900 product covers */
.product-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:var(--bg-soft)}


/* ==========================================================
   SCRIPTA FULL MULTI-PAGE SYSTEM V12
   fixed header + inner pages + product/catalog/account/checkout
   ========================================================== */

:root{--header-h:72px}
html{scroll-padding-top:88px}
body{padding-top:var(--header-h);min-height:100vh}
body.lock{overflow:hidden}

/* Header is intentionally FIXED, not sticky. */
.site-header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  z-index:1000!important;
  background:color-mix(in srgb,var(--header) 95%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  transition:box-shadow .2s,background .2s,border-color .2s!important;
}
.site-header.scrolled{
  background:color-mix(in srgb,var(--header) 88%,transparent)!important;
  backdrop-filter:blur(26px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.35)!important;
  box-shadow:0 14px 42px rgba(30,25,75,.12)!important;
  border-bottom-color:color-mix(in srgb,var(--brand) 16%,var(--line))!important;
}
html[data-theme="dark"] .site-header.scrolled{box-shadow:0 16px 48px rgba(0,0,0,.38)!important}
.site-header .nav{height:var(--header-h)!important;transition:height .2s!important}
.site-header.scrolled .nav{height:60px!important}
.site-header.scrolled .brand{transform:scale(.96)}
.site-header.scrolled .searchbar{height:36px}
.site-header.scrolled .tool{width:36px;height:36px}
.site-header.scrolled .login-btn{height:36px}
.premium-mega{top:var(--header-h)!important}
.site-header.scrolled .premium-mega{top:60px!important}
.nav-link{display:flex!important;align-items:center!important}
.nav-link.active{color:var(--brand)!important}
.nav-link.active:after{bottom:-16px!important}
.site-header.scrolled .nav-link.active:after{bottom:-11px!important}

/* Universal page chrome */
.page-hero{
  position:relative;overflow:hidden;
  padding:54px 0 36px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 30%),
    radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 26%);
}
.page-hero:after{
  content:attr(data-mark);position:absolute;right:5%;bottom:-44px;font-size:180px;
  font-weight:1000;color:var(--brand);opacity:.025;transform:rotate(-9deg);pointer-events:none
}
html[data-theme="dark"] .page-hero:after{opacity:.045}
.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px;font-weight:760;margin-bottom:14px}
.breadcrumbs a:hover{color:var(--brand)}
.page-hero h1{font-size:clamp(38px,4vw,62px);line-height:.98;letter-spacing:-2.3px;margin:0 0 13px}
.page-hero p{font-size:15px;line-height:1.65;color:var(--muted);max-width:760px;margin:0}
.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.soft-chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:10px;font-weight:850;box-shadow:var(--shadow)}
.content-section{padding:34px 0 48px}
.surface{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.empty-state{padding:52px 22px;text-align:center;color:var(--muted)}
.empty-state strong{display:block;color:var(--text);font-size:18px;margin-bottom:7px}

/* reusable toolbar */
.catalog-toolbar{
  min-height:58px;padding:9px 12px;margin-bottom:14px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)
}
.catalog-toolbar .result-count{font-size:12px;color:var(--muted);margin-right:auto}
.toolbar-select,.toolbar-input{
  height:39px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);
  border-radius:9px;padding:0 11px;outline:none;font-size:11px
}
.toolbar-input{width:220px}
.view-switch{display:flex;gap:5px}
.view-switch button{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-weight:900}
.view-switch button.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* inner-page product grids */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-grid .product{width:auto!important;flex:auto!important;min-width:0;height:100%}
.product-grid .product-photo{height:180px}
.product-grid .product:hover{transform:translateY(-4px)}
.product-card-link{display:block;color:inherit}
.product-card-link:hover h3{color:var(--brand)}
.product-card-footer{display:flex;gap:7px;align-items:center;margin-top:8px}
.product-card-footer .addcart{flex:1;margin:0!important}
.quick-detail{
  width:38px;height:38px;flex:none;border-radius:9px;border:1px solid var(--line);background:var(--panel);
  color:var(--brand);display:grid;place-items:center;font-weight:900
}

/* category cards */
.category-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.category-card{
  position:relative;min-height:220px;padding:22px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 4%,var(--panel)));
  box-shadow:var(--shadow);overflow:hidden;transition:.2s
}
.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 36%,var(--line));box-shadow:0 23px 48px rgba(61,49,126,.12)}
.category-card:after{content:attr(data-mark);position:absolute;right:12px;bottom:-22px;font-size:100px;font-weight:1000;color:var(--brand);opacity:.05;transform:rotate(-10deg)}
.category-card-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));color:var(--brand);margin-bottom:17px}
.category-card h3{font-size:19px;margin:0 0 7px}
.category-card p{font-size:11.5px;line-height:1.55;color:var(--muted);max-width:80%;margin:0 0 18px}
.category-card-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.category-count{font-size:10px;color:var(--muted);font-weight:850}
.category-go{font-size:10px;color:var(--brand);font-weight:950}

/* sidebar catalog */
.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
.filter-sidebar{
  position:sticky;top:82px;background:var(--panel);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);overflow:hidden
}
.filter-head{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.filter-head h3{font-size:15px;margin:0}.filter-clear{border:0;background:none;color:var(--brand);font-size:9px;font-weight:900}
.filter-block{padding:15px;border-bottom:1px solid var(--line)}
.filter-block:last-child{border-bottom:0}
.filter-block h4{font-size:11px;margin:0 0 10px}
.filter-check{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;color:var(--muted);font-size:10.5px;cursor:pointer}
.filter-check span:first-child{display:flex;align-items:center;gap:7px}
.filter-check input{accent-color:var(--brand)}
.filter-count{font-size:8px;padding:2px 6px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line)}
.price-range{width:100%;accent-color:var(--brand)}
.price-values{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:5px}
.rating-filter{display:flex;gap:5px;flex-wrap:wrap}
.rating-filter button{height:30px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:0 8px;font-size:9px}
.rating-filter button.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.mobile-filter-btn{display:none}

/* list view */
.product-list-view{display:grid;gap:11px}
.product-list-card{
  display:grid;grid-template-columns:210px 1fr auto;gap:17px;align-items:center;
  padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);transition:.2s
}
.product-list-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}
.product-list-card img{width:210px;height:125px;border-radius:11px;object-fit:cover}
.product-list-info h3{font-size:16px;margin:0 0 6px}.product-list-info p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 9px}
.product-list-tags{display:flex;gap:6px;flex-wrap:wrap}
.product-list-tags span{padding:4px 7px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:8px;color:var(--muted);font-weight:850}
.product-list-side{text-align:right;min-width:150px}.product-list-side .price{display:block;margin-bottom:10px}

/* product detail */
.detail-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:28px;align-items:start}
.gallery-main{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}
.gallery-main img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px}
.gallery-badge{position:absolute;left:22px;top:22px;background:var(--red);color:#fff;padding:7px 9px;border-radius:8px;font-size:9px;font-weight:950}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
.gallery-thumb{border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--panel);cursor:pointer}
.gallery-thumb.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--glow)}
.gallery-thumb img{width:100%;height:75px;object-fit:cover;border-radius:7px;display:block}
.detail-panel{position:sticky;top:82px}
.detail-kicker{font-size:9px;letter-spacing:1.2px;font-weight:950;color:var(--brand);margin-bottom:7px}
.detail-panel h1{font-size:37px;letter-spacing:-1.4px;margin:0 0 8px}
.detail-rating{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin:10px 0 17px}
.detail-rating .stars{font-size:12px}
.detail-price-box{padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel));margin:15px 0}
.detail-price{font-size:31px;font-weight:1000;letter-spacing:-1px}
.detail-old{font-size:11px;color:var(--muted);text-decoration:line-through;margin-left:7px}
.detail-copy{color:var(--muted);font-size:12.5px;line-height:1.7}
.detail-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}
.detail-add{height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#5148ff);color:#fff;font-weight:950;box-shadow:0 8px 0 color-mix(in srgb,var(--brand) 38%,#241961),0 13px 25px var(--glow)}
.detail-fav{width:48px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.detail-points{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.detail-point{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:10px}
.detail-point i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--bg-soft);color:var(--brand);font-style:normal}
.detail-point b{font-size:10px;display:block}.detail-point small{font-size:8.5px;color:var(--muted)}
.detail-tabs{margin-top:32px}
.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}
.tabbar button{border:0;background:none;color:var(--muted);font-weight:850;font-size:11px;padding:12px 14px;border-bottom:2px solid transparent;white-space:nowrap}
.tabbar button.active{color:var(--brand);border-bottom-color:var(--brand)}
.detail-tab-pane{display:none;padding:22px 0}.detail-tab-pane.active{display:block}
.detail-tab-pane h3{font-size:19px}.detail-tab-pane p,.detail-tab-pane li{font-size:12px;line-height:1.75;color:var(--muted)}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;padding:0}
.feature-list li{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.feature-list li:before{content:"✓";color:var(--green);font-weight:950;margin-right:7px}

/* profile */
.account-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}
.account-nav{position:sticky;top:82px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.account-user{padding:10px 8px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.account-avatar{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:950}
.account-user b{font-size:12px;display:block}.account-user small{font-size:9px;color:var(--muted)}
.account-nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-radius:9px;font-size:10.5px;font-weight:800;color:var(--muted);margin-top:3px}
.account-nav a:hover,.account-nav a.active{background:var(--bg-soft);color:var(--brand)}
.account-main{display:grid;gap:15px}
.account-welcome{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--brand) 8%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}
.account-welcome h2{font-size:24px;margin:0 0 5px}.account-welcome p{font-size:11px;color:var(--muted);margin:0}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.account-stat{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:var(--shadow)}
.account-stat span{display:block;color:var(--muted);font-size:9px}.account-stat b{font-size:23px;margin-top:5px;display:block}
.panel-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.panel-head h3{font-size:16px;margin:0}.panel-head a{font-size:9px;color:var(--brand);font-weight:900}
.order-table{width:100%;border-collapse:collapse}
.order-table th,.order-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:10.5px}
.order-table th{color:var(--muted);font-size:9px}
.order-status{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--green) 10%,var(--panel));color:var(--green);font-size:8px;font-weight:900}
.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.profile-form .field{margin:0}.profile-form .field.full{grid-column:1/-1}

/* full cart page */
.cart-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.cart-page-items{display:grid;gap:10px}
.cart-page-item{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.cart-page-item img{width:130px;height:82px;border-radius:10px;object-fit:cover}
.cart-page-item h3{font-size:14px;margin:0 0 5px}.cart-page-item p{font-size:9.5px;color:var(--muted);margin:0}
.cart-page-price{text-align:right}.cart-page-price b{display:block;font-size:16px}.cart-page-remove{border:0;background:none;color:var(--red);font-size:9px;font-weight:900;margin-top:8px}
.order-summary{position:sticky;top:82px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.order-summary h3{font-size:17px;margin:0 0 15px}
.summary-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:7px 0}
.summary-line.total{border-top:1px solid var(--line);margin-top:7px;padding-top:13px;color:var(--text);font-size:17px;font-weight:950}
.summary-checkout{width:100%;height:44px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--brand),#5148ff);color:#fff;font-weight:950;margin-top:12px}
.summary-note{font-size:8.5px;color:var(--muted);text-align:center;display:block;margin-top:9px}

/* checkout */
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.checkout-form-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin-bottom:13px}
.checkout-form-card h3{font-size:16px;margin:0 0 14px;display:flex;gap:8px;align-items:center}
.checkout-step{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-grid .field{margin:0}.form-grid .field.full{grid-column:1/-1}
.payment-options{display:grid;gap:8px}
.payment-option{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:var(--panel)}
.payment-option:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--glow)}
.payment-option input{accent-color:var(--brand)}
.payment-option b{font-size:11px;display:block}.payment-option small{font-size:8.5px;color:var(--muted)}
.checkout-submit{width:100%;height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#5148ff);color:#fff;font-weight:950;margin-top:12px}

/* toast + misc */
.inline-alert{padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--brand) 6%,var(--panel));font-size:10px;color:var(--muted)}
.pagination{display:flex;gap:5px;justify-content:center;margin-top:24px}.pagination button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.pagination button.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.drawer .cart-page-remove{display:inline-block}
#filterOverlay{display:none}

/* Responsiveness */
@media(max-width:1180px){
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .category-page-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout{grid-template-columns:235px minmax(0,1fr)}
  .detail-layout{grid-template-columns:1fr 1fr}
  .account-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  :root{--header-h:66px}
  body{padding-top:var(--header-h)}
  .premium-mega{display:none!important}
  .page-hero{padding-top:38px}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout{grid-template-columns:1fr}
  .filter-sidebar{
    position:fixed;left:0;top:0;bottom:0;width:min(330px,90vw);z-index:1200;border-radius:0;
    transform:translateX(-105%);transition:.23s;overflow:auto
  }
  .filter-sidebar.open{transform:none}
  .mobile-filter-btn{display:inline-flex}
  #filterOverlay{position:fixed;inset:0;background:rgba(2,5,12,.6);z-index:1190}
  #filterOverlay.show{display:block}
  .detail-layout{grid-template-columns:1fr}.detail-panel{position:static}
  .account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;gap:5px;overflow:auto}.account-user{min-width:210px;border:0;padding:6px}.account-nav>a{white-space:nowrap}
  .cart-page-layout,.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}
  .product-list-card{grid-template-columns:170px 1fr}.product-list-side{grid-column:2;text-align:left;display:flex;align-items:center;gap:12px}.product-list-card img{width:170px;height:110px}
}
@media(max-width:640px){
  .shell{width:calc(100% - 20px)!important}
  .page-hero h1{font-size:38px}
  .hero-row{align-items:flex-start;flex-direction:column}
  .product-grid{grid-template-columns:1fr}
  .category-page-grid{grid-template-columns:1fr}
  .catalog-toolbar{align-items:stretch}.catalog-toolbar .result-count{width:100%;margin:0}.toolbar-input,.toolbar-select{width:100%}
  .product-list-card{grid-template-columns:1fr}.product-list-card img{width:100%;height:190px}.product-list-side{grid-column:auto}
  .gallery-thumbs{grid-template-columns:repeat(4,1fr)}.gallery-thumb img{height:54px}
  .detail-panel h1{font-size:31px}.feature-list{grid-template-columns:1fr}
  .detail-points{grid-template-columns:1fr}
  .account-stats{grid-template-columns:1fr 1fr}.account-welcome{align-items:flex-start;flex-direction:column}
  .order-table{display:block;overflow-x:auto;white-space:nowrap}
  .profile-form,.form-grid{grid-template-columns:1fr}.profile-form .field.full,.form-grid .field.full{grid-column:auto}
  .cart-page-item{grid-template-columns:90px 1fr}.cart-page-item img{width:90px;height:68px}.cart-page-price{grid-column:2;text-align:left}
  .footer-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V13 INNER PAGE UX REFINEMENT
   ========================================================= */

/* Premium breadcrumbs */
.page-hero .breadcrumbs{
  display:inline-flex;
  align-items:center;
  gap:0;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));
  background:color-mix(in srgb,var(--panel) 78%,transparent);
  backdrop-filter:blur(14px);
  border-radius:999px;
  box-shadow:0 8px 24px rgba(48,39,104,.06);
  margin-bottom:18px;
}
.page-hero .breadcrumbs a,.page-hero .breadcrumbs span{
  min-height:25px;display:inline-flex;align-items:center;padding:0 8px;font-size:9.5px;font-weight:850;color:var(--muted)
}
.page-hero .breadcrumbs a:first-child{color:var(--brand)}
.page-hero .breadcrumbs a:first-child:before{content:"⌂";margin-right:6px;font-size:10px}
.page-hero .breadcrumbs>span:not(:last-child){padding:0 2px;color:color-mix(in srgb,var(--brand) 40%,var(--muted))}
.page-hero .breadcrumbs>span:last-child{color:var(--text);background:var(--bg-soft);border-radius:999px;padding:0 10px}
.inner-eyebrow{display:inline-block;color:var(--brand);font-size:9px;font-weight:950;letter-spacing:1.6px;margin-bottom:10px}
.inner-hero-premium{padding-top:48px;padding-bottom:44px}
.inner-hero-premium h1{max-width:850px}

/* Custom selects */
.select-wrap{position:relative;display:inline-flex;min-width:170px}
.select-wrap:after{
  content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-52%);
  color:var(--brand);font-size:12px;font-weight:950;pointer-events:none
}
.select-wrap select,.contact-form-card select{
  appearance:none;-webkit-appearance:none;
  width:100%;min-width:170px;height:41px;
  border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line));
  background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--brand) 3%,var(--panel)));
  color:var(--text);border-radius:11px;padding:0 38px 0 12px;
  outline:none;font-size:11px;font-weight:750;box-shadow:0 8px 22px rgba(51,43,108,.05)
}
.select-wrap select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--glow)}

/* Sidebar as navigational buttons, not checkboxes */
.filter-kicker{display:block;color:var(--brand);font-size:7.5px;letter-spacing:1.5px;font-weight:950;margin-bottom:3px}
.filter-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}
.filter-block-head h4{margin:0}
.filter-block-head small{font-size:8px;color:var(--muted)}
.category-filter-links{display:grid;gap:7px}
.category-filter-link{
  width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);
  border-radius:11px;padding:9px 10px;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;
  text-align:left;transition:.18s;cursor:pointer
}
.category-filter-link:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--brand) 34%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--panel))}
.category-filter-link.active{border-color:var(--brand);background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 11%,var(--panel)),var(--panel));box-shadow:0 0 0 3px var(--glow)}
.category-filter-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);font-size:11px;font-weight:950}
.category-filter-link b{font-size:10.5px;display:block}.category-filter-link small{font-size:8px;color:var(--muted);display:block;margin-top:2px}
.category-filter-link em{font-style:normal;font-size:8px;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:999px}
.filter-toggle-list{display:grid;gap:7px}
.filter-toggle{
  width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;
  padding:9px 10px;display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center;text-align:left;transition:.18s
}
.filter-toggle:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.filter-toggle.active{background:color-mix(in srgb,var(--brand) 8%,var(--panel));border-color:var(--brand)}
.filter-toggle-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);font-weight:950}
.filter-toggle b{font-size:10px;display:block}.filter-toggle small{font-size:8px;color:var(--muted);display:block;margin-top:2px}
.filter-toggle i{width:28px;height:16px;border-radius:999px;background:var(--line);position:relative}
.filter-toggle i:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--panel);transition:.18s}
.filter-toggle.active i{background:var(--brand)}.filter-toggle.active i:after{transform:translateX(12px)}
.filter-sidebar .price-range{height:5px}

/* Product cards: one clean full-width add button */
.product-card-footer{display:block!important}
.product-card-footer .addcart{width:100%!important}
.quick-detail{display:none!important}

/* Product detail actions */
.detail-actions{grid-template-columns:minmax(0,1fr) 52px!important;align-items:stretch}
.detail-add{height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:12px!important}
.detail-add .icon{width:16px!important;height:16px!important;flex:none}
.detail-fav{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;font-size:20px!important}

/* detail tabs, faq, requirements, reviews */
.detail-tabs{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 18px 18px;box-shadow:var(--shadow)}
.tabbar{position:sticky;top:60px;background:var(--panel);z-index:5;padding-top:7px}
.requirement-bubbles{display:flex;flex-wrap:wrap;gap:10px}
.requirement-bubble{min-width:150px;flex:1 1 170px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 4%,var(--panel)))}
.requirement-bubble i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);font-style:normal;margin-bottom:9px}
.requirement-bubble b{font-size:11px;display:block}.requirement-bubble span{font-size:9px;color:var(--muted)}
.faq-list{display:grid;gap:8px}
.faq-item{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:13px 14px;font-size:11px;font-weight:900;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";color:var(--brand);font-size:17px}.faq-item[open] summary:after{content:"−"}
.faq-item p{margin:0;padding:0 14px 14px;font-size:10.5px!important}
.review-tab-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.review-list{display:grid;gap:10px}
.review-entry{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.review-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-entry-user{display:flex;align-items:center;gap:9px}
.review-entry p{margin:9px 0 0!important}
.review-form-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel))}
.star-picker{display:flex;gap:5px;margin:8px 0 12px}.star-picker button{border:0;background:none;color:var(--line);font-size:24px;padding:0}.star-picker button.active{color:#ffb000}
.review-form-card textarea,.contact-form-card textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:10px;padding:11px;outline:none}
.review-gate{padding:12px;border:1px dashed color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:11px;color:var(--muted);font-size:10px}

/* related carousel */
.related-actions{margin-left:auto}
.related-carousel{padding-top:10px!important}
.related-carousel .product{width:calc((min(1500px,100vw - 40px) - 42px)/4)!important;flex-basis:calc((min(1500px,100vw - 40px) - 42px)/4)!important}

/* checkout guest/member */
.checkout-access{padding:17px 18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel))}
.checkout-access-kicker{font-size:8px;letter-spacing:1.4px;color:var(--brand);font-weight:950}
.checkout-access h2{font-size:18px;margin:4px 0}.checkout-access p{font-size:10px;color:var(--muted);margin:0}
.checkout-access-tabs{display:flex;gap:6px;flex:none}
.checkout-access-tabs button{height:38px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:0 13px;font-size:10px;font-weight:900}
.checkout-access-tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 20px var(--glow)}
.checkout-mode-pane{display:none}.checkout-mode-pane.active{display:block}
.checkout-helper{color:var(--muted);font-size:10.5px;line-height:1.55;margin:0 0 14px}
.member-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));background:color-mix(in srgb,var(--green) 5%,var(--panel));border-radius:12px}
.member-card .account-avatar{flex:none}.member-card b{font-size:12px;display:block}.member-card small{font-size:9px;color:var(--muted)}
.member-card button{margin-left:auto;border:0;background:none;color:var(--red);font-size:9px;font-weight:900}

/* about */
.about-orbit{width:210px;height:210px;position:relative;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));display:grid;place-items:center;background:radial-gradient(circle,var(--glow),transparent 70%)}
.about-orbit b{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;display:grid;place-items:center;font-size:36px;box-shadow:0 20px 50px var(--glow)}
.about-orbit span{position:absolute;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-size:9px;font-weight:900;color:var(--brand)}
.about-orbit span:nth-child(1){left:12px;top:34px}.about-orbit span:nth-child(2){right:5px;top:76px}.about-orbit span:nth-child(3){left:35px;bottom:17px}
.about-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-story{padding:22px;position:relative;overflow:hidden}.story-no{font-size:38px;font-weight:1000;color:var(--brand);opacity:.12}.about-story h2{font-size:20px;margin:5px 0 8px}.about-story p{font-size:11.5px;line-height:1.65;color:var(--muted)}
.about-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 34px}.about-metrics div{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-align:center}.about-metrics b{font-size:25px;display:block}.about-metrics span{font-size:9px;color:var(--muted)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.value-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.value-card i{width:38px;height:38px;border-radius:11px;background:var(--bg-soft);color:var(--brand);display:grid;place-items:center;font-style:normal}.value-card h3{font-size:13px}.value-card p{font-size:10px;color:var(--muted);line-height:1.55}
.about-cta{margin-top:28px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.about-cta span{font-size:8px;color:var(--brand);letter-spacing:1.4px;font-weight:950}.about-cta h2{font-size:22px;margin:4px 0 0}

/* contact */
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.contact-side{display:grid;gap:10px}.contact-card{padding:15px;display:flex;align-items:center;gap:12px}.contact-card i{width:42px;height:42px;border-radius:12px;background:var(--bg-soft);color:var(--brand);display:grid;place-items:center;font-style:normal;font-size:17px}.contact-card b{display:block;font-size:11px}.contact-card span{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.support-status{padding:14px;display:flex;gap:10px;align-items:center}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent),0 0 16px var(--green)}.support-status b{font-size:11px;display:block}.support-status small{font-size:9px;color:var(--muted)}
.contact-form-card{padding:22px}.contact-form-card h2{font-size:24px;margin:3px 0 18px}

/* blog detail */
.blog-detail-hero h1{max-width:900px}.article-author{display:flex;align-items:center;gap:9px;margin-top:18px}.article-author b{font-size:10px;display:block}.article-author small{font-size:8.5px;color:var(--muted)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.article-content{padding:24px}.article-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:14px;margin-bottom:22px}.article-content h2{font-size:22px;margin:24px 0 8px}.article-content p{font-size:12.5px;line-height:1.8;color:var(--muted)}.article-content blockquote{margin:24px 0;padding:18px;border-left:3px solid var(--brand);background:var(--bg-soft);border-radius:0 12px 12px 0;font-size:16px;font-weight:800}
.article-aside{position:sticky;top:82px;display:grid;gap:10px}.article-toc,.article-cta{padding:16px}.article-toc b{font-size:12px}.article-toc a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:9.5px;color:var(--muted)}.article-toc a:hover{color:var(--brand)}.article-cta span{font-size:8px;letter-spacing:1.3px;color:var(--brand);font-weight:950}.article-cta h3{font-size:16px}

/* responsive */
@media(max-width:980px){
  .review-tab-grid{grid-template-columns:1fr}
  .related-carousel .product{width:calc((100vw - 56px)/3)!important;flex-basis:calc((100vw - 56px)/3)!important}
  .about-story-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .checkout-access{align-items:flex-start;flex-direction:column}.checkout-access-tabs{width:100%}.checkout-access-tabs button{flex:1}
  .about-orbit{display:none}.about-metrics{grid-template-columns:1fr 1fr}
  .value-grid{grid-template-columns:1fr}.article-aside{grid-template-columns:1fr}
  .related-carousel .product{width:82vw!important;flex-basis:82vw!important}
}


/* =========================================================
   V14 DETAIL / BLOG / CONTACT / ACCOUNT REFINEMENT
   ========================================================= */

/* Breadcrumb: larger, clearer, still premium */
.page-hero .breadcrumbs{
  min-height:44px;
  padding:7px 10px !important;
  gap:2px !important;
}
.page-hero .breadcrumbs a,
.page-hero .breadcrumbs span{
  min-height:30px !important;
  padding:0 10px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:850 !important;
}
.page-hero .breadcrumbs>span:last-child{
  padding:0 13px !important;
}
.page-hero .breadcrumbs a:first-child:before{
  font-size:12px !important;
}

/* Product detail CTA alignment */
.detail-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 56px !important;
  gap:10px !important;
  align-items:stretch !important;
}
.detail-add,
.detail-fav{
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  border-radius:12px !important;
}
.detail-add{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:0 18px !important;
  line-height:1 !important;
}
.detail-add .icon{
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  margin:0 !important;
}
.detail-fav{
  width:56px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}
.detail-fav .icon{
  width:21px !important;
  height:21px !important;
}

/* Related products: same compact 4-card behavior as homepage, inside shell */
.related-section{
  margin-top:44px;
  padding-top:4px;
  border-top:1px solid color-mix(in srgb,var(--brand) 8%,var(--line));
}
.related-head{margin-top:26px !important}
.related-carousel{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:12px 2px 27px !important;
  margin:-8px -2px -14px !important;
}
.related-carousel .track{
  width:100% !important;
  min-width:100% !important;
  display:flex !important;
  gap:14px !important;
}
.related-carousel .product{
  width:auto !important;
  flex:0 0 calc((100% - 42px)/4) !important;
  min-width:0 !important;
}
.related-carousel .product-photo{
  height:170px !important;
}

/* Blog sidebar: visual linked recent posts */
.article-layout{
  grid-template-columns:minmax(0,1fr) 330px !important;
  gap:22px !important;
}
.article-aside{
  top:78px !important;
  gap:12px !important;
}
.recent-posts-panel{
  padding:16px !important;
}
.aside-title{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-bottom:12px;
  margin-bottom:4px;
  border-bottom:1px solid var(--line);
}
.aside-title span{
  font-size:8px;
  letter-spacing:1.5px;
  color:var(--brand);
  font-weight:950;
}
.aside-title b{font-size:15px}
.recent-post{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  transition:.18s;
}
.recent-post:last-child{border-bottom:0}
.recent-post:hover{transform:translateX(3px)}
.recent-post img{
  width:82px;
  height:62px;
  object-fit:cover;
  border-radius:9px;
  border:1px solid var(--line);
}
.recent-post small{
  color:var(--brand);
  font-size:7.5px;
  font-weight:900;
  display:block;
  margin-bottom:3px;
}
.recent-post b{
  display:block;
  font-size:10.5px;
  line-height:1.3;
  color:var(--text);
}
.recent-post span{
  display:block;
  font-size:8px;
  color:var(--muted);
  margin-top:4px;
}
.visual-article-cta{
  position:relative;
  overflow:hidden;
  padding:18px !important;
  background:
    radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--brand) 25%,transparent),transparent 34%),
    var(--panel);
}
.visual-article-cta:after{
  content:"B";
  position:absolute;
  right:-5px;bottom:-25px;
  font-size:100px;font-weight:1000;color:var(--brand);opacity:.04;
}
.visual-article-cta p{
  font-size:10px;color:var(--muted);line-height:1.5;margin:6px 0 14px;
}

/* Contact: fix stretched cards + typography + field/select proportions */
.contact-grid{
  grid-template-columns:.78fr 1.22fr !important;
  gap:22px !important;
  align-items:start !important;
}
.contact-side{
  align-content:start !important;
  grid-auto-rows:max-content !important;
  gap:10px !important;
}
.contact-side-intro{
  padding:2px 2px 10px;
}
.contact-side-intro h2{
  font-size:22px;
  letter-spacing:-.5px;
  margin:3px 0 7px;
}
.contact-side-intro p{
  margin:0;
  font-size:11.5px;
  line-height:1.65;
  color:var(--muted);
}
.contact-card{
  min-height:88px !important;
  padding:15px 16px !important;
  gap:13px !important;
}
.contact-card i{
  width:48px !important;
  height:48px !important;
  border-radius:13px !important;
  font-size:19px !important;
}
.contact-card b{
  font-size:14px !important;
}
.contact-card span{
  font-size:11px !important;
  margin-top:4px !important;
}
.support-status{
  min-height:78px;
  padding:15px 16px !important;
}
.support-status b{font-size:13px !important}
.support-status small{font-size:10px !important;margin-top:3px;display:block}
.contact-form-card{
  padding:26px !important;
}
.contact-form-card .inner-eyebrow{font-size:9px}
.contact-form-card h2{
  font-size:28px !important;
  letter-spacing:-.8px;
  margin:4px 0 21px !important;
}
.contact-form-card .profile-form{
  gap:14px !important;
}
.contact-form-card .field label{
  font-size:12px !important;
  margin-bottom:7px !important;
}
.contact-form-card .field input,
.contact-form-card .field select{
  height:48px !important;
  font-size:12px !important;
  border-radius:11px !important;
}
.contact-form-card .select-wrap,
.contact-form-card .contact-select{
  width:100% !important;
  display:block !important;
}
.contact-form-card .select-wrap select{
  width:100% !important;
  min-width:0 !important;
}
.contact-form-card textarea{
  min-height:155px !important;
  font-size:12px !important;
  line-height:1.55;
  border-radius:12px !important;
}
.contact-form-card .form-submit{
  height:50px !important;
  font-size:13px !important;
}

/* Account console: true single-pane UX */
.account-hero-badge{
  display:flex;align-items:center;gap:10px;
  padding:11px 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.account-hero-badge b{font-size:11px;display:block}
.account-hero-badge small{font-size:9px;color:var(--muted);display:block;margin-top:2px}

.account-console{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.account-sidebar{
  position:sticky;
  top:82px;
  padding:14px !important;
  overflow:hidden;
}
.account-profile-card{
  display:flex;align-items:center;gap:12px;
  padding:10px 8px 15px;
  border-bottom:1px solid var(--line);
}
.account-avatar-xl{
  width:58px !important;
  height:58px !important;
  border-radius:17px !important;
  font-size:16px !important;
  flex:none;
}
.account-profile-meta{min-width:0}
.account-kicker{
  display:block;
  font-size:7.5px;
  letter-spacing:1.4px;
  color:var(--brand);
  font-weight:950;
  margin-bottom:3px;
}
.account-profile-meta b{font-size:13px;display:block}
.account-profile-meta small{
  display:block;font-size:9px;color:var(--muted);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.account-tier{
  display:flex;align-items:center;gap:9px;
  padding:10px;
  margin:10px 0;
  border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));
  border-radius:11px;
  background:color-mix(in srgb,var(--brand) 6%,var(--panel));
}
.account-tier>span{
  width:31px;height:31px;border-radius:9px;
  display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);
}
.account-tier b{font-size:10px;display:block}
.account-tier small{font-size:8px;color:var(--muted)}

.account-menu{display:grid;gap:5px}
.account-nav-btn{
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  border-radius:11px;
  padding:9px 9px;
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:9px;
  align-items:center;
  text-align:left;
  transition:.18s;
}
.account-nav-btn i{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:var(--bg-soft);
  color:var(--brand);
  font-style:normal;font-weight:900;
}
.account-nav-btn b{display:block;font-size:10.5px;color:var(--text)}
.account-nav-btn small{display:block;font-size:8px;margin-top:2px;color:var(--muted)}
.account-nav-btn em{
  font-style:normal;font-size:8px;font-weight:900;
  min-width:22px;text-align:center;
}
.account-nav-btn:hover{
  background:var(--bg-soft);
  color:var(--brand);
  transform:translateX(2px);
}
.account-nav-btn.active{
  border-color:color-mix(in srgb,var(--brand) 28%,var(--line));
  background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 10%,var(--panel)),var(--panel));
  color:var(--brand);
  box-shadow:0 0 0 3px var(--glow);
}
.account-sidebar-foot{
  display:grid;gap:5px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.account-sidebar-foot a{
  padding:9px 10px;border-radius:9px;
  font-size:9.5px;font-weight:850;color:var(--muted);
}
.account-sidebar-foot a:hover{background:var(--bg-soft);color:var(--brand)}

.account-stage{
  min-width:0;
}
.account-pane{
  display:none;
  animation:accountPaneIn .18s ease;
}
.account-pane.active{display:block}
@keyframes accountPaneIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}
.account-pane-head{
  min-height:92px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:19px 20px;
  margin-bottom:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:
    radial-gradient(circle at 95% 10%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 32%),
    var(--panel);
  box-shadow:var(--shadow);
}
.account-pane-head h2{
  font-size:23px;
  letter-spacing:-.6px;
  margin:3px 0 5px;
}
.account-pane-head p{
  margin:0;font-size:10.5px;color:var(--muted);
}
.account-stats{
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
  margin-bottom:12px;
}
.account-stat{
  position:relative;
  min-height:125px;
  padding:15px !important;
  overflow:hidden;
}
.account-stat i{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:var(--bg-soft);color:var(--brand);
  font-style:normal;font-weight:900;
  margin-bottom:13px;
}
.account-stat span{font-size:9.5px !important}
.account-stat b{font-size:27px !important;margin-top:3px !important}
.account-stat small{display:block;font-size:8px;color:var(--muted);margin-top:3px}

.account-panel-card{
  padding:19px !important;
}
.panel-head>div h3{margin:3px 0 0}
.panel-link-btn{
  border:0;background:none;color:var(--brand);font-size:9px;font-weight:900;
}
.account-quick-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;
}
.account-quick-grid button{
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  border-radius:14px;
  padding:14px;
  display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;
  box-shadow:var(--shadow);
}
.account-quick-grid button:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));transform:translateY(-2px)}
.account-quick-grid i{
  width:40px;height:40px;border-radius:11px;background:var(--bg-soft);color:var(--brand);
  display:grid;place-items:center;font-style:normal;font-size:17px;
}
.account-quick-grid b{display:block;font-size:11px}
.account-quick-grid small{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}
.account-quick-grid>button>span{color:var(--brand);font-weight:900}

.account-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;
}
.account-search{
  flex:1;max-width:380px;height:40px;border:1px solid var(--line);border-radius:10px;
  background:var(--bg-soft);display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--brand)
}
.account-search input{width:100%;border:0;background:none;outline:none;color:var(--text);font-size:10px}

.account-download-grid{display:grid;gap:10px}
.account-download-card{
  display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;
  padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)
}
.account-download-card img{width:130px;height:82px;object-fit:cover;border-radius:10px}
.account-download-card h3{font-size:13px;margin:0 0 5px}
.account-download-card p{font-size:9.5px;color:var(--muted);margin:0 0 8px}
.account-download-meta{display:flex;gap:6px}
.account-download-meta span{padding:4px 7px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:8px;color:var(--muted)}
.account-download-actions{display:grid;gap:6px;min-width:105px}
.account-download-actions a,.account-download-actions button{height:34px;border-radius:8px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}
.account-download-actions a{background:var(--brand);color:#fff}.account-download-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text)}

.account-favorites-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.account-favorites-grid .product{width:auto!important;flex:auto!important}
.account-favorites-grid .product-photo{height:145px!important}

.profile-settings-card{padding:20px !important}
.profile-photo-row{
  display:flex;align-items:center;gap:12px;
  padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)
}
.profile-photo-row>div:nth-child(2){margin-right:auto}
.profile-photo-row b{display:block;font-size:11px}
.profile-photo-row small{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}

.security-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.session-card{
  display:flex;align-items:center;gap:10px;
  padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft)
}
.session-card i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 10%,var(--panel));color:var(--green);font-style:normal
}
.session-card b{display:block;font-size:10px}.session-card small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.session-card span{margin-left:auto;font-size:8px;color:var(--green);font-weight:900}

@media(max-width:1180px){
  .related-carousel .product{flex-basis:calc((100% - 28px)/3) !important}
  .account-console{grid-template-columns:245px minmax(0,1fr)}
  .account-stats{grid-template-columns:repeat(2,1fr)!important}
  .account-favorites-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .article-layout{grid-template-columns:1fr!important}
  .article-aside{position:static!important;grid-template-columns:1fr!important}
  .contact-grid{grid-template-columns:1fr!important}
  .account-console{grid-template-columns:1fr}
  .account-sidebar{position:static!important}
  .account-menu{grid-template-columns:repeat(3,1fr)}
  .account-nav-btn{grid-template-columns:32px 1fr;padding:7px}
  .account-nav-btn em{display:none}
  .account-sidebar-foot{grid-template-columns:1fr 1fr}
  .security-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .related-carousel .product{flex-basis:82vw !important}
  .account-menu{grid-template-columns:1fr 1fr}
  .account-stats{grid-template-columns:1fr 1fr!important}
  .account-pane-head{align-items:flex-start;flex-direction:column}
  .account-quick-grid{grid-template-columns:1fr}
  .account-favorites-grid{grid-template-columns:1fr}
  .account-download-card{grid-template-columns:90px 1fr}
  .account-download-card img{width:90px;height:68px}
  .account-download-actions{grid-column:2;display:flex;min-width:0}
  .account-download-actions a,.account-download-actions button{flex:1}
  .profile-photo-row{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:520px){
  .account-menu{grid-template-columns:1fr}
  .account-stats{grid-template-columns:1fr!important}
}


/* =========================================================
   V15 PROFILE TYPOGRAPHY + SUPPORT TICKET SYSTEM
   ========================================================= */

/* Profile typography enlarged */
.account-profile-meta b{font-size:15px!important}
.account-profile-meta small{font-size:11px!important}
.account-kicker{font-size:9px!important}
.account-tier b{font-size:12px!important}
.account-tier small{font-size:10px!important}
.account-nav-btn b{font-size:13px!important}
.account-nav-btn small{font-size:10px!important}
.account-nav-btn em{font-size:10px!important}
.account-sidebar-foot a,.account-side-support{font-size:11px!important}
.account-pane-head h2{font-size:28px!important}
.account-pane-head p{font-size:12.5px!important;line-height:1.55}
.account-stat span{font-size:11px!important}
.account-stat b{font-size:30px!important}
.account-stat small{font-size:9.5px!important}
.panel-head h3{font-size:18px!important}
.order-table th{font-size:10.5px!important}
.order-table td{font-size:12px!important}
.account-quick-grid b{font-size:13px!important}
.account-quick-grid small{font-size:10px!important}
.account-download-card h3{font-size:15px!important}
.account-download-card p{font-size:11px!important}
.account-download-meta span{font-size:9px!important}
.profile-settings-card .field label,
.security-grid .field label{font-size:11px!important}
.profile-settings-card .field input,
.security-grid .field input{font-size:12px!important;height:44px!important}
.session-card b{font-size:12px!important}
.session-card small{font-size:9.5px!important}

/* support button in account sidebar */
.account-side-support{
  width:100%;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:9px 10px;
  border-radius:9px;
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:850;
  cursor:pointer;
  text-align:left;
}
.account-side-support:hover{
  background:var(--bg-soft);
  color:var(--brand);
}

/* ticket overview */
.ticket-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:12px;
}
.ticket-summary-card{
  min-height:92px;
  padding:15px;
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:14px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  gap:12px;
}
.ticket-summary-card i{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--bg-soft);
  color:var(--brand);
  font-style:normal;
  font-size:17px;
}
.ticket-summary-card span{
  display:block;
  font-size:10px;
  color:var(--muted);
}
.ticket-summary-card b{
  display:block;
  font-size:25px;
  margin-top:2px;
}

/* ticket workspace */
.ticket-workspace{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.ticket-list-panel,
.ticket-detail-panel,
.ticket-new-panel{
  overflow:hidden;
}
.ticket-list-head{
  min-height:74px;
  padding:14px 15px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ticket-list-head h3,
.ticket-new-head h3{
  margin:3px 0 0;
  font-size:17px;
}
.ticket-list-head .select-wrap{
  min-width:145px;
}
.ticket-list-head select{
  min-width:145px!important;
  height:37px!important;
  font-size:10px!important;
}
.ticket-list{
  display:grid;
  max-height:590px;
  overflow:auto;
}
.ticket-item{
  width:100%;
  border:0;
  border-bottom:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  padding:14px 15px;
  text-align:left;
  cursor:pointer;
  transition:.18s;
}
.ticket-item:last-child{border-bottom:0}
.ticket-item:hover{
  background:var(--bg-soft);
}
.ticket-item.active{
  background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 9%,var(--panel)),var(--panel));
  box-shadow:inset 3px 0 0 var(--brand);
}
.ticket-item-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.ticket-item-id{
  font-size:9px;
  font-weight:950;
  color:var(--brand);
}
.ticket-item-time{
  font-size:8.5px;
  color:var(--muted);
}
.ticket-item h4{
  font-size:13px;
  margin:0 0 6px;
  line-height:1.35;
}
.ticket-item p{
  margin:0;
  font-size:10px;
  line-height:1.45;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ticket-item-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
}
.ticket-status,
.ticket-priority{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  padding:0 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:950;
  border:1px solid var(--line);
}
.ticket-status.open{
  color:var(--green);
  background:color-mix(in srgb,var(--green) 8%,var(--panel));
  border-color:color-mix(in srgb,var(--green) 22%,var(--line));
}
.ticket-status.waiting{
  color:#e4a100;
  background:color-mix(in srgb,#e4a100 8%,var(--panel));
  border-color:color-mix(in srgb,#e4a100 22%,var(--line));
}
.ticket-status.closed{
  color:var(--muted);
  background:var(--bg-soft);
}
.ticket-priority.normal{color:var(--muted)}
.ticket-priority.high{color:#ff8a34}
.ticket-priority.urgent{color:var(--red)}

.ticket-detail-panel{
  min-height:520px;
}
.ticket-empty-detail{
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  text-align:center;
}
.ticket-empty-icon{
  width:64px;height:64px;border-radius:20px;
  display:grid;place-items:center;
  background:var(--bg-soft);
  color:var(--brand);
  border:1px solid var(--line);
  font-size:26px;
  font-weight:950;
  margin-bottom:14px;
}
.ticket-empty-detail b{font-size:15px}
.ticket-empty-detail p{
  max-width:330px;
  font-size:10.5px;
  line-height:1.55;
  color:var(--muted);
}

.ticket-detail-head{
  padding:16px 17px;
  border-bottom:1px solid var(--line);
}
.ticket-detail-title-row{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:flex-start;
}
.ticket-detail-head h3{
  font-size:18px;
  margin:5px 0 5px;
}
.ticket-detail-head p{
  margin:0;
  color:var(--muted);
  font-size:10px;
}
.ticket-meta-row{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
}
.ticket-meta-chip{
  padding:5px 8px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--bg-soft);
  font-size:8.5px;
  color:var(--muted);
  font-weight:850;
}
.ticket-thread{
  padding:16px;
  display:grid;
  gap:12px;
  max-height:370px;
  overflow:auto;
}
.ticket-message{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:start;
}
.ticket-message-avatar{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--bg-soft);
  color:var(--brand);
  font-size:10px;
  font-weight:950;
}
.ticket-message.support .ticket-message-avatar{
  background:linear-gradient(135deg,var(--brand),var(--cyan));
  color:#fff;
}
.ticket-bubble{
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg-soft);
}
.ticket-message.support .ticket-bubble{
  background:color-mix(in srgb,var(--brand) 6%,var(--panel));
  border-color:color-mix(in srgb,var(--brand) 18%,var(--line));
}
.ticket-bubble-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.ticket-bubble-head b{font-size:10.5px}
.ticket-bubble-head span{font-size:8px;color:var(--muted)}
.ticket-bubble p{
  margin:0;
  font-size:10.5px;
  line-height:1.6;
  color:var(--muted);
}
.ticket-reply{
  padding:13px 16px 16px;
  border-top:1px solid var(--line);
}
.ticket-reply textarea{
  width:100%;
  min-height:92px;
  border:1px solid var(--line);
  background:var(--bg-soft);
  color:var(--text);
  border-radius:10px;
  padding:10px;
  outline:none;
  resize:vertical;
  font:inherit;
  font-size:10.5px;
}
.ticket-reply-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}
.ticket-reply-actions small{font-size:8px;color:var(--muted)}
.ticket-reply-actions button{
  width:auto!important;
  min-width:145px;
  padding:0 15px;
}

/* new ticket */
.ticket-new-panel{
  margin-top:12px;
  padding:18px;
}
.ticket-new-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding-bottom:14px;
  margin-bottom:15px;
  border-bottom:1px solid var(--line);
}
.ticket-new-head p{
  font-size:10px;
  color:var(--muted);
  margin:5px 0 0;
}
.ticket-close-new{
  width:36px;height:36px;border:1px solid var(--line);
  border-radius:10px;background:var(--panel);color:var(--text);
}
.ticket-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.ticket-form .field{margin:0}
.ticket-form .field.full{grid-column:1/-1}
.ticket-form label{font-size:11px!important}
.ticket-form input,
.ticket-form select{
  height:44px!important;
  font-size:11px!important;
}
.ticket-form .select-wrap{
  width:100%;
}
.ticket-form .select-wrap select{
  width:100%;
}
.ticket-form textarea{
  width:100%;
  min-height:130px;
  border:1px solid var(--line);
  background:var(--bg-soft);
  color:var(--text);
  border-radius:10px;
  padding:10px;
  resize:vertical;
  outline:none;
  font:inherit;
  font-size:11px;
}
.ticket-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.ticket-form-actions span{
  font-size:8.5px;
  color:var(--muted);
}
.ticket-form-actions .form-submit{
  width:auto!important;
  min-width:230px;
  padding:0 18px;
}

@media(max-width:1150px){
  .ticket-workspace{grid-template-columns:330px minmax(0,1fr)}
}
@media(max-width:900px){
  .ticket-summary-grid{grid-template-columns:1fr 1fr 1fr}
  .ticket-workspace{grid-template-columns:1fr}
  .ticket-list{max-height:330px}
  .ticket-detail-panel{min-height:430px}
  .ticket-empty-detail{min-height:430px}
}
@media(max-width:650px){
  .ticket-summary-grid{grid-template-columns:1fr}
  .ticket-form{grid-template-columns:1fr}
  .ticket-form .field.full{grid-column:auto}
  .ticket-form-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .ticket-form-actions .form-submit{width:100%!important}
}


/* =========================================================
   V16 GLOBAL PHYSICAL 3D BUTTON SYSTEM
   ========================================================= */

/* Primary / purple physical buttons */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  --btn-top:#6f4cff;
  --btn-top-2:#5947ff;
  --btn-side:#35228d;
  --btn-side-deep:#29196d;

  position:relative !important;
  z-index:1;
  border:1px solid color-mix(in srgb,#fff 16%,var(--btn-top)) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),transparent 42%),
    linear-gradient(135deg,var(--btn-top),var(--btn-top-2)) !important;
  color:#fff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(24,12,82,.20),
    0 7px 0 var(--btn-side),
    0 9px 0 var(--btn-side-deep),
    0 13px 26px color-mix(in srgb,var(--brand) 24%,transparent) !important;

  text-shadow:0 1px 0 rgba(20,10,70,.18);
  transform:translateY(0) !important;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    filter .14s ease,
    background .14s ease !important;
}

/* glossy upper face */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
)::before{
  content:"";
  position:absolute;
  left:2px;right:2px;top:2px;
  height:46%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));
  pointer-events:none;
  z-index:-1;
}

/* bottom lip */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
)::after{
  content:"";
  position:absolute;
  left:7px;right:7px;
  bottom:-7px;
  height:7px;
  border-radius:0 0 10px 10px;
  background:linear-gradient(180deg,var(--btn-side),var(--btn-side-deep));
  z-index:-2;
  pointer-events:none;
}

/* hover = slightly raised */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):hover{
  filter:brightness(1.06) saturate(1.06);
  transform:translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(24,12,82,.20),
    0 9px 0 var(--btn-side),
    0 11px 0 var(--btn-side-deep),
    0 17px 30px color-mix(in srgb,var(--brand) 30%,transparent) !important;
}

/* click = physically pressed */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):active{
  transform:translateY(6px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 2px 4px rgba(20,8,70,.16),
    0 1px 0 var(--btn-side),
    0 2px 0 var(--btn-side-deep),
    0 5px 11px color-mix(in srgb,var(--brand) 16%,transparent) !important;
  filter:brightness(.98);
}

:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):active::after{
  bottom:-1px;
  height:2px;
}

/* disabled purple buttons should not look pressable */
:is(
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add
):disabled{
  opacity:.5 !important;
  filter:saturate(.45) !important;
  cursor:not-allowed !important;
  transform:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 4px 0 color-mix(in srgb,var(--btn-side) 65%,var(--line)),
    0 6px 14px rgba(0,0,0,.08) !important;
}

/* Secondary / white controls: subtle physical depth */
:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
){
  position:relative;
  border:1px solid var(--line) !important;
  background:
    linear-gradient(180deg,color-mix(in srgb,#fff 7%,var(--panel)),var(--panel)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent),
    0 3px 0 color-mix(in srgb,var(--line) 86%,#8f84bd),
    0 6px 14px rgba(31,26,67,.07) !important;
  transform:translateY(0);
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease !important;
}

:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
):hover{
  transform:translateY(-1px) !important;
  border-color:color-mix(in srgb,var(--brand) 30%,var(--line)) !important;
  color:var(--brand);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent),
    0 4px 0 color-mix(in srgb,var(--line) 80%,#8f84bd),
    0 9px 18px rgba(47,37,103,.09) !important;
}

:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
):active{
  transform:translateY(3px) !important;
  box-shadow:
    inset 0 1px 3px rgba(35,29,76,.08),
    0 1px 0 var(--line) !important;
}

/* Checkout-specific sizing and consistency */
.checkout-access-tabs button{
  min-height:42px !important;
  padding:0 17px !important;
  font-size:11px !important;
  border-radius:11px !important;
}

.checkout-access-tabs button.active{
  margin-bottom:8px;
}

.checkout-submit,
.summary-checkout{
  min-height:52px !important;
  border-radius:12px !important;
  font-size:14px !important;
  margin-bottom:10px !important;
}

#checkoutLoginForm .form-submit,
#guestCheckoutForm .form-submit{
  min-height:48px !important;
}

.form-submit{
  min-height:46px !important;
  border-radius:10px !important;
}

/* Detail/cart buttons preserve icon vertical alignment inside 3D face */
.addcart,
.detail-add,
.checkout-submit,
.summary-checkout,
.form-submit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.addcart .icon,
.detail-add .icon{
  flex:none;
  margin:0 !important;
}

/* Avoid clipping the extrusion */
.product,
.checkout-form-card,
.order-summary,
.contact-form-card,
.panel-card,
.ticket-new-panel{
  overflow:visible !important;
}

/* Give buttons breathing room wherever the 3D bottom lip needs it */
.product-card-footer{padding-bottom:9px !important}
.checkout-access-tabs{padding-bottom:8px}
.ticket-form-actions{padding-bottom:8px}
.contact-form-card .field.full:last-child{padding-bottom:8px}
.profile-form .field.full:last-child{padding-bottom:8px}

/* Dark theme keeps the physical extrusion visible */
html[data-theme="dark"] :is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  --btn-top:#8455ff;
  --btn-top-2:#5e43ff;
  --btn-side:#372185;
  --btn-side-deep:#25165f;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 7px 0 var(--btn-side),
    0 9px 0 var(--btn-side-deep),
    0 15px 30px rgba(54,37,142,.26) !important;
}

@media(max-width:600px){
  .checkout-access-tabs button{
    min-height:44px !important;
  }
  .checkout-submit,
  .summary-checkout{
    min-height:50px !important;
  }
}


/* =========================================================
   V16.1 SOFTER 3D BUTTON TUNING
   3D hissi korunur, gölge ve derinlik azaltılır
   ========================================================= */

:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(24,12,82,.12),
    0 4px 0 var(--btn-side),
    0 7px 16px color-mix(in srgb,var(--brand) 15%,transparent) !important;
}

/* alt 3D dudak daha ince */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
)::after{
  left:8px !important;
  right:8px !important;
  bottom:-4px !important;
  height:4px !important;
  border-radius:0 0 8px 8px !important;
}

/* hover daha sakin */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):hover{
  transform:translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(24,12,82,.12),
    0 5px 0 var(--btn-side),
    0 9px 18px color-mix(in srgb,var(--brand) 18%,transparent) !important;
  filter:brightness(1.025) saturate(1.02) !important;
}

/* basma efekti kısa */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):active{
  transform:translateY(3px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 2px 3px rgba(20,8,70,.10),
    0 1px 0 var(--btn-side),
    0 3px 8px color-mix(in srgb,var(--brand) 10%,transparent) !important;
}

/* secondary butonların gölgesi de azaltıldı */
:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
){
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),
    0 2px 0 color-mix(in srgb,var(--line) 78%,#8f84bd),
    0 4px 10px rgba(31,26,67,.045) !important;
}

:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
):hover{
  transform:translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent),
    0 3px 0 color-mix(in srgb,var(--line) 75%,#8f84bd),
    0 6px 12px rgba(47,37,103,.055) !important;
}

/* dark mode daha kontrollü */
html[data-theme="dark"] :is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 4px 0 var(--btn-side),
    0 8px 17px rgba(54,37,142,.16) !important;
}


/* =========================================================
   V16.2 CLEAN / CRISP 3D BUTTON FIX
   Çift katman kaynaklı kenar taşmaları kaldırıldı
   ========================================================= */

/* Primary purple buttons: one clean physical shadow only */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  position:relative !important;
  overflow:visible !important;

  /* crisp rendering */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translate3d(0,0,0) !important;

  border:1px solid rgba(91,65,226,.85) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(135deg,#7655ff 0%,#5a46ff 100%) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(40,25,120,.14),
    0 4px 0 #38258f,
    0 7px 12px rgba(68,49,170,.12) !important;

  filter:none !important;
  text-shadow:0 1px 0 rgba(33,19,105,.14);
}

/* REMOVE the extra physical lip that caused protruding edges */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
)::after{
  display:none !important;
  content:none !important;
}

/* Gloss stays entirely INSIDE the button edge */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
)::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:3px !important;
  right:3px !important;
  top:2px !important;
  height:40% !important;
  border-radius:inherit !important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* make actual button contents render above the gloss */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
) > *{
  position:relative;
  z-index:1;
}

/* Hover remains subtle and sharp */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):hover{
  transform:translate3d(0,-1px,0) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(135deg,#7b5aff 0%,#604aff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(40,25,120,.14),
    0 5px 0 #38258f,
    0 8px 14px rgba(68,49,170,.14) !important;
  filter:none !important;
}

/* Pressed: short movement, no blur */
:is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
):active{
  transform:translate3d(0,3px,0) !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.18),
    inset 0 2px 3px rgba(30,18,98,.10),
    0 1px 0 #38258f,
    0 3px 6px rgba(68,49,170,.08) !important;
}

/* Login button is the most visible small pill: tighten geometry */
.login-btn{
  min-width:92px !important;
  height:40px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  line-height:40px !important;
  white-space:nowrap;
  font-weight:850 !important;
  letter-spacing:0 !important;
}

/* Prevent parent clipping around 3D buttons */
.nav-tools,
.product-card-footer,
.checkout-access-tabs,
.cart-footer,
.detail-actions,
.ticket-form-actions{
  overflow:visible !important;
}

/* Secondary buttons also get a cleaner non-blurry edge */
:is(
  .btn-ghost,
  .see-all,
  .arrow-btn,
  .tool,
  .detail-fav,
  .checkout-access-tabs button:not(.active),
  .ticket-close-new,
  .account-download-actions button
){
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translate3d(0,0,0);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 2px 0 color-mix(in srgb,var(--line) 78%,#897db8),
    0 4px 8px rgba(31,26,67,.035) !important;
}

/* Dark theme clean edge */
html[data-theme="dark"] :is(
  .btn-primary,
  .login-btn,
  .addcart,
  .checkout,
  .checkout-submit,
  .summary-checkout,
  .form-submit,
  .detail-add,
  .subscribe button,
  .account-download-actions a,
  .checkout-access-tabs button.active
){
  border-color:#6142df !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(135deg,#8058ff 0%,#6147ff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.14),
    0 4px 0 #352180,
    0 7px 12px rgba(43,28,112,.16) !important;
}

/* v1.4.0 secure delivery: gerçek ZIP yolu/ID tarayıcı linkinde gösterilmez. */
.secure-download-form{margin:0;width:100%}.account-download-actions .secure-download-button{width:100%;border:0!important;background:linear-gradient(135deg,var(--brand),var(--brand-2,#6574ff))!important;color:#fff!important;box-shadow:0 6px 0 color-mix(in srgb,var(--brand) 52%,#1e1b4b),0 10px 20px color-mix(in srgb,var(--brand) 18%,transparent)!important;cursor:pointer;transition:.16s}.account-download-actions .secure-download-button:hover{transform:translateY(-1px)}.account-download-actions .secure-download-button:active{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb,var(--brand) 52%,#1e1b4b)!important}

/* v1.5.0 — kupon, bakiye ve popup (mevcut ön yüz temasına izole ekler) */
.cart-coupon-box{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.coupon-apply-form>label{display:block;font-size:11px;font-weight:850;color:var(--muted);margin-bottom:8px}.coupon-apply-form>div{display:flex;gap:8px}.coupon-apply-form input{min-width:0;flex:1;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,var(--surface));color:var(--text);padding:0 12px;font-weight:800;text-transform:uppercase;outline:0}.coupon-apply-form button,.coupon-applied button,.coupon-copy-btn{border:0;border-radius:11px;padding:0 14px;min-height:42px;background:linear-gradient(135deg,var(--brand),var(--brand-2,#4ea7ff));color:#fff;font-weight:850;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 48%,#20165f),0 8px 16px color-mix(in srgb,var(--brand) 15%,transparent)}.coupon-applied{display:flex;align-items:center;justify-content:space-between;gap:12px}.coupon-applied small,.coupon-applied b,.coupon-applied span{display:block}.coupon-applied small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:900}.coupon-applied b{font-size:18px;margin:3px 0;color:var(--brand)}.coupon-applied span{font-size:11px;color:var(--muted)}
.account-coupon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-coupon-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow,0 16px 40px rgba(30,25,65,.07))}.account-coupon-card.used{opacity:.55}.coupon-ticket-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2,#4ea7ff));color:#fff;font-size:22px;font-weight:950}.account-coupon-card small,.account-coupon-card h3,.account-coupon-card p,.account-coupon-card span{display:block;margin:0}.account-coupon-card small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:900}.account-coupon-card h3{font-size:17px;margin:3px 0}.account-coupon-card code{display:inline-block;padding:5px 8px;border:1px dashed color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:8px;color:var(--brand);font-weight:900}.account-coupon-card p,.account-coupon-card span{font-size:10px;color:var(--muted);margin-top:6px}.coupon-copy-btn:disabled{opacity:.55;cursor:not-allowed}.account-empty-card{padding:24px}.wallet-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:28px;border-radius:22px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface))}.wallet-hero-card small,.wallet-hero-card strong,.wallet-hero-card span{display:block}.wallet-hero-card small{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:900}.wallet-hero-card strong{font-size:36px;margin:6px 0;color:var(--text)}.wallet-hero-card span{font-size:11px;color:var(--muted)}.wallet-orb{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2,#4ea7ff));color:#fff;font-size:30px;font-weight:950;box-shadow:0 16px 38px color-mix(in srgb,var(--brand) 24%,transparent)}.wallet-plus{color:#12b981}.wallet-minus{color:#ef5068}
.marketing-popup-overlay{position:fixed;inset:0;z-index:12000;background:rgba(5,8,18,.64);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:.22s}.marketing-popup-overlay.show{opacity:1;visibility:visible}.marketing-popup-card{position:relative;width:min(780px,94vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:28px;background:var(--surface);box-shadow:0 35px 100px rgba(0,0,0,.35);transform:translateY(14px) scale(.985);transition:.22s}.marketing-popup-overlay.show .marketing-popup-card{transform:none}.marketing-popup-media{min-height:360px;background:var(--surface-2,var(--surface));overflow:hidden}.marketing-popup-media img{width:100%;height:100%;object-fit:cover}.marketing-popup-copy{padding:38px 34px;align-self:center}.marketing-popup-copy>span{font-size:10px;letter-spacing:.16em;color:var(--brand);font-weight:950}.marketing-popup-copy h3{font-size:32px;line-height:1.05;margin:8px 0 13px}.marketing-popup-copy p{color:var(--muted);line-height:1.75;font-size:13px}.marketing-popup-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.popup-never{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:11px;cursor:pointer}.popup-never:hover{color:var(--text)}.marketing-popup-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text);font-size:22px;cursor:pointer;z-index:2}
@media(max-width:760px){.account-coupon-grid{grid-template-columns:1fr}.account-coupon-card{grid-template-columns:auto 1fr}.account-coupon-card .coupon-copy-btn{grid-column:1/-1;width:100%}.marketing-popup-card{grid-template-columns:1fr}.marketing-popup-media{min-height:210px;max-height:260px}.marketing-popup-copy{padding:28px 22px}.marketing-popup-copy h3{font-size:26px}.coupon-apply-form>div{flex-direction:column}.coupon-apply-form button{width:100%}}

/* === v1.5.1 hesap alanı okunabilirlik + tema scrollbar === */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 42%,var(--muted)) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 72%,var(--panel)),color-mix(in srgb,var(--brand-2,#4ea7ff) 62%,var(--panel)));border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand),var(--brand-2,#4ea7ff));border:2px solid transparent;background-clip:padding-box}

.account-profile-meta b{font-size:17px!important}.account-profile-meta small{font-size:12.5px!important}.account-kicker{font-size:10.5px!important}.account-tier b{font-size:13.5px!important}.account-tier small{font-size:11.5px!important}.account-nav-btn b{font-size:14px!important}.account-nav-btn small{font-size:11.5px!important;line-height:1.35}.account-nav-btn em{font-size:11px!important}.account-sidebar-foot a,.account-side-support{font-size:12.5px!important}.account-pane-head h2{font-size:30px!important}.account-pane-head p{font-size:14px!important;line-height:1.65}.account-stat span{font-size:12px!important}.account-stat small{font-size:10.5px!important}.panel-card .panel-head h3,.ticket-list-head h3,.ticket-new-head h3{font-size:17px!important}.order-table{font-size:13px!important}.order-table th{font-size:10.5px!important}.order-table td{font-size:13px!important}.ticket-item h4{font-size:13.5px!important}.ticket-item p{font-size:11.5px!important}.ticket-item-id,.ticket-item-time{font-size:10px!important}.ticket-status,.ticket-priority{font-size:10px!important;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.ticket-bubble p{font-size:13px!important;line-height:1.7}.ticket-bubble-head b{font-size:12px!important}.ticket-bubble-head span{font-size:9.5px!important}.ticket-new-head p{font-size:12.5px!important}.ticket-form label{font-size:12.5px!important}.ticket-form input,.ticket-form select,.ticket-form textarea{font-size:13.5px!important}

/* ===== Scripta v1.6.0 — catalog/account/loyalty/favorites refinements ===== */
.mega-promo.has-image{padding-top:58%;isolation:isolate}
.mega-promo-media{position:absolute;inset:0 0 auto 0;height:60%;overflow:hidden;z-index:0;background:rgba(255,255,255,.04)}
.mega-promo-media:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,transparent,rgba(21,26,59,.88))}
.mega-promo-media img{width:100%;height:100%;object-fit:cover;display:block}
.mega-promo.has-image .promo-mini,.mega-promo.has-image strong,.mega-promo.has-image .promo-action{z-index:1}

.category-catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}
.category-sidebar{position:sticky;top:92px;padding:16px;overflow:hidden}
.category-sidebar-head{padding:4px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:9px}
.category-sidebar-head h3{font-size:17px;margin:4px 0 5px}.category-sidebar-head p{font-size:10.5px;color:var(--muted);margin:0}
.category-sidebar-nav{display:grid;gap:5px}
.category-sidebar-nav a{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:46px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:var(--text);font-size:11px;font-weight:850;transition:.18s}
.category-sidebar-nav a>span{display:flex;align-items:center;gap:9px}.category-sidebar-nav i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--bg-soft);border:1px solid var(--line);font-style:normal;color:var(--brand)}
.category-sidebar-nav em{font-style:normal;color:var(--muted)}
.category-sidebar-nav a:hover{background:var(--bg-soft);border-color:var(--line);transform:translateX(2px)}
.category-sidebar-nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 15%,var(--panel)),color-mix(in srgb,var(--cyan) 7%,var(--panel)));border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand)}
.category-sidebar-nav a.active i{background:var(--brand);color:#fff;border-color:var(--brand)}
.category-catalog-main{min-width:0}

.blog-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.blog-list-grid .blog-card{width:auto!important;min-width:0!important;height:100%}
.blog-empty-state{grid-column:1/-1;padding:28px}

.product{position:relative}
.product-favorite{position:absolute;right:10px;top:10px;z-index:9;width:37px;height:37px;border-radius:11px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(12px);display:grid;place-items:center;color:var(--muted);cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.12);transition:.17s}
.product-favorite .icon{width:17px;height:17px}.product-favorite:hover{transform:translateY(-2px);color:#ef4770;border-color:#ef4770}.product-favorite.active{color:#fff;background:linear-gradient(145deg,#ff4f7b,#d82a65);border-color:#ff6a8e;box-shadow:0 5px 0 #8e1944,0 9px 18px rgba(239,71,112,.25)}
.product-favorite.active .icon{fill:currentColor}.detail-actions .product-favorite{position:static;width:48px;height:44px;border-radius:11px;flex:none}

.section-actions .see-all{min-width:126px;height:38px!important;padding:0 17px!important;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;line-height:1!important;font-size:11px!important;letter-spacing:.05px;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 24%,var(--line)),0 8px 18px color-mix(in srgb,var(--brand) 10%,transparent)}
.section-actions .see-all:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--brand) 24%,var(--line))}

html[data-theme="dark"] select,html[data-theme="dark"] .toolbar-select,html[data-theme="dark"] .filter-sidebar select{color-scheme:dark;background-color:#111a2b!important;color:#f5f7ff!important;border-color:#293654!important}
html[data-theme="dark"] select option,html[data-theme="dark"] .toolbar-select option{background:#111a2b!important;color:#f5f7ff!important}
html[data-theme="light"] select option{background:#fff;color:#14192a}

.account-loyalty-mini{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;margin:10px 0 13px;padding:10px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--panel)),color-mix(in srgb,var(--cyan) 5%,var(--panel)))}
.account-loyalty-mini>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--cyan));color:#fff;font-size:18px;box-shadow:0 5px 15px color-mix(in srgb,var(--brand) 18%,transparent)}
.account-loyalty-mini small{display:block;color:var(--muted);font-size:7.5px;letter-spacing:1px;font-weight:900}.account-loyalty-mini b{display:block;font-size:12px;margin-top:2px}.account-loyalty-mini button{border:0;background:none;color:var(--brand);font-size:8px;font-weight:950;cursor:pointer;padding:3px}
.account-loyalty-hero,.member-points-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:17px;background:radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--brand) 11%,var(--panel)),var(--panel));box-shadow:var(--shadow)}
.account-loyalty-hero h3{font-size:30px;margin:4px 0}.account-loyalty-hero h3 small{font-size:12px;color:var(--muted)}.account-loyalty-hero p,.member-points-hero span{font-size:10.5px;color:var(--muted);max-width:660px}.account-loyalty-hero button{margin-top:10px;border:0;background:none;color:var(--brand);font-size:10px;font-weight:950;padding:0;cursor:pointer}
.loyalty-medallion,.points-gem{width:78px;height:78px;flex:none;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#7958ff,#19b9ef);color:#fff;font-size:35px;box-shadow:0 12px 28px rgba(79,61,220,.28);transform:rotate(6deg)}
.member-points-hero{min-height:155px}.member-points-hero small{display:block;letter-spacing:1.3px;font-size:8px;font-weight:900;color:var(--brand)}.member-points-hero strong{display:block;font-size:48px;line-height:1;margin:8px 0 10px;letter-spacing:-2px}

.account-order-detail{padding:18px;margin-bottom:14px}.order-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.order-detail-head h3{font-size:20px;margin:4px 0}.order-detail-head p{font-size:10px;color:var(--muted);margin:0}.order-detail-head>a{font-size:9px;font-weight:900;color:var(--brand);padding:8px 10px;border:1px solid var(--line);border-radius:9px}
.order-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.order-detail-stats>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.order-detail-stats span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.order-detail-stats b{font-size:11px}.order-detail-items{display:grid;gap:6px}.order-detail-items>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line)}.order-detail-items span b{display:block;font-size:11px}.order-detail-items small{font-size:8px;color:var(--muted)}.order-detail-items strong{font-size:11px}.order-detail-coupon{margin-top:10px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--brand) 8%,var(--panel));font-size:9px}
.order-click-row{cursor:pointer}.order-click-row:hover td{background:color-mix(in srgb,var(--brand) 5%,var(--panel))}.order-detail-link{font-weight:900;color:var(--brand)}

.account-download-list{display:grid;gap:11px}.account-download-row{display:grid;grid-template-columns:112px minmax(0,1fr) 142px;gap:15px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.download-product-cover img{display:block;width:112px;height:82px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}.download-product-info h3{font-size:15px;margin:3px 0 8px}.download-product-meta{display:flex;flex-wrap:wrap;gap:6px}.download-product-meta>span{padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);font-size:8px;color:var(--muted)}.license-copy-box{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:10px;padding:8px 9px;border:1px dashed color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--brand) 5%,var(--panel))}.license-copy-box small{display:block;font-size:7px;letter-spacing:1px;color:var(--muted);font-weight:900}.license-copy-box code{display:block;margin-top:3px;font-size:10px;color:var(--text);word-break:break-all}.license-copy-box button{height:30px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:8px;background:var(--panel);color:var(--brand);font-size:8px;font-weight:950;padding:0 10px;cursor:pointer}.account-download-actions{display:grid;gap:8px;min-width:0}.download-detail-btn{height:35px!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;border-radius:9px!important;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}

.account-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-empty-card{padding:25px;color:var(--muted);font-size:11px;grid-column:1/-1}

@media(max-width:1100px){.blog-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-catalog-layout{grid-template-columns:210px minmax(0,1fr)}.account-download-row{grid-template-columns:95px minmax(0,1fr) 130px}.download-product-cover img{width:95px;height:72px}}
@media(max-width:820px){.category-catalog-layout{grid-template-columns:1fr}.category-sidebar{position:static}.blog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-download-row{grid-template-columns:82px minmax(0,1fr)}.download-product-cover img{width:82px;height:68px}.account-download-actions{grid-column:2;grid-template-columns:1fr 1fr}.order-detail-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.blog-list-grid{grid-template-columns:1fr}.section-actions .see-all{display:inline-flex!important;min-width:auto}.account-favorites-grid{grid-template-columns:1fr}.account-loyalty-hero,.member-points-hero{padding:16px}.loyalty-medallion,.points-gem{width:58px;height:58px;border-radius:18px;font-size:25px}.account-download-row{grid-template-columns:1fr}.download-product-cover img{width:100%;height:150px}.account-download-actions{grid-column:1}.order-detail-stats{grid-template-columns:1fr 1fr}}
.product-list-card{position:relative}.product-list-card .product-favorite.list-favorite{right:10px;top:10px}

/* ===== Scripta v1.6.1 — storefront polish, pagination, favorites, theme controls ===== */
body{font-family:var(--site-font,"Inter"),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.page-hero:after{opacity:.065}
html[data-theme="dark"] .page-hero:after{opacity:.055}
main>.content-section{position:relative;overflow:hidden}
main>.content-section:before,main>.content-section:after{position:absolute;pointer-events:none;z-index:0;font-weight:1000;color:var(--brand);opacity:.028;line-height:1}
main>.content-section:before{content:"◇";font-size:132px;right:-28px;top:13%;transform:rotate(-14deg)}
main>.content-section:after{content:"✦";font-size:126px;left:-28px;bottom:11%;transform:rotate(8deg)}
html[data-theme="dark"] main>.content-section:before,html[data-theme="dark"] main>.content-section:after{opacity:.05}
main>.content-section>.shell{position:relative;z-index:1}
.product-favorite{right:15px!important;top:15px!important;width:39px!important;height:39px!important;border-radius:12px!important}
.product-favorite.active{transform:translateY(-1px)}
.detail-secondary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.detail-demo-btn,.detail-secondary-actions .detail-fav{min-height:48px!important;border-radius:12px!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;font-size:11px!important;font-weight:900!important;position:static!important;width:auto!important;box-shadow:0 5px 0 color-mix(in srgb,var(--line) 80%,#8790a8),0 9px 18px rgba(26,31,69,.06)!important;text-decoration:none!important}
.detail-demo-btn:hover,.detail-secondary-actions .detail-fav:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line))!important;color:var(--brand)!important;transform:translateY(-1px)}
.detail-demo-btn.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel))!important}
.detail-secondary-actions .detail-fav .icon{width:18px!important;height:18px!important}
.detail-secondary-actions .detail-fav.active{background:linear-gradient(135deg,#ff527e,#d52d65)!important;color:#fff!important;border-color:#ff6f96!important;box-shadow:0 5px 0 #8e1944,0 9px 18px rgba(239,71,112,.2)!important}
.pagination.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 2px}
.pagination.catalog-pagination button,.pagination.catalog-pagination a{min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 75%,transparent);transition:.15s}
.pagination.catalog-pagination button:hover:not(:disabled),.pagination.catalog-pagination a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.pagination.catalog-pagination button.active,.pagination.catalog-pagination a.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 65%,#342084),0 9px 20px var(--glow)}
.pagination.catalog-pagination button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.category-sidebar-head h3{font-size:19px!important}.category-sidebar-head p{font-size:12px!important}.category-sidebar-nav a{font-size:13px!important;min-height:48px}.category-sidebar-nav a span{gap:9px}.category-sidebar-nav a i{font-size:15px!important}
.filter-sidebar .filter-head h3{font-size:20px!important}.filter-block-head h4{font-size:14px!important}.filter-block-head small{font-size:10px!important}.category-filter-link b{font-size:13px!important}.category-filter-link small{font-size:10px!important}.category-filter-link em{font-size:10px!important}
.account-sidebar-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-sidebar-foot .account-logout-link{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;min-height:42px;font:inherit;font-size:12.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.account-sidebar-foot .account-logout-link:hover{background:color-mix(in srgb,#ff486c 7%,var(--panel));color:#e9325b;border-color:color-mix(in srgb,#ff486c 38%,var(--line))}
.frontend-confirm-overlay{position:fixed;inset:0;z-index:9999;background:rgba(2,6,16,.68);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}
.frontend-confirm-overlay.show{opacity:1;visibility:visible}.frontend-confirm-card{width:min(440px,100%);padding:28px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:22px;background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--brand) 5%,var(--panel)));box-shadow:0 30px 90px rgba(0,0,0,.34);text-align:center}.frontend-confirm-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 7px 0 color-mix(in srgb,var(--brand) 58%,#2f246c)}.frontend-confirm-card h3{font-size:23px;margin:5px 0 9px}.frontend-confirm-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 auto 20px;max-width:340px}.frontend-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.frontend-confirm-actions .btn{width:100%}
.favorite-view-switch{display:flex;gap:7px}.favorite-view-switch button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:17px}.favorite-view-switch button.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 60%,#33246f)}
.account-favorites-grid.list-view{grid-template-columns:1fr!important;gap:10px}.account-favorites-grid.list-view .product{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:10px;overflow:visible}.account-favorites-grid.list-view .product-photo{height:128px!important}.account-favorites-grid.list-view .product-content{padding:8px 12px 8px 0}.account-favorites-grid.list-view .product h3{font-size:17px;white-space:normal}.account-favorites-grid.list-view .product-desc{font-size:12px;height:auto}.account-favorites-grid.list-view .product-card-footer{max-width:240px}.account-favorites-grid.list-view .product-favorite{right:12px!important;top:12px!important}
.ticket-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ticket-form .field.full{grid-column:1/-1!important}
@media(max-width:900px){.detail-secondary-actions{grid-template-columns:1fr}.ticket-form{grid-template-columns:1fr!important}.ticket-form .field.full{grid-column:auto!important}.account-favorites-grid.list-view .product{grid-template-columns:125px minmax(0,1fr)}.account-favorites-grid.list-view .product-photo{height:100px!important}}
@media(max-width:560px){.frontend-confirm-actions{grid-template-columns:1fr}.account-sidebar-foot{grid-template-columns:1fr}.account-favorites-grid.list-view .product{grid-template-columns:1fr}.account-favorites-grid.list-view .product-photo{height:160px!important}}


/* ===== Scripta v1.6.2 — typography, live theme, newsletter, search, ambient, reviews ===== */
.site-header,.hero,.section,.content-section,.page-hero,footer{position:relative;z-index:2}
.page-ambient{position:fixed;inset:70px 0 0;z-index:1;pointer-events:none;overflow:hidden}.page-ambient i{position:absolute;display:block;color:var(--brand);opacity:.055;filter:saturate(1.1)}.page-ambient i:before{display:block;font-size:160px;font-weight:900;line-height:1}.page-ambient i:nth-child(1){right:3%;top:12%;transform:rotate(18deg)}.page-ambient i:nth-child(1):before{content:"◇"}.page-ambient i:nth-child(2){left:3%;top:48%;transform:rotate(-12deg)}.page-ambient i:nth-child(2):before{content:"✦"}.page-ambient i:nth-child(3){right:9%;bottom:5%;transform:rotate(28deg)}.page-ambient i:nth-child(3):before{content:"◈"}html[data-theme=dark] .page-ambient i{opacity:.075}body[data-page=product] .page-ambient i:nth-child(1):before{content:"</>"}body[data-page=blog] .page-ambient i:nth-child(2):before,body[data-page=blog-detail] .page-ambient i:nth-child(2):before{content:"B"}body[data-page=account] .page-ambient i:nth-child(3):before{content:"S"}
.header-search-wrap{position:relative}.frontend-search-results{position:absolute;top:calc(100% + 10px);left:0;width:min(460px,88vw);max-height:440px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 70px rgba(10,12,26,.22);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:190}.frontend-search-results.open{opacity:1;visibility:visible;transform:none}.frontend-search-label{padding:8px 10px 5px;font-size:9px;letter-spacing:.14em;font-weight:950;color:var(--brand)}.frontend-search-results>a{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:9px;border-radius:12px;color:var(--text);text-decoration:none}.frontend-search-results>a:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}.frontend-search-results img,.search-cat-icon{width:46px;height:40px;border-radius:9px;object-fit:cover;background:var(--panel2);display:grid;place-items:center}.frontend-search-results b,.frontend-search-results small{display:block}.frontend-search-results b{font-size:12px}.frontend-search-results small{font-size:10px;color:var(--muted);margin-top:2px}.frontend-search-results i{font-style:normal;color:var(--brand)}.frontend-search-empty{padding:18px;text-align:center;color:var(--muted);font-size:11px}
.section-title h2{font-size:29px!important}.section-title p{font-size:13.5px!important}.section-head{margin-bottom:18px}.cat{min-height:166px!important;padding:23px 18px!important}.cat-icon{width:62px!important;height:62px!important;border-radius:18px!important}.cat-icon .icon{width:27px!important;height:27px!important}.cat-icon span{font-size:25px!important}.cat b{font-size:15px!important}.cat small{font-size:11.5px!important;line-height:1.5!important}.see-all{font-size:12px!important;padding:11px 17px!important}
.product h3{font-size:16.5px!important;line-height:1.35!important}.product-desc{font-size:12px!important;line-height:1.55!important}.rating{font-size:12px!important}.product-meta span{font-size:10.5px!important;padding:5px 8px!important}.product .price{font-size:24px!important}.product-card-footer .addcart{font-size:12.5px!important}.blog-card h3,.blog-list-card h3{font-size:16px!important;line-height:1.42!important}.blog-card p,.blog-list-card p{font-size:12px!important;line-height:1.62!important}.review p{font-size:13px!important;line-height:1.7!important}.review b{font-size:13px!important}
.filter-sidebar,.category-sidebar{font-size:13px}.filter-sidebar .filter-head p,.category-sidebar small,.filter-block p{font-size:11px!important}.category-filter-link{min-height:64px!important}.category-filter-link b{font-size:14px!important}.category-filter-link small{font-size:11px!important}
.account-stage{font-size:13.5px}.account-pane-head h2{font-size:25px!important}.account-pane-head p{font-size:13.5px!important;line-height:1.65!important}.account-stage table{font-size:12.5px!important}.account-stage label,.account-stage input,.account-stage select,.account-stage textarea{font-size:13px!important}.account-stage small{font-size:10.5px}.account-sidebar-foot{grid-template-columns:1fr!important}.account-sidebar-foot .account-logout-link{min-height:48px!important;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,#ff466d 5%,var(--panel)))!important;border-color:color-mix(in srgb,#ff466d 28%,var(--line))!important;font-size:13px!important;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 75%,transparent)}
.newsletter-section{padding-top:18px!important}.newsletter-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr);gap:35px;align-items:center;padding:34px 38px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,var(--panel)),color-mix(in srgb,var(--cyan) 7%,var(--panel)));box-shadow:0 18px 55px rgba(66,55,130,.1)}.newsletter-orb{position:absolute;right:-25px;top:-60px;font-size:190px;line-height:1;color:var(--brand);opacity:.08}.newsletter-copy>span{font-size:10px;letter-spacing:.18em;color:var(--brand);font-weight:950}.newsletter-copy h2{font-size:28px;line-height:1.18;margin:8px 0 9px}.newsletter-copy p{font-size:12.5px;color:var(--muted);margin:0}.newsletter-form{position:relative;z-index:1}.newsletter-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 7px 7px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 24px rgba(30,34,75,.07)}.newsletter-input span{color:var(--brand);font-size:17px}.newsletter-input input{height:43px;border:0!important;background:transparent!important;color:var(--text);outline:0;width:100%}.newsletter-input button{height:43px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 62%,#31205f)}.newsletter-form>small{display:block;margin:8px 4px 0;color:var(--muted);font-size:10px}.newsletter-form>small.success{color:#21b77a;font-weight:800}
.review-form-card textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:12px}.review-rating-pick{display:flex;gap:5px;margin:12px 0}.review-rating-pick button{border:0;background:transparent;color:#71809b;font-size:24px;cursor:pointer;padding:0}.review-rating-pick button.active{color:#ffb000}.review-submit-btn,.review-login-btn{height:44px;border:0;border-radius:11px;padding:0 16px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;cursor:pointer}.review-form-kicker{font-size:9px;letter-spacing:.16em;color:var(--brand);font-weight:950}
@media(max-width:900px){.newsletter-banner{grid-template-columns:1fr;padding:25px}.frontend-search-results{left:auto;right:0}.page-ambient i:before{font-size:120px}.section-title h2{font-size:25px!important}}
@media(max-width:600px){.newsletter-input{grid-template-columns:auto 1fr}.newsletter-input button{grid-column:1/-1}.newsletter-copy h2{font-size:23px}.cat{min-height:145px!important}.product h3{font-size:15.5px!important}}


/* ===== Scripta v1.6.3 — storefront stability, readable typography, wallet, mail UI ===== */
.drawer{position:fixed!important;right:0!important;top:0!important;height:100dvh!important;z-index:110!important;overflow:hidden!important}
.mobile-nav{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;z-index:130!important}
.modal-wrap{position:fixed!important;inset:0!important;z-index:140!important}
.overlay{position:fixed!important;inset:0!important;z-index:105!important}
.cart-drawer{display:flex!important;flex-direction:column!important}.cart-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}.cart-footer{flex:0 0 auto!important;background:var(--panel)!important;position:relative!important;bottom:auto!important}
.cart-summary-row.wallet-row b{color:#18a871}.cart-summary-row[hidden]{display:none!important}
.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}.detail-title-row>div:first-child{min-width:0}.detail-title-row h1{margin-bottom:0!important}.detail-title-fav{position:relative!important;inset:auto!important;right:auto!important;top:auto!important;flex:0 0 auto;width:auto!important;min-width:52px!important;height:52px!important;padding:0 15px!important;border-radius:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line))!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:0 5px 0 color-mix(in srgb,var(--line) 80%,#8a90a7),0 10px 22px rgba(30,35,78,.08)!important}.detail-title-fav .icon{width:20px!important;height:20px!important}.detail-title-fav span{font-size:11px;font-weight:900;white-space:nowrap}.detail-title-fav.active{background:linear-gradient(135deg,#ff527e,#d72e68)!important;border-color:#ff7399!important;color:#fff!important;box-shadow:0 5px 0 #8c1c47,0 10px 24px rgba(225,48,101,.22)!important}.detail-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-secondary-actions:empty{display:none!important}
.product-list-card{grid-template-columns:180px minmax(0,1fr) 175px!important}.product-list-info{padding-right:12px}.product-list-price{display:flex;align-items:baseline;gap:9px;margin-top:12px}.product-list-price .price{font-size:21px!important;font-weight:950}.product-list-price del{font-size:11px;color:var(--muted)}.product-list-side{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;padding-top:48px!important}.product-list-side .addcart{width:100%}.product-list-card .list-favorite{right:14px!important;top:14px!important}
.filter-sidebar .filter-head p,.filter-block-head small,.category-filter-link small,.category-sidebar-nav small{font-size:12px!important}.category-filter-link b,.category-sidebar-nav b{font-size:14.5px!important}.category-filter-link em{font-size:11px!important}.filter-block-head h4{font-size:15px!important}
.faq-item summary{font-size:14px!important;min-height:58px;padding:16px 18px!important}.faq-item p{font-size:13px!important;line-height:1.75!important;padding:0 18px 18px!important}.faq-item summary:after{font-size:20px!important}
.footer-about p{font-size:13px!important;line-height:1.7!important}.footer-col b{font-size:14px!important}.footer-col a{font-size:13px!important;margin-top:10px!important}.footer-bottom{font-size:11.5px!important}.social{font-size:13px!important}
.account-stage{font-size:14px!important}.account-pane-head h2{font-size:28px!important}.account-pane-head p{font-size:14px!important}.account-loyalty-hero p,.wallet-hero-card span{font-size:13px!important;line-height:1.65}.account-stat span{font-size:12.5px!important}.account-stat small{font-size:11px!important}.order-table th{font-size:11.5px!important}.order-table td{font-size:13.5px!important}.order-detail-stats span{font-size:10.5px!important}.order-detail-stats b{font-size:13px!important}.order-detail-items span b,.order-detail-items strong{font-size:13px!important}.order-detail-items small{font-size:10.5px!important}.order-detail-coupon{font-size:12px!important}.download-product-info h3{font-size:17px!important}.download-product-meta>span{font-size:10.5px!important}.license-copy-box small{font-size:9px!important}.license-copy-box code{font-size:12px!important}.license-copy-box button,.download-detail-btn{font-size:11px!important}.account-coupon-card small{font-size:10px!important}.account-coupon-card h3{font-size:18px!important}.account-coupon-card p,.account-coupon-card span{font-size:11.5px!important}.coupon-history-card{margin-top:16px}
.cart-wallet-box{margin:12px 0;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),var(--panel))}.cart-wallet-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.cart-wallet-head b{font-size:13px}.cart-wallet-head span{font-size:12px;color:#18a871;font-weight:900}.cart-wallet-form{display:flex;gap:8px}.cart-wallet-form input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);color:var(--text);padding:0 12px;font-weight:800}.cart-wallet-form button,.cart-wallet-remove{height:42px;border:0;border-radius:11px;padding:0 15px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;cursor:pointer}
@media(max-width:760px){.detail-title-fav{width:48px!important;min-width:48px!important;padding:0!important}.detail-title-fav span{display:none}.detail-secondary-actions{grid-template-columns:1fr!important}.product-list-card{grid-template-columns:105px minmax(0,1fr)!important}.product-list-side{grid-column:2!important;padding-top:0!important}.product-list-price .price{font-size:18px!important}}
.cart-wallet-box .cart-wallet-head span{font-size:12px;color:var(--muted);font-weight:800}.cart-wallet-box .cart-wallet-head b{font-size:14px}.wallet-applied{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.wallet-applied span{font-size:12px;color:var(--muted)}.wallet-applied b{font-size:14px;color:#18a871}.wallet-applied form{margin:0}.wallet-applied button{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-weight:850;padding:0 12px;cursor:pointer}.wallet-use-form label{display:block;font-size:12px;font-weight:850;margin-bottom:8px}.wallet-use-form>div{display:flex;gap:8px}.wallet-use-form input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);color:var(--text);padding:0 12px;font-size:13px;font-weight:800}.wallet-use-form button{height:42px;border:0;border-radius:11px;padding:0 15px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 48%,#20165f)}.wallet-use-form small{display:block;margin-top:7px;color:var(--muted);font-size:10.5px}.wallet-summary b{color:#18a871!important}
@media(max-width:560px){.wallet-applied{grid-template-columns:1fr auto}.wallet-applied form{grid-column:1/-1}.wallet-applied button{width:100%}.wallet-use-form>div{flex-direction:column}.wallet-use-form button{width:100%}}

/* ===== Scripta v1.6.4 — cart/reviews/account/font/navigation polish ===== */
.cart-drawer{width:min(430px,100%)!important}.cart-body{align-content:start!important;grid-auto-rows:max-content!important;flex:1 1 auto!important;min-height:0!important;padding:16px!important;gap:10px!important}.cart-item{min-height:76px!important;height:auto!important;align-self:start!important}.cart-item b{font-size:12px!important}.cart-item small{font-size:10.5px!important}.cart-footer{padding:17px!important}.cart-total{font-size:19px!important}.checkout{height:48px!important;font-size:13px!important}.review-admin-reply{margin-top:13px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--panel2)),var(--panel2))}.review-admin-reply-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-reply-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-weight:950}.review-admin-reply-head b,.review-admin-reply-head small{display:block}.review-admin-reply-head b{font-size:12px}.review-admin-reply-head small{font-size:9.5px;color:var(--muted);margin-top:2px}.review-admin-reply>p{margin:0!important;font-size:12px!important;line-height:1.7!important}.points-conversion-card{margin-bottom:16px;padding:20px!important;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:center}.points-conversion-card h3{font-size:20px;margin:6px 0}.points-conversion-card p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.points-conversion-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,.8fr) auto;gap:10px;align-items:end}.points-conversion-form label{font-size:11px;font-weight:850}.points-conversion-form input{display:block;width:100%;height:48px;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:0 13px;font-weight:850}.points-rate-box{min-height:48px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.points-rate-box small,.points-rate-box b,.points-rate-box span{display:block}.points-rate-box small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.points-rate-box b{font-size:11px;margin:2px 0}.points-rate-box span{font-size:9px;color:var(--brand)}.points-conversion-form .btn{height:48px;white-space:nowrap}.points-conversion-form .btn:disabled{opacity:.45;cursor:not-allowed}.product-list-card{align-items:center!important}.product-list-card>a:first-child,.product-list-card .list-product-media{align-self:stretch;min-height:150px}.product-list-card .product-list-image{height:100%!important;min-height:150px!important;object-fit:cover!important}.product-list-info{align-self:center!important;min-width:0}.product-list-info .tech-tags{margin-top:10px!important}.product-list-actions{align-self:center!important;position:relative!important;padding-top:0!important}.product-list-actions .favorite-btn{position:absolute!important;right:0!important;top:-58px!important}.product-list-actions .price,.product-list-price{margin-top:8px!important}.main-nav .nav-link{font-size:13px!important}.mega-link b{font-size:12px!important}.mega-link small{font-size:10px!important}.footer-col h4{font-size:15px!important}.footer-col a,.footer-col p{font-size:12px!important}.page-ambient i{animation:scriptaAmbientFloat 10s ease-in-out infinite alternate;transform-origin:center}.page-ambient i:nth-child(2){animation-duration:13s;animation-delay:-2.5s}.page-ambient i:nth-child(3){animation-duration:16s;animation-delay:-5s}@keyframes scriptaAmbientFloat{0%{translate:0 0;scale:1}50%{translate:8px -12px;scale:1.035}100%{translate:-7px 9px;scale:.985}}@media(prefers-reduced-motion:reduce){.page-ambient i{animation:none!important}}
@media(max-width:900px){.main-nav .nav-link{font-size:14px!important}.mobile-menu a,.mobile-nav a{font-size:15px!important}.points-conversion-card{grid-template-columns:1fr}.points-conversion-form{grid-template-columns:1fr}.product-list-card .product-list-actions .favorite-btn{top:0!important;position:relative!important;right:auto!important}}
/* v1.6.4 exact list/newsletter geometry */
.product-list-card>a:not(.product-favorite){display:block!important;width:180px!important;height:132px!important;min-width:180px!important;overflow:hidden;border-radius:13px;align-self:center!important}.product-list-card>a:not(.product-favorite)>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}.product-list-info{position:relative;z-index:1}.product-list-side{position:relative!important;z-index:2;align-self:center!important;padding-top:0!important}.product-list-card .product-favorite.list-favorite{top:15px!important;right:15px!important;z-index:4}.newsletter-input{min-height:62px!important;padding:8px 8px 8px 17px!important;border-radius:18px!important;border-color:color-mix(in srgb,var(--brand) 22%,var(--line))!important;background:color-mix(in srgb,var(--panel) 96%,var(--brand) 4%)!important}.newsletter-input input{height:46px!important;font-size:13px!important;padding:0 3px!important}.newsletter-input button{height:46px!important;min-width:132px!important;font-size:12px!important;border-radius:12px!important}.newsletter-input>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));font-size:15px!important}.account-pane[data-account-pane="wallet"] .account-pane-head p{max-width:760px}
@media(max-width:760px){.product-list-card>a:not(.product-favorite){width:105px!important;min-width:105px!important;height:105px!important}.newsletter-input{grid-template-columns:auto 1fr!important}.newsletter-input button{grid-column:1/-1;width:100%;min-width:0}.newsletter-input>span{align-self:center}}


/* ===== v1.7.0 revize paketi ===== */
/* Ürün detay: sepete ekle tam genişlik, favori daha dengeli ve aktif durum net */
.detail-actions{grid-template-columns:1fr!important;gap:0!important}
.detail-add{width:100%!important;min-height:56px!important;border-radius:14px!important;font-size:13px!important}
.detail-title-fav{height:50px!important;min-width:50px!important;border-radius:13px!important;padding:0 13px!important}
.detail-title-fav.active .icon path,.product-favorite.active .icon path{fill:currentColor!important}
.detail-demo-btn{min-height:50px!important;font-size:12px!important}

/* Footer: dinamik yapı ve daha görünür sosyal medya ikonları */
.footer-brand img{display:block;max-width:170px;max-height:42px;width:auto;height:auto;object-fit:contain}
.footer-about p{max-width:320px!important}
.footer-socials{display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:18px}
.footer-socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;place-items:center;color:var(--text);text-decoration:none;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 78%,transparent),0 8px 16px rgba(15,20,45,.06);transition:.18s}
.footer-socials a span{font-size:13px!important;font-weight:950;line-height:1}
.footer-socials a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand)}

/* Masaüstü profil ve filtre sidebar sticky */
@media(min-width:901px){
 .account-sidebar{position:sticky!important;top:86px!important;align-self:start!important;max-height:calc(100vh - 104px);overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin}
 .filter-sidebar,.category-sidebar{position:sticky!important;top:86px!important;align-self:start!important;max-height:calc(100vh - 102px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}

/* Mobil profil menüsü: içerik önde, menü şık bottom-sheet */
.account-mobile-menu-toggle,.account-mobile-menu-overlay{display:none}
@media(max-width:900px){
 .account-console{display:flex!important;flex-direction:column!important}.account-stage{order:1;width:100%}.account-sidebar{display:none!important}
 .account-mobile-menu-toggle{display:flex;position:sticky;top:68px;z-index:34;width:100%;margin:0 0 12px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--panel) 94%,var(--brand) 6%);color:var(--text);align-items:center;gap:11px;box-shadow:0 8px 24px rgba(20,25,60,.08);text-align:left}
 .account-mobile-menu-toggle>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-size:17px;font-weight:950}.account-mobile-menu-toggle div{flex:1;min-width:0}.account-mobile-menu-toggle b,.account-mobile-menu-toggle small{display:block}.account-mobile-menu-toggle b{font-size:13px}.account-mobile-menu-toggle small{margin-top:2px;color:var(--muted);font-size:9.5px}.account-mobile-menu-toggle em{font-style:normal;color:var(--brand);font-size:16px}
 .account-mobile-menu-overlay{display:block;position:fixed;inset:0;z-index:180;pointer-events:none}.account-mobile-menu-overlay.show{pointer-events:auto}.account-mobile-menu-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.62);backdrop-filter:blur(5px);opacity:0;transition:.2s}.account-mobile-menu-overlay.show .account-mobile-menu-backdrop{opacity:1}.account-mobile-menu-sheet{position:absolute;left:10px;right:10px;bottom:10px;max-height:min(78vh,720px);background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.32);transform:translateY(calc(100% + 30px));transition:.24s;overflow:hidden}.account-mobile-menu-overlay.show .account-mobile-menu-sheet{transform:none}.account-mobile-menu-head{height:64px;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.account-mobile-menu-head b{font-size:16px}.account-mobile-menu-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-size:22px}.account-mobile-menu-sheet [data-account-mobile-menu-host]{padding:10px;max-height:calc(78vh - 64px);overflow:auto}.account-mobile-cloned-menu{display:grid;gap:5px}.account-mobile-cloned-menu .account-nav-btn{min-height:62px!important;border-radius:14px!important}
}

/* Destek merkezi: daha profesyonel liste + sayfalama */
.ticket-list-head small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px}.server-ticket-list{max-height:none!important}.ticket-list-panel{box-shadow:0 12px 36px rgba(23,30,72,.06)}.ticket-item{padding:16px!important}.ticket-item.active{background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 12%,var(--panel)),var(--panel))!important}.ticket-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,var(--brand) 5%)}.ticket-pagination a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none;font-size:10px;font-weight:900;background:var(--panel)}.ticket-pagination a.active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--cyan));border-color:transparent;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 55%,#2a2264)}

/* Profil tabloları: DataTable benzeri arama + sayfalama */
.account-table-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 10px}.account-table-toolbar label{height:42px;min-width:240px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.account-table-toolbar label span{color:var(--brand);font-size:15px}.account-table-toolbar input{border:0!important;background:transparent!important;outline:0!important;width:100%;padding:0!important;height:auto!important;box-shadow:none!important}.account-table-toolbar select{height:42px!important;min-width:84px!important;width:auto!important}.account-table-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.account-table-pager>span{font-size:10px;color:var(--muted)}.account-table-pager>div{display:flex;gap:5px}.account-table-pager button{min-width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:900}.account-table-pager button.active{background:var(--brand);border-color:var(--brand);color:#fff}.account-table-pager button:disabled{opacity:.35}
@media(max-width:600px){.account-table-toolbar{align-items:stretch}.account-table-toolbar label{min-width:0;flex:1}.account-table-toolbar select{width:74px!important}.account-table-pager{align-items:flex-start;flex-direction:column}.ticket-workspace{gap:10px!important}}

/* Kupon buton tepki durumu */
.coupon-copy-btn{transition:.18s!important}.coupon-copy-btn.copied{background:linear-gradient(135deg,#19b978,#0f9f67)!important;color:#fff!important;border-color:#19b978!important;transform:translateY(-1px)}

/* ===== v1.8.0 — eksik revizelerin kapsamlı tamamlanması ===== */
/* Sticky'nin çalışmasını engelleyen overflow bağlamlarını kaldır. */
main>.account-content-section,
main>.filter-content-section,
main>.category-content-section{overflow:visible!important}
.account-content-section>.shell,.filter-content-section>.shell,.category-content-section>.shell{overflow:visible!important}
.catalog-layout,.account-console{align-items:start!important}

/* Masaüstü profil menüsü ve ürün filtresi gerçek sticky davranış. */
@media(min-width:901px){
  .account-sidebar{position:sticky!important;top:88px!important;align-self:start!important;max-height:calc(100vh - 106px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:8!important;scrollbar-gutter:stable}
  .filter-sidebar,.category-sidebar{position:sticky!important;top:88px!important;align-self:start!important;max-height:calc(100vh - 106px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:8!important;scrollbar-gutter:stable}
  .account-sidebar::-webkit-scrollbar,.filter-sidebar::-webkit-scrollbar,.category-sidebar::-webkit-scrollbar{width:5px}
  .account-sidebar::-webkit-scrollbar-thumb,.filter-sidebar::-webkit-scrollbar-thumb,.category-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:999px}
}

/* Mobil hesap menüsü: sticky ile içeriğin üstüne binmesin; üst/alt boşluk dengeli. */
@media(max-width:900px){
  .account-content-section{padding-top:18px!important}
  .account-mobile-menu-toggle{position:relative!important;top:auto!important;z-index:12!important;margin:0 0 18px!important;transform:none!important;min-height:66px!important}
  .account-pane-head{margin-top:0!important}
  .account-stage{position:relative;z-index:1}
}

/* Genel bakış KPI ikonları artık kart ölçüsüne yakışan boyutta. */
.account-stat i{width:46px!important;height:46px!important;border-radius:14px!important;font-size:19px!important;margin-bottom:15px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,var(--panel)),color-mix(in srgb,var(--cyan) 8%,var(--panel)))!important;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));box-shadow:0 5px 14px rgba(34,36,82,.06)}
.account-stat{min-height:145px!important}

/* Ürün detay favori: kare oran, belirgin aktiflik, mobilde ince/uzun görünümü tamamen engelle. */
.detail-title-fav{position:relative!important;flex:0 0 auto!important;width:auto!important;min-width:138px!important;max-width:180px!important;height:52px!important;min-height:52px!important;padding:0 16px!important;border-radius:14px!important;overflow:visible!important}
.detail-title-fav.active{background:linear-gradient(135deg,#ff4c7a,#d52864)!important;color:#fff!important;border-color:#ff779b!important;box-shadow:0 5px 0 #8d1944,0 0 0 4px rgba(255,76,122,.10),0 12px 26px rgba(222,39,96,.24)!important}
.detail-title-fav.active:after{content:"✓";position:absolute;right:-5px;top:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#18b879;color:#fff;font-size:10px;font-weight:1000;border:2px solid var(--panel);box-shadow:0 4px 10px rgba(0,0,0,.15)}
.detail-title-fav .icon{flex:0 0 20px!important}
@media(max-width:760px){
  .detail-title-row{align-items:flex-start!important;gap:10px!important}
  .detail-title-fav{width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;flex-basis:50px!important;aspect-ratio:1/1!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important}
  .detail-title-fav span{display:none!important}
  .detail-title-fav .icon{width:21px!important;height:21px!important;margin:0!important}
  .detail-title-fav.active:after{right:-4px;top:-5px;width:18px;height:18px;font-size:9px}
}

/* Destek merkezi premium çalışma alanı */
.support-pane-head{background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 30%),radial-gradient(circle at 73% 90%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 36%),var(--panel)!important}
.support-head-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--brand) 5%,var(--panel2));min-width:190px}
.support-head-badge>i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-style:normal;box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 58%,#302871)}
.support-head-badge span{display:block}.support-head-badge small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:900}.support-head-badge b{display:block;font-size:11px;margin-top:3px}
.ticket-summary-grid.premium{gap:12px!important;margin-bottom:15px!important}
.ticket-summary-grid.premium .ticket-summary-card{position:relative;overflow:hidden;min-height:118px!important;padding:17px 18px!important;border-radius:17px!important;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 3%,var(--panel)))!important}
.ticket-summary-grid.premium .ticket-summary-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-34px;top:-38px;background:color-mix(in srgb,var(--brand) 7%,transparent)}
.ticket-summary-icon{width:48px;height:48px;border-radius:14px;display:grid!important;place-items:center!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--panel2)),color-mix(in srgb,var(--cyan) 8%,var(--panel2)));color:var(--brand)!important;border:1px solid color-mix(in srgb,var(--brand) 17%,var(--line));font-size:18px!important;font-weight:950;flex:none}
.ticket-summary-card.solved .ticket-summary-icon{color:#17ae72!important;background:color-mix(in srgb,#17ae72 9%,var(--panel2))}.ticket-summary-card.total .ticket-summary-icon{color:var(--cyan)!important;background:color-mix(in srgb,var(--cyan) 9%,var(--panel2))}
.ticket-summary-grid.premium small{display:block;font-size:8px!important;letter-spacing:.11em;font-weight:900;color:var(--muted);margin-bottom:3px}.ticket-summary-grid.premium span:not(.ticket-summary-icon){font-size:11px!important}.ticket-summary-grid.premium b{font-size:28px!important;line-height:1;margin-top:5px!important}
.premium-ticket-workspace{grid-template-columns:minmax(320px,360px) minmax(0,1fr)!important;gap:14px!important}
.ticket-list-panel,.premium-ticket-detail,.premium-ticket-new{border-radius:18px!important;border-color:color-mix(in srgb,var(--brand) 13%,var(--line))!important;box-shadow:0 14px 38px rgba(25,29,70,.055)!important}
.ticket-list-head.premium{min-height:84px!important;padding:15px 16px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel))}
.ticket-list-live{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--muted);white-space:nowrap}.ticket-list-live i{width:7px;height:7px;border-radius:50%;background:#18b879;box-shadow:0 0 0 4px rgba(24,184,121,.1)}
.ticket-item.premium{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;padding:14px 13px!important;min-height:112px!important;text-decoration:none!important}
.ticket-item.premium.active{box-shadow:inset 3px 0 0 var(--brand),0 6px 18px color-mix(in srgb,var(--brand) 7%,transparent)!important}
.ticket-item-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);border:1px solid var(--line);color:var(--brand);font-size:12px;font-weight:950}.ticket-item.active .ticket-item-icon{background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;border-color:transparent}
.ticket-item-main{min-width:0}.ticket-item-arrow{font-size:20px;color:var(--muted);transition:.16s}.ticket-item:hover .ticket-item-arrow,.ticket-item.active .ticket-item-arrow{color:var(--brand);transform:translateX(2px)}
.ticket-item.premium h4{font-size:13.5px!important;margin-bottom:4px!important}.ticket-item.premium p{font-size:10.5px!important}
.ticket-pagination.premium{padding:13px!important;gap:5px!important}.ticket-pagination.premium a{width:34px!important;height:34px!important;border-radius:10px!important}.ticket-pagination.premium .page-arrow{font-size:17px!important}.ticket-pagination.premium a.disabled{pointer-events:none;opacity:.32}
.premium-ticket-detail{min-height:610px!important;display:flex;flex-direction:column}
.ticket-detail-head.premium{padding:18px 19px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel))}
.ticket-detail-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.ticket-detail-meta span{padding:5px 8px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-size:8.5px;font-weight:800}
.ticket-thread.premium{max-height:410px!important;min-height:290px!important;padding:18px!important;gap:14px!important;flex:1;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 1.5%,var(--panel)),var(--panel))}
.ticket-thread.premium .ticket-bubble{padding:13px 14px!important;border-radius:15px!important;box-shadow:0 5px 14px rgba(20,25,60,.035)}
.ticket-thread.premium .ticket-message-avatar{width:42px!important;height:42px!important;border-radius:13px!important}
.ticket-reply.premium{padding:15px 18px 18px!important;background:var(--panel)}
.ticket-reply-label{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ticket-reply-label>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 8%,var(--panel2));color:var(--brand);font-weight:950}.ticket-reply-label b,.ticket-reply-label small{display:block}.ticket-reply-label b{font-size:11.5px}.ticket-reply-label small{font-size:9px;color:var(--muted);margin-top:2px}
.ticket-reply.premium textarea{min-height:110px!important;border-radius:13px!important;padding:12px 13px!important;font-size:12.5px!important;background:var(--panel2)!important}.ticket-reply.premium textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--glow)!important}
.ticket-closed-note{margin:14px 18px 18px;padding:12px 14px;border:1px solid color-mix(in srgb,#18b879 22%,var(--line));border-radius:12px;background:color-mix(in srgb,#18b879 6%,var(--panel));color:#159b63;font-size:10.5px;font-weight:800}
.ticket-empty-detail.premium{min-height:605px!important}.ticket-empty-detail.premium .account-kicker{margin-top:4px}.ticket-empty-list{padding:30px 18px!important}.ticket-empty-list>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg-soft);color:var(--brand);margin:0 auto 10px;font-weight:950}.ticket-empty-list p{font-size:10px;color:var(--muted);line-height:1.5;margin:5px 0 0}
.premium-ticket-new{padding:20px!important}.ticket-new-head.premium{justify-content:flex-start!important;align-items:center!important;gap:12px!important}.ticket-new-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-size:21px;font-weight:700;box-shadow:0 5px 0 color-mix(in srgb,var(--brand) 58%,#2e2670);flex:none}.premium-ticket-new .ticket-form{gap:14px!important}.premium-ticket-new .ticket-form input,.premium-ticket-new .ticket-form select,.premium-ticket-new .ticket-form textarea{background:var(--panel2)!important;border-radius:12px!important}.premium-ticket-new .ticket-form textarea{min-height:130px!important}.ticket-new-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.ticket-new-actions>span{font-size:9.5px;color:var(--muted);line-height:1.5;max-width:480px}.ticket-new-actions .form-submit{width:auto!important;min-width:210px!important}
@media(max-width:1080px){.premium-ticket-workspace{grid-template-columns:1fr!important}.premium-ticket-detail{min-height:520px!important}.ticket-empty-detail.premium{min-height:480px!important}.server-ticket-list{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.support-head-badge{width:100%}.ticket-summary-grid.premium{grid-template-columns:1fr!important}.server-ticket-list{grid-template-columns:1fr!important}.ticket-new-actions{align-items:stretch!important;flex-direction:column!important}.ticket-new-actions .form-submit{width:100%!important}.premium-ticket-new{padding:14px!important}}

/* Profil DataTables: gerçek DataTables bileşenini tema ile birleştir. */
.account-panel-card:has(.account-datatable){overflow:visible!important}
.account-panel-card .dt-container{font-family:inherit!important;color:var(--text)!important}
.account-panel-card .dt-layout-row{margin:0 0 11px!important;gap:10px!important;align-items:center!important}
.account-panel-card .dt-layout-row:last-child{margin:12px 0 0!important;padding-top:11px!important;border-top:1px solid var(--line)}
.account-panel-card .dt-search label,.account-panel-card .dt-length label{font-size:10px!important;color:var(--muted)!important;font-weight:800!important}
.account-panel-card .dt-input{height:40px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel2)!important;color:var(--text)!important;font-size:11.5px!important;outline:0!important;box-shadow:none!important}
.account-panel-card .dt-search .dt-input{min-width:240px!important;padding:0 11px!important;margin-left:7px!important}.account-panel-card .dt-length .dt-input{min-width:72px!important;margin:0 5px!important;padding:0 28px 0 9px!important}
.account-panel-card .dt-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--glow)!important}
.account-panel-card .dt-info{font-size:10px!important;color:var(--muted)!important}
.account-panel-card .dt-paging{display:flex!important;gap:5px!important}.account-panel-card .dt-paging .dt-paging-button{min-width:34px!important;height:34px!important;margin:0!important;padding:0 8px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel2)!important;color:var(--muted)!important;font-size:10px!important;font-weight:900!important;box-shadow:none!important}.account-panel-card .dt-paging .dt-paging-button.current{background:linear-gradient(135deg,var(--brand),var(--cyan))!important;border-color:transparent!important;color:#fff!important}.account-panel-card .dt-paging .dt-paging-button:hover:not(.current):not(.disabled){border-color:color-mix(in srgb,var(--brand) 35%,var(--line))!important;color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 5%,var(--panel2))!important}.account-panel-card table.dataTable>tbody>tr{background:transparent!important}.account-panel-card table.dataTable th,.account-panel-card table.dataTable td{box-sizing:border-box!important}
@media(max-width:650px){.account-panel-card .dt-layout-row{align-items:stretch!important;flex-direction:column!important}.account-panel-card .dt-layout-cell{width:100%!important}.account-panel-card .dt-search,.account-panel-card .dt-length{text-align:left!important}.account-panel-card .dt-search .dt-input{min-width:0!important;width:calc(100% - 52px)!important}.account-panel-card .dt-paging{justify-content:flex-start!important;overflow:auto!important}}

/* Dinamik footer ön yüzde daha dengeli ve logo güvenli. */
.footer-brand{min-height:44px;display:inline-flex!important;align-items:center!important;max-width:220px}
.footer-brand img{max-width:200px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
.footer-socials a{width:42px!important;height:42px!important;border-radius:13px!important}.footer-socials a span{font-size:15px!important}

/* Seçilen fontu komponent bazlı eski kurallara karşı da zorunlu uygula. */
html body,html body button,html body input,html body select,html body textarea,html body .site-header,html body footer{font-family:var(--site-font,"Inter"),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}

/* ===== Scripta v1.9.0 — profil / sticky / favori / font son rötuşlar ===== */

/* Akıllı sticky JS devredeyken native sticky ile çift hareketi engelle. */
@media(min-width:901px){
  .account-sidebar.smart-sticky-active,
  .filter-sidebar.smart-sticky-active,
  .category-sidebar.smart-sticky-active{
    position:relative!important;
    top:auto!important;
    will-change:transform;
    transition:transform .06s linear;
    z-index:12!important;
  }
  .account-console,.catalog-layout,.category-catalog-layout{overflow:visible!important;align-items:start!important}
  .account-content-section,.filter-content-section,.category-content-section,
  .account-content-section>.shell,.filter-content-section>.shell,.category-content-section>.shell{overflow:visible!important}
}

/* Mobil profil menü düğmesi gerçekten yukarı yapışır. */
@media(max-width:900px){
  .account-mobile-menu-toggle{
    position:sticky!important;
    top:70px!important;
    z-index:72!important;
    margin:0 0 18px!important;
    box-shadow:0 12px 28px rgba(4,8,25,.16)!important;
    backdrop-filter:blur(16px);
  }
  .account-mobile-menu-overlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:9999!important;
  }
  .account-mobile-menu-backdrop{position:absolute!important;inset:0!important}
  .account-mobile-menu-sheet{
    position:absolute!important;
    top:76px!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    max-height:none!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:22px!important;
    overflow:hidden!important;
    transform:translateY(-14px) scale(.985)!important;
    opacity:0;
    transition:transform .2s ease,opacity .2s ease!important;
  }
  .account-mobile-menu-overlay.show .account-mobile-menu-sheet{transform:none!important;opacity:1!important}
  .account-mobile-menu-sheet [data-account-mobile-menu-host]{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:10px!important;
    padding-bottom:20px!important;
  }
  .account-mobile-cloned-menu{padding-bottom:8px}
}

/* Ürün detay favorisi: karttaki kalp gibi; aktiflik doğrudan buton renginden anlaşılır. */
.detail-title-fav.active{
  background:linear-gradient(180deg,#ff4776,#e62b62)!important;
  color:#fff!important;
  border-color:#ff6e96!important;
  box-shadow:0 5px 0 #9c1f48,0 10px 22px rgba(230,43,98,.28)!important;
}
.detail-title-fav.active:after{content:none!important;display:none!important}
.detail-title-fav.active .icon path,
.product-favorite.active .icon path{fill:currentColor!important;stroke:currentColor!important}
.detail-title-fav:not(.active){background:var(--panel2)!important;color:var(--text)!important}
@media(max-width:760px){
  .detail-title-fav{
    width:50px!important;min-width:50px!important;max-width:50px!important;
    height:50px!important;min-height:50px!important;
    padding:0!important;aspect-ratio:1/1!important;border-radius:14px!important;
  }
  .detail-title-fav.active{box-shadow:0 5px 0 #9c1f48,0 9px 20px rgba(230,43,98,.26)!important}
}

/* Profil fotoğrafı: menü ve profil düzenleme alanı. */
.account-avatar-xl{overflow:hidden!important;padding:0!important;display:grid!important;place-items:center!important}
.account-avatar-xl img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.profile-avatar-editor{
  display:flex!important;align-items:center;gap:18px!important;
  padding:18px!important;margin:0 0 18px!important;
  border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel));
}
.profile-avatar-preview{
  width:92px;height:92px;flex:0 0 92px;border-radius:24px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));
  color:#fff;font-size:24px;font-weight:950;box-shadow:0 7px 0 color-mix(in srgb,var(--brand) 60%,#30246e),0 14px 30px var(--glow);
}
.profile-avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-avatar-copy{min-width:0;flex:1}.profile-avatar-copy>b{display:block;font-size:15px;margin:2px 0 5px}.profile-avatar-copy>small{display:block;color:var(--muted);font-size:10px;line-height:1.55;max-width:560px}
.profile-avatar-upload{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:40px!important;margin-top:11px!important;padding:0 15px!important;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line))!important;border-radius:11px!important;background:color-mix(in srgb,var(--brand) 9%,var(--panel2))!important;color:var(--brand)!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important}
.profile-avatar-upload input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px){.profile-avatar-editor{align-items:flex-start!important;gap:13px!important;padding:14px!important}.profile-avatar-preview{width:72px;height:72px;flex-basis:72px;border-radius:20px}.profile-avatar-copy>b{font-size:13px}.profile-avatar-copy>small{font-size:9px}}

/* Profildeki gerçek DataTables görünümü daha belirgin ve tek tip. */
.account-panel-card .dt-container{width:100%!important}
.account-panel-card .dt-layout-row:first-child{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:0 0 12px!important;border-bottom:1px solid var(--line)!important;margin-bottom:0!important;
}
.account-panel-card .dt-layout-row:last-child{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:13px 0 0!important;border-top:1px solid var(--line)!important;margin-top:0!important;
}
.account-panel-card .dt-search input.dt-input,
.account-panel-card .dt-length select.dt-input{
  border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important;
  border-radius:11px!important;min-height:40px!important;outline:0!important;box-shadow:none!important;
}
.account-panel-card .dt-search input.dt-input{min-width:220px!important;padding:0 12px!important}
.account-panel-card .dt-paging .dt-paging-button{
  min-width:34px!important;height:34px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel2)!important;color:var(--muted)!important;margin:0 2px!important;
}
.account-panel-card .dt-paging .dt-paging-button.current{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important;border-color:transparent!important}
.account-panel-card table.dataTable{margin:0!important;width:100%!important}
@media(max-width:650px){
  .account-panel-card .dt-layout-row:first-child,.account-panel-card .dt-layout-row:last-child{align-items:stretch!important;flex-direction:column!important}
  .account-panel-card .dt-search input.dt-input{width:100%!important;min-width:0!important}
}

/* ===== Scripta v2.0.0 — sticky / datatable / favori / mobil hesap erişimi ===== */

/* Mobil header: profil / giriş her zaman görünür. */
.mobile-account-tool{display:none!important}
@media(max-width:600px){
  .mobile-account-tool{display:grid!important;place-items:center!important;text-decoration:none!important}
  .mobile-account-tool .icon{width:18px!important;height:18px!important}
  .nav-tools{gap:6px!important}
}
@media(max-width:380px){
  .nav-tools{gap:4px!important}
  .tool{width:34px!important;height:34px!important}
}

/* Ürün detay favorisi: aktif durum karttaki pembe kalp gibi tek bakışta anlaşılır. */
.product-favorite.active{
  background:linear-gradient(180deg,#ff4a77,#e92d63)!important;
  color:#fff!important;
  border-color:#ff7899!important;
  box-shadow:0 5px 0 #9f1f49,0 10px 22px rgba(233,45,99,.24)!important;
}
.product-favorite.active .icon path{fill:currentColor!important;stroke:currentColor!important}
.detail-title-fav.active{
  width:52px!important;min-width:52px!important;max-width:52px!important;
  height:50px!important;padding:0!important;aspect-ratio:1/1!important;
  display:grid!important;place-items:center!important;
}
.detail-title-fav.active [data-favorite-label]{display:none!important}
.detail-title-fav.active .icon{width:20px!important;height:20px!important}
.detail-title-fav:not(.active){min-width:150px!important}
@media(max-width:760px){
  .detail-title-fav,.detail-title-fav:not(.active){
    width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;padding:0!important;
  }
  .detail-title-fav [data-favorite-label]{display:none!important}
}

/* Sipariş içinden ürün detayına direkt geçiş. */
.account-product-links{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.account-product-link{color:var(--text)!important;text-decoration:none!important;font-weight:850!important;display:inline-flex;align-items:center;gap:4px}
.account-product-link span{color:var(--brand);font-size:10px;transition:.16s}
.account-product-link:hover{color:var(--brand)!important}
.account-product-link:hover span{transform:translate(2px,-1px)}
.account-product-text{color:var(--text)}
.order-detail-items .account-product-link{font-size:13px!important}

/* Masaüstü sidebar sticky: JS fixed/alt sınır durumları. */
.smart-sticky-parent{position:relative!important;overflow:visible!important}
@media(min-width:901px){
  .account-sidebar.smart-sticky-fixed,
  .filter-sidebar.smart-sticky-fixed,
  .category-sidebar.smart-sticky-fixed{
    position:fixed!important;top:86px!important;bottom:auto!important;z-index:45!important;transform:none!important;
    max-height:calc(100vh - 102px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  }
  .account-sidebar.smart-sticky-bottom,
  .filter-sidebar.smart-sticky-bottom,
  .category-sidebar.smart-sticky-bottom{
    position:absolute!important;top:auto!important;bottom:0!important;left:0!important;z-index:20!important;transform:none!important;
    max-height:calc(100vh - 102px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  }
  .account-console,.catalog-layout,.category-catalog-layout{position:relative!important;overflow:visible!important;align-items:start!important}
}

/* Mobil profil menüsü: scroll boyunca header altında gerçekten sabit kalır. */
.account-mobile-sticky-marker{display:none}
@media(max-width:900px){
  .account-mobile-sticky-marker{display:block;height:0}
  .account-mobile-menu-toggle.mobile-sticky-fixed{
    position:fixed!important;top:70px!important;right:auto!important;margin:0!important;z-index:300!important;
    border-color:color-mix(in srgb,var(--brand) 42%,var(--line))!important;
    box-shadow:0 14px 36px rgba(2,7,23,.22)!important;
    backdrop-filter:blur(18px)!important;
  }
  .account-mobile-menu-overlay{overflow:hidden!important;isolation:isolate!important}
  .account-mobile-menu-sheet{
    top:72px!important;bottom:10px!important;max-height:calc(100dvh - 82px)!important;
    overflow:hidden!important;display:flex!important;flex-direction:column!important;
  }
  .account-mobile-menu-sheet [data-account-mobile-menu-host]{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding-bottom:28px!important;
  }
  .account-mobile-cloned-menu{min-height:max-content!important;padding-bottom:18px!important}
}

/* Profil tabloları: yerel DataTable görünümü. CDN olmadan da her tabloda aynı davranış. */
.scripta-datatable-card{overflow:visible!important}
.scripta-dt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;margin:0 0 0;border-bottom:1px solid var(--line)}
.scripta-dt-length{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10.5px;font-weight:800}
.scripta-dt-length select{width:76px!important;min-width:76px!important;height:40px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel2)!important;color:var(--text)!important;padding:0 28px 0 10px!important;font-size:11px!important;font-weight:850!important}
.scripta-dt-search{display:flex!important;align-items:center!important;gap:8px!important;width:min(310px,42vw)!important;height:40px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel2)!important;padding:0 11px!important;margin:0!important}
.scripta-dt-search:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--glow)!important}
.scripta-dt-search>span{color:var(--brand);font-size:15px;font-weight:900}
.scripta-dt-search input{width:100%!important;height:auto!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;padding:0!important;box-shadow:none!important;font-size:11.5px!important}
.scripta-dt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0;margin-top:0;border-top:1px solid var(--line)}
.scripta-dt-info{font-size:10px;color:var(--muted);font-weight:750}
.scripta-dt-paging{display:flex;gap:5px;align-items:center;overflow:auto}
.scripta-dt-paging button{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font-size:10px;font-weight:900;cursor:pointer}
.scripta-dt-paging button:hover:not(:disabled):not(.active){border-color:color-mix(in srgb,var(--brand) 35%,var(--line));color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--panel2))}
.scripta-dt-paging button.active{background:linear-gradient(135deg,var(--brand),var(--cyan));border-color:transparent;color:#fff;box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 58%,#30246e)}
.scripta-dt-paging button:disabled{opacity:.32;cursor:default}
.scripta-dt-sortable{cursor:pointer!important;user-select:none;white-space:nowrap}
.scripta-dt-sortmark{display:inline-block;margin-left:6px;color:color-mix(in srgb,var(--muted) 65%,transparent);font-size:9px;vertical-align:middle}
.scripta-dt-sortable.sorted .scripta-dt-sortmark{color:var(--brand)}
.account-panel-card .table-wrap{margin-top:0!important}
.account-panel-card .scripta-dt-toolbar + .table-wrap{border-top:0!important}
@media(max-width:650px){
  .scripta-dt-toolbar{align-items:stretch;flex-direction:column-reverse!important}
  .scripta-dt-search{width:100%!important}
  .scripta-dt-length{justify-content:flex-end}
  .scripta-dt-footer{align-items:flex-start;flex-direction:column}
  .scripta-dt-paging{max-width:100%}
}
.mobile-account-avatar{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}


/* ===== Scripta v2.1.0 — favori / native sticky / mobil hesap / şifre akışı ===== */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}
.site-header .nav,.site-header.scrolled .nav{height:72px!important}
body{padding-top:72px!important}

.product-favorite,.detail-title-fav,.detail-title-fav:not(.active),.detail-title-fav.active{
 width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;padding:0!important;border-radius:13px!important;
 display:grid!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--line) 86%,#fff 14%)!important;
 background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#fff 4%),color-mix(in srgb,var(--panel2) 98%,#000 2%))!important;
 color:var(--text)!important;box-shadow:0 4px 0 color-mix(in srgb,var(--line) 72%,#10162a),0 10px 18px rgba(4,8,22,.10)!important;
}
.product-favorite .favorite-heart{width:20px!important;height:20px!important;display:block}
.product-favorite .favorite-heart path{fill:transparent!important;stroke:currentColor!important;stroke-width:2.2!important}
.product-favorite.active,.detail-title-fav.active{background:linear-gradient(180deg,#ff4f7b,#ee2d63)!important;color:#fff!important;border-color:#ff789a!important;box-shadow:0 5px 0 #a81f4d,0 10px 22px rgba(238,45,99,.26)!important}
.product-favorite.active .favorite-heart path{fill:transparent!important;stroke:#fff!important}
.product-favorite:hover{transform:translateY(-1px)}

.smart-sticky-parent{position:static!important;min-height:0!important}
@media(min-width:901px){
 .account-console,.catalog-layout,.category-catalog-layout{overflow:visible!important;align-items:start!important}
 .account-content-section,.filter-content-section,.category-content-section,.account-content-section>.shell,.filter-content-section>.shell,.category-content-section>.shell{overflow:visible!important}
 .account-sidebar,.filter-sidebar,.category-sidebar,.account-sidebar.smart-sticky-fixed,.filter-sidebar.smart-sticky-fixed,.category-sidebar.smart-sticky-fixed,.account-sidebar.smart-sticky-bottom,.filter-sidebar.smart-sticky-bottom,.category-sidebar.smart-sticky-bottom{
   position:sticky!important;top:84px!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;z-index:12!important;align-self:start!important;
   max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable
 }
}
@media(max-width:900px){
 .account-mobile-sticky-marker{display:none!important}
 .account-mobile-menu-toggle,.account-mobile-menu-toggle.mobile-sticky-fixed{position:sticky!important;top:78px!important;left:auto!important;right:auto!important;width:100%!important;z-index:70!important;margin:0 0 14px!important;transform:none!important;box-shadow:0 10px 26px rgba(4,8,24,.14)!important;backdrop-filter:blur(18px)!important}
 .account-content-section>.shell{overflow:visible!important}
 .account-mobile-menu-sheet{top:82px!important;bottom:10px!important;max-height:calc(100dvh - 92px)!important}
}
.mobile-account-tool{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit}
.mobile-account-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}
.auth-link-button{appearance:none;border:0;background:transparent;color:var(--brand);padding:0;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.auth-link-button:hover{text-decoration:underline}.auth-tabs.forgot-mode{opacity:.45;pointer-events:none}
.forgot-intro{margin-bottom:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--brand) 5%,var(--panel2))}
.forgot-intro span{display:block;color:var(--brand);font-size:9px;letter-spacing:.13em;font-weight:950;margin-bottom:5px}.forgot-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.auth-inline-message{min-height:0;margin:0 0 10px;font-size:10.5px;line-height:1.5}.auth-inline-message.success{padding:9px 11px;border-radius:10px;background:rgba(27,190,125,.09);color:#1db67d}.auth-inline-message.error{padding:9px 11px;border-radius:10px;background:rgba(255,76,112,.09);color:#e44569}
.auth-back-button{width:100%;margin-top:9px;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--muted);font-weight:850;cursor:pointer}.auth-back-button:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.password-card{max-width:640px;margin:0 auto;padding:26px!important}.password-card .password-note{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.7}.password-card .auth-row{margin-top:12px}

/* ===== Scripta v2.2.0 — stable follow-sticky + favorite parity ===== */
/*
 * Native sticky was unreliable because the accumulated theme contains several
 * overflow contexts. v2.2 keeps the sidebar in normal grid flow and only
 * translates it inside its own column. This preserves column width and prevents
 * the content overlap seen with position:fixed based attempts.
 */
@media (min-width:901px){
  .account-sidebar,
  .filter-sidebar,
  .category-sidebar,
  .account-sidebar.smart-sticky-fixed,
  .filter-sidebar.smart-sticky-fixed,
  .category-sidebar.smart-sticky-fixed,
  .account-sidebar.smart-sticky-bottom,
  .filter-sidebar.smart-sticky-bottom,
  .category-sidebar.smart-sticky-bottom,
  .account-sidebar.smart-sticky-active,
  .filter-sidebar.smart-sticky-active,
  .category-sidebar.smart-sticky-active{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    align-self:start!important;
    width:auto!important;
    max-height:calc(100vh - 96px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translate3d(0,var(--scripta-sticky-y,0px),0)!important;
    z-index:24!important;
    will-change:transform;
    scrollbar-gutter:stable;
  }
  .account-console,.catalog-layout,.category-catalog-layout{
    position:relative!important;
    overflow:visible!important;
    align-items:start!important;
  }
  main>.content-section,
  .account-content-section,.filter-content-section,.category-content-section,
  .account-content-section>.shell,.filter-content-section>.shell,.category-content-section>.shell{
    overflow:visible!important;
  }
}

/* Mobile account selector follows the viewport but stays in document flow. */
@media (max-width:900px){
  .account-mobile-menu-toggle,
  .account-mobile-menu-toggle.mobile-sticky-fixed{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;
    margin:0 0 16px!important;
    transform:translate3d(0,var(--scripta-mobile-sticky-y,0px),0)!important;
    z-index:310!important;
    will-change:transform;
    background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 12px 30px rgba(3,8,24,.16)!important;
  }
  .account-content-section,.account-content-section>.shell{overflow:visible!important}
}

/* Product detail favorite is exactly the same visual state as product cards. */
.detail-title-fav.product-favorite{
  width:50px!important;min-width:50px!important;max-width:50px!important;
  height:50px!important;min-height:50px!important;
  padding:0!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#fff 4%),color-mix(in srgb,var(--panel2) 98%,#000 2%))!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--line) 86%,#fff 14%)!important;
  box-shadow:0 4px 0 color-mix(in srgb,var(--line) 72%,#10162a),0 10px 18px rgba(4,8,22,.10)!important;
}
.detail-title-fav.product-favorite.active{
  background:linear-gradient(180deg,#ff4f7b,#ee2d63)!important;
  color:#fff!important;
  border-color:#ff789a!important;
  box-shadow:0 5px 0 #a81f4d,0 10px 22px rgba(238,45,99,.26)!important;
}
.detail-title-fav.product-favorite .favorite-heart{width:20px!important;height:20px!important}
.detail-title-fav.product-favorite .favorite-heart path{fill:transparent!important;stroke:currentColor!important;stroke-width:2.2!important}
.detail-title-fav.product-favorite.active .favorite-heart path{fill:transparent!important;stroke:#fff!important}
.detail-title-fav.product-favorite.active:after{content:none!important;display:none!important}
.bank-transfer-checkout{display:grid;gap:14px;margin-top:14px;padding:18px;border:1px solid color-mix(in srgb,var(--brand) 36%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface));box-shadow:0 12px 28px rgba(5,10,28,.08)}.bank-transfer-checkout[hidden]{display:none!important}.bank-transfer-checkout-head{display:flex;gap:13px;align-items:center}.bank-transfer-checkout-head>div{display:grid;gap:4px;flex:1}.bank-transfer-checkout-head span{font-size:9px;font-weight:950;letter-spacing:.13em;color:var(--brand)}.bank-transfer-checkout-head b{font-size:15px}.bank-transfer-checkout-head small{color:var(--muted);font-size:11px;line-height:1.5}.bank-transfer-checkout-head i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--brand) 13%,var(--surface2));font-style:normal;font-size:20px}.bank-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bank-choice{position:relative;display:block;cursor:pointer}.bank-choice input{position:absolute;opacity:0;pointer-events:none}.bank-choice-main{display:grid;gap:5px;min-height:132px;padding:15px 15px 14px 45px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);transition:.17s}.bank-choice:hover .bank-choice-main{border-color:color-mix(in srgb,var(--brand) 58%,var(--line));transform:translateY(-1px)}.bank-choice input:checked~.bank-choice-main{border-color:var(--brand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--surface2)),var(--surface2));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.bank-choice-mark{position:absolute;z-index:1;left:14px;top:16px;width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:transparent;font-size:12px;font-weight:950}.bank-choice input:checked~.bank-choice-mark{background:var(--brand);border-color:var(--brand);color:#fff}.bank-choice-main b{font-size:13px}.bank-choice-main small{font-size:10px;color:var(--muted)}.bank-choice-main strong{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.03em;word-break:break-all}.bank-choice-main em{font-size:10px;color:var(--muted);font-style:normal}.bank-choice-note{margin-top:2px;padding-top:7px;border-top:1px dashed var(--line);line-height:1.4}.member-bank-summary{display:flex;gap:13px;align-items:flex-start;margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:14px;background:var(--surface2)}.member-bank-summary>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));font-size:18px}.member-bank-summary>div{display:grid;gap:4px}.member-bank-summary b{font-size:13px}.member-bank-summary small,.member-bank-summary em{color:var(--muted);font-size:10px;font-style:normal}.member-bank-summary strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.03em}@media(max-width:720px){.bank-choice-grid{grid-template-columns:1fr}.bank-transfer-checkout{padding:14px}}
.account-bank-transfer-panel{max-width:1180px;margin:0 auto 28px;padding:22px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface));box-shadow:var(--shadow2)}.account-bank-transfer-panel h3{margin:6px 0 12px}.account-bank-transfer-panel p{white-space:pre-line;line-height:1.75;color:var(--muted)}.bank-receipt-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:18px}.bank-receipt-form label{display:grid;gap:7px;font-size:12px;font-weight:800}.bank-receipt-form input{min-height:45px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:9px 11px}.bank-receipt-form small{color:var(--muted);font-size:10px}@media(max-width:760px){.bank-receipt-form{grid-template-columns:1fr}.bank-receipt-form .btn{width:100%}}

/* Havale / EFT sipariş popupı — iki temada da okunaklı bağımsız yüzeyler */
html[data-theme="light"] .bank-detail-modal{background:rgba(27,34,57,.38)!important}html[data-theme="light"] .bank-detail-modal .account-bank-transfer-panel{background:#fff!important;border-color:#d8d8ff!important;box-shadow:0 25px 70px rgba(35,37,83,.22)!important;color:#1d2032!important}html[data-theme="light"] .bank-detail-modal .member-bank-summary{background:linear-gradient(135deg,#f7f5ff,#f8fbff)!important;border-color:#d8d1ff!important;color:#1d2032!important}html[data-theme="light"] .bank-detail-modal .member-bank-summary b,html[data-theme="light"] .bank-detail-modal .member-bank-summary strong{color:#20233a!important}html[data-theme="light"] .bank-detail-modal .member-bank-summary small,html[data-theme="light"] .bank-detail-modal .member-bank-summary em{color:#68708d!important}html[data-theme="light"] .bank-detail-modal .receipt-file-control{background:#fff!important;border-color:#d6dbe9!important;color:#1e2438!important}html[data-theme="light"] .bank-detail-modal .receipt-file-control b{background:#eef0ff!important;color:#4d3cc7!important}html[data-theme="light"] .bank-detail-modal .receipt-file-control em{color:#6a728d!important}html[data-theme="light"] .bank-detail-modal .bank-receipt-form label>input{background:#fff!important;border-color:#d6dbe9!important;color:#20243a!important}html[data-theme="light"] .bank-detail-modal .bank-receipt-form label>input::placeholder{color:#8189a0!important;opacity:1}.bank-detail-modal .member-bank-summary{padding:17px!important;border-radius:16px!important}.bank-detail-modal .member-bank-summary>div{width:100%;min-width:0}.bank-detail-modal .member-bank-summary strong{margin-top:4px;word-break:break-all}.bank-detail-modal .bank-copy-actions button{transition:transform .16s,background .16s,border-color .16s}.bank-detail-modal .bank-copy-actions button:hover{transform:translateY(-1px);border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 12%,var(--surface))!important;color:var(--brand)!important}.bank-detail-modal .bank-receipt-form{padding-top:18px;border-top:1px solid var(--line)}

/* Guest checkout + checkout login CTA */
.checkout-login-hint{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface))}
.checkout-login-hint>div{display:grid;gap:3px}.checkout-login-hint b{font-size:14px}.checkout-login-hint small{font-size:11px;color:var(--muted)}.checkout-login-hint button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--brand) 48%,var(--line));border-radius:12px;padding:10px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 92%,#fff 8%),var(--brand));color:#fff;font-weight:850;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb,var(--brand) 55%,#12084b)}
.checkout-login-hint button:active{transform:translateY(2px);box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 55%,#12084b)}
.guest-order-result{padding:22px;border-radius:22px}.guest-order-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.guest-order-result-head h2{margin:5px 0 4px}.guest-order-result-head p{margin:0;color:var(--muted)}.guest-order-status{min-width:180px;display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);text-align:right}.guest-order-status small{color:var(--muted)}.guest-order-status b{color:var(--brand)}.guest-order-status strong{font-size:22px}.guest-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.guest-order-card{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.guest-order-card small{color:var(--muted)}.guest-order-card span{color:var(--muted);font-size:11px}.guest-bank-box{display:grid;gap:14px;margin-top:16px;padding:18px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface))}.guest-bank-title{display:flex;justify-content:space-between;align-items:center}.guest-bank-title span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--brand)}.guest-bank-title h3{margin:3px 0 0}.guest-bank-title i{font-style:normal;font-size:22px}.guest-bank-info{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px}.guest-bank-info>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.guest-bank-info small{color:var(--muted)}.guest-bank-iban b{word-break:break-all}.guest-bank-iban button{justify-self:start;margin-top:5px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:8px;padding:6px 9px;background:var(--surface);color:var(--text);font-size:10px;font-weight:800;cursor:pointer}.guest-receipt-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.guest-receipt-form .form-submit{margin:0;white-space:nowrap}.guest-order-items{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.guest-order-items h3{margin:0 0 10px}.guest-order-items>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-top:1px solid var(--line)}.guest-order-items>div:first-of-type{border-top:0}.guest-order-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.guest-order-actions .btn{border:0;cursor:pointer;text-decoration:none}
@media(max-width:820px){.checkout-login-hint,.guest-order-result-head{align-items:stretch;flex-direction:column}.checkout-login-hint button{width:100%}.guest-order-status{text-align:left}.guest-order-grid,.guest-bank-info,.guest-receipt-form{grid-template-columns:1fr}.guest-order-actions{flex-direction:column}.guest-order-actions .btn{width:100%;text-align:center}}
.guest-order-item-side{display:flex;align-items:center;gap:10px}.guest-order-item-side form{margin:0}.guest-download-button{border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:9px;padding:6px 9px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);font-size:10px;font-weight:850;cursor:pointer}@media(max-width:620px){.guest-order-items>div,.guest-order-item-side{align-items:flex-start;flex-direction:column}.guest-order-item-side{gap:7px}}

/* guest checkout: themed receipt picker, copy actions and approval states */
.guest-bank-copy-card button{justify-self:start;margin-top:7px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:9px;padding:7px 10px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--text);font-size:10px;font-weight:850;cursor:pointer;transition:.16s ease}.guest-bank-copy-card button:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.guest-file-picker{min-height:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:7px 10px;background:var(--surface2);color:var(--text);cursor:pointer;overflow:hidden}.guest-file-picker:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.guest-file-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.guest-file-picker b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--text);font-size:11px;font-weight:850}.guest-file-picker em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-style:normal}.guest-receipt-file-field>small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.guest-payment-state{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.guest-payment-state-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;font-size:15px;font-weight:950}.guest-payment-state>div{min-width:0;display:grid;gap:3px}.guest-payment-state strong{font-size:12px}.guest-payment-state small{color:var(--muted);font-size:10px;line-height:1.5}.guest-payment-state.is-pending{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface2)),var(--surface2))}.guest-payment-state.is-pending .guest-payment-state-icon{background:color-mix(in srgb,var(--brand) 18%,var(--surface));color:var(--brand)}.guest-payment-state.is-approved{border-color:color-mix(in srgb,#16c784 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#16c784 10%,var(--surface2)),var(--surface2))}.guest-payment-state.is-approved .guest-payment-state-icon{background:color-mix(in srgb,#16c784 18%,var(--surface));color:#16c784}.guest-payment-state.is-approved strong{color:#16c784}.guest-payment-state.is-rejected{margin-bottom:10px;border-color:color-mix(in srgb,#ff5c72 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#ff5c72 9%,var(--surface2)),var(--surface2))}.guest-payment-state.is-rejected .guest-payment-state-icon{background:color-mix(in srgb,#ff5c72 17%,var(--surface));color:#ff5c72}.guest-payment-state.is-rejected strong{color:#ff5c72}.guest-payment-pulse{margin-left:auto;flex:0 0 auto;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand);font-size:9px;font-weight:900}.guest-order-status.is-approved b{color:#16c784}.guest-order-status.is-rejected b{color:#ff5c72}.guest-order-status.is-pending b{color:var(--brand)}
@media(max-width:620px){.guest-payment-state{align-items:flex-start;flex-wrap:wrap}.guest-payment-pulse{margin-left:46px}.guest-file-picker{align-items:stretch;flex-direction:column}.guest-file-picker b{align-self:flex-start}.guest-file-picker em{white-space:normal;word-break:break-word}}

/* Ürün detay galerisi: kapak ve panelden eklenen ekran görüntülerini kırpmadan göster. */
.gallery-main{display:flex;align-items:center;justify-content:center;min-height:360px;background:var(--panel)}
.gallery-main img{width:100%;height:clamp(320px,36vw,560px);aspect-ratio:auto;object-fit:contain;object-position:center;background:color-mix(in srgb,var(--panel) 92%,transparent)}
.gallery-thumb{height:88px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;background:color-mix(in srgb,var(--panel) 92%,transparent)}
@media(max-width:700px){.gallery-main{min-height:250px}.gallery-main img{height:clamp(240px,72vw,380px)}.gallery-thumb{height:62px}}

/* v2.2.3 — lisans/domain checkout ve sipariş görünümü */
.checkout-license-card{display:grid;gap:16px}.checkout-license-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.checkout-license-head>div{display:grid;gap:5px}.checkout-license-head h3{margin:0;display:flex;align-items:center;gap:10px}.checkout-license-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.checkout-license-head>i{width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 11%,var(--surface2));color:var(--brand);font-style:normal;font-weight:900;font-size:20px}.checkout-license-products{display:grid;gap:12px}.checkout-license-product{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.checkout-license-product-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.checkout-license-product-meta>div{display:grid;gap:3px}.checkout-license-product-meta b{font-size:14px}.checkout-license-product-meta small{color:var(--muted);font-size:11px}.checkout-license-product-meta>span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.08em}.checkout-license-product .field{display:grid;gap:8px}.checkout-license-product .field>span{font-size:12px;font-weight:800}.checkout-license-product .field>span em{color:#ff627a;font-style:normal}.checkout-license-product input,.checkout-license-product textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:12px 14px;outline:none}.checkout-license-product textarea{min-height:92px;resize:vertical}.checkout-license-product input:focus,.checkout-license-product textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.checkout-license-product .field>small{color:var(--muted);font-size:10px;line-height:1.5}.checkout-license-note{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px dashed color-mix(in srgb,var(--brand) 32%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--brand) 6%,transparent)}.checkout-license-note>span{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand);font-weight:900}.checkout-license-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.checkout-license-note b{color:var(--text)}
.guest-order-item-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px}.guest-order-item-row>span:first-child{display:grid;gap:5px}.guest-license-type{width:max-content;padding:4px 7px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:999px;color:var(--brand);font-size:9px;font-weight:900}.guest-license-summary{margin:-2px 0 10px;padding:13px 14px;display:flex;gap:12px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--brand) 6%,var(--surface2))}.guest-license-summary>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand);font-weight:900}.guest-license-summary>div{min-width:0;display:grid;gap:6px;flex:1}.guest-license-summary small{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--brand)}.guest-license-summary p{margin:0;color:var(--muted);font-size:11px}.guest-license-summary.is-unlimited{border-color:color-mix(in srgb,#21c98d 34%,var(--line));background:color-mix(in srgb,#21c98d 7%,var(--surface2))}.guest-license-summary.is-unlimited>span{background:color-mix(in srgb,#21c98d 15%,transparent);color:#21c98d}.guest-license-domains{display:flex!important;gap:6px;flex-wrap:wrap}.guest-license-domains em{padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-style:normal;font-size:10px}.guest-license-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guest-license-key code{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;word-break:break-all}.guest-license-key button{border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--text);padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer}
@media(max-width:720px){.checkout-license-head{align-items:flex-start}.checkout-license-product-meta{align-items:flex-start}.guest-order-item-row{align-items:flex-start}.guest-order-item-side{align-items:flex-end}.guest-license-key{align-items:stretch}.guest-license-key code,.guest-license-key button{width:100%;box-sizing:border-box}}
.account-order-license-item>span:first-child{display:grid;gap:7px;min-width:0}.account-license-domains{display:flex;gap:6px;flex-wrap:wrap}.account-license-domains em,.download-license-domains span{display:inline-flex;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font-size:10px;font-style:normal}.account-order-license-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-order-license-key code{padding:7px 9px;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--brand) 7%,var(--surface2));font-size:10px}.account-order-license-key button{border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:8px;background:var(--surface);color:var(--text);padding:6px 9px;font-size:10px;font-weight:850;cursor:pointer}.account-license-unlimited,.account-license-wait{font-size:10px;font-style:normal;color:var(--muted)}.account-license-unlimited{color:#21c98d;font-weight:800}.license-unlimited-box{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,#21c98d 32%,var(--line));border-radius:12px;background:color-mix(in srgb,#21c98d 7%,var(--surface2))}.license-unlimited-box>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,#21c98d 15%,transparent);color:#21c98d;font-size:19px;font-weight:900}.license-unlimited-box>div{display:grid;gap:3px}.license-unlimited-box small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#21c98d}.license-unlimited-box p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.download-license-domains{display:grid;gap:7px;margin-top:12px}.download-license-domains>small{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.download-license-domains>div{display:flex;gap:6px;flex-wrap:wrap}

/* =========================================================
   Paket / Bundle sistemi
   ========================================================= */
.bundle-page-hero,.bundle-detail-breadcrumb{overflow:hidden;position:relative}.bundle-page-hero:after{content:"◆";position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(12deg);font-size:220px;line-height:1;color:color-mix(in srgb,var(--brand) 7%,transparent);pointer-events:none}.bundle-hero-kicker,.bundle-detail-kicker,.cart-bundle-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:10px;font-weight:950;letter-spacing:.12em}.bundle-hero-mini{min-width:210px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 9%,var(--panel)),var(--panel));border-radius:20px;padding:19px 22px;box-shadow:var(--shadow);display:grid;gap:2px;position:relative;z-index:1}.bundle-hero-mini b{font-size:34px;line-height:1;color:var(--brand);letter-spacing:-1.5px}.bundle-hero-mini span{font-size:12px;font-weight:900}.bundle-hero-mini small{margin-top:8px;color:var(--muted);font-size:10px}.bundle-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.bundle-list-toolbar>div{display:grid;gap:3px}.bundle-list-toolbar b{font-size:14px}.bundle-list-toolbar span{font-size:11px;color:var(--muted)}.bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bundle-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow);position:relative;transition:.2s}.bundle-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:0 22px 55px color-mix(in srgb,var(--brand) 12%,transparent)}.bundle-card.is-featured{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent),0 20px 55px color-mix(in srgb,var(--brand) 13%,transparent)}.bundle-card-media{height:220px;display:block;position:relative;padding:14px;background:linear-gradient(145deg,var(--bg-soft),var(--panel2));overflow:hidden}.bundle-card-media img{width:100%;height:100%;object-fit:contain;display:block;border-radius:13px}.bundle-card-media:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,rgba(5,8,22,.18));pointer-events:none}.bundle-card-badge,.bundle-card-discount,.bundle-item-count{position:absolute;z-index:2;display:inline-flex;align-items:center;border-radius:999px;font-weight:950}.bundle-card-badge{left:14px;top:14px;padding:7px 10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:9px;letter-spacing:.07em;box-shadow:0 8px 20px var(--glow)}.bundle-card-discount{right:14px;top:14px;padding:7px 10px;background:var(--green);color:#fff;font-size:9px}.bundle-item-count{left:14px;bottom:13px;padding:7px 10px;background:rgba(6,10,21,.78);backdrop-filter:blur(8px);color:#fff;font-size:9px}.bundle-card-body{padding:17px}.bundle-card-title{display:flex;align-items:flex-start;gap:10px}.bundle-card-title>div{min-width:0;flex:1}.bundle-card-title span{display:block;color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.12em;margin-bottom:5px}.bundle-card-title h2{font-size:18px;letter-spacing:-.55px;margin:0;line-height:1.15}.bundle-card-title h2 a:hover{color:var(--brand)}.bundle-card-title i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--orange) 12%,var(--panel2));color:var(--orange);font-style:normal}.bundle-card-body>p{color:var(--muted);font-size:11px;line-height:1.55;margin:10px 0 13px;min-height:34px}.bundle-mini-products{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.bundle-mini-products a{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:10px;padding:3px 2px}.bundle-mini-products a span{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-mini-products a small{flex:none;color:var(--muted);font-size:8px}.bundle-mini-products a:hover span{color:var(--brand)}.bundle-more-item{color:var(--brand);font-size:9px;font-weight:850;padding:4px 2px}.bundle-card-price{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}.bundle-card-price>div{display:grid;gap:3px}.bundle-card-price small{font-size:9px;color:var(--muted)}.bundle-card-price s{font-size:12px;color:var(--muted)}.bundle-card-price strong{font-size:24px;letter-spacing:-1px}.bundle-saving-line{margin-top:10px;padding:9px 11px;display:flex;justify-content:space-between;gap:10px;border-radius:10px;background:color-mix(in srgb,var(--green) 9%,var(--panel2));border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));font-size:10px}.bundle-saving-line b{color:var(--green)}.bundle-card-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:13px}.bundle-card-actions .btn{padding:0 10px;font-size:10px}.bundle-empty{display:grid;place-items:center;gap:9px;min-height:280px;text-align:center}.bundle-empty span{color:var(--muted)}
.bundle-detail-section{padding-top:22px}.bundle-detail-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:28px;align-items:start}.bundle-detail-visual{padding:14px;border-radius:22px;position:sticky;top:88px}.bundle-detail-image{height:450px;border-radius:17px;background:linear-gradient(145deg,var(--bg-soft),var(--panel2));position:relative;overflow:hidden;padding:20px}.bundle-detail-image img{width:100%;height:100%;object-fit:contain;display:block}.bundle-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 5px 2px;color:var(--muted);font-size:10px;font-weight:800}.bundle-detail-info{padding:9px 0}.bundle-detail-info h1{font-size:clamp(34px,4vw,55px);line-height:.98;letter-spacing:-2.2px;margin:10px 0 14px}.bundle-detail-lead{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.bundle-benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.bundle-benefit-row>span{min-height:96px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;display:grid;align-content:start;gap:4px}.bundle-benefit-row i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,var(--panel2));color:var(--green);font-style:normal;font-weight:950;margin-bottom:3px}.bundle-benefit-row b{font-size:11px}.bundle-benefit-row small{color:var(--muted);font-size:9px;line-height:1.4}.bundle-detail-price{display:grid;grid-template-columns:1fr 1.1fr auto;gap:16px;align-items:center;border-radius:17px;padding:16px 18px}.bundle-detail-price>div{display:grid;gap:3px}.bundle-detail-price small{color:var(--muted);font-size:9px}.bundle-detail-price s{color:var(--muted);font-size:15px}.bundle-price-main{padding-left:16px;border-left:1px solid var(--line)}.bundle-price-main strong{font-size:30px;letter-spacing:-1.4px}.bundle-price-saving{padding:9px 12px!important;border-radius:11px;background:color-mix(in srgb,var(--green) 10%,var(--panel2));border:1px solid color-mix(in srgb,var(--green) 19%,var(--line))}.bundle-price-saving span{font-size:8px;color:var(--muted)}.bundle-price-saving b{font-size:13px;color:var(--green)}.bundle-detail-actions{display:grid;grid-template-columns:1.4fr .9fr;gap:9px;margin-top:13px}.bundle-buy-button{height:50px;font-size:12px}.bundle-safe-note{display:flex;align-items:flex-start;gap:10px;padding:13px;margin-top:13px;border:1px dashed color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--brand) 5%,var(--panel))}.bundle-safe-note>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--panel2)}.bundle-safe-note div{display:grid;gap:3px}.bundle-safe-note b{font-size:10px}.bundle-safe-note small{color:var(--muted);font-size:9px;line-height:1.5}.bundle-contents{margin-top:38px;scroll-margin-top:90px}.bundle-content-list{display:grid;gap:11px}.bundle-content-item{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.bundle-content-thumb{height:112px;border-radius:11px;background:var(--bg-soft);position:relative;overflow:hidden;padding:6px}.bundle-content-thumb img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.bundle-content-thumb span{position:absolute;left:9px;top:9px;width:28px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(6,10,21,.78);color:#fff;font-size:8px;font-weight:950}.bundle-content-main{align-self:center;min-width:0}.bundle-content-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bundle-content-top>div>span{font-size:8px;color:var(--brand);font-weight:900;letter-spacing:.08em}.bundle-content-top h3{margin:4px 0 0;font-size:16px}.bundle-content-top h3 a:hover{color:var(--brand)}.bundle-content-top strong{font-size:18px;white-space:nowrap}.bundle-content-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.bundle-content-meta span{font-size:9px;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel2)}.bundle-content-meta a{margin-left:auto;color:var(--brand);font-size:9px;font-weight:900}.bundle-description{margin-top:26px;border-radius:18px;padding:22px}.bundle-description .rich-content{margin-top:12px;line-height:1.7;color:var(--muted)}
.cart-bundle-item{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel))}.cart-bundle-thumb{position:relative}.cart-bundle-thumb>span{position:absolute;left:5px;top:5px;width:21px;height:21px;border-radius:6px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:8px}.cart-bundle-kicker{font-size:7px!important;margin-bottom:2px}.cart-page-bundle{border-color:color-mix(in srgb,var(--brand) 24%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),var(--panel))}.cart-bundle-image{position:relative}.cart-bundle-image>span{position:absolute;left:7px;top:7px;border-radius:7px;background:var(--brand);color:#fff;padding:5px 7px;font-size:7px;font-weight:950}.summary-bundle-line{padding:10px;border-radius:9px;background:color-mix(in srgb,var(--brand) 6%,var(--panel2));border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));margin-bottom:6px}.summary-bundle-line>span{display:grid;gap:2px}.summary-bundle-line small{color:var(--brand);font-size:8px;font-weight:850}.cart-empty-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.order-bundle-summary{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--brand) 5%,var(--panel2))}.order-bundle-summary>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.order-bundle-summary small{color:var(--brand);font-weight:900}.order-bundle-item-tag{display:inline-flex!important;width:max-content;margin-top:4px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));color:var(--brand)!important;font-size:8px!important;font-weight:900}
@media(max-width:1100px){.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-detail-grid{grid-template-columns:1fr}.bundle-detail-visual{position:relative;top:auto}.bundle-detail-image{height:410px}}
@media(max-width:700px){.bundle-page-hero .hero-row{align-items:flex-start}.bundle-hero-mini{width:100%;min-width:0}.bundle-list-toolbar{align-items:flex-start;flex-direction:column}.bundle-grid{grid-template-columns:1fr}.bundle-card-media{height:200px}.bundle-detail-image{height:300px}.bundle-benefit-row{grid-template-columns:1fr}.bundle-detail-price{grid-template-columns:1fr 1fr}.bundle-price-saving{grid-column:1/-1}.bundle-detail-actions{grid-template-columns:1fr}.bundle-content-item{grid-template-columns:94px 1fr}.bundle-content-thumb{height:94px}.bundle-content-top{display:grid}.bundle-content-top strong{font-size:15px}.bundle-content-meta a{width:100%;margin-left:0}.bundle-visual-foot{align-items:flex-start;flex-direction:column}.bundle-card-actions{grid-template-columns:1fr}}

/* === Hizmetler modülü === */
.service-list-hero h1 span,.service-detail-copy h1 span{color:var(--brand)}
.service-catalog-section{padding-top:34px}.service-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:12px;align-items:center;margin-bottom:28px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.service-search-field{height:48px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted)}.service-search-field input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:14px}.service-category-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.service-category-filter a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:12px;font-weight:800;color:var(--muted)}.service-category-filter a.active,.service-category-filter a:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--panel));color:var(--brand)}
.service-results-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.service-results-head h2{margin:6px 0 0;font-size:25px}.service-clear-filter{color:var(--brand);font-weight:850;font-size:12px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{border:1px solid var(--line);border-radius:21px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--brand) 1.5%,var(--panel)));box-shadow:var(--shadow);overflow:hidden;min-width:0;transition:.2s;position:relative}.service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:0 20px 48px color-mix(in srgb,var(--brand) 12%,transparent)}.service-card.is-featured:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--brand),var(--cyan));z-index:3}
.service-card-media{position:relative;height:205px;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 38%),var(--panel2);overflow:hidden}.service-card-media img{width:100%;height:100%;object-fit:contain;padding:12px}.service-card-placeholder{font-size:56px;opacity:.86}.service-card-badge{position:absolute;left:14px;top:14px;padding:7px 9px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font-size:9px;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 28%,transparent)}.service-card-icon{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);backdrop-filter:blur(10px);font-size:21px}
.service-card-body{padding:19px}.service-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.service-card-meta span{font-size:9px;font-weight:950;letter-spacing:.11em;color:var(--brand);text-transform:uppercase}.service-card-meta small{font-size:10px;color:var(--muted)}.service-card h2{font-size:19px;line-height:1.2;margin:0 0 9px;letter-spacing:-.4px}.service-card h2 a:hover{color:var(--brand)}.service-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65;min-height:62px}.service-card-features{list-style:none;margin:14px 0 0;padding:13px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}.service-card-features li{display:flex;gap:8px;color:var(--muted);font-size:11.5px}.service-card-features li span{color:var(--green);font-weight:950}.service-card-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:12px}.service-card-footer>div{display:grid;gap:2px}.service-card-footer small{font-size:9px;color:var(--muted)}.service-card-footer strong{font-size:16px;color:var(--text)}.service-detail-link{font-size:11px;font-weight:900;color:var(--brand);display:inline-flex;align-items:center;gap:5px}.service-detail-link span{transition:.15s}.service-detail-link:hover span{transform:translateX(3px)}
.service-empty-state{min-height:320px;border:1px dashed var(--line);border-radius:22px;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.service-empty-state>span{font-size:40px;color:var(--brand)}.service-empty-state h3{margin:10px 0 5px}.service-empty-state p{color:var(--muted);margin:0 0 16px}
.service-detail-hero{padding-bottom:42px}.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.8fr);gap:34px;align-items:center;padding-top:18px}.service-detail-copy{padding:28px 0}.service-detail-labels{display:flex;gap:8px;align-items:center;margin-bottom:12px}.service-detail-labels span,.service-detail-labels b{padding:7px 9px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.1em}.service-detail-labels span{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}.service-detail-labels b{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}.service-detail-copy h1{font-size:48px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 16px}.service-detail-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:780px;margin:0}.service-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.service-hero-facts>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.service-hero-facts small,.service-hero-facts strong{display:block}.service-hero-facts small{font-size:9px;color:var(--muted);margin-bottom:4px}.service-hero-facts strong{font-size:13px}.service-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.service-detail-visual{min-height:410px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--brand) 15%,transparent),transparent 42%),var(--panel);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow)}.service-detail-visual img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:16px}.service-detail-placeholder{display:grid;place-items:center;gap:8px}.service-detail-placeholder span{font-size:90px}.service-detail-placeholder small{font-size:9px;font-weight:950;letter-spacing:.14em;color:var(--brand)}
.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.service-detail-content{padding:28px;border:1px solid var(--line);border-radius:22px}.service-detail-content h2{font-size:27px;margin:7px 0 20px}.service-rich-content{color:var(--muted);line-height:1.8;font-size:14px}.service-rich-content h2,.service-rich-content h3,.service-rich-content h4{color:var(--text);margin:24px 0 10px}.service-rich-content p{margin:0 0 14px}.service-rich-content ul,.service-rich-content ol{padding-left:20px}.service-detail-sidebar{display:grid;gap:14px;position:sticky;top:90px}.service-scope-card,.service-cta-card{padding:20px;border:1px solid var(--line);border-radius:20px}.service-scope-card h3{margin:6px 0 14px}.service-scope-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.service-scope-card li{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:10px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}.service-scope-card li span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 10%,var(--panel));color:var(--green);font-weight:950}.service-scope-card li b{font-size:11.5px}.service-cta-card{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 8%,var(--panel)),var(--panel))}.service-cta-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));font-size:24px;margin-bottom:12px}.service-cta-card>small{color:var(--brand);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.service-cta-card h3{font-size:20px;margin:5px 0 16px}.service-cta-price,.service-cta-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.service-cta-price span,.service-cta-row span{color:var(--muted)}.service-cta-price strong{color:var(--brand)}.service-cta-card>.btn{width:100%;margin-top:14px}.service-related-section{padding-top:30px}.service-grid-related .service-card-media{height:160px}.service-card.compact p{min-height:50px}
.home-services-section .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-filter-bar{grid-template-columns:1fr}.service-category-filter{order:3}.service-detail-hero-grid,.service-detail-layout{grid-template-columns:1fr}.service-detail-sidebar{position:static}.service-detail-visual{min-height:330px;order:-1}.service-detail-copy h1{font-size:40px}.home-services-section .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.service-grid,.home-services-section .service-grid{grid-template-columns:1fr}.service-card-media{height:190px}.service-results-head{align-items:flex-start;flex-direction:column}.service-filter-bar>.btn{width:100%}.service-category-filter{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.service-category-filter a{white-space:nowrap}.service-detail-copy h1{font-size:34px}.service-hero-facts{grid-template-columns:1fr}.service-detail-visual{min-height:260px}.service-detail-content{padding:20px}.service-detail-actions .btn{flex:1}.service-card-footer{align-items:center}}


/* ===== Hizmet Talep Formu ===== */
.service-request-section{padding:18px 0 86px;scroll-margin-top:96px}.service-request-shell{display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;align-items:stretch;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)) 0,var(--surface) 52%);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 28px 70px rgba(0,0,0,.12)}.service-request-intro{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:22px;padding:30px;background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--brand) 20%,transparent),transparent 42%),var(--surface2)}.service-request-intro:after{content:"T";position:absolute;right:-10px;bottom:-66px;font-size:220px;font-weight:900;line-height:1;color:color-mix(in srgb,var(--brand) 6%,transparent);pointer-events:none}.service-request-intro h2{font-size:clamp(30px,3.2vw,52px);line-height:1.02;letter-spacing:-2px;margin:12px 0 16px;max-width:640px}.service-request-intro h2 span{color:var(--brand)}.service-request-intro>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:610px}.service-request-points{display:grid;gap:10px;margin:27px 0}.service-request-points>div{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.service-request-points i{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-style:normal;font-size:11px;font-weight:900;letter-spacing:.8px}.service-request-points span{display:grid;gap:2px}.service-request-points b{font-size:13px}.service-request-points small{color:var(--muted);font-size:11px;line-height:1.45}.service-request-summary{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-top:24px;padding:16px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface))}.service-request-summary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--brand2),var(--brand));font-size:22px;box-shadow:0 8px 0 color-mix(in srgb,var(--brand) 32%,transparent)}.service-request-summary div{display:grid;gap:2px}.service-request-summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.service-request-summary b{font-size:14px}.service-request-summary em{font-size:11px;color:var(--brand);font-style:normal;font-weight:800}.service-request-form{border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--surface2);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.service-request-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.service-request-form-head span{display:block;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:1.5px}.service-request-form-head h3{margin:5px 0 0;font-size:21px}.service-request-form-head>b{padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));color:var(--brand);font-size:10px;text-transform:uppercase;letter-spacing:1px}.service-request-grid{display:grid;gap:14px;margin-bottom:14px}.service-request-grid.two{grid-template-columns:1fr 1fr}.service-request-form label{display:grid;gap:7px}.service-request-form label>span{font-size:11px;font-weight:800;color:var(--text2)}.service-request-form label>span b{color:#ff5d78}.service-request-form input,.service-request-form select,.service-request-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:13px 14px;min-height:48px;outline:none;transition:.18s ease}.service-request-form textarea{resize:vertical;min-height:142px;line-height:1.6}.service-request-form input:focus,.service-request-form select:focus,.service-request-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}.service-request-message{margin-top:2px}.service-request-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.service-request-submit-row>div{display:flex;align-items:center;gap:8px;color:var(--muted)}.service-request-submit-row small{font-size:10px;line-height:1.45}.service-request-submit{min-width:185px;justify-content:center}.service-request-success{display:flex;align-items:center;gap:12px;margin:-2px 0 18px;padding:13px 14px;border-radius:14px;background:rgba(27,201,139,.1);border:1px solid rgba(27,201,139,.25);color:#18c88b}.service-request-success>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(27,201,139,.14);font-weight:900}.service-request-success div{display:grid;gap:2px}.service-request-success b{font-size:12px}.service-request-success small{font-size:10px;color:var(--text2)}.service-request-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.service-secondary-contact{display:block;text-align:center;margin-top:10px;color:var(--muted);font-size:11px;font-weight:800}.service-secondary-contact:hover{color:var(--brand)}
@media(max-width:980px){.service-request-shell{grid-template-columns:1fr}.service-request-intro{padding:24px}.service-request-intro h2{font-size:38px}}
@media(max-width:640px){.service-request-section{padding-bottom:56px}.service-request-shell{padding:10px;border-radius:22px;gap:10px}.service-request-intro,.service-request-form{padding:18px;border-radius:18px}.service-request-intro h2{font-size:30px;letter-spacing:-1.2px}.service-request-grid.two{grid-template-columns:1fr}.service-request-submit-row{align-items:stretch;flex-direction:column}.service-request-submit{width:100%}.service-request-form-head h3{font-size:18px}}

/* Anasayfa modül sıralaması: panelden gelen order değerlerini gerçek sayfa akışına uygular. */
.home-module-stack{display:flex;flex-direction:column;min-width:0;width:100%}
.home-module-stack>.home-module-item{width:100%;min-width:0}

/* =========================================================
   MOBILE CART DRAWER CLOSE / SAFE AREA FIX
   ========================================================= */
@media (max-width: 768px){
  /* Mobilde sepet tam ekran olduğunda site header'ının altında kalmasın. */
  #cartDrawer.cart-drawer{
    width:100% !important;
    max-width:none !important;
    inset:0 0 0 auto !important;
    height:100dvh !important;
    z-index:1400 !important;
    border-left:0 !important;
  }

  /* Sepet başlığı ve kapatma düğmesi her telefonda görünür kalsın. */
  #cartDrawer .cart-head{
    position:relative !important;
    z-index:8 !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-height:calc(72px + env(safe-area-inset-top, 0px)) !important;
    padding:calc(12px + env(safe-area-inset-top, 0px)) 14px 12px !important;
    border-bottom:1px solid var(--line) !important;
    background:color-mix(in srgb,var(--panel) 96%,transparent) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }

  #cartDrawer .cart-head > div{
    min-width:0 !important;
    padding-right:10px !important;
  }

  #cartDrawer #cartClose{
    display:grid !important;
    place-items:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    margin-left:auto !important;
    border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line)) !important;
    border-radius:14px !important;
    background:color-mix(in srgb,var(--panel2) 94%,transparent) !important;
    color:var(--text) !important;
    font-size:21px !important;
    font-weight:500 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #cartDrawer #cartClose:active{
    transform:scale(.96) !important;
  }

  /* Başlık geldiği için içerik/footer kendi alanında kalsın. */
  #cartDrawer .cart-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  #cartDrawer .cart-footer{
    flex:0 0 auto !important;
    padding-bottom:calc(17px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* v2026.09.16 — Mobil sepet kupon input yükseklik/hiza düzeltmesi */
@media (max-width:760px){
  .cart-coupon-box{
    padding:16px!important;
    border-radius:18px!important;
  }
  .coupon-apply-form>label{
    margin-bottom:9px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .coupon-apply-form>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .coupon-apply-form input{
    display:block!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:48px!important;
    font-weight:800!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .coupon-apply-form input::placeholder{
    font-size:14px!important;
    line-height:normal!important;
    opacity:.72!important;
  }
  .coupon-apply-form button{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
}

/* Step 10 · Teknik SEO 404 -> 301 */
.tseo-redirect-inline{display:flex;align-items:center;gap:8px;min-width:320px}.tseo-redirect-inline input{min-width:190px;flex:1}.tseo-redirect-inline .btn{white-space:nowrap;padding-inline:12px}@media(max-width:760px){.tseo-redirect-inline{min-width:260px;flex-direction:column;align-items:stretch}.tseo-redirect-inline input{min-width:0}}


/* =========================================================
   Scripta v2.4.0 — FRONTEND / MOBILE REGRESSION HARDENING
   ========================================================= */
html{scrollbar-gutter:stable}
body.frontend-layer-lock,body.filter-lock{overflow:hidden!important;overscroll-behavior:none}
body.account-bank-modal-lock{overflow:hidden!important;overscroll-behavior:none}

/* Fixed header is always below interactive overlays. */
.site-header{z-index:1000!important}
#overlay.overlay{z-index:1300!important}
.mobile-nav{z-index:1320!important}
#cartDrawer.cart-drawer{z-index:1330!important}
#loginModal.modal-wrap{z-index:1340!important;padding:18px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}
#toast.toast{z-index:1500!important}
.bank-detail-modal{z-index:1370!important}

/* Login/register modal must remain usable on short phones and landscape. */
.auth-modal{max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain}
.auth-modal .modal-head{position:sticky;top:-20px;z-index:3;margin:-20px -20px 0;padding:20px 20px 12px;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.auth-modal .close{cursor:pointer;flex:0 0 38px}

/* Frontend selects: consistent arrow spacing and no clipped label. */
.select-wrap:after{right:16px!important}
.select-wrap select,.contact-form-card select{padding-right:46px!important;box-sizing:border-box}

/* Mobile product/category drawer gets its own visible close action. */
.mobile-filter-close{display:none}
@media(max-width:900px){
  .filter-sidebar,.category-sidebar{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(350px,92vw)!important;max-width:92vw!important;height:100dvh!important;
    max-height:none!important;z-index:1295!important;border-radius:0 22px 22px 0!important;
    transform:translateX(-105%)!important;transition:transform .23s ease!important;
    overflow-y:auto!important;overflow-x:hidden!important;padding-top:calc(64px + env(safe-area-inset-top,0px))!important;
    box-shadow:24px 0 70px rgba(0,0,0,.26)!important;background:var(--panel)!important;
  }
  .filter-sidebar.open,.category-sidebar.open{transform:translateX(0)!important}
  #filterOverlay{position:fixed!important;inset:0!important;z-index:1290!important;background:rgba(2,5,12,.62)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
  #filterOverlay.show{display:block!important;opacity:1;visibility:visible;pointer-events:auto}
  .mobile-filter-close{display:grid!important;place-items:center!important;position:absolute!important;right:12px!important;top:calc(12px + env(safe-area-inset-top,0px))!important;width:42px!important;height:42px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel2)!important;color:var(--text)!important;font-size:20px!important;line-height:1!important;z-index:4!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}
  .filter-sidebar .filter-head,.category-sidebar .category-sidebar-head{padding-right:48px!important}
  .mobile-filter-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:0 0 12px!important}
}

/* Mobile forms: prevent iOS focus zoom and keep controls aligned/full-width. */
@media(max-width:760px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea{
    font-size:16px!important;max-width:100%;box-sizing:border-box
  }
  .field input,.field select,.field textarea,.toolbar-input,.toolbar-select,.service-request-form input,.service-request-form select,.service-request-form textarea,.checkout-license-product input,.checkout-license-product textarea{width:100%!important;min-width:0!important}
  .select-wrap{width:100%!important;min-width:0!important;display:flex!important}
  .select-wrap select{min-width:0!important;width:100%!important;height:48px!important}
  .select-wrap:after{right:17px!important}
  .catalog-toolbar{gap:9px!important}
  .catalog-toolbar .select-wrap,.catalog-toolbar .toolbar-input{flex:1 1 100%!important}
  .auth-modal{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important;padding:18px!important}
  .auth-modal .modal-head{top:-18px;margin:-18px -18px 0;padding:18px 18px 12px}
  .modal-wrap{align-items:center!important}
  .tabs.auth-tabs{position:sticky;top:50px;z-index:2}
}

/* Cart drawer: desktop/tablet stacking + mobile safe areas. */
#cartDrawer .cart-head{flex:0 0 auto}
#cartDrawer .cart-body{min-height:0;overscroll-behavior:contain}
@media(max-width:768px){
  #cartDrawer.cart-drawer{height:100dvh!important}
  #cartDrawer .cart-footer{padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important}
}

/* Product detail/header controls should never overflow narrow widths. */
.detail-title-row{min-width:0}
.detail-title-row>div:first-child{min-width:0;flex:1}
.detail-title-row h1{overflow-wrap:anywhere}
.detail-actions,.detail-secondary-actions{min-width:0}
@media(max-width:600px){
  .detail-title-row{align-items:flex-start!important;gap:10px!important}
  .detail-panel h1{font-size:clamp(27px,8vw,34px)!important;line-height:1.08!important}
  .detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .detail-add{min-width:0!important;width:100%!important}
  .detail-secondary-actions{display:grid!important;grid-template-columns:1fr!important}
  .detail-secondary-actions>a{width:100%!important;box-sizing:border-box!important;justify-content:center!important}
}

/* Contact/blog/checkout long content never forces horizontal scrolling. */
.article-content,.article-aside,.contact-form-card,.checkout-layout>*,.guest-order-result,.account-stage{min-width:0}
.managed-rich-content img,.article-content img{max-width:100%!important;height:auto}
.managed-rich-content pre,.managed-rich-content table,.article-content pre,.article-content table{max-width:100%;overflow:auto}
.guest-bank-info b,.member-bank-summary strong,.guest-license-key code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:720px){
  .article-content{padding:17px!important}
  .article-cover{border-radius:12px!important;margin-bottom:16px!important}
  .contact-form-card{padding:18px!important}
  .checkout-form-card{padding:16px!important}
  .guest-order-result{padding:16px!important}
}

/* Account mobile selector remains under header without leaving its column. */
@media(max-width:900px){
  .account-mobile-menu-toggle,.account-mobile-menu-toggle.mobile-sticky-fixed{
    top:80px!important;max-width:100%!important;box-sizing:border-box!important
  }
  .account-mobile-menu-overlay{z-index:1360!important}
  .account-mobile-menu-sheet{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important}
}

/* Valid, matching grid/list switch controls. */
.view-switch{display:flex;align-items:center;gap:5px}
.view-switch>button,.view-switch>a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font:inherit;font-weight:900;text-decoration:none;cursor:pointer}
.view-switch>button.active,.view-switch>a.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* v2.4.1 — Bakiyem / güvenli bakiye yükleme */
.wallet-pane-head{align-items:center}.wallet-topup-open{white-space:nowrap}.wallet-hero-topup{position:relative;overflow:hidden}.wallet-hero-topup>div:first-child{min-width:0}.wallet-hero-topup-btn{margin-top:16px;border:0;border-radius:13px;padding:11px 15px;background:linear-gradient(135deg,var(--brand),var(--brand-2,#4ea7ff));color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 22%,transparent)}
.wallet-topup-history{margin-bottom:16px}.wallet-topup-range{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:900}.wallet-topup-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid var(--line);white-space:nowrap}.wallet-topup-status.status-paid{background:#19ba7b18;color:#11a56b;border-color:#19ba7b42}.wallet-topup-status.status-pending,.wallet-topup-status.status-created{background:#f4b74018;color:#b77b04;border-color:#f4b74048}.wallet-topup-status.status-failed,.wallet-topup-status.status-rejected{background:#ef506818;color:#d73d56;border-color:#ef506844}.wallet-topup-status.status-cancelled{background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted)}.wallet-topup-substatus{display:block;margin-top:5px;font-size:9px;color:var(--muted);font-weight:800}.wallet-topup-substatus.danger{color:#d73d56}
.wallet-topup-modal{position:fixed;inset:0;z-index:1900;display:none;align-items:center;justify-content:center;padding:20px}.wallet-topup-modal.show{display:flex}.wallet-topup-backdrop{position:absolute;inset:0;background:rgba(7,10,22,.68);backdrop-filter:blur(8px)}.wallet-topup-dialog{position:relative;z-index:1;width:min(840px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:26px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:24px;background:var(--surface);box-shadow:0 30px 90px rgba(6,8,18,.3)}.wallet-topup-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface2,var(--surface));color:var(--text);font-size:24px;line-height:1;cursor:pointer}.wallet-topup-dialog-head{padding-right:50px;margin-bottom:20px}.wallet-topup-dialog-head h3{margin:5px 0 6px;font-size:25px}.wallet-topup-dialog-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.wallet-topup-form{display:grid;gap:17px}.wallet-topup-amount{padding:16px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.wallet-topup-amount>label,.wallet-topup-methods>label{display:block;margin-bottom:8px;color:var(--text);font-size:11px;font-weight:900}.wallet-topup-amount>small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.wallet-amount-input{display:grid;grid-template-columns:46px 1fr;align-items:center;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:14px;background:var(--surface);overflow:hidden}.wallet-amount-input>span{height:52px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font-size:18px;font-weight:950}.wallet-amount-input input{height:52px;border:0!important;border-radius:0!important;background:transparent!important;font-size:18px!important;font-weight:900;padding:0 15px!important;color:var(--text)!important;outline:0}
.wallet-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wallet-method-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:.18s ease}.wallet-method-card:hover{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));transform:translateY(-1px)}.wallet-method-card>input{position:absolute;opacity:0;pointer-events:none}.wallet-method-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}.wallet-method-card>i{display:none;width:20px;height:20px;border-radius:50%;place-items:center;background:var(--brand);color:#fff;font-style:normal;font-size:10px;font-weight:950}.wallet-method-card:has(input:checked)>i{display:grid}.wallet-method-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:19px}.wallet-method-card span:nth-child(3){min-width:0}.wallet-method-card b,.wallet-method-card small{display:block}.wallet-method-card b{font-size:12px}.wallet-method-card small{margin-top:3px;color:var(--muted);font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-method-card.is-disabled{opacity:.45;cursor:not-allowed}.wallet-method-card.is-disabled:hover{transform:none}
.wallet-topup-section{padding:16px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--brand) 3%,var(--surface))}.wallet-topup-section[hidden]{display:none!important}.wallet-topup-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.wallet-topup-section-head>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:17px}.wallet-topup-section-head b,.wallet-topup-section-head small{display:block}.wallet-topup-section-head b{font-size:12px}.wallet-topup-section-head small{margin-top:2px;color:var(--muted);font-size:9.5px}.wallet-topup-fields{display:grid;gap:11px}.wallet-topup-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-topup-fields label{display:grid;gap:6px;font-size:10px;font-weight:900;color:var(--text)}.wallet-topup-fields label.full{grid-column:1/-1}.wallet-topup-fields input{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;outline:0}.wallet-topup-fields input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}
.wallet-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-bank-card{position:relative;display:block;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;cursor:pointer}.wallet-bank-card>input{position:absolute;opacity:0}.wallet-bank-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}.wallet-bank-check{position:absolute;right:11px;top:11px;width:20px;height:20px;border-radius:50%;display:none;place-items:center;background:var(--brand);color:#fff;font-size:10px;font-weight:950}.wallet-bank-card:has(input:checked)>.wallet-bank-check{display:grid}.wallet-bank-card b,.wallet-bank-card small,.wallet-bank-card strong,.wallet-bank-card em{display:block}.wallet-bank-card b{font-size:12px;padding-right:28px}.wallet-bank-card small{margin-top:3px;color:var(--muted);font-size:9.5px}.wallet-bank-card strong{margin-top:11px;overflow-wrap:anywhere;font-size:12px;letter-spacing:.02em}.wallet-bank-card em{margin-top:8px;color:var(--muted);font-size:9.5px;font-style:normal;line-height:1.45}.wallet-bank-card button{margin-top:10px;border:0;padding:0;background:transparent;color:var(--brand);font:inherit;font-size:9.5px;font-weight:900;cursor:pointer}.wallet-receipt-fields{margin-top:13px}.wallet-topup-file{position:relative;height:46px;display:flex!important;align-items:center;gap:9px;padding:6px;border:1px dashed color-mix(in srgb,var(--brand) 36%,var(--line));border-radius:12px;background:var(--surface);overflow:hidden}.wallet-topup-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.wallet-topup-file b{flex:none;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);font-size:9.5px}.wallet-topup-file em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-style:normal}.wallet-receipt-fields label>small{color:var(--muted);font-size:9px;font-weight:700}
.wallet-topup-terms{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));font-size:10.5px;line-height:1.55;color:var(--muted)}.wallet-topup-terms input{margin-top:2px;flex:none}.wallet-topup-actions{display:flex;justify-content:flex-end;gap:10px}.wallet-topup-empty{padding:22px;border:1px dashed var(--line);border-radius:16px;text-align:center}.wallet-topup-empty b,.wallet-topup-empty span{display:block}.wallet-topup-empty span{margin-top:5px;color:var(--muted);font-size:11px}
@media(max-width:760px){.wallet-pane-head{align-items:flex-start}.wallet-topup-open{width:100%}.wallet-hero-card.wallet-hero-topup{align-items:flex-start;padding:20px}.wallet-hero-topup .wallet-orb{width:58px;height:58px;border-radius:18px;font-size:24px}.wallet-topup-modal{padding:10px;align-items:flex-end}.wallet-topup-dialog{width:100%;max-height:92vh;border-radius:22px 22px 14px 14px;padding:19px}.wallet-topup-dialog-head h3{font-size:21px}.wallet-method-grid,.wallet-bank-grid,.wallet-topup-fields.two{grid-template-columns:1fr}.wallet-topup-fields label.full{grid-column:auto}.wallet-topup-actions{display:grid;grid-template-columns:1fr}.wallet-topup-actions .btn{width:100%;justify-content:center}.wallet-topup-actions .btn-primary{grid-row:1}.wallet-topup-history .table-wrap{overflow-x:auto}}


/* v2.4.2 — Bakiye yükleme light/dark tema ve özel onay kutusu düzeltmesi */
.wallet-topup-dialog{
  background:var(--panel)!important;
  color:var(--text);
}
.wallet-topup-close{
  background:var(--panel2)!important;
  color:var(--text)!important;
}
.wallet-topup-amount{
  background:color-mix(in srgb,var(--brand) 4%,var(--panel2))!important;
}
.wallet-amount-input,
.wallet-method-card,
.wallet-bank-card,
.wallet-topup-file,
.wallet-topup-fields input{
  background:var(--panel)!important;
  color:var(--text)!important;
}
.wallet-amount-input>span,
.wallet-method-icon,
.wallet-topup-section-head>span,
.wallet-topup-file b{
  background:color-mix(in srgb,var(--brand) 9%,var(--panel))!important;
}
.wallet-topup-section{
  background:color-mix(in srgb,var(--brand) 3%,var(--panel2))!important;
}
.wallet-topup-terms{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));
  border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--panel)),var(--panel2));
  color:var(--muted);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.wallet-topup-terms:hover{
  border-color:color-mix(in srgb,var(--brand) 42%,var(--line));
}
.wallet-topup-terms input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:20px;
  min-width:20px;
  margin:1px 0 0;
  border:1.5px solid color-mix(in srgb,var(--muted) 45%,var(--line));
  border-radius:6px;
  background:var(--panel);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.16s ease;
  box-shadow:0 2px 7px color-mix(in srgb,var(--text) 7%,transparent);
}
.wallet-topup-terms input[type="checkbox"]::after{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) scale(0);
  transform-origin:center;
  transition:transform .14s ease;
  margin-top:-2px;
}
.wallet-topup-terms input[type="checkbox"]:checked{
  border-color:var(--brand);
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent),0 5px 12px color-mix(in srgb,var(--brand) 20%,transparent);
}
.wallet-topup-terms input[type="checkbox"]:checked::after{
  transform:rotate(-45deg) scale(1);
}
.wallet-topup-terms input[type="checkbox"]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--brand) 60%,#fff);
  outline-offset:3px;
}
.wallet-topup-terms:has(input:checked){
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--panel)),var(--panel2));
}
.wallet-topup-terms span{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.58;
}
html[data-theme="dark"] .wallet-topup-dialog{
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
html[data-theme="dark"] .wallet-topup-terms{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .wallet-topup-terms input[type="checkbox"]{
  background:var(--panel2);
  border-color:color-mix(in srgb,var(--muted) 38%,var(--line));
  box-shadow:none;
}
html[data-theme="dark"] .wallet-topup-terms input[type="checkbox"]:checked{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent);
}
@media(max-width:760px){
  .wallet-topup-terms{padding:13px 14px;gap:10px}
  .wallet-topup-terms input[type="checkbox"]{width:19px;height:19px;min-width:19px}
}

/* ===== Scripta v2.4.2 — themed frontend file pickers + mobile filter hardening ===== */
.frontend-file-picker{
  position:relative;display:flex;align-items:center;gap:11px;min-height:54px;width:100%;padding:7px 9px;
  border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:13px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface2));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent);cursor:pointer;overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.frontend-file-picker:hover,.frontend-file-picker:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent)}
.frontend-file-picker input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.frontend-file-picker b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 64%,#fff 12%);border-radius:10px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;font-size:11px;font-weight:950;letter-spacing:.01em;box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 68%,#151c47),0 8px 18px color-mix(in srgb,var(--brand) 17%,transparent);cursor:pointer;white-space:nowrap}
.frontend-file-picker b span{font-size:15px;line-height:1}.frontend-file-picker em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-style:normal;font-weight:750}
.ticket-attachment-field .frontend-file-picker{margin-top:1px}.ticket-file-help,.ticket-attachment-field>small{display:block;margin-top:2px;color:var(--muted)!important;font-size:10px!important;line-height:1.55}
.account-pane input[type=file]::file-selector-button{border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--text);padding:8px 11px;font:800 11px/1 inherit;cursor:pointer}
@media(max-width:620px){.frontend-file-picker{align-items:stretch;flex-direction:column;padding:9px}.frontend-file-picker b{align-self:flex-start}.frontend-file-picker em{width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}}

body.filter-lock{overflow:hidden!important;overscroll-behavior:none!important}
@media(max-width:900px){
  .mobile-filter-btn{position:relative!important;z-index:5!important;pointer-events:auto!important;touch-action:manipulation!important}
  .filter-sidebar,.category-sidebar{pointer-events:none!important;visibility:visible!important}
  .filter-sidebar.open,.category-sidebar.open{pointer-events:auto!important;transform:translate3d(0,0,0)!important}
  #filterOverlay{display:block!important}
  #filterOverlay:not(.show){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  #filterOverlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}


/* ===== Scripta v2.4.3 — mobile product filter drawer root-stack fix ===== */
@media(max-width:900px){
  body > #filterOverlay{
    position:fixed!important;inset:0!important;z-index:2140!important;
    background:rgba(2,5,12,.62)!important;
    backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
  }
  body > .filter-sidebar.mobile-filter-portaled,
  body > .category-sidebar.mobile-filter-portaled{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:min(350px,92vw)!important;max-width:92vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;z-index:2145!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .23s ease!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    border-radius:0 22px 22px 0!important;background:var(--panel)!important;
    box-shadow:24px 0 70px rgba(0,0,0,.30)!important;
    visibility:visible!important;opacity:1!important;isolation:isolate!important;
    pointer-events:none!important;will-change:transform!important;
    padding-top:calc(64px + env(safe-area-inset-top,0px))!important;
  }
  body > .filter-sidebar.mobile-filter-portaled.open,
  body > .category-sidebar.mobile-filter-portaled.open{
    transform:translate3d(0,0,0)!important;pointer-events:auto!important;
  }
  body > .filter-sidebar.mobile-filter-portaled .mobile-filter-close,
  body > .category-sidebar.mobile-filter-portaled .mobile-filter-close{z-index:20!important}
}

/* ===== Scripta v2.4.4 — İndirmelerim / Güvenli İndir light-mode kontrast düzeltmesi ===== */
html:not([data-theme="dark"]) .account-download-actions .secure-download-button,
html[data-theme="light"] .account-download-actions .secure-download-button{
  opacity:1!important;
  visibility:visible!important;
  border:1px solid #5d42e8!important;
  background:linear-gradient(145deg,#7a5cff 0%,#6548f7 55%,#5237dd 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px rgba(20,12,70,.28)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 4px 0 #392496,
    0 9px 18px rgba(91,64,225,.20)!important;
}
html:not([data-theme="dark"]) .account-download-actions .secure-download-button:hover,
html[data-theme="light"] .account-download-actions .secure-download-button:hover{
  background:linear-gradient(145deg,#8468ff 0%,#6b4ff8 55%,#583ce2 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html:not([data-theme="dark"]) .account-download-actions .secure-download-button:active,
html[data-theme="light"] .account-download-actions .secure-download-button:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 0 #392496,0 5px 10px rgba(91,64,225,.16)!important;
}
html[data-theme="dark"] .account-download-actions .secure-download-button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}


/* v2.5.0 · Dinamik ürün özellikleri ve sürüm geçmişi */
.detail-empty-state{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px dashed color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 2.5%,var(--panel))}
.detail-empty-state b{font-size:13px;color:var(--text)}.detail-empty-state span{font-size:11px;line-height:1.6;color:var(--muted)}
.product-update-timeline{display:grid;gap:10px;margin-top:14px}
.product-update-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:relative}
.product-update-marker{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 88%,#fff),var(--brand));box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 58%,#111);color:#fff;font-weight:900}
.product-update-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}.product-update-meta b{font-size:13px;color:var(--text)}.product-update-meta time{font-size:10px;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.product-update-copy p{margin:0!important;font-size:11.5px!important;line-height:1.65!important;color:var(--muted)!important}
@media(max-width:620px){.product-update-item{grid-template-columns:36px minmax(0,1fr);padding:12px}.product-update-marker{width:36px;height:36px;border-radius:10px}}


/* ===== Scripta v2.5.1 — Popup reklam: light/dark sağlam premium görünüm ===== */
.marketing-popup-overlay{
  position:fixed!important;inset:0!important;z-index:12000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;background:rgba(8,11,24,.62)!important;
  -webkit-backdrop-filter:blur(10px) saturate(115%)!important;backdrop-filter:blur(10px) saturate(115%)!important;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease!important;
}
.marketing-popup-overlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.marketing-popup-card{
  position:relative!important;width:min(900px,calc(100vw - 36px))!important;
  max-height:calc(100vh - 36px)!important;overflow:auto!important;
  display:flex!important;flex-direction:column!important;
  border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))!important;
  border-radius:26px!important;background:var(--panel)!important;color:var(--text)!important;
  box-shadow:0 34px 110px rgba(12,14,34,.34),0 0 0 1px rgba(255,255,255,.04) inset!important;
  transform:translateY(14px) scale(.985);transition:transform .22s ease!important;
  scrollbar-width:thin;
}
.marketing-popup-overlay.show .marketing-popup-card{transform:translateY(0) scale(1)!important}
.marketing-popup-media{
  position:relative!important;flex:0 0 auto!important;width:100%!important;
  min-height:0!important;max-height:none!important;aspect-ratio:16/8.6!important;
  overflow:hidden!important;border-radius:25px 25px 0 0!important;
  background:linear-gradient(135deg,var(--panel2),color-mix(in srgb,var(--brand) 6%,var(--panel2)))!important;
  border-bottom:1px solid var(--line)!important;
}
.marketing-popup-media:after{content:"";position:absolute;inset:auto 0 0;height:18%;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 18%,transparent))}
.marketing-popup-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.marketing-popup-copy{
  position:relative!important;padding:28px 32px 30px!important;align-self:stretch!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 3.5%,var(--panel)),var(--panel))!important;
}
.marketing-popup-copy>span{
  display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:0 9px!important;
  border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line))!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--brand) 8%,var(--panel))!important;color:var(--brand)!important;
  font-size:9px!important;letter-spacing:.14em!important;font-weight:950!important;text-transform:uppercase!important;
}
.marketing-popup-copy h3{margin:10px 0 8px!important;color:var(--text)!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.marketing-popup-copy p{max-width:760px!important;margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.7!important}
.marketing-popup-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:20px!important}
.marketing-popup-actions .btn.btn-primary{
  min-height:46px!important;padding:0 18px!important;border:1px solid color-mix(in srgb,var(--brand) 65%,#31258f)!important;
  border-radius:13px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;font-weight:900!important;
  box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 52%,#241469),0 11px 24px color-mix(in srgb,var(--brand) 22%,transparent)!important;
}
.marketing-popup-actions .btn.btn-primary:hover{transform:translateY(-1px)!important;filter:brightness(1.04)!important}
.popup-never{
  min-height:42px!important;padding:0 12px!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:var(--muted)!important;font-weight:850!important;font-size:11px!important;cursor:pointer!important;
}
.popup-never:hover{background:var(--bg-soft)!important;color:var(--text)!important}
.marketing-popup-x{
  position:absolute!important;right:14px!important;top:14px!important;z-index:5!important;
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;border-radius:13px!important;
  background:rgba(12,16,30,.62)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  font-size:24px!important;line-height:1!important;cursor:pointer!important;
}
.marketing-popup-card:not(:has(.marketing-popup-media)) .marketing-popup-copy{padding-top:58px!important;border-radius:25px!important}
html[data-theme="light"] .marketing-popup-overlay{background:rgba(45,47,77,.42)!important}
html[data-theme="light"] .marketing-popup-card{background:#fff!important;border-color:#dedff2!important;box-shadow:0 34px 100px rgba(56,55,101,.23),0 0 0 1px rgba(255,255,255,.9) inset!important}
html[data-theme="light"] .marketing-popup-media{background:#f3f4fb!important;border-bottom-color:#e3e5f2!important}
html[data-theme="light"] .marketing-popup-copy{background:linear-gradient(135deg,#fbfbff,#fff)!important}
html[data-theme="light"] .marketing-popup-copy>span{background:#f1efff!important;border-color:#ddd7ff!important;color:#6247ff!important}
html[data-theme="light"] .marketing-popup-x{background:rgba(255,255,255,.94)!important;border-color:#e1e3ef!important;color:#202235!important;-webkit-text-fill-color:#202235!important;box-shadow:0 8px 24px rgba(50,53,91,.14)!important}
html[data-theme="light"] .popup-never:hover{background:#f3f4fb!important}
@media(max-width:760px){
  .marketing-popup-overlay{padding:12px!important;align-items:center!important}
  .marketing-popup-card{width:min(100%,560px)!important;max-height:calc(100dvh - 24px)!important;border-radius:21px!important}
  .marketing-popup-media{aspect-ratio:16/9!important;border-radius:20px 20px 0 0!important}
  .marketing-popup-copy{padding:22px 19px 23px!important}
  .marketing-popup-copy h3{font-size:25px!important}
  .marketing-popup-copy p{font-size:12px!important;line-height:1.62!important}
  .marketing-popup-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .marketing-popup-actions .btn.btn-primary,.popup-never{width:100%!important;justify-content:center!important}
  .marketing-popup-x{right:10px!important;top:10px!important;width:38px!important;height:38px!important;border-radius:11px!important}
}

/* v2.6.1 — Hediye Çarkı / merkezden çevirme + buton aralığı */
.gift-wheel-launcher{position:fixed;right:16px;top:52%;transform:translateY(-50%);z-index:680;display:flex;align-items:center;gap:10px;min-width:170px;padding:10px 12px 10px 10px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:18px 0 0 18px;background:color-mix(in srgb,var(--surface) 93%,transparent);color:var(--text);box-shadow:0 18px 45px rgba(35,27,94,.18),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(16px);cursor:pointer;transition:.22s ease}.gift-wheel-launcher:hover{right:20px;transform:translateY(-50%) translateY(-2px);border-color:color-mix(in srgb,var(--brand) 62%,var(--line))}.gift-wheel-launcher.has-right{box-shadow:0 18px 55px color-mix(in srgb,var(--brand) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}.gift-wheel-launcher-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:linear-gradient(145deg,var(--brand),var(--brand2));font-size:20px;box-shadow:0 5px 0 color-mix(in srgb,var(--brand) 62%,#27136d),0 12px 24px color-mix(in srgb,var(--brand) 28%,transparent)}.gift-wheel-launcher-copy{display:grid;gap:2px;text-align:left}.gift-wheel-launcher-copy b{font-size:12px;line-height:1.2}.gift-wheel-launcher-copy small{font-size:9px;color:var(--muted);font-weight:700}.gift-wheel-launcher em{position:absolute;right:-7px;top:-9px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:3px solid var(--bg);border-radius:999px;background:#ff4969;color:#fff;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(255,73,105,.3)}
html[data-theme="dark"] .gift-wheel-launcher{background:rgba(12,18,31,.9);box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}
.gift-wheel-overlay,.gift-wheel-win-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px;background:rgba(7,10,22,.68);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.gift-wheel-overlay.show,.gift-wheel-win-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.gift-wheel-modal{position:relative;width:min(1050px,100%);min-height:590px;display:grid;grid-template-columns:minmax(330px,.84fr) minmax(500px,1.16fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 97%,#fff) 0%,color-mix(in srgb,var(--surface) 93%,var(--brand) 7%) 100%);box-shadow:0 36px 90px rgba(9,8,28,.35),inset 0 1px 0 rgba(255,255,255,.45);transform:translateY(18px) scale(.985);transition:transform .26s ease}.gift-wheel-overlay.show .gift-wheel-modal{transform:none}.gift-wheel-modal:before{content:"";position:absolute;left:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,transparent);filter:blur(10px);pointer-events:none}.gift-wheel-close{position:absolute;right:18px;top:18px;z-index:8;width:46px;height:46px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--text);font-size:25px;line-height:1;cursor:pointer;box-shadow:0 7px 20px rgba(15,17,35,.1)}.gift-wheel-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:54px 42px}.gift-wheel-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:8px 11px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.12em}.gift-wheel-copy h2{margin:18px 0 9px;font-size:38px;line-height:1.05;letter-spacing:-.04em}.gift-wheel-copy>p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.7}.gift-wheel-rights{display:grid;gap:3px;padding:18px 19px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:19px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.gift-wheel-rights>span{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.gift-wheel-rights strong{font-size:21px}.gift-wheel-rights strong b{color:var(--brand);font-size:29px}.gift-wheel-rights small{color:var(--muted);font-size:10px;line-height:1.5}.gift-wheel-benefits{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.gift-wheel-benefits li{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:11px;font-weight:700;line-height:1.45}.gift-wheel-benefits i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:rgba(16,185,129,.12);color:#10b981;font-style:normal;font-size:9px}.gift-wheel-inline-result{margin-top:18px;padding:14px 15px;border:1px solid rgba(16,185,129,.25);border-radius:16px;background:rgba(16,185,129,.08)}.gift-wheel-inline-result b{display:block;color:#0ea66f;font-size:12px}.gift-wheel-inline-result span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.gift-wheel-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:62px 38px 35px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--brand) 15%,transparent) 0,transparent 53%),linear-gradient(150deg,color-mix(in srgb,var(--surface) 92%,var(--brand) 8%),color-mix(in srgb,var(--surface) 98%,transparent));border-left:1px solid var(--line)}.gift-wheel-ring{position:relative;width:min(460px,44vw);aspect-ratio:1;border-radius:50%;padding:11px;background:linear-gradient(145deg,#f7f4ff,#7b65ff 42%,#2a1b7d 100%);box-shadow:0 22px 56px color-mix(in srgb,var(--brand) 28%,transparent),inset 0 2px 0 rgba(255,255,255,.7),inset 0 -4px 10px rgba(29,17,88,.28)}.gift-wheel-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.55);pointer-events:none}.gift-wheel-disc{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--wheel-gradient);box-shadow:inset 0 0 0 5px rgba(255,255,255,.76),inset 0 0 34px rgba(13,18,52,.2);transition:transform 5.2s cubic-bezier(.12,.65,.08,1);will-change:transform}.gift-wheel-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.24),transparent 42%),radial-gradient(circle at 68% 72%,rgba(0,0,0,.12),transparent 52%);mix-blend-mode:soft-light;pointer-events:none}.gift-wheel-label{position:absolute;left:50%;top:50%;z-index:2;width:104px;display:grid;justify-items:center;gap:3px;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.42);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(var(--angle-neg));pointer-events:none}.gift-wheel-label b{font-size:18px;line-height:1}.gift-wheel-label em{display:block;max-width:104px;font-style:normal;font-size:10px;line-height:1.18;font-weight:900}.gift-wheel-center{position:absolute;left:50%;top:50%;z-index:6;display:grid;place-items:center;width:82px;height:82px;padding:0;transform:translate(-50%,-50%);border:8px solid rgba(255,255,255,.85);border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;font:inherit;font-size:28px;line-height:1;box-shadow:0 8px 22px rgba(26,19,83,.35),inset 0 2px 0 rgba(255,255,255,.35);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.gift-wheel-center:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.07);box-shadow:0 11px 28px rgba(26,19,83,.42),0 0 0 7px color-mix(in srgb,var(--brand) 13%,transparent),inset 0 2px 0 rgba(255,255,255,.4)}.gift-wheel-center:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.gift-wheel-center:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,#fff);outline-offset:4px}.gift-wheel-center:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.7}.gift-wheel-pointer{position:absolute;z-index:7;top:36px;left:50%;width:52px;height:63px;transform:translateX(-50%);filter:drop-shadow(0 7px 7px rgba(38,19,78,.25));pointer-events:none}.gift-wheel-pointer:before{content:"";position:absolute;left:5px;top:0;width:42px;height:42px;border:5px solid #fff;border-radius:15px;background:linear-gradient(145deg,#ff5d64,#cf263e)}.gift-wheel-pointer span{position:absolute;left:13px;top:28px;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:25px solid #cf263e}.gift-wheel-spin{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:9px;min-width:190px;height:55px;margin-top:24px;border:0;border-radius:17px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 0 color-mix(in srgb,var(--brand) 58%,#28106a),0 15px 32px color-mix(in srgb,var(--brand) 28%,transparent);cursor:pointer;font-weight:900;letter-spacing:.02em}.gift-wheel-spin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 0 color-mix(in srgb,var(--brand) 58%,#28106a),0 18px 35px color-mix(in srgb,var(--brand) 34%,transparent)}.gift-wheel-spin:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 58%,#28106a)}.gift-wheel-spin:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55;box-shadow:none}.gift-wheel-spin.spinning span{animation:wheelSpinGlyph .6s linear infinite}.gift-wheel-secure{margin-top:19px;color:var(--muted);font-size:9px;font-weight:700}.gift-wheel-win-overlay{z-index:1510}.gift-wheel-win-card{position:relative;width:min(480px,100%);overflow:hidden;padding:38px 34px 32px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#fff),color-mix(in srgb,var(--surface) 91%,var(--brand) 9%));box-shadow:0 38px 100px rgba(8,8,31,.42);text-align:center;transform:scale(.9) translateY(18px);transition:transform .28s cubic-bezier(.2,.9,.2,1.12)}.gift-wheel-win-overlay.show .gift-wheel-win-card{transform:none}.gift-wheel-win-card:before{content:"";position:absolute;inset:-130px auto auto 50%;width:360px;height:260px;transform:translateX(-50%);border-radius:50%;background:color-mix(in srgb,var(--brand) 16%,transparent);filter:blur(12px)}.gift-wheel-win-close{position:absolute;right:15px;top:15px;z-index:4;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:21px;cursor:pointer}.gift-wheel-win-kicker{position:relative;z-index:2;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.17em}.gift-wheel-win-icon{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;margin:20px auto 17px;border-radius:28px;background:linear-gradient(145deg,var(--brand),var(--brand2));font-size:42px;box-shadow:0 9px 0 color-mix(in srgb,var(--brand) 58%,#25115f),0 20px 38px color-mix(in srgb,var(--brand) 26%,transparent)}.gift-wheel-win-card h3{position:relative;z-index:2;margin:0;font-size:28px;letter-spacing:-.035em}.gift-wheel-win-card>p{position:relative;z-index:2;margin:10px auto 0;max-width:340px;color:var(--muted);font-size:12px;line-height:1.6}.gift-wheel-win-code{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:7px;margin:20px 0 0;padding:13px;border:1px dashed color-mix(in srgb,var(--brand) 44%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));text-align:left}.gift-wheel-win-code>span{grid-column:1/-1;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.gift-wheel-win-code code{align-self:center;color:var(--text);font-size:15px;font-weight:900;letter-spacing:.08em}.gift-wheel-win-code button{border:1px solid color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:10px;background:var(--surface);color:var(--brand);padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}.gift-wheel-win-actions{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:24px}.gift-wheel-confetti i{position:absolute;z-index:1;width:7px;height:16px;border-radius:4px;background:var(--brand);animation:wheelConfetti 1.2s ease-out both}.gift-wheel-confetti i:nth-child(1){left:10%;top:18%;transform:rotate(20deg)}.gift-wheel-confetti i:nth-child(2){left:20%;top:8%;background:#10b981;animation-delay:.1s}.gift-wheel-confetti i:nth-child(3){left:34%;top:15%;background:#f59e0b;animation-delay:.18s}.gift-wheel-confetti i:nth-child(4){right:34%;top:9%;background:#ec4899;animation-delay:.05s}.gift-wheel-confetti i:nth-child(5){right:20%;top:18%;background:#0ea5e9;animation-delay:.16s}.gift-wheel-confetti i:nth-child(6){right:10%;top:10%;background:#f97316;animation-delay:.12s}.gift-wheel-confetti i:nth-child(7){left:12%;top:46%;background:#8b5cf6;animation-delay:.24s}.gift-wheel-confetti i:nth-child(8){right:11%;top:47%;background:#22c55e;animation-delay:.22s}
html[data-theme="dark"] .gift-wheel-modal,html[data-theme="dark"] .gift-wheel-win-card{background:linear-gradient(145deg,#0d1320,#11182a);box-shadow:0 38px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme="dark"] .gift-wheel-stage{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--brand) 19%,transparent),transparent 54%),linear-gradient(150deg,#0b111e,#0a0f1a)}html[data-theme="dark"] .gift-wheel-ring{background:linear-gradient(145deg,#dcd6ff,#725cff 40%,#26165f)}
.account-wheel-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;margin-bottom:18px;padding:28px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:24px;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface) 92%,var(--brand) 8%));box-shadow:0 15px 40px rgba(33,25,92,.08)}.account-wheel-copy h3{margin:7px 0 8px;font-size:28px;letter-spacing:-.03em}.account-wheel-copy h3 strong{color:var(--brand);font-size:38px}.account-wheel-copy p{margin:0;max-width:720px;color:var(--muted);font-size:11px;line-height:1.65}.account-wheel-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.account-wheel-badges span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:800}.account-wheel-launch{display:grid;justify-items:center;gap:5px;padding:22px 16px;border:1px solid color-mix(in srgb,var(--brand) 36%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),color-mix(in srgb,var(--brand2) 13%,var(--surface)));color:var(--text);cursor:pointer;box-shadow:0 8px 0 color-mix(in srgb,var(--brand) 23%,var(--line)),0 18px 30px color-mix(in srgb,var(--brand) 12%,transparent)}.account-wheel-launch span{font-size:34px}.account-wheel-launch b{font-size:13px}.account-wheel-launch small{color:var(--muted);font-size:9px;font-weight:700}.account-wheel-launch:disabled{opacity:.55;filter:grayscale(.5);cursor:not-allowed}.wheel-history-list{display:grid;gap:9px}.wheel-history-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 97%,transparent)}.wheel-history-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--wheel-item-color) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--wheel-item-color) 34%,var(--line));font-size:20px}.wheel-history-item>div{display:grid;gap:2px}.wheel-history-item>div>b{font-size:11px}.wheel-history-item>div>small{color:var(--muted);font-size:9px}.wheel-history-item code{width:max-content;margin-top:3px;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--brand);font-size:9px;font-weight:900}.wheel-history-item>strong{padding:6px 8px;border-radius:999px;background:rgba(16,185,129,.1);color:#0ea66f;font-size:8px;white-space:nowrap}.wheel-profile-last{margin-bottom:16px;padding:15px 17px;border:1px solid rgba(16,185,129,.28);border-radius:16px;background:rgba(16,185,129,.08)}.wheel-profile-last b{display:block;color:#0ea66f}.wheel-profile-last small{color:var(--muted)}
@keyframes wheelSpinGlyph{to{transform:rotate(360deg)}}@keyframes wheelConfetti{0%{opacity:0;transform:translateY(-18px) rotate(0)}35%{opacity:1}100%{opacity:0;transform:translateY(90px) rotate(240deg)}}
@media(max-width:980px){.gift-wheel-modal{grid-template-columns:1fr;max-height:calc(100vh - 30px);overflow:auto}.gift-wheel-copy{padding:48px 28px 24px}.gift-wheel-stage{border-left:0;border-top:1px solid var(--line);padding:55px 20px 30px}.gift-wheel-ring{width:min(430px,82vw)}.gift-wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-140px) rotate(var(--angle-neg))}.gift-wheel-pointer{top:29px}.account-wheel-hero{grid-template-columns:1fr 180px}}
@media(max-width:700px){.gift-wheel-launcher{top:auto;right:12px;bottom:92px;transform:none;min-width:0;width:58px;height:58px;padding:8px;border-radius:18px}.gift-wheel-launcher:hover{right:12px;transform:translateY(-2px)}.gift-wheel-launcher-icon{width:42px;height:42px}.gift-wheel-launcher-copy{display:none}.gift-wheel-launcher em{right:-5px;top:-8px}.gift-wheel-overlay,.gift-wheel-win-overlay{padding:10px}.gift-wheel-modal{border-radius:24px;max-height:calc(100vh - 20px)}.gift-wheel-close{right:12px;top:12px;width:40px;height:40px}.gift-wheel-copy{padding:45px 20px 20px}.gift-wheel-copy h2{font-size:30px}.gift-wheel-benefits{display:none}.gift-wheel-stage{padding:50px 10px 26px}.gift-wheel-ring{width:min(350px,86vw);padding:8px}.gift-wheel-label{width:76px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-111px) rotate(var(--angle-neg))}.gift-wheel-label b{font-size:14px}.gift-wheel-label em{font-size:8px;max-width:76px}.gift-wheel-center{width:64px;height:64px;border-width:6px;font-size:22px}.gift-wheel-pointer{top:23px;transform:translateX(-50%) scale(.82)}.gift-wheel-spin{min-width:175px;height:50px}.gift-wheel-win-card{padding:34px 20px 24px;border-radius:24px}.gift-wheel-win-actions{grid-template-columns:1fr}.account-wheel-hero{grid-template-columns:1fr;padding:20px}.account-wheel-launch{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:14px 16px}.account-wheel-launch span{grid-row:1/3;font-size:28px}.account-wheel-copy h3{font-size:22px}.account-wheel-copy h3 strong{font-size:31px}.wheel-history-item{grid-template-columns:42px minmax(0,1fr)}.wheel-history-item>strong{grid-column:2;justify-self:start}.wheel-history-icon{width:40px;height:40px}}

/* v2.6.2 — Hediye Çarkı görsel düzeltmeleri */
.gift-wheel-win-code[hidden]{display:none!important}

/* Çark dönerken yazıları temiz tut; durunca dilimler döner ama metinler tekrar düz okunur. */
.gift-wheel-label{opacity:1;transition:opacity .18s ease,filter .18s ease;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(calc(var(--angle-neg) - var(--wheel-stop-rotation,0deg)))}
.gift-wheel-disc.is-spinning .gift-wheel-label{opacity:0;filter:blur(2px)}
@media(max-width:980px){.gift-wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-140px) rotate(calc(var(--angle-neg) - var(--wheel-stop-rotation,0deg)))}}
@media(max-width:700px){.gift-wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-111px) rotate(calc(var(--angle-neg) - var(--wheel-stop-rotation,0deg)))}}

/* Üst işaretçi: tek parça hissi veren, ortalanmış premium marker. */
.gift-wheel-pointer{width:50px;height:60px;top:34px;filter:drop-shadow(0 8px 9px rgba(38,19,78,.28))}
.gift-wheel-pointer:before{left:5px;top:0;width:40px;height:35px;box-sizing:border-box;border:4px solid #fff;border-radius:13px;background:linear-gradient(145deg,#ff6a70,#d82d48);box-shadow:inset 0 2px 0 rgba(255,255,255,.28)}
.gift-wheel-pointer span{left:50%;top:27px;width:0;height:0;transform:translateX(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:28px solid #fff}
.gift-wheel-pointer span:after{content:"";position:absolute;left:-10px;top:-27px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #d82d48}
@media(max-width:980px){.gift-wheel-pointer{top:27px}}
@media(max-width:700px){.gift-wheel-pointer{top:21px;transform:translateX(-50%) scale(.84)}}

/* Light tema: modal yüzeyleri ve metin kontrastı kesin olarak açık tema kullanır. */
html[data-theme="light"] .gift-wheel-overlay,html[data-theme="light"] .gift-wheel-win-overlay{background:rgba(22,24,42,.42)}
html[data-theme="light"] .gift-wheel-modal{background:linear-gradient(145deg,#ffffff 0%,#f7f6ff 100%);border-color:#dcd8f4;color:#171a2d;box-shadow:0 36px 90px rgba(42,36,92,.18),inset 0 1px 0 #fff}
html[data-theme="light"] .gift-wheel-copy h2,html[data-theme="light"] .gift-wheel-rights strong{color:#171a2d}
html[data-theme="light"] .gift-wheel-copy>p,html[data-theme="light"] .gift-wheel-rights small,html[data-theme="light"] .gift-wheel-benefits li,html[data-theme="light"] .gift-wheel-secure{color:#737b91}
html[data-theme="light"] .gift-wheel-rights,html[data-theme="light"] .gift-wheel-benefits li{background:#fff;border-color:#e3e0f3;box-shadow:0 8px 24px rgba(56,45,118,.05)}
html[data-theme="light"] .gift-wheel-stage{background:radial-gradient(circle at 50% 44%,rgba(105,83,255,.11),transparent 54%),linear-gradient(150deg,#fafaff,#f3f5ff);border-left-color:#e5e2f2}
html[data-theme="light"] .gift-wheel-close{background:#fff;color:#20243a;border-color:#ddd9ef;box-shadow:0 8px 22px rgba(34,29,75,.09)}
html[data-theme="light"] .gift-wheel-win-card{background:radial-gradient(circle at 50% -8%,rgba(105,83,255,.12),transparent 42%),linear-gradient(145deg,#ffffff,#f7f6ff);border-color:#dcd8f4;color:#171a2d;box-shadow:0 38px 100px rgba(31,27,72,.2),inset 0 1px 0 #fff}
html[data-theme="light"] .gift-wheel-win-card h3{color:#171a2d}
html[data-theme="light"] .gift-wheel-win-card>p{color:#737b91}
html[data-theme="light"] .gift-wheel-win-close{background:#fff;color:#20243a;border-color:#ddd9ef;box-shadow:0 7px 20px rgba(34,29,75,.08)}
html[data-theme="light"] .gift-wheel-win-code{background:#faf9ff;border-color:#cfc8ff}
html[data-theme="light"] .gift-wheel-win-code>span{color:#777f95}
html[data-theme="light"] .gift-wheel-win-code code{color:#20243a}
html[data-theme="light"] .gift-wheel-win-code button{background:#fff;color:#6247ff;border-color:#cfc8ff}
html[data-theme="light"] .gift-wheel-win-actions .btn-ghost{background:#fff!important;color:#20243a!important;border-color:#d9d6e8!important;box-shadow:0 4px 0 #cbc8dc,0 10px 20px rgba(28,25,61,.07)!important}

/* === Scripta v2.6.3 — Hediye Çarkı işaretçi + spin sırasında canlı/upright yazılar === */
@property --wheel-rotation {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}

/* Çark dönüşünü tek bir açı değişkeni üzerinden yürüt: dilim yazıları da aynı açıyı
   kullanarak ters yönde counter-rotate olur. Böylece dönerken kaybolmaz ve ters dönmez. */
.gift-wheel-disc{
  --wheel-rotation:0deg;
  transform:rotate(var(--wheel-rotation))!important;
  transition:--wheel-rotation 5.2s cubic-bezier(.12,.65,.08,1)!important;
}
.gift-wheel-label,
.gift-wheel-disc.is-spinning .gift-wheel-label{
  opacity:1!important;
  filter:none!important;
  transition:none!important;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(calc(var(--angle-neg) - var(--wheel-rotation)))!important;
}

/* Referanstaki gibi sade, net, tek yönlü aşağı ok. Eski kutu+üçgen marker tamamen iptal. */
.gift-wheel-pointer{
  top:27px!important;
  left:50%;
  width:44px!important;
  height:36px!important;
  transform:translateX(-50%)!important;
  filter:drop-shadow(0 7px 7px rgba(38,19,78,.30))!important;
}
.gift-wheel-pointer:before{
  content:"";
  position:absolute;
  inset:0!important;
  width:44px!important;
  height:36px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.gift-wheel-pointer:after{
  content:"";
  position:absolute;
  left:5px;
  top:4px;
  width:34px;
  height:27px;
  background:linear-gradient(180deg,#ff5964 0%,#d92d45 100%);
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.gift-wheel-pointer span{display:none!important}

@media(max-width:980px){
  .gift-wheel-label,
  .gift-wheel-disc.is-spinning .gift-wheel-label{
    transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-140px) rotate(calc(var(--angle-neg) - var(--wheel-rotation)))!important;
  }
  .gift-wheel-pointer{top:21px!important}
}
@media(max-width:700px){
  .gift-wheel-label,
  .gift-wheel-disc.is-spinning .gift-wheel-label{
    transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-111px) rotate(calc(var(--angle-neg) - var(--wheel-rotation)))!important;
  }
  .gift-wheel-pointer{top:14px!important;width:38px!important;height:31px!important}
  .gift-wheel-pointer:before{width:38px!important;height:31px!important}
  .gift-wheel-pointer:after{left:5px;top:4px;width:28px;height:23px}
}

/* ===== Scripta v2.6.5 — profil sidebar eski font boyutları + güvenli çıkış görünürlüğü ===== */
/* Masaüstünde profil menüsü kendi içinde scroll oluşturmasın. Sticky motoru tüm sidebar'ı sayfayla taşır. */
@media (min-width:901px){
  .account-sidebar,
  .account-sidebar.smart-sticky-fixed,
  .account-sidebar.smart-sticky-bottom,
  .account-sidebar.smart-sticky-active{
    max-height:none!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
    padding:11px!important;
  }
  .account-sidebar::-webkit-scrollbar{display:none!important}
  .account-profile-card{padding:7px 6px 10px!important;gap:10px!important}
  .account-avatar-xl{width:48px!important;height:48px!important;border-radius:14px!important}
  .account-profile-meta b{font-size:17px!important}
  .account-profile-meta small{font-size:12.5px!important}
  .account-loyalty-mini{margin:7px 0 8px!important;padding:7px 8px!important;grid-template-columns:33px 1fr auto!important;gap:7px!important}
  .account-loyalty-mini>span{width:33px!important;height:33px!important;border-radius:9px!important;font-size:15px!important}
  .account-loyalty-mini small{font-size:7.5px!important}
  .account-loyalty-mini b{font-size:12px!important}
  .account-loyalty-mini button{font-size:8px!important}
  .account-menu{gap:2px!important}
  .account-nav-btn{min-height:0!important;padding:6px 7px!important;grid-template-columns:32px 1fr auto!important;gap:7px!important;border-radius:10px!important}
  .account-nav-btn i{width:32px!important;height:32px!important;border-radius:9px!important;font-size:13px!important}
  .account-nav-btn b{font-size:14px!important;line-height:1.18!important}
  .account-nav-btn small{font-size:11.5px!important;line-height:1.25!important;margin-top:1px!important}
  .account-nav-btn em{font-size:11px!important}
  .account-sidebar-foot{margin-top:8px!important;padding-top:8px!important;gap:0!important}
  .account-sidebar-foot .account-logout-link{width:100%!important;min-height:46px!important;height:46px!important;margin:0!important;border-radius:12px!important;font-size:13px!important;box-sizing:border-box!important}
}

/* ===== Scripta v2.6.6 — sepet cashback kartı metin/hiza düzeltmesi ===== */
.cart-wallet-box .cart-wallet-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.cart-wallet-box .cart-wallet-head>div{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
.cart-wallet-box .cart-wallet-head span,
.cart-wallet-box .cart-wallet-head small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.cart-wallet-box .cart-wallet-head span{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:var(--muted)!important;
}
.cart-wallet-box .cart-wallet-head small{
  font-size:11px!important;
  font-weight:650!important;
  color:var(--muted)!important;
}
.cart-wallet-box .cart-wallet-head>b{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.2!important;
  margin-top:1px!important;
  color:var(--text)!important;
}
.wallet-use-form{
  margin-top:12px!important;
}
.wallet-use-form label{
  line-height:1.35!important;
  margin-bottom:9px!important;
}
.wallet-use-form>div{
  align-items:stretch!important;
}
.wallet-use-form input,
.wallet-use-form button{
  box-sizing:border-box!important;
}
.wallet-use-form button{
  white-space:nowrap!important;
}
.wallet-use-form>small{
  line-height:1.4!important;
  margin-top:9px!important;
}
@media(max-width:420px){
  .cart-wallet-box{padding:13px!important}
  .cart-wallet-box .cart-wallet-head{gap:10px!important}
  .cart-wallet-box .cart-wallet-head span{font-size:11px!important}
  .cart-wallet-box .cart-wallet-head small{font-size:10.5px!important}
  .cart-wallet-box .cart-wallet-head>b{font-size:14px!important}
  .wallet-use-form>div{gap:9px!important}
}

/* ===== Scripta v2.6.7 — profil sidebar yazı/ikon ölçeği ===== */
@media (min-width:901px){
  .account-profile-meta b{font-size:18px!important;line-height:1.18!important}
  .account-profile-meta small{font-size:13px!important}
  .account-loyalty-mini{grid-template-columns:38px 1fr auto!important;gap:9px!important;padding:8px 9px!important}
  .account-loyalty-mini>span{width:38px!important;height:38px!important;border-radius:11px!important;font-size:18px!important}
  .account-loyalty-mini small{font-size:8.5px!important}
  .account-loyalty-mini b{font-size:13px!important}
  .account-loyalty-mini button{font-size:8.5px!important}
  .account-menu{gap:3px!important}
  .account-nav-btn{padding:7px 8px!important;grid-template-columns:38px 1fr auto!important;gap:9px!important;border-radius:11px!important}
  .account-nav-btn i{width:38px!important;height:38px!important;border-radius:10px!important;font-size:16px!important}
  .account-nav-btn b{font-size:15.5px!important;line-height:1.16!important}
  .account-nav-btn small{font-size:12.5px!important;line-height:1.22!important;margin-top:2px!important}
  .account-nav-btn em{font-size:12px!important;min-width:22px!important}
  .account-sidebar-foot .account-logout-link{font-size:14px!important;min-height:48px!important;height:48px!important}
}
/* v44 Paylaş Kazan */
.referral-profile-status{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.referral-profile-status.active{color:#10b981;border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.08)}.referral-profile-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:18px;margin-bottom:18px;padding:22px;border:1px solid rgba(110,84,255,.28);border-radius:22px;background:linear-gradient(135deg,rgba(100,71,255,.08),rgba(28,159,255,.06)),var(--surface);box-shadow:var(--shadow-sm)}.referral-profile-copy h3{margin:7px 0 8px;font-size:24px}.referral-profile-copy>p{max-width:760px;color:var(--muted);line-height:1.65}.referral-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}.referral-link-box code{display:flex;align-items:center;min-height:50px;padding:0 14px;border:1px dashed rgba(111,82,255,.45);border-radius:13px;background:var(--surface2);color:var(--text);font:800 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.referral-link-box button,.referral-share-row a{border:1px solid rgba(111,82,255,.3);border-radius:12px;background:linear-gradient(135deg,#6d55ff,#8a45ff);color:#fff;font:900 12px inherit;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 rgba(60,41,166,.7);transition:.18s ease}.referral-link-box button{padding:0 17px}.referral-link-box button:active,.referral-share-row a:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(60,41,166,.7)}.referral-share-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.referral-share-row a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;background:var(--surface2);color:var(--text);box-shadow:none}.referral-share-row a:hover{border-color:#7258ff;color:#7258ff}.referral-profile-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;border:1px solid rgba(111,82,255,.25);border-radius:20px;background:radial-gradient(circle at 50% 12%,rgba(111,82,255,.22),transparent 55%),var(--surface2)}.referral-profile-reward span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.referral-profile-reward strong{margin:10px 0 2px;font-size:54px;line-height:1;color:#6e55ff}.referral-profile-reward b{font-size:18px}.referral-profile-reward small{margin-top:10px;color:var(--muted);line-height:1.5}.referral-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.referral-profile-stats article{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.referral-profile-stats span{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}.referral-profile-stats b{display:block;margin:7px 0 3px;font-size:21px}.referral-profile-stats small{color:var(--muted);font-weight:700}.referral-profile-rules{margin-bottom:18px}.referral-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.referral-rule-grid article{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.referral-rule-grid i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#6550ff,#1c9fff);color:#fff;font-style:normal;font-weight:900}.referral-rule-grid b{display:block;margin-bottom:4px}.referral-rule-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.referral-profile-note{margin:13px 0 0;padding:12px 14px;border-left:3px solid #7657ff;border-radius:8px;background:rgba(118,87,255,.07);color:var(--muted);font-size:12px;line-height:1.6}.referral-history-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:10px;font-weight:900;white-space:nowrap}.referral-history-status.is-rewarded{color:#10b981;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08)}.referral-history-status.is-registered{color:#6d5cff;border-color:rgba(109,92,255,.25);background:rgba(109,92,255,.08)}.referral-history-status.is-reversed{color:#ef4444;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.referral-history-status.is-no_reward{color:#f59e0b;border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.08)}
@media(max-width:980px){.referral-profile-hero{grid-template-columns:1fr}.referral-profile-reward{min-height:180px}.referral-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-rule-grid{grid-template-columns:1fr}}
@media(max-width:620px){.referral-profile-hero{padding:16px}.referral-link-box{grid-template-columns:1fr}.referral-link-box button{min-height:46px}.referral-profile-stats{grid-template-columns:1fr 1fr}.referral-profile-copy h3{font-size:21px}.referral-profile-reward strong{font-size:45px}.referral-share-row a{flex:1 1 calc(50% - 6px)}}



/* ===== Scripta v2.7.0 — mobil header + stabil profil sticky + kompakt hediye çarkı ===== */
/* Hediye çarkı sabit tetikleyicisi her ekranda yalnız ikon olarak kalsın. */
.gift-wheel-launcher,
.gift-wheel-launcher.has-right{
  right:14px!important;
  min-width:0!important;
  width:58px!important;
  height:58px!important;
  padding:8px!important;
  gap:0!important;
  border-radius:18px!important;
  justify-content:center!important;
  overflow:visible!important;
}
.gift-wheel-launcher:hover{
  right:14px!important;
  transform:translateY(-50%) translateY(-2px)!important;
}
.gift-wheel-launcher-copy{display:none!important}
.gift-wheel-launcher-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}
.gift-wheel-launcher em{right:-6px!important;top:-8px!important}

/* Mobil header: tema + favori + sepet + hesap + menü birlikte görünür. */
@media(max-width:600px){
  #themeToggle{display:grid!important;place-items:center!important}
  .tool.fav{display:grid!important;place-items:center!important}
  .nav-tools{gap:4px!important}
}
@media(max-width:430px){
  .site-header .theme-brand-logo{max-width:122px!important}
  .nav-tools{gap:3px!important}
  .tool{width:33px!important;height:33px!important}
  .mobile-account-tool .icon{width:17px!important;height:17px!important}
}
@media(max-width:375px){
  .site-header .theme-brand-logo{max-width:108px!important}
  .tool{width:31px!important;height:31px!important}
  .nav-tools{gap:2px!important}
}

/* Mobil profil seçici: JS transform yerine native sticky. Belge akışında yerini korur,
   alttaki kartlarla çakışmaz ve yukarı/aşağı scroll sırasında titreme yapmaz. */
@media(max-width:900px){
  .account-content-section{padding-top:20px!important}
  .account-content-section>.shell{overflow:visible!important}
  .account-mobile-menu-toggle,
  .account-mobile-menu-toggle.mobile-sticky-fixed{
    position:sticky!important;
    top:82px!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:64px!important;
    margin:0 0 24px!important;
    padding:11px 13px!important;
    z-index:320!important;
    box-sizing:border-box!important;
    background:var(--panel)!important;
    border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line))!important;
    box-shadow:0 12px 28px rgba(3,8,24,.16)!important;
    backdrop-filter:none!important;
    will-change:auto!important;
  }
  .account-mobile-menu-toggle>span{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  .account-mobile-menu-toggle b{font-size:14px!important;line-height:1.2!important}
  .account-mobile-menu-toggle small{font-size:10.5px!important;line-height:1.25!important;margin-top:3px!important}
  .account-console{position:relative!important;z-index:1!important}
  .account-stage{position:relative!important;z-index:1!important;padding-top:0!important}
}
@media(max-width:700px){
  .gift-wheel-launcher,
  .gift-wheel-launcher.has-right{
    top:auto!important;
    right:12px!important;
    bottom:86px!important;
    transform:none!important;
  }
  .gift-wheel-launcher:hover{right:12px!important;transform:translateY(-2px)!important}
}

/* ===== Scripta v2.7.1 — mobil profil menüsü gerçek fixed sticky ===== */
@media(max-width:900px){
  .account-mobile-sticky-marker{
    display:block!important;
    width:100%!important;
    height:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
  }
  .account-mobile-menu-toggle,
  .account-mobile-menu-toggle:not(.mobile-sticky-fixed){
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    transform:none!important;
    margin:0 0 24px!important;
    z-index:320!important;
  }
  .account-mobile-menu-toggle.mobile-sticky-fixed{
    position:fixed!important;
    top:var(--account-mobile-sticky-top,80px)!important;
    left:var(--account-mobile-sticky-left,12px)!important;
    right:auto!important;
    width:var(--account-mobile-sticky-width,calc(100vw - 24px))!important;
    margin:0!important;
    transform:none!important;
    z-index:980!important;
    box-shadow:0 14px 34px rgba(3,8,24,.24)!important;
  }
  html[data-theme="light"] .account-mobile-menu-toggle.mobile-sticky-fixed{
    box-shadow:0 14px 34px rgba(44,46,78,.16)!important;
  }
}


/* ===== Scripta v2.7.2 — mobil profil sticky yukarı scroll jitter fix ===== */
@media(max-width:900px){
  .account-mobile-sticky-marker{display:none!important}
  .account-mobile-sticky-slot{
    --account-mobile-slot-gap:24px;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .account-mobile-sticky-slot>.account-mobile-menu-toggle,
  .account-mobile-sticky-slot>.account-mobile-menu-toggle:not(.mobile-sticky-fixed){
    margin:0!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    transform:none!important;
  }
  .account-mobile-sticky-slot>.account-mobile-menu-toggle.mobile-sticky-fixed{
    position:fixed!important;
    top:var(--account-mobile-sticky-top,80px)!important;
    left:var(--account-mobile-sticky-left,12px)!important;
    right:auto!important;
    width:var(--account-mobile-sticky-width,calc(100vw - 24px))!important;
    margin:0!important;
    transform:none!important;
    z-index:980!important;
  }
}
@media(max-width:520px){
  .account-mobile-sticky-slot{--account-mobile-slot-gap:20px}
}


/* ===== Scripta v2.7.3 — mobil profil sticky kalıcı viewport fix ===== */
@media(max-width:900px){
  .account-mobile-sticky-slot{
    --account-mobile-slot-gap:20px;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    perspective:none!important;
  }
  .account-mobile-sticky-slot>.account-mobile-menu-toggle{
    margin:0!important;
    transform:none!important;
  }
  .account-mobile-sticky-slot>.account-mobile-menu-toggle:not(.mobile-sticky-fixed){
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    z-index:320!important;
  }
  .account-mobile-sticky-slot>.account-mobile-menu-toggle.mobile-sticky-fixed{
    position:fixed!important;
    top:var(--account-mobile-sticky-top,80px)!important;
    left:var(--account-mobile-sticky-left,12px)!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--account-mobile-sticky-width,calc(100vw - 24px))!important;
    max-width:none!important;
    margin:0!important;
    z-index:980!important;
    transform:none!important;
    box-shadow:0 14px 34px rgba(3,8,24,.24)!important;
  }
}
@media(max-width:520px){
  .account-mobile-sticky-slot{--account-mobile-slot-gap:18px}
}

/* v2.7.4 — mobil profil menüsü: çıkış aksiyonu */
@media (max-width: 980px){
  .account-mobile-cloned-foot{
    margin:10px 0 4px!important;
    padding:14px 0 2px!important;
    border-top:1px solid var(--line)!important;
    display:block!important;
  }
  .account-mobile-cloned-foot .account-logout-link{
    width:100%!important;
    min-height:52px!important;
    height:52px!important;
    border-radius:14px!important;
    font-size:14px!important;
    font-weight:900!important;
    background:linear-gradient(180deg,var(--panel),color-mix(in srgb,#ff466d 5%,var(--panel)))!important;
    border:1px solid color-mix(in srgb,#ff466d 30%,var(--line))!important;
    color:var(--text)!important;
    box-shadow:0 4px 0 color-mix(in srgb,var(--line) 72%,transparent)!important;
  }
  .account-mobile-cloned-foot .account-logout-link:hover{
    color:#ff4b72!important;
    border-color:color-mix(in srgb,#ff466d 48%,var(--line))!important;
  }
}

/* v2.7.5 - Footer gerçek sosyal medya ikonları */
.footer-socials a{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.footer-socials a span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  line-height:0!important;
}
.footer-socials .footer-social-icon{
  display:block;
  width:21px;
  height:21px;
  color:currentColor;
  fill:none;
  flex:0 0 auto;
}
.footer-socials a[data-social="instagram"]:hover{color:#d62976!important}
.footer-socials a[data-social="facebook"]:hover{color:#1877f2!important}
.footer-socials a[data-social="youtube"]:hover{color:#ff0033!important}
.footer-socials a[data-social="x"]:hover,
.footer-socials a[data-social="twitter"]:hover{color:var(--text)!important}
.footer-socials a[data-social="tiktok"]:hover{color:#25f4ee!important}
.footer-socials a[data-social="linkedin"]:hover{color:#0a66c2!important}
.footer-socials a[data-social="github"]:hover{color:var(--text)!important}
.footer-socials a[data-social="discord"]:hover{color:#5865f2!important}
.footer-socials a[data-social="telegram"]:hover{color:#229ed9!important}
.footer-socials a[data-social="whatsapp"]:hover{color:#25d366!important}
.footer-socials a[data-social="website"]:hover{color:var(--brand)!important}
html[data-theme="dark"] .footer-socials a[data-social="youtube"]{--footer-social-cut:#08101b}
html[data-theme="light"] .footer-socials a[data-social="youtube"]{--footer-social-cut:#fff}

/* v2.7.5 — teslim dosyası hazır olmayan ürün/paket satış düğmeleri */
.addcart:disabled,.detail-add:disabled,.bundle-buy-button:disabled,.bundle-card-actions .btn:disabled{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.55)!important;transform:none!important;box-shadow:none!important}

/* v2.7.6 — Domain sorgulama & satış ön yüzü (Adım 4/20) */
.domain-market-page{overflow:hidden}
.domain-hero{position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 4%,var(--bg)),var(--bg));overflow:hidden}
.domain-hero:before{content:"";position:absolute;width:680px;height:680px;right:-190px;top:-330px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 22%,transparent),transparent 68%);pointer-events:none}
.domain-hero:after{content:"";position:absolute;width:420px;height:420px;left:-230px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 14%,transparent),transparent 70%);pointer-events:none}
.domain-hero-grid{min-height:430px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center;padding:58px 0 72px;position:relative;z-index:1}
.domain-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));background:color-mix(in srgb,var(--panel) 90%,transparent);height:30px;padding:0 12px;border-radius:999px;color:var(--brand);font-size:10px;font-weight:950;letter-spacing:.12em;box-shadow:var(--shadow)}
.domain-kicker i,.domain-live-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 14%,transparent)}
.domain-hero-copy h1{font-size:clamp(43px,4.7vw,72px);line-height:.98;letter-spacing:-3.5px;margin:18px 0 16px;max-width:830px}
.domain-hero-copy h1 span{color:var(--brand)}
.domain-hero-copy p{max-width:720px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.domain-trust-row{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:23px}
.domain-trust-row span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:760}
.domain-trust-row b{width:21px;height:21px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:10px;background:color-mix(in srgb,var(--green) 6%,var(--panel))}
.domain-hero-console{position:relative;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--brand) 5%,var(--panel)));box-shadow:0 28px 80px rgba(30,23,78,.16),inset 0 1px rgba(255,255,255,.35);min-height:286px;overflow:hidden;transform:perspective(1000px) rotateY(-3deg) rotateX(1.5deg)}
html[data-theme="dark"] .domain-hero-console{box-shadow:0 30px 85px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03)}
.domain-console-top{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px;background:color-mix(in srgb,var(--panel2) 94%,transparent)}
.domain-console-top>span{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--muted) 40%,var(--line))}.domain-console-top>span:first-child{background:#ff6174}.domain-console-top>span:nth-child(2){background:#ffba3a}.domain-console-top>span:nth-child(3){background:#29c887}
.domain-console-top em{font-style:normal;margin-left:7px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em}
.domain-console-body{padding:27px 25px 30px;position:relative;min-height:238px;background-image:linear-gradient(color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px);background-size:28px 28px}
.domain-console-line{height:41px;display:grid;grid-template-columns:35px 78px 1fr;align-items:center;border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent);position:relative;z-index:2}
.domain-console-line i{font-style:normal;color:color-mix(in srgb,var(--muted) 70%,transparent);font-size:9px}.domain-console-line code{color:var(--cyan);font-size:10px;font-weight:800}.domain-console-line strong{font-size:13px}.domain-console-line strong.ok{color:var(--green)}
.domain-console-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none}.domain-console-scan span{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);box-shadow:0 0 16px var(--brand);animation:domainScan 4.8s linear infinite}
.domain-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);border-radius:50%;pointer-events:none}.orbit-one{width:160px;height:160px;right:-70px;bottom:-65px}.orbit-two{width:100px;height:100px;right:-38px;bottom:-33px}
@keyframes domainScan{0%{top:10%;opacity:0}10%{opacity:.8}85%{opacity:.45}100%{top:92%;opacity:0}}
.domain-search-section{position:relative;margin-top:-38px;z-index:4}
.domain-search-card{border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(18px);border-radius:22px;padding:23px;box-shadow:0 24px 60px rgba(27,22,75,.13)}
html[data-theme="dark"] .domain-search-card{box-shadow:0 28px 70px rgba(0,0,0,.34)}
.domain-search-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.domain-search-heading>div:first-child>span,.domain-section-title .eyebrow,.domain-how-copy>span{display:block;color:var(--brand);font-size:9px;font-weight:950;letter-spacing:.14em;margin-bottom:4px}.domain-search-heading h2{margin:0;font-size:20px;letter-spacing:-.6px}.domain-live-badge{display:flex;align-items:center;gap:9px;height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--green) 5%,var(--panel));font-size:10px;font-weight:850;color:var(--green)}
.domain-search-form{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px}.domain-search-input-wrap{height:64px;border:1px solid var(--line);border-radius:15px;background:var(--bg-soft);display:flex;align-items:center;padding:0 17px;transition:.18s}.domain-search-input-wrap:focus-within{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 10%,transparent);background:var(--panel)}
.domain-www{color:var(--muted);font-weight:900;font-size:18px;flex:none}.domain-search-input-wrap input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:19px;font-weight:850;letter-spacing:-.4px;padding:0 6px}.domain-search-input-wrap input::placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent);font-weight:700}.domain-input-clear{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;border-radius:50%}.domain-input-clear:hover{background:var(--panel);color:var(--text)}
.domain-search-submit{height:64px;border:0;border-radius:15px;padding:0 19px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;box-shadow:0 10px 0 color-mix(in srgb,var(--brand) 52%,#251071),0 18px 35px var(--glow);transform:translateY(-2px);transition:.15s}.domain-search-submit:hover{transform:translateY(-4px)}.domain-search-submit:active{transform:translateY(4px);box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 52%,#251071),0 8px 18px var(--glow)}.domain-search-submit[disabled]{opacity:.7;cursor:wait;transform:none;box-shadow:0 5px 0 color-mix(in srgb,var(--brand) 42%,#251071)}
.domain-search-icon{font-size:23px;font-weight:400}.domain-submit-arrow{margin-left:auto;font-size:17px}.domain-search-note{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;margin-top:12px}.domain-search-note button{border:0;background:none;padding:0;color:var(--brand);font-weight:900}.domain-search-note b{color:var(--text)}
.domain-result-section{padding:21px 0 0}.domain-result-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto auto;gap:17px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:17px 19px;box-shadow:var(--shadow);transition:.2s}.domain-result-card.is-available{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--green) 6%,var(--panel)),var(--panel))}.domain-result-card.is-taken{border-color:color-mix(in srgb,var(--red) 32%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--red) 5%,var(--panel)),var(--panel))}.domain-result-card.is-warning{border-color:color-mix(in srgb,var(--orange) 32%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--orange) 5%,var(--panel)),var(--panel))}.domain-result-card.is-loading{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.domain-result-state{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--bg-soft);border:1px solid var(--line);font-size:24px;font-weight:900;color:var(--brand)}.is-available .domain-result-state{color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--panel));border-color:color-mix(in srgb,var(--green) 25%,var(--line))}.is-taken .domain-result-state{color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--panel));border-color:color-mix(in srgb,var(--red) 22%,var(--line))}.is-warning .domain-result-state{color:var(--orange)}
.domain-result-copy>span{color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.12em}.domain-result-copy h2{margin:3px 0 3px;font-size:21px;letter-spacing:-.55px;word-break:break-word}.domain-result-copy p{margin:0;color:var(--muted);font-size:11px}.domain-result-price{min-width:150px;padding-left:18px;border-left:1px solid var(--line)}.domain-result-price small,.domain-result-price em{display:block;color:var(--muted);font-size:8px;font-style:normal}.domain-result-price strong{display:block;font-size:21px;letter-spacing:-.6px;margin:3px 0}.domain-result-actions{display:flex;gap:7px}.domain-cart-prep:disabled{opacity:.62;cursor:not-allowed;box-shadow:none}.domain-result-actions .btn{white-space:nowrap}
.domain-extension-section,.domain-alternative-section{padding:38px 0 5px}.domain-section-title{align-items:flex-end;justify-content:space-between;margin-bottom:16px}.domain-section-title h2{font-size:25px}.domain-section-title p{font-size:11px}.domain-price-note{color:var(--muted);font-size:9px;font-weight:800;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px}
.domain-extension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.domain-extension-card{min-height:144px;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:15px;text-align:left;color:var(--text);position:relative;box-shadow:var(--shadow);transition:.18s}.domain-extension-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 42%,var(--line));box-shadow:0 18px 45px var(--glow)}.domain-extension-card.featured{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel))}.domain-extension-badge{position:absolute;right:10px;top:10px;border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand);font-size:7px;font-weight:950;letter-spacing:.08em}.domain-extension-name strong{display:block;font-size:28px;letter-spacing:-1px;color:var(--brand)}.domain-extension-name small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.domain-extension-price{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px}.domain-extension-price span{font-size:8px;color:var(--muted)}.domain-extension-price b{font-size:15px}.domain-extension-action{display:flex;align-items:center;gap:5px;margin-top:13px;color:var(--muted);font-size:9px;font-weight:850}.domain-extension-card:hover .domain-extension-action{color:var(--brand)}.domain-extension-action i{font-style:normal}
.domain-alternative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.domain-alt-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;box-shadow:var(--shadow)}.domain-alt-card b{display:block;font-size:13px;word-break:break-word}.domain-alt-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.domain-alt-state{height:28px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:900}.domain-alt-state.available{color:var(--green);border-color:color-mix(in srgb,var(--green) 25%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--panel))}.domain-alt-state.taken{color:var(--red);border-color:color-mix(in srgb,var(--red) 22%,var(--line));background:color-mix(in srgb,var(--red) 5%,var(--panel))}.domain-alt-state.unknown{color:var(--orange)}.domain-alt-state.loading:before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--brand);animation:domainSpin .8s linear infinite}@keyframes domainSpin{to{transform:rotate(360deg)}}
.domain-how-section{padding:38px 0 43px}.domain-how-card{border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:20px;padding:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),color-mix(in srgb,var(--cyan) 4%,var(--panel)));display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.domain-how-copy h2{font-size:26px;letter-spacing:-.9px;margin:0 0 8px}.domain-how-copy p{color:var(--muted);font-size:11px;line-height:1.65;margin:0;max-width:520px}.domain-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.domain-how-steps article{min-height:116px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 93%,transparent);border-radius:14px;padding:12px}.domain-how-steps i{font-style:normal;color:var(--brand);font-size:9px;font-weight:950}.domain-how-steps b{display:block;margin:16px 0 4px;font-size:10px}.domain-how-steps span{display:block;color:var(--muted);font-size:9px;line-height:1.45}.domain-public-empty{border:1px dashed var(--line);border-radius:17px;background:var(--panel);padding:34px;text-align:center;color:var(--muted)}.domain-public-empty>div{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin:0 auto 10px;background:var(--bg-soft);color:var(--brand);font-size:26px}.domain-public-empty h3{color:var(--text);margin:0 0 6px}.domain-public-empty p{max-width:600px;margin:0 auto;font-size:11px;line-height:1.6}
@media(max-width:1120px){.domain-hero-grid{grid-template-columns:1fr 430px;gap:35px}.domain-extension-grid{grid-template-columns:repeat(3,1fr)}.domain-result-card{grid-template-columns:58px minmax(0,1fr) auto}.domain-result-actions{grid-column:2/4}.domain-how-card{grid-template-columns:1fr}.domain-how-copy{max-width:720px}}
@media(max-width:860px){.domain-hero-grid{grid-template-columns:1fr;padding-top:42px;gap:28px}.domain-hero-console{min-height:240px;transform:none}.domain-console-body{min-height:192px}.domain-search-section{margin-top:-18px}.domain-search-form{grid-template-columns:1fr}.domain-search-submit{height:56px}.domain-extension-grid{grid-template-columns:repeat(2,1fr)}.domain-alternative-grid{grid-template-columns:1fr 1fr}.domain-result-card{grid-template-columns:52px minmax(0,1fr)}.domain-result-state{width:52px;height:52px}.domain-result-price{grid-column:2;border-left:0;padding-left:0}.domain-result-actions{grid-column:2}.domain-how-steps{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:580px){.domain-hero-grid{min-height:auto;padding:30px 0 48px}.domain-hero-copy h1{font-size:40px;letter-spacing:-2.2px}.domain-hero-copy p{font-size:13px}.domain-trust-row{display:grid;gap:8px}.domain-hero-console{min-height:210px;border-radius:18px}.domain-console-top{height:41px}.domain-console-body{padding:18px 16px;min-height:169px}.domain-console-line{grid-template-columns:28px 62px 1fr;height:34px}.domain-search-card{padding:14px;border-radius:17px}.domain-search-heading{align-items:flex-start}.domain-live-badge{display:none}.domain-search-input-wrap{height:57px;padding:0 11px}.domain-www{font-size:15px}.domain-search-input-wrap input{font-size:16px;padding-left:4px}.domain-search-note{display:grid;gap:5px}.domain-result-card{padding:14px;gap:11px}.domain-result-copy h2{font-size:18px}.domain-result-price strong{font-size:18px}.domain-result-actions{display:grid;grid-template-columns:1fr;width:100%}.domain-result-actions .btn{width:100%}.domain-extension-section,.domain-alternative-section{padding-top:30px}.domain-section-title{display:block}.domain-price-note{display:inline-block;margin-top:10px}.domain-extension-grid,.domain-alternative-grid{grid-template-columns:1fr 1fr;gap:7px}.domain-extension-card{min-height:135px;padding:12px}.domain-extension-name strong{font-size:24px}.domain-extension-price{display:block}.domain-extension-price b{display:block;margin-top:3px}.domain-alt-card{grid-template-columns:1fr;padding:11px}.domain-alt-state{justify-content:center}.domain-how-section{padding-top:30px}.domain-how-card{padding:16px}.domain-how-copy h2{font-size:22px}.domain-how-steps{grid-template-columns:1fr}.domain-how-steps article{min-height:auto;display:grid;grid-template-columns:32px 1fr;gap:6px}.domain-how-steps b{margin:0 0 3px}.domain-how-steps i{grid-row:1/3}}
@media(max-width:390px){.domain-extension-grid,.domain-alternative-grid{grid-template-columns:1fr}.domain-hero-copy h1{font-size:36px}.domain-search-submit{height:54px}.domain-search-input-wrap{height:54px}}

/* v2.8.0 — Domain sepet entegrasyonu (Adım 5/20) */
.domain-year-picker{display:flex;align-items:center;gap:12px;min-width:220px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}
.domain-year-picker[hidden]{display:none!important}.domain-year-picker label{display:grid;gap:4px;min-width:102px}.domain-year-picker label span,.domain-year-picker small{font-size:8px;color:var(--muted);font-weight:800}.domain-year-picker select{height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:10px;font-weight:850;padding:0 28px 0 9px;outline:none}.domain-year-picker select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--glow)}.domain-year-picker>div{display:grid;gap:2px;margin-left:auto;text-align:right}.domain-year-picker>div b{font-size:14px}
.cart-domain-item{background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 6%,var(--panel)),var(--panel))}.cart-domain-thumb{display:grid!important;place-items:center!important;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 11%,var(--panel2)),color-mix(in srgb,var(--cyan) 9%,var(--panel2)));font-size:22px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line))}.cart-domain-thumb span{line-height:1}.cart-domain-kicker{display:block;color:var(--cyan);font-size:7px;font-weight:950;letter-spacing:.11em;margin-bottom:2px}
.cart-page-domain{border-color:color-mix(in srgb,var(--cyan) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 5%,var(--panel)),var(--panel))}.cart-domain-image{height:82px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--panel2)),color-mix(in srgb,var(--cyan) 8%,var(--panel2)));display:grid;place-items:center;align-content:center;gap:3px;color:var(--text)}.cart-domain-image span{font-size:27px}.cart-domain-image em{font-style:normal;color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.13em}.cart-domain-kicker{color:var(--brand)}.cart-domain-duration{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px}.cart-domain-duration label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:800}.cart-domain-duration select{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);padding:0 26px 0 8px;font-size:9px;font-weight:850}.cart-domain-duration small{font-size:8px;color:var(--muted)}.summary-domain-line span{display:grid}.summary-domain-line small{font-size:8px;color:var(--muted);font-weight:600}.domain-checkout-stage-note{display:grid;gap:4px;margin:11px 0 2px;padding:11px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--cyan) 6%,var(--panel));font-size:9px}.domain-checkout-stage-note b{font-size:10px}.domain-checkout-stage-note span{color:var(--muted);line-height:1.5}.summary-checkout:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:saturate(.55)}
@media(max-width:1120px){.domain-result-card{grid-template-columns:58px minmax(0,1fr) auto}.domain-year-picker{grid-column:2/4}.domain-result-actions{grid-column:2/4}}
@media(max-width:860px){.domain-year-picker{grid-column:2;min-width:0;width:100%;max-width:420px}.cart-page-domain .cart-domain-image{height:68px}}
@media(max-width:580px){.domain-year-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.domain-year-picker>div{text-align:left;margin-left:0}.cart-page-domain{grid-template-columns:74px 1fr}.cart-page-domain .cart-domain-image{height:64px}.cart-page-domain .cart-page-price{grid-column:2}.cart-domain-duration{align-items:flex-start;flex-direction:column}}

/* v2.9.0 — Hosting vitrin + karşılaştırma (Adım 9/20) */
.hosting-market-page{overflow:hidden}.hosting-hero{position:relative;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--brand) 17%,transparent),transparent 34%),radial-gradient(circle at 88% 65%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,transparent),var(--bg))}.hosting-hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(color-mix(in srgb,var(--line) 58%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 58%,transparent) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.hosting-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:64px;align-items:center;min-height:520px;padding-top:68px;padding-bottom:74px}.hosting-kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:950;letter-spacing:.18em;color:var(--brand);margin-bottom:16px}.hosting-kicker i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 14%,transparent)}.hosting-hero-copy h1{font-size:54px;line-height:.98;letter-spacing:-3.1px;margin:0 0 18px;max-width:720px}.hosting-hero-copy h1 span{background:linear-gradient(90deg,var(--brand),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hosting-hero-copy>p{max-width:670px;color:var(--muted);font-size:13px;line-height:1.75;margin:0}.hosting-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hosting-trust-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px;color:var(--muted);font-size:9px;font-weight:800}.hosting-trust-row span{display:flex;align-items:center;gap:6px}.hosting-trust-row b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--green) 10%,var(--panel));color:var(--green);border:1px solid color-mix(in srgb,var(--green) 22%,var(--line))}.hosting-hero-visual{position:relative;min-height:330px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--brand) 5%,var(--panel)));box-shadow:0 28px 65px rgba(15,20,45,.18),inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);padding:24px;overflow:hidden}.hosting-hero-visual:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-80px;bottom:-90px;background:color-mix(in srgb,var(--cyan) 16%,transparent);filter:blur(18px)}.hosting-server-stack{display:grid;gap:10px;position:relative;z-index:2}.hosting-server-card{height:58px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 9px 18px rgba(15,20,45,.09),inset 0 1px 0 color-mix(in srgb,#fff 65%,transparent);display:grid;grid-template-columns:90px 1fr auto;align-items:center;padding:0 14px;gap:10px}.hosting-server-card>span{display:flex;gap:6px}.hosting-server-card i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 45%,transparent)}.hosting-server-card b{font-size:10px;letter-spacing:.08em}.hosting-server-card em{font-style:normal;font-size:8px;font-weight:900;color:var(--green)}.hosting-speed-panel{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 90%,transparent);padding:14px 16px}.hosting-speed-panel>span{font-size:8px;font-weight:950;color:var(--muted);letter-spacing:.13em}.hosting-speed-panel>strong{float:right;font-size:11px}.hosting-speed-panel>div{height:52px;display:flex;align-items:flex-end;gap:6px;margin-top:10px}.hosting-speed-panel i{flex:1;height:var(--h);min-height:8px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--brand));opacity:.8}.hosting-visual-badge{position:absolute;z-index:3;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:8px;font-size:8px;font-weight:950;box-shadow:var(--shadow)}.hosting-visual-badge b{color:var(--green)}.badge-ssl{right:18px;top:20px;transform:translate(38%,-45%)}.badge-backup{left:16px;bottom:62px;transform:translate(-32%,0)}
.hosting-plans-section{padding:62px 0 48px}.hosting-plans-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.hosting-billing-switch{display:flex;align-items:center;padding:4px;border:1px solid var(--line);background:var(--panel);border-radius:13px;box-shadow:var(--shadow)}.hosting-billing-switch button{border:0;background:transparent;color:var(--muted);height:38px;padding:0 14px;border-radius:9px;font-size:9px;font-weight:900;cursor:pointer}.hosting-billing-switch button.active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 15px color-mix(in srgb,var(--brand) 24%,transparent)}.hosting-billing-switch button span{font-size:7px;margin-left:4px;opacity:.78}.hosting-public-note{border:1px solid color-mix(in srgb,var(--orange) 25%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--orange) 6%,var(--panel));padding:11px 13px;margin-bottom:18px;display:flex;gap:10px;align-items:center;font-size:9px}.hosting-public-note span{color:var(--muted)}.hosting-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.hosting-plan-card{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--bg-soft) 86%,var(--panel)));padding:20px;box-shadow:0 14px 32px rgba(18,24,44,.08),inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);transition:.22s transform,.22s border-color,.22s box-shadow}.hosting-plan-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:0 22px 42px rgba(18,24,44,.13),inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)}.hosting-plan-card.featured{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 22px 46px color-mix(in srgb,var(--brand) 12%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 65%,transparent)}.hosting-plan-ribbon{position:absolute;right:16px;top:-10px;border-radius:999px;padding:6px 10px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-size:7px;font-weight:950;letter-spacing:.08em;box-shadow:0 7px 16px color-mix(in srgb,var(--brand) 25%,transparent)}.hosting-plan-top{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;min-height:100px}.hosting-plan-index{width:38px;height:38px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);display:grid;place-items:center;font-size:9px;font-weight:950;color:var(--brand)}.hosting-plan-panel{display:block;color:var(--brand);font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.hosting-plan-top h3{font-size:19px;letter-spacing:-.55px;margin:0 0 5px}.hosting-plan-top p{font-size:9px;line-height:1.55;color:var(--muted);margin:0}.hosting-plan-price{position:relative;margin:15px 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px}.hosting-plan-price small{display:block;color:var(--muted);font-size:8px;font-weight:800}.hosting-plan-price strong{font-size:25px;letter-spacing:-1px;margin-top:3px;display:inline-block}.hosting-plan-price>span{font-size:9px;color:var(--muted);font-weight:800;margin-left:4px}.hosting-plan-price em{display:block;font-style:normal;color:var(--muted);font-size:8px;margin-top:4px}.hosting-save-badge{position:absolute;right:9px;top:9px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--panel));color:var(--green);padding:4px 7px;border-radius:999px;font-size:7px}.hosting-core-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:14px}.hosting-core-specs div{min-height:50px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);padding:9px}.hosting-core-specs span{display:block;color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.hosting-core-specs b{display:block;font-size:10px;margin-top:3px}.hosting-plan-features{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-height:170px}.hosting-plan-features li{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:center;font-size:9px}.hosting-plan-features i{font-style:normal;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 9%,var(--panel));color:var(--green);font-size:8px;font-weight:950}.hosting-plan-features li.muted{color:var(--muted)}.hosting-plan-features li.muted i{color:var(--muted);background:var(--bg-soft)}.hosting-plan-actions{display:grid;gap:8px;margin-top:17px}.hosting-plan-actions .btn{width:100%;justify-content:center}.hosting-detail-toggle{border:0;background:transparent;color:var(--muted);font-size:8px;font-weight:900;cursor:pointer;padding:5px}.hosting-detail-toggle span{display:inline-block;transition:.2s transform}.hosting-detail-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.hosting-plan-detail{border-top:1px dashed var(--line);margin-top:10px;padding-top:12px}.hosting-plan-detail>p{font-size:9px;line-height:1.6;color:var(--muted);margin:0 0 10px}.hosting-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.hosting-detail-grid span{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:8px}.hosting-detail-grid small{display:block;color:var(--muted);font-size:7px}.hosting-detail-grid b{display:block;margin-top:2px;font-size:8px}.hosting-extra-features{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.hosting-extra-features span{font-size:8px;color:var(--muted)}.hosting-empty-state{border:1px dashed var(--line);border-radius:20px;background:var(--panel);padding:44px;text-align:center}.hosting-empty-state>div{width:54px;height:54px;border-radius:16px;background:var(--bg-soft);display:grid;place-items:center;margin:0 auto 12px;font-size:24px;color:var(--brand)}.hosting-empty-state h3{margin:0 0 6px}.hosting-empty-state p{max-width:580px;margin:0 auto 15px;color:var(--muted);font-size:10px;line-height:1.6}
.hosting-compare-section{padding:32px 0 58px}.hosting-compare-title{margin-bottom:18px}.hosting-compare-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.hosting-compare-table{width:100%;min-width:760px;border-collapse:collapse}.hosting-compare-table th,.hosting-compare-table td{padding:13px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:9px;text-align:center}.hosting-compare-table th:first-child,.hosting-compare-table td:first-child{text-align:left;position:sticky;left:0;background:var(--panel);z-index:2;min-width:150px}.hosting-compare-table th{background:var(--bg-soft);font-size:9px}.hosting-compare-table th b{display:block}.hosting-compare-table th span{display:block;color:var(--brand);font-size:7px;margin-top:3px}.hosting-compare-table tr:last-child td{border-bottom:0}.hosting-compare-table th:last-child,.hosting-compare-table td:last-child{border-right:0}.hosting-compare-table td.yes{color:var(--green);font-weight:950}.hosting-compare-table td.no{color:var(--muted)}.hosting-compare-price-row td{background:color-mix(in srgb,var(--brand) 4%,var(--panel))}.hosting-flow-section{padding:0 0 64px}.hosting-flow-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:22px;padding:28px;background:linear-gradient(125deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),color-mix(in srgb,var(--cyan) 4%,var(--panel)));box-shadow:var(--shadow)}.hosting-flow-copy>span{color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.15em}.hosting-flow-copy h2{font-size:27px;margin:6px 0 8px;letter-spacing:-1px}.hosting-flow-copy p{color:var(--muted);font-size:10px;line-height:1.65;margin:0}.hosting-flow-copy>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hosting-flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hosting-flow-steps article{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 91%,transparent);min-height:128px;padding:13px}.hosting-flow-steps i{font-style:normal;color:var(--brand);font-size:8px;font-weight:950}.hosting-flow-steps b{display:block;margin:18px 0 5px;font-size:10px}.hosting-flow-steps span{display:block;color:var(--muted);font-size:8px;line-height:1.5}.hosting-selection-toast{position:fixed;right:22px;bottom:22px;z-index:1200;width:min(390px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(10,15,30,.22);padding:18px}.hosting-selection-toast>button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.hosting-selection-toast>span{display:block;color:var(--brand);font-size:7px;font-weight:950;letter-spacing:.13em}.hosting-selection-toast>strong{display:block;font-size:18px;margin:5px 0}.hosting-selection-toast>p{font-size:9px;color:var(--muted);line-height:1.55;margin:0}.hosting-selection-toast>div{display:flex;gap:7px;margin-top:13px}.hosting-how-steps a{color:inherit;text-decoration:none}
@media(max-width:1120px){.hosting-hero-grid{grid-template-columns:1fr 430px;gap:36px}.hosting-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-flow-card{grid-template-columns:1fr}.hosting-plan-features{min-height:0}}
@media(max-width:840px){.hosting-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hosting-hero-visual{max-width:620px;width:100%;margin:auto;transform:none}.hosting-plans-head{align-items:flex-start;flex-direction:column}.hosting-flow-steps{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.hosting-hero-grid{padding-top:30px;padding-bottom:48px}.hosting-hero-copy h1{font-size:40px;letter-spacing:-2.2px}.hosting-hero-copy>p{font-size:12px}.hosting-hero-visual{min-height:280px;padding:16px;border-radius:18px}.hosting-server-card{height:50px;grid-template-columns:68px 1fr auto;padding:0 10px}.hosting-speed-panel{left:16px;right:16px;bottom:16px}.badge-ssl,.badge-backup{display:none}.hosting-plan-grid{grid-template-columns:1fr}.hosting-plan-card{padding:16px}.hosting-billing-switch{width:100%}.hosting-billing-switch button{flex:1}.hosting-flow-card{padding:17px}.hosting-flow-steps{grid-template-columns:1fr}.hosting-flow-steps article{min-height:auto;display:grid;grid-template-columns:34px 1fr;gap:5px}.hosting-flow-steps i{grid-row:1/3}.hosting-flow-steps b{margin:0}.hosting-selection-toast{right:16px;bottom:16px}.hosting-detail-grid{grid-template-columns:1fr 1fr}.hosting-extra-features{grid-template-columns:1fr}}
.domain-how-steps a{color:inherit;text-decoration:none}.domain-how-steps a:hover{color:var(--brand)}

/* v2.10.0 — Hosting satın alma akışı / sepet (Adım 10/20) */
.hosting-buy-overlay{position:fixed;inset:0;z-index:1450;display:grid;place-items:center;padding:22px;background:rgba(6,10,20,.62);backdrop-filter:blur(10px);opacity:0;transition:opacity .16s ease}.hosting-buy-overlay[hidden]{display:none!important}.hosting-buy-overlay.show{opacity:1}.hosting-buy-modal{position:relative;width:min(920px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--brand) 4%,var(--panel)));box-shadow:0 36px 90px rgba(7,12,28,.34);padding:24px}.hosting-buy-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-size:20px;cursor:pointer}.hosting-buy-head{padding-right:52px}.hosting-buy-head>span{display:block;color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.15em}.hosting-buy-head h2{margin:6px 0 7px;font-size:27px;letter-spacing:-1px}.hosting-buy-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.hosting-buy-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;margin-top:20px}.hosting-buy-form{display:grid;gap:16px}.hosting-buy-section{display:grid;gap:9px}.hosting-buy-section>label,.hosting-domain-entry>label{font-size:9px;font-weight:900}.hosting-buy-cycle{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hosting-buy-cycle label,.hosting-domain-mode label{position:relative;display:block;cursor:pointer}.hosting-buy-cycle input,.hosting-domain-mode input{position:absolute;opacity:0;pointer-events:none}.hosting-buy-cycle span,.hosting-domain-mode span{display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);padding:12px 13px;transition:.15s ease}.hosting-buy-cycle span{min-height:66px}.hosting-buy-cycle b,.hosting-domain-mode b{font-size:10px}.hosting-buy-cycle small,.hosting-domain-mode small{color:var(--muted);font-size:8px;line-height:1.45}.hosting-buy-cycle input:checked+span,.hosting-domain-mode input:checked+span{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent);background:color-mix(in srgb,var(--brand) 7%,var(--surface2))}.hosting-buy-cycle input:disabled+span{opacity:.45;cursor:not-allowed}.hosting-domain-mode{display:grid;gap:8px}.hosting-domain-entry{display:grid;gap:8px}.hosting-domain-entry[hidden]{display:none!important}.hosting-domain-entry>div{display:grid;grid-template-columns:1fr auto;gap:8px}.hosting-domain-entry input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:0 13px;outline:0}.hosting-domain-entry input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}.hosting-domain-entry a{display:flex;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:8px;font-weight:850;color:var(--brand);text-decoration:none}.hosting-domain-entry>small{font-size:8px;color:var(--muted);line-height:1.45}.hosting-buy-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--danger) 7%,var(--surface2));font-size:9px;color:var(--danger);font-weight:800}.hosting-buy-error[hidden]{display:none!important}.hosting-buy-summary{align-self:start;position:sticky;top:0;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--brand) 5%,var(--surface2));padding:16px;display:grid;gap:11px}.hosting-buy-summary>span{font-size:7px;font-weight:950;letter-spacing:.13em;color:var(--brand)}.hosting-buy-summary>strong{font-size:15px}.hosting-buy-summary>div{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed var(--line);padding-top:10px}.hosting-buy-summary small{color:var(--muted);font-size:8px}.hosting-buy-summary b{font-size:10px}.hosting-buy-summary .hosting-buy-total b{font-size:17px;color:var(--brand)}.hosting-buy-summary .btn{width:100%;justify-content:center}.hosting-buy-safe{text-align:center;line-height:1.5}.cart-hosting-thumb,.cart-hosting-image{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--surface2)),color-mix(in srgb,var(--cyan) 8%,var(--surface2)));color:var(--brand);text-decoration:none}.cart-hosting-thumb span{font-size:24px}.cart-hosting-image{position:relative;min-height:112px;border:1px solid var(--line);border-radius:14px}.cart-hosting-image span{font-size:34px}.cart-hosting-image em{position:absolute;left:8px;bottom:8px;padding:4px 6px;border-radius:7px;background:var(--panel);font-size:7px;font-style:normal;font-weight:950;letter-spacing:.08em}.hosting-stage-note{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface2))}
@media(max-width:760px){.hosting-buy-overlay{padding:10px;align-items:end}.hosting-buy-modal{max-height:92vh;border-radius:22px 22px 0 0;padding:18px}.hosting-buy-grid{grid-template-columns:1fr}.hosting-buy-summary{position:static}.hosting-buy-cycle{grid-template-columns:1fr}.hosting-domain-entry>div{grid-template-columns:1fr}.hosting-domain-entry a{min-height:38px;justify-content:center}}

/* ===== Scripta Adım 12 — Üye Domain Portföyü ===== */
.domain-account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.domain-account-stats article{min-height:132px;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 3%,var(--panel)));box-shadow:var(--shadow);position:relative;overflow:hidden}
.domain-account-stats article:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-28px;top:-26px;background:color-mix(in srgb,var(--brand) 7%,transparent)}
.domain-account-stats article i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));font-style:normal;font-weight:950;color:var(--brand)}
.domain-account-stats article span{display:block;font-size:10px;font-weight:800;color:var(--muted)}
.domain-account-stats article b{display:block;margin-top:3px;font-size:27px;letter-spacing:-.6px}
.domain-account-stats article small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}
.domain-account-stats article.is-warning i{color:#b96a05;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25)}
.member-domain-list{display:grid;gap:13px}
.member-domain-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--panel);box-shadow:var(--shadow);position:relative;overflow:hidden}
.member-domain-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:color-mix(in srgb,var(--muted) 38%,transparent)}
.member-domain-card.status-active:before{background:linear-gradient(#20b486,#2ac7a0)}
.member-domain-card.status-error:before{background:#e55353}
.member-domain-card.status-expired:before{background:#f59e0b}
.member-domain-card.status-registering:before,.member-domain-card.status-pending:before,.member-domain-card.status-transfer-pending:before{background:var(--brand)}
.member-domain-main{display:flex;align-items:center;gap:13px}
.member-domain-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,var(--panel2)),color-mix(in srgb,var(--cyan) 9%,var(--panel2)));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));color:var(--brand);font-size:20px;font-weight:950}
.member-domain-title{min-width:0;flex:1}.member-domain-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.member-domain-title h3{font-size:19px;line-height:1.2;margin:5px 0 5px;word-break:break-word}.member-domain-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9.5px;color:var(--muted)}
.member-domain-status{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:8.5px;font-weight:900;color:var(--muted)}
.member-domain-status.status-active{background:rgba(32,180,134,.1);border-color:rgba(32,180,134,.25);color:#15966d}.member-domain-status.status-error{background:rgba(229,83,83,.1);border-color:rgba(229,83,83,.25);color:#c64242}.member-domain-status.status-expired{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.26);color:#b96a05}.member-domain-status.status-registering,.member-domain-status.status-pending,.member-domain-status.status-transfer-pending{background:color-mix(in srgb,var(--brand) 8%,var(--panel2));border-color:color-mix(in srgb,var(--brand) 22%,var(--line));color:var(--brand)}
.member-domain-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.member-domain-metrics>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.member-domain-metrics small{display:block;font-size:7.8px;letter-spacing:.45px;font-weight:900;color:var(--muted)}.member-domain-metrics b{display:block;margin-top:5px;font-size:11px;line-height:1.25}.member-domain-metrics .is-warning{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.05)}.member-domain-metrics .is-warning b{color:#b96a05}
.member-domain-error{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:12px;border:1px solid rgba(229,83,83,.24);background:rgba(229,83,83,.06)}.member-domain-error>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(229,83,83,.12);color:#cf4444;font-weight:950}.member-domain-error b{display:block;font-size:10.5px}.member-domain-error p{margin:3px 0 0;font-size:9px;color:var(--muted);line-height:1.45}
.member-domain-controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px;margin-top:12px}.member-domain-renew{min-height:72px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 4%,var(--panel2)),var(--panel2));display:flex;align-items:center;justify-content:space-between;gap:12px}.member-domain-renew small,.member-domain-detail-body small{display:block;font-size:7.5px;font-weight:900;letter-spacing:.4px;color:var(--muted)}.member-domain-renew b{display:block;font-size:11px;margin-top:3px}.member-domain-renew span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.member-domain-renew form{margin:0;flex:none}.domain-auto-renew-btn{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:var(--panel);color:var(--text);font-size:8.5px;font-weight:900;cursor:pointer;white-space:nowrap}.domain-auto-renew-btn i{font-style:normal;margin-right:5px}.domain-auto-renew-btn.active{border-color:rgba(32,180,134,.3);background:rgba(32,180,134,.1);color:#15966d}.domain-auto-renew-btn:disabled{opacity:.45;cursor:not-allowed}
.member-domain-details{border:1px solid var(--line);border-radius:13px;background:var(--panel2);overflow:hidden}.member-domain-details summary{list-style:none;min-height:72px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:9.5px;font-weight:900}.member-domain-details summary::-webkit-details-marker{display:none}.member-domain-details summary:after{content:"＋";font-size:15px;color:var(--brand)}.member-domain-details[open] summary:after{content:"−"}.member-domain-details summary em{font-style:normal;font-size:8px;color:var(--muted);font-weight:800;margin-left:auto}.member-domain-detail-body{border-top:1px solid var(--line);padding:11px 12px}.member-domain-detail-body p{margin:0;font-size:8.8px;line-height:1.5;color:var(--muted)}.member-domain-detail-body>small{margin-top:8px;line-height:1.45}.member-domain-ns-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.member-domain-ns-list code{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:800 8.5px ui-monospace,SFMono-Regular,Menlo,monospace}.domain-renewal-line{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.domain-renewal-line span{padding:8px;border-radius:9px;background:var(--panel);border:1px solid var(--line)}.domain-renewal-line small{display:block;font-size:7.5px;color:var(--muted)}.domain-renewal-line b{display:block;margin-top:3px;font-size:9.5px}
.member-domain-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.member-domain-actions a,.member-domain-actions button{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:8.5px;font-weight:900;cursor:pointer}.member-domain-actions a:hover,.member-domain-actions button:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--line));color:var(--brand)}
.domain-account-empty{padding:42px 20px!important;text-align:center;border-radius:20px!important}.domain-account-empty-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,var(--panel2)),color-mix(in srgb,var(--cyan) 9%,var(--panel2)));color:var(--brand);font-size:24px;font-weight:950}.domain-account-empty h3{font-size:20px;margin:6px 0}.domain-account-empty p{max-width:560px;margin:0 auto 16px;color:var(--muted);font-size:10.5px;line-height:1.6}
@media(max-width:1050px){.domain-account-stats{grid-template-columns:repeat(2,1fr)}.member-domain-controls{grid-template-columns:1fr 1fr}.member-domain-renew{grid-column:1/-1}.member-domain-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.domain-account-stats{grid-template-columns:1fr 1fr;gap:8px}.domain-account-stats article{min-height:115px;padding:13px}.domain-account-stats article b{font-size:23px}.member-domain-card{padding:14px}.member-domain-main{align-items:flex-start}.member-domain-icon{width:42px;height:42px;border-radius:13px}.member-domain-title h3{font-size:16px}.member-domain-metrics{grid-template-columns:1fr 1fr}.member-domain-controls{grid-template-columns:1fr}.member-domain-renew{grid-column:auto;align-items:flex-start;flex-direction:column}.member-domain-renew form,.domain-auto-renew-btn{width:100%}.member-domain-details summary{min-height:60px}.member-domain-actions{display:grid;grid-template-columns:1fr 1fr}.member-domain-actions a,.member-domain-actions button{width:100%}.domain-renewal-line{grid-template-columns:1fr}.member-domain-sub{font-size:8.5px}}
@media(max-width:420px){.domain-account-stats{grid-template-columns:1fr}.member-domain-metrics{grid-template-columns:1fr}.member-domain-actions{grid-template-columns:1fr}}

/* Step 13 — member hosting center */
.hosting-account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px}
.hosting-account-stats article{min-height:132px;padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 82%,var(--brand) 2%));box-shadow:var(--shadow);position:relative;overflow:hidden}
.hosting-account-stats article:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-25px;top:-28px;background:color-mix(in srgb,var(--brand) 8%,transparent)}
.hosting-account-stats article i{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));color:var(--brand);font-style:normal;font-weight:950}
.hosting-account-stats article span{display:block;margin-top:12px;font-size:8px;letter-spacing:.45px;color:var(--muted);font-weight:900}.hosting-account-stats article b{display:block;margin-top:3px;font-size:25px;line-height:1}.hosting-account-stats article small{display:block;margin-top:7px;font-size:8.5px;color:var(--muted)}
.hosting-account-stats article.is-warning{border-color:rgba(245,158,11,.28);background:linear-gradient(145deg,var(--panel),rgba(245,158,11,.055))}.hosting-account-stats article.is-warning i{color:#b96a05;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.22)}
.hosting-account-stats article.is-progress{border-color:color-mix(in srgb,var(--brand) 25%,var(--line));background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--brand) 5%,var(--panel2)))}
.member-hosting-list{display:grid;gap:14px}.member-hosting-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);position:relative;overflow:hidden}.member-hosting-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:color-mix(in srgb,var(--muted) 35%,transparent)}
.member-hosting-card.status-active:before{background:linear-gradient(#20b486,#27c7a0)}.member-hosting-card.status-provisioning:before,.member-hosting-card.status-pending:before{background:linear-gradient(var(--brand),var(--cyan))}.member-hosting-card.status-error:before{background:#e55353}.member-hosting-card.status-suspended:before{background:#f59e0b}.member-hosting-card.status-terminated:before,.member-hosting-card.status-cancelled:before{background:#7b8192}
.member-hosting-main{display:flex;align-items:center;gap:13px}.member-hosting-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,var(--panel2)),color-mix(in srgb,var(--cyan) 9%,var(--panel2)));border:1px solid color-mix(in srgb,var(--brand) 17%,var(--line));color:var(--brand);font-size:20px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.member-hosting-title{min-width:0;flex:1}.member-hosting-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.member-hosting-title h3{font-size:19px;line-height:1.2;margin:5px 0 5px}.member-hosting-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9px;color:var(--muted)}
.member-hosting-status{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:8.5px;font-weight:900;color:var(--muted)}.member-hosting-status.status-active{background:rgba(32,180,134,.1);border-color:rgba(32,180,134,.26);color:#15966d}.member-hosting-status.status-provisioning,.member-hosting-status.status-pending{background:color-mix(in srgb,var(--brand) 8%,var(--panel2));border-color:color-mix(in srgb,var(--brand) 23%,var(--line));color:var(--brand)}.member-hosting-status.status-error{background:rgba(229,83,83,.1);border-color:rgba(229,83,83,.25);color:#c64242}.member-hosting-status.status-suspended{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:#b96a05}.member-hosting-status.status-terminated,.member-hosting-status.status-cancelled{background:rgba(123,129,146,.1);color:var(--muted)}
.member-hosting-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.member-hosting-metrics>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.member-hosting-metrics small{display:block;font-size:7.8px;letter-spacing:.45px;font-weight:900;color:var(--muted)}.member-hosting-metrics b{display:block;margin-top:5px;font-size:11px;line-height:1.25}.member-hosting-metrics .is-warning{border-color:rgba(245,158,11,.26);background:rgba(245,158,11,.05)}.member-hosting-metrics .is-warning b{color:#b96a05}
.member-hosting-error,.member-hosting-warning{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:12px}.member-hosting-error{border:1px solid rgba(229,83,83,.24);background:rgba(229,83,83,.06)}.member-hosting-warning{border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.06)}.member-hosting-error>span,.member-hosting-warning>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;font-weight:950;flex:none}.member-hosting-error>span{background:rgba(229,83,83,.12);color:#cf4444}.member-hosting-warning>span{background:rgba(245,158,11,.12);color:#b96a05}.member-hosting-error b,.member-hosting-warning b{display:block;font-size:10.5px}.member-hosting-error p,.member-hosting-warning p{margin:3px 0 0;font-size:9px;color:var(--muted);line-height:1.45}
.member-hosting-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:9px;margin-top:12px}.member-hosting-details{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden}.member-hosting-details summary{list-style:none;min-height:54px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:9.5px;font-weight:900}.member-hosting-details summary::-webkit-details-marker{display:none}.member-hosting-details summary:after{content:"＋";font-size:15px;color:var(--brand);margin-left:7px}.member-hosting-details[open] summary:after{content:"−"}.member-hosting-details summary em{font-style:normal;font-size:8px;color:var(--muted);font-weight:800;margin-left:auto}.member-hosting-detail-body{border-top:1px solid var(--line);padding:12px 13px}
.hosting-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hosting-resource-grid>span,.hosting-access-grid>span{padding:8px 9px;border-radius:10px;background:var(--panel);border:1px solid var(--line);min-width:0}.hosting-resource-grid small,.hosting-access-grid small,.hosting-ns-block>small{display:block;font-size:7.2px;letter-spacing:.4px;color:var(--muted);font-weight:900}.hosting-resource-grid b,.hosting-access-grid b{display:block;margin-top:3px;font-size:9px;line-height:1.3;overflow-wrap:anywhere}.hosting-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.hosting-feature-chips span{padding:6px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--panel));font-size:7.8px;font-weight:800;color:var(--muted)}
.hosting-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hosting-access-grid span button{margin-top:6px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--brand);height:25px;padding:0 8px;font-size:7.5px;font-weight:900;cursor:pointer}.hosting-panel-login{margin-top:9px;min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 75%,#000);color:#fff;font-size:8.5px;font-weight:900;box-shadow:0 5px 0 color-mix(in srgb,var(--brand) 55%,#000);transform:translateY(-2px)}.hosting-panel-login:active{transform:translateY(2px);box-shadow:0 1px 0 color-mix(in srgb,var(--brand) 55%,#000)}
.hosting-security-note,.hosting-provision-note{display:flex;gap:9px;margin-top:10px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line));background:color-mix(in srgb,var(--brand) 3%,var(--panel))}.hosting-security-note i,.hosting-provision-note i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));color:var(--brand);font-size:10px;font-weight:950;flex:none}.hosting-security-note p,.hosting-provision-note p{margin:0}.hosting-security-note b,.hosting-provision-note b{display:block;font-size:9px}.hosting-security-note span,.hosting-provision-note p{display:block;margin-top:3px;font-size:8px;line-height:1.45;color:var(--muted)}
.hosting-ns-block{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}.hosting-ns-block>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hosting-ns-block code{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}
.member-hosting-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.member-hosting-actions a,.member-hosting-actions button{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:8.5px;font-weight:900;cursor:pointer}.member-hosting-actions a:hover,.member-hosting-actions button:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--line));color:var(--brand)}
.member-hosting-domain-bind{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;align-items:end;margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 6%,var(--panel2)),var(--panel2))}.member-hosting-domain-bind>div>b{display:block;margin-top:5px;font-size:11.5px}.member-hosting-domain-bind>div>p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.member-hosting-domain-bind form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.member-hosting-domain-bind label span{display:block;margin-bottom:5px;font-size:8px;font-weight:900;color:var(--muted);letter-spacing:.35px}.member-hosting-domain-bind input{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:0 12px;outline:none}.member-hosting-domain-bind input:focus{border-color:color-mix(in srgb,var(--brand) 52%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}.member-hosting-domain-bind .btn{white-space:nowrap;height:42px}
.admin-hosting-domain-bind{grid-template-columns:minmax(260px,1fr) auto;align-items:end;margin-top:12px}
.hosting-account-empty{padding:38px 24px;text-align:center;border-radius:20px}.hosting-account-empty-icon{width:62px;height:62px;margin:0 auto 13px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));color:var(--brand);font-size:24px}.hosting-account-empty h3{font-size:20px;margin:7px 0}.hosting-account-empty p{max-width:560px;margin:0 auto 16px;color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:1050px){.hosting-account-stats{grid-template-columns:repeat(2,1fr)}.member-hosting-grid{grid-template-columns:1fr}.hosting-resource-grid{grid-template-columns:repeat(4,1fr)}.member-hosting-domain-bind{grid-template-columns:1fr}}
@media(max-width:720px){.hosting-account-stats{grid-template-columns:1fr 1fr;gap:8px}.hosting-account-stats article{min-height:116px;padding:13px}.hosting-account-stats article b{font-size:23px}.member-hosting-card{padding:14px}.member-hosting-main{align-items:flex-start}.member-hosting-icon{width:42px;height:42px;border-radius:13px}.member-hosting-title h3{font-size:16px}.member-hosting-metrics{grid-template-columns:1fr 1fr}.hosting-resource-grid{grid-template-columns:1fr 1fr}.hosting-access-grid{grid-template-columns:1fr}.member-hosting-actions{display:grid;grid-template-columns:1fr 1fr}.member-hosting-actions a,.member-hosting-actions button{width:100%}.member-hosting-sub{font-size:8.4px}.member-hosting-domain-bind{padding:12px}.member-hosting-domain-bind form{grid-template-columns:1fr}.member-hosting-domain-bind .btn{width:100%}.admin-hosting-domain-bind{grid-template-columns:1fr}}
@media(max-width:430px){.hosting-account-stats{grid-template-columns:1fr}.member-hosting-metrics,.hosting-resource-grid{grid-template-columns:1fr}.member-hosting-actions{grid-template-columns:1fr}}

/* Step 17 · Domain / Hosting renewal checkout */
.cart-page-renewal{border-color:color-mix(in srgb,var(--brand) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 6%,var(--panel)),var(--panel))}.cart-renewal-image{height:82px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 13%,var(--panel2)),color-mix(in srgb,var(--cyan) 7%,var(--panel2)));display:grid;place-items:center;align-content:center;gap:3px;color:var(--text)}.cart-renewal-image span{font-size:29px;color:var(--brand);font-weight:900}.cart-renewal-image em{font-style:normal;color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.13em}.cart-renewal-thumb{display:grid;place-items:center;font-size:23px;color:var(--brand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 13%,var(--panel2)),color-mix(in srgb,var(--cyan) 7%,var(--panel2)))}.cart-renewal-item{border-color:color-mix(in srgb,var(--brand) 20%,var(--line))}.service-renewal-form{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin:10px 0 8px}.service-renewal-form label{display:grid;gap:5px;min-width:190px;flex:1}.service-renewal-form label>span{font-size:7.5px;font-weight:900;letter-spacing:.35px;color:var(--muted)}.service-renewal-form select{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 30px 0 10px;background:var(--panel);color:var(--text);font-size:9px;font-weight:850}.service-renewal-form .btn{min-height:38px}.renewal-order-item{border-color:color-mix(in srgb,var(--brand) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 4%,var(--panel2)),var(--panel2))}
@media(max-width:580px){.cart-page-renewal{grid-template-columns:74px 1fr}.cart-page-renewal .cart-renewal-image{height:64px}.cart-page-renewal .cart-page-price{grid-column:2}.service-renewal-form{display:grid;grid-template-columns:1fr}.service-renewal-form label{min-width:0}.service-renewal-form .btn{width:100%}}

/* v2.20.1 — Domain/Hosting görsel hizalama + checkout banka görünürlüğü revizesi */
.hosting-plans-head .section-title{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:0;
  max-width:760px;
}
.hosting-plans-head .section-title .eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 11px;
  margin:0 0 10px;
  border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--brand) 6%,var(--panel));
  color:var(--brand);
  font-size:8px;
  font-weight:950;
  letter-spacing:.13em;
}
.hosting-plans-head .section-title h2{
  display:block;
  margin:0!important;
  font-size:31px!important;
  line-height:1.08;
  letter-spacing:-1.15px;
}
.hosting-plans-head .section-title p{
  display:block;
  max-width:680px;
  margin:9px 0 0!important;
  font-size:11.5px!important;
  line-height:1.65;
}
.hosting-plans-head{
  align-items:center;
  gap:28px;
  margin-bottom:26px;
}
.hosting-empty-state{
  min-height:270px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-style:solid;
  border-color:color-mix(in srgb,var(--brand) 13%,var(--line));
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 44%),
    var(--panel);
}
.hosting-empty-state h3{font-size:19px;letter-spacing:-.45px}
.hosting-empty-state p{font-size:10.5px;line-height:1.7}

/* Domain sorgu kartı artık hero ayırıcı çizgisinin üzerine binmez. */
.domain-search-section{
  margin-top:0;
  padding-top:28px;
  z-index:4;
}
.domain-search-card{
  transform:none;
  box-shadow:0 18px 45px rgba(27,22,75,.10);
}
html[data-theme="dark"] .domain-search-card{box-shadow:0 20px 52px rgba(0,0,0,.28)}

@media(max-width:840px){
  .hosting-plans-head{align-items:stretch;gap:16px}
  .hosting-plans-head .section-title{max-width:none}
  .hosting-plans-head .section-title h2{font-size:27px!important}
}
@media(max-width:620px){
  .hosting-plans-head .section-title .eyebrow{margin-bottom:8px}
  .hosting-plans-head .section-title h2{font-size:24px!important;letter-spacing:-.75px}
  .hosting-plans-head .section-title p{font-size:10.5px!important}
  .hosting-empty-state{min-height:230px;padding:28px 18px}
  .domain-search-section{margin-top:0;padding-top:18px}
}

/* === Müşteri profili / Bireysel-Kurumsal üyelik === */
.customer-profile-form{display:grid;gap:18px}.customer-form-section{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface2) 76%,transparent)}.customer-form-section[hidden]{display:none!important}.customer-form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.customer-form-section-head b{font-size:14px;font-weight:900}.customer-form-section-head small{max-width:520px;color:var(--muted);font-size:11px;line-height:1.5;text-align:right}.customer-fields{display:grid;gap:14px}.customer-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-fields .field.full{grid-column:1/-1}.customer-fields .field label em,.customer-profile-form .field label em{font-style:normal;color:#ef4444}.account-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-type-choice{position:relative;cursor:pointer}.account-type-choice>input{position:absolute;opacity:0;pointer-events:none}.account-type-choice>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:82px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:.18s ease}.account-type-choice>span>i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--brand) 10%,var(--surface2));font-style:normal;font-size:19px}.account-type-choice>span>b{font-size:13px;font-weight:900}.account-type-choice>span>small{color:var(--muted);font-size:10px;line-height:1.35}.account-type-choice>input:checked+span{border-color:var(--brand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent),0 10px 22px rgba(41,35,91,.08)}.account-type-choice>input:checked+span>i{background:var(--brand);color:#fff}.customer-profile-checkout-note{padding:12px 14px;border:1px dashed color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--brand) 6%,var(--surface));font-size:11px;line-height:1.55;color:var(--muted)}.customer-profile-checkout-note a{font-weight:850;color:var(--brand)}.checkout-customer-card{display:grid;gap:17px}.checkout-customer-head{margin-bottom:0}.checkout-customer-form{gap:14px}.checkout-payment-panel{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.register-customer-card{max-width:940px;margin-inline:auto}.register-customer-card .customer-form-section{background:color-mix(in srgb,var(--surface2) 78%,transparent)}.profile-completion-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.04em}.profile-completion-badge.is-complete{color:#059669;border-color:color-mix(in srgb,#10b981 40%,var(--line));background:color-mix(in srgb,#10b981 8%,var(--surface))}.profile-completion-badge.is-incomplete{color:#b45309;border-color:color-mix(in srgb,#f59e0b 40%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--surface))}
@media(max-width:760px){.customer-fields.two,.account-type-picker{grid-template-columns:1fr}.customer-form-section{padding:15px}.customer-form-section-head{display:grid;gap:4px}.customer-form-section-head small{text-align:left}.account-type-choice>span{min-height:72px}.checkout-customer-card{padding:16px}.register-customer-card{max-width:none}}
.account-order-billing-summary{display:grid;gap:12px;margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.account-order-billing-summary>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-order-billing-summary>div:first-child>b{font-size:12px}.account-order-billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-order-billing-grid>span{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.account-order-billing-grid>span.full{grid-column:1/-1}.account-order-billing-grid small{font-size:9px;font-weight:900;color:var(--brand);letter-spacing:.06em}.account-order-billing-grid b{font-size:11px}.account-order-billing-grid em{font-size:10px;color:var(--muted);font-style:normal;line-height:1.45}@media(max-width:680px){.account-order-billing-grid{grid-template-columns:1fr}.account-order-billing-grid>span.full{grid-column:auto}}
.guest-order-billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.guest-order-billing-summary>div{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.guest-order-billing-summary>div.full{grid-column:1/-1}.guest-order-billing-summary small{font-size:9px;font-weight:900;color:var(--brand);letter-spacing:.06em}.guest-order-billing-summary b{font-size:11px}.guest-order-billing-summary span{font-size:10px;color:var(--muted);line-height:1.45}@media(max-width:680px){.guest-order-billing-summary{grid-template-columns:1fr}.guest-order-billing-summary>div.full{grid-column:auto}}
.customer-form-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.customer-form-intro h2{margin:3px 0 5px;font-size:24px;line-height:1.1}.customer-form-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.customer-form-section-head>span{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);font-size:10px;font-weight:950}.customer-form-section-head>div{display:grid;gap:3px;flex:1}.customer-form-section-head>div b{font-size:13px}.customer-form-section-head>div small{text-align:left;max-width:none}.register-consents{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.register-login-link{text-align:center;margin:0;color:var(--muted);font-size:11px}.register-login-link a{color:var(--brand);font-weight:850}.customer-profile-save{margin-top:0!important;padding:3px 2px}.account-type-picker.compact .account-type-choice>span{min-height:68px;padding:11px 13px}.account-type-picker.compact .account-type-choice>span>i{width:36px;height:36px;font-size:15px}
.auth-register-customer-form{gap:10px}.auth-register-intro{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.auth-register-intro b{font-size:12px}.auth-register-intro small{font-size:9px;line-height:1.45;color:var(--muted)}.auth-register-customer-form .account-type-picker{margin:2px 0}.auth-register-customer-form .account-type-choice>span{min-height:58px;padding:9px 11px}.auth-register-customer-form .account-type-choice>span>i{width:32px;height:32px;border-radius:9px;font-size:14px}.auth-register-customer-form .field{margin:4px 0}.auth-register-customer-form .field input,.auth-register-customer-form .field select,.auth-register-customer-form .field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;background:var(--bg-soft);color:var(--text);outline:0;padding:0 10px;font-size:11px}.auth-register-customer-form .field select{height:40px}.auth-register-customer-form .field textarea{min-height:66px;padding-top:9px;resize:vertical}.auth-register-corporate[hidden]{display:none!important}.auth-register-consents{display:grid;gap:7px;margin:4px 0}.auth-register-consents .check-line{font-size:9px;line-height:1.4}.auth-register-consents a{font-weight:850;color:var(--brand)}.auth-register-full-link{display:block;margin-top:8px;text-align:center;color:var(--brand);font-size:9px;font-weight:850;text-decoration:none}.auth-register-full-link:hover{text-decoration:underline}
.customer-profile-form .field input,.customer-profile-form .field select,.customer-profile-form .field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);outline:0;font-size:11px}.customer-profile-form .field input,.customer-profile-form .field select{height:42px;padding:0 11px}.customer-profile-form .field textarea{min-height:82px;padding:10px 11px;resize:vertical}.customer-profile-form .field input:focus,.customer-profile-form .field select:focus,.customer-profile-form .field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}

/* ========================================================================== */
/* 2026-09-19 · Müşteri Profili + NS Yönetimi + Okunabilirlik/UI Revizesi    */
/* ========================================================================== */

/* İç sayfa başlıkları: 70px+ dev başlıklar yerine kontrollü, okunaklı ölçü. */
.page-hero h1{font-size:clamp(34px,3.25vw,50px)!important;line-height:1.02!important;letter-spacing:-1.65px!important}
.bundle-page-hero h1,.blog-detail-hero h1{font-size:clamp(36px,3.45vw,52px)!important;line-height:1.03!important;letter-spacing:-1.7px!important}
.page-hero p{font-size:14px!important;line-height:1.7!important}

/* Blog detay: okuma meta bilgisi breadcrumb'ın yanına yapışmasın. */
.blog-detail-hero .breadcrumbs{margin-bottom:18px!important}
.blog-reading-meta{display:flex;align-items:center;margin:0 0 13px!important;min-height:27px}
.blog-reading-meta .inner-eyebrow{display:inline-flex!important;width:max-content;margin:0!important;position:relative;z-index:2}
.blog-detail-hero h1{margin-top:0!important}

/* Hakkımızda: koyu modda kaybolan sayılar ve küçük ikonlar. */
.story-no{font-size:34px!important;color:color-mix(in srgb,var(--brand) 72%,var(--text))!important;opacity:.62!important;text-shadow:0 0 20px color-mix(in srgb,var(--brand) 16%,transparent)}
html[data-theme="dark"] .story-no{color:color-mix(in srgb,var(--brand) 82%,#fff)!important;opacity:.72!important}
.about-story h2{font-size:21px!important}.about-story p{font-size:13px!important;line-height:1.72!important}
.value-card{padding:19px!important}.value-card i{width:48px!important;height:48px!important;border-radius:14px!important;font-size:20px!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line))}
.value-card h3{font-size:15px!important;margin:13px 0 7px!important}.value-card p{font-size:12.5px!important;line-height:1.62!important}

/* Kategori / filtre sidebar: alt quick-select ve fiyat alanları okunabilir olsun. */
.filter-block-head h4{font-size:15px!important}.filter-block-head small{font-size:11.5px!important}
.filter-toggle{min-height:58px!important;padding:9px 10px!important}.filter-toggle-icon{width:38px!important;height:38px!important;font-size:16px!important}
.filter-toggle b{font-size:13px!important}.filter-toggle small{font-size:11px!important;line-height:1.35!important}.filter-toggle i{transform:scale(1.08)}
.price-values{font-size:11.5px!important;margin-top:8px!important}.category-sidebar-nav a{font-size:13.5px!important}.category-sidebar-head p{font-size:12.5px!important}
.filter-sidebar .filter-head p,.filter-block p{font-size:12px!important;line-height:1.55!important}

/* Liste görünümünde favori kalbi aksiyon butonunun üzerine binmesin. */
.product-list-card{grid-template-columns:180px minmax(0,1fr) 185px!important;align-items:stretch!important}
.product-list-card>a:not(.product-favorite){grid-column:1;grid-row:1;align-self:center!important}
.product-list-info{grid-column:2;grid-row:1;align-self:center!important;padding-right:8px!important}
.product-list-side{grid-column:3!important;grid-row:1!important;align-self:end!important;justify-self:stretch!important;padding-top:64px!important;min-width:0!important}
.product-list-side .addcart{width:100%!important;min-height:44px!important}
.product-list-card .product-favorite.list-favorite{top:14px!important;right:14px!important;width:46px!important;height:46px!important;border-radius:14px!important}

/* Bundle kartlarındaki mikro metinleri de normal okunabilir boyuta çek. */
.bundle-card-body>p{font-size:12.5px!important;line-height:1.62!important}.bundle-mini-products a{font-size:11.5px!important}.bundle-mini-products a small{font-size:10px!important}.bundle-more-item{font-size:10.5px!important}.bundle-card-actions .btn{font-size:11.5px!important}

/* Domain vitrini: mikro 7-9px metinleri kaldır. */
.domain-kicker{font-size:11px!important}.domain-hero-copy p{font-size:14px!important;line-height:1.75!important}.domain-trust-row span{font-size:12.5px!important}.domain-trust-row b{font-size:11px!important}
.domain-search-heading>div:first-child>span,.domain-section-title .eyebrow,.domain-how-copy>span{font-size:10.5px!important}.domain-search-heading h2{font-size:22px!important}.domain-live-badge{font-size:11.5px!important}
.domain-search-note{font-size:11.5px!important;line-height:1.5!important}.domain-result-copy>span{font-size:10.5px!important}.domain-result-copy p{font-size:12.5px!important}.domain-result-price small,.domain-result-price em{font-size:10px!important}
.domain-section-title h2{font-size:27px!important}.domain-section-title p{font-size:13px!important;line-height:1.6!important}.domain-price-note{font-size:10.5px!important}
.domain-extension-badge{font-size:9px!important}.domain-extension-name small{font-size:11px!important}.domain-extension-price span{font-size:10px!important}.domain-extension-action{font-size:10.5px!important}
.domain-how-copy p{font-size:12.5px!important;line-height:1.7!important}.domain-how-steps i{font-size:10.5px!important}.domain-how-steps b{font-size:12px!important}.domain-how-steps span{font-size:11px!important;line-height:1.55!important}.domain-public-empty p{font-size:12.5px!important}

/* Hosting vitrini: paket özellikleri 7-9px yerine gerçek UI metni boyutunda. */
.hosting-plans-head .section-title .eyebrow{font-size:10.5px!important}.hosting-plans-head .section-title h2{font-size:30px!important}.hosting-plans-head .section-title p{font-size:13px!important;line-height:1.65!important}
.hosting-billing-switch button{font-size:11.5px!important}.hosting-billing-switch button span{font-size:9px!important}.hosting-public-note{font-size:11.5px!important;line-height:1.55!important}
.hosting-plan-ribbon{font-size:9px!important}.hosting-plan-index{font-size:11px!important}.hosting-plan-panel{font-size:9.5px!important}.hosting-plan-top h3{font-size:20px!important}.hosting-plan-top p{font-size:12.5px!important;line-height:1.6!important}
.hosting-plan-price small{font-size:10.5px!important}.hosting-plan-price>span{font-size:10.5px!important}.hosting-plan-price em{font-size:10px!important}.hosting-save-badge{font-size:9px!important}
.hosting-core-specs span{font-size:9.5px!important}.hosting-core-specs b{font-size:12.5px!important}.hosting-plan-features li{font-size:11.5px!important}.hosting-plan-features i{font-size:9.5px!important}.hosting-detail-toggle{font-size:10.5px!important}
.hosting-plan-detail>p{font-size:11.5px!important}.hosting-detail-grid small{font-size:9.5px!important}.hosting-detail-grid b{font-size:11px!important}.hosting-extra-features span{font-size:10.5px!important}.hosting-empty-state p{font-size:12.5px!important}

/* Hesap > Domainlerim / Hostinglerim: ekran görüntülerindeki küçük yazılar büyütüldü. */
.account-pane-head p{font-size:12.5px!important;line-height:1.6!important}.account-nav-btn small{font-size:10.5px!important}
.domain-account-stats article span,.hosting-account-stats article span{font-size:11.5px!important}.domain-account-stats article small,.hosting-account-stats article small{font-size:10.5px!important;line-height:1.45!important}
.member-domain-title h3,.member-hosting-title h3{font-size:20px!important}.member-domain-sub,.member-hosting-sub{font-size:10.5px!important;line-height:1.45!important}
.member-domain-status,.member-hosting-status{font-size:10px!important}.member-domain-metrics small,.member-hosting-metrics small{font-size:9.5px!important}.member-domain-metrics b,.member-hosting-metrics b{font-size:12.5px!important}
.member-domain-renew small{font-size:9.5px!important}.member-domain-renew b{font-size:13.5px!important}.member-domain-renew span{font-size:10.5px!important;line-height:1.5!important}
.member-domain-details summary,.member-hosting-details summary{font-size:11.5px!important}.member-domain-details summary em,.member-hosting-details summary em{font-size:9.5px!important}.member-domain-detail-body p,.member-domain-detail-body>small{font-size:11px!important}.member-domain-ns-list code,.hosting-ns-block code{font-size:10.5px!important}
.domain-renewal-line small{font-size:9.5px!important}.domain-renewal-line b{font-size:11.5px!important}
.member-domain-actions a,.member-domain-actions button,.member-hosting-actions a,.member-hosting-actions button{font-size:10.5px!important;min-height:38px!important}
.hosting-resource-grid small,.hosting-access-grid small,.hosting-ns-block>small{font-size:9.5px!important}.hosting-resource-grid b,.hosting-access-grid b{font-size:11px!important}.hosting-feature-chips span{font-size:10px!important}.hosting-access-grid span button{font-size:9.5px!important}.hosting-panel-login{font-size:10.5px!important}.hosting-security-note b,.hosting-provision-note b{font-size:10.5px!important}.hosting-security-note span,.hosting-provision-note p{font-size:10px!important}.member-hosting-error b,.member-hosting-warning b{font-size:11.5px!important}.member-hosting-error p,.member-hosting-warning p{font-size:10.5px!important}.hosting-account-empty p,.domain-account-empty p{font-size:12px!important}

/* Nameserver yönetimi — Sistem / Hosting / Özel seçimi. */
.domain-ns-current{display:grid;gap:8px;margin-bottom:12px}.domain-ns-current>b{font-size:11.5px}
.domain-ns-request-state{display:grid;gap:7px;padding:11px 12px;margin:0 0 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.domain-ns-request-state>div:first-child{display:grid;gap:2px}.domain-ns-request-state small{font-size:9px;color:var(--brand);font-weight:950;letter-spacing:.07em}.domain-ns-request-state b{font-size:11.5px}.domain-ns-request-state span{font-size:10px;color:var(--muted)}.domain-ns-request-state.status-applied{border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.domain-ns-request-state.status-failed,.domain-ns-request-state.status-rejected{border-color:color-mix(in srgb,var(--red) 30%,var(--line))}
.domain-ns-form{display:grid;gap:11px;padding-top:11px;border-top:1px dashed var(--line)}.domain-ns-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.domain-ns-choice{position:relative;cursor:pointer}.domain-ns-choice>input{position:absolute;opacity:0;pointer-events:none}.domain-ns-choice>span{height:100%;min-height:104px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-content:start}.domain-ns-choice i{grid-row:1/4;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--panel2));color:var(--brand);font-style:normal}.domain-ns-choice b{font-size:11px}.domain-ns-choice small{font-size:9.5px;color:var(--muted);line-height:1.4}.domain-ns-choice em{grid-column:2;font-size:9px;font-style:normal;color:var(--brand);line-height:1.4;overflow-wrap:anywhere;margin-top:5px}.domain-ns-choice>input:checked+span{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent);background:color-mix(in srgb,var(--brand) 5%,var(--panel))}
.domain-ns-custom-field{display:grid;gap:6px}.domain-ns-custom-field>span{font-size:10px;font-weight:900}.domain-ns-custom-field textarea{width:100%;min-height:84px;resize:vertical;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:10px 11px;font:700 11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.domain-ns-custom-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}.domain-ns-custom-field small{font-size:9.5px;color:var(--muted);line-height:1.45}.domain-ns-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.domain-ns-form-foot p{font-size:10px!important;max-width:65%}.domain-ns-form-foot .btn{white-space:nowrap}

/* Bireysel / Kurumsal müşteri formları: ajans/e-ticaret standardında okunabilir alanlar. */
.customer-form-section{padding:20px!important;gap:16px!important}.customer-form-section-head b,.customer-form-section-head>div b{font-size:14.5px!important}.customer-form-section-head small,.customer-form-section-head>div small{font-size:12px!important;line-height:1.5!important}.customer-form-section-head>span{width:34px!important;height:34px!important;font-size:11px!important}
.account-type-choice>span{min-height:88px!important;padding:15px 17px!important}.account-type-choice>span>b{font-size:14px!important}.account-type-choice>span>small{font-size:11.5px!important}.account-type-choice>span>i{width:44px!important;height:44px!important;font-size:19px!important}
.customer-profile-form .field label,.checkout-customer-form .field label,.register-customer-card .field label{font-size:12px!important;font-weight:850!important}.customer-profile-form .field input,.customer-profile-form .field select,.customer-profile-form .field textarea{font-size:13px!important}.customer-profile-form .field input,.customer-profile-form .field select{height:46px!important}.customer-profile-form .field textarea{min-height:94px!important}.customer-profile-checkout-note{font-size:12px!important}.customer-form-intro p{font-size:12.5px!important}.register-login-link{font-size:12px!important}.profile-completion-badge{font-size:10px!important}
.auth-register-intro b{font-size:13px!important}.auth-register-intro small{font-size:10.5px!important}.auth-register-customer-form .field input,.auth-register-customer-form .field select,.auth-register-customer-form .field textarea{font-size:12px!important}.auth-register-consents .check-line,.auth-register-full-link{font-size:10.5px!important}
.account-order-billing-summary>div:first-child>b{font-size:13.5px!important}.account-order-billing-grid small,.guest-order-billing-summary small{font-size:10px!important}.account-order-billing-grid b,.guest-order-billing-summary b{font-size:12px!important}.account-order-billing-grid em,.guest-order-billing-summary span{font-size:11px!important}

@media(max-width:900px){
  .product-list-card{grid-template-columns:150px minmax(0,1fr) 170px!important}
  .domain-ns-mode-grid{grid-template-columns:1fr!important}.domain-ns-choice>span{min-height:76px!important}.domain-ns-form-foot{align-items:stretch;flex-direction:column}.domain-ns-form-foot p{max-width:none}.domain-ns-form-foot .btn{width:100%}
}
@media(max-width:760px){
  .page-hero h1,.bundle-page-hero h1,.blog-detail-hero h1{font-size:34px!important;letter-spacing:-1.1px!important}
  .product-list-card{grid-template-columns:105px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important}
  .product-list-card>a:not(.product-favorite){grid-column:1;grid-row:1/3!important}
  .product-list-info{grid-column:2;grid-row:1;padding-right:52px!important}
  .product-list-side{grid-column:2!important;grid-row:2!important;padding-top:8px!important;align-self:start!important}
  .product-list-card .product-favorite.list-favorite{width:42px!important;height:42px!important;top:11px!important;right:11px!important}
  .hosting-plans-head .section-title h2{font-size:25px!important}.hosting-plans-head .section-title p{font-size:12.5px!important}
  .domain-section-title h2{font-size:23px!important}.domain-section-title p{font-size:12px!important}
  .domain-account-stats article span,.hosting-account-stats article span{font-size:10.5px!important}.domain-account-stats article small,.hosting-account-stats article small{font-size:9.8px!important}
  .member-domain-sub,.member-hosting-sub{font-size:10px!important}
  .customer-form-section{padding:16px!important}.customer-fields.two{grid-template-columns:1fr!important}
}

/* === Customer forms usability revize: required only when really needed === */
.form-section-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:27px;padding:0 9px;border-radius:999px;font-size:10px!important;font-style:normal;font-weight:900;letter-spacing:.02em;white-space:nowrap}.form-section-badge.required{color:#6d43ff;background:color-mix(in srgb,var(--brand) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line))}.form-section-badge.optional{color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.customer-form-section{padding:20px!important;border-radius:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 88%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))!important}.customer-form-section.is-core{border-color:color-mix(in srgb,var(--brand) 22%,var(--line))}.customer-form-section.is-optional{border-style:dashed;background:color-mix(in srgb,var(--surface2) 62%,transparent)!important}.customer-form-section-head{align-items:center!important}.customer-form-section-head>div b,.customer-form-section-head>b{font-size:15px!important;line-height:1.25}.customer-form-section-head>div small,.customer-form-section-head>small{font-size:12px!important;line-height:1.5!important;color:var(--muted)}
.customer-profile-form .field span,.customer-profile-form .field label,.checkout-customer-form .field label,.register-customer-card .field label{font-size:13px!important;font-weight:850!important}.customer-profile-form .field span small,.customer-profile-form .field label small,.checkout-customer-form .field label small,.register-customer-card .field label small{font-size:10.5px!important;font-weight:750!important;color:var(--muted)}
.customer-profile-form .field input,.customer-profile-form .field select,.customer-profile-form .field textarea,.auth-register-customer-form .field input,.auth-register-customer-form .field select,.auth-register-customer-form .field textarea{border-radius:12px!important;border-color:color-mix(in srgb,var(--line) 90%,transparent)!important;background:color-mix(in srgb,var(--surface2) 76%,var(--surface))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.customer-profile-form .field input,.customer-profile-form .field select,.auth-register-customer-form .field input,.auth-register-customer-form .field select{height:49px!important;padding:0 14px!important;font-size:13.5px!important}.customer-profile-form .field textarea,.auth-register-customer-form .field textarea{min-height:96px!important;padding:12px 14px!important;font-size:13.5px!important;line-height:1.55}.customer-profile-form .field input:focus,.customer-profile-form .field select:focus,.customer-profile-form .field textarea:focus,.auth-register-customer-form .field input:focus,.auth-register-customer-form .field select:focus,.auth-register-customer-form .field textarea:focus{border-color:color-mix(in srgb,var(--brand) 72%,#fff)!important;background:var(--surface)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 11%,transparent)!important}
.account-type-picker{gap:14px!important}.account-type-choice>span{min-height:88px!important;padding:15px 16px!important;border-radius:18px!important}.account-type-choice>span>i{width:45px!important;height:45px!important;border-radius:14px!important;font-size:18px!important}.account-type-choice>span>b{font-size:14px!important}.account-type-choice>span>small{font-size:11px!important;line-height:1.4!important}.account-type-picker.compact .account-type-choice>span{min-height:72px!important;padding:12px 14px!important}.account-type-picker.compact .account-type-choice>span>i{width:38px!important;height:38px!important}
.customer-optional-details{overflow:hidden;border:1px dashed color-mix(in srgb,var(--line) 92%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface2) 55%,transparent)}.customer-optional-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;user-select:none}.customer-optional-details summary::-webkit-details-marker{display:none}.customer-optional-details summary>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center}.customer-optional-details summary i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);font-style:normal;font-size:18px;font-weight:700;transition:transform .18s ease}.customer-optional-details[open] summary i{transform:rotate(45deg)}.customer-optional-details summary b{font-size:14px}.customer-optional-details summary small{font-size:11px;color:var(--muted);line-height:1.4}.customer-optional-details summary>em{font-style:normal;font-size:10px;font-weight:900;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 9px}.customer-optional-body{padding:4px 18px 18px;border-top:1px solid var(--line)}.customer-optional-body .customer-fields{padding-top:16px}
.register-shell-grid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,820px);gap:22px;align-items:start;justify-content:center}.register-customer-card{max-width:none!important;width:100%;padding:24px!important;border-radius:24px!important}.register-benefit-card{position:sticky;top:108px;padding:24px;border-radius:24px}.register-benefit-card h2{margin:6px 0 10px;font-size:27px;line-height:1.08}.register-benefit-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.register-benefit-card ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}.register-benefit-card li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;padding-top:14px;border-top:1px solid var(--line)}.register-benefit-card li i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,#10b981 12%,var(--surface));color:#10b981;font-style:normal;font-weight:900}.register-benefit-card li span{display:grid;gap:3px}.register-benefit-card li b{font-size:13px}.register-benefit-card li small{font-size:11px;line-height:1.5;color:var(--muted)}.register-premium-form{gap:16px!important}.register-premium-form .customer-form-intro{padding:0 2px 2px}.register-premium-form .customer-form-intro h2{font-size:27px!important}.register-premium-form .customer-form-intro p{font-size:12.5px!important}.register-premium-form .customer-form-intro strong{color:var(--brand)}
.auth-modal{width:min(620px,calc(100% - 24px))!important}.auth-register-customer-form{gap:13px!important}.auth-register-intro{display:flex!important;align-items:center;gap:12px;padding:13px 14px!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--surface2)),var(--surface2))!important}.auth-register-intro-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;font-size:14px;font-weight:900}.auth-register-intro>div{display:grid;gap:2px}.auth-register-intro b{font-size:14px!important}.auth-register-intro small{font-size:11px!important;line-height:1.45!important}.auth-register-customer-form .field{margin:0!important}.auth-register-customer-form .auth-grid{gap:12px!important}.auth-register-customer-form .field label{font-size:12.5px!important;font-weight:850!important}.auth-register-customer-form .field label em{font-style:normal;color:#ef4444}.auth-register-corporate{padding:13px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.auth-optional-note{margin-top:8px;color:var(--muted);font-size:10.5px;line-height:1.45}.auth-register-consents{padding:12px 13px!important;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.auth-register-consents .check-line{font-size:11px!important;line-height:1.45!important}.auth-register-full-link{font-size:11px!important;margin-top:2px!important}.auth-register-customer-form .form-submit{min-height:48px;border-radius:12px}
.checkout-customer-form .customer-form-section.is-required-context{border-color:color-mix(in srgb,#f59e0b 38%,var(--line));background:color-mix(in srgb,#f59e0b 4%,var(--surface))!important}.checkout-customer-form .customer-form-section.is-required-context .form-section-badge.required{color:#b45309;border-color:color-mix(in srgb,#f59e0b 38%,var(--line));background:color-mix(in srgb,#f59e0b 9%,var(--surface))}
@media(max-width:980px){.register-shell-grid{grid-template-columns:1fr}.register-benefit-card{position:static;display:none}.register-customer-card{max-width:820px!important;margin-inline:auto!important}}
@media(max-width:760px){.register-customer-card{padding:16px!important;border-radius:18px!important}.customer-form-section{padding:15px!important}.customer-form-section-head{grid-template-columns:auto 1fr!important}.customer-form-section-head .form-section-badge{grid-column:1/-1;justify-self:start}.customer-optional-details summary{padding:14px}.customer-optional-body{padding:4px 14px 14px}.auth-modal{width:100%!important}.account-type-choice>span{min-height:76px!important}.form-section-badge{font-size:9.5px!important}}

/* === 2026-09-19 · Profil / Üyelik form yerleşim revizesi ===
   profile-form'un eski 2 kolon ana grid'i müşteri formlarındaki bağımsız
   blokları sağa-sola dağıtıyordu. Ana akış tek kolon; alanların kendi
   içindeki 2 kolon düzeni korunur. */
.customer-profile-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
}
.customer-profile-form>*{min-width:0!important}
.customer-profile-form>.profile-avatar-editor,
.customer-profile-form>.account-type-picker,
.customer-profile-form>.customer-form-section,
.customer-profile-form>.customer-optional-details,
.customer-profile-form>.register-consents,
.customer-profile-form>.auth-register-intro,
.customer-profile-form>.auth-grid,
.customer-profile-form>.auth-register-corporate,
.customer-profile-form>.auth-register-consents,
.customer-profile-form>.form-submit,
.customer-profile-form>.auth-register-full-link,
.customer-profile-form>.field.full{
  grid-column:1/-1!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.profile-settings-card{padding:24px!important}
.profile-settings-card .customer-profile-form{width:100%;max-width:1120px;margin-inline:auto}
.profile-settings-card .profile-avatar-editor{margin:0!important}
.profile-settings-card .account-type-picker.compact{width:100%;margin:0!important}
.profile-settings-card .customer-form-section{width:100%;margin:0!important}
.profile-settings-card .customer-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.profile-settings-card .customer-fields .field{min-width:0!important}
.profile-settings-card .customer-fields .field input,
.profile-settings-card .customer-fields .field select,
.profile-settings-card .customer-fields .field textarea{width:100%!important;box-sizing:border-box!important}
.profile-settings-card .customer-profile-form>.field.full:last-child{padding:2px 0 0!important}
.profile-settings-card .customer-profile-form>.field.full:last-child .form-submit{width:100%!important;min-height:50px!important}

/* Tam sayfa üyelik formu: tüm adımlar tek, okunaklı dikey akışta. */
.register-premium-form{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.register-premium-form>.customer-form-intro,
.register-premium-form>.account-type-picker,
.register-premium-form>.customer-form-section,
.register-premium-form>.customer-optional-details,
.register-premium-form>.register-consents,
.register-premium-form>.customer-register-submit,
.register-premium-form>.register-login-link{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important}
.register-premium-form .customer-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.register-premium-form .field input,
.register-premium-form .field select,
.register-premium-form .field textarea{width:100%!important;box-sizing:border-box!important}
.register-premium-form .customer-register-submit{min-height:50px!important}

/* Header giriş popup'ındaki kayıt formu da aynı hizada kalsın. */
.auth-register-customer-form{grid-template-columns:minmax(0,1fr)!important}
.auth-register-customer-form .auth-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
.auth-register-customer-form .auth-register-corporate{width:100%!important;box-sizing:border-box!important}

@media(max-width:760px){
  .profile-settings-card{padding:15px!important}
  .customer-profile-form{gap:14px!important}
  .profile-settings-card .customer-fields.two,
  .register-premium-form .customer-fields.two,
  .auth-register-customer-form .auth-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .profile-settings-card .profile-avatar-editor{width:100%!important}
}

/* === 2026-09-19 · Domain kartı / DNS & Nameserver yerleşim düzeltmesi v18 ===
   Açılan DNS kartının diğer grid hücrelerini gereksiz yere uzatmasını ve
   tek NS seçeneğinin 1/3 genişlikte kalmasını engeller. */
.member-domain-controls{
  grid-template-columns:minmax(280px,.88fr) minmax(0,1.62fr)!important;
  align-items:start!important;
  gap:12px!important;
}
.member-domain-controls>.member-domain-renew{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  min-height:86px!important;
  box-sizing:border-box!important;
}
.member-domain-controls>.domain-ns-manager{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
}
.member-domain-controls>.member-domain-details.renewal{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
}
.member-domain-controls .member-domain-details{
  height:auto!important;
  min-height:72px!important;
}
.member-domain-controls .member-domain-details[open]{
  overflow:visible!important;
}
.domain-ns-manager .member-domain-detail-body{
  padding:15px 16px!important;
}
.domain-ns-mode-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
}
.domain-ns-choice{
  min-width:0!important;
}
.domain-ns-choice>span{
  min-height:88px!important;
  padding:12px 13px!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  column-gap:10px!important;
  box-sizing:border-box!important;
}
.domain-ns-choice i{
  width:30px!important;
  height:30px!important;
}
.domain-ns-choice b{
  font-size:12px!important;
  line-height:1.25!important;
}
.domain-ns-choice small{
  font-size:10.5px!important;
  line-height:1.45!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.domain-ns-choice em{
  font-size:10px!important;
  line-height:1.4!important;
}
.domain-ns-custom-field>span{
  font-size:11.5px!important;
}
.domain-ns-custom-field textarea{
  min-height:96px!important;
  padding:12px 13px!important;
  font-size:12px!important;
  line-height:1.6!important;
  box-sizing:border-box!important;
}
.domain-ns-custom-field small{
  font-size:10.5px!important;
  line-height:1.5!important;
}
.domain-ns-form-foot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px!important;
}
.domain-ns-form-foot p{
  max-width:none!important;
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}
.domain-ns-form-foot .btn{
  min-width:230px!important;
  min-height:46px!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

@media(max-width:1100px){
  .member-domain-controls{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .member-domain-controls>.member-domain-renew,
  .member-domain-controls>.domain-ns-manager,
  .member-domain-controls>.member-domain-details.renewal{
    grid-column:1!important;
    grid-row:auto!important;
  }
}
@media(max-width:760px){
  .member-domain-controls{gap:10px!important}
  .member-domain-controls>.member-domain-renew{min-height:0!important}
  .domain-ns-manager .member-domain-detail-body{padding:13px!important}
  .domain-ns-mode-grid{grid-template-columns:minmax(0,1fr)!important}
  .domain-ns-choice>span{min-height:78px!important}
  .domain-ns-form-foot{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  .domain-ns-form-foot .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* === 2026-09-19 · Domain DNS Manager v19 === */
.member-domain-controls{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:12px!important;
}
.member-domain-controls>.member-domain-renew{
  grid-column:1!important;grid-row:1!important;min-height:0!important;height:100%!important;
}
.member-domain-controls>.member-domain-details.renewal{
  grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;
}
.member-domain-controls>.domain-ns-manager{
  grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;
}
.domain-ns-manager{border-radius:16px!important;background:color-mix(in srgb,var(--panel2) 94%,var(--brand) 6%)!important}
.domain-ns-manager>summary{min-height:66px!important;padding:0 18px!important;font-size:12px!important}
.domain-ns-manager>summary em{font-size:10px!important;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.domain-ns-manager .member-domain-detail-body{padding:18px!important}
.domain-ns-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.domain-ns-head>div:first-child{display:grid;gap:4px}.domain-ns-head .account-kicker{font-size:9px}.domain-ns-head b{font-size:14px}.domain-ns-head p{font-size:10.5px!important}
.domain-ns-active-list{margin:0!important;justify-content:flex-end}.domain-ns-active-list code{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;gap:8px!important;padding:9px 11px!important;border-radius:10px!important}.domain-ns-active-list code small{font:900 8px/1 var(--font,Inter,sans-serif);color:var(--brand);letter-spacing:.08em}
.domain-ns-empty-state{padding:13px 14px;border:1px dashed var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:10.5px;line-height:1.5}
.domain-ns-form{padding-top:0!important;border-top:0!important;gap:14px!important}
.domain-ns-mode-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.domain-ns-choice{position:relative;min-width:0!important;cursor:pointer}.domain-ns-choice>input{position:absolute;opacity:0;pointer-events:none}
.domain-ns-choice>span{min-height:112px!important;padding:15px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;gap:12px!important;align-items:start!important;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.domain-ns-choice:hover>span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))!important}
.domain-ns-choice>input:checked+span{border-color:var(--brand)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--panel)),var(--panel))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)!important}
.domain-ns-choice>span>i{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--brand) 12%,var(--panel2))!important;color:var(--brand)!important;font-style:normal!important;font-size:16px!important;font-weight:900!important}
.domain-ns-choice-copy{display:grid;gap:4px;min-width:0}.domain-ns-choice-copy strong{font-size:12.5px;line-height:1.3}.domain-ns-choice-copy small{font-size:10.5px!important;line-height:1.45!important;color:var(--muted)}.domain-ns-choice-copy em{font-size:9.5px!important;font-style:normal;color:var(--brand);font-weight:850}.domain-ns-choice-copy em.is-warning{color:#d89a2b}
.domain-ns-choice-check{width:22px;height:22px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent;background:var(--panel2)}.domain-ns-choice>input:checked+span .domain-ns-choice-check{background:var(--brand);border-color:var(--brand);color:#fff}
.domain-ns-choice.is-disabled{cursor:not-allowed;opacity:.58}.domain-ns-choice.is-disabled>span{transform:none!important}
.domain-ns-mode-panel{padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,var(--brand) 8%)}
.domain-ns-mode-panel[hidden]{display:none!important}
.domain-ns-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.domain-ns-panel-title>div{display:grid;gap:2px}.domain-ns-panel-title>div>span{font-size:8.5px;font-weight:950;letter-spacing:.09em;color:var(--brand)}.domain-ns-panel-title b{font-size:12px}.domain-ns-panel-title>small{font-size:9.5px;color:var(--muted);text-align:right}
.domain-ns-system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.domain-ns-system-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:46px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.domain-ns-system-list span{font-size:8px;font-weight:950;color:var(--brand);letter-spacing:.08em}.domain-ns-system-list code{font:800 10.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);overflow-wrap:anywhere}.domain-ns-system-list i{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,#2bbd84 16%,transparent);color:#2bbd84;font-style:normal;font-size:9px;font-weight:950}
.domain-ns-input-list{display:grid;gap:8px}.domain-ns-input-row{display:grid;grid-template-columns:46px minmax(0,1fr) 36px;gap:8px;align-items:center}.domain-ns-index{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);display:grid;place-items:center;font-size:9px;font-weight:950;color:var(--brand);letter-spacing:.07em}.domain-ns-input-row input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:0 12px;font:750 11px ui-monospace,SFMono-Regular,Menlo,monospace;outline:0;box-sizing:border-box}.domain-ns-input-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 9%,transparent)}.domain-ns-remove{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font-size:18px;cursor:pointer}.domain-ns-remove:hover:not(:disabled){color:#e45d6b;border-color:color-mix(in srgb,#e45d6b 45%,var(--line))}.domain-ns-remove:disabled{opacity:.35;cursor:not-allowed}
.domain-ns-add{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:9px;padding:8px 11px;border:1px dashed color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--brand) 5%,var(--panel));color:var(--brand);font-size:10px;font-weight:900;cursor:pointer}.domain-ns-add span{font-size:15px;line-height:1}.domain-ns-add:hover{background:color-mix(in srgb,var(--brand) 10%,var(--panel))}.domain-ns-add:disabled{opacity:.45;cursor:not-allowed}
.domain-ns-confirm-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:10px 11px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);font-size:9.5px;color:var(--muted);line-height:1.5}.domain-ns-confirm-note>i{flex:0 0 20px;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-style:normal;font-size:9px;font-weight:950}.domain-ns-confirm-note b{color:var(--text)}
.domain-ns-form-foot{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding-top:2px}.domain-ns-apply-summary{display:grid;gap:2px}.domain-ns-apply-summary small{font-size:8px;color:var(--brand);font-weight:950;letter-spacing:.08em}.domain-ns-apply-summary b{font-size:11.5px}.domain-ns-apply-summary span{font-size:9.5px;color:var(--muted);line-height:1.45}.domain-ns-form-foot .btn{min-width:220px!important;min-height:45px!important}

@media(max-width:900px){
  .member-domain-controls{grid-template-columns:minmax(0,1fr)!important}
  .member-domain-controls>.member-domain-renew,.member-domain-controls>.member-domain-details.renewal,.member-domain-controls>.domain-ns-manager{grid-column:1!important;grid-row:auto!important}
  .domain-ns-head{grid-template-columns:1fr}.domain-ns-active-list{justify-content:flex-start}.domain-ns-mode-grid{grid-template-columns:1fr!important}.domain-ns-system-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .domain-ns-manager .member-domain-detail-body{padding:13px!important}.domain-ns-manager>summary{padding:0 13px!important}.domain-ns-choice>span{min-height:0!important;padding:13px!important;grid-template-columns:34px minmax(0,1fr) 22px!important}.domain-ns-choice>span>i{width:34px!important;height:34px!important}.domain-ns-panel-title{display:grid}.domain-ns-panel-title>small{text-align:left}.domain-ns-input-row{grid-template-columns:42px minmax(0,1fr) 34px}.domain-ns-form-foot{grid-template-columns:1fr!important}.domain-ns-form-foot .btn{width:100%!important;min-width:0!important}.domain-ns-add{width:100%;justify-content:center}
}

/* ========================================================================== */
/* SCRIPTA APPROVED HOME REDESIGN v2.15                                      */
/* ========================================================================== */
:root{--approved-topbar-h:30px;--approved-header-h:66px}
.shell{width:min(1320px,calc(100% - 40px))!important}
.site-utility-bar{position:fixed;inset:0 0 auto 0;height:var(--approved-topbar-h);z-index:1002;background:#f6f7fb;border-bottom:1px solid #e8ebf3;color:#44506a;font-size:10px;font-weight:700;letter-spacing:-.01em}
.site-utility-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.utility-market{justify-self:start;white-space:nowrap}.utility-benefits{display:flex;align-items:center;gap:26px;color:#172036;font-weight:800}.utility-benefits span{white-space:nowrap}.utility-locale{justify-self:end;font-weight:800;color:#34405a}
.site-header{top:var(--approved-topbar-h)!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e8ebf3!important;box-shadow:0 4px 18px rgba(23,31,57,.04)!important;backdrop-filter:blur(18px)!important}
.site-header .nav,.site-header.scrolled .nav{height:var(--approved-header-h)!important;gap:20px!important}
body{padding-top:calc(var(--approved-topbar-h) + var(--approved-header-h))!important;background:#fff}
.site-header .theme-brand-logo{height:49px!important;max-width:180px!important}
.site-header .main-nav{display:flex;align-items:center;gap:3px;min-width:0}
.site-header .nav-link{height:var(--approved-header-h);display:flex;align-items:center;padding:0 10px!important;font-size:12px!important;line-height:1;font-weight:800!important;color:#121a2f!important;letter-spacing:-.025em;position:relative}
.site-header .nav-link:hover{color:var(--brand)!important}
.site-header .nav-link.active:after{content:"";position:absolute!important;left:10px!important;right:10px!important;bottom:0!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--brand),var(--cyan))!important}
.site-header .nav-tools{gap:7px!important;margin-left:auto}
.site-header .header-search-wrap{width:min(345px,25vw)!important;flex:none!important}
.site-header .searchbar,.site-header.scrolled .searchbar{height:40px!important;border:1px solid #e5e8f1!important;border-radius:999px!important;background:#f7f8fc!important;box-shadow:none!important;padding:0 8px 0 13px!important}
.site-header .searchbar .icon{width:16px;height:16px;color:#36425c}.site-header .searchbar input{font-size:10.5px!important;color:#202940}.site-header .searchbar input::placeholder{color:#8790a6}
.site-header .tool,.site-header.scrolled .tool{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e3e7f0!important;color:#1b2540!important;box-shadow:0 4px 12px rgba(24,33,59,.05)!important}
.site-header .tool:hover{border-color:color-mix(in srgb,var(--brand) 36%,#e3e7f0)!important;color:var(--brand)!important;transform:translateY(-1px)}
.site-header .tool-count{min-width:16px;height:16px;line-height:16px;font-size:8px;top:-5px;right:-4px;background:#ff3156!important}
.site-header .login-btn,.site-header.scrolled .login-btn{height:40px!important;padding:0 17px!important;border-radius:10px!important;border:0!important;background:linear-gradient(135deg,#7250ff 0%,#4939ee 100%)!important;color:#fff!important;box-shadow:0 7px 14px rgba(83,63,235,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;font-size:11px!important;font-weight:900!important}
.site-header .login-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(83,63,235,.28)!important}
html[data-theme="dark"] .site-utility-bar{background:#090f1c;border-color:#182237;color:#9aa7c1}
html[data-theme="dark"] .utility-benefits{color:#e9edf7}
html[data-theme="dark"] .site-header{background:rgba(9,15,28,.98)!important;border-color:#182237!important}
html[data-theme="dark"] .site-header .nav-link{color:#f0f3fa!important}
html[data-theme="dark"] .site-header .searchbar{background:#111a2a!important;border-color:#253148!important}.site-header .mobile-menu{display:none!important}

/* Approved dark hero */
body[data-page="home"] .page-ambient{display:none!important}
body[data-page="home"] .scripta-approved-hero{min-height:390px!important;border:0!important;background:
 radial-gradient(circle at 88% 20%,rgba(110,45,255,.28),transparent 30%),
 radial-gradient(circle at 52% 110%,rgba(53,70,255,.2),transparent 36%),
 linear-gradient(105deg,#0e1729 0%,#07111f 47%,#151039 100%)!important;color:#fff;isolation:isolate}
body[data-page="home"] .scripta-approved-hero:before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;right:auto!important;top:auto!important;background:
 radial-gradient(circle at 4% 1%,rgba(117,70,255,.28) 0 80px,transparent 82px),
 radial-gradient(circle at 98% 84%,rgba(90,44,255,.18),transparent 22%)!important;pointer-events:none;z-index:-1}
body[data-page="home"] .scripta-approved-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
body[data-page="home"] .scripta-approved-hero .hero-slider{width:min(1320px,calc(100% - 40px))!important;overflow:visible!important}
body[data-page="home"] .scripta-approved-hero .hero-slide{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)!important;gap:30px!important;min-height:390px!important;padding:30px 0 24px!important;align-items:center!important}
body[data-page="home"] .scripta-approved-hero .hero-copy{padding:0!important;max-width:600px}
body[data-page="home"] .scripta-approved-hero .micro-badge{height:30px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#f0f4ff!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;backdrop-filter:blur(10px)}
body[data-page="home"] .scripta-approved-hero .micro-badge i{font-style:normal;color:#ff5a5a;margin-right:3px}
body[data-page="home"] .scripta-approved-hero h1{margin:15px 0 10px!important;max-width:650px!important;font-size:clamp(44px,4vw,62px)!important;line-height:.98!important;letter-spacing:-3.1px!important;color:#fff!important;font-weight:950!important;text-wrap:balance}
body[data-page="home"] .scripta-approved-hero h1 span{display:inline!important;background:linear-gradient(90deg,#6d53ff,#2f63ff 72%,#6d53ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body[data-page="home"] .scripta-approved-hero p{margin:0!important;max-width:585px!important;color:#c8d1e2!important;font-size:14px!important;line-height:1.6!important}
body[data-page="home"] .scripta-approved-hero .hero-cta{margin-top:20px!important;display:flex!important;gap:11px!important;flex-wrap:wrap}
body[data-page="home"] .scripta-approved-hero .btn{height:48px!important;border-radius:9px!important;padding:0 20px!important;font-size:12px!important;font-weight:900!important;gap:9px!important}
body[data-page="home"] .scripta-approved-hero .hero-primary{background:linear-gradient(135deg,#7b57ff 0%,#4639f4 55%,#2f58ff 100%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 11px 25px rgba(64,55,255,.35),inset 0 1px 0 rgba(255,255,255,.28)!important;color:#fff!important}
body[data-page="home"] .scripta-approved-hero .hero-primary b{font-size:14px}body[data-page="home"] .scripta-approved-hero .hero-primary span{font-size:16px;margin-left:2px}
body[data-page="home"] .scripta-approved-hero .hero-demo{background:rgba(6,14,28,.2)!important;border:1px solid rgba(129,111,255,.7)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important}
body[data-page="home"] .scripta-approved-hero .hero-demo i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5b49ff;font-size:8px;font-style:normal}
body[data-page="home"] .hero-proof-row{display:flex;align-items:center;gap:25px;margin-top:22px;flex-wrap:wrap}
body[data-page="home"] .hero-proof{display:flex;align-items:center;gap:9px;color:#fff;min-width:132px}
body[data-page="home"] .hero-proof>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;border:1px solid rgba(255,255,255,.12)}
body[data-page="home"] .hero-proof span{display:grid;gap:2px}body[data-page="home"] .hero-proof b{font-size:10px;line-height:1.1}body[data-page="home"] .hero-proof small{font-size:8px;color:#aab5ca;white-space:nowrap}
body[data-page="home"] .proof-green>i{background:rgba(21,172,116,.24);color:#66f0b4}body[data-page="home"] .proof-blue>i{background:rgba(38,111,255,.24);color:#75a2ff}body[data-page="home"] .proof-orange>i{background:rgba(255,151,39,.23);color:#ffb562}
body[data-page="home"] .approved-showcase{height:328px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;position:relative!important}
body[data-page="home"] .approved-showcase:before{content:"";position:absolute;width:76%;height:78%;right:7%;bottom:4%;background:radial-gradient(circle,rgba(86,55,255,.36),transparent 68%);filter:blur(24px);z-index:0}
body[data-page="home"] .approved-showcase-link{display:block;position:relative;z-index:1;width:100%;max-width:720px;transform:translateX(10px)}
body[data-page="home"] .approved-showcase img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;object-position:center right;filter:drop-shadow(0 20px 28px rgba(0,0,0,.34));border-radius:0!important}
body[data-page="home"] .hero-dots{bottom:10px!important;right:8px!important}body[data-page="home"] .hero-dot{background:rgba(255,255,255,.25)!important}body[data-page="home"] .hero-dot.active{background:#644cff!important}

/* Section titles + category cards */
body[data-page="home"] .section{padding:24px 0!important;background:#fff}
body[data-page="home"] .approved-category-section{padding-top:22px!important;border-bottom:1px solid #edf0f5!important}
body[data-page="home"] .section-head{margin-bottom:13px!important;align-items:center!important}
body[data-page="home"] .section-title{gap:10px!important}body[data-page="home"] .section-title h2{font-size:22px!important;letter-spacing:-1px!important;line-height:1.1!important;color:#121a2d!important;margin:0 0 3px!important;font-weight:950!important}body[data-page="home"] .section-title p{font-size:10px!important;color:#8490a6!important;margin:0!important}
body[data-page="home"] .approved-section-symbol{width:34px!important;height:34px!important;border-radius:11px!important;background:#f0edff!important;color:#684dff!important;border:0!important;box-shadow:none!important}.approved-section-symbol .icon{width:17px;height:17px}
body[data-page="home"] .see-all{height:34px!important;border-radius:999px!important;padding:0 14px!important;border:1px solid #e2e6f0!important;background:#fff!important;color:#5c45ff!important;font-size:9px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:7px!important;box-shadow:0 3px 9px rgba(23,31,57,.04)!important}
body[data-page="home"] .approved-categories{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
body[data-page="home"] .approved-cat{min-height:112px!important;border-radius:11px!important;padding:14px 14px 12px!important;text-align:left!important;display:grid!important;grid-template-columns:48px 1fr 28px!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;position:relative!important;background:#fff!important;border:1px solid #e6e9f1!important;box-shadow:0 5px 15px rgba(31,39,65,.035)!important;transform:none!important}
body[data-page="home"] .approved-cat:hover{transform:translateY(-2px)!important;border-color:#cfd4e3!important;box-shadow:0 10px 24px rgba(31,39,65,.08)!important}
body[data-page="home"] .approved-cat .cat-icon{width:48px!important;height:48px!important;margin:0!important;border-radius:12px!important;box-shadow:none!important}.approved-cat .cat-icon .icon{width:22px;height:22px}
body[data-page="home"] .approved-cat .cat-copy{min-width:0;display:grid;gap:5px}body[data-page="home"] .approved-cat b{font-size:12px!important;color:#151d31!important;line-height:1.1!important}body[data-page="home"] .approved-cat small{font-size:8.5px!important;line-height:1.3!important;color:#8791a4!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="home"] .approved-cat .cat-arrow{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(70,82,116,.12);font-size:11px;font-weight:900;color:#6753ff}
body[data-page="home"] .cat-tone-1{background:linear-gradient(135deg,#f7fbff,#fff)!important}.cat-tone-1 .cat-icon{background:#e6f4ff!important;color:#237cff!important}
body[data-page="home"] .cat-tone-2{background:linear-gradient(135deg,#fff8f9,#fff)!important}.cat-tone-2 .cat-icon{background:#ffe8ec!important;color:#ff3c59!important}
body[data-page="home"] .cat-tone-3{background:linear-gradient(135deg,#f7fff9,#fff)!important}.cat-tone-3 .cat-icon{background:#e4f9eb!important;color:#20ba6e!important}
body[data-page="home"] .cat-tone-4{background:linear-gradient(135deg,#fffaf4,#fff)!important}.cat-tone-4 .cat-icon{background:#fff0d7!important;color:#ff9d1c!important}
body[data-page="home"] .cat-tone-5{background:linear-gradient(135deg,#fbf8ff,#fff)!important}.cat-tone-5 .cat-icon{background:#efe5ff!important;color:#7741f6!important}
body[data-page="home"] .cat-tone-6{background:linear-gradient(135deg,#fffaf2,#fff)!important}.cat-tone-6 .cat-icon{background:#fff0d9!important;color:#f09318!important}

/* Featured products matching approved mockup */
body[data-page="home"] .approved-featured-section{padding-top:22px!important;padding-bottom:25px!important}
body[data-page="home"] .approved-product-head{align-items:flex-end!important}.approved-fire-symbol{width:36px!important;height:36px!important;border:0!important;background:#fff2ee!important;border-radius:50%!important;font-size:19px!important;box-shadow:none!important}
body[data-page="home"] .approved-feature-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.home-product-tabs{display:flex;align-items:center;border:1px solid #e5e8f0;border-radius:8px;overflow:hidden;background:#fff}.home-product-tabs button{height:32px;padding:0 14px;border:0;border-right:1px solid #edf0f5;background:#fff;color:#69758a;font-size:8.5px;font-weight:800;cursor:pointer}.home-product-tabs button:last-child{border-right:0}.home-product-tabs button.active{background:linear-gradient(135deg,#6549ff,#4e3af2);color:#fff}.home-product-tabs button:hover:not(.active){background:#f7f7fb;color:#4b3cf1}
body[data-page="home"] .approved-featured-section .section-actions{display:flex;gap:6px}.approved-featured-section .arrow-btn{width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e2e6ee!important;color:#566177!important}.approved-featured-section .arrow-btn:hover{background:#f8f7ff!important;color:#5b47f5!important}
body[data-page="home"] .approved-product-carousel{overflow-x:auto!important;scrollbar-width:none;padding:2px 1px 7px!important}.approved-product-carousel::-webkit-scrollbar{display:none}.approved-product-carousel .track{display:flex!important;gap:12px!important;width:max-content!important;min-width:100%!important}
body[data-page="home"] .home-product-card{width:254px!important;flex:0 0 254px!important;border:1px solid #e2e6ef!important;border-radius:10px!important;background:#fff!important;padding:6px!important;box-shadow:0 5px 16px rgba(31,39,65,.045)!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body[data-page="home"] .home-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 30px rgba(31,39,65,.1)!important;border-color:#d2d7e5!important}
body[data-page="home"] .home-product-card .product-photo{height:128px!important;border-radius:8px!important;background:#eef1f7!important}.home-product-card .product-photo:after{display:none!important}.home-product-card .product-photo img{object-fit:cover!important;transform:none!important}.home-product-card .product-photo:hover img{transform:scale(1.025)!important}
body[data-page="home"] .home-product-card .badge{left:6px!important;top:6px!important;height:23px!important;border-radius:5px!important;padding:0 8px!important;font-size:8px!important}.home-product-card .featured-badge{background:#19b66d!important}.home-product-card .product-favorite{top:10px!important;right:10px!important;width:32px!important;height:32px!important;border-radius:9px!important;background:#fff!important;border:1px solid rgba(35,47,75,.13)!important;color:#354059!important;opacity:1!important;box-shadow:0 4px 10px rgba(25,33,55,.08)!important}.home-product-card .product-favorite.active{background:#ff3d68!important;color:#fff!important;border-color:#ff3d68!important}
body[data-page="home"] .home-product-card .product-content{padding:9px 4px 4px!important}.home-product-card h3{font-size:12px!important;line-height:1.2!important;margin:0 0 4px!important;color:#11192b!important;font-weight:900!important}.home-product-card .product-desc{font-size:8.5px!important;line-height:1.35!important;height:24px!important;color:#7c879b!important;margin-bottom:7px}.home-product-stats{display:flex;align-items:center;gap:12px;margin:5px 0 6px;color:#687387;font-size:8.5px}.home-product-stats .rating{margin:0!important;color:#f6a000!important;font-size:8.5px!important}.home-product-stats .rating b{font-size:10px}.home-product-stats .rating small{color:#798399}.sales-stat{white-space:nowrap}.home-product-card .price-line{display:flex!important;align-items:baseline!important;gap:7px!important;min-height:25px!important;margin:1px 0 6px}.home-product-card .price{font-size:17px!important;color:#11192b!important;font-weight:950!important}.home-product-card .old{font-size:9px!important;color:#8d96a9!important;order:2}.home-product-card .product-card-footer{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:7px!important;margin:0!important;padding:0!important}.product-detail-btn{height:34px;border-radius:6px;border:1px solid #dce1ea;background:#fff;color:#202a41;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;text-decoration:none}.product-detail-btn:hover{background:#f6f7fb;color:#4e3cf2}.home-product-card .product-cart-btn{height:34px!important;margin:0!important;border-radius:6px!important;font-size:9px!important;box-shadow:0 5px 11px rgba(82,62,240,.18)!important}.home-product-card .product-cart-btn .icon{width:12px!important;height:12px!important}

/* Light-mode home background cadence */
body[data-page="home"] .approved-category-section,body[data-page="home"] .approved-featured-section{background:#fff!important}
body[data-page="home"] .approved-featured-section{border-top:1px solid #f1f3f7!important}

@media(max-width:1180px){
  .site-header .header-search-wrap{width:260px!important}.site-header .nav-link{padding:0 7px!important;font-size:11px!important}
  body[data-page="home"] .scripta-approved-hero .hero-slide{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr)!important}.utility-benefits{gap:14px}
  body[data-page="home"] .approved-categories{grid-template-columns:repeat(3,1fr)!important}.approved-feature-tools{max-width:62%;overflow:auto}.home-product-tabs{flex:none}
}
@media(max-width:900px){
  :root{--approved-topbar-h:0px;--approved-header-h:66px}.site-utility-bar{display:none!important}.site-header{top:0!important}body{padding-top:66px!important}.site-header .main-nav,.site-header .header-search-wrap,.site-header .login-btn,.site-header .fav{display:none!important}.site-header .mobile-menu{display:grid!important}.site-header .nav{justify-content:space-between}.site-header .nav-tools{margin-left:auto}.site-header .theme-brand-logo{height:44px!important}
  body[data-page="home"] .scripta-approved-hero .hero-slide{grid-template-columns:1fr!important;gap:8px!important;padding:28px 0 20px!important}.scripta-approved-hero .hero-copy{max-width:none!important;text-align:center}.scripta-approved-hero .hero-copy p{margin-left:auto!important;margin-right:auto!important}.scripta-approved-hero .hero-cta,.hero-proof-row{justify-content:center!important}.approved-showcase{height:270px!important;justify-content:center!important}.approved-showcase-link{transform:none!important;max-width:680px!important}.approved-showcase img{max-height:270px!important}.hero-dots{left:50%!important;right:auto!important;transform:translateX(-50%)}
  body[data-page="home"] .approved-categories{grid-template-columns:repeat(2,1fr)!important}.approved-product-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.approved-feature-tools{width:100%;max-width:none!important;overflow:auto}.home-product-tabs{max-width:max-content}.approved-featured-section .section-actions{margin-left:auto}
}
@media(max-width:560px){
  .shell{width:min(100% - 24px,1320px)!important}.site-header .nav,.site-header.scrolled .nav{height:62px!important}.site-header .theme-brand-logo{height:38px!important;max-width:148px!important}body{padding-top:62px!important}
  body[data-page="home"] .scripta-approved-hero .hero-slider{width:calc(100% - 24px)!important}.scripta-approved-hero .hero-slide{min-height:auto!important;padding-top:24px!important}.scripta-approved-hero .micro-badge{font-size:8px!important;height:27px!important}.scripta-approved-hero h1{font-size:39px!important;letter-spacing:-2px!important;line-height:1!important;margin-top:12px!important}.scripta-approved-hero p{font-size:11px!important;line-height:1.55!important}.scripta-approved-hero .btn{height:44px!important;padding:0 15px!important;font-size:10px!important}.hero-proof-row{gap:12px!important;margin-top:18px!important}.hero-proof{min-width:104px!important;gap:7px!important}.hero-proof>i{width:30px!important;height:30px!important}.hero-proof b{font-size:8.5px!important}.hero-proof small{font-size:7px!important}.approved-showcase{height:205px!important}.approved-showcase img{max-height:205px!important}
  body[data-page="home"] .section{padding:19px 0!important}.section-title h2{font-size:19px!important}.section-title p{font-size:8.5px!important}.approved-section-symbol,.approved-fire-symbol{width:31px!important;height:31px!important}.see-all{height:31px!important;padding:0 11px!important;font-size:8px!important}
  body[data-page="home"] .approved-categories{grid-template-columns:1fr!important;gap:8px!important}.approved-cat{min-height:84px!important;grid-template-columns:42px 1fr 27px!important;padding:11px!important}.approved-cat .cat-icon{width:42px!important;height:42px!important}.approved-cat b{font-size:11px!important}.approved-cat small{font-size:8px!important}
  .home-product-tabs button{height:30px;padding:0 10px;font-size:8px}.approved-feature-tools{gap:8px}.approved-featured-section .arrow-btn{width:31px!important;height:31px!important}.home-product-card{width:224px!important;flex-basis:224px!important}.home-product-card .product-photo{height:112px!important}
}

/* ========================================================================== */
/* SCRIPTA HOME HOTFIX v2.16 — slider isolation + desktop readability         */
/* ========================================================================== */
body[data-page="home"] .scripta-approved-hero .hero-slider{
  overflow:hidden!important;
}
body[data-page="home"] .scripta-approved-hero .hero-track{
  width:100%!important;
  min-width:0!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body[data-page="home"] .scripta-approved-hero .hero-copy,
body[data-page="home"] .scripta-approved-hero .approved-showcase{
  min-width:0!important;
}

/* Home section typography must remain legible on wide desktop screens. */
body[data-page="home"] .section{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
body[data-page="home"] .section-head{
  margin-bottom:18px!important;
}
body[data-page="home"] .section-title h2{
  font-size:27px!important;
  line-height:1.12!important;
  letter-spacing:-1.15px!important;
}
body[data-page="home"] .section-title p{
  font-size:12.5px!important;
  line-height:1.5!important;
}
body[data-page="home"] .section-symbol,
body[data-page="home"] .approved-section-symbol,
body[data-page="home"] .approved-fire-symbol{
  width:39px!important;
  height:39px!important;
}
body[data-page="home"] .see-all{
  height:38px!important;
  padding:0 16px!important;
  font-size:10.5px!important;
}

/* Popular categories */
body[data-page="home"] .approved-categories{
  gap:14px!important;
}
body[data-page="home"] .approved-cat{
  min-height:126px!important;
  padding:16px!important;
  grid-template-columns:52px minmax(0,1fr) 30px!important;
  gap:12px!important;
}
body[data-page="home"] .approved-cat .cat-icon{
  width:52px!important;
  height:52px!important;
}
body[data-page="home"] .approved-cat .cat-icon .icon{
  width:24px!important;
  height:24px!important;
}
body[data-page="home"] .approved-cat b{
  font-size:14px!important;
  line-height:1.2!important;
}
body[data-page="home"] .approved-cat small{
  font-size:10.5px!important;
  line-height:1.42!important;
}
body[data-page="home"] .approved-cat .cat-arrow{
  width:30px!important;
  height:30px!important;
  font-size:13px!important;
}

/* Product sliders — featured, new and sale all use .home-product-card. */
body[data-page="home"] .approved-product-carousel .track,
body[data-page="home"] #freshTrack,
body[data-page="home"] #saleTrack{
  gap:15px!important;
}
body[data-page="home"] .home-product-tabs button{
  height:36px!important;
  padding:0 16px!important;
  font-size:10px!important;
}
body[data-page="home"] .home-product-card{
  width:278px!important;
  flex:0 0 278px!important;
  padding:7px!important;
  border-radius:12px!important;
}
body[data-page="home"] .home-product-card .product-photo{
  height:146px!important;
  border-radius:9px!important;
}
body[data-page="home"] .home-product-card .badge{
  height:25px!important;
  padding:0 9px!important;
  font-size:9px!important;
}
body[data-page="home"] .home-product-card .product-content{
  padding:11px 5px 5px!important;
}
body[data-page="home"] .home-product-card h3{
  font-size:14.5px!important;
  line-height:1.28!important;
  margin-bottom:5px!important;
}
body[data-page="home"] .home-product-card .product-desc{
  font-size:11px!important;
  line-height:1.45!important;
  height:32px!important;
  margin-bottom:8px!important;
}
body[data-page="home"] .home-product-stats{
  gap:13px!important;
  margin:7px 0 8px!important;
  font-size:10.5px!important;
}
body[data-page="home"] .home-product-stats .rating{
  font-size:10.5px!important;
}
body[data-page="home"] .home-product-stats .rating b{
  font-size:12px!important;
}
body[data-page="home"] .home-product-card .price-line{
  min-height:29px!important;
  margin-bottom:8px!important;
}
body[data-page="home"] .home-product-card .price{
  font-size:20px!important;
}
body[data-page="home"] .home-product-card .old{
  font-size:10.5px!important;
}
body[data-page="home"] .product-detail-btn,
body[data-page="home"] .home-product-card .product-cart-btn{
  height:38px!important;
  font-size:10.5px!important;
}
body[data-page="home"] .home-product-card .product-cart-btn .icon{
  width:14px!important;
  height:14px!important;
}

/* Bundle + service cards on the homepage */
body[data-page="home"] .bundle-card-title span{
  font-size:9.5px!important;
}
body[data-page="home"] .bundle-card-title h2{
  font-size:20px!important;
  line-height:1.22!important;
}
body[data-page="home"] .bundle-card-body>p{
  font-size:13.5px!important;
  line-height:1.62!important;
}
body[data-page="home"] .bundle-card-price small,
body[data-page="home"] .bundle-saving-line{
  font-size:11px!important;
}
body[data-page="home"] .bundle-card-price s{
  font-size:13px!important;
}
body[data-page="home"] .bundle-card-price strong{
  font-size:26px!important;
}
body[data-page="home"] .bundle-card-actions .btn{
  font-size:12px!important;
}
body[data-page="home"] .service-card-meta span,
body[data-page="home"] .service-card-meta small{
  font-size:10.5px!important;
}
body[data-page="home"] .service-card h2{
  font-size:20.5px!important;
  line-height:1.28!important;
}
body[data-page="home"] .service-card p{
  font-size:13.5px!important;
  line-height:1.65!important;
}
body[data-page="home"] .service-card-footer small{
  font-size:10.5px!important;
}
body[data-page="home"] .service-card-footer strong{
  font-size:17px!important;
}
body[data-page="home"] .service-detail-link{
  font-size:12px!important;
}

/* Social proof / reviews */
body[data-page="home"] .proof-lead{
  font-size:19px!important;
}
body[data-page="home"] .proof-stat b{
  font-size:18px!important;
}
body[data-page="home"] .proof-stat small{
  font-size:11px!important;
}
body[data-page="home"] .review b{
  font-size:13.5px!important;
}
body[data-page="home"] .review .stars{
  font-size:11px!important;
}
body[data-page="home"] .review p{
  font-size:13px!important;
  line-height:1.65!important;
}

/* Blog cards */
body[data-page="home"] .blog-meta{
  font-size:11px!important;
}
body[data-page="home"] .blog-tag{
  font-size:10px!important;
}
body[data-page="home"] .blog-card h3{
  font-size:18px!important;
  line-height:1.38!important;
}
body[data-page="home"] .blog-card p{
  font-size:13px!important;
  line-height:1.62!important;
  min-height:62px!important;
}
body[data-page="home"] .blog-more{
  font-size:12px!important;
}

/* Newsletter */
body[data-page="home"] .newsletter-copy>span{
  font-size:11px!important;
}
body[data-page="home"] .newsletter-copy h2{
  font-size:30px!important;
}
body[data-page="home"] .newsletter-copy p{
  font-size:13.5px!important;
}
body[data-page="home"] .newsletter-input input,
body[data-page="home"] .newsletter-input button{
  font-size:12px!important;
}
body[data-page="home"] .newsletter-form>small{
  font-size:11px!important;
}

@media(max-width:900px){
  body[data-page="home"] .section-title h2{font-size:24px!important}
  body[data-page="home"] .section-title p{font-size:11.5px!important}
  body[data-page="home"] .home-product-card{width:258px!important;flex-basis:258px!important}
  body[data-page="home"] .home-product-card .product-photo{height:136px!important}
}
@media(max-width:560px){
  body[data-page="home"] .section{padding-top:25px!important;padding-bottom:25px!important}
  body[data-page="home"] .section-title h2{font-size:22px!important;letter-spacing:-.7px!important}
  body[data-page="home"] .section-title p{font-size:11px!important}
  body[data-page="home"] .approved-cat{min-height:92px!important;padding:12px!important;grid-template-columns:44px minmax(0,1fr) 28px!important}
  body[data-page="home"] .approved-cat .cat-icon{width:44px!important;height:44px!important}
  body[data-page="home"] .approved-cat b{font-size:13px!important}
  body[data-page="home"] .approved-cat small{font-size:10px!important}
  body[data-page="home"] .home-product-tabs button{font-size:9px!important;padding:0 11px!important}
  body[data-page="home"] .home-product-card{width:236px!important;flex-basis:236px!important}
  body[data-page="home"] .home-product-card .product-photo{height:124px!important}
  body[data-page="home"] .home-product-card h3{font-size:13.5px!important}
  body[data-page="home"] .home-product-card .product-desc{font-size:10.5px!important}
  body[data-page="home"] .home-product-stats,body[data-page="home"] .home-product-stats .rating{font-size:10px!important}
  body[data-page="home"] .blog-card h3{font-size:17px!important}
  body[data-page="home"] .blog-card p{font-size:12.5px!important}
  body[data-page="home"] .review p{font-size:12.5px!important}
}

/* ========================================================================== */
/* SCRIPTA HOME HOTFIX v2.20 — clean fade slider + swipe/touch controls       */
/* ========================================================================== */
body[data-page="home"] .scripta-approved-hero .hero-slider{
  position:relative!important;
  overflow:hidden!important;
  touch-action:pan-y pinch-zoom;
  cursor:grab;
  user-select:none;
}
body[data-page="home"] .scripta-approved-hero .hero-slider.is-dragging{
  cursor:grabbing;
}
body[data-page="home"] .scripta-approved-hero .hero-track{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
  transform:translate3d(0,0,0);
  transition:opacity .38s ease,transform .22s ease!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slide.active{
  position:relative!important;
  inset:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slider.is-dragging .hero-slide.active{
  transition:none!important;
}

/* Controls no longer sit on top of artwork/text. They live in one clean strip. */
body[data-page="home"] .scripta-approved-hero .hero-arrows{
  position:absolute!important;
  left:auto!important;
  right:54px!important;
  top:auto!important;
  bottom:13px!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  transform:none!important;
  z-index:12!important;
  pointer-events:auto!important;
  opacity:1!important;
}
body[data-page="home"] .scripta-approved-hero .hero-prev,
body[data-page="home"] .scripta-approved-hero .hero-next{
  margin:0!important;
}
body[data-page="home"] .scripta-approved-hero .hero-arrow{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(7,14,28,.58)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.15)!important;
  backdrop-filter:blur(10px);
  opacity:.92!important;
}
body[data-page="home"] .scripta-approved-hero .hero-arrow:hover{
  background:#654cff!important;
  border-color:#654cff!important;
  transform:translateY(-1px)!important;
}
body[data-page="home"] .scripta-approved-hero .hero-dots{
  left:auto!important;
  right:16px!important;
  bottom:25px!important;
  transform:none!important;
  z-index:13!important;
}
body[data-page="home"] .scripta-approved-hero .approved-showcase-link,
body[data-page="home"] .scripta-approved-hero .hero-copy a{
  user-drag:none;
  -webkit-user-drag:none;
}
body[data-page="home"] .scripta-approved-hero img{
  -webkit-user-drag:none;
  pointer-events:none;
}

@media(max-width:900px){
  body[data-page="home"] .scripta-approved-hero .hero-arrows{
    right:50%!important;
    bottom:9px!important;
    transform:translateX(50%)!important;
  }
  body[data-page="home"] .scripta-approved-hero .hero-dots{
    left:16px!important;
    right:auto!important;
    bottom:20px!important;
    transform:none!important;
  }
}
@media(max-width:560px){
  body[data-page="home"] .scripta-approved-hero .hero-arrow{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }
  body[data-page="home"] .scripta-approved-hero .hero-arrows{
    bottom:7px!important;
  }
}

/* ========================================================================== */
/* SCRIPTA HOME HOTFIX v2.30 — stable-height overlay slider                  */
/* ========================================================================== */
body[data-page="home"] .scripta-approved-hero .hero-track{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:stretch!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  transform:none!important;
  transition:none!important;
  overflow:visible!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slide{
  grid-area:1 / 1!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  align-self:stretch!important;
  overflow:visible!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
  transform:none!important;
  transition:opacity .32s ease!important;
}
body[data-page="home"] .scripta-approved-hero .hero-slide.active{
  position:relative!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
  transform:none!important;
}
/* Keep every slide in layout so the row uses the tallest slide; no height jump. */
body[data-page="home"] .scripta-approved-hero .hero-slide:not(.active){
  display:grid!important;
}
/* Gesture is detected without physically dragging the content off-canvas. */
body[data-page="home"] .scripta-approved-hero .hero-slider.is-dragging .hero-slide.active{
  transform:none!important;
  opacity:1!important;
  transition:none!important;
}
body[data-page="home"] .scripta-approved-hero .hero-copy,
body[data-page="home"] .scripta-approved-hero .hero-visual{
  overflow:visible!important;
}

/* ========================================================================== */
/* SCRIPTA HERO VISUAL v2.50 — image-free premium dashboard/device showcase   */
/* ========================================================================== */
body[data-page="home"] .scripta-approved-hero .hero-ui-showcase{
  height:390px!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:0!important;
}
body[data-page="home"] .scripta-approved-hero .hero-ui-stage{
  width:min(100%,690px);
  height:360px;
  position:relative;
  display:block;
  text-decoration:none;
  color:inherit;
  isolation:isolate;
  transform:translateZ(0);
}
body[data-page="home"] .scripta-approved-hero .hero-ui-stage:before{
  content:"";
  position:absolute;
  inset:22px 28px 10px 52px;
  border-radius:34px;
  background:radial-gradient(circle at 72% 20%,rgba(116,70,255,.42),transparent 44%),linear-gradient(150deg,rgba(23,35,70,.96),rgba(18,14,54,.90));
  box-shadow:0 28px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  z-index:-3;
}
body[data-page="home"] .scripta-approved-hero .hero-ui-stage:after{
  content:"";
  position:absolute;
  left:78px;right:26px;bottom:5px;height:44px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(88,70,255,.34),rgba(12,16,40,0) 70%);
  filter:blur(9px);
  z-index:-2;
}
body[data-page="home"] .scripta-approved-hero .hero-ui-aura{
  position:absolute;border-radius:999px;filter:blur(2px);opacity:.7;pointer-events:none;z-index:-1;
}
body[data-page="home"] .scripta-approved-hero .hero-ui-aura-one{width:185px;height:185px;right:-4px;top:0;background:radial-gradient(circle,rgba(118,76,255,.35),transparent 68%)}
body[data-page="home"] .scripta-approved-hero .hero-ui-aura-two{width:150px;height:150px;left:20px;bottom:10px;background:radial-gradient(circle,rgba(47,119,255,.22),transparent 70%)}
body[data-page="home"] .scripta-approved-hero .hero-ui-laptop{
  position:absolute;
  left:28px;right:70px;top:35px;height:286px;
  border:7px solid #1a2030;
  border-bottom-width:11px;
  border-radius:18px 18px 13px 13px;
  background:#f8faff;
  box-shadow:0 22px 44px rgba(2,7,22,.36),0 0 0 1px rgba(255,255,255,.18) inset;
  overflow:hidden;
  transform:perspective(1100px) rotateY(-2.2deg) rotateX(.8deg);
  transform-origin:center bottom;
}
body[data-page="home"] .scripta-approved-hero .hero-ui-laptop:after{
  content:"";position:absolute;left:-26px;right:-26px;bottom:-17px;height:14px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#9098aa,#495064 58%,#22283a);box-shadow:0 7px 12px rgba(0,0,0,.22)
}
body[data-page="home"] .scripta-approved-hero .hero-ui-browserbar{height:34px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 11px;border-bottom:1px solid #edf0f7;color:#8a92a5;font-size:7px}
body[data-page="home"] .scripta-approved-hero .hero-ui-brandmark{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:10px;background:linear-gradient(135deg,#00bce6,#5d34ff)}
body[data-page="home"] .scripta-approved-hero .hero-ui-search{height:20px;flex:1;max-width:240px;border-radius:8px;background:#f3f5fb;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden}
body[data-page="home"] .scripta-approved-hero .hero-ui-search i{width:6px;height:6px;border:1.5px solid #8e96aa;border-radius:50%;margin-right:6px;position:relative}
body[data-page="home"] .scripta-approved-hero .hero-ui-search i:after{content:"";position:absolute;width:3px;height:1px;background:#8e96aa;right:-3px;bottom:-1px;transform:rotate(45deg)}
body[data-page="home"] .scripta-approved-hero .hero-ui-browser-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.hero-ui-browser-actions>i{width:17px;height:17px;border-radius:50%;background:#f3f5fb}.hero-ui-browser-actions>b{height:21px;padding:0 10px;border-radius:7px;background:#5c45ff;color:#fff;display:flex;align-items:center;font-size:7px}
body[data-page="home"] .scripta-approved-hero .hero-ui-dashboard{height:calc(100% - 34px);display:grid;grid-template-columns:92px 1fr;background:#f8faff}
body[data-page="home"] .scripta-approved-hero .hero-ui-sidebar{background:linear-gradient(180deg,#111a34,#0d1328);padding:12px 8px;color:#cbd2e6;display:flex;flex-direction:column;gap:7px;font-size:6.4px}
body[data-page="home"] .scripta-approved-hero .hero-ui-sidebar strong{display:flex;align-items:center;gap:5px;color:#fff;font-size:8px;margin:0 2px 4px}.hero-ui-sidebar strong span{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,#09c3e4,#6739ff);font-size:9px}
body[data-page="home"] .scripta-approved-hero .hero-ui-sidebar em{font-style:normal;display:flex;align-items:center;gap:5px;height:23px;padding:0 7px;border-radius:6px}.hero-ui-sidebar em.active{background:linear-gradient(90deg,#4059ff,#6f45ff);color:#fff}.hero-ui-sidebar em b{font-weight:700}
body[data-page="home"] .scripta-approved-hero .hero-ui-content{padding:12px 13px 10px;min-width:0}
body[data-page="home"] .scripta-approved-hero .hero-ui-title{display:flex;flex-direction:column;gap:2px;margin-bottom:9px}.hero-ui-title small{font-size:5.5px;letter-spacing:.12em;color:#9aa3b8;font-weight:900}.hero-ui-title strong{font-size:11px;color:#161d30}
body[data-page="home"] .scripta-approved-hero .hero-ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hero-ui-stats>span{min-width:0;height:53px;background:#fff;border:1px solid #eef1f7;border-radius:9px;padding:7px 8px;box-shadow:0 3px 10px rgba(20,30,60,.04)}.hero-ui-stats small{display:block;font-size:5.5px;color:#8f98ad;white-space:nowrap}.hero-ui-stats b{display:block;color:#161d30;font-size:10px;margin-top:4px}.hero-ui-stats em{font-style:normal;font-size:5.5px;color:#19a96d;font-weight:900}
body[data-page="home"] .scripta-approved-hero .hero-ui-panels{display:grid;grid-template-columns:1.55fr .9fr;gap:7px;margin-top:7px;height:116px}.hero-ui-chart,.hero-ui-donut-panel{position:relative;background:#fff;border:1px solid #eef1f7;border-radius:9px;padding:8px;overflow:hidden}.hero-ui-panel-title{font-size:6.4px;font-weight:850;color:#252d42;display:flex;justify-content:space-between}.hero-ui-panel-title small{font-size:5px;color:#a0a8ba;font-weight:700}.hero-ui-chart-grid{position:absolute;left:10px;right:10px;top:30px;bottom:21px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 17px,#edf0f6 18px)}.hero-ui-chart svg{position:absolute;left:10px;right:10px;top:32px;width:calc(100% - 20px);height:62px}.hero-ui-chart polyline{stroke:#5c45ff;stroke-width:2.5}.hero-ui-months{position:absolute;left:12px;right:12px;bottom:7px;display:flex;justify-content:space-between;color:#9aa3b7;font-size:4.7px}.hero-ui-donut{width:54px;height:54px;border-radius:50%;margin:16px auto 0;background:conic-gradient(#4f6eff 0 38%,#14b8e6 38% 62%,#7c4dff 62% 80%,#ff9e3d 80% 100%);position:relative}.hero-ui-donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.hero-ui-legend{position:absolute;right:7px;bottom:6px;left:7px;display:grid;grid-template-columns:1fr 1fr;gap:2px;font-size:4.5px;color:#7d879a}.hero-ui-legend span{display:flex;align-items:center;gap:3px}.hero-ui-legend i{width:4px;height:4px;border-radius:50%;background:#4f6eff}.hero-ui-legend span:nth-child(2) i{background:#14b8e6}.hero-ui-legend span:nth-child(3) i{background:#7c4dff}.hero-ui-legend span:nth-child(4) i{background:#ff9e3d}
body[data-page="home"] .scripta-approved-hero .hero-ui-phone{position:absolute;right:10px;top:82px;width:126px;height:246px;border:7px solid #141a2a;border-radius:26px;background:#fff;box-shadow:0 22px 42px rgba(0,0,0,.36);overflow:hidden;transform:rotate(1.2deg)}
body[data-page="home"] .scripta-approved-hero .hero-phone-notch{position:absolute;top:0;left:50%;width:50px;height:9px;border-radius:0 0 9px 9px;background:#141a2a;transform:translateX(-50%);z-index:2}.hero-phone-head{height:39px;padding:13px 9px 5px;display:flex;align-items:center;justify-content:space-between;font-size:7px}.hero-phone-head strong{display:flex;align-items:center;gap:4px;color:#12192c}.hero-phone-head strong span{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(135deg,#09c3e4,#6739ff);color:#fff;font-size:8px}.hero-phone-head i{font-style:normal;color:#20283b}.hero-phone-hero{height:75px;background:linear-gradient(145deg,#101a35,#16244b);color:#fff;padding:12px 9px;display:flex;flex-direction:column}.hero-phone-hero small{font-size:5px;color:#abb7d9}.hero-phone-hero b{font-size:11px;line-height:1.05;margin-top:2px}.hero-phone-hero em{font-style:normal;font-size:5px;color:#aeb8d2;margin-top:5px}.hero-phone-search{margin:7px 8px 6px;height:22px;border:1px solid #e8ecf3;border-radius:7px;background:#f8f9fc;display:flex;align-items:center;padding:0 7px;color:#a0a8b8;font-size:5px}.hero-phone-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 7px}.hero-phone-cats span{height:37px;border-radius:7px;background:#f4f6fb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5d45ff;font-size:9px}.hero-phone-cats small{font-size:4.5px;color:#3c4558;margin-top:2px}.hero-phone-product{margin:7px;border-radius:8px;background:#f5f7fb;padding:6px;color:#2b3346}.hero-phone-product>small{font-size:4.5px;color:#18a66e;font-weight:900}.hero-phone-product>b{display:block;font-size:6px;margin-top:2px}.hero-phone-product>span{display:flex;gap:2px;margin-top:5px}.hero-phone-product>span i{height:3px;flex:1;border-radius:5px;background:#dee3ef}.hero-phone-product>span i:first-child{background:#5c45ff}
body[data-page="home"] .scripta-approved-hero .hero-ui-callout{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;min-width:150px;height:42px;padding:0 11px;border-radius:14px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.74);box-shadow:0 14px 30px rgba(9,15,38,.22);backdrop-filter:blur(10px);color:#1d2437}.hero-ui-callout>i{font-style:normal;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#eceaff,#d9e6ff);color:#644cff;font-size:10px}.hero-ui-callout>span{display:flex;flex-direction:column}.hero-ui-callout b{font-size:7.5px}.hero-ui-callout small{font-size:5.5px;color:#7f899c;margin-top:2px}.callout-top{right:78px;top:24px}.callout-bottom{left:290px;bottom:5px}
body[data-page="home"] .scripta-approved-hero .hero-ui-stage:hover .hero-ui-laptop{transform:perspective(1100px) rotateY(-1deg) rotateX(.4deg) translateY(-2px);transition:transform .3s ease}.hero-ui-stage:hover .hero-ui-phone{transform:rotate(.2deg) translateY(-2px);transition:transform .3s ease}

@media(max-width:1100px){
  body[data-page="home"] .scripta-approved-hero .hero-ui-showcase{height:340px!important;min-height:340px!important}
  body[data-page="home"] .scripta-approved-hero .hero-ui-stage{height:320px;transform:scale(.91);transform-origin:center center}
}
@media(max-width:900px){
  body[data-page="home"] .scripta-approved-hero .hero-ui-showcase{height:310px!important;min-height:310px!important;margin-top:4px!important}
  body[data-page="home"] .scripta-approved-hero .hero-ui-stage{height:300px;transform:scale(.84);transform-origin:center top}
}
@media(max-width:620px){
  body[data-page="home"] .scripta-approved-hero .hero-ui-showcase{height:230px!important;min-height:230px!important;overflow:hidden!important}
  body[data-page="home"] .scripta-approved-hero .hero-ui-stage{width:660px;height:340px;transform:scale(.62);transform-origin:top center;left:50%;margin-left:-330px}
  body[data-page="home"] .scripta-approved-hero .callout-top{right:70px}.scripta-approved-hero .callout-bottom{left:280px}
}


/* ========================================================================== */
/* SCRIPTA HERO PNG VISUAL v2.60 — approved category artwork                 */
/* ========================================================================== */
body[data-page="home"] .scripta-approved-hero .hero-png-showcase{
  height:390px!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="home"] .scripta-approved-hero .hero-png-link{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="home"] .scripta-approved-hero .hero-png-showcase img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:760px!important;
  max-height:390px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
@media(max-width:1100px){
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase{height:340px!important;min-height:340px!important}
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase img{max-height:335px!important;max-width:670px!important}
}
@media(max-width:900px){
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase{height:310px!important;min-height:310px!important;margin-top:4px!important}
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase img{max-height:300px!important;max-width:620px!important}
}
@media(max-width:620px){
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase{height:220px!important;min-height:220px!important;overflow:hidden!important}
  body[data-page="home"] .scripta-approved-hero .hero-png-showcase img{width:112%!important;max-width:none!important;max-height:215px!important;object-fit:contain!important}
}