:root{--ink:#e8e0d4;--ink-2:#d4cbbf;--ink-3:#b8b0a4;--ink-4:#9a9288;--paper:#0a0a0a;--paper-2:#111111;--cream:#1a1a1a;--copper:#c9955a;--copper-light:#d4a86a;--copper-dark:#9a6e38;--bronze:#b8864a;--muted:#8a7e6b;--muted-2:#a89880;--line:rgba(255,255,255,0.06);--line-dark:rgba(255,255,255,0.08);--line-dark-2:rgba(255,255,255,0.15);--radius:3px;--ease:cubic-bezier(0.23,1,0.32,1);--ease-out:cubic-bezier(0.16,1,0.3,1);font-size:16px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;background:var(--paper);}body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}h1,h2,h3,h4{font-family:'Montserrat',Georgia,serif;font-weight:300;letter-spacing:0.01em;line-height:1.15;}a{color:inherit;text-decoration:none;}img{display:block;max-width:100%;}body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.4;}nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;background:rgba(8,8,8,0.88);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(184,134,74,0.12);transition:padding 0.4s var(--ease),background 0.4s var(--ease);}nav.scrolled{padding:0.7rem 3rem;background:rgba(6,6,6,0.96);}.nav-brand{font-family:'Montserrat',serif;font-size:1.3rem;color:var(--ink);letter-spacing:0.18em;text-transform:uppercase;position:relative;z-index:201;display:flex;align-items:center;}.nav-brand img{height:36px;filter:brightness(1.5) contrast(1.2);}.nav-links{display:flex;gap:0.5rem;list-style:none;align-items:center;}.nav-links > li{position:relative;}.nav-links > li > a{font-size:0.72rem;color:var(--muted-2);letter-spacing:0.14em;text-transform:uppercase;transition:color 0.35s var(--ease);position:relative;padding:0.6rem 1rem;display:flex;align-items:center;gap:0.3rem;}.nav-links > li > a::after{content:'';position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:var(--copper);transform:scaleX(0);transition:transform 0.35s var(--ease);}.nav-links > li > a:hover{color:var(--ink);}.nav-links > li > a:hover::after{transform:scaleX(1);}.nav-links > li > a .arrow{font-size:0.5rem;transition:transform 0.3s var(--ease);margin-left:0.2rem;}.nav-links > li:hover > a .arrow{transform:rotate(180deg);}.mega-title{font-size:0.65rem;color:var(--muted);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:1rem;font-family:'Montserrat',sans-serif;font-weight:500;}.mega-links{list-style:none;}.mega-links li{margin-bottom:0.1rem;}.mega-links a{display:flex;align-items:center;gap:0.8rem;padding:0.6rem 0.8rem;font-size:0.82rem;color:var(--ink-2);letter-spacing:0.04em;border-radius:var(--radius);transition:all 0.3s var(--ease);font-family:'Montserrat',sans-serif;text-transform:none;}.mega-links a:hover{background:rgba(184,134,74,0.08);color:var(--ink);padding-left:1.1rem;}.mega-links a .cat-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;flex-shrink:0;border:1px solid var(--line);}.nav-cta{font-size:0.7rem;font-weight:500;color:var(--ink);background:var(--copper);padding:0.6rem 1.4rem;letter-spacing:0.14em;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.35s var(--ease);border-radius:var(--radius);}.nav-cta:hover{background:var(--copper-light);transform:translateY(-1px);}.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:201;}.burger-line{display:block;width:24px;height:1.5px;background:var(--ink);margin:0;transition:all 0.35s var(--ease);}.burger-line + .burger-line{margin-top:5px;}.burger.active .burger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg);}.burger.active .burger-line:nth-child(2){opacity:0;}.burger.active .burger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}.mobile-menu{display:none;position:fixed;inset:0;background:rgba(8,8,8,0.98);backdrop-filter:blur(30px);z-index:199;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;transition:opacity 0.4s var(--ease);}.mobile-menu.open{display:flex;opacity:1;}.mobile-menu a{font-family:'Montserrat',serif;font-size:1.6rem;color:var(--ink);letter-spacing:0.1em;text-transform:uppercase;opacity:0.7;transition:opacity 0.3s;}.mobile-menu a:hover{opacity:1;color:var(--copper);}0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.3;transform:scale(0.7);}.btn{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.73rem;letter-spacing:0.14em;text-transform:uppercase;padding:0.95rem 2.2rem;border-radius:var(--radius);cursor:pointer;transition:all 0.4s var(--ease);font-weight:500;}.btn-primary{background:var(--copper);color:var(--ink);border:1px solid var(--copper);}.btn-primary:hover{background:var(--copper-light);border-color:var(--copper-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(184,134,74,0.25);}.btn-outline{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,0.2);}.btn-outline:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.35);transform:translateY(-2px);}.btn-dark{background:var(--ink);color:var(--paper);border:1px solid var(--ink);}.btn-dark:hover{background:var(--ink-2);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.3);}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0;background:var(--paper);}.marquee-track{display:inline-flex;align-items:center;animation:marquee 40s linear infinite;font-family:'Montserrat',serif;font-size:0.9rem;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;}.marquee-item{display:inline-flex;align-items:center;gap:0.7rem;padding:0 1.8rem;}.marquee-sep{color:var(--copper);font-size:0.5rem;}to{transform:translateX(-50%);}section{padding:6rem 3rem;}.section-header{text-align:center;margin-bottom:3.5rem;max-width:680px;margin-left:auto;margin-right:auto;}.section-tag{font-size:0.65rem;color:var(--copper);letter-spacing:0.35em;text-transform:uppercase;display:inline-flex;align-items:center;gap:0.7rem;margin-bottom:1rem;}.section-tag::before,.section-tag::after{content:'';width:28px;height:1px;background:rgba(184,134,74,0.25);}.section-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin-bottom:1rem;color:var(--ink);}.section-title em{font-style:italic;color:var(--copper-dark);}.section-desc{font-size:0.95rem;color:var(--muted);max-width:520px;margin:0 auto;font-weight:400;}.services{background:var(--paper);}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1150px;margin:0 auto;}.products{background:var(--paper-2);}.filter-btn{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.5rem 1.3rem;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.04);color:var(--ink-2);cursor:pointer;transition:all 0.35s var(--ease);border-radius:100px;font-weight:400;}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1280px;margin:0 auto;}.product-card{display:block;position:relative;overflow:hidden;background:var(--paper);border-radius:var(--radius);transition:transform 0.4s var(--ease),box-shadow 0.4s var(--ease);cursor:pointer;border:1px solid transparent;}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px rgba(0,0,0,0.15);border-color:var(--line);}.product-card-img-wrap{overflow:hidden;position:relative;background:var(--paper-2);}.product-card-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--paper-2);transition:transform 0.7s var(--ease);}.product-card:hover .product-card-img{transform:scale(1.04);}.product-card-badge{position:absolute;top:0.8rem;left:0.8rem;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:0.25rem 0.7rem;border-radius:100px;z-index:2;font-weight:500;}.product-card-badge.new{background:var(--copper);color:var(--ink);}.product-card-body{padding:1.2rem 1.3rem 1.4rem;}.product-type{font-size:0.65rem;color:var(--copper);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:0.25rem;display:block;font-weight:500;}.product-card-body h3{font-size:1.1rem;margin-bottom:0.3rem;font-weight:400;line-height:1.3;}.product-card-body p{font-size:0.82rem;color:var(--muted);line-height:1.5;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.product-finishes{display:flex;gap:0.3rem;margin-top:0.7rem;align-items:center;}.finish-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);cursor:pointer;transition:transform 0.2s,border-color 0.2s;position:relative;}.finish-dot:hover{transform:scale(1.2);border-color:var(--copper);}.finish-dot::after{content:attr(data-name);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:0.55rem;color:var(--ink);background:var(--paper-2);padding:0.2rem 0.5rem;border-radius:2px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;border:1px solid var(--line);}.finish-dot:hover::after{opacity:1;}.finish-more{font-size:0.6rem;color:var(--muted);margin-left:0.2rem;}.projects{background:var(--ink-2);color:var(--paper);}.projects .section-tag{color:var(--copper);}.projects .section-title{color:var(--paper);}.projects .section-desc{color:var(--muted-2);}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;max-width:1280px;margin:0 auto;}.why{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;}.why::before{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(184,134,74,0.04) 0%,transparent 70%);pointer-events:none;}.why .section-tag{color:var(--copper);}.why .section-title{color:var(--paper);}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1100px;margin:0 auto;}.why-text p{color:var(--muted-2);font-size:1rem;margin-bottom:1.2rem;font-weight:400;}.why-features{list-style:none;}.why-features li{padding:1.2rem 0;border-bottom:1px solid var(--line-dark);display:flex;align-items:flex-start;gap:1rem;color:var(--muted-2);font-size:0.9rem;transition:padding-left 0.3s var(--ease);}.why-features li:hover{padding-left:0.5rem;}.why-features li strong{display:block;color:var(--paper);font-weight:400;font-size:1rem;margin-bottom:0.15rem;}.why-features .num{font-family:'Montserrat',serif;font-size:1.8rem;color:var(--copper);line-height:1;min-width:2.5rem;opacity:0.7;}.testimonial{background:var(--ink);color:var(--paper);text-align:center;padding:5rem 3rem;position:relative;overflow:hidden;}.testimonial::before{content:'″';position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-family:'Montserrat',serif;font-size:12rem;color:rgba(184,134,74,0.06);line-height:1;pointer-events:none;}.testimonial blockquote{font-family:'Montserrat',serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:300;font-style:italic;max-width:750px;margin:0 auto 1.5rem;line-height:1.4;position:relative;z-index:1;}.testimonial cite{font-style:normal;font-size:0.75rem;color:var(--muted-2);letter-spacing:0.18em;text-transform:uppercase;font-family:'Montserrat',sans-serif;}.form-group{margin-bottom:1.2rem;}.form-group label{display:block;font-size:0.68rem;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.35rem;font-weight:500;}.form-group input,.form-group textarea,.form-group select{width:100%;padding:0.8rem 0;border:none;border-bottom:1px solid var(--line);background:transparent;font-family:inherit;font-size:0.9rem;color:var(--ink);outline:none;transition:border-color 0.35s var(--ease);}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--copper);}.form-group textarea{resize:vertical;min-height:80px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}.btn-submit{margin-top:0.4rem;padding:0.95rem 2.5rem;background:var(--ink);color:var(--paper);border:none;cursor:pointer;font-size:0.73rem;letter-spacing:0.14em;text-transform:uppercase;border-radius:var(--radius);transition:all 0.4s var(--ease);font-weight:500;}.btn-submit:hover{background:var(--copper);transform:translateY(-2px);box-shadow:0 8px 30px rgba(184,134,74,0.25);}footer{background:var(--ink);color:var(--muted-2);padding:3.5rem 3rem 1.8rem;border-top:1px solid var(--line-dark);}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;max-width:1150px;margin:0 auto 2.5rem;}.footer-brand{font-family:'Montserrat',serif;font-size:1.3rem;color:var(--paper);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.8rem;}.footer-brand span{color:var(--copper);}.footer-desc{font-size:0.85rem;color:var(--muted);line-height:1.6;font-weight:400;}.footer-col h4{font-family:'Montserrat',sans-serif;font-size:0.68rem;color:var(--paper);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1rem;font-weight:500;}.footer-col ul{list-style:none;}.footer-col li{margin-bottom:0.4rem;}.footer-col a{font-size:0.82rem;color:var(--muted);transition:color 0.3s;font-weight:400;}.footer-col a:hover{color:var(--copper);}.footer-bottom{border-top:1px solid var(--line-dark);padding-top:1.5rem;text-align:center;font-size:0.75rem;color:var(--muted);max-width:1150px;margin:0 auto;}.fade-up{opacity:0;transform:translateY(35px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out);}.fade-up.visible{opacity:1;transform:translateY(0);}.fade-up-delay-1{transition-delay:0.1s;}.fade-up-delay-2{transition-delay:0.2s;}.fade-up-delay-3{transition-delay:0.3s;}.fade-up-delay-4{transition-delay:0.4s;}.stagger-children .fade-up:nth-child(1){transition-delay:0.05s;}.stagger-children .fade-up:nth-child(2){transition-delay:0.15s;}.stagger-children .fade-up:nth-child(3){transition-delay:0.25s;}.stagger-children .fade-up:nth-child(4){transition-delay:0.35s;}.stagger-children .fade-up:nth-child(5){transition-delay:0.45s;}.stagger-children .fade-up:nth-child(6){transition-delay:0.55s;}.lang-toggle{background:transparent;border:1px solid rgba(184,134,74,0.3);color:var(--muted-2);font-size:0.65rem;font-weight:500;letter-spacing:0.1em;padding:0.35rem 0.7rem;border-radius:var(--radius);cursor:pointer;transition:all 0.3s var(--ease);margin-right:0.6rem;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;}.lang-toggle:hover{border-color:var(--copper);color:var(--copper);}.page-hero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden;background:var(--paper);}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(184,134,74,0.08) 0%,transparent 70%);pointer-events:none;}.page-hero-content{position:relative;z-index:1;max-width:800px;}.page-hero-badge{display:inline-block;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--copper);margin-bottom:1.2rem;font-weight:500;}.page-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.15;margin-bottom:1rem;color:#ffffff;}.page-hero h1 em{color:var(--copper);font-style:italic;}.page-hero p{font-size:1rem;color:var(--muted-2);max-width:600px;margin:0 auto;line-height:1.7;font-weight:400;}.category-tabs{position:sticky;top:60px;z-index:100;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);overflow-x:auto;}.tabs-inner{display:flex;gap:0.5rem;max-width:1280px;margin:0 auto;padding:0.8rem 2rem;white-space:nowrap;}.tab-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.15);color:var(--ink-2);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.5rem 1.2rem;border-radius:100px;cursor:pointer;transition:all 0.3s var(--ease);font-family:inherit;white-space:nowrap;flex-shrink:0;}.tab-btn:hover{border-color:var(--copper);color:var(--copper);}.tab-btn.active{background:var(--copper);border-color:var(--copper);color:var(--paper);}.category-section{padding:4rem 2rem;max-width:1280px;margin:0 auto;}.category-section:nth-child(even){background:var(--paper-2);}.category-header{margin-bottom:2rem;}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}.category-intro p{color:var(--muted-2);line-height:1.75;margin-bottom:1.5rem;font-weight:400;}.category-specs{list-style:none;display:flex;flex-direction:column;gap:0.6rem;}.category-specs li{font-size:0.85rem;color:var(--ink-2);display:flex;align-items:center;gap:0.6rem;}.category-specs .spec-icon{color:var(--copper);font-size:0.7rem;}.category-showcase{display:flex;flex-direction:column;gap:1rem;}.showcase-main{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:var(--paper-2);}.showcase-main img{width:100%;height:100%;object-fit:contain;background:var(--paper-2);}.showcase-thumb{display:flex;gap:0.8rem;}.showcase-thumb img{width:80px;height:60px;object-fit:contain;background:var(--paper-2);border-radius:calc(var(--radius) / 2);cursor:pointer;opacity:0.5;transition:opacity 0.3s;}.showcase-thumb img:hover{opacity:1;}.products-heading{font-size:1.4rem;font-weight:400;letter-spacing:0.02em;margin:3rem 0 1.5rem;text-align:center;color:var(--ink);}.cta-strip{text-align:center;padding:5rem 2rem;background:var(--paper-2);}.cta-strip h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;margin-bottom:1rem;color:var(--ink);}.cta-strip h2 em{color:var(--copper);font-style:italic;}.cta-strip p{font-size:0.95rem;color:var(--muted-2);max-width:500px;margin:0 auto 2rem;font-weight:400;}@media (max-width:768px){.category-grid{grid-template-columns:1fr;gap:2rem;}.page-hero{min-height:40vh;padding:6rem 1.5rem 3rem;}.category-section{padding:3rem 1.5rem;}}.pd{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,10,0.97);z-index:99999;overflow-y:auto;padding:2rem;}.pd.active{display:block;}.pd-in{max-width:1100px;margin:0 auto;background:var(--paper-2);border-radius:4px;padding:2.5rem;position:relative;}.pd-close{display:inline-block;color:var(--copper);text-decoration:none;margin-bottom:1.5rem;font-size:0.95rem;}.pd-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;}.pd-img img{width:100%;border-radius:4px;}.pd-info h1{font-size:2.4rem;margin:0.5rem 0 1rem;}.pd-specs{margin-top:2rem;}.pd-specs h2{font-size:1.1rem;margin-bottom:1rem;color:var(--copper);}.stbl{width:100%;border-collapse:collapse;}.stbl th,.stbl td{padding:0.6rem 0.8rem;border-bottom:1px solid var(--line);text-align:left;}.stbl th{width:140px;color:var(--muted);font-weight:400;}.pd-cta{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;}.pd-similar{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line);}.pd-carousel{overflow-x:auto;margin-top:1.5rem;}.pd-carousel-track{display:flex;gap:1.25rem;}.pd-carousel-item{width:220px;flex-shrink:0;cursor:pointer;}.pd-ci-img{width:100%;border-radius:3px;}@media (max-width:768px){.pd-hero{grid-template-columns:1fr;}.pd-in{padding:1.5rem;}}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}.pd-gallery{display:flex;gap:1rem;}.pd-thumbs{display:flex;flex-direction:column;gap:0.5rem;width:72px;flex-shrink:0;}.pd-thumb{width:72px;height:72px;border:1px solid var(--line);border-radius:3px;overflow:hidden;cursor:pointer;opacity:0.7;transition:all 0.2s ease;}.pd-thumb.active,.pd-thumb:hover{opacity:1;border-color:var(--copper);}.pd-thumb img{width:100%;height:100%;object-fit:contain;background:var(--paper-2);}.pd-main-img{position:relative;flex:1;border-radius:4px;overflow:hidden;background:#111;}.pd-main-img img{width:100%;display:block;}.pd-zoom{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.6);color:#fff;font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;}.pd-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;width:36px;height:60px;font-size:1.4rem;cursor:pointer;}.pd-nav-arrow.prev{left:8px;}.pd-nav-arrow.next{right:8px;}.pd-spec-menu{margin:1.5rem 0;}.pd-spec-row{margin-bottom:1.1rem;}.pd-spec-label{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.4rem;display:block;}.pd-spec-options{display:flex;flex-wrap:wrap;gap:0.5rem;}.pd-spec-option{padding:0.35rem 0.85rem;border:1px solid var(--line);border-radius:20px;font-size:0.85rem;color:var(--ink);cursor:pointer;transition:all 0.15s ease;user-select:none;}.pd-spec-option:hover{border-color:var(--copper);color:var(--copper);}.pd-spec-option.active{background:var(--copper);color:#111;border-color:var(--copper);font-weight:500;}.pd-finishes{display:flex;align-items:center;gap:0.6rem;margin:1rem 0;}.pd-finishes-label{font-size:0.75rem;color:var(--muted);margin-right:0.3rem;}.pd-swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);cursor:pointer;}.pd-swatch.active{box-shadow:0 0 0 2px var(--copper);}.pd-swatch-name{font-size:0.9rem;color:var(--muted-2);margin-left:0.4rem;}
#scrollTopBtn{position:fixed;bottom:2rem;right:2rem;background:var(--copper);color:#fff;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.3s var(--ease),transform 0.3s var(--ease);transform:translateY(10px)}
#scrollTopBtn:hover{background:var(--copper-light);transform:translateY(-2px)}
#scrollTopBtn:active{transform:scale(0.95)}
@media(max-width:768px){#scrollTopBtn{bottom:1.2rem;right:1.2rem;width:42px;height:42px;font-size:1.2rem}}
html[data-lang="vi"] em{font-style:normal !important;}
/* Product compare */
.product-compare{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.65rem;color:var(--muted);letter-spacing:0.05em;cursor:pointer;margin-top:0.5rem;user-select:none;}
.product-compare input{accent-color:var(--copper);width:14px;height:14px;cursor:pointer;}
.product-compare span{color:var(--muted);transition:color 0.2s;}
.product-compare:hover span{color:var(--ink-2);}
.product-compare input:checked + span{color:var(--copper);}
#compareBar{display:none;}
#compareBar.active{display:flex;}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:2rem auto;}
.compare-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;text-align:center;}
.compare-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--radius);margin-bottom:1rem;background:var(--paper);}
.compare-card h4{font-size:1rem;margin-bottom:0.5rem;color:var(--ink);}
.compare-card .spec-table{text-align:left;font-size:0.8rem;color:var(--muted-2);margin-top:0.8rem;}
.compare-card .spec-table td{padding:0.3rem 0;border-bottom:1px solid var(--line);}
.compare-card .spec-table td:first-child{color:var(--muted);padding-right:1rem;}
.compare-remove{position:absolute;top:0.5rem;right:0.5rem;background:var(--paper);border:1px solid var(--line);color:var(--muted);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:0.8rem;display:flex;align-items:center;justify-content:center;}
.compare-remove:hover{border-color:var(--copper);color:var(--copper);}
/* Attribute filter bar */

.filter-label{font-size:0.6rem;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;margin-right:0.3rem;white-space:nowrap;}





.product-card.hidden-by-filter{display:none !important;}

.products-wrapper{display:flex;max-width:1400px;margin:0 auto;position:relative;}
.filter-sidebar{width:220px;flex-shrink:0;padding:1.5rem 1.5rem 1.5rem 2rem;background:var(--paper);border-right:1px solid var(--line);position:sticky;top:60px;align-self:flex-start;}
.filter-sidebar .filter-title{font-size:0.7rem;color:var(--muted);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:1.2rem;font-weight:500;}
.filter-group{margin-bottom:1.5rem;}
.filter-group-title{font-size:0.6rem;color:var(--copper);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.5rem;font-weight:500;}
.filter-btn{display:block;width:100%;text-align:left;font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.45rem 0.8rem;border:1px solid transparent;background:transparent;color:var(--ink-3);cursor:pointer;transition:all 0.25s var(--ease);border-radius:var(--radius);font-family:inherit;white-space:nowrap;}
.filter-btn:hover{color:var(--ink);background:rgba(255,255,255,0.03);border-color:var(--line);}
.filter-btn.active{color:var(--ink);background:rgba(255,255,255,0.06);border-color:var(--ink);font-weight:400;}
/* Sidebar Category Links */
.sidebar-cat-link{
  display:block;
  padding:0.75rem 1rem;
  margin:0.25rem 0;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--line);
  border-radius:var(--radius);
  color:var(--ink-2);
  text-decoration:none;
  font-size:0.85rem;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:0.5rem;
  transition:all 0.3s var(--ease);
  white-space:nowrap;
}
.sidebar-cat-link:hover{
  background:rgba(255,255,255,0.06);
  border-color:var(--copper);
  color:var(--copper);
}
.sidebar-cat-link.active{
  background:var(--copper);
  color:var(--ink);
  border-color:var(--copper);
}
.sidebar-cat-link .sidebar-cat-icon{
  font-size:1rem;
}
.filter-btn .count{font-size:0.55rem;color:var(--muted);margin-left:0.3rem;opacity:0.7;}
.filter-reset{width:100%;margin-top:1rem;font-size:0.65rem;color:var(--muted);background:transparent;border:1px solid var(--line);padding:0.5rem 0.8rem;border-radius:var(--radius);cursor:pointer;transition:all 0.25s;font-family:inherit;text-align:center;}
.filter-reset:hover{color:var(--copper);border-color:var(--copper);}
.products-grid-wrapper{flex:1;padding:1.5rem 2rem 2rem 2rem;min-width:0;}
.no-results{text-align:center;padding:4rem 2rem;color:var(--muted);font-size:0.9rem;}
.filter-active-tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:1rem;min-height:0;}
.filter-tag{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.6rem;color:var(--ink-2);background:rgba(255,255,255,0.05);border:1px solid var(--line);padding:0.25rem 0.6rem;border-radius:100px;letter-spacing:0.05em;}
.filter-tag .remove-tag{cursor:pointer;color:var(--muted);font-size:0.7rem;margin-left:0.2rem;transition:color 0.2s;}
.filter-tag .remove-tag:hover{color:var(--copper);}
@media(max-width:900px){
  .products-wrapper{flex-direction:column;}
  .filter-sidebar{width:100%;position:static;max-height:none;border-right:none;border-bottom:1px solid var(--line);padding:1rem 2rem;}
  .filter-group{display:flex;flex-wrap:wrap;gap:0.3rem;align-items:center;margin-bottom:0.8rem;}
  .filter-btn{display:inline-block;width:auto;}
  .filter-group-title{width:100%;}
}

/* ===== IMPROVED PRODUCTS LAYOUT (strong overrides) ===== */
.products-grid-wrapper {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 1.25rem 1.75rem 2.25rem 1.75rem !important;
}

.products-grid-wrapper .products-grid,
.products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Refined card look */
.products-grid-wrapper .product-card,
.product-card {
  border: 1px solid var(--line) !important;
  background: var(--paper-2) !important;
  overflow: visible !important;
}

.products-grid-wrapper .product-card-img-wrap,
.product-card-img-wrap {
  overflow: visible !important;
}

.products-grid-wrapper .product-card-img,
.product-card-img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  filter: grayscale(1) contrast(0.95) !important;
  transition: filter 0.5s var(--ease), transform 0.7s var(--ease) !important;
}

.products-grid-wrapper .product-card:hover,
.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.28) !important;
  border-color: var(--copper) !important;
}

.products-grid-wrapper .product-card:hover .product-card-img,
.product-card:hover .product-card-img {
  filter: grayscale(0) contrast(1) !important;
  transform: scale(1.025) !important;
}
}

.products-grid-wrapper .product-card img,
.product-card img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.45s var(--ease) !important;
}

.products-grid-wrapper .product-card:hover img,
.product-card:hover img {
  transform: scale(1.025) !important;
}

.products-grid-wrapper .product-card-body,
.product-card-body {
  padding: 0.95rem 1.05rem 1.15rem !important;
}

.products-grid-wrapper .product-card-body h3,
.product-card-body h3 {
  font-size: 0.98rem !important;
  margin-bottom: 0.2rem !important;
  line-height: 1.2 !important;
}

.products-grid-wrapper .product-card-body p,
.product-card-body p {
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
  margin: 0 0 0.35rem !important;
}

/* Nicer spec styling */
.product-card-body strong,
.products-grid-wrapper .product-card-body strong {
  font-size: 0.65rem !important;
  letter-spacing: 0.04em !important;
}

/* Section headings */
.products-heading {
  font-size: 1.2rem !important;
  margin: 2rem 0 1rem !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 1px solid var(--line) !important;
  text-align: left !important;
}

.category-grid {
  gap: 2.25rem !important;
}

@media (max-width: 900px) {
  .products-grid-wrapper .products-grid,
  .products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}