/* Home display cards: framed artwork, without product navigation. */
#home-page .template-tile{cursor:default;user-select:none;-webkit-user-select:none}
#home-page .template-tile:active{cursor:default}
#home-page .template-tile:hover{transform:none}
#home-page .template-strip:not(.functional-template-strip){height:calc(125 * var(--u))}
#home-page .template-strip:not(.functional-template-strip) .template-scroller{height:100%;padding:calc(7 * var(--u)) 0;box-sizing:border-box}
#home-page .home-template-card{display:flex;flex-direction:column;gap:0;padding:calc(5 * var(--u));border:1px solid #72a9ff;border-radius:calc(10 * var(--u));background:#2068f4;box-sizing:border-box;box-shadow:0 0 6px #91ceff24,inset 0 0 0 1px #ffffff12;transition:box-shadow .25s,border-color .25s}
#home-page .home-template-card .display-card-image{flex:1;min-height:0;border-radius:calc(6 * var(--u));background:#fff;overflow:hidden}
#home-page .display-card-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#home-page .home-template-card>.display-card-caption{display:flex;align-items:center;position:static;opacity:1;color:#fff;font-size:clamp(10px,calc(5.7 * var(--u)),15px);font-weight:600;line-height:1.2;height:calc(14 * var(--u));flex-shrink:0;padding:calc(2 * var(--u)) calc(2 * var(--u)) 0;background:transparent;text-align:left}
#home-page .home-template-card:is(:hover,:active,.is-touched){border-color:#d5f3ff;box-shadow:0 0 5px #b8edff,0 0 15px #86cfffcc,0 0 25px #469eff66,inset 0 0 0 1px #d0edff80}
#home-page .functional-template-strip{height:calc(155 * var(--u))}
#home-page .functional-template-strip .template-scroller{height:100%;padding:calc(8 * var(--u)) 0;box-sizing:border-box}
#home-page .product-display-card{padding:calc(5 * var(--u));border-radius:calc(10 * var(--u))}
#home-page .product-display-card>.display-card-caption{font-size:clamp(12px,calc(6 * var(--u)),17px);height:calc(15 * var(--u))}
#home-page .functional-products-title{margin-bottom:calc(30 * var(--u))}
#home-page .templates-label{display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center}
#home-page .home-custom-visual{width:min(760px,70vw);height:auto;aspect-ratio:3/2;margin-top:clamp(-175px,-10vw,-65px);isolation:isolate}
.home-branding-collection{display:block;width:100%;height:auto;position:relative;z-index:1}
#home-page .home-custom-visual:after{content:'';position:absolute;z-index:0;width:75%;height:5%;bottom:0;left:12.5%;background:#1328511c;border-radius:50%;filter:blur(14px)}
#home-page .home-custom-button{margin-top:18px}
.home-promo .promo-buy-button{width:calc(102 * var(--u))}

/* Keep the blue header fitted to its navigation; the cart has its own row. */
body:not([data-page="home"]) #site-header{background:#fff;min-height:0;color:#fff}
body:not([data-page="home"]) #site-header .topbar{background:#0450df;height:clamp(52px,3.3vw,68px)}
body:not([data-page="home"]) #site-header .nav-row{position:relative;inset:auto;display:flex;align-items:center;height:58px;width:100%;padding:8px max(24px,2.2vw);background:#fff;border-bottom:1px solid #edf1f8}
body:not([data-page="home"]) #site-header .cart-button{position:relative;inset:auto;width:40px;height:40px;flex:0 0 40px;margin:0 0 0 auto}
body:not([data-page="home"]) #site-header .cart-button svg{width:34px;height:34px}
body:not([data-page="home"]) #site-header .cart-visual{transform:none}
body:not([data-page="home"]) #site-header .cart-badge{width:20px;height:20px;font-size:9px;top:-2px;right:-3px;background:#0051ed;color:#fff;border:2px solid #fff}

@media(max-width:649px){
 #home-page .template-strip:not(.functional-template-strip){height:156px}
 #home-page .template-strip:not(.functional-template-strip) .template-scroller{padding:8px 0}
 #template-track .hero-display-card{height:140px;width:140px;flex-basis:140px;padding:6px;border-radius:13px}
 #home-page .home-template-card .display-card-image{border-radius:8px}
 #home-page .hero-display-card>.display-card-caption{height:20px;font-size:10px;padding:3px 2px 0}
 #home-page .functional-template-strip{height:216px}
 #home-page .functional-products-title{margin-bottom:24px}
 #functional-template-track .product-display-card{width:192px;height:192px;flex-basis:192px;padding:8px;border-radius:16px}
 #home-page .functional-template-strip .template-scroller{padding:12px 0}
 #home-page .product-display-card .display-card-image{border-radius:10px}
 #home-page .product-display-card>.display-card-caption{height:24px;font-size:12px;padding:3px 3px 0}
 #home-page .home-custom-visual{width:min(90vw,500px);height:auto;margin-top:-72px}
 #home-page .home-custom-button{margin-top:14px}
 .home-promo .promo-buy-button{width:128px}
 body:not([data-page="home"]) #site-header .topbar{height:auto;min-height:0;padding:12px 16px 9px}
 body:not([data-page="home"]) #site-header .nav-row{height:48px;padding:4px 20px}
 body:not([data-page="home"]) #site-header .cart-button{height:36px;width:36px;flex-basis:36px}
 body:not([data-page="home"]) #site-header .cart-button svg{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){#home-page .home-template-card{transition:none}}

#home-page .template-scroller:focus-visible{outline:2px solid #b6dfff;outline-offset:-2px}