:root{--green:#005c58;--ink:#071817;--slate:#454f4e;--paper:#fafafa;--line:#e5e8e6;--muted:#5f6967;--page:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.site-shell,.site-footer{width:100%;background:var(--paper)}.site-nav{position:absolute;z-index:4;top:24px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 48px));height:58px;border-radius:999px;background:#fbfcfa;display:flex;align-items:center;padding:0 13px 0 21px;color:var(--ink);box-shadow:0 4px 18px #001a1422}.brand{font-size:14px;letter-spacing:-.2px;white-space:nowrap}.site-nav nav{display:flex;gap:34px;margin:auto}.site-nav nav a{font-size:13px;font-weight:500;color:#35403e}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--green);border:1px solid var(--green);border-radius:999px;color:#fff;padding:14px 23px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#004944}.button-small{padding:11px 21px;font-size:12px}.hero{height:630px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,13,.68),rgba(3,14,13,.25))}.hero-copy{position:absolute;z-index:1;top:177px;left:max(9vw,calc((100vw - var(--page))/2));color:#fff;max-width:550px}.eyebrow{margin:0 0 14px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.85px;text-transform:uppercase}.eyebrow-light{color:#d2ebe7}.hero h1,h2{margin:0;font-size:48px;line-height:1.08;letter-spacing:-.8px;font-weight:500}.hero h1 em,h2 em{font-style:normal}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:435px;margin:18px 0 29px;color:#f1f4f3}.intro-section,.category-grid,.metrics,.about-section,.gallery-section,.voices-section,.faq-section{width:min(var(--page),calc(100% - 96px));margin-left:auto;margin-right:auto}.intro-section{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;padding:78px 0 34px}.intro-section h2,.about-section h2,.gallery-section h2,.voices-section h2,.faq-section h2{font-size:37px;letter-spacing:-.5px}.intro-section>p,.gallery-copy{font-size:15px;color:var(--muted);max-width:370px;line-height:1.6;margin:0 0 4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding-bottom:83px}.category-card a{height:288px;display:block;position:relative;overflow:hidden;background:#ddd}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card a:hover img{transform:scale(1.05)}.category-card a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061514b3,transparent 55%)}.category-card span{position:absolute;z-index:1;left:15px;bottom:15px;color:#fff;font-size:14px;font-weight:600}.category-card b{position:absolute;z-index:1;right:15px;bottom:12px;color:#fff;font-size:19px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:100px;gap:28px}.metric-card strong{display:block;color:var(--green);font-size:42px;line-height:1;font-weight:500;letter-spacing:-.6px}.metric-card b,.metric-card span{display:block}.metric-card b{font-size:15px;margin-top:14px}.metric-card span{font-size:14px;color:#69716f;line-height:1.35;margin-top:3px;max-width:150px}.about-section{display:grid;grid-template-columns:52% 48%;align-items:center;gap:72px;padding-bottom:105px}.about-section>img{width:100%;height:410px;object-fit:cover}.about-section>div>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7;max-width:380px;margin:21px 0 28px}.gallery-section{width:100%;padding:82px max(48px,calc((100% - var(--page))/2));display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#fff}.gallery-copy{align-self:end}.gallery{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:13px}.gallery img{width:100%;height:280px;object-fit:cover}.voices-section{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:52px;padding:95px 0}.testimonial-card{font-size:17px;line-height:1.55;padding-top:10px}.testimonial-card footer{margin-top:31px;font-size:13px}.testimonial-card footer b,.testimonial-card footer span{display:block}.testimonial-card footer span{color:#707877;margin-top:4px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-bottom:103px}.faq-section .button{margin-top:26px}.accordion{border-top:1px solid var(--line)}details{padding:21px 0;border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary b{font-size:20px;line-height:16px;color:var(--green)}details p{font-size:14px;color:var(--muted);max-width:470px;line-height:1.6;margin:14px 0 0}.site-footer{background:var(--ink);color:#fff;padding:82px max(48px,calc((100% - var(--page))/2)) 24px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.site-footer h2{font-size:46px;letter-spacing:-.7px;line-height:1.08;font-weight:500;margin:0}.footer-intro>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:340px;color:#b8c6c4}.footer-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.button-light{background:#fff;color:var(--ink);border-color:#fff}.button-light:hover{background:#e8f4f1}.footer-action form{width:100%}.footer-action label{font-size:14px;color:#c3d1cf}.footer-action form div{display:flex;border-bottom:1px solid #ffffff55;margin-top:10px}.footer-action input{background:transparent;border:0;padding:12px 0;color:#fff;outline:0;width:100%;font:14px "DM Sans"}.footer-action input::placeholder{color:#9baaa8}.footer-action button{background:transparent;border:0;color:#fff;font:600 13px "DM Sans"}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:21px;display:flex;justify-content:space-between;font-size:12px;color:#bdcbca}@media(max-width:760px){.site-nav{top:16px;width:calc(100% - 32px);height:54px}.site-nav nav{display:none}.site-nav .button{margin-left:auto}.hero{height:610px}.hero-copy{left:25px;right:25px;top:165px}.hero h1{font-size:42px}.intro-section,.category-grid,.metrics,.about-section,.voices-section,.faq-section{width:calc(100% - 50px)}.intro-section,.about-section,.faq-section{grid-template-columns:1fr;gap:28px}.intro-section{padding-top:60px}.category-grid{grid-template-columns:1fr 1fr;padding-bottom:60px}.category-card a{height:220px}.metrics{grid-template-columns:1fr 1fr;padding-bottom:70px;gap:35px 22px}.about-section{padding-bottom:70px}.about-section>img{height:315px}.gallery-section{padding:60px 25px;grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:210px}.gallery img:first-child{grid-column:span 2}.voices-section{grid-template-columns:1fr;padding:65px 0;gap:20px}.testimonial-card{font-size:16px}.faq-section{padding-bottom:65px}.site-footer{grid-template-columns:1fr;padding:60px 25px 20px;gap:45px}.site-footer h2{font-size:40px}.footer-action{gap:42px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}}@media(max-width:430px){.site-nav .brand{font-size:12px}.site-nav .button-small{font-size:11px;padding:10px 14px}.hero h1{font-size:37px}.intro-section h2,.about-section h2,.gallery-section h2,.voices-section h2,.faq-section h2{font-size:33px}.category-card a{height:180px}.metric-card strong{font-size:36px}}/* Commerce components */
.commerce-body{background:#f8f8f6;min-height:100vh}.commerce-nav{height:76px;width:min(1240px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.commerce-nav nav,.commerce-nav>div{display:flex;align-items:center;gap:27px}.commerce-nav a{font-size:14px}.commerce-nav .brand{font-size:17px}.bag-link b{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;margin-left:5px}.notice{max-width:1240px;margin:18px auto 0;padding:14px 18px;border-radius:8px;background:#e1f1ed;color:#06463f;font-size:14px}.commerce-main{width:min(1240px,calc(100% - 72px));margin:0 auto;padding:68px 0 100px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}.page-heading h1,.product-buy h1,.auth-page h1,.checkout-page h1{font-size:48px;letter-spacing:-1.1px;line-height:1.06;font-weight:500;margin:0}.page-heading>p:last-child{max-width:300px;color:var(--muted);font-size:15px}.filters{display:flex;gap:13px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.filters label,.calculator label,.auth-form label,.form-grid label,.wallpaper-select{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.filters select,.calculator input,.auth-form input,.form-grid input,.wallpaper-select select{height:43px;border:1px solid #cfd5d2;border-radius:6px;background:#fff;padding:0 11px;color:var(--ink);font:14px "DM Sans"}.filters .button{height:43px;padding:0 18px}.results-count{font-size:14px;color:var(--muted);margin:25px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-tile{position:relative}.product-tile>a{display:block;height:330px;overflow:hidden;background:#ddd}.product-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-tile:hover img{transform:scale(1.04)}.product-tile p{margin:0 0 4px;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:var(--green);font-weight:700}.product-tile h3{font-size:18px;font-weight:500;margin:0}.product-tile span{font-size:12px;color:var(--muted);display:block;margin:3px 0}.product-tile strong{font-size:15px;font-weight:600}.product-tile strong small{font-size:11px;color:var(--muted);font-weight:400}.save-button{position:absolute;top:11px;right:11px;width:37px;height:37px;border:0;border-radius:50%;background:#fffffff2;font-size:21px}.commerce-footer{background:var(--ink);color:#eff5f3;padding:55px max(36px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.commerce-footer p{max-width:235px;font-size:14px;color:#aebdba}.commerce-footer>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.commerce-footer b{font-size:14px}.commerce-footer a{font-size:13px;color:#cbd6d4}.back-link{font-size:14px;display:inline-block;margin-bottom:26px}.product-page{width:min(1160px,calc(100% - 72px));margin:0 auto;padding:46px 0 100px}.product-detail{display:grid;grid-template-columns:55% 45%;gap:70px}.product-image-large img{width:100%;height:640px;object-fit:cover}.product-buy{padding:27px 0}.product-price{font-size:24px;font-weight:600;margin:17px 0}.product-price span{font-size:14px;color:var(--muted);font-weight:400}.product-description{font-size:16px;color:var(--muted);line-height:1.7}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.product-badges span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:12px}.calculator{background:#eef4f2;padding:22px;margin-top:25px}.calculator h3{font-size:17px;margin:0 0 15px}.dimension-fields{display:grid;grid-template-columns:1fr 1fr .75fr;gap:9px}.calculator p{font-size:12px;color:var(--muted)}.product-actions{display:flex;gap:20px;margin-top:21px;align-items:center}.product-actions a,.product-actions button{font:600 13px "DM Sans";color:var(--green);background:none;border:0;padding:0}.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:65px}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.cart-item img{width:120px;height:120px;object-fit:cover}.cart-item h3{font-size:18px;margin:0}.cart-item p{font-size:14px;color:var(--muted)}.cart-item strong{font-size:16px}.cart-item button{border:0;background:none;text-decoration:underline;font:13px "DM Sans"}.order-summary{background:#fff;padding:25px;height:max-content}.order-summary h2{font-size:21px;margin:0 0 20px}.order-summary p{display:flex;justify-content:space-between;gap:18px;font-size:14px}.summary-total{font-size:17px!important}.order-summary .button{width:100%;margin-top:14px}.order-summary small{display:block;margin-top:15px;color:var(--muted);font-size:11px}.empty-state{text-align:center;background:#fff;padding:80px 25px}.empty-state h2{font-size:30px;margin:0}.empty-state p{color:var(--muted)}.auth-page,.checkout-page{width:min(950px,calc(100% - 50px));margin:0 auto;padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.auth-page>section>p:not(.eyebrow),.checkout-page>div>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7}.auth-form,.checkout-form{background:#fff;padding:31px;box-shadow:0 5px 24px #09221d0d}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .button{margin-top:7px}.auth-form p{font-size:13px;text-align:center}.auth-form p a{color:var(--green);font-weight:600}.checkout-page{align-items:start}.checkout-form h2{font-size:20px;margin:0 0 18px}.checkout-form h2:not(:first-child){margin-top:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-two{grid-column:span 2}.payment-note{background:#eef4f2;padding:17px;font-size:14px;line-height:1.6;margin-bottom:20px}.visualizer{width:min(1160px,calc(100% - 72px));margin:0 auto;min-height:calc(100vh - 76px);padding:75px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.visualizer h1{font-size:45px;line-height:1.08;margin:0}.visualizer section>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7}.upload-control{display:flex;gap:14px;align-items:center;border:1px dashed #94a19f;padding:16px;margin:25px 0 16px;cursor:pointer}.upload-control b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--green);color:#fff;font-size:21px}.upload-control span{font-size:14px;font-weight:600}.upload-control small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.wallpaper-select{max-width:290px}.visual-canvas{height:530px;background:#e2e6e3;position:relative}.visual-canvas canvas{width:100%;height:100%;object-fit:contain}.visual-canvas span{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none;font-size:16px}@media(max-width:800px){.commerce-nav,.commerce-main,.product-page,.visualizer{width:calc(100% - 36px)}.commerce-nav nav{display:none}.commerce-nav>div{gap:14px}.page-heading{display:block}.page-heading>p:last-child{margin-top:15px}.filters{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.product-tile>a{height:250px}.product-detail,.cart-layout,.auth-page,.checkout-page,.visualizer{grid-template-columns:1fr;gap:35px}.product-image-large img{height:430px}.commerce-footer{grid-template-columns:1fr 1fr}.commerce-footer>div:first-child{grid-column:span 2}.voices-section{grid-template-columns:1fr}.visualizer{padding:48px 0}.visual-canvas{height:380px}}@media(max-width:480px){.commerce-nav{height:65px}.commerce-nav>div a:first-child{display:none}.commerce-main{padding:48px 0 70px}.page-heading h1,.product-buy h1,.auth-page h1,.checkout-page h1{font-size:38px}.filters{grid-template-columns:1fr}.product-tile>a{height:200px}.product-tile h3{font-size:16px}.cart-item{grid-template-columns:84px 1fr}.cart-item img{width:84px;height:84px}.cart-item form{grid-column:2}.commerce-footer{grid-template-columns:1fr}.commerce-footer>div:first-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.dimension-fields{grid-template-columns:1fr}.product-actions{display:block}.product-actions form{margin-top:12px}}.link-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font:600 13px "DM Sans"}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.account-grid article{background:#fff;padding:28px;min-height:260px}.account-grid h2{font-size:22px;margin:0 0 15px}.account-grid p{font-size:14px;color:var(--muted);max-width:290px;line-height:1.6}.order-list>div{display:grid;grid-template-columns:1fr auto;gap:5px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.order-list small{grid-column:1/-1;color:var(--muted)}.saved-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.saved-list a{font-size:13px;font-weight:600}.saved-list img{display:block;width:100%;height:145px;object-fit:cover;margin-bottom:6px}@media(max-width:600px){.account-grid{grid-template-columns:1fr}.page-heading form{margin-top:17px}}/* Retail-forward homepage sections */
.site-nav{width:min(1240px,calc(100% - 72px));padding-left:22px}.site-nav nav{gap:25px}.nav-actions{display:flex;align-items:center;gap:17px}.nav-actions a{font-size:13px}.nav-search{display:flex;align-items:center;gap:4px}.nav-search:first-letter{font-size:20px}.nav-bag b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;margin-left:4px}.shop-intro,.featured-shop,.benefit-strip,.category-showcase{width:min(1120px,calc(100% - 96px));margin:0 auto}.shop-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;padding:88px 0 50px;border-bottom:1px solid var(--line)}.shop-intro h2,.featured-shop h2,.sample-banner h2,.category-showcase h2{font-size:38px;letter-spacing:-.8px;line-height:1.1;margin:0}.shop-intro>div:last-child>p{font-size:16px;color:var(--muted);line-height:1.65;max-width:370px;margin:0 0 18px}.text-link,.light-link{font-size:14px;font-weight:700;color:var(--green);display:inline-flex;gap:9px;border-bottom:1px solid currentColor;padding-bottom:4px}.featured-shop{padding:65px 0 82px}.shop-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.button-outline{background:transparent;color:var(--green);border-color:var(--green)}.sample-banner{width:100%;background:var(--green);color:#fff;padding:67px max(48px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.sample-banner h2{font-size:38px}.sample-banner p{font-size:16px;line-height:1.65;color:#d3e6e2;max-width:370px}.banner-actions{display:flex;gap:22px;align-items:center;margin-top:24px}.light-link{color:#fff;border-color:#ffffff66}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:60px 0;border-bottom:1px solid var(--line)}.benefit-strip span{display:block;color:var(--green);font-size:13px;font-weight:700;margin-bottom:21px}.benefit-strip b{display:block;font-size:17px}.benefit-strip p{font-size:14px;color:var(--muted);line-height:1.55;max-width:230px}.category-showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:center;padding:92px 0}.category-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.65;margin:21px 0 26px}.category-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-mini-grid .category-card a{height:190px}.category-mini-grid .category-card:nth-child(1){grid-row:span 2}.category-mini-grid .category-card:nth-child(1) a{height:390px}@media(max-width:760px){.site-nav{width:calc(100% - 32px);padding:0 14px}.site-nav nav{display:none}.nav-actions{margin-left:auto}.nav-account{display:none}.shop-intro,.featured-shop,.benefit-strip,.category-showcase{width:calc(100% - 50px)}.shop-intro,.sample-banner,.category-showcase{grid-template-columns:1fr;gap:28px}.shop-intro{padding:60px 0 35px}.shop-section-head{display:block}.shop-section-head .button{margin-top:17px}.sample-banner{padding:55px 25px}.benefit-strip{grid-template-columns:1fr;gap:20px;padding:45px 0}.category-showcase{padding:60px 0}.category-mini-grid .category-card a,.category-mini-grid .category-card:nth-child(1) a{height:190px}.nav-search span{display:none}}/* Premium footer */
.brand-footer{background:#071817;color:#f3f7f5;padding:82px max(48px,calc((100% - 1120px)/2)) 24px}.footer-cta{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid #ffffff27;padding-bottom:65px}.footer-cta h2{font-size:48px;letter-spacing:-.7px}.footer-cta p:not(.eyebrow){font-size:15px;line-height:1.6;color:#b6c6c2;max-width:350px;margin:18px 0 0}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:65px;padding:57px 0 58px}.footer-brand .brand{font-size:19px}.footer-brand>p{font-size:14px;color:#aebfbb;max-width:220px;line-height:1.55;margin:18px 0}.footer-trust{display:flex;flex-direction:column;gap:7px;color:#c6d7d3;font-size:12px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links b,.footer-newsletter>b{font-size:13px;color:#fff;margin-bottom:4px}.footer-links a{font-size:13px;color:#aebfbb}.footer-newsletter p{font-size:13px;line-height:1.5;color:#aebfbb;max-width:250px;margin:12px 0 22px}.footer-newsletter form div{display:flex;border-bottom:1px solid #ffffff55;max-width:285px}.footer-newsletter input{background:transparent;border:0;outline:0;padding:11px 0;color:#fff;width:100%;font:13px "DM Sans"}.footer-newsletter input::placeholder{color:#93a7a3}.footer-newsletter button{background:none;border:0;color:#fff;font-size:22px}.footer-newsletter small{display:block;color:#81928f;font-size:10px;margin-top:11px}.footer-bottom{border-top:1px solid #ffffff27;padding-top:19px;display:flex;justify-content:space-between;color:#91a4a0;font-size:11px}.footer-bottom a{color:#b8c9c5}.compact-footer{padding-top:55px}.compact-footer .footer-main{padding-top:0}@media(max-width:760px){.brand-footer{padding:58px 25px 20px}.footer-cta{display:block;padding-bottom:45px}.footer-cta h2{font-size:39px}.footer-cta .button{margin-top:25px}.footer-main{grid-template-columns:1fr 1fr;gap:38px 25px;padding:42px 0}.footer-brand,.footer-newsletter{grid-column:span 2}.footer-links{gap:25px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.compact-footer .footer-main{padding-bottom:35px}}/* Discovery sections */
.discovery-section,.popular-categories{width:min(1120px,calc(100% - 96px));margin:0 auto;padding:88px 0 0}.discovery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.discovery-head h2{font-size:38px}.new-arrivals{display:grid;grid-template-columns:.78fr 1.22fr;background:#e9efec;margin-top:88px}.new-arrivals-copy{padding:72px max(36px,calc((100vw - 1120px)/2)) 72px max(48px,calc((100vw - 1120px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.new-arrivals-copy h2{font-size:38px}.new-arrivals-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted);max-width:310px;margin:20px 0 25px}.new-arrivals-image{height:430px;position:relative;overflow:hidden}.new-arrivals-image img{width:100%;height:100%;object-fit:cover}.new-arrivals-image span{position:absolute;bottom:20px;left:20px;background:#fff;padding:9px 13px;font-size:12px;font-weight:600}.popular-categories{padding-bottom:88px}.popular-category-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px}.popular-category-grid a{height:250px;position:relative;overflow:hidden;background:#ddd}.popular-category-grid a:first-child{height:330px}.popular-category-grid a img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.popular-category-grid a:hover img{transform:scale(1.05)}.popular-category-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061514b8,transparent 60%)}.popular-category-grid b{position:absolute;z-index:1;bottom:16px;left:17px;color:#fff;font-size:16px}.popular-category-grid b span{font-size:19px;margin-left:10px}@media(max-width:760px){.discovery-section,.popular-categories{width:calc(100% - 50px);padding-top:60px}.discovery-head{display:block}.discovery-head .text-link{margin-top:17px}.new-arrivals{grid-template-columns:1fr;margin-top:60px}.new-arrivals-copy{padding:52px 25px}.new-arrivals-image{height:290px}.popular-category-grid{grid-template-columns:1fr 1fr}.popular-category-grid a,.popular-category-grid a:first-child{height:210px}.popular-category-grid a:first-child{grid-column:span 2}}/* New arrivals refinement */
.new-arrivals{width:min(1120px,calc(100% - 96px));margin:88px auto 0;grid-template-columns:.88fr 1.12fr;border-radius:2px;overflow:hidden}.new-arrivals-copy{padding:68px 58px;background:#e9efec;min-height:430px}.new-arrivals-copy h2{font-size:42px;line-height:1.08;letter-spacing:-.8px}.new-arrivals-copy>p:not(.eyebrow){font-size:15px;max-width:315px;margin:20px 0 28px}.new-arrivals-image{height:430px}.new-arrivals-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07181755,transparent 42%);pointer-events:none}.new-arrivals-image span{z-index:1;left:24px;bottom:23px;background:#f8faf8;padding:10px 15px;letter-spacing:.2px}.new-arrivals .button{white-space:nowrap}@media(max-width:900px) and (min-width:761px){.new-arrivals-copy{padding:45px 35px}.new-arrivals-copy h2{font-size:34px}}@media(max-width:760px){.new-arrivals{width:calc(100% - 50px);margin-top:60px;grid-template-columns:1fr}.new-arrivals-copy{padding:48px 28px;min-height:0}.new-arrivals-copy h2{font-size:36px}.new-arrivals-image{height:300px}}/* Hero readability and alignment */
.hero-copy{left:max(5vw,calc((100vw - var(--page))/2));transform:translateY(-50%);width:min(680px,calc(100% - 50px));max-width:580px;text-align:left;top:50%;display:flex;flex-direction:column;align-items:flex-start}.hero-copy .eyebrow{font-size:13px;text-align:left}.hero h1{font-size:57px;line-height:1.06;letter-spacing:-.5px;text-align:left}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:520px;margin:22px 0 30px;text-align:left}.hero-copy .button{font-size:14px;padding:15px 25px;margin-left:0;align-self:flex-start}.intro-section h2,.featured-shop h2,.sample-banner h2,.category-showcase h2,.shop-intro h2{font-size:42px}.intro-section>p,.gallery-copy,.category-copy>p:not(.eyebrow),.shop-intro>div:last-child>p{font-size:16px}.eyebrow{font-size:13px}.product-tile h3{font-size:19px}.product-tile span{font-size:13px}.product-tile strong{font-size:16px}.button{font-size:14px}@media(max-width:760px){.hero-copy{top:50%;transform:translateY(-50%);left:20px;width:calc(100% - 40px);text-align:left;align-items:flex-start}.hero h1{font-size:43px;text-align:left}.hero-copy>p:not(.eyebrow){font-size:16px;text-align:left;margin:16px 0 22px}.intro-section h2,.featured-shop h2,.sample-banner h2,.category-showcase h2,.shop-intro h2{font-size:36px}}/* Motion system */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.product-tile,.category-card,.metric-card,.testimonial-card{transition:transform .35s ease,opacity .7s ease,box-shadow .35s ease}.product-tile:hover{transform:translateY(-6px)}.category-card:hover{transform:translateY(-4px)}.metric-card:hover{transform:translateY(-3px)}.button,.text-link,.product-tile>a img,.category-card img{transition:transform .25s ease,background-color .25s ease,color .25s ease}.button:hover{transform:translateY(-2px) scale(1.02)}.text-link:hover{gap:13px}.product-tile>a{overflow:hidden}.product-tile>a:hover img{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}/* Brand logo */
.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:104px;height:auto;max-height:49px;object-fit:contain}.site-nav .brand-logo{width:96px}.commerce-nav .brand-logo{width:110px}.footer-brand .brand-logo,.brand-footer .brand-logo{width:126px;filter:brightness(0) invert(1)}.footer-brand .brand-logo,.brand-footer .brand-logo{filter:none}
.brand-name{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--ink);white-space:nowrap}.site-nav .brand-name,.commerce-nav .brand-name{color:var(--ink)}.nav-logo{width:48px!important;height:39px!important;object-fit:contain}.site-nav .brand,.commerce-nav .brand{gap:8px}.brand-footer .brand-name{color:#fff}.brand-footer .brand-logo{width:126px!important}.brand-name{display:inline-flex;align-items:baseline;gap:4px}.brand-name i{font-style:normal;color:#bd9855;font-weight:500}.brand-footer .brand-name i{color:#d2ae69}.brand-name{gap:0}
/* Connect with us */
.connect-section{width:min(1120px,calc(100% - 96px));margin:0 auto;padding:85px 0}.connect-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:34px}.connect-intro h2{font-size:42px}.connect-intro>p:last-child{font-size:16px;line-height:1.65;color:var(--muted);max-width:395px;margin:0}.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connect-card{min-height:178px;border:1px solid var(--line);background:#fff;padding:21px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s}.connect-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0b242015}.connect-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf4f1;color:var(--green);font-size:20px;margin-bottom:20px}.connect-card b{font-size:16px}.connect-card small{font-size:13px;color:var(--muted);margin-top:4px}.connect-card strong{font-size:13px;color:var(--green);margin-top:auto}.whatsapp-card{background:#e9f4ee}.store-card{background:var(--ink);color:#fff;border-color:var(--ink)}.store-card .connect-icon{background:#29403d;color:#fff}.store-card small{color:#b8c9c5}.store-card strong{color:#d4eadf}@media(max-width:760px){.connect-section{width:calc(100% - 50px);padding:60px 0}.connect-intro{display:block}.connect-intro>p:last-child{margin-top:18px}.connect-grid{grid-template-columns:1fr 1fr}.connect-card{min-height:170px;padding:16px}.connect-card b{font-size:14px}.connect-card small{font-size:12px}}@media(max-width:430px){.connect-grid{grid-template-columns:1fr}.connect-card{min-height:145px}}/* Social contact polish */
.connect-section{background:#f8faf8;width:100%;padding:94px max(48px,calc((100% - 1120px)/2));}.connect-intro,.connect-grid{width:min(1120px,100%);margin-left:auto;margin-right:auto}.connect-intro{margin-bottom:40px}.connect-intro h2{font-size:48px;letter-spacing:-.7px}.connect-card{border:0;border-top:3px solid var(--green);box-shadow:0 2px 0 #dfe7e3}.connect-card:nth-child(1){border-top-color:#b96b99}.connect-card:nth-child(2){border-top-color:#4267a9}.connect-card:nth-child(3){border-top-color:#cf4435}.connect-card:nth-child(4){border-top-color:#3da56a}.connect-card:nth-child(5){border-top-color:#bd9855}.connect-card:nth-child(6){border-top-color:var(--ink)}.connect-card .connect-icon{font-weight:700}.connect-card strong{font-size:13px}.connect-card small{letter-spacing:.1px}@media(max-width:760px){.connect-section{padding:62px 25px}.connect-intro h2{font-size:40px}}/* Connect heading alignment */
.connect-intro{display:block;text-align:center;max-width:650px;margin:0 auto 40px}.connect-intro .eyebrow{margin-bottom:16px}.connect-intro h2{margin:0}.connect-intro>p:last-child{max-width:560px;margin:18px auto 0}.connect-grid{margin-top:0}/* Social brand-tinted card backgrounds */
.connect-card:nth-child(1){background:#f8edf6}.connect-card:nth-child(1) .connect-icon{background:#f1d7eb;color:#a33a83}.connect-card:nth-child(2){background:#edf3ff}.connect-card:nth-child(2) .connect-icon{background:#d9e5ff;color:#3568b0}.connect-card:nth-child(3){background:#fff0ef}.connect-card:nth-child(3) .connect-icon{background:#ffd9d5;color:#c43b31}.connect-card:nth-child(4){background:#edf8f1}.connect-card:nth-child(4) .connect-icon{background:#d5efdd;color:#25844d}.connect-card:nth-child(5){background:#fcf5e8}.connect-card:nth-child(5) .connect-icon{background:#f3e4c0;color:#9a7126}.connect-card:nth-child(6){background:#edf1f0;border-top-color:#566966}.connect-card:nth-child(6) .connect-icon{background:#dbe5e2;color:#314b47}.connect-card{box-shadow:0 2px 0 rgba(20,45,40,.06)}/* TryMeInterior store card */
.connect-card:nth-child(6){background:#e7efec;border-top-color:#005c58;color:#071817}.connect-card:nth-child(6) .connect-icon{background:#cce2dc;color:#005c58}.connect-card:nth-child(6) small{color:#526561}.connect-card:nth-child(6) strong{color:#005c58}/* Premium wallpaper atmosphere */
body{background:#e9e6df;background-image:radial-gradient(circle at 8% 12%,rgba(0,92,88,.055) 0 1px,transparent 1px),radial-gradient(circle at 84% 66%,rgba(189,152,85,.06) 0 1px,transparent 1px);background-size:28px 28px,34px 34px}.site-shell{background:transparent}.shop-intro,.featured-shop,.discovery-section,.popular-categories,.benefit-strip,.category-showcase,.about-section,.faq-section{position:relative}.shop-intro:before,.featured-shop:before,.discovery-section:before,.popular-categories:before,.benefit-strip:before,.category-showcase:before,.about-section:before,.faq-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:.38}.shop-intro:before{inset:20px -8vw;background:linear-gradient(135deg,#f8f7f2,#e7eeea);border-radius:0 90px 0 90px}.featured-shop{padding-left:24px;padding-right:24px}.featured-shop:before{inset:0 -8vw;background:#f8f7f2;border-top:1px solid #fff;border-bottom:1px solid #dedbd3}.discovery-section{padding-left:24px;padding-right:24px}.discovery-section:before{inset:0 -8vw;background:repeating-linear-gradient(135deg,rgba(0,92,88,.025) 0 1px,transparent 1px 18px),#f4f1eb}.popular-categories{padding-left:24px;padding-right:24px}.popular-categories:before{inset:0 -8vw;background:#f8f7f2}.benefit-strip:before{inset:0 -8vw;background:#e9f1ee}.category-showcase{padding-left:35px;padding-right:35px;background:linear-gradient(120deg,#f7f5ef,#e8efeb);border-radius:80px 0 80px 0}.category-showcase:before{inset:0;background:radial-gradient(circle at 84% 28%,rgba(189,152,85,.18),transparent 28%)}.about-section{padding-top:70px}.about-section:before{inset:0 -8vw;background:#faf9f5;border-top:1px solid #fff}.gallery-section{background:#f0eee8}.faq-section{padding-top:75px}.faq-section:before{inset:0 -8vw;background:linear-gradient(120deg,#f8faf8,#e7efec)}.commerce-body{background:#e9e6df;background-image:radial-gradient(circle at 10% 10%,rgba(0,92,88,.05) 0 1px,transparent 1px);background-size:28px 28px}.commerce-main{background:#f8f8f6;padding-left:45px;padding-right:45px}.product-page,.auth-page,.checkout-page,.visualizer{background:#f8f8f6;padding-left:45px;padding-right:45px}.commerce-footer,.brand-footer{position:relative}.commerce-footer:before,.brand-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(189,152,85,.07) 45% 46%,transparent 46% 54%,rgba(189,152,85,.04) 54% 55%,transparent 55%);pointer-events:none}.commerce-footer>* ,.brand-footer>*{position:relative}@media(max-width:760px){.featured-shop,.discovery-section,.popular-categories{padding-left:0;padding-right:0}.category-showcase{padding-left:25px;padding-right:25px;border-radius:45px 0 45px 0}.commerce-main,.product-page,.auth-page,.checkout-page,.visualizer{padding-left:0;padding-right:0}}/* Wallpaper-led decoration — no oversized section shapes */
.shop-intro:before,.featured-shop:before,.discovery-section:before,.popular-categories:before,.benefit-strip:before,.about-section:before,.faq-section:before{border-radius:0;background-color:#f8f7f2;background-image:radial-gradient(circle,rgba(0,92,88,.09) 1px,transparent 1.5px);background-size:22px 22px;opacity:.25}.shop-intro:before{inset:20px -8vw}.featured-shop:before{inset:0 -8vw}.discovery-section:before{inset:0 -8vw;background-image:repeating-linear-gradient(135deg,rgba(0,92,88,.04) 0 1px,transparent 1px 18px)}.popular-categories:before{inset:0 -8vw}.benefit-strip:before{inset:0 -8vw;background-image:radial-gradient(circle,rgba(0,92,88,.1) 1px,transparent 1.5px)}.about-section:before{inset:0 -8vw;background-image:repeating-linear-gradient(90deg,rgba(189,152,85,.06) 0 1px,transparent 1px 34px)}.faq-section:before{inset:0 -8vw;background-image:radial-gradient(circle at 90% 20%,rgba(0,92,88,.12) 0 1px,transparent 2px);background-size:18px 18px}.category-showcase{border-radius:0;background:#f3f0e8;overflow:hidden}.category-showcase:before{inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 21px,rgba(0,92,88,.055) 22px,transparent 23px),repeating-linear-gradient(90deg,transparent 0 21px,rgba(0,92,88,.055) 22px,transparent 23px);background-size:23px 23px;opacity:.5}.category-showcase:after{content:"";position:absolute;right:7%;top:14%;width:130px;height:180px;border:1px solid rgba(189,152,85,.3);border-radius:50% 50% 0 0;transform:rotate(18deg);pointer-events:none}.new-arrivals{position:relative}.new-arrivals:after{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:repeating-linear-gradient(0deg,#005c58 0 12px,#bd9855 12px 24px);opacity:.55}.connect-section{background-color:#f8faf8;background-image:radial-gradient(circle,rgba(0,92,88,.07) 1px,transparent 1.5px);background-size:24px 24px}.gallery-section{background-color:#f0eee8;background-image:repeating-linear-gradient(135deg,rgba(189,152,85,.035) 0 1px,transparent 1px 24px)}@media(max-width:760px){.category-showcase{border-radius:0}.category-showcase:after{right:3%;width:80px;height:110px}}/* Continuous wallpaper pattern canvas */
body{background-color:#e6e2da;background-image:radial-gradient(ellipse 34px 46px at 50% 0,transparent 0 27px,rgba(0,92,88,.09) 28px 29px,transparent 30px),radial-gradient(circle at 50% 50%,rgba(189,152,85,.11) 0 1.5px,transparent 2px);background-size:72px 92px,36px 46px;background-attachment:fixed}.site-shell{background-color:rgba(248,247,242,.93);background-image:radial-gradient(ellipse 34px 46px at 50% 0,transparent 0 27px,rgba(0,92,88,.065) 28px 29px,transparent 30px),radial-gradient(circle at 50% 50%,rgba(189,152,85,.08) 0 1.5px,transparent 2px);background-size:72px 92px,36px 46px}.intro-section,.shop-intro,.featured-shop,.discovery-section,.popular-categories,.benefit-strip,.category-showcase,.about-section,.faq-section{background-color:rgba(248,247,242,.84)}.commerce-body{background-color:#e6e2da;background-image:radial-gradient(ellipse 34px 46px at 50% 0,transparent 0 27px,rgba(0,92,88,.08) 28px 29px,transparent 30px),radial-gradient(circle at 50% 50%,rgba(189,152,85,.1) 0 1.5px,transparent 2px);background-size:72px 92px,36px 46px}.commerce-main,.product-page,.auth-page,.checkout-page,.visualizer{background-color:rgba(248,247,242,.91);background-image:radial-gradient(circle at 50% 50%,rgba(0,92,88,.055) 0 1.5px,transparent 2px);background-size:36px 46px}/* Varied premium wallpaper pattern library */
.shop-intro{background-color:rgba(247,243,235,.94);background-image:radial-gradient(ellipse at 50% 0,transparent 0 17px,rgba(0,92,88,.08) 18px 19px,transparent 20px),radial-gradient(circle at 0 50%,rgba(189,152,85,.15) 0 2px,transparent 2.5px);background-size:54px 54px,27px 27px}.featured-shop{background-color:rgba(248,250,247,.94);background-image:repeating-linear-gradient(45deg,rgba(0,92,88,.035) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(189,152,85,.035) 0 1px,transparent 1px 14px)}.discovery-section{background-color:rgba(245,241,234,.93);background-image:radial-gradient(circle at 25% 25%,rgba(0,92,88,.09) 0 1px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(189,152,85,.12) 0 1.5px,transparent 2.5px);background-size:32px 32px,46px 46px}.new-arrivals{background-color:#e9efec;background-image:repeating-linear-gradient(90deg,rgba(0,92,88,.045) 0 1px,transparent 1px 19px)}.benefit-strip{background-color:rgba(234,242,238,.92);background-image:radial-gradient(ellipse 24px 18px at 50% 50%,transparent 0 13px,rgba(0,92,88,.08) 14px 15px,transparent 16px);background-size:48px 36px}.category-showcase{background-color:#f1ede4;background-image:repeating-linear-gradient(0deg,rgba(0,92,88,.06) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(0,92,88,.06) 0 1px,transparent 1px 18px),radial-gradient(circle at 20% 20%,rgba(189,152,85,.14) 0 2px,transparent 2.5px);background-size:18px 18px,18px 18px,36px 36px}.about-section{background-color:rgba(250,248,243,.94);background-image:repeating-linear-gradient(135deg,rgba(189,152,85,.05) 0 1px,transparent 1px 24px)}.gallery-section{background-color:#f0eee8;background-image:radial-gradient(ellipse 40px 22px at 50% 50%,transparent 0 15px,rgba(0,92,88,.06) 16px 17px,transparent 18px);background-size:80px 44px}.connect-section{background-color:#f3f6f1;background-image:radial-gradient(circle at 20% 30%,rgba(0,92,88,.1) 0 1px,transparent 2px),radial-gradient(circle at 70% 70%,rgba(189,152,85,.13) 0 1.5px,transparent 2.5px);background-size:34px 34px,58px 58px}.faq-section{background-color:rgba(244,248,245,.94);background-image:repeating-linear-gradient(45deg,rgba(0,92,88,.035) 0 1px,transparent 1px 16px)}/* Continuous editorial flow — remove boxed section treatment */
.shop-intro,.featured-shop,.discovery-section,.popular-categories,.benefit-strip,.about-section,.faq-section{background-color:transparent;background-image:none}.shop-intro:before,.featured-shop:before,.discovery-section:before,.popular-categories:before,.benefit-strip:before,.about-section:before,.faq-section:before{display:none}.shop-intro{border-bottom:1px solid rgba(0,92,88,.14)}.featured-shop{border-bottom:1px solid rgba(0,92,88,.1)}.discovery-section{border-bottom:1px solid rgba(0,92,88,.1)}.benefit-strip{border-bottom:1px solid rgba(0,92,88,.12)}.about-section{border-bottom:1px solid rgba(0,92,88,.1)}.faq-section{border-top:1px solid rgba(0,92,88,.1)}.category-showcase{border-radius:0;box-shadow:none}.new-arrivals{border-radius:0;box-shadow:0 12px 30px rgba(7,24,23,.08)}.gallery-section{border-top:1px solid rgba(0,92,88,.1);border-bottom:1px solid rgba(0,92,88,.1)}/* Replace cartoonish arch motif with refined linework */
.category-showcase:after{display:none}.category-showcase:before{background-image:linear-gradient(118deg,transparent 0 46%,rgba(189,152,85,.2) 46.1% 46.35%,transparent 46.45% 100%),linear-gradient(62deg,transparent 0 55%,rgba(0,92,88,.1) 55.1% 55.3%,transparent 55.4% 100%);background-size:180px 180px,220px 220px;opacity:.45}.category-showcase{background-color:#f3f0e8;background-image:repeating-linear-gradient(90deg,rgba(0,92,88,.035) 0 1px,transparent 1px 26px)}/* Remove all ellipse/U-shaped gradients from the global canvas */
body,.commerce-body{background-image:repeating-linear-gradient(135deg,rgba(0,92,88,.045) 0 1px,transparent 1px 22px),radial-gradient(circle,rgba(189,152,85,.1) 0 1.5px,transparent 2px);background-size:22px 22px,38px 38px}.site-shell{background-image:repeating-linear-gradient(135deg,rgba(0,92,88,.035) 0 1px,transparent 1px 22px),radial-gradient(circle,rgba(189,152,85,.08) 0 1.5px,transparent 2px);background-size:22px 22px,38px 38px}.shop-intro{background-image:radial-gradient(circle at 0 50%,rgba(189,152,85,.13) 0 1.5px,transparent 2px);background-size:28px 28px}.category-showcase:after{content:none!important;display:none!important}/* Restore visible, refined wallpaper textures */
.site-shell{background-color:#f7f5ef;background-image:repeating-linear-gradient(135deg,rgba(0,92,88,.07) 0 1px,transparent 1px 24px),radial-gradient(circle,rgba(189,152,85,.14) 0 1.5px,transparent 2px);background-size:24px 24px,48px 48px}.shop-intro{background-color:#f4f0e7;background-image:repeating-linear-gradient(90deg,rgba(0,92,88,.08) 0 1px,transparent 1px 28px),radial-gradient(circle,rgba(189,152,85,.16) 0 1.5px,transparent 2px);background-size:28px 28px,42px 42px}.featured-shop{background-color:#f6f8f5;background-image:repeating-linear-gradient(45deg,rgba(0,92,88,.06) 0 1px,transparent 1px 17px),repeating-linear-gradient(-45deg,rgba(189,152,85,.05) 0 1px,transparent 1px 17px)}.discovery-section{background-color:#f2eee7;background-image:radial-gradient(circle at 25% 30%,rgba(0,92,88,.13) 0 1.5px,transparent 2px),radial-gradient(circle at 75% 70%,rgba(189,152,85,.15) 0 1.5px,transparent 2px);background-size:34px 34px,52px 52px}.benefit-strip{background-color:#e9f0ec;background-image:repeating-linear-gradient(0deg,rgba(0,92,88,.07) 0 1px,transparent 1px 19px)}.about-section{background-color:#faf8f2;background-image:repeating-linear-gradient(135deg,rgba(189,152,85,.07) 0 1px,transparent 1px 26px)}.faq-section{background-color:#f1f5f1;background-image:repeating-linear-gradient(45deg,rgba(0,92,88,.055) 0 1px,transparent 1px 18px)}.popular-categories{background-color:#f7f4ee;background-image:radial-gradient(circle,rgba(0,92,88,.1) 0 1.5px,transparent 2px);background-size:31px 31px}.category-showcase{background-color:#f1ede3;background-image:repeating-linear-gradient(90deg,rgba(0,92,88,.065) 0 1px,transparent 1px 23px),repeating-linear-gradient(0deg,rgba(189,152,85,.06) 0 1px,transparent 1px 23px)}.connect-section{background-color:#f0f5f1;background-image:radial-gradient(circle,rgba(0,92,88,.12) 0 1.5px,transparent 2px);background-size:34px 34px}.gallery-section{background-color:#efede6;background-image:repeating-linear-gradient(135deg,rgba(189,152,85,.06) 0 1px,transparent 1px 21px)}/* Remove unwanted section edge lines */
.new-arrivals:after{display:none!important;content:none!important}.shop-intro,.featured-shop,.discovery-section,.popular-categories,.benefit-strip,.category-showcase,.about-section,.gallery-section,.faq-section,.connect-section{border-left:0!important;border-right:0!important}.site-shell>section{outline:0!important}/* Full-bleed collection background without side-box edges */
.shop-intro{background:none!important;isolation:isolate;border-left:0!important;border-right:0!important}.shop-intro:before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0 calc(50% - 50vw)!important;opacity:1!important;background-color:#f4f0e7!important;background-image:repeating-linear-gradient(90deg,rgba(0,92,88,.08) 0 1px,transparent 1px 28px),radial-gradient(circle,rgba(189,152,85,.16) 0 1.5px,transparent 2px)!important;background-size:28px 28px,42px 42px!important;border:0!important;border-radius:0!important}/* Full-bleed backgrounds for retail discovery sections */
.featured-shop,.discovery-section,.benefit-strip{background:none!important;isolation:isolate;border-left:0!important;border-right:0!important}.featured-shop:before,.discovery-section:before,.benefit-strip:before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0 calc(50% - 50vw)!important;opacity:1!important;border:0!important;border-radius:0!important}.featured-shop:before{background-color:#f6f8f5!important;background-image:repeating-linear-gradient(45deg,rgba(0,92,88,.06) 0 1px,transparent 1px 17px),repeating-linear-gradient(-45deg,rgba(189,152,85,.05) 0 1px,transparent 1px 17px)!important}.discovery-section:before{background-color:#f2eee7!important;background-image:radial-gradient(circle at 25% 30%,rgba(0,92,88,.13) 0 1.5px,transparent 2px),radial-gradient(circle at 75% 70%,rgba(189,152,85,.15) 0 1.5px,transparent 2px)!important;background-size:34px 34px,52px 52px!important}.benefit-strip:before{background-color:#e9f0ec!important;background-image:repeating-linear-gradient(0deg,rgba(0,92,88,.07) 0 1px,transparent 1px 19px)!important}/* Font Awesome icon alignment */
.nav-search i,.nav-bag i{font-size:14px;color:var(--green)}.connect-icon i{font-size:17px}.button i,.text-link i{font-size:.9em}.bag-link i{margin-right:3px}.filters input[type="search"]{height:43px;border:1px solid #cfd5d2;border-radius:6px;background:#fff;padding:0 11px;color:var(--ink);font:14px "DM Sans";min-width:190px}.estimate{font-size:14px!important;color:#305b53!important}.estimate b{font-size:16px;color:var(--green)}@media(max-width:760px){.filters input[type="search"]{width:100%;min-width:0}}/* Catalogue experience */
.shop-catalogue{background:#f8f8f6;min-height:100vh}.shop-banner{width:min(1240px,calc(100% - 72px));height:340px;margin:0 auto 50px;position:relative;overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:center;border-radius:16px}.shop-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.shop-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071817ee 0%,rgba(7,24,23,0.6) 60%,transparent 100%)}.shop-banner>div{position:relative;z-index:1;padding:0 50px;max-width:560px}.shop-banner h1{font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}.shop-banner p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:380px;color:#d5e4e0;margin:0 0 20px}.catalogue-wrap{width:min(1240px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:270px 1fr;gap:36px;align-items:start}.filter-panel{background:#fff;border:1px solid #e3ebe6;border-radius:14px;box-shadow:0 4px 16px rgba(7,24,23,0.03);position:sticky;top:90px;overflow:hidden}.filter-panel form{padding:22px}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eef3f0}.filter-title h2{font-size:16px;font-weight:700;color:var(--ink);margin:0}.filter-title a{font-size:12px;font-weight:600;color:var(--green);text-decoration:none;padding:3px 8px;border-radius:4px;background:#eef5f2;transition:all .2s}.filter-title a:hover{background:var(--green);color:#fff}.filter-panel details{border-top:1px solid #eef3f0;padding:14px 0}.filter-panel summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none;list-style:none}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary i{font-size:11px;color:#8fa099;transition:transform .25s ease}.filter-panel details[open] summary i{transform:rotate(180deg)}.filter-options-list{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:220px;overflow-y:auto;padding-right:4px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;border-radius:6px;font-size:13px;cursor:pointer;user-select:none;transition:background .15s}.check-row:hover{background:#f4f8f6}.check-label-wrap{display:flex;align-items:center;gap:9px;min-width:0;flex-grow:1}.check-label-wrap input[type="checkbox"]{width:16px;height:16px;accent-color:var(--green);margin:0;cursor:pointer;flex-shrink:0}.check-label-wrap span{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-row small{font-size:11px;font-weight:600;color:#768782;background:#f0f4f2;padding:2px 7px;border-radius:999px;flex-shrink:0;margin-left:auto}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.price-inputs label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#62726d;text-transform:uppercase;letter-spacing:.04em}.price-inputs input{width:100%;height:38px;border:1px solid #d4ded9;border-radius:6px;padding:0 10px;font:500 13px 'DM Sans';color:var(--ink);background:#fafcfb;outline-color:var(--green)}.price-inputs input:focus{border-color:var(--green);background:#fff}.color-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.color-filter label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;padding:6px 6px;border-radius:6px;transition:background .15s}.color-filter label:hover{background:#f2f7f4}.color-filter input[type="checkbox"]{width:15px;height:15px;accent-color:var(--green);margin:0;flex-shrink:0}.color-dot{width:13px;height:13px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid rgba(0,0,0,0.15);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}.color-dot.color-sage{background:#789381}.color-dot.color-terracotta{background:#b66b47}.color-dot.color-stone{background:#9d9d96}.color-dot.color-sand{background:#c4a47b}.color-dot.color-gold{background:#d4af37}.color-dot.color-blue{background:#4169e1}.color-dot.color-green{background:#2e8b57}.color-dot.color-neutral{background:#d3d3d3}.filter-submit{width:100%;height:42px;border-radius:8px;background:var(--green,#005c58);color:#fff;font-weight:700;font-size:13px;border:0;cursor:pointer;margin-top:20px;transition:all .2s;box-shadow:0 4px 12px rgba(0,92,88,0.2);display:flex;align-items:center;justify-content:center;gap:8px}.filter-submit:hover{background:#004542;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,92,88,0.28)}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;flex-wrap:wrap}.catalogue-toolbar p{font-size:14px;color:var(--ink);margin:0}.catalogue-toolbar p b{font-weight:700}.search-active-hint{display:block;color:var(--green);font-size:12px;font-weight:600;margin-top:3px}.catalogue-sort-form select{height:40px;border:1px solid #ccd8d2;border-radius:7px;background:#fff;padding:0 14px;font:500 13px 'DM Sans';color:var(--ink);outline-color:var(--green);cursor:pointer;box-shadow:0 1px 4px rgba(7,24,23,0.04)}.catalogue-search{display:flex;align-items:center;background:#fff;border:1px solid #ccd8d2;border-radius:8px;padding:0 14px;margin-bottom:20px;box-shadow:0 2px 8px rgba(7,24,23,0.02)}.catalogue-search i{color:var(--green);font-size:14px;margin-right:10px}.catalogue-search input{border:0;background:transparent;outline:0;padding:12px 0;font:400 14px 'DM Sans';color:var(--ink);width:100%}.catalogue-search button{border:0;background:none;color:var(--green);font:700 13px 'DM Sans';cursor:pointer;padding:6px 10px;border-radius:4px}.catalogue-search button:hover{background:#edf5f2}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.filter-chips span{padding:6px 12px;border:1px solid #ccd8d2;border-radius:999px;font-size:12px;font-weight:500;background:#fff;color:var(--ink);display:inline-flex;align-items:center}.filter-chips a{padding:6px 12px;border:1px solid #ffcdd2;border-radius:999px;font-size:12px;font-weight:600;background:#fff5f5;color:#c62828;display:inline-flex;align-items:center;gap:5px;transition:all .15s}.filter-chips a:hover{background:#ffebee}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:50px 0 80px}.pagination a,.pagination span{font-size:13px;font-weight:600;padding:9px 16px;border-radius:7px;border:1px solid #d4ded9;background:#fff;color:var(--ink);text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.pagination a:hover:not(.disabled){background:var(--green);color:#fff;border-color:var(--green)}.pagination span.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 10px rgba(0,92,88,0.25)}.pagination a.disabled{opacity:.4;pointer-events:none;background:#f5f8f6}.shop-related{background:#f0f5f3;border-radius:18px;margin:30px auto 70px;width:min(1240px,calc(100% - 72px));padding:60px 48px}.shop-related-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;border-bottom:1px solid #d8e5e0;padding-bottom:18px}.shop-related-head h2{font-size:28px;letter-spacing:-.03em;margin:0}.shop-related-head p{font-size:14px;color:var(--muted);margin:0}.shop-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shop-related-grid a{height:220px;position:relative;overflow:hidden;border-radius:12px;display:block}.shop-related-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.shop-related-grid a:hover img{transform:scale(1.04)}.shop-related-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,23,0.8) 0%,transparent 65%)}.shop-related-grid a span{position:absolute;z-index:1;left:20px;bottom:18px;color:#fff}.shop-related-grid b{font-size:18px;display:block}.shop-related-grid small{font-size:12px;color:#d4eadf;display:block;margin-top:3px}@media(max-width:960px){.catalogue-wrap{grid-template-columns:1fr;gap:24px}.filter-panel{position:static}.catalogue-grid{grid-template-columns:repeat(2,1fr);gap:18px}.shop-related{padding:40px 24px;width:calc(100% - 36px)}.shop-related-grid{grid-template-columns:1fr}}@media(max-width:560px){.shop-banner{height:280px;border-radius:0}.shop-banner>div{padding:0 24px}.catalogue-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shop-related-head{display:block}.shop-related-head p{margin-top:6px}}/* Trending section spacing correction */
.discovery-section{padding-top:56px!important;padding-bottom:72px!important}.discovery-section .discovery-head{margin-bottom:24px}.discovery-section .product-grid{padding-bottom:0}.discovery-section + .new-arrivals{margin-top:0!important}@media(max-width:760px){.discovery-section{padding-top:46px!important;padding-bottom:54px!important}}/* Full-screen search experience */
.nav-search,.commerce-search{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0}.commerce-search{font-size:15px;color:var(--green)}.search-overlay{position:fixed;z-index:1000;inset:0;background:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.search-overlay.is-open{opacity:1;visibility:visible}.search-overlay form{width:min(720px,calc(100% - 48px));transform:translateY(18px);transition:transform .32s cubic-bezier(.2,.7,.2,1)}.search-overlay.is-open form{transform:none}.search-overlay label{display:block;font-size:42px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.search-field{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding:0 0 12px;gap:14px}.search-field>i{font-size:20px;color:var(--green)}.search-field input{min-width:0;flex:1;border:0;outline:0;font:20px 'DM Sans';color:var(--ink)}.search-field input::placeholder{color:#9aa29f}.search-field button{border:0;background:var(--green);color:#fff;border-radius:999px;padding:12px 17px;font:600 13px 'DM Sans';white-space:nowrap}.search-close{position:absolute;top:30px;right:42px;border:0;background:#f0f4f1;color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer}.search-hint{font-size:13px;color:var(--muted);margin-top:17px}@media(max-width:600px){.search-overlay label{font-size:31px}.search-field{flex-wrap:wrap}.search-field input{font-size:17px}.search-field button{margin-left:auto}.search-close{top:18px;right:18px}.commerce-search{display:inline-block!important}}.brand-name b{color:#28665f;font-weight:700}
/* Full-bleed product detail background */
.product-page{position:relative;isolation:isolate;background:transparent!important;border-left:0!important;border-right:0!important}.product-page:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background-color:#f4f1ea;background-image:repeating-linear-gradient(135deg,rgba(0,92,88,.045) 0 1px,transparent 1px 23px),radial-gradient(circle,rgba(189,152,85,.1) 0 1.5px,transparent 2px);background-size:23px 23px,42px 42px;pointer-events:none}/* Navbar readability */
.site-nav nav a,.commerce-nav nav a{font-size:15px;font-weight:500}.nav-actions a,.commerce-nav>div a{font-size:14px}.site-nav .brand-name,.commerce-nav .brand-name{font-size:17px}.site-nav nav{gap:30px}.site-nav .button-small{font-size:13px;padding:12px 22px}@media(max-width:760px){.site-nav nav{display:none}.nav-actions a{font-size:13px}}/* Sticky navigation */
.site-nav{position:fixed;top:18px;z-index:100;box-shadow:0 8px 24px rgba(7,24,23,.14)}.commerce-nav{position:sticky;top:0;z-index:100;background:rgba(248,248,246,.96);backdrop-filter:blur(12px);box-shadow:0 5px 18px rgba(7,24,23,.08)}/* Full-width sticky state after scrolling */
.site-nav{transition:top .3s ease,width .3s ease,height .3s ease,border-radius .3s ease,background .3s ease}.site-nav.is-scrolled{top:0;left:0;transform:none;width:100%;max-width:none;border-radius:0;height:70px;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));background:rgba(248,248,246,.97);backdrop-filter:blur(14px);box-shadow:0 5px 20px rgba(7,24,23,.13)}/* Full-width commerce navigation */
.commerce-nav{width:100%;padding-left:max(36px,calc((100vw - 1240px)/2));padding-right:max(36px,calc((100vw - 1240px)/2));margin:0}.commerce-nav .brand{flex-shrink:0}.commerce-nav nav{margin-left:auto;margin-right:auto}@media(max-width:800px){.commerce-nav{padding-left:18px;padding-right:18px}}.save-button{cursor:pointer;transition:transform .2s,color .2s;background:#fff}.save-button:hover{transform:scale(1.12);color:#a33a83}.save-button.is-saved{color:#b44a72;background:#fff1f5}.ajax-notice{position:fixed;z-index:1200;right:24px;bottom:24px;transform:translateY(12px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:13px 17px;border-radius:6px;font-size:13px;transition:opacity .25s,transform .25s}.ajax-notice.show{opacity:1;transform:none}.save-button:disabled{opacity:.65;cursor:wait}/* Product quick-add reveal */
/* Clean product media layout */

.product-grid, .catalogue-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: stretch; }
.product-tile { display: flex; flex-direction: column; height: 100%; position: relative; background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e7ede9; box-shadow: 0 2px 10px rgba(7,24,23,0.03); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.product-tile:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(7,24,23,0.08); border-color: #d1ded7; }
.product-media { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: #eef2ef; display: block; line-height: 0; padding: 0 !important; margin: 0 !important; }
.product-media > a { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden; }
.product-media > a img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; display: block; margin: 0 !important; padding: 0 !important; transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.product-tile:hover .product-media > a img { transform: scale(1.05); }
.product-tile-info { padding: 14px 16px 16px; display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; gap: 4px; }
.product-tile-category { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; color: var(--green, #005c58); margin: 0; }
.product-tile-title { font-size: 15px; font-weight: 600; line-height: 1.35; margin: 0; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-tile-title a { color: inherit; text-decoration: none; }
.product-tile-material { font-size: 12px; color: var(--muted, #5f6967); margin: 0; }
.product-tile-price { font-size: 15px; font-weight: 700; color: var(--ink); margin-top: 4px; }
.product-tile-price small { font-size: 11px; font-weight: 400; color: var(--muted); margin-left: 2px; }
.quick-add { position: absolute; bottom: 10px; left: 10px; right: 10px; background: rgba(7, 24, 23, 0.88); color: #fff; border: 0; padding: 10px 14px; border-radius: 999px; font-size: 12px; font-weight: 600; backdrop-filter: blur(4px); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px; opacity: 0; transform: translateY(8px); transition: all 0.25s ease; z-index: 4; }
.product-tile:hover .quick-add { opacity: 1; transform: translateY(0); }
.quick-add:hover { background: var(--green, #005c58); }
.quick-add:disabled { opacity: 0.7; cursor: wait; }
.save-button { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); border: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #071817; cursor: pointer; z-index: 4; box-shadow: 0 2px 8px rgba(0,0,0,0.12); transition: transform 0.2s, background 0.2s; }
.save-button.is-saved, .save-button:hover { color: #e53935; transform: scale(1.1); background: #ffffff; }
.ajax-notice a { color: #d8b979; font-weight: 600; margin-left: 8px; }
.ajax-notice.show { pointer-events: auto; cursor: pointer; }
@media (max-width: 900px) { .product-grid, .catalogue-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .quick-add { opacity: 1; transform: none; position: static; margin-top: 8px; border-radius: 6px; } }
/* Icon-first social row */
.connect-grid{grid-template-columns:repeat(6,1fr);gap:12px}.connect-card{min-height:170px;align-items:center;justify-content:center;text-align:center;padding:18px 10px}.connect-card .connect-icon{width:64px;height:64px;font-size:30px;margin:0 0 17px}.connect-card b{font-size:14px}.connect-card small,.connect-card strong{display:none}.connect-card:hover .connect-icon{transform:translateY(-3px) scale(1.05)}.connect-card .connect-icon{transition:transform .25s ease}@media(max-width:900px){.connect-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.connect-grid{grid-template-columns:repeat(2,1fr)}.connect-card{min-height:145px}.connect-card .connect-icon{width:54px;height:54px;font-size:25px}}/* Minimal icon row — no card boxes */
.connect-grid{grid-template-columns:repeat(6,1fr);gap:24px;align-items:start}.connect-card,.connect-card:nth-child(1),.connect-card:nth-child(2),.connect-card:nth-child(3),.connect-card:nth-child(4),.connect-card:nth-child(5),.connect-card:nth-child(6){min-height:0;padding:10px 4px;background:transparent!important;border:0!important;box-shadow:none!important;border-top:0!important}.connect-card .connect-icon{width:88px;height:88px;margin:0 auto 18px;font-size:42px;border-radius:50%;box-shadow:0 8px 20px rgba(7,24,23,.08)}.connect-card b{font-size:15px;font-weight:600}.connect-card:hover{transform:none;box-shadow:none}.connect-card:hover .connect-icon{transform:translateY(-5px) scale(1.08);box-shadow:0 13px 28px rgba(7,24,23,.14)}@media(max-width:900px){.connect-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.connect-grid{grid-template-columns:repeat(2,1fr);gap:18px}.connect-card .connect-icon{width:72px;height:72px;font-size:33px}}.connect-card .connect-icon img{width:45px;height:45px;object-fit:contain;display:block}.connect-card:hover .connect-icon img{transform:scale(1.08)}@media(max-width:520px){.connect-card .connect-icon img{width:36px;height:36px}}.connect-card .connect-icon{border-radius:0}
.password-field{display:flex;position:relative}.password-field input{width:100%;padding-right:45px}.password-toggle{position:absolute;right:0;top:0;height:100%;width:42px;border:0;background:transparent;color:var(--green);cursor:pointer;font-size:15px}
.product-gallery { min-width:0; position: relative; }
.product-image-large { position: relative; overflow: hidden; border-radius: 14px; background: #eef2ef; box-shadow: 0 6px 24px rgba(7,24,23,0.08); cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; width: 100%; aspect-ratio: 4 / 5; display: block; line-height: 0; padding: 0 !important; margin: 0 !important; }
.product-image-large:active { cursor: grabbing; }
.product-image-large img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; display: block; transition: opacity 0.2s ease, transform 0.25s ease; pointer-events: none; margin: 0 !important; padding: 0 !important; }
.gallery-nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; box-shadow: 0 4px 18px rgba(7, 24, 23, 0.22) !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: #071817 !important; transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 50 !important; user-select: none; }
.gallery-nav-arrow svg { display: block; stroke: #071817; transition: stroke 0.2s, transform 0.2s; }
.gallery-nav-arrow:hover { background: var(--green, #005c58) !important; transform: translateY(-50%) scale(1.1); box-shadow: 0 8px 24px rgba(0, 92, 88, 0.35) !important; }
.gallery-nav-arrow:hover svg { stroke: #ffffff !important; }
.gallery-nav-arrow:active { transform: translateY(-50%) scale(0.92); }
.gallery-nav-prev { left: 16px; }
.gallery-nav-next { right: 16px; }
.gallery-badge { position: absolute; bottom: 16px; right: 16px; background: rgba(7, 24, 23, 0.82); color: #ffffff; padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; backdrop-filter: blur(6px); z-index: 50; pointer-events: none; box-shadow: 0 2px 8px rgba(0,0,0,0.25); }
.product-thumbnails { display: flex; gap: 0.75rem; margin-top: 1rem; overflow-x: auto; padding-bottom: 0.4rem; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.product-thumbnails::-webkit-scrollbar { height: 6px; }
.product-thumbnails::-webkit-scrollbar-thumb { background: #ccd5d2; border-radius: 999px; }
.product-thumbnails button { appearance: none; width: 72px; height: 90px; aspect-ratio: 4 / 5; flex: 0 0 72px; padding: 0; border: 2.5px solid transparent; border-radius: 8px; overflow: hidden; background: #eef2ef; cursor: pointer; transition: all 0.2s ease; opacity: 0.7; position: relative; display: block; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
.product-thumbnails button:hover { opacity: 1; transform: translateY(-2px); }
.product-thumbnails button.active { border-color: var(--green, #005c58); opacity: 1; box-shadow: 0 4px 12px rgba(0, 92, 88, 0.3); }
.product-thumbnails img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; margin: 0; padding: 0; display: block; }



/* ═══════════════════════════════════════════════════════════════════
   ROOM VISUALIZER STUDIO
   ═══════════════════════════════════════════════════════════════════ */
.viz-studio {
  display: grid;
  grid-template-columns: 440px 1fr;
  min-height: calc(100vh - 76px);
  background: #f3f6f4;
  color: var(--ink);
  position: relative;
}

/* Left Panel */
.viz-panel {
  background: #ffffff;
  border-right: 1px solid #e1e7e4;
  padding: 32px 28px 48px;
  overflow-y: auto;
  max-height: calc(100vh - 76px);
  display: flex;
  flex-direction: column;
  gap: 28px;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.03);
  z-index: 10;
}

.viz-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  transition: transform 0.2s ease;
}
.viz-back:hover {
  transform: translateX(-3px);
}

.viz-panel-header h1 {
  font-size: 32px;
  line-height: 1.1;
  margin: 4px 0 10px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.viz-panel-header h1 em {
  font-style: normal;
  color: var(--green);
}
.viz-desc {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.55;
  margin: 0;
}

/* Section Containers */
.viz-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-top: 1px solid #edf1ef;
  padding-top: 22px;
}
.viz-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.viz-section-title span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--green);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  place-items: center;
}
.viz-section-title b {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}

/* Room Presets */
.viz-room-presets {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.viz-room-btn {
  background: #f8faf9;
  border: 2px solid #e1e8e5;
  border-radius: 10px;
  padding: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  transition: all 0.2s ease;
}
.viz-room-btn img {
  width: 100%;
  height: 72px;
  object-fit: cover;
  border-radius: 6px;
}
.viz-room-btn span {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  padding: 0 4px;
}
.viz-room-btn:hover {
  border-color: #b8ccc7;
  transform: translateY(-2px);
}
.viz-room-btn.is-active {
  border-color: var(--green);
  background: #edf6f3;
}
.viz-room-btn.is-active span {
  color: var(--green);
}

.viz-upload-btn {
  background: #f4f8f6;
  border: 2px dashed #9cb5ad;
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  transition: all 0.2s ease;
}
.viz-upload-btn i {
  font-size: 20px;
  color: var(--green);
}
.viz-upload-btn span {
  font-size: 12px;
  font-weight: 700;
  color: var(--green);
}
.viz-upload-btn small {
  font-size: 10px;
  color: var(--muted);
}
.viz-upload-btn:hover {
  border-color: var(--green);
  background: #e9f4ef;
  transform: translateY(-2px);
}
.viz-upload-btn.is-active {
  border-color: var(--green);
  border-style: solid;
  background: #edf6f3;
  box-shadow: 0 4px 14px rgba(0, 92, 88, 0.15);
}

/* Category Filter Chips */
.viz-filter-chips {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none;
}
.viz-filter-chips::-webkit-scrollbar { display: none; }
.viz-chip {
  background: #f0f4f2;
  border: 1px solid #dbe3e0;
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.viz-chip:hover {
  background: #e2ede8;
  color: var(--ink);
}
.viz-chip.is-active {
  background: var(--green);
  color: #ffffff;
  border-color: var(--green);
}

/* Wallpaper Swatches Grid */
.viz-swatches {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
}
.viz-swatches::-webkit-scrollbar {
  width: 5px;
}
.viz-swatches::-webkit-scrollbar-thumb {
  background: #cfdad5;
  border-radius: 10px;
}

.viz-swatch {
  background: #ffffff;
  border: 1.5px solid #e1e7e4;
  border-radius: 10px;
  overflow: hidden;
  padding: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  transition: all 0.2s ease;
}
.viz-swatch:hover {
  border-color: #a7bfb8;
  transform: translateY(-2px);
}
.viz-swatch.is-active {
  border-color: var(--green);
  background: #edf6f3;
  box-shadow: 0 4px 14px rgba(0, 92, 88, 0.15);
}
.viz-swatch-img {
  position: relative;
  width: 100%;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  background: #e5ebe8;
}
.viz-swatch-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.viz-swatch-check {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--green);
  color: #ffffff;
  display: none;
  place-items: center;
  font-size: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.viz-swatch.is-active .viz-swatch-check {
  display: grid;
}
.viz-swatch-info b {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.viz-swatch-info small {
  display: block;
  font-size: 11px;
  color: var(--green);
  font-weight: 700;
}

/* Controls Fine-Tuning */
.viz-controls-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.viz-control-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.viz-control-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--ink);
}
.viz-control-label span {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.viz-control-label b {
  font-size: 11px;
  color: var(--green);
}
.viz-slider {
  width: 100%;
  accent-color: var(--green);
  cursor: pointer;
}

/* Blend mode buttons */
.viz-blend-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.viz-blend-btn {
  background: #f0f4f2;
  border: 1px solid #d5dfdc;
  border-radius: 6px;
  padding: 7px 4px;
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  text-align: center;
  transition: all 0.15s ease;
}
.viz-blend-btn:hover {
  background: #e2ece7;
  color: var(--ink);
}
.viz-blend-btn.is-active {
  background: #0f2420;
  color: #ffffff;
  border-color: #0f2420;
}

/* Selected Wallpaper Card */
.viz-selected-card {
  background: #edf6f3;
  border: 1px solid #cbe0d9;
  border-radius: 12px;
  padding: 16px;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 14px;
  align-items: center;
  margin-top: 6px;
}
.viz-card-thumb img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.viz-card-details h4 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: #071817;
}
.viz-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.viz-card-meta strong {
  font-size: 13px;
  color: var(--green);
  font-weight: 700;
}
.viz-card-meta span {
  font-size: 11px;
  color: var(--muted);
}
.viz-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Right Viewport */
.viz-viewport {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: radial-gradient(circle at 50% 50%, #f4f8f6 0%, #e2ece7 100%);
  position: relative;
  overflow: hidden;
}

.viz-canvas-wrapper {
  width: 100%;
  max-width: 1060px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Toolbar Overlay */
.viz-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 6px 20px rgba(7, 24, 23, 0.06);
}
.viz-tool-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.viz-tool-btn {
  background: #f0f4f2;
  border: 1px solid #d5dfdc;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.viz-tool-btn:hover {
  background: #e2ede8;
  border-color: #b5ccc4;
  transform: translateY(-1px);
}
.viz-tool-btn.is-active {
  background: var(--green);
  color: #ffffff;
  border-color: var(--green);
}
.viz-compare-btn {
  background: #fbf5ea;
  border-color: #ebd5b3;
  color: #8c5d14;
}
.viz-compare-btn:hover {
  background: #f5ebd4;
}
.viz-download-btn {
  background: var(--green);
  color: #ffffff;
  border-color: var(--green);
}
.viz-download-btn:hover {
  background: #004743;
}

/* Main Canvas Box */
.viz-canvas-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 680px;
  border-radius: 16px;
  overflow: hidden;
  background: #192e29;
  box-shadow: 0 16px 45px rgba(5, 20, 18, 0.18);
  cursor: crosshair;
}
.viz-canvas-box canvas {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.viz-loading-overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 36, 32, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 20;
}
.viz-loading-overlay.is-active {
  opacity: 1;
  pointer-events: auto;
}
.viz-loading-overlay i {
  font-size: 28px;
  color: #4ade80;
}

.viz-canvas-tip {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(7, 24, 23, 0.85);
  backdrop-filter: blur(8px);
  color: #e1eee9;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 99px;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  gap: 6px;
}
.viz-canvas-tip i {
  color: #4ade80;
}

/* Footer Info Bar */
.viz-footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--muted);
  padding: 4px 8px;
}
.viz-footer-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.viz-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
}
.viz-footer-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
}

/* Responsive */
@media (max-width: 1040px) {
  .viz-studio {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .viz-panel {
    max-height: none;
    border-right: none;
    border-bottom: 1px solid #e1e7e4;
  }
  .viz-viewport {
    padding: 20px 16px;
  }
}
@media (max-width: 640px) {
  .viz-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .viz-tool-group {
    justify-content: space-between;
  }
}

.ganpati-collection { padding:clamp(75px,9vw,130px) max(36px,calc((100% - 1240px)/2)); background:linear-gradient(135deg,#092c25 0%,#0d463b 65%,#135548 100%); color:#ffffff; position:relative; overflow:hidden; }
.ganpati-collection:before { content:""; position:absolute; top:-120px; right:-100px; width:480px; height:480px; background:radial-gradient(circle,rgba(217,165,70,.18) 0%,transparent 70%); border-radius:50%; pointer-events:none; }
.ganpati-head,.ganpati-product-grid { position:relative; z-index:2; }
.ganpati-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:flex-end; gap:3.5rem; margin-bottom:3rem; }
.ganpati-head h2 { margin:.3rem 0 0; font-size:clamp(2.5rem,4.4vw,4.5rem); line-height:.98; letter-spacing:-.05em; color:#ffffff; }
.ganpati-head-actions { display:flex; flex-direction:column; align-items:flex-start; }
@media(max-width:900px){.ganpati-head{grid-template-columns:1fr;gap:2rem}}
@media(max-width:600px){.ganpati-collection{padding:65px 18px}.ganpati-head h2{font-size:2.7rem}.ganpati-head{grid-template-columns:1fr;margin-bottom:2rem}.ganpati-grid{gap:.7rem}.ganpati-card{min-height:245px}.ganpati-card span{left:.8rem;right:.8rem;bottom:.8rem;display:block}.ganpati-card small{display:none}}

.sample-experience { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(3rem,8vw,10rem); align-items:center; padding:clamp(80px,10vw,150px) max(36px,calc((100% - 1180px)/2)); position:relative; }
.sample-visual { position:relative; min-height:560px; overflow:hidden; }
.sample-visual>img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.sample-note { position:absolute; right:1.4rem; bottom:1.4rem; display:flex; gap:.8rem; align-items:center; max-width:250px; padding:1rem; background:#fff; box-shadow:0 12px 38px rgba(20,36,31,.18); }
.sample-note i { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#dbece5; color:#07594d; }.sample-note b,.sample-note small{display:block}.sample-note b{font-size:.82rem}.sample-note small{font-size:.7rem;color:var(--muted);line-height:1.4;margin-top:.18rem}
.sample-copy h2,.journey-heading h2,.trade-banner h2 { font-size:clamp(2.6rem,4.6vw,5rem); letter-spacing:-.065em; line-height:.96; margin:.5rem 0 1.4rem; }.sample-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.72;color:var(--muted);max-width:32rem}.sample-copy ul{list-style:none;padding:0;margin:1.8rem 0 2rem;display:grid;gap:.8rem}.sample-copy li{font-size:.9rem;color:#2e4a42}.sample-copy li i{color:#087364;margin-right:.6rem}
.journey-section { padding:clamp(75px,9vw,130px) max(36px,calc((100% - 1240px)/2)); background:#f1f5f2; }.journey-heading{display:grid;grid-template-columns:1fr .65fr;gap:3rem;align-items:end;margin-bottom:3.6rem}.journey-heading h2{margin-bottom:0}.journey-heading>p:last-child{font-size:1rem;line-height:1.65;color:var(--muted);max-width:26rem}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8d3ce}.journey-steps article{position:relative;padding:1.5rem 2.1rem 1rem 0;border-right:1px solid #c8d3ce;min-height:210px}.journey-steps article+article{padding-left:2.1rem}.journey-steps article:last-child{border:0}.journey-steps span{display:block;font-size:.74rem;letter-spacing:.1em;color:#5a746b}.journey-steps i{display:block;font-size:1.35rem;color:#075d50;margin:1.8rem 0 .95rem}.journey-steps h3{font-size:1.25rem;margin:0 0 .55rem}.journey-steps p{font-size:.88rem;line-height:1.55;color:var(--muted);max-width:17rem;margin:0}
.trade-banner { display:grid; grid-template-columns:1fr .7fr; gap:5rem; align-items:end; padding:clamp(70px,8vw,115px) max(36px,calc((100% - 1240px)/2)); background:#093d35; color:#f4f7f3; position:relative; overflow:hidden; }.trade-banner:after{content:"";position:absolute;width:430px;height:430px;right:-130px;top:-170px;border:1px solid rgba(205,234,221,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(205,234,221,.04),0 0 0 110px rgba(205,234,221,.03)}.trade-banner>div{position:relative;z-index:1}.trade-banner h2{margin-bottom:0}.trade-banner>div:last-child p{font-size:1rem;line-height:1.7;color:#b7d0c6;margin:0 0 1.5rem;max-width:29rem}.trade-banner .button{display:inline-flex;align-items:center;gap:.55rem}
@media(max-width:850px){.sample-experience,.trade-banner{grid-template-columns:1fr;gap:2.5rem}.sample-visual{min-height:420px}.journey-heading{grid-template-columns:1fr;gap:1rem}.journey-steps{grid-template-columns:1fr}.journey-steps article,.journey-steps article+article{border-right:0;border-bottom:1px solid #c8d3ce;padding:1.5rem 0;min-height:auto}.journey-steps article:last-child{border-bottom:0}.journey-steps i{margin:1rem 0 .65rem}}
@media(max-width:600px){.sample-experience{padding:70px 18px}.sample-visual{min-height:360px}.journey-section,.trade-banner{padding:70px 18px}.sample-copy h2,.journey-heading h2,.trade-banner h2{font-size:2.7rem}.sample-note{left:.9rem;right:.9rem;bottom:.9rem;max-width:none}.trade-banner{gap:2rem}}

/* Prevent horizontal scroll and keep grid gaps inside the viewport. */
html,body { max-width:100%; overflow-x:clip; }
.product-detail { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
.about-section { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }
.site-shell,.brand-footer,.commerce-body { overflow-x:clip; }

.contact-page { background:#f8faf8; }.contact-hero { padding:120px max(36px,calc((100% - 1120px)/2)) 75px; background:linear-gradient(118deg,#e3eee9,#f8faf8); }.contact-hero h1,.legal-page h1 { font-size:clamp(3.2rem,6vw,6.2rem);line-height:.93;letter-spacing:-.075em;margin:.3rem 0 1.5rem; }.contact-hero>p:last-child{max-width:38rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.contact-layout{width:min(1120px,calc(100% - 72px));margin:0 auto;padding:72px 0 120px;display:grid;grid-template-columns:.72fr 1.28fr;gap:7rem}.contact-details{padding-top:1rem}.contact-details article{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.contact-details article>i{width:38px;height:38px;display:grid;place-items:center;background:#e2eee8;color:#075b4e;border-radius:50%}.contact-details b,.contact-details a,.contact-details small{display:block}.contact-details b{font-size:.87rem;margin-bottom:.25rem}.contact-details a{font-size:.91rem;color:#075b4e;margin:.15rem 0}.contact-details small{color:var(--muted);font-size:.76rem}.contact-social{padding-top:1.5rem}.contact-social b{display:block;font-size:.85rem;margin-bottom:.55rem}.contact-social a{color:#075b4e;font-size:.9rem;font-weight:600}.contact-form{background:#fff;padding:clamp(1.5rem,4vw,3.2rem);box-shadow:0 20px 55px rgba(20,45,37,.08)}.contact-form h2{font-size:2rem;margin:0 0 1.8rem}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-fields label{display:flex;flex-direction:column;gap:.45rem;font-size:.78rem;font-weight:700}.contact-fields input,.contact-fields select,.contact-fields textarea{border:1px solid #d6dfda;background:#fcfdfc;min-height:45px;padding:.7rem .8rem;font:400 .9rem "DM Sans";color:var(--ink);outline-color:#0a6759}.contact-fields textarea{min-height:130px;resize:vertical}.contact-form .button{margin-top:1.5rem}.contact-form>small{display:block;margin-top:1rem;color:var(--muted);font-size:.72rem}.legal-page{padding:110px max(36px,calc((100% - 960px)/2)) 120px;background:#fbfcfb;min-height:75vh}.legal-page header{padding-bottom:4rem;border-bottom:1px solid var(--line)}.legal-page header>p:last-child{color:var(--muted);font-size:.85rem}.legal-page article{max-width:720px;padding-top:3.5rem}.legal-page h2{font-size:1.45rem;margin:2.2rem 0 .7rem}.legal-page p{color:#53645f;font-size:1rem;line-height:1.75;margin:0}.legal-page article a{color:#075b4e;font-weight:700;border-bottom:1px solid currentColor}@media(max-width:760px){.contact-hero{padding:100px 25px 60px}.contact-layout{width:calc(100% - 50px);grid-template-columns:1fr;gap:3rem;padding:55px 0 75px}.contact-fields{grid-template-columns:1fr}.contact-fields .span-two{grid-column:auto}.legal-page{padding:90px 25px 75px}.legal-page h1,.contact-hero h1{font-size:3.4rem}}

.payment-options { display:grid; gap:.8rem; margin:0 0 1.1rem; }
.payment-option { display:grid; grid-template-columns:auto 1fr auto; gap:.85rem; align-items:center; padding:1rem; border:1px solid #d5dfda; background:#fff; cursor:pointer; transition:border-color .2s,background .2s; }
.payment-option:has(input:checked) { border-color:#087262; background:#eef8f4; }
.payment-option input { accent-color:#087262; width:17px; height:17px; }
.payment-option span { display:grid; grid-template-columns:30px 1fr; column-gap:.7rem; align-items:center; }.payment-option span i{grid-row:span 2;color:#087262;font-size:1.1rem}.payment-option b{font-size:.92rem}.payment-option small,.payment-option strong small{font-size:.75rem;color:var(--muted);font-weight:400;line-height:1.4}.payment-option strong{font-size:.85rem;text-align:right;display:grid;gap:.15rem}.cod-option{border-left:3px solid #087262}.cod-unavailable{padding:.9rem 1rem;background:#f3f5f3;color:#596861;font-size:.82rem;line-height:1.5}.cod-unavailable i{color:#087262;margin-right:.35rem}@media(max-width:520px){.payment-option{grid-template-columns:auto 1fr}.payment-option strong{grid-column:2;text-align:left;margin-left:0}.payment-option span{grid-template-columns:26px 1fr}}

/* Premium checkout */
.checkout-premium { width:min(1180px,calc(100% - 72px)); margin:0 auto; padding:100px 0 120px; display:grid; grid-template-columns:.73fr 1.27fr; gap:clamp(3rem,8vw,9rem); align-items:start; }
.checkout-premium .checkout-intro { position:sticky; top:110px; }.checkout-premium .checkout-intro h1{font-size:clamp(3.1rem,5.1vw,5.5rem);letter-spacing:-.075em;line-height:.93;margin:.25rem 0 1.5rem}.checkout-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:23rem;font-size:1rem}.checkout-assurances{margin-top:2.3rem;display:grid;gap:.75rem}.checkout-assurances span{font-size:.8rem;color:#456158;display:flex;gap:.65rem;align-items:center}.checkout-assurances i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e1eee8;color:#08715f;font-size:.7rem}
.checkout-card{padding:clamp(1.5rem,3.5vw,3.4rem)!important;background:#fff;border:1px solid #e4ebe7;box-shadow:0 22px 60px rgba(15,48,39,.08)}.checkout-form-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.checkout-form-head>div{display:flex;align-items:center;gap:.7rem}.checkout-step{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#0a5b50;color:#fff;font-size:.68rem;font-weight:700}.checkout-form-head h2{font-size:1.45rem;margin:0}.checkout-form-head>p{margin:0;color:var(--muted);font-size:.76rem}.checkout-fields{gap:1rem}.checkout-fields label{font-size:.76rem;color:#314c44}.checkout-fields label small{font-weight:400;color:var(--muted);margin-left:.25rem}.checkout-fields input{border:1px solid #d8e1dc;background:#fbfcfb;border-radius:4px;min-height:48px;padding:.75rem .85rem;font-size:.88rem}.checkout-fields input:focus{border-color:#08715f;box-shadow:0 0 0 3px #0b6e5b12}.checkout-fields input::placeholder{color:#98a6a0}.payment-section{margin-top:2.5rem;padding-top:2.2rem;border-top:1px solid #e4ebe7}.payment-options{gap:.8rem}.payment-option{grid-template-columns:auto 40px minmax(0,1fr) auto;border-radius:8px;padding:1rem 1.05rem}.payment-option input{margin:0;accent-color:#087262}.payment-option .payment-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e6f1ec;color:#087262}.payment-option .payment-copy{display:block}.payment-copy b,.payment-copy small{display:block}.payment-copy b{font-size:.9rem}.payment-copy small{font-size:.75rem;margin-top:.18rem}.payment-option strong{font-size:.95rem}.payment-option strong small{font-size:.68rem}.cod-option{border-left:1px solid #d5dfda}.cod-option:has(input:checked){border-left:3px solid #087262}.cod-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:.8rem;background:#dbe4df;border:1px solid #dbe4df}.cod-breakdown div{background:#f5faf7;padding:.85rem .8rem}.cod-breakdown span,.cod-breakdown b{display:block}.cod-breakdown span{font-size:.68rem;color:#5d7169}.cod-breakdown span em{font-style:normal;color:#087262;font-weight:700}.cod-breakdown b{font-size:.88rem;margin-top:.2rem;color:#123e34}.cod-unavailable{display:flex;gap:.75rem;align-items:flex-start;border-radius:6px}.cod-unavailable span{display:grid;gap:.2rem}.cod-unavailable b{font-size:.8rem}.cod-unavailable small{font-size:.73rem}.checkout-submit{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid #e4ebe7}.checkout-submit>div{display:flex;gap:.65rem;align-items:center}.checkout-submit>div>i{color:#087262;font-size:.9rem}.checkout-submit b,.checkout-submit small{display:block}.checkout-submit b{font-size:.75rem}.checkout-submit small{font-size:.67rem;color:var(--muted);margin-top:.1rem}.checkout-submit .button{white-space:nowrap}
@media(max-width:850px){.checkout-premium{grid-template-columns:1fr;width:calc(100% - 50px);padding:80px 0}.checkout-premium .checkout-intro{position:static}.checkout-assurances{grid-template-columns:repeat(3,1fr);gap:.5rem}.checkout-assurances span{font-size:.7rem}.checkout-assurances i{display:none}}@media(max-width:550px){.checkout-premium{width:calc(100% - 32px);padding:65px 0}.checkout-premium .checkout-intro h1{font-size:3.25rem}.checkout-card{padding:1.25rem!important}.checkout-form-head{display:block}.checkout-form-head>p{margin:.65rem 0 0}.payment-option{grid-template-columns:auto 34px minmax(0,1fr);gap:.65rem}.payment-option strong{grid-column:3;text-align:left}.cod-breakdown{grid-template-columns:1fr}.checkout-submit{display:grid}.checkout-submit .button{width:100%}.checkout-assurances{grid-template-columns:1fr}}

/* Full-width checkout colour field */
.checkout-premium { width:100%; max-width:none; margin:0; padding:100px max(36px,calc((100% - 1180px)/2)) 120px; background:linear-gradient(118deg,#eef5f1 0%,#f8faf8 55%,#e4eee9 100%); }
@media(max-width:850px){.checkout-premium{width:100%;padding:80px 25px}}@media(max-width:550px){.checkout-premium{width:100%;padding:65px 16px}}

.required-mark{color:#c44343;font-style:normal;font-weight:700;margin-left:.15rem}

/* Shop by category directory */
.shop-by-category{padding:clamp(75px,9vw,130px) max(36px,calc((100% - 1240px)/2));background:#f8faf8;position:relative;overflow:hidden}.shop-by-category:before{content:"";position:absolute;inset:auto -10% 4% auto;width:42vw;height:42vw;border:1px solid #d7e5df;border-radius:50%;box-shadow:0 0 0 42px #eff5f2,0 0 0 84px #f4f8f5;pointer-events:none}.category-directory-head,.category-directory{position:relative;z-index:1}.category-directory-head{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:3.2rem}.category-directory-head h2{margin:0;font-size:clamp(2.7rem,4.8vw,5.15rem);letter-spacing:-.07em;line-height:.93}.category-directory-head>p{margin:0;max-width:29rem;font-size:1rem;line-height:1.7;color:var(--muted)}.category-directory{display:grid;grid-template-columns:.78fr 1.22fr;gap:1.1rem}.category-directory-feature{min-height:460px;background:linear-gradient(145deg,#083f36,#0e6659);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.category-directory-feature:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #8fbcad;border-radius:50%;right:-125px;bottom:-135px;box-shadow:0 0 0 32px #ffffff0d,0 0 0 65px #ffffff08}.category-directory-feature>*{position:relative;z-index:1}.category-directory-icon{width:58px;height:58px;border:1px solid #b9d7cd;border-radius:50%;display:grid;place-items:center;font-size:1.45rem}.category-directory-feature small,.category-directory-feature b,.category-directory-feature em{display:block}.category-directory-feature small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#bad6cd;margin-bottom:.75rem}.category-directory-feature b{font-size:clamp(2rem,3.2vw,3.35rem);letter-spacing:-.06em;line-height:.95}.category-directory-feature em{font-style:normal;margin-top:1.3rem;font-weight:700;font-size:.78rem}.category-directory-feature em i{margin-left:.35rem}.category-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9e3de;border:1px solid #d9e3de}.category-directory-grid>a{min-height:152px;background:#fff;padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s,transform .25s}.category-directory-grid>a:hover{background:#0a5d51;color:#fff;transform:translateY(-2px)}.category-directory-grid>a>i{color:#0b7565;font-size:1.15rem}.category-directory-grid>a:hover>i{color:#cce7df}.category-directory-grid span{font-size:.82rem;font-weight:700;line-height:1.3;max-width:9rem}.category-directory-grid b{align-self:flex-end;font-size:.68rem;color:#79a197}.category-directory-grid>a:hover b{color:#d6eee6}@media(max-width:950px){.category-directory{grid-template-columns:1fr}.category-directory-feature{min-height:300px}.category-directory-head{gap:2rem}}@media(max-width:680px){.shop-by-category{padding:70px 18px}.category-directory-head{grid-template-columns:1fr;margin-bottom:2rem}.category-directory-head h2{font-size:3.1rem}.category-directory-grid{grid-template-columns:repeat(2,1fr)}.category-directory-grid>a{min-height:130px;padding:.95rem}.category-directory-feature{min-height:250px;padding:1.4rem}.category-directory-feature b{font-size:2.5rem}}

/* Marketing ticker, hero offer slider, and WhatsApp CTA */
.marketing-ticker{height:34px;background:#073d35;color:#eaf5f0;overflow:hidden;display:flex;align-items:center;white-space:nowrap;position:relative;z-index:20}.ticker-track{display:flex;width:max-content;animation:ticker-slide 28s linear infinite}.ticker-content{display:flex;align-items:center;gap:3.25rem;padding-right:3.25rem}.ticker-content span{font-size:.68rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.ticker-content i{color:#d9a546;margin-right:.38rem}@keyframes ticker-slide{to{transform:translateX(-50%)}}.marketing-ticker:hover .ticker-track{animation-play-state:paused}
.hero-slider{height:630px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-slide>img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 6.2s ease}.hero-slide.is-active>img{transform:scale(1)}.hero-slider .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,13,.72),rgba(3,14,13,.27))}.hero-slider .hero-copy{position:absolute;z-index:2;top:177px;left:max(9vw,calc((100vw - var(--page))/2));color:#fff;max-width:550px}.hero-slider .hero-copy h1{font-size:clamp(2.8rem,4.6vw,4.5rem);line-height:1.03;letter-spacing:-.05em;margin:0}.hero-slider .hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.6;max-width:435px;margin:18px 0 29px;color:#f1f4f3}.hero-slider .hero-copy .button{display:inline-flex}.hero-slider-controls{position:absolute;z-index:5;right:max(36px,calc((100vw - var(--page))/2));bottom:30px;display:flex;gap:.7rem;align-items:center}.hero-arrow{width:38px;height:38px;border:1px solid #ffffff77;background:#ffffff1c;color:#fff;border-radius:50%;cursor:pointer;transition:background .2s}.hero-arrow:hover{background:#fff;color:#073d35}.hero-dots{display:flex;gap:.45rem}.hero-dots button{width:26px;height:4px;border:0;background:#ffffff77;padding:0;cursor:pointer}.hero-dots button.is-active{background:#fff}.independence-shade{background:linear-gradient(90deg,rgba(2,47,35,.8),rgba(2,47,35,.25))!important}.offer-seal{width:74px;height:74px;border-radius:50%;border:1px solid #fff;background:#e89028;color:#fff;display:grid;place-content:center;text-align:center;line-height:1.02;margin-bottom:1rem;transform:rotate(-8deg)}.offer-seal span{font-size:.55rem;font-weight:800;letter-spacing:.08em}.offer-seal b{font-size:1.65rem;letter-spacing:-.08em}.button-saffron{background:#d87c22!important;border-color:#d87c22!important}.button-saffron:hover{background:#bd6614!important}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;height:54px;padding:0 17px 0 14px;border-radius:999px;background:#25d366;color:#fff;display:flex;align-items:center;gap:.55rem;box-shadow:0 12px 30px #0b432e3d;font-size:.78rem;font-weight:800;letter-spacing:.02em;transition:transform .2s,box-shadow .2s}.whatsapp-float i{font-size:1.55rem}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0b432e52}.whatsapp-float:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid #25d366;animation:whatsapp-pulse 2s infinite}@keyframes whatsapp-pulse{0%,100%{opacity:0;transform:scale(.96)}45%{opacity:.65;transform:scale(1.08)}}
@media(max-width:760px){.marketing-ticker{height:31px}.ticker-content{gap:2rem;padding-right:2rem}.ticker-content span{font-size:.59rem}.hero-slider{height:610px}.hero-slider .hero-copy{left:25px;right:25px;top:155px}.hero-slider .hero-copy h1{font-size:2.85rem}.hero-slider-controls{right:20px;bottom:20px}.whatsapp-float{right:16px;bottom:16px;width:54px;padding:0;justify-content:center}.whatsapp-float span{display:none}.offer-seal{width:66px;height:66px}}@media(max-width:430px){.hero-slider .hero-copy h1{font-size:2.5rem}.hero-slider .hero-copy>p:not(.eyebrow){font-size:.92rem}.ticker-content span{font-size:.54rem}}

/* Hero copy alignment refinement */
.hero-slider .hero-copy { top:50%; transform:translateY(-42%); width:min(540px,calc(100% - 72px)); display:flex; flex-direction:column; align-items:flex-start; }
.hero-slider .hero-copy .eyebrow { margin-bottom:1rem; }
.hero-slider .hero-copy h1 { max-width:520px; }
.hero-slider .hero-copy > p:not(.eyebrow) { margin:1.15rem 0 1.8rem; }
.independence-slide > img { object-position:center; }
.independence-copy { max-width:490px!important; }
.independence-copy .offer-seal { margin-bottom:1.15rem; }
@media(max-width:760px){.hero-slider .hero-copy{top:50%;left:25px;right:25px;width:auto;transform:translateY(-38%)}.independence-slide>img{object-position:62% center}.independence-copy{max-width:360px!important}}

/* Reference-aligned hero composition */
.hero-slider { height:640px; }
.hero-slider .hero-copy { left:max(7vw,calc((100vw - 1240px)/2)); top:128px; transform:none; width:min(555px,calc(100% - 72px)); max-width:none; display:block; }
.hero-slider .hero-copy .eyebrow { margin:0 0 1.25rem; font-size:.75rem; letter-spacing:.07em; }
.hero-slider .hero-copy h1 { margin:0; max-width:555px; font-size:clamp(3.35rem,4.15vw,4.55rem); line-height:1.03; letter-spacing:-.07em; }
.hero-slider .hero-copy>p:not(.eyebrow) { max-width:480px; margin:1.45rem 0 2.05rem; font-size:1rem; line-height:1.62; }
.hero-slider .hero-copy .button { min-width:205px; min-height:54px; }
.independence-copy { max-width:510px!important; }
.independence-copy .offer-seal { float:right; margin:-.1rem 1.2rem .55rem 0; }
.independence-copy h1 { clear:both; }
.independence-slide>img { object-position:center; }
.hero-slider-controls { right:max(36px,calc((100vw - 1240px)/2)); bottom:34px; }
@media(max-width:900px){.hero-slider .hero-copy{left:7vw;top:145px}.hero-slider .hero-copy h1{font-size:3.45rem}}
@media(max-width:760px){.hero-slider{height:610px}.hero-slider .hero-copy{top:138px;left:25px;right:25px;width:auto}.hero-slider .hero-copy h1{font-size:2.78rem;max-width:390px}.hero-slider .hero-copy>p:not(.eyebrow){font-size:.92rem;max-width:340px;margin:1rem 0 1.5rem}.hero-slider .hero-copy .button{min-height:48px;min-width:185px}.independence-copy .offer-seal{float:none;margin:0 0 .85rem}.independence-slide>img{object-position:70% center}.hero-slider-controls{right:18px;bottom:20px}}

/* Force every hero content element into a single left-aligned column */
.hero-slider .hero-copy,
.hero-slider .hero-copy * { text-align:left; }
.hero-slider .hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
.hero-slider .hero-copy .eyebrow,
.hero-slider .hero-copy h1,
.hero-slider .hero-copy>p:not(.eyebrow),
.hero-slider .hero-copy .button,
.independence-copy .offer-seal { align-self:flex-start; }
.independence-copy .offer-seal { float:none; margin:0 0 1.1rem; }
.independence-copy h1 { clear:none; }

/* Improve readability of large bold hero titles */
.hero-slider .hero-copy h1 { letter-spacing:-.035em; word-spacing:.035em; }
@media(max-width:760px){.hero-slider .hero-copy h1{letter-spacing:-.025em;word-spacing:.02em}}

/* Keep the offer ticker permanently visible above navigation */
.marketing-ticker { position:sticky; top:0; z-index:300; }
.site-nav { top:52px; z-index:250; }
.site-nav.is-scrolled { top:34px; }
.commerce-nav { top:34px; }
@media(max-width:760px){.site-nav{top:43px}.site-nav.is-scrolled{top:31px}.commerce-nav{top:31px}}

/* Category navigation dropdown */
.nav-category-menu{position:relative;display:flex;align-items:center;height:100%}.nav-category-menu>a{display:inline-flex;align-items:center;gap:.38rem}.nav-category-menu>a>i{font-size:.6rem;transition:transform .2s}.category-dropdown{position:absolute;top:calc(100% + 18px);left:-18px;width:min(620px,76vw);padding:1.1rem;background:#fff;border:1px solid #dfe8e3;box-shadow:0 20px 50px rgba(8,44,35,.17);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}.nav-category-menu:hover .category-dropdown,.nav-category-menu:focus-within .category-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-category-menu:hover>a>i,.nav-category-menu:focus-within>a>i{transform:rotate(180deg)}.category-dropdown:before{content:"";position:absolute;top:-19px;left:0;width:100%;height:20px}.category-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:0 .45rem .85rem;border-bottom:1px solid #e7eeea}.category-dropdown-head b{font-size:.8rem}.category-dropdown-head a{color:#087262!important;font-size:.72rem!important;font-weight:700!important;display:flex;gap:.4rem;align-items:center}.category-dropdown-list{display:grid;grid-template-columns:repeat(2,1fr);padding-top:.55rem}.category-dropdown-list>a{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem .45rem!important;font-size:.78rem!important;color:#25463d!important;border-radius:4px}.category-dropdown-list>a>i{font-size:.62rem;color:#629187}@media(max-width:760px){.nav-category-menu{display:none}}

/* ═══════════════════════════════════════════════════════════════════
   BEFORE & AFTER WALLPAPER COMPARISON (REBUILT)
   ═══════════════════════════════════════════════════════════════════ */
.ba-section {
  width: 100%;
  padding: 96px max(24px, calc((100% - 1180px) / 2));
  background: #0d211d;
  background-image: 
    radial-gradient(ellipse at 20% 0%, rgba(0, 92, 88, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 100%, rgba(189, 152, 85, 0.18) 0%, transparent 60%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 24px);
  color: #f4f7f6;
  box-sizing: border-box;
}

.ba-wrap {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.ba-head {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 48px;
}

.ba-head .eyebrow {
  color: #4ade80;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.ba-head h2 {
  font-size: clamp(32px, 4.2vw, 48px);
  letter-spacing: -0.8px;
  line-height: 1.08;
  margin: 0;
  color: #ffffff;
  font-weight: 500;
}

.ba-head h2 em {
  font-style: normal;
  color: #4ade80;
}

.ba-lead {
  font-size: 16px;
  line-height: 1.65;
  color: #a3bfba;
  max-width: 440px;
  margin: 0;
}

.ba-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.ba-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.ba-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.48);
}

.ba-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 300px;
  overflow: hidden;
  background: #1a302b;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  cursor: ew-resize;
}

.ba-img-before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
}

.ba-reveal {
  position: absolute;
  inset: 0 auto 0 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-right: 2.5px solid #ffffff;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.ba-reveal img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
}

.ba-line {
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 0;
  z-index: 5;
  pointer-events: none;
}

.ba-handle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #005c58;
  color: #005c58;
  display: grid;
  place-items: center;
  font-size: 14px;
  cursor: ew-resize;
  pointer-events: auto;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ba-frame:hover .ba-handle {
  transform: translate(-50%, -50%) scale(1.08);
}

.ba-handle:hover,
.ba-handle:active {
  background: #4ade80;
  color: #071817;
  border-color: #071817;
  transform: translate(-50%, -50%) scale(1.15);
}

.ba-pill {
  position: absolute;
  top: 14px;
  z-index: 4;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
  pointer-events: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ba-pill-b {
  right: 14px;
  background: rgba(7, 24, 23, 0.75);
  color: #d1e7e3;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.ba-pill-a {
  left: 14px;
  background: rgba(0, 92, 88, 0.85);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.ba-range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  margin: 0;
  padding: 0;
  z-index: 10;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
}

.ba-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 60px;
  height: 100%;
  cursor: ew-resize;
}

.ba-range::-moz-range-thumb {
  width: 60px;
  height: 100%;
  cursor: ew-resize;
  border: none;
  background: transparent;
}

.ba-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  background: #ffffff;
  color: #071817;
}

.ba-caption p {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #005c58;
}

.ba-caption h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #071817;
}

.ba-caption h3 em {
  font-style: normal;
  color: #005c58;
}

.ba-caption > a {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #005c58;
  text-decoration: none;
  border-bottom: 1.5px solid rgba(0, 92, 88, 0.35);
  padding-bottom: 2px;
  white-space: nowrap;
  transition: gap 0.2s ease, border-color 0.2s ease;
}

.ba-caption > a:hover {
  gap: 12px;
  border-bottom-color: #005c58;
}

@media (max-width: 860px) {
  .ba-section {
    padding: 68px 20px;
  }
  .ba-head {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 36px;
  }
  .ba-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 520px) {
  .ba-caption {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .ba-frame {
    aspect-ratio: 16 / 11;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUCT PAGE: RELATED PRODUCTS
   ═══════════════════════════════════════════════════════════════════ */
.related-products {
  margin-top: 84px;
  padding-top: 60px;
  border-top: 1px solid var(--line, #e2e8e5);
}

.related-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  gap: 24px;
}

.related-head h2 {
  font-size: 36px;
  letter-spacing: -0.6px;
  line-height: 1.1;
  margin: 0;
  color: var(--ink, #071817);
  font-weight: 500;
}

.related-head h2 em {
  font-style: normal;
  color: var(--green, #005c58);
}

.related-head .eyebrow {
  margin-bottom: 10px;
}

@media (max-width: 760px) {
  .related-products {
    margin-top: 56px;
    padding-top: 36px;
  }
  .related-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .related-head h2 {
    font-size: 28px;
  }
  .related-head .button {
    width: 100%;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   COLLECTIONS PAGE & FESTIVE GANPATI SHOWCASE STYLES
   ═══════════════════════════════════════════════════════════════════ */
.collections-page, .collection-detail-page {
  background: #f8faf8;
  min-height: 100vh;
  padding-bottom: 110px;
}

.collections-hero {
  background: linear-gradient(135deg, #e4ece7 0%, #f7f9f7 60%, #eef4f0 100%);
  padding: clamp(60px, 8vw, 100px) max(36px, calc((100% - 1240px)/2));
  border-bottom: 1px solid #dbe5e0;
}

.collections-hero-content {
  max-width: 780px;
}

.collections-hero-content h1 {
  font-size: clamp(2.8rem, 5.2vw, 4.8rem);
  letter-spacing: -0.06em;
  line-height: 1.02;
  margin: 0.35rem 0 1.2rem;
  color: var(--ink);
}

.collections-hero-content p:not(.eyebrow) {
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.65;
  color: var(--muted);
  max-width: 680px;
}

.collections-container {
  width: min(1240px, calc(100% - 72px));
  margin: 0 auto;
  padding-top: 48px;
}

/* Featured Ganpati Spotlight Card */
.collection-spotlight-hero {
  position: relative;
  background: linear-gradient(135deg, #092c25 0%, #0d463b 65%, #135548 100%);
  border-radius: 20px;
  color: #f4f8f6;
  padding: clamp(2rem, 4.5vw, 3.8rem);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(9, 44, 37, 0.22);
  margin-bottom: 70px;
  border: 1px solid rgba(217, 165, 70, 0.35);
}

.collection-spotlight-hero:before {
  content: "";
  position: absolute;
  top: -120px;
  right: -100px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(217, 165, 70, 0.22) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #d9a546 0%, #f3cb75 100%);
  color: #07221d;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 12px rgba(217, 165, 70, 0.3);
}

.spotlight-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.spotlight-copy h2 {
  font-size: clamp(2rem, 3.4vw, 3.1rem);
  letter-spacing: -0.04em;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 1rem;
}

.spotlight-copy p {
  color: #c7ddd5;
  font-size: 1rem;
  line-height: 1.65;
  margin-bottom: 1.6rem;
}

.spotlight-highlights {
  list-style: none;
  padding: 0;
  margin: 0 0 2.2rem;
  display: grid;
  gap: 0.8rem;
}

.spotlight-highlights li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.92rem;
  color: #e5f1ec;
}

.spotlight-highlights i {
  color: #d9a546;
  margin-top: 3px;
  flex-shrink: 0;
}

.spotlight-highlights strong {
  color: #ffffff;
}

.spotlight-actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.button-gold {
  background: linear-gradient(135deg, #d9a546 0%, #b88628 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px rgba(217, 165, 70, 0.35) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.button-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(217, 165, 70, 0.5) !important;
}

.spotlight-visual {
  position: relative;
}

.spotlight-image-card {
  display: block;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  border: 2px solid rgba(217, 165, 70, 0.4);
  aspect-ratio: 4 / 3.6;
}

.spotlight-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.spotlight-image-card:hover img {
  transform: scale(1.06);
}

.spotlight-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(7, 24, 23, 0.85) 0%, transparent 60%);
  display: flex;
  align-items: flex-end;
  padding: 1.5rem;
}

.spotlight-overlay span b {
  display: block;
  font-size: 1.25rem;
  color: #fff;
}

.spotlight-overlay span small {
  color: #d9a546;
  font-size: 0.82rem;
  font-weight: 600;
}

/* Collections Grid */
.all-collections-section {
  padding-top: 10px;
}

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-bottom: 2.2rem;
  border-bottom: 1px solid #dce5e0;
  padding-bottom: 1.2rem;
}

.section-head h2 {
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  letter-spacing: -0.04em;
  margin: 0;
}

.section-head p:not(.eyebrow) {
  color: var(--muted);
  font-size: 0.95rem;
  max-width: 360px;
  margin: 0;
}

.collections-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.collection-tile {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e4ebe7;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(7, 24, 23, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.collection-tile:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(7, 24, 23, 0.09);
  border-color: #c9d8d0;
}

.collection-tile.featured-tile {
  border-color: #d9a546;
  box-shadow: 0 8px 24px rgba(217, 165, 70, 0.15);
}

.collection-tile-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #eef2ef;
}

.collection-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.collection-tile:hover .collection-tile-media img {
  transform: scale(1.06);
}

.collection-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(7, 24, 23, 0.78);
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  backdrop-filter: blur(4px);
}

.collection-pill.gold-pill {
  background: linear-gradient(135deg, #d9a546 0%, #b88628 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.collection-tile-info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.collection-tile-info small {
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--green, #005c58);
  display: block;
  margin-bottom: 0.35rem;
}

.collection-tile-info h3 {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 0.55rem;
}

.collection-tile-info h3 a {
  color: var(--ink);
  text-decoration: none;
}

.collection-tile-info p {
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 1.2rem;
}

.collection-tile-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #edf2ee;
  padding-top: 14px;
  font-size: 0.82rem;
  color: var(--muted);
  font-weight: 600;
}

.button-small {
  color: var(--green, #005c58);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform 0.2s ease;
}

.collection-tile:hover .button-small {
  transform: translateX(3px);
}

/* ═══════════════════════════════════════════════════════════════════
   COLLECTION DETAIL PAGE STYLES (Ganpati & Others)
   ═══════════════════════════════════════════════════════════════════ */
.collection-header {
  background: linear-gradient(135deg, #051d18 0%, #09342c 50%, #0d463b 100%);
  color: #ffffff;
  padding: 44px max(24px, calc((100% - 1240px)/2)) 40px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(217, 165, 70, 0.25);
}

.collection-header:after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -120px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(217, 165, 70, 0.15);
  border-radius: 50%;
  pointer-events: none;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  color: #a4c4b9;
  margin-bottom: 1.2rem;
}

.breadcrumb a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.breadcrumb a:hover {
  color: #ffffff;
}

.breadcrumb i {
  font-size: 0.6rem;
  opacity: 0.6;
}

.breadcrumb span {
  color: #f3cb75;
  font-weight: 600;
}

.festive-badge-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}

.festive-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(217, 165, 70, 0.2);
  border: 1px solid rgba(217, 165, 70, 0.5);
  color: #f3cb75;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
}

.festive-discount-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #d9a546;
  color: #071817;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 5px 11px;
  border-radius: 999px;
}

.collection-hero-main {
  display: grid;
  grid-template-columns: 1.35fr 0.85fr;
  gap: 2.5rem;
  align-items: center;
}

.collection-hero-copy h1 {
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0 0 0.8rem;
  color: #ffffff;
}

.collection-desc {
  color: #c4dcd3;
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 580px;
  margin: 0 0 1.2rem;
}

.collection-stats-strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.stat-pill {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 12px 14px;
  backdrop-filter: blur(8px);
}

.stat-pill-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(217, 165, 70, 0.18);
  color: #f3cb75;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  flex-shrink: 0;
}

.stat-pill-info strong {
  display: block;
  font-size: 0.92rem;
  color: #ffffff;
  font-weight: 700;
}

.stat-pill-info small {
  display: block;
  font-size: 0.72rem;
  color: #a7c7bd;
}

.collection-content-wrap {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 60px;
}

.collection-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dce5e0;
  flex-wrap: wrap;
}

.collection-tabs-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.collection-tabs-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.collection-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.collection-tabs a {
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  background: #ffffff;
  color: var(--ink);
  border: 1px solid #d8e2dd;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.collection-tabs a:hover {
  background: #eef3f0;
  border-color: #b7c7c0;
}

.collection-tabs a.active {
  background: var(--green, #005c58);
  color: #ffffff;
  border-color: var(--green, #005c58);
  box-shadow: 0 4px 12px rgba(0, 92, 88, 0.25);
}

.collection-sort-form {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--muted);
  background: #ffffff;
  padding: 4px 6px 4px 12px;
  border-radius: 8px;
  border: 1px solid #d8e2dd;
}

.collection-sort-form select {
  height: 34px;
  padding: 0 10px;
  border-radius: 6px;
  border: 0;
  background: transparent;
  font: 600 0.85rem "DM Sans";
  color: var(--ink);
  outline: none;
  cursor: pointer;
}

.collection-product-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .collection-header {
    padding: 30px 16px 28px !important;
  }
  .collection-hero-main {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .collection-hero-copy h1 {
    font-size: 28px !important;
  }
  .collection-stats-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .stat-pill {
    padding: 10px !important;
    gap: 8px !important;
  }
  .stat-pill-info strong {
    font-size: 0.82rem !important;
  }
  .stat-pill-info small {
    font-size: 0.68rem !important;
  }
  .collection-content-wrap {
    width: 100% !important;
    padding: 20px 14px 60px !important;
  }
  .collection-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding-bottom: 14px !important;
  }
  .collection-tabs-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .collection-tabs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 6px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .collection-tabs a {
    white-space: nowrap !important;
    font-size: 0.8rem !important;
    padding: 7px 13px !important;
  }
  .collection-sort-form {
    width: 100% !important;
    justify-content: space-between !important;
  }
  .collection-sort-form select {
    flex: 1 !important;
    text-align: right !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   FESTIVE COUNTDOWN TIMER COMPONENT
   ═══════════════════════════════════════════════════════════════════ */
.festive-countdown-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(217, 165, 70, 0.4);
  border-radius: 14px;
  padding: 16px 20px;
  margin-top: 1.4rem;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  display: inline-block;
  max-width: 480px;
}

.spotlight-timer-card {
  margin-bottom: 2rem;
  margin-top: 0;
}

.countdown-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #f3cb75;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.countdown-head i {
  color: #f3cb75;
  animation: pulse-hourglass 2s ease-in-out infinite;
}

@keyframes pulse-hourglass {
  0%, 100% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.15); opacity: 1; color: #fff; }
}

.countdown-timer {
  display: flex;
  align-items: center;
  gap: 10px;
}

.timer-unit {
  background: rgba(7, 24, 23, 0.65);
  border: 1px solid rgba(217, 165, 70, 0.35);
  border-radius: 10px;
  min-width: 58px;
  padding: 8px 6px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.timer-num {
  display: block;
  font-size: 1.45rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.timer-lbl {
  display: block;
  font-size: 0.65rem;
  font-weight: 700;
  color: #d9a546;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 4px;
}

.timer-colon {
  font-size: 1.25rem;
  font-weight: 700;
  color: #d9a546;
  margin-bottom: 14px;
}

@media (max-width: 520px) {
  .festive-countdown-card {
    width: 100%;
    padding: 12px 14px;
  }
  .countdown-timer {
    gap: 6px;
    justify-content: space-between;
  }
  .timer-unit {
    min-width: 48px;
    padding: 6px 4px;
  }
  .timer-num {
    font-size: 1.2rem;
  }
  .timer-lbl {
    font-size: 0.6rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUCT SET TAGS & BADGES
   ═══════════════════════════════════════════════════════════════════ */
.product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  line-height: 1.2;
}

.product-badge.badge-set {
  background: #ffffff !important;
  color: #071817 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.product-tile-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px dashed #e8eee9;
}

.tile-quick-add-form {
  margin: 0;
}

.tile-quick-add {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--green);
  color: #ffffff;
  border: 0;
  border-radius: 6px;
  padding: 6px 12px;
  font: 700 0.8rem "DM Sans";
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tile-quick-add:hover {
  background: #004542;
  transform: translateY(-1px);
}



.product-tag-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
}

.detail-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.detail-badge.badge-set {
  background: #093d35;
  color: #f7d78a;
  border: 1px solid rgba(217, 165, 70, 0.45);
}

.detail-badge.badge-discount {
  background: #fff4db;
  color: #8c5b00;
  border: 1px solid rgba(217, 165, 70, 0.35);
}

/* ═══════════════════════════════════════════════════════════════════
   SET ORDER FORM (Festive & Modular Sets)
   ═══════════════════════════════════════════════════════════════════ */
.set-order-box {
  background: #f4f8f6;
  border: 1px solid #d4ded9;
  border-radius: 14px;
  padding: 24px;
  margin-top: 24px;
  box-shadow: 0 4px 18px rgba(7, 24, 23, 0.03);
}

.set-order-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #e2ebe6;
  border-radius: 10px;
  padding: 18px;
}

.set-order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.set-order-row label {
  font-size: 0.95rem;
  color: var(--ink);
  font-weight: 600;
}

.set-stepper {
  display: inline-flex;
  align-items: center;
  background: #fafcfb;
  border: 1.5px solid #ccd8d2;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(7, 24, 23, 0.04);
}

.stepper-btn {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
}

.stepper-btn:hover {
  background: #e8f2ee;
  color: var(--green);
}

.set-stepper input {
  width: 52px;
  height: 40px;
  border: 0;
  text-align: center;
  font: 700 1.05rem "DM Sans";
  color: var(--ink);
  outline: 0;
  background: transparent;
}

.set-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed #dbe5e1;
  padding-top: 14px;
  font-size: 0.95rem;
  color: var(--muted);
}

.set-total-row strong {
  font-size: 1.45rem;
  color: var(--green, #005c58);
  font-weight: 700;
}

.set-delivery-badge {
  font-size: 0.85rem;
  color: #005c58;
  font-weight: 600;
  margin: 16px 0 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.set-add-button {
  width: 100%;
  padding: 14px 20px;
  font-size: 0.95rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE NAVIGATION DRAWER & EXPANDABLE ACCORDIONS
   ═══════════════════════════════════════════════════════════════════ */
.mobile-menu-btn {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: transparent;
  border: 0;
  color: var(--ink);
  font-size: 1.3rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease;
}
.mobile-menu-btn:hover {
  background: #edf4f1;
}

.mobile-nav-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0.3s ease;
}
.mobile-nav-drawer.is-open {
  visibility: visible;
  pointer-events: auto;
}
.drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 24, 23, 0.6);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.mobile-nav-drawer.is-open .drawer-backdrop {
  opacity: 1;
}
.drawer-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(340px, 86vw);
  background: #ffffff;
  box-shadow: 4px 0 25px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1);
  overflow: hidden;
}
.mobile-nav-drawer.is-open .drawer-panel {
  transform: translateX(0);
}
.drawer-head {
  padding: 16px 20px;
  border-bottom: 1px solid #e7ede9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafcfb;
}
.drawer-close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0;
  background: #edf4f1;
  color: var(--ink);
  font-size: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 14px 0;
  -webkit-overflow-scrolling: touch;
}
.drawer-nav-list {
  display: flex;
  flex-direction: column;
}
.drawer-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  color: var(--ink);
  font-size: 0.95rem;
  font-weight: 600;
  border-bottom: 1px solid #f2f6f4;
  transition: background 0.15s ease, color 0.15s ease;
  text-decoration: none;
}
.drawer-link i {
  width: 22px;
  font-size: 1.1rem;
  color: var(--green);
  flex-shrink: 0;
  text-align: center;
}
.drawer-link > span:not(.drawer-badge-pill) {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}
.drawer-link:hover, .drawer-link:active {
  background: #f0f7f4;
  color: var(--green);
}
.drawer-festive {
  background: #fcf6ea;
  color: #8c5b00;
}
.drawer-festive i {
  color: #bd9855;
}
.drawer-badge-pill {
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 999px;
  background: #d9a546;
  color: #071817;
  letter-spacing: 0.03em;
  line-height: 1.2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.drawer-count {
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
  background: var(--green);
  color: #fff;
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 999px;
  line-height: 1.2;
}
.drawer-accordion summary, .drawer-accordion-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 20px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  border-bottom: 1px solid #f2f6f4 !important;
  list-style: none !important;
  user-select: none !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.drawer-accordion summary::-webkit-details-marker { display: none !important; }
.drawer-accordion summary:hover, .drawer-accordion summary:active {
  background: #f0f7f4 !important;
  color: var(--green) !important;
}
.drawer-accordion .drawer-icon,
.drawer-accordion summary > i:first-child {
  width: 22px !important;
  font-size: 1.1rem !important;
  color: var(--green) !important;
  flex-shrink: 0 !important;
  text-align: center !important;
}
.drawer-accordion .drawer-text,
.drawer-accordion summary > span {
  flex: 1 !important;
  min-width: 0 !important;
  line-height: 1.3 !important;
}
.drawer-accordion .drawer-arrow,
.drawer-accordion summary > i:last-child {
  font-size: 0.8rem !important;
  color: var(--muted) !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}
.drawer-accordion[open] summary .drawer-arrow,
.drawer-accordion[open] summary > i:last-child {
  transform: rotate(180deg) !important;
  color: var(--green) !important;
}
.drawer-sublinks {
  background: #f7faf8;
  padding: 8px 20px 12px 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.drawer-sublinks a {
  font-size: 0.88rem;
  color: #454f4e;
  padding: 5px 0;
  display: block;
}
.drawer-sublinks a:hover {
  color: var(--green);
}
.drawer-foot {
  padding: 16px 20px;
  border-top: 1px solid #e7ede9;
  background: #fafcfb;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.drawer-whatsapp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #25d366;
  color: #ffffff;
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(37, 211, 102, 0.3);
}
.drawer-whatsapp-btn i {
  font-size: 1.25rem;
}
.drawer-contact-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.8rem;
  color: var(--muted);
  text-align: center;
}
.drawer-contact-info a {
  color: var(--ink);
  font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════
   SEARCH OVERLAY RESPONSIVE REFINEMENT
   ═══════════════════════════════════════════════════════════════════ */
.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(7, 24, 23, 0.85);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.search-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.search-overlay form {
  width: min(640px, 100%);
  background: #ffffff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
  position: relative;
}
.search-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: #edf4f1;
  color: var(--ink);
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-field {
  display: flex;
  align-items: center;
  border: 2px solid var(--green);
  border-radius: 8px;
  overflow: hidden;
  margin: 14px 0 10px;
}
.search-field i {
  padding: 0 14px;
  color: var(--green);
  font-size: 1.1rem;
}
.search-field input {
  flex: 1;
  border: 0;
  padding: 12px 0;
  font: 500 1rem "DM Sans";
  outline: 0;
  color: var(--ink);
}
.search-field button {
  background: var(--green);
  color: #fff;
  border: 0;
  padding: 0 18px;
  font: 700 0.9rem "DM Sans";
  cursor: pointer;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ═══════════════════════════════════════════════════════════════════
   DEEP MOBILE RESPONSIVENESS (Screens <= 900px & <= 600px)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* Ticker */
  .marketing-ticker {
    font-size: 11px;
    height: 34px;
  }
  .ticker-track {
    animation-duration: 22s;
  }
  .ticker-content span {
    margin-right: 28px;
  }

  /* Site & Commerce Navigation */
  .site-nav, .commerce-nav {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 60px !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 12px rgba(7, 24, 23, 0.08) !important;
    padding: 0 14px !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .site-nav nav, .commerce-nav nav {
    display: none !important;
  }
  .mobile-menu-btn {
    display: flex !important;
  }
  .commerce-nav-left {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .site-nav .brand-name, .commerce-nav .brand-name {
    font-size: 15px;
  }
  .nav-logo {
    width: 36px !important;
    height: 30px !important;
  }
  .nav-actions, .commerce-nav-actions {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .nav-search span, .nav-account span, .commerce-account span, .bag-label {
    display: none !important;
  }
  .nav-search, .commerce-search, .nav-account, .commerce-account {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf4f1;
    color: var(--ink);
    border: 0;
    font-size: 14px;
    padding: 0;
  }
  .nav-bag, .bag-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: var(--green);
    color: #ffffff !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
  }
  .nav-bag b, .bag-link b {
    background: #ffffff;
    color: var(--green);
    width: 19px;
    height: 19px;
    font-size: 11px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    margin: 0;
  }

  /* Hero Section (Rock-Solid Mobile Visibility) */
  .hero {
    height: 520px !important;
    min-height: 500px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #071817 !important;
    padding: 0 !important;
    display: block !important;
  }
  .hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .hero-slide > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .hero-shade {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(7, 24, 23, 0.85) 0%, rgba(7, 24, 23, 0.65) 50%, rgba(7, 24, 23, 0.3) 100%) !important;
    z-index: 2 !important;
  }
  .hero-copy {
    position: absolute !important;
    z-index: 10 !important;
    top: 50% !important;
    left: 20px !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    width: calc(100% - 40px) !important;
    max-width: 460px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .hero-copy .eyebrow {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    color: #d9a546 !important;
    margin: 0 0 10px 0 !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    text-align: left !important;
  }
  .hero h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  }
  .hero h1 em {
    font-style: italic !important;
    font-weight: 400 !important;
    color: #fce8cc !important;
  }
  .hero-copy > p:not(.eyebrow) {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #e3ece8 !important;
    margin: 0 0 20px 0 !important;
    max-width: 340px !important;
    text-align: left !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
  }
  .hero-copy .button {
    font-size: 13px !important;
    padding: 12px 24px !important;
    margin-left: 0 !important;
    align-self: flex-start !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  }
  .offer-seal {
    margin: 0 0 10px 0 !important;
    align-self: flex-start !important;
  }
  .hero-slider-controls {
    position: absolute !important;
    z-index: 20 !important;
    bottom: 16px !important;
    left: 20px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  .hero-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    border-radius: 50% !important;
    background: rgba(7, 24, 23, 0.7) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
  }

  /* Festive Ganpati Spotlight */
  .ganpati-collection {
    padding: 40px 16px !important;
    border-radius: 0 !important;
  }
  .ganpati-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  .ganpati-head h2 {
    font-size: 30px !important;
  }
  .ganpati-head-actions {
    width: 100% !important;
  }
  .festive-countdown-card {
    width: 100% !important;
  }
  .countdown-timer {
    justify-content: center !important;
  }
  .timer-unit {
    width: 48px !important;
    height: 50px !important;
  }
  .timer-num {
    font-size: 18px !important;
  }
  .ganpati-head-actions .button {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Global Product Grids (2 Columns on Mobile) */
  .product-grid, .catalogue-grid, .ganpati-product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .product-tile {
    border-radius: 10px;
  }
  .product-media {
    aspect-ratio: 4 / 5 !important;
    border-radius: 8px 8px 0 0;
  }
  .product-tile-info {
    padding: 10px !important;
    gap: 2px !important;
  }
  .product-tile-category {
    font-size: 10px !important;
  }
  .product-tile-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  .product-tile-material {
    font-size: 11px !important;
  }
  .product-tile-price {
    font-size: 14px !important;
    margin-top: 2px !important;
  }
  .save-button {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
    top: 8px !important;
    right: 8px !important;
  }
  .quick-add {
    font-size: 11px !important;
    padding: 8px 10px !important;
    opacity: 1 !important;
    transform: none !important;
    position: static !important;
    margin-top: 6px !important;
    border-radius: 6px !important;
  }

  /* Product Detail Page */
  .product-page {
    width: 100% !important;
    padding: 16px 14px 60px !important;
  }
  .product-detail {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .product-image-large {
    aspect-ratio: 4 / 5 !important;
    border-radius: 10px !important;
  }
  .product-buy {
    padding: 0 !important;
  }
  .product-buy h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  .product-price {
    font-size: 22px !important;
  }
  .product-thumbnails {
    gap: 8px !important;
  }
  .product-thumbnails button {
    width: 60px !important;
    height: 75px !important;
    flex: 0 0 60px !important;
  }
  .set-order-box {
    padding: 16px !important;
    border-radius: 10px !important;
    margin-top: 18px !important;
  }

  /* Shop Catalogue Filter Layout */
  .catalogue-layout {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .catalogue-filters {
    position: static !important;
    width: 100% !important;
    padding: 16px !important;
  }
  .commerce-main {
    width: 100% !important;
    padding: 20px 14px 60px !important;
  }
  .page-heading {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
  }
  .page-heading h1 {
    font-size: 32px !important;
  }

  /* Cart & Checkout */
  .cart-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .cart-item {
    grid-template-columns: 80px 1fr !important;
    gap: 12px !important;
  }
  .cart-item img {
    width: 80px !important;
    height: 100px !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 6px;
  }
  .cart-item form {
    grid-column: 1 / -1 !important;
    text-align: right;
  }
  .checkout-page {
    grid-template-columns: 1fr !important;
    padding: 20px 14px 60px !important;
    gap: 24px !important;
  }
  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .span-two {
    grid-column: auto !important;
  }

  /* Sections Stacking */
  .intro-section, .about-section, .category-showcase, .sample-banner, .faq-section {
    width: 100% !important;
    padding: 40px 16px !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .intro-section h2, .about-section h2, .category-showcase h2, .sample-banner h2, .faq-section h2 {
    font-size: 30px !important;
  }
  .category-mini-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .category-mini-grid .category-card:nth-child(1) {
    grid-row: auto !important;
  }
  .category-mini-grid .category-card:nth-child(1) a {
    height: 180px !important;
  }
  .benefit-strip {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 30px 16px !important;
  }

  /* Social Icons Row */
  .connect-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
  .connect-card .connect-icon {
    width: 60px !important;
    height: 60px !important;
    font-size: 26px !important;
    margin: 0 auto 10px !important;
  }
  .connect-card b {
    font-size: 13px !important;
  }

  /* Brand Footer */
  .brand-footer {
    padding: 45px 16px 20px !important;
  }
  .footer-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding-bottom: 30px !important;
  }
  .footer-cta h2 {
    font-size: 32px !important;
  }
  .footer-main {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding: 30px 0 !important;
  }
  .footer-links {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center;
  }

  /* WhatsApp Floating Button Mobile Safe Zone (Pill shape, No Text Overflow) */
  .whatsapp-float {
    position: fixed !important;
    bottom: 18px !important;
    right: 14px !important;
    z-index: 999999 !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    max-width: none !important;
    background: #25d366 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    box-shadow: 0 4px 18px rgba(37, 211, 102, 0.55), 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    border: 0 !important;
  }
  .whatsapp-float i {
    font-size: 19px !important;
    color: #ffffff !important;
    line-height: 1 !important;
    display: inline-block !important;
  }
  .whatsapp-float span {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
}

@media (max-width: 480px) {
  .product-grid, .catalogue-grid, .ganpati-product-grid {
    gap: 8px !important;
  }
  .product-tile-info {
    padding: 8px !important;
  }
  .product-tile-title {
    font-size: 12.5px !important;
  }
  .product-tile-price {
    font-size: 13.5px !important;
  }
  .timer-unit {
    width: 42px !important;
    height: 44px !important;
  }
  .timer-num {
    font-size: 16px !important;
  }
  .timer-lbl {
    font-size: 9px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   PERFECTED MOBILE ALIGNMENT & EQUAL-HEIGHT CARDS (Pixel-Perfect)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* Global viewport safety — Eliminate horizontal side-scrolling */
  html, body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative;
  }

  .site-shell, .commerce-main, .shop-catalogue, .product-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Equal-Height 2-Column Product Cards */
  .product-grid, .catalogue-grid, .ganpati-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  .product-tile {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e7ede9 !important;
    box-shadow: 0 2px 8px rgba(7, 24, 23, 0.04) !important;
  }
  .product-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: #eef2f0 !important;
    flex-shrink: 0 !important;
  }
  .product-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .product-tile-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 10px !important;
    gap: 2px !important;
  }
  .product-tile-category {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: var(--green) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
  }
  .product-tile-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 2px 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.7em !important;
  }
  .product-tile-material {
    font-size: 11px !important;
    color: var(--muted) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 4px !important;
  }
  .product-tile-price {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--green) !important;
  }
  .product-tile-price small {
    font-size: 11px !important;
    color: var(--muted) !important;
    font-weight: 400 !important;
  }
  .product-tile-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-top: auto !important;
    padding-top: 6px !important;
    border-top: 1px dashed #e8eee9 !important;
  }
  .tile-quick-add-form {
    margin: 0 !important;
  }
  .tile-quick-add {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    background: var(--green, #005c58) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 6px 11px !important;
    font: 700 0.8rem "DM Sans", sans-serif !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(0, 92, 88, 0.3) !important;
  }
  .tile-quick-add i {
    font-size: 11px !important;
    color: #ffffff !important;
    display: inline-block !important;
  }
  .tile-quick-add span {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .product-badge.badge-set {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 5 !important;
    background: #ffffff !important;
    color: #071817 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 3px 9px !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  }
  .save-button {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 5 !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 0 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
  }

  /* Shop by Category Directory Grid */
  .shop-by-category {
    padding: 40px 14px !important;
  }
  .category-directory-head h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }
  .category-directory {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .category-directory-feature {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 10px !important;
  }
  .category-directory-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .category-directory-grid a {
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .category-directory-grid a span {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  /* Before & After Interactive Slider */
  .ba-section {
    padding: 40px 14px !important;
  }
  .ba-head h2 {
    font-size: 28px !important;
  }
  .ba-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .ba-frame {
    height: 250px !important;
    border-radius: 10px !important;
    width: 100% !important;
  }
  .ba-caption {
    padding: 12px 4px 0 !important;
  }

  /* Visualizer Page */
  .visualizer {
    padding: 20px 14px 60px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .visual-canvas {
    height: 300px !important;
    border-radius: 10px !important;
  }
  .visualizer h1 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  /* Journey / 3-Step Process Cards */
  .journey-section {
    padding: 40px 14px !important;
  }
  .journey-heading h2 {
    font-size: 28px !important;
  }
  .journey-steps {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .journey-steps article {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    text-align: left !important;
    background: #ffffff !important;
    padding: 16px !important;
    border-radius: 10px !important;
    border: 1px solid #e7ede9 !important;
  }
  .journey-steps article span {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--green) !important;
    flex-shrink: 0 !important;
  }
  .journey-steps article i {
    font-size: 20px !important;
    color: var(--green) !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }
  .journey-steps article h3 {
    font-size: 15px !important;
    margin: 0 0 4px !important;
  }
  .journey-steps article p {
    font-size: 12.5px !important;
    margin: 0 !important;
    color: var(--muted) !important;
    line-height: 1.45 !important;
  }

  /* Trade Banner */
  .trade-banner {
    padding: 36px 16px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    border-radius: 0 !important;
  }
  .trade-banner h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  /* Gallery Section */
  .gallery-section {
    padding: 36px 14px !important;
  }
  .gallery-section h2 {
    font-size: 28px !important;
  }
  .gallery {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .gallery img {
    height: 160px !important;
    border-radius: 8px !important;
  }
  .gallery img:first-child {
    grid-column: span 2 !important;
    height: 200px !important;
  }

  /* FAQ Accordions */
  .faq-section {
    padding: 36px 14px !important;
  }
  .faq-section h2 {
    font-size: 28px !important;
  }
  summary {
    font-size: 14px !important;
    padding: 14px 0 !important;
  }
  details p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}