/* Banner and live product carousel. */
.page-home .pelta-showcase{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:24px!important;margin:28px 0 24px!important;align-items:stretch}
.page-home .pelta-showcase .hero-main{grid-column:2;grid-row:1;aspect-ratio:2.25!important;min-height:0!important;height:auto!important;border:0!important;border-radius:4px!important;background:#faf9f6!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}
.page-home .pelta-showcase .hero-slide{position:absolute!important;inset:0!important;display:block!important;opacity:0!important;visibility:hidden;transform:translateX(10px);pointer-events:none!important;transition:opacity 450ms ease,transform 450ms ease,visibility 450ms!important}
.page-home .pelta-showcase .hero-slide.active{opacity:1!important;visibility:visible;transform:none;pointer-events:auto!important}
.page-home .pelta-showcase .hero-link{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;text-decoration:none;color:#24212a}
.page-home .pelta-showcase .hero-media{position:absolute!important;inset:0!important;display:block!important;padding:0!important;min-height:0!important;width:100%!important;height:100%!important;background:none!important}
.page-home .pelta-showcase .hero-media::before{display:none!important}
.page-home .pelta-showcase .hero-media picture,.page-home .pelta-showcase .hero-media img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.page-home .pelta-showcase .hero-copy{position:absolute!important;left:6%!important;right:auto!important;top:0!important;bottom:0!important;width:35%!important;max-width:35%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:12px!important;padding:0!important;min-height:0!important;background:none!important;z-index:2!important;direction:rtl;text-align:right}
.page-home .pelta-showcase .hero-title{color:#25212d!important;font-size:clamp(22px,2.1vw,32px)!important;font-weight:700!important;line-height:1.6!important;margin:0!important;letter-spacing:-.5px}
.page-home .pelta-showcase .hero-sub{color:#66616c!important;font-size:13px!important;font-weight:400!important;line-height:1.9!important;margin:0!important}
.pelta-hero-cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:9px 14px;background:#6530a6;color:#fff;border-radius:3px;margin-top:8px}
.page-home .pelta-showcase .hero-dots{position:absolute!important;left:18px!important;bottom:16px!important;display:flex!important;gap:8px!important;z-index:5!important}
.page-home .pelta-showcase .hero-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.page-home .pelta-showcase .hero-dots button::after{content:'';position:absolute;inset:10px 4px;background:#c7c2cb;border-radius:1px}.page-home .pelta-showcase .hero-dots button.active::after{background:#6530a6}
/* Thin chevrons on the banner edges; keyboard and touch controls stay discoverable. */
.pelta-hero-controls{position:absolute;inset:0;z-index:6;pointer-events:none}
.pelta-hero-controls button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.82);color:#343039;cursor:pointer;pointer-events:auto;transition:opacity 160ms ease,background 160ms ease}
.pelta-hero-controls [data-showcase-prev]{left:12px}.pelta-hero-controls [data-showcase-next]{right:12px}
.pelta-hero-controls button:hover{background:#fff}.pelta-hero-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.pelta-hero-controls button{opacity:0;pointer-events:none}.hero-main:hover .pelta-hero-controls button,.hero-main:focus-within .pelta-hero-controls button{opacity:1;pointer-events:auto}}
.pelta-featured{grid-column:1;grid-row:1;position:relative;background:#fff;border:1px solid #ece8ef;border-radius:4px;min-width:0;overflow:hidden}
.pelta-featured-heading{position:absolute;top:16px;right:18px;left:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#77717e;z-index:2}.pelta-featured-heading strong{font-weight:400}.pelta-featured-index{font-variant-numeric:tabular-nums;font-size:11px}
.pelta-featured-slide{position:absolute;inset:0;padding:45px 20px 18px;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity 350ms,transform 350ms,visibility 350ms}
.pelta-featured-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.pelta-featured-image{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;margin:8px 0 16px;text-decoration:none}
.pelta-featured-image img{display:block;width:100%;height:100%;max-height:200px;object-fit:contain;mix-blend-mode:multiply}
.pelta-featured-title{color:#343039;text-decoration:none;font-size:13px;font-weight:700;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.pelta-featured-unit{font-size:11px;color:#77717e;line-height:1.8;margin:8px 0 14px}
.pelta-featured-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #efebf1;padding-top:12px}
.pelta-featured-price{font-size:17px;font-weight:700;color:#24212a}.pelta-featured-price small{font-size:10px;font-weight:400}.pelta-featured-login{color:#77717e;text-decoration:none;font-size:11px;line-height:1.6}.pelta-featured-login:hover{color:#6530a6}
.pelta-featured-link{flex-shrink:0;color:#6530a6;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.pelta-featured-link:hover{text-decoration:underline}.pelta-featured-out{font-size:12px;color:#aa3838}
.pelta-showcase a:focus-visible,.pelta-showcase button:focus-visible{outline:2px solid #6530a6;outline-offset:3px}
@media(min-width:769px) and (max-width:1100px){.page-home .pelta-showcase{grid-template-columns:235px minmax(0,1fr)!important;gap:16px!important}.page-home .pelta-showcase .hero-main{aspect-ratio:1.85!important}.page-home .pelta-showcase .hero-title{font-size:22px!important}.page-home .pelta-showcase .hero-sub{font-size:12px!important}.pelta-featured-slide{padding:42px 14px 14px}.pelta-featured-image img{max-height:160px}.pelta-featured-footer{gap:8px}.pelta-featured-title{font-size:12px}}
@media(max-width:768px){.page-home .pelta-showcase{grid-template-columns:1fr!important;gap:12px!important;margin:16px 0 20px!important}.page-home .pelta-showcase .hero-main{grid-column:1;grid-row:1;aspect-ratio:1.85!important}.page-home .pelta-showcase .hero-copy{left:5%!important;width:36%!important;max-width:36%!important;gap:6px!important}.page-home .pelta-showcase .hero-title{font-size:19px!important;line-height:1.55!important;letter-spacing:0}.page-home .pelta-showcase .hero-sub{font-size:11px!important;line-height:1.7!important}.pelta-hero-cta{font-size:10px;padding:7px 9px;margin-top:3px}.page-home .pelta-showcase .hero-dots{position:absolute!important;left:10px!important;bottom:8px!important;gap:2px!important}.pelta-hero-controls button{width:40px;height:40px;opacity:1;pointer-events:auto}.pelta-hero-controls [data-showcase-prev]{left:4px}.pelta-hero-controls [data-showcase-next]{right:4px}.pelta-featured{grid-column:1;grid-row:2;height:196px}.pelta-featured-heading{top:12px;right:14px;left:14px;font-size:11px}.pelta-featured-slide{padding:42px 14px 14px;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;align-content:center}.pelta-featured-image{grid-column:1;grid-row:1/4;height:120px;min-height:0;margin:0}.pelta-featured-image img{height:120px;max-height:120px}.pelta-featured-title{grid-column:2;min-height:0;font-size:12px}.pelta-featured-unit{grid-column:2;font-size:10px;margin:6px 0 10px}.pelta-featured-footer{grid-column:2;padding-top:8px;gap:6px;flex-wrap:wrap}.pelta-featured-price{font-size:15px}.pelta-featured-login,.pelta-featured-link{font-size:10px}}
@media(max-width:380px){.page-home .pelta-showcase .hero-title{font-size:17px!important}.page-home .pelta-showcase .hero-sub{font-size:10px!important}.pelta-featured-slide{grid-template-columns:92px minmax(0,1fr);column-gap:12px}}
@container (max-width:768px){.page-home .pelta-showcase{grid-template-columns:1fr!important;gap:12px!important;margin:16px 0 20px!important}.page-home .pelta-showcase .hero-main{grid-column:1;grid-row:1;aspect-ratio:1.85!important}.page-home .pelta-showcase .hero-copy{left:5%!important;width:36%!important;max-width:36%!important;gap:6px!important}.page-home .pelta-showcase .hero-title{font-size:19px!important;line-height:1.55!important;letter-spacing:0}.page-home .pelta-showcase .hero-sub{font-size:11px!important;line-height:1.7!important}.pelta-hero-cta{font-size:10px;padding:7px 9px;margin-top:3px}.page-home .pelta-showcase .hero-dots{position:absolute!important;left:10px!important;bottom:8px!important;gap:2px!important}.pelta-hero-controls button{width:40px;height:40px;opacity:1;pointer-events:auto}.pelta-hero-controls [data-showcase-prev]{left:4px}.pelta-hero-controls [data-showcase-next]{right:4px}.pelta-featured{grid-column:1;grid-row:2;height:196px}.pelta-featured-heading{top:12px;right:14px;left:14px;font-size:11px}.pelta-featured-slide{padding:42px 14px 14px;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;align-content:center}.pelta-featured-image{grid-column:1;grid-row:1/4;height:120px;min-height:0;margin:0}.pelta-featured-image img{height:120px;max-height:120px}.pelta-featured-title{grid-column:2;min-height:0;font-size:12px}.pelta-featured-unit{grid-column:2;font-size:10px;margin:6px 0 10px}.pelta-featured-footer{grid-column:2;padding-top:8px;gap:6px;flex-wrap:wrap}.pelta-featured-price{font-size:15px}.pelta-featured-login,.pelta-featured-link{font-size:10px}}

@media(prefers-reduced-motion:reduce){.page-home .pelta-showcase .hero-slide,.pelta-featured-slide{transition:none!important;transform:none!important}.pelta-hero-controls button{transition:none!important}}

@font-face{font-family:PeltaHeroDana;src:url('/fonts/DanaFaNum-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
.page-home .pelta-showcase .hero-copy,.page-home .pelta-showcase .hero-copy *{font-family:PeltaHeroDana,Tahoma,sans-serif!important;font-synthesis:none;letter-spacing:0!important}
.page-home .pelta-showcase .hero-title{font-weight:500!important;-webkit-text-stroke:.3px currentColor}
.page-home .pelta-showcase .hero-sub{font-weight:400!important;-webkit-text-stroke:.12px currentColor}
.page-home .pelta-showcase .hero-main{background:#fff!important}
.page-home .pelta-showcase.is-banner-only{grid-template-columns:1fr!important}
.page-home .pelta-showcase.is-banner-only .hero-main{grid-column:1!important}
.pelta-featured-controls{display:flex;gap:2px}
.pelta-featured-controls button{display:grid;place-items:center;width:28px;height:28px;border:0;background:#fff;color:#625b69;border-radius:3px;cursor:pointer}
.pelta-featured-controls button:hover{background:#f5f1fa;color:#6530a6}
.pelta-featured-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Leave the real paint pots and full packaging clear of the editable copy. */
.page-home .pelta-showcase .hero-copy{left:5%!important;width:29%!important;max-width:29%!important}
@media(max-width:768px){.page-home .pelta-showcase .hero-main{aspect-ratio:2.25!important}.page-home .pelta-showcase .hero-media img{object-fit:contain!important}.page-home .pelta-showcase .hero-copy{left:4%!important;width:30%!important;max-width:30%!important;gap:4px!important}.page-home .pelta-showcase .hero-title{font-size:16px!important;line-height:1.5!important}.page-home .pelta-showcase .hero-sub{font-size:10px!important;line-height:1.45!important}.pelta-hero-cta{padding:5px 7px;font-size:10px;margin-top:1px}}
@container(max-width:768px){.page-home .pelta-showcase .hero-main{aspect-ratio:2.25!important}.page-home .pelta-showcase .hero-media img{object-fit:contain!important}.page-home .pelta-showcase .hero-copy{left:4%!important;width:30%!important;max-width:30%!important;gap:4px!important}.page-home .pelta-showcase .hero-title{font-size:16px!important;line-height:1.5!important}.page-home .pelta-showcase .hero-sub{font-size:10px!important;line-height:1.45!important}.pelta-hero-cta{padding:5px 7px;font-size:10px;margin-top:1px}}

/* Keep compact touch navigation clear of banner copy. */
@media(max-width:768px){.page-home .pelta-showcase .hero-dots{display:none!important}.pelta-hero-controls{inset:auto!important;left:36%!important;bottom:3px!important;display:flex;gap:2px}.pelta-hero-controls button{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;width:28px;height:28px;background:rgba(255,255,255,.85)}.pelta-hero-cta{white-space:nowrap}}
@container(max-width:768px){.page-home .pelta-showcase .hero-dots{display:none!important}.pelta-hero-controls{inset:auto!important;left:36%!important;bottom:3px!important;display:flex;gap:2px}.pelta-hero-controls button{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;width:28px;height:28px;background:rgba(255,255,255,.85)}.pelta-hero-cta{white-space:nowrap}}

/* Compact product companion on phones. */
@media(max-width:768px){




.page-home .pelta-showcase .hero-media img{object-fit:contain!important}

.page-home .pelta-showcase .hero-title{font-size:18px!important;line-height:1.6!important}
.page-home .pelta-showcase .hero-sub{font-size:12px!important;line-height:1.8!important}
.pelta-hero-cta{min-height:44px;box-sizing:border-box;padding:10px 12px;font-size:12px;margin-top:4px}
.pelta-hero-controls{left:8px!important;bottom:12px!important;gap:2px}
.pelta-hero-controls button{width:44px!important;height:44px!important;opacity:1!important;pointer-events:auto!important;background:#fff}
.pelta-featured{height:180px!important;min-height:180px!important}
.pelta-featured-heading{top:6px;left:8px;right:10px;min-height:44px;font-size:11px}
.pelta-featured-controls button{width:44px;height:44px}
.pelta-featured-slide{padding:56px 12px 10px;grid-template-columns:78px minmax(0,1fr);column-gap:10px;align-content:start}
.pelta-featured-image{height:90px;grid-row:1/4}.pelta-featured-image img{height:90px;max-height:90px}
.pelta-featured-title{font-size:12px;line-height:1.7}.pelta-featured-unit{margin:4px 0;font-size:10px;line-height:1.6}
.pelta-featured-footer{padding-top:4px;gap:4px 10px}.pelta-featured-link{min-height:32px;font-size:11px}
}
@container(max-width:768px){




.page-home .pelta-showcase .hero-media img{object-fit:contain!important}

.page-home .pelta-showcase .hero-title{font-size:18px!important;line-height:1.6!important}
.page-home .pelta-showcase .hero-sub{font-size:12px!important;line-height:1.8!important}
.pelta-hero-cta{min-height:44px;box-sizing:border-box;padding:10px 12px;font-size:12px;margin-top:4px}
.pelta-hero-controls{left:8px!important;bottom:12px!important;gap:2px}
.pelta-hero-controls button{width:44px!important;height:44px!important;opacity:1!important;pointer-events:auto!important;background:#fff}
.pelta-featured{height:180px!important;min-height:180px!important}
.pelta-featured-heading{top:6px;left:8px;right:10px;min-height:44px;font-size:11px}
.pelta-featured-controls button{width:44px;height:44px}
.pelta-featured-slide{padding:56px 12px 10px;grid-template-columns:78px minmax(0,1fr);column-gap:10px;align-content:start}
.pelta-featured-image{height:90px;grid-row:1/4}.pelta-featured-image img{height:90px;max-height:90px}
.pelta-featured-title{font-size:12px;line-height:1.7}.pelta-featured-unit{margin:4px 0;font-size:10px;line-height:1.6}
.pelta-featured-footer{padding-top:4px;gap:4px 10px}.pelta-featured-link{min-height:32px;font-size:11px}
}

/* One banner per gesture, with a narrow preview of both adjacent banners. */
.hero-mobile-peek{display:none}
@media(max-width:768px){
.page-home .pelta-showcase .hero-main{height:clamp(190px,46vw,350px)!important;aspect-ratio:auto!important;touch-action:pan-y;overflow:hidden!important;border-radius:0!important}
.page-home .pelta-showcase .hero-slide{inset:0 auto 0 16px!important;width:calc(100% - 32px)!important;transform:none;transition:none!important;border-radius:3px;overflow:hidden}
.page-home .pelta-showcase .hero-link{display:block!important;height:100%!important}
.page-home .pelta-showcase .hero-media{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important}
.page-home .pelta-showcase .hero-media img{object-fit:cover!important}
.page-home .pelta-showcase .hero-copy{position:absolute!important;left:4%!important;right:auto!important;top:0!important;bottom:0!important;width:32%!important;max-width:32%!important;padding:0!important;gap:5px!important;box-sizing:border-box}
.page-home .pelta-showcase .hero-title{font-size:clamp(13px,3.3vw,22px)!important;line-height:1.65!important}
.page-home .pelta-showcase .hero-sub{font-size:clamp(9px,2.1vw,12px)!important;line-height:1.7!important}
.page-home .pelta-showcase .pelta-hero-cta{font-size:10px;padding:7px 8px;min-height:32px;margin-top:2px;white-space:nowrap}
.page-home .pelta-showcase .pelta-hero-controls,.page-home .pelta-showcase .hero-dots{display:none!important}
.hero-mobile-peek{display:block;position:absolute;inset:0 auto 0 16px;width:calc(100% - 32px);pointer-events:none;transform:translateX(calc(100% + 8px))}
.hero-mobile-peek[data-offset="-1"]{transform:translateX(calc(-100% - 8px))}
.page-home .pelta-showcase .hero-mobile-peek .hero-slide{left:0!important;width:100%!important;opacity:1!important;visibility:visible!important}
}
@media(prefers-reduced-motion:reduce){.hero-mobile-peek{transition:none}}

/* Move the complete old and new banners side by side, outside legacy slide transforms. */
.hero-motion-frame{position:absolute;inset:0;pointer-events:none}
.page-home .pelta-showcase .hero-slide{transition:none!important}
@media(min-width:769px){
.hero-main.is-sliding .hero-mobile-peek{display:block;position:absolute;inset:0;width:100%;pointer-events:none;transform:translateX(100%)}
.hero-main.is-sliding .hero-mobile-peek[data-offset="-1"]{transform:translateX(-100%)}
.page-home .pelta-showcase .hero-mobile-peek .hero-slide{opacity:1!important;visibility:visible!important;transform:none!important}
}

/* Give the featured product below the mobile banner a larger image. */
@media(max-width:768px){
.page-home .pelta-featured{height:216px!important;min-height:216px!important}
.page-home .pelta-featured-slide{grid-template-columns:40% minmax(0,1fr);column-gap:12px;padding:56px 12px 12px;align-content:center}
.page-home .pelta-featured-image{height:140px;margin:0;grid-row:1/4}
.page-home .pelta-featured-image img{height:140px;max-height:140px;object-fit:contain}
.page-home .pelta-featured-title{font-size:12px;line-height:1.8}
.page-home .pelta-featured-footer{gap:4px 8px;flex-wrap:wrap}
}