/* Requested brand colors, consistent in the header and footer. */
.wordmark,.wordmark strong,.wordmark strong span,.wordmark.light,.wordmark.light strong{color:#000!important}
.wordmark small,.wordmark.light small{color:#d82030!important}
.wordmark.brand-wordmark{flex-direction:row;align-items:center;gap:10px}
.wordmark-copy{display:flex;flex-direction:column;line-height:1.08}
.brand-bear{display:block;width:78px;height:62px;object-fit:contain;flex:none}
@media(max-width:600px){.wordmark.brand-wordmark{gap:8px}.brand-bear{width:62px;height:50px}}
.home-hero .hero-copy h1,.home-hero .hero-copy h1 span,.home-hero .hero-copy h1 em,[data-t="footerText"]{color:#000!important}
/* Replace the decorative browse strip with the real search form. */
html:not(.js-ready) .native-search,.native-search{display:none!important}
html:not(.js-ready) .search,.search{display:flex!important}
.search input{min-width:0}.search button{flex:none}
.search-hint{display:block;font-size:12px;color:#757981;padding-bottom:12px}
.search-preview-note{font-size:13px;color:#747981;padding:0 0 16px}
body.catalog-view .search-hint{display:none}
@media(max-width:600px){.search-hint{font-size:11px;line-height:1.5}.search input{font-size:13px}.search-preview-note{font-size:12px}}
/* Main departments navigate to full pages; illustrated subsections navigate to assortments. */
.division-card{display:block;height:210px;padding:20px;text-decoration:none;color:#202124;position:relative}
.division-card strong{position:relative;z-index:1;display:block;font-size:17px;line-height:1.45;font-weight:600;max-width:93%}
.division-card img{position:absolute;width:75%;height:130px;object-fit:contain;right:0;bottom:0}
.division-card:hover,.subdivision-card:hover{background:#eeeff2}
.fallback-directory .division-card{border:0}
.menu-department{text-decoration:none}
.division-card:focus-visible,.subdivision-card:focus-visible{outline:3px solid #d82030;outline-offset:3px}
.department-page,.static-department-page{display:none;padding-top:22px;padding-bottom:40px}
body.department-view #department-page{display:block}
body.department-view .catalog-section,body.department-view .home-hero,body.department-view .category-section,body.department-view .service-strip,body.department-view #home-shelves{display:none!important}
.department-breadcrumbs{display:flex;align-items:center;margin-bottom:22px;font-size:14px;color:#757981}
.department-breadcrumbs a{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:inherit;text-decoration:none}
.department-page h1,.static-department-page h1{font-size:30px;line-height:1.4;color:#000;margin:0 0 26px}
.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.subdivision-card{display:flex;flex-direction:column;min-width:0;background:#f4f5f7;border-radius:22px;padding:20px;text-decoration:none;color:#202124;transition:background .2s}
.subdivision-card strong{font-size:17px;line-height:1.45;font-weight:500;min-height:52px}
.subdivision-card img{display:block;width:100%;height:170px;object-fit:contain;margin:12px 0}
.subdivision-card small{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#757981}
.subdivision-card small .icon{width:16px;height:16px}
.js-ready .static-department-page{display:none!important}
html:not(.js-ready) .static-department-page:target{display:block}
html:not(.js-ready) body:has(.static-department-page:target) .home-hero,html:not(.js-ready) body:has(.static-department-page:target) .fallback-directory,html:not(.js-ready) body:has(.static-department-page:target) .catalog-section,html:not(.js-ready) body:has(.static-department-page:target) .service-strip{display:none!important}
html:not(.js-ready) body.department-native .static-department-page{display:block}
html:not(.js-ready) body.department-native .home-hero,html:not(.js-ready) body.department-native .fallback-directory,html:not(.js-ready) body.department-native .catalog-section,html:not(.js-ready) body.department-native .service-strip{display:none!important}
@media(max-width:900px){.department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subdivision-card{padding:16px}.subdivision-card img{height:145px}}
@media(max-width:600px){.division-card{height:180px;padding:16px}.division-card strong{font-size:14px}.division-card img{width:90%;height:118px}.department-page,.static-department-page{padding-top:14px}.department-page h1,.static-department-page h1{font-size:25px;margin-bottom:22px}.department-breadcrumbs{margin-bottom:16px}.department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subdivision-card{padding:12px 10px;border-radius:18px}.subdivision-card strong{font-size:12px;line-height:1.45;min-height:57px;overflow-wrap:anywhere}.subdivision-card img{height:105px;margin:8px 0}.subdivision-card small{font-size:10px;line-height:1.4}}
@media(max-width:359px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Dedicated complete catalog and search-results pages. */
body.search-results-view .home-hero,body.search-results-view .category-section,body.search-results-view .fallback-directory,body.search-results-view #subcategory-strip,body.search-results-view .service-strip{display:none!important}
/* Never present the entire unfiltered catalog as search results if scripts are blocked. */
html:not(.js-ready) body.search-document:not(.server-rendered) .catalog-section{display:none!important}
body.server-rendered .search-preview-note{display:none!important}
/* Ten full-width product compositions, retaining the existing slogan above. */
.banner-carousel{position:relative;aspect-ratio:2048/683;overflow:hidden;background:#f7ead7;touch-action:pan-y}
.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.banner-slide.is-active{opacity:1;pointer-events:auto}
.banner-carousel .banner-slide>img,.home-hero.ai-banner-v2 .banner-carousel #ai-banner-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block;user-select:none}
.banner-carousel:not([data-enhanced]) .banner-slide:not(.is-active){display:none}
.banner-carousel[data-enhanced] .banner-slide.is-active>img{animation:varpet-banner-drift 4.8s ease-out both;transform-origin:50% 55%}
.banner-carousel[data-enhanced] .banner-slide:nth-child(even).is-active>img{animation-name:varpet-banner-drift-reverse}
.banner-carousel[data-playing="false"] .banner-slide.is-active>img{animation-play-state:paused}
@keyframes varpet-banner-drift{from{transform:scale(1.015) translateX(-.2%)}to{transform:scale(1.045) translateX(.2%)}}
@keyframes varpet-banner-drift-reverse{from{transform:scale(1.015) translateX(.2%)}to{transform:scale(1.045) translateX(-.2%)}}
.banner-label{position:absolute;inset:7% auto auto 4%;display:inline-flex;align-items:center;gap:10px;max-width:86%;padding:12px 18px;background:#fffffff0;color:#18191b;border:1px solid #ffffff80;border-radius:13px;font-size:clamp(14px,2vw,27px);font-weight:750;line-height:1.4;box-shadow:0 3px 16px #0001;text-decoration:none;z-index:1}
.banner-label:hover{background:#fff;color:#d82030}
.banner-label:focus-visible{outline:3px solid #d82030;outline-offset:4px}
.banner-label span{font-size:1.1em}
.banner-controls{position:absolute;inset:auto 14px 14px;display:none;align-items:center;justify-content:center;gap:12px;z-index:2}
.banner-carousel[data-enhanced] .banner-controls{display:flex}
.banner-controls>button{width:34px;height:34px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#ffffffed;color:#18191b;font-size:23px;box-shadow:0 2px 10px #0002}
.banner-controls>button[data-banner-pause]{font-size:15px}
.banner-dots{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:25px;background:#ffffffed;box-shadow:0 2px 10px #0002}
.banner-dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#8b8e93}
.banner-dots button[aria-pressed="true"]{width:24px;border-radius:8px;background:#d82030}
@media(max-width:600px){.banner-controls{inset:auto 8px 8px;gap:7px}.banner-controls>button{width:27px;height:27px;font-size:20px}.banner-dots{padding:7px 10px;gap:7px}.banner-dots button{width:7px;height:7px}.banner-label{padding:6px 10px;font-size:clamp(10px,2.5vw,15px);gap:6px;border-radius:8px}}
@media(max-width:359px){.banner-controls{gap:4px;inset:auto 5px 6px}.banner-dots{gap:5px;padding:6px 8px}.banner-controls>button{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}.banner-carousel[data-enhanced] .banner-slide.is-active>img{animation:none;transform:none}}
body.search-document .home-hero,body.search-document .category-section,body.search-document .fallback-directory,body.search-document .service-strip{display:none!important}
html:not(.js-ready) #catalog:target{display:block!important}
html:not(.js-ready) #catalog:target .static-group-page{display:block}
html:not(.js-ready) body:has(#catalog:target) .home-hero,html:not(.js-ready) body:has(#catalog:target) .fallback-directory,html:not(.js-ready) body:has(#catalog:target) .service-strip{display:none!important}
/* Contact cards belong only to the first/home page. */
.home-contacts{margin-block:0 48px}
.home-contacts h2{font-size:26px;letter-spacing:0;margin:0 0 22px;color:#000}
.home-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;background:#f4f5f7;border:1px solid #eceef1;border-radius:22px;padding:24px}
.home-contact-pin{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--red)}
.home-contact-pin .icon{width:24px;height:24px}
.home-contact-card address{font-style:normal;font-size:17px;font-weight:600;line-height:1.55;color:#202124;overflow-wrap:anywhere}
.home-contact-phone{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;font-size:18px;font-weight:600;color:#202124;white-space:nowrap}
.home-contact-phone .icon{width:19px;height:19px;color:var(--red)}
.home-contact-phone:hover{color:var(--red)}
.home-contact-phone:focus-visible{outline:3px solid var(--red);outline-offset:5px;border-radius:5px}
body.catalog-view .home-contacts,
html:not(.js-ready) body:has(.static-department-page:target) .home-contacts,
html:not(.js-ready) body:has(.static-group-page:target) .home-contacts,
html:not(.js-ready) body:has(#catalog:target) .home-contacts{display:none!important}
@media(max-width:900px){.home-contact-card{padding:20px}.home-contact-card address{font-size:16px}.home-contact-phone{font-size:17px}}
@media(max-width:600px){.home-contacts{margin-bottom:34px}.home-contacts h2{font-size:23px;margin-bottom:18px}.home-contact-grid{grid-template-columns:1fr;gap:12px}.home-contact-card{padding:20px;border-radius:18px}}

.banner-brand{position:absolute;top:20px;left:25px;max-width:calc(100% - 50px);padding:9px 18px;border-radius:8px;background:#fffffff0;color:#162533;line-height:1.2;font-size:clamp(15px,2.1vw,30px);font-weight:750;box-shadow:0 3px 15px #0001}
.banner-vurso{background:transparent;color:#53bbff;font-size:clamp(25px,3.4vw,49px);font-style:italic;letter-spacing:-1px;box-shadow:none;padding:0}
.banner-millennium{left:50%;transform:translateX(-50%);background:#ffffffeb}
.banner-millennium img{width:clamp(100px,17vw,245px);height:auto;max-height:70px;object-fit:contain}
@media(max-width:600px){.banner-brand{top:8px;left:10px;padding:4px 8px;max-width:calc(100% - 20px);border-radius:5px}.banner-vurso{padding:0;font-size:23px}.banner-millennium{left:50%}.banner-millennium img{width:105px;max-height:32px}.banner-furniture{font-size:12px}.banner-chinese{font-size:13px}}
/* Server pages contain only their own products; pagination navigates to a new document. */
body.server-paged .pagination a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}
body.server-paged .pagination a.active{color:#fff}
html:not(.js-ready) body.server-paged.catalog-view .catalog-section{display:block!important}
html:not(.js-ready) body.server-paged.catalog-view .home-hero,html:not(.js-ready) body.server-paged.catalog-view .fallback-directory{display:none!important}
body.server-paged .product-photo{display:block}
html:not(.js-ready) body.server-paged.department-view #department-page{display:block!important}
html:not(.js-ready) body.server-paged.department-view .catalog-section{display:none!important}
