@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
:root{
  --ink:#111214;--muted:#747474;--line:#e6e6e6;--soft:#f5f5f5;--dark:#171717;--accent:#ffb900;--blue:#1283d6;
  --wrap:min(1370px,calc(100vw - 44px));
}
.wishlist-action,.lower-wishlist,.reference-giant-heart,.my-wishlist-wrapper,.tini-wishlist,[data-wishlist],[data-product-wishlist],[class*="yith-wcwl"]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:var(--wrap);margin-inline:auto}.plain{border:0;background:none;color:inherit}.black-btn{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;border:0;border-radius:3px;padding:13px 24px;font-size:12px;font-weight:800;letter-spacing:.03em;transition:.2s}.black-btn:hover{background:#333}
[dir="rtl"] body{text-align:right}[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}[dir="rtl"] .language-menu{left:auto;right:0}[dir="rtl"] .header-search,[dir="rtl"] .checkout-fields,[dir="rtl"] .tracking-code{direction:rtl}

/* HEADER - ECOMALL / REFERENCE STRUCTURE */
.header-dark{background:#171717;color:#fff}.topbar{height:36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.top-left,.top-right{display:flex;align-items:center}.top-left{gap:26px}.top-right{gap:8px}.top-left a{opacity:.92}.top-left a:hover{opacity:1}.top-left .flash{color:#ffc22a;font-weight:700}.top-right button{font-size:11px;padding:8px 6px}.main-head{height:92px;display:grid;grid-template-columns:225px minmax(380px,1fr) auto;align-items:center;gap:30px}.site-logo{display:flex;align-items:center;gap:11px;color:#fff}.logo-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:3px solid #f2be20;color:#f2be20;font-weight:900;font-size:19px;letter-spacing:-1px}.logo-copy{display:flex;flex-direction:column;line-height:1}.logo-copy b{font-size:23px;letter-spacing:-1.2px}.logo-copy small{font-size:8px;letter-spacing:2.1px;margin-top:7px;color:#bfbfbf}.header-search{height:48px;background:#fff;border:2px solid #1577bc;border-radius:4px;display:grid;grid-template-columns:165px 1fr 48px;overflow:hidden;color:#111}.search-category{border:0;border-right:1px solid #e3e3e3;background:#fff;padding:0 15px;text-align:left;font-size:12px;display:flex;justify-content:space-between;align-items:center}.header-search input{border:0;outline:0;padding:0 18px;font-size:13px;min-width:0}.search-submit{border:0;background:#0c79c3;color:#fff;font-size:24px}.head-actions{display:flex;align-items:center;gap:22px}.header-action{border:0;background:none;color:#fff;display:flex;align-items:center;gap:9px;padding:0;text-align:left;position:relative;white-space:nowrap}.head-icon{font-size:25px;line-height:1}.header-action small,.header-action b{display:block}.header-action small{font-size:11px;font-weight:400;color:#d0d0d0}.header-action b{font-size:13px;margin-top:1px}.cart-dot{position:absolute;left:17px;top:-5px;width:18px;height:18px;border-radius:50%;background:#197fc1;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:700;border:2px solid #171717}.mobile-menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.nav-shell{background:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.02)}.nav-row{height:58px;display:flex;align-items:stretch}.shop-categories{width:245px;flex:0 0 245px;border:0;border-right:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px}.desktop-nav{display:flex;align-items:stretch;gap:25px;padding:0 22px;min-width:0}.desktop-nav>a,.nav-parent>a{display:flex;align-items:center;height:100%;font-weight:700;font-size:13px;white-space:nowrap;position:relative}.desktop-nav>a.active:after,.nav-parent>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#111}.nav-parent{position:relative;display:flex;align-items:stretch}.mega-menu{position:absolute;top:100%;left:-30px;width:710px;background:#fff;border:1px solid #ddd;box-shadow:0 14px 35px rgba(0,0,0,.12);padding:26px;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:28px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:80}.nav-parent:hover .mega-menu{opacity:1;visibility:visible;transform:none}.mega-menu h4{font-size:13px;margin:0 0 13px}.mega-menu div>a{display:block;color:#666;padding:5px 0;font-size:12px}.mega-ad{background:#eef4e9;min-height:170px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.mega-ad span{font-size:10px;color:#d33;font-weight:800}.mega-ad b{font-size:24px;line-height:1.1;margin:6px 0}.mega-ad a{font-weight:700;color:#111!important}.deal-hot{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}.deal-hot>span{width:24px;height:24px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.deal-hot b{background:#e93131;color:#fff;border-radius:2px;font-size:9px;padding:2px 5px;margin-left:2px}

/* HOME */
.home-hero{margin-top:20px;height:465px;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:42% 58%;background:#e8eadf}.hero-copy-panel{padding:55px 55px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#e9ecdf}.hero-kicker{display:inline-block;background:#e63732;color:#fff;border-radius:2px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}.hero-copy-panel h1{font-size:48px;line-height:1.02;letter-spacing:-1.5px;margin:16px 0 12px}.hero-sub{font-size:18px;margin:0 0 2px;font-weight:700}.hero-note{margin:0 0 23px;color:#555;font-size:13px}.hero-photo{background-image:linear-gradient(90deg,rgba(233,236,223,.35),rgba(0,0,0,.08)),url('assets/hero-reference.webp');background-size:cover;background-position:center 42%;min-width:0}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-bottom:1px solid #e9e9e9}.service-strip article{display:flex;align-items:center;gap:14px;padding:0 28px;border-right:1px solid #e8e8e8}.service-strip article:first-child{padding-left:8px}.service-strip article:last-child{border-right:0}.service-icon{font-size:29px;width:40px;text-align:center;filter:grayscale(1)}.service-strip h3{font-size:14px;margin:0 0 3px}.service-strip p{font-size:11px;color:#777;margin:0}.welcome{padding:38px 0 35px;text-align:center}.welcome p{max-width:1180px;margin:0 auto;font-size:14px;line-height:1.75;color:#444}.telegram-link{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#1688ce;font-weight:700}.collection-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{height:300px;border-radius:6px;overflow:hidden;padding:32px;display:flex;flex-direction:column;align-items:flex-start;position:relative;background-size:cover;background-position:center;color:#111}.collection-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 46%,rgba(255,255,255,.08) 82%)}.collection-card>*{position:relative;z-index:1}.collection-card span{font-size:12px}.collection-card h2{font-size:32px;line-height:1.04;margin:25px 0 11px;letter-spacing:-.8px}.collection-card b{font-size:10px;letter-spacing:.08em}.collection-card em{margin-top:auto;font-style:normal;font-weight:700;font-size:12px}.card-one{background-image:url('assets/editorial-reference.webp');background-position:65% center}.card-two{background-image:url('assets/hero-reference.webp');background-position:70% 55%}.card-three{background-image:url('assets/editorial-reference.webp');background-position:25% center;filter:saturate(.8)}.catalog-section{padding:50px 0 0}.compact-section{padding-top:43px}.catalog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.catalog-head h2{margin:0;font-size:24px;letter-spacing:-.4px}.catalog-head a{font-size:12px;font-weight:700}.reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 14px 16px;position:relative}.product-media{aspect-ratio:1/1;position:relative;background-color:#f7f7f7;background-image:url('assets/editorial-reference.webp');background-size:cover;background-repeat:no-repeat;overflow:hidden}.photo-1{background-position:18% 48%}.photo-2{background-position:45% 50%}.photo-3{background-position:72% 45%}.photo-4{background-position:90% 60%}.photo-5{background-position:35% 80%}.photo-6{background-image:url('assets/hero-reference.webp');background-position:30% 55%}.photo-7{background-image:url('assets/hero-reference.webp');background-position:53% 45%}.photo-8{background-image:url('assets/hero-reference.webp');background-position:77% 50%}.photo-9{background-image:url('assets/hero-reference.webp');background-position:90% 45%}.photo-10{background-position:30% 28%}.photo-11{background-position:62% 25%}.photo-12{background-position:82% 30%}.sale-badge{position:absolute;top:9px;left:9px;background:#e63732;color:#fff;font-size:9px;font-weight:800;padding:4px 7px;border-radius:2px}.hover-actions{position:absolute;right:9px;top:9px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(5px);transition:.15s}.product-card:hover .hover-actions{opacity:1;transform:none}.hover-actions button{width:34px;height:34px;border:1px solid #e0e0e0;background:#fff;border-radius:50%;font-size:16px}.hover-actions button.liked{color:#d22}.product-body{padding:12px 2px 0}.category-line{font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-line a{color:#777}.product-name{display:block;font-size:13px;font-weight:700;margin:5px 0 4px;min-height:20px}.rating-row{display:flex;align-items:center;gap:6px;color:#bbb;font-size:13px}.rating-row small{font-size:10px;color:#999}.product-price{font-weight:700;font-size:13px;margin-top:6px}.select-options{display:inline-block;margin-top:7px;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.content-feature{margin-top:50px;padding:48px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.content-copy h3{font-size:21px;line-height:1.3;margin:0 0 18px}.content-copy h4{font-size:17px;margin:24px 0 8px}.content-copy p{color:#555;font-size:13px;line-height:1.75}.content-image{height:430px;background:url('assets/editorial-reference.webp') center/cover no-repeat}.newsletter-bar{margin-top:55px;background:#ececec}.newsletter-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:40px}.newsletter-inner h2{font-size:25px;margin:0 0 5px}.newsletter-inner p{margin:0;color:#666}.newsletter-form{display:flex;width:min(560px,48vw);height:48px;background:#fff}.newsletter-form input{flex:1;border:1px solid #d6d6d6;border-right:0;padding:0 15px;outline:0}.newsletter-form button{width:130px;border:0;background:#111;color:#fff;font-size:11px;font-weight:800}

/* SHOP */
.breadcrumbs{display:flex;align-items:center;gap:8px;color:#878787;font-size:11px;padding:22px 0}.breadcrumbs b{color:#222}.shop-heading{padding:12px 0 22px}.shop-heading h1{font-size:32px;margin:0}.shop-toolbar{height:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;margin-bottom:25px;font-size:12px}.result-count{color:#666}.sale-switch{display:flex;align-items:center;gap:7px}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.toolbar-right select{border:0;outline:0;font-weight:700;background:#fff;max-width:210px}.filter-mobile{display:none;border:1px solid #ddd;background:#fff;padding:8px 10px}.shop-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px}.filter-panel{padding-right:20px}.filter-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid #ddd}.filter-title button{display:none;border:0;background:none;font-size:25px}.filter-group{padding:22px 0;border-bottom:1px solid #e7e7e7}.filter-group h3{font-size:14px;margin:0 0 14px}.filter-group label{display:flex;align-items:center;gap:8px;padding:6px 0;color:#555;font-size:12px}.filter-group label span{margin-left:auto;color:#999}.filter-group input[type=range]{width:100%;accent-color:#111}.price-range{display:flex;justify-content:space-between;color:#777;font-size:11px}.filter-apply{margin-top:22px;width:100%;display:none}.shop-products .reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-page{padding-bottom:65px}

/* PRODUCT */
.product-page{padding-bottom:45px}.product-detail{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;padding:10px 0 52px}.product-gallery{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px}.gallery-thumbs{display:flex;flex-direction:column;gap:10px}.gallery-thumbs button{aspect-ratio:1;border:1px solid #ddd;background:#f6f6f6;padding:4px}.gallery-thumbs button.active{border-color:#111}.gallery-thumbs span{display:block;width:100%;height:100%;background:url('assets/editorial-reference.webp') center/cover no-repeat}.gallery-main{min-height:585px;background:#f5f5f5 url('assets/editorial-reference.webp') center/cover no-repeat}.product-brand-link{font-size:12px;color:#777}.product-summary h1{font-size:32px;line-height:1.15;margin:8px 0 10px}.single-rating{font-size:12px;color:#aaa;margin-bottom:10px}.single-rating b{font-weight:400;color:#777;margin-left:5px}.stock{color:#278a42;font-size:12px;font-weight:700;margin:10px 0}.single-price{font-size:21px;font-weight:700;margin:12px 0 24px}.variation{border-top:1px solid #eee;padding-top:20px;display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:10px}.variation label{font-weight:700;font-size:12px}.variation select{height:42px;border:1px solid #ddd;padding:0 12px;background:#fff}.variation a{font-size:11px;color:#777;text-decoration:underline}.delivery-notes{padding:17px 0 17px 20px;border-bottom:1px solid #eee;margin:0;color:#555;font-size:12px}.delivery-notes li{padding:3px 0}.purchase-row{display:flex;gap:10px;margin-top:22px}.quantity{height:48px;border:1px solid #d9d9d9;display:grid;grid-template-columns:38px 48px 38px}.quantity button,.quantity input{border:0;background:#fff;text-align:center}.quantity input{min-width:0;outline:0}.add-cart-main{height:48px;flex:1;border:0;background:#111;color:#fff;font-weight:800;font-size:12px}.single-actions{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #eee}.single-actions button{border:0;background:none;padding:0;font-size:12px}.product-meta-single{font-size:11px;color:#777;padding-top:13px}.product-meta-single p{margin:6px 0}.product-tabs{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-bottom:35px}.tab-nav{display:flex;gap:30px;height:56px;align-items:center}.tab-nav button{height:100%;border:0;background:none;font-weight:700;position:relative}.tab-nav button.active:after{content:"";height:2px;background:#111;position:absolute;left:0;right:0;bottom:0}.tab-panel{max-width:900px;padding-top:25px}.tab-panel h2{font-size:22px}.tab-panel h3{font-size:16px}.tab-panel p{color:#555;line-height:1.75}.related{padding-bottom:30px}.photo-product{background-image:url('assets/editorial-reference.webp')!important;background-position:center!important;background-size:cover!important}

/* FOOTER */
.site-footer{background:#f7f7f7;border-top:1px solid #e6e6e6;margin-top:55px}.footer-main{display:grid;grid-template-columns:1.35fr .85fr 1fr 1fr;gap:45px;padding:55px 0 40px}.footer-logo{color:#111;margin-bottom:22px}.footer-logo .logo-mark{color:#111;border-color:#111}.footer-logo .logo-copy small{color:#777}.footer-brand p{font-size:12px;color:#555;max-width:250px}.footer-brand p a{text-decoration:underline}.footer-mail{font-size:12px;font-weight:700}.socials{display:flex;gap:8px;margin-top:20px}.socials a{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:12px}.footer-col{display:flex;flex-direction:column;align-items:flex-start}.footer-col h4{font-size:13px;margin:0 0 15px}.footer-col a{font-size:11px;color:#666;padding:5px 0}.trending{border-top:1px solid #ddd;padding:19px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px}.trending b{font-size:11px;margin-right:3px}.trending a{background:#fff;border:1px solid #ddd;border-radius:2px;padding:5px 8px;color:#666}.footer-bottom{background:#eee;border-top:1px solid #ddd}.footer-bottom .wrap{height:58px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#666}.payment-marks{display:flex;gap:5px}.payment-marks i{font-style:normal;background:#fff;border:1px solid #d6d6d6;padding:5px 8px;font-size:9px;font-weight:700}

/* LAYERS */
.screen-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;opacity:0;pointer-events:none;transition:.2s}.screen-overlay:not(.open){display:none}.screen-overlay.open{display:block;opacity:1;pointer-events:auto}.side-drawer{position:fixed;right:0;top:0;width:min(390px,92vw);height:100dvh;background:#fff;z-index:110;transform:translateX(100%);transition:.23s;display:flex;flex-direction:column}.side-drawer.open{transform:none}.drawer-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e5e5e5}.drawer-head button{border:0;background:none;font-size:26px}.empty-cart{flex:1;display:grid;place-items:center;text-align:center;padding:30px}.empty-bag{font-size:45px;filter:grayscale(1);opacity:.5}.empty-cart p{color:#666;margin:12px 0 20px}.mobile-drawer{left:0;right:auto;transform:translateX(-100%)}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ddd}.mobile-tabs button{border:0;background:#f4f4f4;padding:13px;font-size:11px;font-weight:700}.mobile-tabs button.active{background:#fff}.mobile-nav{display:flex;flex-direction:column;padding:8px 22px}.mobile-nav>a,.mobile-nav>button{border:0;background:none;text-align:left;padding:14px 0;border-bottom:1px solid #eee;font-weight:700;font-size:13px}.mobile-nav>button{display:flex;justify-content:space-between}.mobile-sub{display:none;padding:4px 0 7px 15px}.mobile-sub.open{display:block}.mobile-sub a{display:block;padding:9px 0;color:#666;font-size:12px}.search-layer{position:fixed;inset:0;z-index:120;background:rgba(255,255,255,.97);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.search-layer.open{opacity:1;pointer-events:auto;transform:none}.search-box{width:min(840px,calc(100vw - 36px));margin:110px auto}.search-line{height:58px;border-bottom:2px solid #111;display:flex}.search-line input{flex:1;border:0;outline:0;font-size:24px}.search-line button{border:0;background:none;font-size:32px}.search-results>small{display:block;margin:22px 0 8px;color:#999;font-size:9px;font-weight:800;letter-spacing:.1em}.search-results>a{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.search-thumb{width:52px;height:52px;background-size:cover;background-position:center}.search-results a span:nth-child(2){display:flex;flex-direction:column}.search-results a b{font-size:12px}.search-results a em{font-style:normal;font-size:10px;color:#888}.search-results a strong{font-size:12px}.login-popover{position:fixed;right:max(22px,calc((100vw - min(1370px,calc(100vw - 44px)))/2 + 90px));top:107px;width:320px;background:#fff;z-index:130;border:1px solid #ddd;box-shadow:0 14px 38px rgba(0,0,0,.16);padding:23px;opacity:0;pointer-events:none;transform:translateY(7px);transition:.18s}.login-popover.open{opacity:1;pointer-events:auto;transform:none}.login-popover h3{font-size:18px;margin:0 0 18px}.login-popover label{display:block;font-size:11px;font-weight:700;margin:12px 0}.login-popover label input[type=text],.login-popover label input[type=password]{width:100%;height:39px;border:1px solid #ddd;margin-top:6px;padding:0 10px}.remember{display:flex;justify-content:space-between;align-items:center;font-size:10px}.remember label{font-weight:400;margin:0}.remember a{text-decoration:underline}.login-btn{width:100%;height:42px;background:#111;color:#fff;border:0;font-size:11px;font-weight:800;margin-top:15px}.login-popover p{font-size:10px;color:#666;margin:14px 0 0}.login-popover p a{text-decoration:underline}.quick-view{position:fixed;z-index:120;left:50%;top:50%;width:min(860px,calc(100vw - 40px));background:#fff;display:grid;grid-template-columns:1fr 1fr;transform:translate(-50%,-47%);opacity:0;pointer-events:none;transition:.2s}.quick-view.open{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.quick-close{position:absolute;right:12px;top:10px;z-index:2;border:0;background:#fff;width:32px;height:32px;font-size:23px}.quick-image{min-height:470px}.quick-info{padding:52px 38px}.quick-info>a{font-size:11px;color:#777}.quick-info h2{font-size:28px;margin:7px 0}.quick-info p{font-size:12px;color:#666;line-height:1.7;margin:24px 0}.toast{position:fixed;left:50%;bottom:24px;z-index:140;background:#111;color:#fff;padding:12px 18px;border-radius:3px;font-size:11px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

/* EXISTING SIMPLE PAGES */
.simple-page{padding-bottom:60px}.page-hero{padding:50px 0 65px;max-width:850px}.page-hero h1,.contact-grid h1{font-size:44px;line-height:1.05;margin:12px 0 18px}.page-hero p,.contact-grid>div>p{color:#666;max-width:650px}.story-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.story-card{min-height:450px;background:url('assets/hero-reference.webp') center/cover}.story-copy h2{font-size:27px}.story-copy p{color:#666;line-height:1.7}.contact-grid{padding:45px 0}.contact-details article{border-top:1px solid #ddd;padding:15px 0;display:flex;justify-content:space-between}.contact-form{background:#f5f5f5;padding:30px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:13px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ddd;background:#fff;margin-top:6px;padding:11px;outline:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 60px}.blog-img{height:260px;background:url('assets/editorial-reference.webp') center/cover}.bi2{background-image:url('assets/hero-reference.webp')}.bi3{background-position:25% center}.blog-grid small{display:block;color:#999;margin-top:17px;font-size:9px}.blog-grid h2{font-size:20px}.blog-grid p{color:#666}.blog-grid article>a{font-size:12px;font-weight:700}

@media(max-width:1180px){
  :root{--wrap:min(100% - 30px,1100px)}.main-head{grid-template-columns:190px 1fr auto;gap:18px}.head-actions{gap:12px}.header-action span:last-child{display:none}.desktop-nav{gap:17px;padding:0 15px}.desktop-nav>a,.nav-parent>a{font-size:12px}.deal-hot{display:none}.reference-grid{grid-template-columns:repeat(4,1fr)}.four-grid{grid-template-columns:repeat(4,1fr)}.shop-products .reference-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  :root{--wrap:calc(100vw - 28px)}.home-hero{height:auto;min-height:470px;grid-template-columns:1fr;margin-top:14px}.hero-copy-panel{position:absolute;z-index:2;background:linear-gradient(90deg,rgba(233,236,223,.96),rgba(233,236,223,.75),rgba(233,236,223,.12));width:100%;height:100%;padding:45px 35px}.home-hero{position:relative}.hero-photo{min-height:470px}.hero-copy-panel h1{font-size:42px}.service-strip{grid-template-columns:1fr 1fr}.service-strip article{padding:18px;border-bottom:1px solid #eee}.service-strip article:nth-child(2){border-right:0}.collection-banners{grid-template-columns:1fr}.collection-card{height:245px}.reference-grid{grid-template-columns:repeat(3,1fr)}.content-feature{grid-template-columns:1fr}.content-image{height:360px}.newsletter-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 0}.newsletter-form{width:100%}.footer-main{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.filter-panel{position:fixed;left:0;top:0;bottom:0;width:min(340px,90vw);z-index:130;background:#fff;padding:25px;transform:translateX(-100%);transition:.22s;overflow:auto}.filter-panel.mobile-open{transform:none}.filter-title button{display:block}.filter-apply{display:flex}.filter-mobile{display:block}.shop-products .reference-grid{grid-template-columns:repeat(3,1fr)}.product-detail{grid-template-columns:1fr;gap:30px}.gallery-main{min-height:500px}.login-popover{right:20px;top:74px}.story-grid,.contact-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .home-hero,.hero-photo{min-height:430px}.hero-copy-panel{padding:38px 24px}.hero-copy-panel h1{font-size:37px}.service-strip{grid-template-columns:1fr}.service-strip article{border-right:0;padding:16px 5px}.welcome{padding:28px 0}.reference-grid,.four-grid,.shop-products .reference-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:9px}.product-name{font-size:12px}.catalog-head h2{font-size:21px}.catalog-head a{display:none}.content-feature{gap:25px;padding:35px 0}.content-image{height:300px}.newsletter-inner h2{font-size:20px}.newsletter-form{height:44px}.newsletter-form button{width:105px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-bottom .wrap{height:auto;padding:16px 0;gap:15px;flex-direction:column;align-items:flex-start}.shop-toolbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0;gap:12px}.sale-switch{order:3;width:100%}.toolbar-right{margin-left:auto}.toolbar-right>span{display:none}.product-gallery{grid-template-columns:1fr}.gallery-thumbs{display:none}.gallery-main{min-height:420px}.product-summary h1{font-size:27px}.variation{grid-template-columns:1fr}.variation a{display:none}.purchase-row{flex-direction:column}.quantity{width:124px}.quick-view{grid-template-columns:1fr;max-height:90dvh;overflow:auto}.quick-image{min-height:280px}.quick-info{padding:28px 24px}.blog-grid{grid-template-columns:1fr}.page-hero h1,.contact-grid h1{font-size:34px}.search-box{margin-top:80px}.search-line input{font-size:18px}
}

/* ==========================================================
   SCREENSHOT FIDELITY PASS — CALI PLATES REFERENCE
   These rules intentionally follow the supplied desktop captures.
   ========================================================== */
:root{--wrap:min(1290px,calc(100vw - 100px));}
body{font-family:"Poppins","Trebuchet MS",Arial,sans-serif;color:#111;}
.search-empty{margin:22px 0;color:#666;font-size:12px}

.reference-header .header-dark{background:#191919;}
.reference-header .topbar{height:36px;border-bottom:1px solid #2a2a2a;font-size:13px;justify-content:flex-start;}
.reference-header .top-left{gap:26px;align-items:center;}
.reference-header .top-left a{font-weight:500;color:#f1f1f1;line-height:1;}
.reference-header .top-left .flash{color:#ffc400;font-weight:600;}
.reference-header .main-head{height:128px;display:flex;align-items:center;gap:0;}
.reference-header .reference-logo{display:block;width:60px;height:60px;flex:0 0 60px;margin:0;padding:0;}
.reference-header .reference-logo img{display:block;width:60px;height:60px;object-fit:contain;}
.reference-header .header-search{width:370px;height:49px;margin-left:auto;display:grid;grid-template-columns:1fr 124px;border:2px solid #117bd0;border-radius:6px;overflow:hidden;background:#fff;color:#111;}
.reference-header .header-search input{height:100%;padding:0 24px;border:0;outline:0;font-size:15px;font-weight:400;color:#777;background:#f9f9f9;}
.reference-header .header-search input::placeholder{color:#8c8c8c;opacity:1;}
.reference-header .search-submit{height:100%;border:0;background:#0e78c8;color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;}
.reference-header .head-actions{width:198px;margin-left:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.reference-header .header-action{padding:0;border:0;background:transparent;color:#f4f4f4;display:flex;align-items:center;gap:12px;position:relative;}
.reference-header .reference-icon{width:31px;height:31px;display:block;color:#f5f5f5;}
.reference-header .wishlist-action,.reference-header .account-action{width:35px;height:42px;display:flex;align-items:center;justify-content:center;}
.reference-header .action-icon-wrap{position:relative;display:block;}
.reference-header .action-count{position:absolute;right:-4px;top:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#147dc9;color:#fff;border:0;font-size:10px;font-weight:600;line-height:18px;text-align:center;}
.reference-header .cart-action{min-width:96px;justify-content:flex-start;}
.reference-header .cart-svg{width:35px;height:31px;}
.reference-header .cart-copy{display:block!important;line-height:1.15;text-align:left;}
.reference-header .cart-copy small{display:block!important;color:#9c9c9c;font-size:12px;font-weight:400;margin-bottom:4px;}
.reference-header .cart-copy b{display:block!important;color:#fff;font-size:13px;font-weight:700;margin:0;}
.reference-header .nav-shell{background:#fff;border:0;box-shadow:none;}
.reference-header .nav-row{height:64px;display:flex;align-items:stretch;}
.reference-header .desktop-nav{display:flex;flex:1 1 auto;min-width:0;align-items:stretch;justify-content:space-between;gap:clamp(10px,1.4vw,29px);padding:0;margin:0;}
.reference-header .desktop-nav>a,.reference-header .nav-parent>a{height:64px;display:flex;align-items:center;min-width:0;font-size:clamp(11px,.86vw,15px);font-weight:600;white-space:nowrap;color:#0d0d0d;}
.reference-header .desktop-nav>a.active,.reference-header .nav-parent>a.active{color:#0f7ac7;}
.reference-header .desktop-nav>a.active:after,.reference-header .nav-parent>a.active:after{display:none;}
.reference-header .mega-menu{top:64px;left:-8px;}

/* Fixed language selector used by the reference storefront. */
.floating-language{position:relative;z-index:1;display:flex;align-items:center;gap:4px;font-size:13px;line-height:1;color:#0d7fd2;pointer-events:auto;white-space:nowrap;}
.floating-language .flag{display:grid;place-items:center;width:24px;height:16px;border-radius:2px;background:#1267a8;color:#fff;font-size:9px;font-weight:700;line-height:1;}
.floating-language .lang-caret{font-size:12px;color:#595959;margin-left:2px;}

/* Full-width photographic hero. */
.home-hero{position:relative;margin-top:30px;height:465px;border-radius:0;overflow:hidden;display:block;background:#d8d8d8 url('assets/hero-reference.webp') center 50%/cover no-repeat;}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.24) 40%,rgba(0,0,0,.04) 72%);pointer-events:none;}
.home-hero .hero-copy-panel{position:absolute;z-index:1;left:72px;top:72px;width:430px;height:auto;padding:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;color:#fff;}
.home-hero .hero-kicker{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;background:#d93632;color:#fff;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.04em;}
.home-hero .hero-copy-panel h1{margin:13px 0 7px;font-size:48px;line-height:1.02;letter-spacing:-1.2px;font-weight:700;color:#fff;}
.home-hero .hero-sub{margin:0 0 2px;font-size:20px;line-height:1.25;font-weight:700;color:#fff;}
.home-hero .hero-note{margin:0 0 24px;font-size:13px;line-height:1.35;font-weight:400;letter-spacing:0;color:rgba(255,255,255,.88);white-space:nowrap;}
.home-hero .hero-button{position:static;width:auto;height:46px;padding:0 25px;border-radius:3px;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;}
.home-hero .hero-button:hover{background:#2d2d2d;color:#fff;}

.service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 0 29px;border-bottom:1px solid #e8e8e8;}
.service-strip article{display:flex;align-items:center;gap:16px;min-width:0;padding:0 29px;border-right:1px solid #e3e3e3;margin:0;}
.service-strip article:first-child{padding-left:8px;}
.service-strip article:last-child{border-right:0;padding-right:8px;}
.service-strip .service-icon{display:block;flex:0 0 42px;width:42px;height:42px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:none;}
.service-strip h3{margin:0 0 4px;font-size:15px;line-height:1.2;font-weight:600;letter-spacing:0;color:#111;}
.service-strip p{margin:0;font-size:11px;line-height:1.45;color:#777;white-space:nowrap;}

/* Floating contact controls seen on the supplied captures. */
.reference-float-socials{position:fixed;left:28px;top:340px;z-index:175;display:flex;flex-direction:column;gap:8px;}
.reference-float-socials a{display:block;width:70px;height:70px;border-radius:50%;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.08);}
.reference-float-socials img{display:block;width:100%;height:100%;object-fit:cover;}
.reference-chat{position:fixed;right:28px;bottom:19px;z-index:176;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#ff8a00 10%,#ff3b30 58%,#7a35d6 100%);box-shadow:0 10px 24px rgba(0,0,0,.2);display:grid;place-items:center;}
.reference-chat:before{content:"";width:29px;height:24px;border-radius:50%;background:#fff;display:block;}
.reference-chat:after{content:"";position:absolute;width:8px;height:8px;background:#fff;right:18px;bottom:17px;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(18deg);}

/* Preserve the reference spacing before the next section. */
.welcome{padding-top:38px;}

@media(max-width:1350px){
  :root{--wrap:min(1290px,calc(100vw - 100px));}
  .reference-header .desktop-nav{gap:clamp(10px,1.5vw,20px);}
  .reference-header .desktop-nav>a,.reference-header .nav-parent>a{font-size:clamp(11px,1.05vw,14px);}
  .reference-header .head-actions{margin-left:56px;}
  .reference-header .header-search{width:375px;}
}

@media(max-width:900px){
  :root{--wrap:calc(100vw - 28px);}
  .home-hero{margin-top:14px;height:540px;background-position:center 50%;}
  .home-hero .hero-copy-panel{left:38px;top:84px;width:calc(100% - 70px);}
  .home-hero .hero-copy-panel h1{font-size:45px;}
  .home-hero .hero-sub{font-size:20px;}
  .home-hero .hero-button{top:278px;}
  .service-strip{grid-template-columns:1fr 1fr;padding:16px 0;}
  .service-strip article{padding:18px;border-bottom:1px solid #e8e8e8;}
  .service-strip article:nth-child(2){border-right:0;}
  .service-strip article:nth-child(n+3){border-bottom:0;}
  .reference-float-socials{left:12px;top:auto;bottom:118px;gap:7px;}
  .reference-float-socials a{width:56px;height:56px;}
  .reference-chat{width:62px;height:62px;right:14px;bottom:18px;}
}

@media(max-width:620px){
  .reference-header .top-left a:nth-child(n+3){display:none;}
  .home-hero{height:470px;}
  .home-hero .hero-copy-panel{left:24px;top:70px;}
  .home-hero .hero-kicker{font-size:13px;}
  .home-hero .hero-copy-panel h1,.home-hero .hero-sub{font-size:37px;}
  .home-hero .hero-note{font-size:11px;margin-top:0;}
  .home-hero .hero-button{top:240px;width:170px;height:58px;font-size:16px;}
  .service-strip{grid-template-columns:1fr;}
  .service-strip article,.service-strip article:first-child,.service-strip article:last-child{padding:16px 5px;border-right:0;border-bottom:1px solid #e8e8e8;}
  .service-strip article:last-child{border-bottom:0;}
  .service-strip p{white-space:normal;}
}
.reference-footer-logo{display:block;width:72px;height:72px}.reference-footer-logo img{width:72px;height:72px;display:block;object-fit:contain}
/* Screenshot-matched homepage header, hero, floating controls and services. */
@media (min-width:901px){
  :root{--wrap:calc(100% - 150px);}
  .reference-header .topbar{height:56px;font-size:20px;border-bottom-color:#292929;}
  .reference-header .top-left{gap:39px;}
  .reference-header .top-left .flash{font-weight:500;}
  .reference-header .main-head{height:193px;}
  .reference-header .reference-logo,.reference-header .reference-logo img{width:90px;height:90px;flex-basis:90px;}
  .reference-header .reference-logo img{transform:scale(1.18);transform-origin:center;}
  .reference-header .header-search{width:562px;height:75px;border-radius:9px;grid-template-columns:1fr 187px;}
  .reference-header .header-search input{padding:0 40px;font-size:22px;}
  .reference-header .search-submit{font-size:21px;}
  .reference-header .head-actions{width:322px;margin-left:57px;gap:25px;justify-content:flex-start;}
  .reference-header .reference-icon{width:44px;height:44px;}
  .reference-header .wishlist-action,.reference-header .account-action{width:48px;height:54px;}
  .reference-header .cart-action{min-width:126px;}
  .reference-header .cart-svg{width:49px;height:43px;}
  .reference-header .action-count{right:-6px;top:-5px;min-width:27px;height:27px;font-size:15px;line-height:27px;}
  .reference-header .cart-copy small{font-size:17px;margin-bottom:3px;}
  .reference-header .cart-copy b{font-size:21px;}
  .reference-header .nav-row{height:94px;}
  .reference-header .desktop-nav{gap:45px;}
  .reference-header .desktop-nav>a,.reference-header .nav-parent>a{height:94px;font-size:22px;font-weight:600;}
  .reference-header .mega-menu{top:94px;}
  .floating-language{left:22px;top:18px;gap:6px;font-size:20px;}
  .floating-language .flag{display:block;overflow:hidden;width:37px;height:26px;flex:0 0 37px;border-radius:0;background-color:#012169;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='m0 0 60 30m0-30L0 30'/%3E%3Cpath stroke='%23C8102E' stroke-width='4' d='m0 0 60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;color:transparent;font-size:0;line-height:0;}
  .floating-language .lang-caret{font-size:14px;}
  .home-hero{width:var(--wrap);height:723px;margin-top:48px;background-position:center center;}
  .home-hero:after{background:rgba(0,0,0,.58);}
  .home-hero .hero-copy-panel{left:111px;top:169px;width:620px;display:block;}
  .home-hero .hero-kicker{min-height:34px;padding:3px 17px;border-radius:5px;background:#9e2228;color:#858585;font-size:18px;font-weight:500;}
  .home-hero .hero-copy-panel h1{margin:18px 0 0;font-size:61px;line-height:1.1;letter-spacing:0;color:#747474;font-weight:700;}
  .home-hero .hero-sub{margin:4px 0 0;font-size:61px;line-height:1;color:#747474;font-weight:700;}
  .home-hero .hero-note{position:absolute;left:7px;top:207px;margin:0;font-size:15px;line-height:1;color:#656565;letter-spacing:.05em;}
  .home-hero .hero-button{position:absolute;left:0;top:327px;width:230px;height:77px;padding:0;border-radius:6px;background:#050505;color:#777;font-size:21px;font-weight:600;}
  .home-hero .hero-button:hover{background:#050505;color:#777;}
  .reference-float-socials{left:44px;top:515px;gap:12px;}
  .reference-float-socials a{width:105px;height:105px;box-shadow:0 16px 32px rgba(0,0,0,.12);}
  .reference-chat{right:29px;bottom:27px;width:98px;height:98px;}
  .reference-chat:before{width:42px;height:36px;}
  .reference-chat:after{right:27px;bottom:25px;}
  .service-strip{display:block;padding:0;border:0;}
  .service-strip article,.service-strip article:first-child,.service-strip article:last-child{display:block;padding:0;border:0;margin:0 0 36px;}
  .service-strip .service-icon{display:none;}
  .service-strip h3{margin:0 0 27px;font-size:45px;line-height:1.08;font-weight:500;color:#050505;}
  .service-strip p{margin:0;font-size:23px;line-height:1.45;color:#111;white-space:normal;}
  .welcome{padding-top:0;}
  .reference-header.is-sticky{position:fixed;inset:0 0 auto;z-index:180;}
  #site-header:has(.reference-header.is-sticky){height:343px;}
  .reference-header.is-sticky .topbar,.reference-header.is-sticky .nav-shell{display:none;}
  .reference-header.is-sticky .header-dark{background:#fff;color:#111;box-shadow:0 5px 14px rgba(0,0,0,.08);}
  .reference-header.is-sticky .main-head{height:auto;}
  .reference-header.is-sticky .header-action{color:#050505;}
  .reference-header.is-sticky .reference-icon{color:#050505;}
  .reference-header.is-sticky .cart-copy small{color:#777;}
  .reference-header.is-sticky .cart-copy b{color:#050505;}
  .reference-header.is-sticky .mobile-menu-btn{color:#050505;}
}


#screenOverlay:not(.open){display:none!important;opacity:0!important;visibility:hidden!important}
#screenOverlay:not(.open){pointer-events:none}
#screenOverlay.open{display:block!important;opacity:1!important;visibility:visible!important}

/* Desktop reference is a 2x-density capture of a 1680px viewport. */
@media (min-width:901px){
  :root{--wrap:calc(100% - 270px)}
  .reference-header .topbar{height:36px;font-size:13px}
  .reference-header .top-left{gap:26px}
  .reference-header .main-head{height:128px}
  .reference-header .reference-logo,.reference-header .reference-logo img{width:60px;height:60px;flex-basis:60px}
  .reference-header .reference-logo img{transform:none}
  .reference-header .header-search{width:620px;height:49px;border:2px solid #117bd0;border-radius:6px;grid-template-columns:1fr 124px}
  .reference-header .header-search input{padding:0 24px;font-size:15px}
  .reference-header .search-submit{font-size:14px}
  .reference-header .head-actions{width:198px;margin-left:50px;gap:14px;justify-content:space-between}
  .reference-header .reference-icon{width:31px;height:31px}
  .reference-header .wishlist-action,.reference-header .account-action{width:35px;height:42px}
  .reference-header .cart-action{min-width:96px}
  .reference-header .cart-svg{width:35px;height:31px}
  .reference-header .action-count{right:-4px;top:-3px;min-width:18px;height:18px;font-size:10px;line-height:18px}
  .reference-header .cart-copy small{font-size:12px;margin-bottom:4px}
  .reference-header .cart-copy b{font-size:13px}
  .reference-header .nav-row{height:64px}
  .reference-header .desktop-nav{gap:46px}
  .reference-header .desktop-nav>a,.reference-header .nav-parent>a{height:64px;font-size:15px;font-weight:600;letter-spacing:0}
  .reference-header .desktop-nav>:nth-child(2){transform:translateX(-8px)}
  .reference-header .desktop-nav>:nth-child(3){transform:translateX(-6px)}
  .reference-header .desktop-nav>:nth-child(4){transform:translateX(-12px)}
  .reference-header .desktop-nav>:nth-child(5){transform:translateX(-12px)}
  .reference-header .desktop-nav>:nth-child(6){transform:translateX(-10px)}
  .reference-header .desktop-nav>:nth-child(7){transform:translateX(-8px)}
  .reference-header .desktop-nav>:nth-child(8){transform:translateX(-16px)}
  .reference-header .desktop-nav>:nth-child(9){transform:translateX(-14px)}
  .reference-header .mega-menu{top:64px}
  .floating-language{left:10px;top:8px;gap:4px;font-size:13px}
  .floating-language .flag{width:24px;height:16px;flex-basis:24px}
  .floating-language .lang-caret{font-size:12px}
  .home-hero{width:var(--wrap);height:600px;margin-top:30px;background-position:center center}
  .home-hero .hero-copy-panel{left:90px;top:140px;width:620px}
  .home-hero .hero-kicker{min-height:24px;padding:2px 10px;border-radius:3px;font-size:14px;letter-spacing:.04em}
  .home-hero .hero-copy-panel h1{margin:19px 0 0;font-size:51px;line-height:1;font-weight:700;letter-spacing:0}
  .home-hero .hero-sub{margin:5px 0 0;font-size:54px;line-height:1;font-weight:700;letter-spacing:0}
  .home-hero .hero-note{left:0;top:169px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
  .home-hero .hero-button{top:276px;width:150px;height:52px;border-radius:3px;font-size:11px}
  .reference-float-socials{left:28px;top:650px;gap:8px}
  .reference-float-socials a{width:70px;height:70px}
  .reference-chat{right:28px;bottom:19px;width:66px;height:66px}
  .reference-chat:before{width:27px;height:19px;border:2px solid #fff;border-radius:3px;background:transparent}
  .reference-chat:after{right:19px;bottom:25px;width:18px;height:11px;background:transparent;border-left:2px solid #fff;border-bottom:2px solid #fff;clip-path:none;transform:rotate(-45deg)}
  .reference-header .wishlist-action .reference-icon{width:35px;height:35px}
  .reference-header .account-action .reference-icon{transform:translateY(2px) scale(1.1)}
  .reference-header .cart-svg{transform:translate(4px,3px)}
  .service-strip h3{margin-bottom:10px;font-size:30px}
  .service-strip p{font-size:15px}
  .service-strip article,.service-strip article:first-child,.service-strip article:last-child{margin-bottom:36px}
}

/* Literal lower-homepage structure from the supplied scrolling screenshots. */
.reference-lower{background:#fff;color:#050505;overflow:hidden}
.reference-intro{padding:0;text-align:left}
.reference-intro p{margin:0;font-size:23px;line-height:1.55;color:#111}
.reference-telegram-text{display:block;margin-top:78px;color:#111;font-size:23px}
.reference-promos{padding-top:38px}
.reference-promo{margin:0 0 38px}
.reference-promo span,.reference-promo p{display:block;margin:0;font-size:23px;line-height:1.45}
.reference-promo h2{margin:34px 0 30px;font-size:53px;line-height:1.08;font-weight:500;letter-spacing:0}
.reference-family-marker{display:flex;align-items:center;gap:20px;margin:40px 0 25px;font-size:23px}
.reference-family-marker span{font-size:31px;line-height:1}
.reference-product-sequence{width:100%;padding:0;margin:0}
.reference-lower-product{width:600px;margin:0 0 120px 75px;color:#050505}
.reference-lower-product a{color:#0875c9}
.lower-wishlist{display:block;margin:0 0 56px;font-size:12px;line-height:1}
.lower-actions{display:flex;gap:0;margin:0;font-size:12px;line-height:1.25}
.lower-category{margin:3px 0 0;font-size:12px;line-height:1.25}
.reference-lower-product h3{margin:22px 0 17px;font-size:24px;line-height:1.15;font-weight:600}
.lower-rating,.lower-price{margin:0;font-size:12px;line-height:1.5}
.lower-select{display:block;margin-top:2px;font-size:12px;line-height:1.4}
.lower-specs{margin:18px 0 0;padding-left:22px;font-size:12px;line-height:1.8}
.lower-product-image{display:block;width:600px;height:600px;margin-top:24px;object-fit:cover}
.reference-giant-heart{width:75.4%;max-width:1430px;aspect-ratio:1.28;margin:120px auto 140px;color:#0875c9}
.reference-giant-heart svg{display:block;width:100%;height:100%;overflow:visible}
.reference-giant-heart path{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.reference-editorial{padding:0 0 40px;text-align:left}
.reference-editorial h3{margin:0 0 18px;font-size:20px;line-height:1.25;font-weight:700}
.reference-editorial h4{margin:26px 0 14px;font-size:15px;line-height:1.3}
.reference-editorial p{margin:0 0 18px;font-size:12px;line-height:1.55;color:#050505}
.reference-editorial a{color:#0875c9}
.editorial-plates-image{display:block;width:671px;height:670px;object-fit:cover;margin:22px 0 28px}
.editorial-grid-image{display:block;width:1024px;height:1024px;object-fit:cover;margin:32px 0 24px}
.reference-editorial .sanfran-heading{margin:0 0 24px;font-size:24px}
.sanfran-prelude-image{display:block;width:450px;height:450px;object-fit:cover;margin:0 0 110px}
.reference-sanfran-products{padding-top:0}
@media (max-width:900px){
  .reference-intro p,.reference-telegram-text,.reference-promo span,.reference-promo p,.reference-family-marker{font-size:16px}
  .reference-telegram-text{margin-top:42px}.reference-promo h2{font-size:36px;margin:24px 0 20px}
  .reference-lower-product{width:calc(100% - 28px);margin-left:14px;margin-bottom:70px}
  .lower-product-image{width:min(600px,100%);height:auto;aspect-ratio:1/1}
  .reference-giant-heart{width:78%;margin:70px auto 90px}
  .editorial-plates-image,.editorial-grid-image,.sanfran-prelude-image{max-width:100%;height:auto;aspect-ratio:1/1}
}

@media (min-width:901px){
  .home-hero{height:606px}
  .home-hero .hero-button{top:276px}
  .reference-intro p{font-size:16px;line-height:1.55}
  .reference-telegram-text{margin-top:18px;font-size:14px}
  .reference-promos{padding-top:24px}
  .reference-promo{margin-bottom:27px}
  .reference-promo span,.reference-promo p{font-size:14px;line-height:1.45}
  .reference-promo h2{margin:24px 0 21px;font-size:38px}
  .reference-family-marker{gap:12px;margin:28px 0 16px;font-size:14px}
  .reference-family-marker span{font-size:18px}
  .reference-sequence-lead-image,.lower-product-image{display:block;width:400px;height:400px;object-fit:cover}
  .reference-sequence-lead-image{margin:-20px 0 0 136px}
  .reference-lower-product{width:400px;margin:0 0 60px 136px}
  .lower-product-image{margin-top:24px}
  .reference-giant-heart{width:70%;max-width:none;aspect-ratio:1.16;margin:292px auto 130px}
  .reference-lower-product h3{margin:11px 0 9px;font-size:16px}
  .lower-wishlist{margin-bottom:28px;font-size:8px}
  .lower-actions,.lower-category,.lower-rating,.lower-price,.lower-select{font-size:8px}
}

/* Strict 390px mobile reference geometry. */
@media (max-width:900px){
  :root{--wrap:calc(100vw - 20px)}
  #site-header{position:relative;width:100%;height:124px}
  .reference-header{width:100%}
  .reference-header.is-sticky{position:fixed;inset:0 0 auto;z-index:180;width:100%}
  .reference-header .topbar{display:none}
  .reference-header .header-dark{width:100%;background:#191919;transition:box-shadow .18s ease}
  .reference-header.is-sticky .header-dark{background:#191919;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.2)}
  .reference-header .main-head,.reference-header.is-sticky .main-head{position:relative;width:calc(100% - 24px);max-width:none;height:auto;min-height:124px;margin:0 12px;padding:10px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto 44px;grid-template-areas:'logo language cart menu' 'search search search search';column-gap:12px;row-gap:8px;align-items:center}
  .reference-header .reference-logo,.reference-header.is-sticky .reference-logo{position:static;grid-area:logo;min-width:0;width:52px;height:52px;margin:0;overflow:hidden}
  .reference-header .reference-logo img{display:block;width:52px;height:52px;object-fit:contain}
  .reference-header .head-actions,.reference-header.is-sticky .head-actions{display:contents}
  .reference-header .floating-language{position:relative;grid-area:language;top:auto;left:auto;right:auto;min-width:0;height:44px;padding:0 2px;display:flex;align-items:center;gap:5px;color:#fff;cursor:pointer}
  .reference-header .floating-language .flag{display:flex;align-items:center;width:auto;height:auto;min-width:0;background:none;color:inherit;font-size:18px;line-height:1}
  .reference-header .floating-language .flag:after{content:attr(data-language);margin-left:4px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .reference-header .floating-language .language-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .reference-header .floating-language .lang-caret{margin:0;color:#aaa;font-size:9px}
  .reference-header .floating-language>.flag,.reference-header .floating-language>.language-name,.reference-header .floating-language>.lang-caret{pointer-events:none}
  .reference-header .floating-language .language-menu{left:auto;right:0;top:calc(100% + 6px)}
  .reference-header .wishlist-action{display:none}
  .reference-header .account-action{display:none}
  .reference-header .cart-action,.reference-header.is-sticky .cart-action{grid-area:cart;display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;margin:0;padding:0;color:#fff}
  .reference-header .reference-icon,.reference-header.is-sticky .reference-icon{color:#fff}
  .reference-header .cart-svg{width:30px;height:28px;transform:none}
  .reference-header .cart-copy{display:none!important}
  .reference-header .action-count{right:-5px;top:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #191919;font-size:9px;line-height:13px}
  .reference-header .mobile-menu-btn,.reference-header.is-sticky .mobile-menu-btn{position:static;grid-area:menu;display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:0;background:none;color:#fff}
  .reference-header .menu-bars,.reference-header .menu-bars:before,.reference-header .menu-bars:after{display:block;width:22px;height:2px;background:currentColor;border-radius:1px}
  .reference-header .menu-bars{position:relative}
  .reference-header .menu-bars:before,.reference-header .menu-bars:after{content:'';position:absolute;left:0}
  .reference-header .menu-bars:before{top:-7px}
  .reference-header .menu-bars:after{top:7px}
  .reference-header .header-search,.reference-header.is-sticky .header-search{position:static;grid-area:search;width:100%;min-width:0;height:44px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 48px;border:2px solid #117bd0;border-radius:6px;background:#fff;box-shadow:none;overflow:hidden}
  .reference-header .header-search input{display:block;min-width:0;padding:0 14px;font-size:14px}
  .reference-header .search-submit{position:relative;width:48px;height:42px;padding:0;background-color:#0e78c8;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3Ccircle%20cx='17'%20cy='17'%20r='10'%20fill='none'%20stroke='%23fff'%20stroke-width='2.3'/%3E%3Cpath%20d='m24.5%2024.5%208%208'%20stroke='%23fff'%20stroke-width='2.3'%20stroke-linecap='round'/%3E%3C/svg%3E");background-size:28px 28px;background-position:center;background-repeat:no-repeat;color:transparent;font-size:0}
  .reference-header .search-submit:before,.reference-header .search-submit:after{content:none}
  .reference-header .nav-shell{padding:0;border:0}
  .reference-header .nav-row{height:0}
  .reference-header .desktop-nav{display:none}
  .home-hero{width:var(--wrap);height:573px;min-height:0;margin-top:25px;background-position:62% center}
  .home-hero .hero-photo{display:none}
  .home-hero .hero-copy-panel{left:50px;top:48px;width:290px;height:auto;padding:0;background:transparent;display:flex;align-items:flex-start}
  .home-hero .hero-kicker{margin-left:65px;min-height:22px;padding:2px 9px;font-size:11px;line-height:18px}
  .home-hero .hero-copy-panel h1{margin:13px 0 0;font-size:26px;line-height:1.4;letter-spacing:0;white-space:nowrap}
  .home-hero .hero-sub{margin:0;font-size:26px;line-height:1.4;letter-spacing:0;white-space:nowrap}
  .home-hero .hero-note{margin:0 0 62px;font-size:13px;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
  .home-hero .hero-button{position:static;width:143px;height:42px;padding:0;font-size:12px;margin-left:63px}
  .reference-float-socials{left:28px;top:auto;bottom:26px;gap:8px}
  .reference-float-socials a{width:70px;height:70px}
  .reference-chat{right:18px;bottom:18px;width:66px;height:66px}
  .service-strip{display:block;padding:0;border:0}
  .service-strip article,.service-strip article:first-child,.service-strip article:last-child{display:block;padding:0 0 24px;border:0;margin:0}
  .service-strip .service-icon{display:none}
  .service-strip h3{margin:0 0 20px;font-size:24px;line-height:1.15;font-weight:500}
  .service-strip p{margin:0;font-size:16px;line-height:1.4;white-space:normal}
}

@media (min-width:600px) and (max-width:900px){
  .reference-header .cart-action,.reference-header.is-sticky .cart-action{width:auto;min-width:112px;gap:8px;justify-content:flex-start}
  .reference-header .cart-copy{display:block!important;min-width:0;line-height:1.15}
  .reference-header .cart-copy small,.reference-header .cart-copy b{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media (max-width:359px){
  .reference-header .main-head,.reference-header.is-sticky .main-head{width:calc(100% - 20px);margin:0 10px;grid-template-columns:minmax(0,1fr) auto auto 42px;column-gap:8px}
  .reference-header .reference-logo,.reference-header.is-sticky .reference-logo,.reference-header .reference-logo img{width:48px;height:48px}
  .reference-header .mobile-menu-btn,.reference-header.is-sticky .mobile-menu-btn{width:42px;height:42px;min-width:42px}
}

/* Strict mobile drawer and lower-page cadence from the 390px references. */
@media (max-width:900px){
  .reference-sequence-lead-image{display:block;width:calc(100vw - 20px);height:calc(100vw - 20px);margin:0 0 0 10px;object-fit:cover}
  .reference-lower-product{width:calc(100vw - 20px);margin-left:10px;margin-bottom:70px}
  .lower-product-image{width:100%;height:auto;aspect-ratio:1/1}
  .reference-lower-product h3{font-size:16px;margin:14px 0 10px}
  .mobile-drawer{inset:0 auto 0 0;width:clamp(280px,86vw,360px);max-width:calc(100vw - 32px);height:100dvh;background:#fff;color:#111;overflow:hidden;z-index:220;box-shadow:18px 0 45px rgba(0,0,0,.2)}
  .mobile-drawer-head{flex:0 0 64px;height:64px;padding:0 12px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;background:#fff}
  .mobile-drawer-title{font-size:18px;font-weight:700;letter-spacing:.01em}
  .mobile-drawer-head>button{position:relative;width:44px;height:44px;padding:0;border:0;background:#fff;color:transparent;font-size:0}
  .mobile-drawer-head>button:before,.mobile-drawer-head>button:after{content:'';position:absolute;left:12px;top:21px;width:20px;height:2px;background:#111;border-radius:1px;transform:rotate(45deg)}
  .mobile-drawer-head>button:after{transform:rotate(-45deg)}
  .mobile-nav{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 18px 18px;overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav>a,.mobile-nav>button{flex:0 0 50px;min-height:50px;padding:0 4px;border:0;border-bottom:1px solid #ececec;background:#fff;color:#111;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:15px;line-height:1.2;font-weight:600}
  .mobile-nav>a.active,.mobile-nav>button.active{color:#0875c9}
  .mobile-nav>button span{display:grid;place-items:center;width:32px;height:32px;color:#555;font-size:18px;font-weight:400}
  .mobile-sub{padding:4px 0 7px 16px;background:#fafafa}
  .mobile-sub.open{display:block}
  .mobile-sub a{min-height:44px;padding:0 8px;display:flex;align-items:center;border-bottom:1px solid #ececec;color:#555;font-size:13px}
  .mobile-drawer-deal{margin-top:auto;flex:0 0 56px;height:56px;padding:0 22px;border-top:1px solid #e5e5e5;display:flex;align-items:center;gap:12px;color:#111;font-size:13px;font-weight:700}
  .mobile-drawer-deal b{background:#ef3333;color:#fff;border-radius:2px;padding:3px 6px;font-size:9px}
}
@media (max-width:900px){
  #screenOverlay{z-index:210}
  #screenOverlay.open{background:rgba(0,0,0,.56)}
  .search-layer{z-index:230}
}
@media (max-width:900px){
  .reference-promo{margin-bottom:20px}
  .reference-family-marker{margin:20px 0 20px}
}
@media (max-width:430px){
  body.no-scroll .reference-float-socials{display:none}
  body.no-scroll .reference-chat{visibility:hidden}
}
/* Chromium on Windows clamps the headless layout viewport to 500px for a 390px capture. */
@media (min-width:500px) and (max-width:500px){
  body.no-scroll .reference-float-socials{display:none}
  body.no-scroll .reference-chat{visibility:hidden}
}
/* Exact 390px capture geometry for the Windows headless 500px minimum viewport. */
@media (min-width:500px) and (max-width:500px){
  :root{--wrap:370px}
  .reference-chat{right:128px}
  .home-hero{width:370px}
}
@media (min-width:500px) and (max-width:500px){
  .wrap{margin-left:10px;margin-right:0}
}
@media (max-width:900px){
  .service-strip{padding-top:2px}
  .service-strip h3{margin-bottom:12px}
  .service-strip article,.service-strip article:first-child,.service-strip article:last-child{padding-bottom:28px}
}
@media (max-width:900px){
  .reference-telegram-text{display:none}
  .reference-promo{margin-bottom:16px}
  .reference-family-marker{margin:10px 0 16px}
}
@media (min-width:500px) and (max-width:500px){
  .reference-sequence-lead-image,.reference-lower-product{width:370px}
  .reference-sequence-lead-image{height:370px}
  .reference-giant-heart{width:304px}
}
@media (min-width:500px) and (max-width:500px){
  .reference-giant-heart{width:304px;aspect-ratio:1.07;margin:114px 0 67px 43px}
}
@media (max-width:900px){
  .home-hero .hero-kicker{position:relative;top:-4px;width:140px;text-align:center}
}
/* Final mobile content alignment: intro-only typography and downstream offset. */
@media (max-width:900px){
  .reference-intro{padding-top:6px}
  .reference-intro p{font-family:Arial,Helvetica,sans-serif}
}
@media (max-width:900px){
  .reference-intro{padding-top:2px}
  .reference-intro p{font-family:"Poppins","Trebuchet MS",Arial,sans-serif;font-size:15px;line-height:1.6}
}
@media (max-width:900px){.reference-promos{padding-top:73px}}
/* Shared mobile product-cycle cadence measured from consecutive reference cards. */
@media (max-width:900px){
  .reference-giant-heart{aspect-ratio:1.07;margin-top:114px;margin-bottom:41px}
  .reference-lower-product{margin-bottom:80px}
  .reference-lower-product h3{margin-top:40px;margin-bottom:27px}
  .lower-product-image{margin-top:35px}
}
@media (min-width:500px) and (max-width:500px){
  .reference-giant-heart{margin-left:43px;margin-right:0}
}
@media (max-width:900px){
  .reference-sequence-lead-image{margin-top:0}
  .reference-giant-heart{margin-top:129px}
  .lower-category{margin-top:11px}
  .reference-lower-product h3{margin-top:33px}
}
@media (max-width:900px){
  .reference-sequence-lead-image{margin-top:-12px}
  .reference-giant-heart{aspect-ratio:1.12;margin-bottom:53px}
}
@media (max-width:900px){.reference-intro p{font-size:14.7px;line-height:24px}}
.product-media-link{position:absolute;inset:0;z-index:0}.quick-image{display:block}.quick-info h2 a{color:inherit}
.nav-shell{position:relative;z-index:90}

/* Existing contact controls: consistent visibility and restrained chat styling. */
.reference-float-socials{display:flex}
.reference-float-socials a{display:grid;place-items:center;width:44px;height:44px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.reference-float-socials a:hover{background:#2b2b2b;transform:translateY(-1px)}
.reference-float-socials a:focus-visible,.reference-chat:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 2px #111}
.reference-chat{top:auto;right:24px;bottom:24px;width:50px;height:50px;border:1px solid #fff;background:#111;box-shadow:0 5px 16px rgba(0,0,0,.18);transition:background-color .18s ease,transform .18s ease}
.reference-chat:hover{background:#2b2b2b;transform:translateY(-1px)}
.reference-chat:before{width:22px;height:17px;border:2px solid #fff;border-radius:4px;background:transparent}
.reference-chat:after{right:13px;bottom:14px;width:8px;height:8px;background:transparent;border-left:2px solid #fff;border-bottom:2px solid #fff;clip-path:none;transform:rotate(-45deg)}
@media (max-width:600px){
  .reference-float-socials a{width:44px;height:44px}
  .reference-chat,body.no-scroll .reference-chat{top:auto;right:16px;bottom:16px;width:48px;height:48px}
}


/* === GLOBAL LIVE CHAT UPGRADE START === */

/*
   Shared live-chat launcher.
   Applies sitewide on desktop + mobile.
*/

.reference-chat,
body.no-scroll .reference-chat {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 24px !important;
  bottom: 24px !important;

  z-index: 260 !important;

  width: 54px !important;
  height: 54px !important;

  min-width: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  place-items: center !important;

  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 50% !important;

  background: #111 !important;
  color: #fff !important;

  box-shadow:
    0 8px 24px rgba(0,0,0,.20),
    0 2px 7px rgba(0,0,0,.10) !important;

  cursor: pointer !important;

  overflow: visible !important;

  transform: translateZ(0) !important;

  transition:
    transform .18s ease,
    background-color .18s ease,
    box-shadow .18s ease !important;
}


/* Kill every older CSS-generated chat glyph. */

.reference-chat::before,
.reference-chat::after {
  content: none !important;
  display: none !important;
}


/* New proper SVG icon. */

.reference-chat .reference-chat-icon {
  box-sizing: border-box !important;

  display: block !important;

  width: 27px !important;
  height: 27px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  color: #fff !important;

  pointer-events: none !important;
}


/* Dots inside the speech bubble. */

.reference-chat .reference-chat-icon circle {
  fill: currentColor !important;
  stroke: none !important;
}


@media (hover:hover) {

  .reference-chat:hover {
    background: #292929 !important;

    transform:
      translateY(-2px)
      translateZ(0) !important;

    box-shadow:
      0 11px 28px rgba(0,0,0,.24),
      0 3px 8px rgba(0,0,0,.10) !important;
  }

}


.reference-chat:active {
  transform:
    translateY(0)
    scale(.96)
    translateZ(0) !important;
}


.reference-chat:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;

  box-shadow:
    0 0 0 2px #111,
    0 8px 24px rgba(0,0,0,.20) !important;
}


/* MOBILE */

@media (max-width: 900px) {

  .reference-chat,
  body.no-scroll .reference-chat {
    right: 16px !important;

    bottom:
      max(
        16px,
        env(safe-area-inset-bottom)
      ) !important;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    border-width: 1px !important;
  }


  .reference-chat .reference-chat-icon {
    width: 24px !important;
    height: 24px !important;

    stroke-width: 1.9 !important;
  }

}


/* Very narrow phones */

@media (max-width: 430px) {

  .reference-chat,
  body.no-scroll .reference-chat {
    right: 14px !important;
    bottom: 14px !important;

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;
    min-height: 46px !important;
  }


  .reference-chat .reference-chat-icon {
    width: 23px !important;
    height: 23px !important;
  }

}


/*
   Keep launcher out of the way while full-screen
   mobile drawers/overlays are open.
*/

@media (max-width: 900px) {

  body.no-scroll .reference-chat {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

}

/* === GLOBAL LIVE CHAT UPGRADE END === */

/* === DESKTOP FLOATING CONTACT BUTTON POSITION FIX === */
@media (min-width: 901px) {
  .reference-float-socials {
    position: fixed !important;

    left: 24px !important;
    top: 50% !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;

    z-index: 261 !important;
  }
}
/* === END DESKTOP FLOATING CONTACT BUTTON POSITION FIX === */