:root{--primary:#c97313;--primary-soft:#f6eadc;--primary-hover:#a95c08;--dark:#111;--navy:#25344b;--text:#222;--muted:#6f7278;--light:#f7f8fa;--white:#fff;--border:#e4e7eb;--shadow:0 20px 55px rgba(17,17,17,.12);--radius:18px;--transition:.35s cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Jost',sans-serif;color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.panel-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}ul{list-style:none}h1,h2,h3,h4{font-family:'Prata',serif;font-weight:400}.container{width:min(1180px,90%);margin:auto}.eyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.section-title{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1}.section-copy{color:var(--muted);font-size:1.02rem;max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 30px;background:var(--dark);border:1px solid var(--dark);color:#fff;letter-spacing:1.5px;text-transform:uppercase;font-size:.78rem;font-weight:600;transition:var(--transition)}.btn:hover{background:var(--primary);border-color:var(--primary)}.btn-outline{background:transparent;color:var(--dark)}.btn-outline:hover{color:#fff}.btn.full{width:100%}.text-button{border:0;background:none;color:var(--primary);font-size:.87rem;margin-top:12px}.empty-small{font-size:.9rem;color:var(--muted);padding:12px 0}.page-shell{padding-top:90px}.page-hero{min-height:430px;display:flex;align-items:end;position:relative;overflow:hidden;background:#111;color:#fff;padding:80px 0}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2))}.page-hero.has-image{background-size:cover;background-position:center}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);max-width:800px;line-height:1.05}.page-hero p{max-width:650px;color:rgba(255,255,255,.75);font-size:1.05rem;margin-top:18px}.content-section{padding:90px 0}.content-section.soft{background:var(--light)}
/* header */
.site-header{height:92px;position:fixed;inset:0 0 auto;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 5%;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.site-header.scrolled{height:76px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.site-logo{font-size:1.58rem;font-weight:600;letter-spacing:3px;color:#111}.site-logo span{color:var(--primary)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:38px;height:100%}.nav-link{position:relative;border:0;background:none;color:var(--navy);font-size:1.02rem;font-weight:600;padding:33px 0;white-space:nowrap;transition:color .2s}.site-header.scrolled .nav-link{padding:25px 0}.nav-link i{font-size:.7em;margin-left:5px;transition:transform .2s}.nav-link:hover,.nav-link.active,.nav-dropdown:hover>.nav-link{color:var(--primary)}.nav-dropdown:hover>.nav-link i{transform:rotate(180deg)}.nav-dropdown{height:100%;display:flex;align-items:center;position:relative}.dropdown-card{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%,10px);width:310px;padding:28px 0;background:#fff;border:1px solid #dce2e9;border-radius:18px;box-shadow:0 22px 45px rgba(25,35,48,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.dropdown-card:before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}.nav-dropdown:hover .dropdown-card,.nav-dropdown:focus-within .dropdown-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.dropdown-card a{display:flex;justify-content:space-between;align-items:center;padding:16px 46px;font-size:1.08rem;font-weight:500;color:#334056;transition:background .2s,color .2s,padding .2s}.dropdown-card a:hover{color:var(--primary);background:#fbf8f4;padding-left:50px}.dropdown-card .dropdown-all{margin-top:10px;padding-top:20px;border-top:1px solid var(--border);font-size:.9rem;color:var(--primary)}.header-actions{display:flex;align-items:center;gap:12px}.header-icon,.mobile-menu-button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#26344a;font-size:1.04rem;border-radius:50%;transition:var(--transition)}.header-icon:hover,.mobile-menu-button:hover{background:#f2f3f5;color:var(--primary)}.cart-icon{position:relative}.cart-count{position:absolute;right:0;top:1px;background:var(--primary);color:#fff;min-width:17px;height:17px;border-radius:10px;padding:0 4px;font-size:.64rem;display:grid;place-items:center}.mobile-menu-button{display:none}
/* mobile drawer */
.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(390px,92vw);background:#fff;z-index:1300;transform:translateX(105%);transition:var(--transition);box-shadow:var(--shadow);padding:25px}.mobile-drawer.open{transform:none}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border)}.mobile-drawer-head button{width:42px;height:42px;border:0;background:#f5f5f5;border-radius:50%}.mobile-nav{display:grid;padding-top:18px}.mobile-nav>a,.mobile-nav summary{padding:16px 4px;border-bottom:1px solid #eee;color:var(--navy);font-weight:600;cursor:pointer;list-style:none}.mobile-nav details div{display:grid;padding:8px 0 8px 15px}.mobile-nav details div a{padding:10px;color:var(--muted)}
/* overlays */
.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:1400;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.search-overlay.open{opacity:1;visibility:visible}.overlay-close{position:absolute;right:5%;top:35px;width:48px;height:48px;border:0;border-radius:50%;background:#f1f1f1;font-size:1.2rem}.search-overlay-form{width:min(850px,88%)}.search-overlay-form>span{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:4px;font-size:.75rem;margin-bottom:20px}.search-overlay-form>div{display:flex;border-bottom:2px solid #111}.search-overlay-form input{border:0;outline:0;width:100%;font-family:'Prata',serif;font-size:clamp(1.6rem,4vw,3rem);padding:14px 0;background:transparent}.search-overlay-form button{border:0;background:transparent;width:70px;font-size:1.4rem}.side-overlay{position:fixed;inset:0;background:rgba(10,15,20,.48);z-index:1190;opacity:0;visibility:hidden;transition:.25s}.side-overlay.open{opacity:1;visibility:visible}.side-panel{position:fixed;top:0;right:0;width:min(480px,95vw);height:100dvh;background:#fff;z-index:1200;transform:translateX(105%);transition:var(--transition);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.14)}.side-panel.open{transform:none}.side-panel-head{padding:28px 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.side-panel-head h3{font-size:1.6rem}.side-panel-head button{width:42px;height:42px;border:0;background:#f4f4f4;border-radius:50%}.side-panel-body{padding:28px 30px;overflow:auto;flex:1}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border-bottom:1px solid var(--border)}.auth-tabs button{border:0;background:none;padding:13px;color:var(--muted);border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--primary);border-color:var(--primary)}.auth-form{display:none}.auth-form.active{display:grid}.ajax-form label,.reset-form label{display:grid;gap:7px;font-size:.83rem;font-weight:500;color:#444;margin-bottom:15px}.ajax-form input,.ajax-form textarea,.reset-form input{width:100%;border:1px solid var(--border);padding:13px 14px;outline:none;border-radius:4px;background:#fff}.ajax-form input:focus,.ajax-form textarea:focus,.reset-form input:focus{border-color:var(--primary)}.form-message{font-size:.86rem;margin-top:10px;min-height:20px;color:var(--muted)}.form-message.success{color:#15803d}.form-message.error{color:#b91c1c}.panel-note{background:#f8f5f0;padding:12px 14px;font-size:.85rem;color:#6c6257;margin-bottom:18px;border-left:3px solid var(--primary)}.profile-summary{display:flex;gap:14px;align-items:center;margin-bottom:24px}.profile-avatar{width:54px;height:54px;display:grid;place-items:center;background:#111;color:#fff;border-radius:50%;font-family:'Prata',serif;font-size:1.4rem}.profile-summary div:last-child{display:grid}.profile-summary span{color:var(--muted);font-size:.85rem}.account-link{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--border);background:#fff;padding:17px 4px;color:#333}.account-link:hover{color:var(--primary)}.admin-link{color:var(--primary)}.profile-form{padding:20px 0}.orders-box{padding:18px 0}.orders-box h4{font-family:'Jost';font-size:.88rem;text-transform:uppercase;letter-spacing:1.5px;margin:12px 0}.mini-order{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#fafafa;border:1px solid var(--border);margin-bottom:8px}.mini-order div{display:grid}.mini-order span{font-size:.77rem;color:var(--muted)}.logout-form{margin-top:25px}
/* cart */
.loading-box{text-align:center;color:var(--muted);padding:60px 0}.cart-empty{text-align:center;padding:70px 10px}.cart-empty i{font-size:2.5rem;color:#bbb;margin-bottom:15px}.cart-items{display:grid;gap:17px}.cart-row{display:grid;grid-template-columns:82px 1fr auto;gap:14px;border-bottom:1px solid var(--border);padding-bottom:17px}.cart-thumb{width:82px;height:92px;background:#f5f5f5;display:grid;place-items:center;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-row h4{font-family:'Jost';font-size:.95rem;font-weight:600}.cart-meta{font-size:.78rem;color:var(--muted);margin:4px 0}.qty-control{display:flex;align-items:center;border:1px solid var(--border);width:max-content;margin-top:9px}.qty-control button{border:0;background:#fff;width:30px;height:30px}.qty-control span{width:35px;text-align:center;font-size:.85rem}.cart-remove{border:0;background:none;color:#999}.cart-summary{margin-top:25px;border-top:1px solid var(--dark);padding-top:20px;display:grid;gap:10px}.summary-line{display:flex;justify-content:space-between;color:var(--muted)}.summary-line.total{font-size:1.15rem;color:#111;font-weight:600;padding-top:12px;border-top:1px solid var(--border)}.cart-checkout{margin-top:18px}
/* home */
.home-hero{min-height:100vh;display:flex;align-items:center;padding:120px 5% 70px;position:relative;background:#f7f8fa;overflow:hidden}.home-hero-bg{position:absolute;inset:0 0 0 auto;width:57%;background:center/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.home-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,250,.25),transparent 35%)}.home-hero-content{position:relative;z-index:2;width:min(610px,52%)}.home-hero h1{font-size:clamp(3.2rem,6vw,5.3rem);line-height:1.06;margin:20px 0 25px}.home-hero p{max-width:520px;color:var(--muted);font-size:1.08rem;margin-bottom:35px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.features{padding:65px 5%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.feature-box{text-align:center;padding:15px 25px}.feature-box i{font-size:1.8rem;color:var(--primary);margin-bottom:16px}.feature-box h3{font-family:'Jost';font-size:1rem;font-weight:600;margin-bottom:6px}.feature-box p{font-size:.88rem;color:var(--muted)}.products-section{padding:100px 5%}.section-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-header h2{font-size:clamp(2rem,4vw,3.2rem)}.view-all{font-size:.83rem;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:4px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product-card{min-width:0}.product-image{height:365px;background:#f4f4f4;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.product-card:hover .product-image img{transform:scale(1.045)}.product-placeholder{height:100%;display:grid;place-items:center;color:#bbb;font-size:3rem}.product-badge{position:absolute;left:14px;top:14px;background:#111;color:#fff;padding:7px 11px;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;z-index:2}.product-badge.sale{background:var(--primary)}.quick-view{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;padding:12px;text-align:center;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;transform:translateY(130%);transition:var(--transition)}.product-card:hover .quick-view{transform:none}.product-info{padding:16px 2px}.product-category{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.product-title{font-family:'Jost';font-size:1.02rem;font-weight:500;margin:5px 0}.product-price{font-weight:600}.product-price del{font-weight:400;color:#999;margin-right:7px}.stats-section{background:#111;color:#fff;padding:55px 5%}.stats-grid{width:min(1150px,100%);margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr)}.stat{padding:20px 35px;border-left:1px solid rgba(255,255,255,.16)}.stat:first-child{border-left:0}.stat span{display:block;color:#aaa;font-size:.76rem;text-transform:uppercase;letter-spacing:1.5px}.stat strong{display:block;font-family:'Prata';font-size:1.7rem;font-weight:400;margin-top:4px}.stat:first-child strong{font-size:1.15rem}
/* corporate */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-image{min-height:520px;background:#eee;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover}.copy-stack{display:grid;gap:22px}.copy-stack h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.15}.copy-stack p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.value-card{padding:32px;border:1px solid var(--border);background:#fff}.value-card i{color:var(--primary);font-size:1.5rem;margin-bottom:18px}.value-card h3{font-family:'Jost';font-size:1.02rem;font-weight:600}.value-card p{color:var(--muted);font-size:.9rem;margin-top:8px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.number-card{background:#fff;padding:38px;text-align:center}.number-card strong{font-family:'Prata';font-size:2.6rem;font-weight:400;color:var(--primary)}.number-card span{display:block;color:var(--muted);font-size:.85rem;margin-top:7px}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.certificate-card{padding:35px;border:1px solid var(--border);background:#fff}.certificate-card .cert-icon{width:58px;height:58px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.4rem;margin-bottom:22px}.certificate-card h3{font-family:'Jost';font-weight:600;font-size:1.1rem}.certificate-card p{color:var(--muted);font-size:.9rem;margin-top:9px}
/* products page */
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:40px}.filters{position:sticky;top:105px;height:max-content;border:1px solid var(--border);padding:25px}.filter-group{padding:18px 0;border-bottom:1px solid var(--border)}.filter-group:first-child{padding-top:0}.filter-group:last-child{border:0}.filter-group h4{font-family:'Jost';font-size:.78rem;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:12px}.filter-group label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;margin:8px 0}.filter-group a{display:block;color:var(--muted);font-size:.9rem;padding:6px 0}.filter-group a.active{color:var(--primary);font-weight:600}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.catalog-head p{color:var(--muted)}.catalog-head select{border:1px solid var(--border);padding:10px 12px;background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.pagination{display:flex;gap:7px;justify-content:center;margin-top:45px}.pagination a,.pagination span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border)}.pagination .current{background:#111;color:#fff;border-color:#111}
/* product detail */
.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.gallery-main{aspect-ratio:auto;background:transparent;overflow:visible}.gallery-main img{width:100%;height:auto;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.gallery-thumb{aspect-ratio:1;border:1px solid var(--border);background:#f5f5f5;padding:0;overflow:hidden}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.detail-category{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--primary)}.detail-title{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08;margin:14px 0}.detail-price{font-size:1.55rem;font-weight:600;margin:18px 0}.detail-price del{font-size:1rem;color:#999;font-weight:400;margin-right:10px}.stock-line{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.9rem}.stock-dot{width:8px;height:8px;border-radius:50%;background:#2f9d58}.stock-dot.out{background:#c94a4a}.detail-description{color:var(--muted);margin:25px 0}.option-title{font-size:.78rem;text-transform:uppercase;letter-spacing:1.4px;font-weight:600;margin-bottom:12px}.color-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.color-option{border:1px solid var(--border);background:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px}.color-option.active{border-color:#111}.color-dot{width:16px;height:16px;border-radius:50%;border:1px solid #ccc}.quantity-row{display:flex;gap:12px;margin:18px 0}.qty-box{display:flex;border:1px solid var(--border)}.qty-box button{width:42px;border:0;background:#fff}.qty-box input{width:62px;border:0;text-align:center;outline:0}.add-cart{flex:1}.detail-notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:25px}.detail-note{padding:15px 8px;text-align:center;border-right:1px solid var(--border);font-size:.76rem;color:var(--muted)}.detail-note:last-child{border:0}.detail-note i{display:block;color:#111;margin-bottom:6px}.tabs{margin-top:55px}.tab-buttons{display:flex;gap:28px;border-bottom:1px solid var(--border);overflow:auto}.tab-buttons button{white-space:nowrap;padding:14px 0;border:0;background:none;color:var(--muted);border-bottom:2px solid transparent}.tab-buttons button.active{color:#111;border-color:#111}.tab-pane{display:none;padding:25px 0;color:var(--muted)}.tab-pane.active{display:block}
/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{border:1px solid var(--border);background:#fff}.blog-image{height:250px;background:#f2f2f2;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-body{padding:24px}.blog-meta{font-size:.72rem;text-transform:uppercase;letter-spacing:1.3px;color:var(--primary)}.blog-body h2,.blog-body h3{font-family:'Prata';font-size:1.5rem;line-height:1.25;margin:10px 0}.blog-body p{font-size:.9rem;color:var(--muted)}.article-wrap{width:min(820px,90%);margin:auto}.article-wrap h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.08}.article-content{font-size:1.04rem;color:#555;margin-top:35px}.article-content p{margin:16px 0}.article-content h2{margin:35px 0 14px;color:#111;font-size:2rem}
/* contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-info{display:grid;gap:20px}.contact-item{padding:22px 0;border-bottom:1px solid var(--border)}.contact-item span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1.2px}.contact-item strong{display:block;font-size:1.05rem;margin-top:5px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:7px;font-size:.83rem;color:#444}.contact-form label.full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{padding:14px;border:1px solid var(--border);outline:0;background:#fff}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}.contact-form .btn{grid-column:1/-1;width:max-content}.contact-notice{grid-column:1/-1;padding:13px 15px;background:#eff8f1;color:#27643a;display:none}
/* footer */
.site-footer{background:#101010;color:#fff;padding:70px 5% 0}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:55px;padding-bottom:55px}.footer-logo{color:#fff}.footer-brand p,.newsletter p{color:#969696;max-width:360px;font-size:.9rem;margin-top:17px}.site-footer h4{font-family:'Jost';font-size:.78rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:19px}.site-footer li{margin:10px 0}.site-footer li a{color:#9d9d9d;font-size:.9rem;transition:.2s}.site-footer li a:hover{color:#fff}.socials{display:flex;gap:10px;margin-top:22px}.socials a{width:35px;height:35px;border:1px solid #333;display:grid;place-items:center;border-radius:50%;color:#aaa}.newsletter-form>div:first-of-type{display:flex;border-bottom:1px solid #555;margin-top:16px}.newsletter-form input{background:transparent!important;border:0!important;color:#fff;padding:10px 0!important}.newsletter-form button{border:0;background:none;color:#fff;width:45px}.newsletter-form .form-message{font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #2a2a2a;color:#777;font-size:.78rem}.footer-legal{display:flex;gap:18px}.agency-credit{border-top:1px solid #222;min-height:92px;display:flex;align-items:center;justify-content:center;gap:15px;color:#666;font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px}.agency-credit img{width:130px;height:46px;object-fit:contain}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#111;color:#fff;padding:13px 20px;z-index:1700;opacity:0;visibility:hidden;transition:.25s;box-shadow:var(--shadow);font-size:.9rem}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast.error{background:#8f1f1f}.legal-modal{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.58);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.legal-modal.open{opacity:1;visibility:visible}.legal-dialog{background:#fff;width:min(760px,92%);max-height:80vh;overflow:auto;padding:40px;position:relative}.legal-dialog>button{position:absolute;right:18px;top:18px;border:0;background:#f2f2f2;width:38px;height:38px;border-radius:50%}.legal-dialog h2{margin-bottom:18px}.legal-dialog p{color:var(--muted);margin:12px 0}
@media(max-width:1050px){.desktop-nav{gap:22px}.nav-link{font-size:.93rem}.products-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.newsletter{grid-column:1/-1}.value-grid,.certificate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto;height:76px}.desktop-nav{display:none}.mobile-menu-button{display:grid}.page-shell{padding-top:76px}.home-hero{min-height:auto;padding-top:135px;padding-bottom:75px}.home-hero-bg{opacity:.22;width:100%;clip-path:none}.home-hero-content{width:100%}.home-hero h1{font-size:3.2rem}.split-grid,.product-detail-grid,.contact-grid{grid-template-columns:1fr}.split-image{min-height:390px}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.numbers-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.newsletter{grid-column:auto}.detail-notes{grid-template-columns:1fr}.detail-note{border-right:0;border-bottom:1px solid var(--border)}}
@media(max-width:560px){.site-header{padding:0 4%}.header-actions{gap:3px}.header-icon,.mobile-menu-button{width:38px;height:38px}.products-grid,.catalog-grid,.blog-grid,.value-grid,.certificate-grid{grid-template-columns:1fr}.product-image{height:410px}.features{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.stat:first-child{border-top:0}.numbers-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column}.contact-form{grid-template-columns:1fr}.contact-form label.full,.contact-form .btn,.contact-notice{grid-column:auto}.product-detail-grid{gap:35px}.side-panel-head,.side-panel-body{padding-left:20px;padding-right:20px}}

/* === Tolhas Revizyon 2: logo, blog, yasal alanlar, SEO içerik === */
.site-logo-image{display:flex;align-items:center;line-height:0;flex-shrink:0}.site-logo-image img{display:block;width:88px;height:68px;object-fit:contain}.site-header.scrolled .site-logo-image img{width:78px;height:58px}.mobile-drawer-head .site-logo-image img{width:76px;height:59px}.footer-logo-image img{width:138px;height:106px;object-fit:contain;filter:none}.site-header{column-gap:22px}.desktop-nav{gap:34px}

.blog-index-hero{background:linear-gradient(135deg,#f8f8f6 0%,#f1f2f4 100%);min-height:390px}.blog-index-hero h1{max-width:760px}.blog-list-section{padding-top:72px}.blog-section-head{margin-bottom:34px}.blog-section-head .section-copy{margin-top:10px;max-width:650px}.blog-grid-minimal{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.blog-card-minimal{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card-minimal:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(25,35,48,.09);border-color:#d6d9de}.blog-card-minimal .blog-image{display:block;height:auto;aspect-ratio:16/10;overflow:hidden;background:#eceeef}.blog-card-minimal .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-card-minimal:hover .blog-image img{transform:scale(1.035)}.blog-card-minimal .blog-body{padding:19px 19px 20px}.blog-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.66rem;line-height:1.2;text-transform:uppercase;letter-spacing:1.05px;color:#8b9099}.blog-meta-row span{color:var(--primary);font-weight:600}.blog-card-minimal h2{font-family:'Jost';font-size:1.13rem;font-weight:600;line-height:1.28;margin:12px 0 9px;color:#222d3d}.blog-card-minimal p{font-size:.82rem;line-height:1.55;color:#6e7580;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.8em}.blog-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:.77rem;font-weight:600;color:#2e394b}.blog-read-link i{font-size:.72rem;transition:transform .2s}.blog-read-link:hover{color:var(--primary)}.blog-read-link:hover i{transform:translateX(3px)}

.blog-article-hero{padding:148px 0 72px;background:#f6f6f4}.blog-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:64px;align-items:center}.blog-article-copy{max-width:720px}.blog-back{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:#737983;margin-bottom:38px}.blog-kicker{display:block;color:var(--primary);font-size:.72rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:15px}.blog-article-copy h1{font-family:'Prata';font-size:clamp(2.3rem,4.4vw,4.3rem);line-height:1.08;color:#1e2939}.blog-article-copy>p{font-size:1.03rem;line-height:1.7;color:#6b7280;margin-top:22px;max-width:640px}.blog-date{margin-top:25px;font-size:.73rem;letter-spacing:.55px;color:#9297a0}.blog-article-cover{aspect-ratio:16/11;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(22,29,38,.14)}.blog-article-cover img{width:100%;height:100%;object-fit:cover}.blog-reading-section{padding-top:74px}.article-modern{max-width:790px}.article-modern p{font-size:1.02rem;line-height:1.85;color:#515966;margin:18px 0}.article-modern h2{font-family:'Jost';font-size:1.55rem;font-weight:600;line-height:1.3;color:#222d3d;margin:44px 0 14px}.article-modern ul{display:grid;gap:10px;margin:18px 0 25px;padding-left:22px;color:#515966}.article-modern li{line-height:1.65;padding-left:4px}.article-modern a{color:#b11d24;text-decoration:underline;text-underline-offset:3px}.article-note,.legal-disclaimer{margin-top:42px;padding:20px 22px;border:1px solid #e3e5e8;background:#f8f8f7;color:#69707b;font-size:.86rem;line-height:1.65}.article-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.footer-logo-image{display:inline-flex}.footer-legal-area{border-top:1px solid #292929;border-bottom:1px solid #292929;padding:25px 0}.footer-legal-title{font-size:.65rem;text-transform:uppercase;letter-spacing:1.8px;color:#656565;margin-bottom:13px}.footer-legal{display:flex;flex-wrap:wrap;gap:9px 22px}.footer-legal a{font-size:.78rem;color:#9a9a9a;transition:color .2s}.footer-legal a:hover{color:#fff}.footer-bottom{border-top:0}.agency-credit{min-height:112px;gap:18px}.agency-credit a{display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:10px;transition:background .2s,transform .2s}.agency-credit a:hover{background:#171717;transform:translateY(-1px)}.agency-credit img{width:220px;height:82px;object-fit:contain}

.legal-hero{background:#f5f6f7}.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;align-items:start}.legal-nav{position:sticky;top:110px;display:grid;border:1px solid var(--border);background:#fff;padding:18px}.legal-nav strong{padding:10px 10px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:1.4px;color:#979ca5}.legal-nav a{padding:11px 10px;color:#5f6772;font-size:.84rem;border-top:1px solid #f0f1f2}.legal-nav a.active,.legal-nav a:hover{color:var(--primary)}.legal-content-page{max-width:850px}.legal-updated{font-size:.73rem;color:#9a9fa7;margin-bottom:30px}.legal-content-page section{padding:27px 0;border-bottom:1px solid #eceef0}.legal-content-page section:first-of-type{padding-top:0}.legal-content-page h2{font-family:'Jost';font-size:1.35rem;font-weight:600;color:#283448;margin-bottom:10px}.legal-content-page p{font-size:.95rem;line-height:1.8;color:#626a75}

.seo-intro-section{padding:78px 5%;background:#f8f8f7;border-top:1px solid #ececeb}.seo-intro-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.seo-intro-section h2{font-family:'Prata';font-size:clamp(2rem,3vw,3rem);line-height:1.15;color:#222c3c}.seo-intro-copy{display:grid;gap:16px;color:#646c77;line-height:1.72;font-size:.95rem}.seo-category-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px}.seo-category-links a{border:1px solid #dfe2e5;background:#fff;padding:9px 13px;border-radius:999px;font-size:.76rem;color:#354052}.seo-category-links a:hover{border-color:var(--primary);color:var(--primary)}

@media(max-width:1180px){.blog-grid-minimal{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-article-hero-grid{gap:40px}.desktop-nav{gap:26px}}
@media(max-width:920px){.blog-grid-minimal{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-hero-grid{grid-template-columns:1fr}.blog-article-cover{max-width:760px}.legal-layout{grid-template-columns:1fr;gap:35px}.legal-nav{position:static;grid-template-columns:repeat(2,1fr)}.legal-nav strong{grid-column:1/-1}.seo-intro-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.site-logo-image img{width:72px;height:56px}.blog-grid-minimal{grid-template-columns:1fr}.blog-article-hero{padding:112px 0 50px}.blog-article-copy h1{font-size:2.35rem}.blog-article-hero-grid{gap:30px}.article-modern h2{font-size:1.3rem}.footer-legal{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.agency-credit{flex-direction:column;gap:4px;padding:18px 0}.agency-credit img{width:200px;height:74px}.legal-nav{grid-template-columns:1fr}.legal-nav strong{grid-column:auto}}

/* 2026-08-26: header logo visibility + clean-route compatibility */
.site-header{height:112px;padding-left:3.2%;padding-right:4%;column-gap:26px}
.site-header.scrolled{height:92px}
.page-shell{padding-top:112px}
.site-logo-image img{width:148px;height:96px;object-fit:contain;transition:width .25s ease,height .25s ease}
.site-header.scrolled .site-logo-image img{width:126px;height:80px}
.desktop-nav{gap:32px}
.nav-link{padding:42px 0}
.site-header.scrolled .nav-link{padding:32px 0}
.mobile-drawer-head .site-logo-image img{width:118px;height:78px}
@media(max-width:1100px){.site-logo-image img{width:126px;height:84px}.desktop-nav{gap:22px}.nav-link{font-size:.95rem}}
@media(max-width:820px){.site-header{height:86px;padding-left:4%;padding-right:4%}.site-header.scrolled{height:80px}.page-shell{padding-top:86px}.site-logo-image img,.site-header.scrolled .site-logo-image img{width:112px;height:74px}}
@media(max-width:560px){.site-logo-image img,.site-header.scrolled .site-logo-image img{width:104px;height:69px}}


/* === 2026-09-03: ürün kartı, görsel sığdırma ve ürün detay düzeltmeleri === */
/* Kart bağlantısını gerçek bir blok/flex alanına çevir: sabit yükseklik ve overflow artık doğru çalışır. */
.products-section{padding:78px 5%}
.products-section>.section-header,.products-section>.products-grid{width:min(1320px,100%);margin-left:auto;margin-right:auto}
.products-section>.section-header{margin-bottom:36px}
.products-grid{gap:24px}
.product-card{min-width:0;overflow:hidden}
.product-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:280px;
    position:relative;
    overflow:hidden;
    background:transparent;
}
.product-image img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:10px;
    background:transparent;
    transition:transform .45s ease;
}
.product-card:hover .product-image img{transform:scale(1.025)}
.quick-view{
    left:10px;
    right:10px;
    bottom:10px;
    z-index:3;
    padding:10px 12px;
    line-height:1.25;
    font-size:.72rem;
}
.product-info{padding:12px 2px 0}
.product-title{font-size:.98rem;line-height:1.35;margin:4px 0}
.product-category{font-size:.68rem}
.product-price{font-size:.96rem}

/* Ürünler sayfasındaki kartları daha kompakt tut. */
.catalog-grid{gap:22px}
.catalog-grid .product-image{height:260px}
.catalog-grid .product-info{padding-top:11px}

/* Ürün detay ana görseli: KIRPMA YOK. Karttaki kaynak görsel doğal oranıyla tamamen gösterilir. */
.product-detail-grid{
    grid-template-columns:minmax(0,520px) minmax(0,1fr);
    gap:64px;
    align-items:start;
}
.gallery-main{
    width:100%;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    display:block;
    overflow:visible !important;
    padding:0 !important;
    background:transparent !important;
}
.gallery-main img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    transform:none !important;
    margin:0 auto;
}
.gallery-thumbs{margin-top:12px}
.gallery-thumb{
    display:grid;
    place-items:center;
    background:transparent;
    overflow:hidden;
}
.gallery-thumb img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:4px;
    background:transparent;
}

/* Ürün detayındaki “Aynı Kategoriden” alanını da daha küçük tut. */
.products-section.soft{padding-top:70px;padding-bottom:76px}
.products-section.soft .product-image{height:250px}

@media(max-width:1050px){
    .product-image{height:255px}
    .catalog-grid .product-image{height:245px}
    .product-detail-grid{grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:46px}
    .products-section.soft .product-image{height:235px}
}
@media(max-width:820px){
    .products-section{padding:62px 5%}
    .product-detail-grid{grid-template-columns:1fr;gap:38px}
    .products-section.soft .product-image{height:250px}
}
@media(max-width:560px){
    .products-grid,.catalog-grid{grid-template-columns:1fr}
    .product-image,.catalog-grid .product-image,.products-section.soft .product-image{height:310px}
    .quick-view{display:none}
}


/* =========================================================
   TOLHAS CINEMATIC INTRO + PREMIUM PAGE TRANSITIONS V4
   3.5 sn akıcı loader, daha sakin perde ve performanslı hero zoom sürümü
   09.09.2026
   ========================================================= */
:root{
  --tolhas-cinema:#050505;
  --tolhas-intro-ease:cubic-bezier(.72,0,.18,1);
  --tolhas-reveal-ease:cubic-bezier(.16,1,.3,1);
}

/* ---------- İlk giriş ---------- */
.tolhas-site-intro{
  position:fixed;inset:0;z-index:20000;overflow:hidden;background:var(--tolhas-cinema);color:#fff;
  display:grid;place-items:center;isolation:isolate;
}
/* Eski kahverengi/radyal katman kaldırıldı. Açılışta arkada doğrudan index.php görünür. */
.tolhas-site-intro:before{display:none!important}
.tolhas-site-intro__grain{
  position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.09;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);
  transition:opacity .22s ease;
}
.tolhas-site-intro__panel{
  position:absolute;top:0;bottom:0;width:50.12%;z-index:1;background:#050505;will-change:transform;
  transition:transform .80s var(--tolhas-intro-ease);backface-visibility:hidden;
}
.tolhas-site-intro__panel:after{
  content:"";position:absolute;top:18%;bottom:18%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.06),transparent);
  opacity:.55;transition:opacity .4s ease;
}
.tolhas-site-intro__panel--left{left:0}.tolhas-site-intro__panel--left:after{right:0}
.tolhas-site-intro__panel--right{right:0}.tolhas-site-intro__panel--right:after{left:0}

.tolhas-site-intro__content{
  position:relative;z-index:4;width:min(920px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center;
  opacity:0;transform:translateY(10px) scale(.995);
  animation:tolhasIntroContentIn .56s .10s var(--tolhas-reveal-ease) forwards;
}
.tolhas-site-intro__eyebrow{
  font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.52em;font-weight:500;color:rgba(255,255,255,.42);
  margin:0 0 14px;padding-left:.52em;transition:opacity .22s ease,transform .36s var(--tolhas-reveal-ease);
}
.tolhas-site-intro__brand-split{
  position:relative;width:100%;min-height:clamp(46px,5.5vw,72px);display:grid;place-items:center;
}
.tolhas-site-intro__brand-layer{
  grid-area:1/1;font-family:'Jost',sans-serif;font-size:clamp(1.55rem,3.25vw,3.25rem);line-height:1.05;
  letter-spacing:.125em;font-weight:500;white-space:nowrap;color:#fff;text-shadow:0 12px 42px rgba(0,0,0,.32);
  will-change:transform,opacity;transition:transform .78s var(--tolhas-intro-ease),opacity .40s ease;
}
.tolhas-site-intro__brand-layer--left{clip-path:inset(0 50% 0 0)}
.tolhas-site-intro__brand-layer--right{clip-path:inset(0 0 0 50%)}
.tolhas-site-intro__loader{
  width:min(420px,66vw);height:1px;background:rgba(255,255,255,.14);margin:26px auto 13px;overflow:hidden;position:relative;
  transition:opacity .22s ease,transform .34s var(--tolhas-reveal-ease);
}
.tolhas-site-intro__loader span{
  display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.30),#fff,rgba(255,255,255,.64));
  transform:scaleX(0);transform-origin:left center;animation:tolhasIntroLoading 1.48s .22s linear forwards;
  box-shadow:0 0 12px rgba(255,255,255,.2);will-change:transform;
}
.tolhas-site-intro__meta{
  width:min(420px,66vw);display:flex;justify-content:space-between;align-items:center;gap:20px;
  transition:opacity .22s ease,transform .34s var(--tolhas-reveal-ease);
}
.tolhas-site-intro__meta small{
  font-family:'Jost',sans-serif;color:rgba(255,255,255,.32);font-size:.54rem;letter-spacing:.28em;padding-left:.28em;text-align:left;
}
.tolhas-site-intro__percent{
  font-family:'Jost',sans-serif;color:rgba(255,255,255,.52);font-size:.58rem;font-weight:500;letter-spacing:.10em;min-width:30px;text-align:right;
}

/* Index zaten intro'nun altında hazır. Tüm sayfayı ölçeklemek yerine yalnız hero çok hafif ve senkron zoom yapar.
   Böylece perde açılırken gecikmeli/patlama hissi oluşmaz. */
body.has-site-intro .home-hero{
  transform:scale(1.012);transform-origin:center center;
  transition:transform .80s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
body.has-site-intro .site-header{
  opacity:0;transform:translateY(-4px);
  transition:opacity .46s ease,transform .70s cubic-bezier(.22,.61,.36,1),height .3s,box-shadow .3s,background .3s;
}
body.has-site-intro.intro-reveal .home-hero{transform:scale(1)}
body.has-site-intro.intro-reveal .site-header{opacity:1;transform:none}

/* Açılma başlar başlamaz tam ekran arka plan şeffaf olur; görünen şey sadece iki siyah paneldir. */
.tolhas-site-intro.intro-opening{background:transparent}
.tolhas-site-intro.intro-opening .tolhas-site-intro__grain{opacity:0}
.tolhas-site-intro.intro-opening .tolhas-site-intro__eyebrow,
.tolhas-site-intro.intro-opening .tolhas-site-intro__loader,
.tolhas-site-intro.intro-opening .tolhas-site-intro__meta{opacity:0;transform:translateY(-4px)}
.tolhas-site-intro.intro-opening .tolhas-site-intro__brand-layer--left{transform:translateX(-31vw);opacity:0}
.tolhas-site-intro.intro-opening .tolhas-site-intro__brand-layer--right{transform:translateX(31vw);opacity:0}
.tolhas-site-intro.intro-opening .tolhas-site-intro__panel--left{transform:translateX(-100.6%)}
.tolhas-site-intro.intro-opening .tolhas-site-intro__panel--right{transform:translateX(100.6%)}
.tolhas-site-intro.intro-opening .tolhas-site-intro__panel:after{opacity:0}
.tolhas-site-intro.intro-done{visibility:hidden;pointer-events:none;display:none}
html.tolhas-transition-incoming .tolhas-site-intro{display:none!important}

@keyframes tolhasIntroContentIn{to{opacity:1;transform:none}}
@keyframes tolhasIntroLoading{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Sayfalar arası geçiş ---------- */
.tolhas-page-transition{
  position:fixed;inset:0;z-index:19000;pointer-events:none;overflow:hidden;visibility:hidden;isolation:isolate;background:transparent;
}
.tolhas-page-transition:before{display:none!important}
.tolhas-page-transition__panel{
  position:absolute;top:0;bottom:0;width:50.12%;z-index:1;background:#060606;will-change:transform;
  transition:transform .68s cubic-bezier(.72,0,.20,1);backface-visibility:hidden;
}
.tolhas-page-transition__panel:after{
  content:"";position:absolute;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent);opacity:.65;
}
.tolhas-page-transition__panel--left{left:0;transform:translateX(-100.6%)}
.tolhas-page-transition__panel--left:after{right:0}
.tolhas-page-transition__panel--right{right:0;transform:translateX(100.6%)}
.tolhas-page-transition__panel--right:after{left:0}
.tolhas-page-transition__center{
  position:absolute;left:50%;top:50%;z-index:3;width:min(480px,72vw);transform:translate(-50%,-50%);display:grid;place-items:center;
  opacity:0;transition:opacity .20s .42s ease;pointer-events:none;
}
.tolhas-page-transition__brand{
  position:relative;width:100%;height:30px;display:grid;place-items:center;margin-bottom:14px;
}
.tolhas-page-transition__brand span{
  grid-area:1/1;font-family:'Jost',sans-serif;font-size:clamp(.76rem,1.35vw,1rem);font-weight:500;letter-spacing:.40em;padding-left:.40em;color:rgba(255,255,255,.88);
  will-change:transform,opacity;transition:transform .58s var(--tolhas-intro-ease),opacity .38s ease;
}
.tolhas-page-transition__brand .left{clip-path:inset(0 50% 0 0)}
.tolhas-page-transition__brand .right{clip-path:inset(0 0 0 50%)}
.tolhas-page-transition__line{width:min(120px,30vw);height:1px;background:rgba(255,255,255,.10);overflow:hidden;position:relative}
.tolhas-page-transition__line span{display:block;width:100%;height:100%;background:rgba(255,255,255,.82);transform:translateX(-105%)}

.tolhas-page-transition.is-closing{visibility:visible;pointer-events:all}
.tolhas-page-transition.is-closing .tolhas-page-transition__panel{transform:translateX(0)}
.tolhas-page-transition.is-closing .tolhas-page-transition__center{opacity:1}
.tolhas-page-transition.is-closing .tolhas-page-transition__line span{animation:tolhasTransitionSweep .38s .45s ease forwards}

/* Yeni sayfa siyah panellerin altında gerçekten yüklenmiş halde durur. */
html.tolhas-transition-incoming .tolhas-page-transition{visibility:visible;pointer-events:all;background:transparent}
html.tolhas-transition-incoming .tolhas-page-transition__panel{transform:translateX(0);transition-duration:.76s}
html.tolhas-transition-incoming .tolhas-page-transition__center{opacity:1;transition-delay:0s}
html.tolhas-transition-incoming body{overflow:hidden}
html.tolhas-transition-incoming body main,
html.tolhas-transition-incoming body .site-header,
html.tolhas-transition-incoming body footer{transform:scale(1.012)}

html.tolhas-transition-incoming .tolhas-page-transition.is-opening{pointer-events:none}
html.tolhas-transition-incoming .tolhas-page-transition.is-opening .tolhas-page-transition__panel--left{transform:translateX(-100.6%)}
html.tolhas-transition-incoming .tolhas-page-transition.is-opening .tolhas-page-transition__panel--right{transform:translateX(100.6%)}
html.tolhas-transition-incoming .tolhas-page-transition.is-opening .tolhas-page-transition__brand .left{transform:translateX(-19vw);opacity:0}
html.tolhas-transition-incoming .tolhas-page-transition.is-opening .tolhas-page-transition__brand .right{transform:translateX(19vw);opacity:0}
html.tolhas-transition-incoming .tolhas-page-transition.is-opening .tolhas-page-transition__center{opacity:0;transition:opacity .24s .04s ease}

body.tolhas-page-leaving main,body.tolhas-page-leaving .site-header,body.tolhas-page-leaving footer{
  transition:transform .62s cubic-bezier(.4,0,.2,1);transform:scale(.994);
}
body.tolhas-page-arriving main,body.tolhas-page-arriving .site-header,body.tolhas-page-arriving footer{
  transition:transform .82s var(--tolhas-reveal-ease);
}
body.tolhas-page-arriving.tolhas-page-reveal main,
body.tolhas-page-arriving.tolhas-page-reveal .site-header,
body.tolhas-page-arriving.tolhas-page-reveal footer{transform:none}
body.tolhas-page-enter main{animation:tolhasPageEnter .34s ease-out both}

@keyframes tolhasTransitionSweep{to{transform:translateX(105%)}}
@keyframes tolhasPageEnter{from{opacity:.97}to{opacity:1}}

@media(max-width:720px){
  .tolhas-site-intro__brand-split{min-height:52px}
  .tolhas-site-intro__brand-layer{font-size:clamp(1.12rem,5vw,1.68rem);letter-spacing:.07em;white-space:normal;max-width:92vw}
  .tolhas-site-intro__eyebrow{font-size:.56rem;letter-spacing:.38em;padding-left:.38em}
  .tolhas-site-intro__loader,.tolhas-site-intro__meta{width:min(330px,76vw)}
  .tolhas-site-intro__meta small{font-size:.49rem;letter-spacing:.17em;padding-left:.17em}
  .tolhas-page-transition__brand span{font-size:.72rem;letter-spacing:.26em;padding-left:.26em}
}
@media(prefers-reduced-motion:reduce){
  .tolhas-site-intro__content,.tolhas-site-intro__loader span,.tolhas-site-intro__panel,.tolhas-site-intro__brand-layer,
  .tolhas-page-transition__panel,.tolhas-page-transition__brand span,body.tolhas-page-enter main{animation:none!important;transition-duration:.01ms!important}
  .tolhas-site-intro__content{opacity:1;transform:none}.tolhas-site-intro__loader span{transform:scaleX(1)}
}

/* ---------- V4: Görselin üstünde şeffaf header ---------- */
body.header-over-hero .page-shell{padding-top:0}
body.header-over-hero .site-header{
  background:transparent;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom-color:transparent;
  box-shadow:none;
}
body.header-over-hero .site-header .nav-link,
body.header-over-hero .site-header .header-icon,
body.header-over-hero .site-header .mobile-menu-button{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.34)}
body.header-over-hero .site-header .nav-link:hover,
body.header-over-hero .site-header .nav-link.active,
body.header-over-hero .site-header .nav-dropdown:hover>.nav-link{color:#f2a04b}
body.header-over-hero .site-header .header-icon:hover,
body.header-over-hero .site-header .mobile-menu-button:hover{background:rgba(255,255,255,.10);color:#fff}
body.header-over-hero .site-header.scrolled{
  background:rgba(7,7,8,.80);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
body.header-over-hero .site-header.scrolled .nav-link,
body.header-over-hero .site-header.scrolled .header-icon,
body.header-over-hero .site-header.scrolled .mobile-menu-button{color:#fff}
@media(max-width:820px){
  body.header-over-hero .page-shell{padding-top:0}
}

/* Blog hero görseli: eski gradient shorthand kuralının boyut/pozisyonu sıfırlamasını engeller. */
.page-hero.blog-index-hero.has-image{background-size:cover;background-position:center center;background-repeat:no-repeat}


/* =========================================================
   V5 — HEADER / HERO COMPOSITION REFINEMENT
   Logo aşağı alındı, hero metinleri menüden ayrıldı ve
   görsel üstündeki tipografi daha temiz bir güvenli alana taşındı.
   ========================================================= */

/* Header'ın tamamına biraz daha nefes ver. Logo üst kenara yapışmasın. */
.site-header{
  height:122px;
  padding:8px 4.2% 0;
  grid-template-columns:minmax(150px,190px) 1fr auto;
  column-gap:30px;
}
.site-header.scrolled{
  height:88px;
  padding-top:0;
}
.site-logo-image{
  align-self:center;
  transform:translateY(8px);
  transition:transform .28s ease;
}
.site-header.scrolled .site-logo-image{transform:translateY(1px)}
.site-logo-image img{
  width:134px;
  height:94px;
  object-fit:contain;
}
.site-header.scrolled .site-logo-image img{
  width:116px;
  height:78px;
}
.desktop-nav,.header-actions{transform:translateY(3px);transition:transform .28s ease}
.site-header.scrolled .desktop-nav,.site-header.scrolled .header-actions{transform:none}
.nav-link{padding:42px 0 35px}
.site-header.scrolled .nav-link{padding:29px 0}

/* Şeffaf header olmayan sayfalarda içerik artık header'ın altından başlar. */
.page-shell{padding-top:122px}

/* Görselli iç sayfalar: navigasyon ile başlık arasında net bir güvenli alan. */
body.header-over-hero .page-hero{
  min-height:530px;
  padding:188px 0 76px;
  align-items:flex-end;
  background-position:center center;
}
body.header-over-hero .page-hero:before{
  background:
    linear-gradient(90deg,rgba(3,4,6,.86) 0%,rgba(3,4,6,.67) 35%,rgba(3,4,6,.30) 64%,rgba(3,4,6,.10) 100%);
}
body.header-over-hero .page-hero:after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:175px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.20) 48%,transparent 100%);
}
body.header-over-hero .page-hero .container{
  width:min(1180px,86%);
  position:relative;
  z-index:1;
}
body.header-over-hero .page-hero .eyebrow{
  margin-bottom:13px;
  letter-spacing:.30em;
  font-weight:500;
}
body.header-over-hero .page-hero h1{
  font-size:clamp(3rem,5vw,4.75rem);
  line-height:1.04;
  max-width:780px;
  text-shadow:0 5px 30px rgba(0,0,0,.34);
}
body.header-over-hero .page-hero p{
  max-width:620px;
  margin-top:22px;
  line-height:1.72;
  color:rgba(255,255,255,.84);
  text-shadow:0 3px 20px rgba(0,0,0,.35);
}

/* Index'te header okunaklı kalsın ama beyaz bir bar oluşmasın. */
body.header-over-hero .site-header:after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:145px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.33),rgba(0,0,0,.10) 58%,transparent);
  opacity:.72;
  transition:opacity .25s ease;
}
body.header-over-hero .site-header.scrolled:after{opacity:0}

@media(max-width:1100px){
  .site-header{height:112px;padding:7px 3.8% 0;grid-template-columns:145px 1fr auto;column-gap:20px}
  .site-logo-image img{width:122px;height:86px}
  .site-header.scrolled .site-logo-image img{width:108px;height:73px}
  .page-shell{padding-top:112px}
  body.header-over-hero .page-hero{min-height:505px;padding:174px 0 70px}
  body.header-over-hero .page-hero .container{width:min(1180px,88%)}
}

@media(max-width:820px){
  .site-header,.site-header.scrolled{
    height:88px;
    padding:4px 4% 0;
    grid-template-columns:1fr auto;
  }
  .site-logo-image,.site-header.scrolled .site-logo-image{transform:translateY(4px)}
  .site-logo-image img,.site-header.scrolled .site-logo-image img{width:106px;height:72px}
  .header-actions,.site-header.scrolled .header-actions{transform:none}
  .page-shell{padding-top:88px}
  body.header-over-hero .page-shell{padding-top:0}
  body.header-over-hero .page-hero{
    min-height:470px;
    padding:138px 0 58px;
    background-position:center center;
  }
  body.header-over-hero .page-hero .container{width:88%}
  body.header-over-hero .page-hero h1{font-size:clamp(2.45rem,9vw,3.7rem);max-width:680px}
  body.header-over-hero .page-hero p{font-size:.98rem;line-height:1.62}
  body.header-over-hero .site-header:after{height:112px}
}

@media(max-width:560px){
  .site-header,.site-header.scrolled{height:82px;padding-top:3px}
  .site-logo-image,.site-header.scrolled .site-logo-image{transform:translateY(3px)}
  .site-logo-image img,.site-header.scrolled .site-logo-image img{width:98px;height:67px}
  .page-shell{padding-top:82px}
  body.header-over-hero .page-hero{min-height:445px;padding:122px 0 52px}
  body.header-over-hero .page-hero .container{width:86%}
  body.header-over-hero .page-hero h1{font-size:clamp(2.15rem,11vw,3.05rem)}
  body.header-over-hero .page-hero p{margin-top:17px;font-size:.93rem}
}

/* =========================================================
   V6 — PREMIUM NAV INTERACTIONS + MOBILE PRODUCT GRID
   09.09.2026
   ========================================================= */

/* Menü: ince çizgi soldan sağa akar. */
.desktop-nav .nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:27px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  opacity:.92;
  transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s ease;
  pointer-events:none;
}
.site-header.scrolled .desktop-nav .nav-link::after{bottom:20px}
.desktop-nav .nav-link:hover::after,
.desktop-nav .nav-link.active::after,
.desktop-nav .nav-dropdown:hover>.nav-link::after,
.desktop-nav .nav-dropdown:focus-within>.nav-link::after{
  transform:scaleX(1);
}
.desktop-nav .nav-link i{transition:transform .34s cubic-bezier(.22,1,.36,1),color .25s ease}

/* Dropdown: düz beyaz kutu yerine koyu, yarı şeffaf cam yüzey. */
.desktop-nav .dropdown-card{
  top:calc(100% - 9px);
  width:304px;
  padding:12px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(13,15,18,.91),rgba(7,8,10,.82));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  transform:translate(-50%,14px) scale(.985);
  transition:opacity .25s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility .25s ease;
  overflow:hidden;
}
.desktop-nav .nav-dropdown:hover .dropdown-card,
.desktop-nav .nav-dropdown:focus-within .dropdown-card{
  transform:translate(-50%,0) scale(1);
}
.desktop-nav .dropdown-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 32%,transparent 70%,rgba(201,115,19,.055));
}
.desktop-nav .dropdown-card a{
  position:relative;
  z-index:1;
  min-height:48px;
  padding:13px 17px;
  border-radius:11px;
  color:rgba(255,255,255,.82);
  font-size:.94rem;
  font-weight:450;
  letter-spacing:.01em;
  transition:color .22s ease,background .22s ease,transform .3s cubic-bezier(.22,1,.36,1);
}
.desktop-nav .dropdown-card a:hover{
  color:#fff;
  background:rgba(255,255,255,.075);
  padding-left:17px;
  transform:translateX(3px);
}
.desktop-nav .dropdown-card a::before{
  content:"";
  width:0;
  height:1px;
  margin-right:0;
  background:var(--primary);
  transition:width .3s cubic-bezier(.22,1,.36,1),margin-right .3s ease;
}
.desktop-nav .dropdown-card a:hover::before{width:14px;margin-right:8px}
.desktop-nav .dropdown-card .dropdown-all{
  margin-top:7px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#f2a04b;
}
.desktop-nav .dropdown-card .dropdown-all:hover{color:#ffb25e}

/* Ürün kartlarında çok hafif masaüstü parallax. JS sadece mouse/trackpad cihazlarında değişkenleri günceller. */
.product-card{
  --tolhas-card-x:0px;
  --tolhas-card-y:0px;
  --tolhas-image-x:0px;
  --tolhas-image-y:0px;
  transform:translate3d(var(--tolhas-card-x),var(--tolhas-card-y),0);
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;
  will-change:transform;
}
.product-card.tolhas-parallax-active{
  transition:box-shadow .3s ease;
  z-index:2;
}
.product-card .product-image img{
  transform:translate3d(var(--tolhas-image-x),var(--tolhas-image-y),0) scale(1);
  transition:transform .48s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.product-card:hover .product-image img{
  transform:translate3d(var(--tolhas-image-x),var(--tolhas-image-y),0) scale(1.025);
}

/* Mobil: ürün kartları TEK TEK değil 2x2 akışta, daha kompakt. */
@media(max-width:560px){
  .products-section{padding:52px 4%}
  .products-section>.section-header{margin-bottom:24px}
  .products-grid,
  .catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 11px !important;
    align-items:start;
  }
  .product-card{
    width:100%;
    min-width:0;
    overflow:visible;
    transform:none !important;
    will-change:auto;
  }
  .product-image,
  .catalog-grid .product-image,
  .products-section.soft .product-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1.08;
    overflow:hidden !important;
    background:#f7f7f6;
    border:1px solid rgba(17,17,17,.055);
  }
  .product-image img,
  .catalog-grid .product-image img,
  .products-section.soft .product-image img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:7px !important;
    transform:none !important;
  }
  .product-info{padding:9px 1px 0}
  .product-category{
    font-size:.57rem;
    letter-spacing:.085em;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .product-title{
    font-size:.84rem;
    line-height:1.25;
    margin:4px 0 3px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:2.1em;
  }
  .product-price{font-size:.82rem;line-height:1.35}
  .product-price small{font-size:.66rem}
  .product-badge{left:7px;top:7px;padding:5px 7px;font-size:.55rem;letter-spacing:.06em}
  .quick-view{display:none !important}

  /* Ürünler sayfasında filtre + kart alanına mobilde daha fazla yatay alan bırak. */
  .catalog-layout{gap:28px}
  .catalog-head{margin-bottom:18px;gap:12px;align-items:flex-start}
}

@media(max-width:370px){
  .products-grid,.catalog-grid{gap:15px 8px !important}
  .product-title{font-size:.79rem}
  .product-price{font-size:.77rem}
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .product-card,.product-card .product-image img{transform:none !important;will-change:auto}
  .product-card{transition:none}
}

/* =========================================================
   V7 — GLOBAL SCROLLED HEADER CONSISTENCY
   Ürün detay + tüm yasal/bilgilendirme sayfaları dahil,
   header scroll sonrası aynı koyu cam görünüme geçer.
   ========================================================= */

/* Şeffaf hero kullanmayan sayfalarda başlangıç beyaz kalır;
   35px scroll sonrası tüm sitede ortak premium koyu header devreye girer. */
.site-header.scrolled{
  background:rgba(8,8,9,.91) !important;
  -webkit-backdrop-filter:blur(17px) saturate(132%) !important;
  backdrop-filter:blur(17px) saturate(132%) !important;
  border-bottom:1px solid rgba(255,255,255,.085) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20) !important;
}
.site-header.scrolled .nav-link,
.site-header.scrolled .header-icon,
.site-header.scrolled .mobile-menu-button{
  color:#fff !important;
  text-shadow:none;
}
.site-header.scrolled .nav-link:hover,
.site-header.scrolled .nav-link.active,
.site-header.scrolled .nav-dropdown:hover>.nav-link,
.site-header.scrolled .nav-dropdown:focus-within>.nav-link{
  color:#f2a04b !important;
}
.site-header.scrolled .header-icon:hover,
.site-header.scrolled .mobile-menu-button:hover{
  color:#fff !important;
  background:rgba(255,255,255,.09) !important;
}
.site-header.scrolled .cart-count{
  background:#d07918;
  color:#fff;
}

/* Hero sayfalarındaki üst gradient, scroll durumunda koyu bara ekstra katman bindirmesin. */
body.header-over-hero .site-header.scrolled:after{opacity:0 !important}

/* Koyu header açık içerik üstündeyken çok sert görünmesin. */
@media(min-width:821px){
  body:not(.header-over-hero) .site-header.scrolled{
    background:rgba(8,8,9,.93) !important;
  }
}


/* =========================================================
   V10 — HİYERARŞİK KATEGORİ MENÜSÜ
   Ana kategori üstüne gelince sağda ikinci cam panel açılır.
   ========================================================= */
@media (min-width:821px){
  .desktop-nav .category-dropdown{overflow:visible}
  .desktop-nav .category-dropdown::after{border-radius:17px;overflow:hidden}
  .desktop-nav .category-menu-item{position:relative;z-index:2}
  .desktop-nav .category-menu-item>a{width:100%}
  .desktop-nav .category-menu-item.has-children>a{padding-right:13px}
  .desktop-nav .category-menu-arrow{margin-left:auto!important;font-size:.72rem!important;opacity:.72;transform:none!important;transition:transform .25s ease,opacity .2s ease}
  .desktop-nav .category-menu-item.has-children:hover>.category-menu-arrow,
  .desktop-nav .category-menu-item.has-children:hover>a .category-menu-arrow,
  .desktop-nav .category-menu-item.has-children:focus-within>a .category-menu-arrow{transform:translateX(2px)!important;opacity:1}
  .desktop-nav .category-menu-item.has-children::after{content:"";position:absolute;left:100%;top:0;width:18px;height:100%;pointer-events:auto}
  .desktop-nav .category-submenu{
    position:absolute;
    left:calc(100% + 13px);
    top:-12px;
    width:304px;
    padding:12px;
    border-radius:17px;
    background:linear-gradient(145deg,rgba(13,15,18,.94),rgba(7,8,10,.88));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
    -webkit-backdrop-filter:blur(20px) saturate(135%);
    backdrop-filter:blur(20px) saturate(135%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-7px) scale(.985);
    transform-origin:left top;
    transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .2s ease;
    max-height:min(70vh,520px);
    overflow-y:auto;
  }
  .desktop-nav .category-submenu::before{content:"";position:absolute;right:100%;top:0;width:15px;height:100%}
  .desktop-nav .category-menu-item:hover>.category-submenu,
  .desktop-nav .category-menu-item:focus-within>.category-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1)}
  .desktop-nav .category-submenu>a{min-height:48px;padding:13px 17px;border-radius:11px;color:rgba(255,255,255,.82);font-size:.94rem;font-weight:450;letter-spacing:.01em}
  .desktop-nav .category-submenu>a:hover{color:#fff;background:rgba(255,255,255,.075);transform:translateX(3px)}
  .desktop-nav .category-submenu>a::before{content:"";width:0;height:1px;margin-right:0;background:var(--primary);transition:width .3s cubic-bezier(.22,1,.36,1),margin-right .3s ease}
  .desktop-nav .category-submenu>a:hover::before{width:14px;margin-right:8px}
  .desktop-nav .category-submenu .category-submenu-all{margin-top:7px;padding-top:13px;border-top:1px solid rgba(255,255,255,.10);color:#f2a04b;font-size:.88rem}
  .desktop-nav .category-submenu .category-submenu-all i{margin-left:auto;font-size:.72rem}
}

.mobile-category-list>.mobile-subcategory{border-bottom:1px solid #eee}
.mobile-category-list>.mobile-subcategory>summary{padding:12px 0;border-bottom:0;color:var(--navy);font-weight:600}
.mobile-category-list>.mobile-subcategory>summary::after{content:"+";float:right;color:var(--muted);font-weight:400}
.mobile-category-list>.mobile-subcategory[open]>summary::after{content:"−"}
.mobile-category-list>.mobile-subcategory>div{padding:0 0 8px 12px}
.mobile-category-list>.mobile-subcategory>div>a{padding:9px 6px;color:var(--muted)}
.mobile-category-list>.mobile-subcategory>div>a.mobile-subcategory-all{color:var(--primary);font-weight:600}
.category-filter-tree .category-filter-root{font-weight:600}
.category-filter-tree .category-filter-child{padding-left:18px!important;font-size:.94em;color:var(--muted)}


/* =========================================================
   V11 — KATEGORİ FLYOUT DÜZELTMESİ
   Alt kategoriler ana kartın içinde akmaz; yalnızca ilgili ana
   kategori hover/focus olduğunda sağ tarafta bağımsız panel açılır.
   ========================================================= */
@media (min-width:821px){
  .desktop-nav .category-dropdown{
    overflow:visible !important;
    isolation:isolate;
  }
  .desktop-nav .category-dropdown>.category-menu-item{
    position:relative !important;
    display:block;
  }
  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu{
    position:absolute !important;
    display:block !important;
    left:calc(100% + 14px) !important;
    top:-12px !important;
    width:304px !important;
    margin:0 !important;
    z-index:40 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-8px) scale(.985) !important;
  }
  .desktop-nav .category-dropdown>.category-menu-item:hover>.category-submenu,
  .desktop-nav .category-dropdown>.category-menu-item:focus-within>.category-submenu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(0) scale(1) !important;
  }
  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu>a{
    display:flex !important;
    width:100%;
  }
  .desktop-nav .category-dropdown>.category-menu-item.has-children>a{
    background:transparent;
  }
  .desktop-nav .category-dropdown>.category-menu-item.has-children:hover>a,
  .desktop-nav .category-dropdown>.category-menu-item.has-children:focus-within>a{
    color:#fff;
    background:rgba(255,255,255,.075);
  }
}

/* =========================================================
   V12 — KATEGORİ PANEL HİZALAMA DÜZELTMESİ
   - Ana panelde Kuş Gözü ve diğerleri aynı hatta görünür.
   - Ok ikonları sağda sabit durur, metin kaymaz.
   - Sağ panelde alt kategori yazıları sağa hizalanır.
   ========================================================= */
@media (min-width:821px){
  .desktop-nav .category-dropdown>.category-menu-item>a{
    position:relative;
    min-height:52px;
    padding:14px 54px 14px 28px !important;
    justify-content:center !important;
    text-align:center;
  }

  .desktop-nav .category-dropdown>.category-menu-item>a>span{
    display:block;
    width:100%;
    text-align:center;
  }

  .desktop-nav .category-dropdown>.category-menu-item.has-children>a{
    padding-right:54px !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item .category-menu-arrow{
    position:absolute;
    right:18px;
    top:50%;
    margin:0 !important;
    transform:translateY(-50%) !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item.has-children:hover>a .category-menu-arrow,
  .desktop-nav .category-dropdown>.category-menu-item.has-children:focus-within>a .category-menu-arrow{
    transform:translateY(-50%) translateX(2px) !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu>a{
    justify-content:flex-end !important;
    text-align:right !important;
    padding:14px 18px !important;
    transform:none !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu>a::before{
    display:none !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu>a:hover{
    transform:none !important;
    padding:14px 18px !important;
  }

  .desktop-nav .category-dropdown>.category-menu-item>.category-submenu .category-submenu-all{
    justify-content:space-between !important;
    text-align:right !important;
  }
}

/* =========================================================
   V15 — ÜRÜN LİSTESİ SOL KATEGORİ FLYOUT
   Ana kategori üzerine gelince alt kategoriler sağ panelde açılır.
   ========================================================= */
@media (min-width:821px){
  .filters{overflow:visible}
  .category-filter-tree{overflow:visible;position:relative;z-index:20}
  .category-filter-tree .category-filter-item{position:relative}
  .category-filter-tree .category-filter-item.has-children::after{
    content:"";position:absolute;left:100%;top:0;width:20px;height:100%;
  }
  .category-filter-tree .category-filter-root{
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    position:relative;padding-right:8px!important;
  }
  .category-filter-tree .category-filter-root>span{min-width:0}
  .category-filter-tree .category-filter-arrow{
    margin-left:auto;font-size:.68rem;opacity:.62;transition:transform .22s ease,opacity .22s ease;
  }
  .category-filter-tree .category-filter-item.has-children:hover>.category-filter-root .category-filter-arrow,
  .category-filter-tree .category-filter-item.has-children:focus-within>.category-filter-root .category-filter-arrow{
    transform:translateX(3px);opacity:1;color:var(--primary);
  }
  .category-filter-tree .category-filter-flyout{
    position:absolute;left:calc(100% + 18px);top:-15px;width:295px;
    padding:12px;background:rgba(255,255,255,.98);border:1px solid var(--border);
    box-shadow:0 22px 55px rgba(17,17,17,.14);border-radius:14px;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-7px);
    transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility .18s ease;
    z-index:80;
  }
  .category-filter-tree .category-filter-flyout::before{
    content:"";position:absolute;right:100%;top:0;width:20px;height:100%;
  }
  .category-filter-tree .category-filter-item.has-children:hover>.category-filter-flyout,
  .category-filter-tree .category-filter-item.has-children:focus-within>.category-filter-flyout{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);
  }
  .category-filter-tree .category-filter-flyout-title{
    padding:8px 10px 10px;margin-bottom:5px;border-bottom:1px solid #eceef1;
    font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#8a8f98;
  }
  .category-filter-tree .category-filter-flyout .category-filter-child{
    display:flex!important;align-items:center;min-height:40px;padding:9px 11px!important;
    border-radius:8px;font-size:.86rem;color:#626872;transition:background .18s ease,color .18s ease,padding .18s ease;
  }
  .category-filter-tree .category-filter-flyout .category-filter-child:hover,
  .category-filter-tree .category-filter-flyout .category-filter-child.active{
    color:var(--primary);background:#fbf7f1;padding-left:14px!important;
  }
}
@media (max-width:820px){
  .category-filter-tree .category-filter-flyout{display:none}
  .category-filter-tree .category-filter-root{display:flex!important;justify-content:space-between;align-items:center}
  .category-filter-tree .category-filter-arrow{font-size:.68rem;opacity:.55}
}