/* Seaway storefront homepage layout. */
@scope (.home-page) {
.home-layout{padding-top:28px;padding-bottom:64px}.home-page h2,.home-page h3,.home-page p{margin-top:0}.home-page button{font-family:inherit}.rail-controls{display:flex;gap:7px}.round-control{display:grid;place-items:center;width:32px;height:32px;border:1px solid #26364a25;border-radius:50%;background:#ffffff75;transition:background .2s,border-color .2s}.round-control:hover{background:#fff;border-color:#26364a55}.round-control svg{width:15px;height:15px}.previous svg{transform:rotate(180deg)}.round-control:disabled{opacity:.3}.banner-eyebrow{font-size:var(--text-xs);font-weight:650;letter-spacing:1.2px;margin:0 0 16px;display:block;line-height:1.5}
/* Square category tiles retain the five departments on the original Home. */
.category-squares{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:28px}.category-square{aspect-ratio:1;min-width:0;border-radius:12px;padding:23px 20px 18px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;background:var(--category-bg);color:var(--category-ink,var(--contrast-ink))}.category-square:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1d304510}.category-square[data-fill="#edf5ff"]{--category-ink:#0344a3}.category-square[data-fill="#e1edff"]{--category-ink:#0344a3}.category-square[data-fill="#d4e6ff"]{--category-ink:#0344a3}.category-square[data-fill="#eaf3ff"]{--category-ink:#0344a3}.category-square[data-fill="#dceaff"]{--category-ink:#0344a3}.category-square h2{font-size:var(--text-lg);letter-spacing:-.4px;font-weight:650;line-height:1.25;margin-bottom:10px}.category-square p{font-size:var(--text-sm);line-height:1.65;max-width:160px;margin-bottom:10px}.category-square-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;min-height:70px}.category-square-bottom img{width:108px;height:70px;object-fit:contain;object-position:left center}.category-square-bottom>span{margin-inline-start:auto;height:29px;width:29px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor;opacity:.65;flex:none}.category-square-bottom svg{height:15px;width:15px}
/* Product shelves are scrollable on every size, with explicit previous/next controls. */
.product-section{margin-top:48px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.home-section-heading h2{font-size:var(--text-heading);letter-spacing:-.7px;font-weight:600;line-height:1.25;margin:0}.home-section-heading p{font-size:var(--text-base);color:#7c8490;margin:9px 0 0;line-height:1.5}.section-actions{display:flex;align-items:center;gap:26px;flex:none}.home-text-link{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-sm);font-weight:500;min-height:40px;color:#616b78;white-space:nowrap}.home-text-link svg{height:16px;width:16px}.home-text-link:hover{color:var(--blue)}.product-rail{--visible-products:6;display:grid;grid-auto-flow:column;grid-auto-columns:max(190px,calc((100% - (var(--visible-products) - 1)*16px)/var(--visible-products)));gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:3px}.product-rail::-webkit-scrollbar{display:none}.product-card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #d7e4f5;border-radius:12px;overflow:hidden;background:white;transition:border-color .2s}.product-card:hover{border-color:#8ebaff}.product-picture{position:relative;display:block;width:100%;height:177px;padding:22px 16px 14px;background:#f5f9ff}.product-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-picture:hover img{transform:scale(1.045)}.picture-hint{position:absolute;left:50%;bottom:8px;transform:translate(-50%,5px);font-size:var(--text-xs);white-space:nowrap;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 2px 8px #193b6010;opacity:0;transition:opacity .2s,transform .2s}.product-picture:hover .picture-hint,.product-picture:focus-visible .picture-hint{opacity:1;transform:translate(-50%,0)}.product-info{display:flex;flex:1;flex-direction:column;padding:17px 15px 14px}.product-brand{display:block;font-size:var(--text-xs);letter-spacing:.8px;font-weight:650;color:#89919e;margin-bottom:8px}.product-info h3{font-size:var(--text-base);font-weight:550;line-height:1.5;margin:0 0 7px;min-height:3em}.product-info h3 button{text-align:left;padding:0;line-height:inherit}.product-info h3 button:hover{color:var(--blue)}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}.product-bottom>p{margin:0;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.product-bottom strong{font-size:var(--text-lg);font-weight:650;color:#25344c;letter-spacing:-.4px}.product-bottom>p>span{font-size:var(--text-xs);color:#9097a3}.product-view{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e1edff;color:#0344a3;flex:none}.product-view svg{width:15px;height:15px}.product-view:hover{background:#0569f5;color:#fff}.demo-catalog-note{font-size:var(--text-xs);color:#939ba7;line-height:1.6;margin:13px 0 0}
.offer-banners { margin-top: 36px; }
.offer-banner { position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: clamp(12px, 2vw, 24px); aspect-ratio: 3.2; border-radius: 12px; background: #e1edff; }
.offer-banner[data-promotion="right"] { background: #d4e6ff; }
.offer-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.offer-link { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 24px; background: white; color: #0344a3; font-size: var(--text-sm); font-weight: 600; }
.offer-link svg { width: 16px; height: 16px; }
.offer-banner:hover .offer-link, .offer-banner:focus-visible .offer-link { text-decoration: underline; }
.home-product-lists{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.compact-products .home-section-heading{margin-bottom:16px}.compact-products h2{font-size:var(--text-heading)}.compact-list{display:grid;gap:10px}.compact-product{display:flex;align-items:center;gap:20px;padding:14px;text-align:left;border:1px solid #d7e4f5;border-radius:12px;width:100%;transition:border-color .2s}.compact-product:hover{border-color:#8ebaff}.compact-picture{width:90px;height:96px;display:grid;place-items:center;flex:none;border-radius:8px;background:#f5f9ff;padding:9px}.compact-picture img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.compact-info{display:flex;flex-direction:column;gap:5px;min-width:0}.compact-info .product-brand{margin:0}.compact-info>strong{font-size:var(--text-base);font-weight:550;line-height:1.4}.compact-price{font-size:var(--text-lg);font-weight:650;margin-top:4px;color:#25344c}.compact-price small{font-size:var(--text-xs);color:#9097a3;font-weight:400}.compact-product>svg{margin-left:auto;width:18px;height:18px;color:#9aacc3}
/* A local quick view gives the demo cards an interactive, reviewable state. */
.product-preview{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;padding:40px;border-radius:18px;color:var(--ink);box-shadow:0 20px 80px #10233f35;opacity:0;transform:translateY(18px);transition:opacity .25s ease,transform .3s cubic-bezier(.22,.8,.25,1)}.product-preview::backdrop{background:#17233666;backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.product-preview.is-open,.product-preview.is-open::backdrop{opacity:1}.product-preview.is-open{transform:translateY(0)}.product-preview-open{overflow:hidden}.preview-close{position:absolute;right:10px;top:10px;z-index:1}.preview-close svg{width:21px;height:21px}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.preview-image{background:#f5f9ff;border-radius:12px;padding:28px}.preview-image img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.preview-demo{font-size:var(--text-xs);color:#526f94;display:inline-block;padding:6px 10px;border-radius:20px;background:#f0f6ff;margin-bottom:22px}.preview-details h2{font-size:var(--text-heading);letter-spacing:-.6px;line-height:1.25;margin:0 0 10px}.preview-pack{font-size:var(--text-base);color:#7c8593}.preview-price{font-size:var(--text-display-sm);font-weight:650;margin:20px 0}.preview-price span{font-size:var(--text-xs);font-weight:400;color:#7c8593}.preview-details dl{font-size:var(--text-sm);border-block:1px solid var(--line);padding-block:14px;margin:0}.preview-details dl>div{display:flex;justify-content:space-between;gap:16px;padding-block:5px}.preview-details dt{color:#7c8593}.preview-details dd{margin:0}.preview-note{font-size:var(--text-xs);color:#8993a0;line-height:1.6;margin:14px 0 20px}.preview-done{width:100%;font-size:var(--text-sm)}
@media(min-width:1600px){.category-square{padding:26px}.category-square h2{font-size:var(--text-lg)}.category-square p{font-size:var(--text-sm)}.product-picture{height:190px}}
@media(max-width:1279px){.category-squares{gap:14px}.category-square{padding:19px 16px 15px;min-height:210px}.category-square h2{font-size:var(--text-lg)}.category-square p{font-size:var(--text-sm)}.category-square-bottom img{width:85px;height:65px}.product-rail{--visible-products:5}.compact-products h2{font-size:var(--text-heading)}}
@media(max-width:1099px){.category-squares{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:4px}.category-square{aspect-ratio:1;min-height:0;scroll-snap-align:start;padding:24px 20px}.category-square h2{font-size:var(--text-lg)}.category-square p{font-size:var(--text-sm)}.category-square-bottom img{width:110px;height:80px}.category-square-bottom{min-height:80px}.product-rail{--visible-products:4}.product-info h3{font-size:var(--text-base)}.product-picture{height:175px}.home-product-lists{gap:22px}.compact-product{gap:14px;padding:12px}.compact-picture{width:72px;height:86px}.compact-info>strong{font-size:var(--text-base)}}
@media(max-width:767px){.home-layout{padding-top:20px;padding-bottom:40px}.category-square{padding:20px 16px}.category-square h2{font-size:var(--text-lg)}.category-square p{font-size:var(--text-sm)}.category-square-bottom img{width:90px;height:60px}.category-square-bottom{min-height:65px}.product-section{margin-top:35px}.home-section-heading h2{font-size:var(--text-heading)}.home-section-heading p{font-size:var(--text-base)}.section-actions{gap:16px}.product-rail{--visible-products:3}.product-picture{height:175px}.product-info{padding:15px 13px}.offer-banners{gap:16px}.home-product-lists{grid-template-columns:1fr;gap:32px}.compact-picture{width:86px;height:90px}.compact-info>strong{font-size:var(--text-base)}.compact-product{padding:14px 20px;gap:20px}.compact-products h2{font-size:var(--text-heading)}.preview-content{gap:24px}.product-preview{padding:32px}.preview-image{padding:15px}.preview-image img{height:220px}}
@media(max-width:539px){.category-squares{grid-auto-columns:calc((100% - 14px)/2.15);gap:14px;margin-top:20px}.category-square{min-height:178px;padding:18px 14px 13px}.category-square h2{font-size:var(--text-lg);margin-bottom:7px;letter-spacing:-.3px}.category-square p{font-size:var(--text-sm);line-height:1.55;margin-bottom:8px}.category-square-bottom{min-height:52px;gap:5px}.category-square-bottom img{width:76px;height:52px}.category-square-bottom>span{width:24px;height:24px}.category-square-bottom svg{width:13px;height:13px}.home-section-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.home-section-heading h2{font-size:var(--text-heading)}.home-section-heading p{max-width:210px;font-size:var(--text-base);line-height:1.6;margin-top:7px}.section-actions{flex-direction:column;align-items:flex-end;gap:4px}.home-text-link{font-size:var(--text-sm);gap:6px;min-height:26px}.section-actions .round-control{width:28px;height:28px}.product-rail{--visible-products:2.1;gap:12px;grid-auto-columns:max(190px,calc((100% - (var(--visible-products) - 1)*12px)/var(--visible-products)))}.product-picture{height:145px;padding:18px 12px}.product-info{padding:14px 12px}.product-info h3{font-size:var(--text-base);min-height:3em}.product-brand{font-size:var(--text-xs);letter-spacing:.65px}.product-bottom{gap:4px;margin-top:auto}.product-bottom strong{font-size:var(--text-lg)}.product-bottom>p{gap:3px}.product-bottom>p>span{font-size:var(--text-xs)}.product-view{width:28px;height:28px}.demo-catalog-note{font-size:var(--text-xs);max-width:310px}.offer-banners{grid-template-columns:1fr;margin-top:28px;gap:14px}.home-product-lists{margin-top:35px;padding-top:26px}.compact-products h2{font-size:var(--text-heading)}.compact-product{padding:12px;gap:15px}.compact-picture{width:75px;height:85px}.compact-info>strong{font-size:var(--text-base)}.compact-price{font-size:var(--text-lg)}.preview-content{grid-template-columns:1fr;gap:22px}.product-preview{padding:30px 24px}.preview-image{padding:15px;margin-inline:15px}.preview-image img{height:150px}.preview-details h2{font-size:var(--text-heading)}.preview-demo{margin-bottom:16px}.preview-price{margin:18px 0}.preview-details dl{padding-block:11px}.preview-note{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.product-preview,.product-preview::backdrop{transition:none!important}}
/* Keep square tiles inside their tracks, including narrow scrollable layouts. */
.category-square{width:100%;min-height:0}
@media(max-width:539px){.category-squares{grid-auto-columns:clamp(174px,48vw,210px)}}
/* Full-width, seamless service marquee. The second group continues the first. */
.service-marquee{width:100%;border-block:1px solid var(--line);background:#fff}
.service-marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.service-marquee-track{display:flex;width:max-content;animation:service-loop var(--marquee-duration,28s) linear infinite;will-change:transform}
.service-marquee-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:none;width:max(1180px,100vw);list-style:none;padding:0;margin:0}
.service-highlight{display:flex;align-items:center;gap:12px;padding:18px 24px;white-space:nowrap}
.service-highlight::after{content:"";width:4px;height:4px;border-radius:50%;background:#bac8dc;margin-left:auto;flex:none}
.service-highlight-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;color:#0569f5}
.service-highlight-label{font-size:var(--text-sm);font-weight:500;line-height:1.5;letter-spacing:.05px;color:#465369}
@keyframes service-loop{to{transform:translateX(-50%)}}
@media(max-width:639px){.service-highlight{padding-block:15px}.service-marquee-window{mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}}
@media(prefers-reduced-motion:reduce){
  .service-marquee-track{animation-duration:calc(var(--marquee-duration,28s) * 3)}
}
/* One slider and four banners, matching the admin's seven fixed slots. */
.banner-board{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;align-items:stretch}
.banner-carousel{position:relative;min-width:0;border-radius:10px;overflow:hidden;aspect-ratio:5/4}
.banner-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.banner-track::-webkit-scrollbar{display:none}
.banner-slide{flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;position:relative}
.banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.banner-tile{position:relative;min-width:0;min-height:0;border-radius:10px;overflow:hidden}
.banner-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:100px;padding:16px;color:#244c80;text-align:center}
.banner-placeholder strong{font-size:16px;font-weight:600}.banner-placeholder span{font-size:13px;color:#416fae}
.banner-slide img,.banner-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.banner-controls{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;border-radius:24px;padding:4px;background:#ffffffd9}
.banner-controls .round-control{width:36px;height:36px;background:transparent;border:0;color:#0457cc}
.banner-controls .round-control:hover{background:#e1edff}
.banner-dots{display:flex;align-items:center}
.banner-dots button{display:grid;place-items:center;width:22px;height:36px;padding:0}
.banner-dots button::after{content:'';width:7px;height:7px;border-radius:50%;background:#92b6df}
.banner-dots button[aria-current=true]::after{background:#0569f5}
@media(max-width:767px){.banner-board{grid-template-columns:1fr}.banner-carousel{aspect-ratio:5/4}.banner-grid{grid-template-rows:none}.banner-tile{aspect-ratio:35/24}.banner-controls .round-control,.banner-dots button{height:44px}.banner-controls .round-control{width:44px}.banner-dots button{width:26px}}

.category-squares[hidden] { display: none; }
.product-rail.is-empty{display:block;overflow:visible}
.shelf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;padding:24px;border:1px dashed #bfd8ff;border-radius:10px;background:#f0f6ff;color:#52677f;text-align:center;font-size:14px}
.shelf-empty>.icon{width:30px;height:30px;color:#0569f5}
.category-square h2, .category-square p {
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-rail.expanded-shelf {
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, minmax(min(185px, 100%), 1fr));
  grid-auto-columns: auto;
  overflow: visible;
}
.product-section [hidden], .product-section[hidden] { display: none; }
.compact-products [hidden] { display: none; }
.compact-products { min-width: 0; }
.compact-row, .home-page .product-card { position: relative; }
.compact-row:has(.catalog-heart) .compact-product { padding-right: 55px; }
.compact-row > .catalog-heart { top: 12px; }
.compact-info { overflow-wrap: anywhere; }
.compact-product > svg { flex-shrink: 0; }
.compact-price > span { color: #617082; font-size: var(--text-xs); font-weight: 400; }
.recent-purchase-notice {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  background: #f0f6ff; border: 1px solid #d7e4f5; border-radius: 12px; padding: 20px 24px;
}
.recent-purchase-notice .purchase-icon {
  flex: none; display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: 50%; background: #e1edff; color: #0344a3;
}
.recent-purchase-notice p { flex: 1 1 185px; margin: 0; line-height: 1.5; }
.recent-purchase-notice .home-text-link { color: var(--blue); }
.product-picture:has(> svg) { display: grid; place-items: center; padding: 0; }
.product-picture > svg, .preview-image > svg { width: 48px; height: 48px; color: #8290a3; }
.preview-image:has(> svg) { display: grid; place-items: center; }
.home-page .card-cart-control { margin-top: 14px; }
.product-bottom > p { flex-wrap: wrap; white-space: normal; }
.compact-row { border: 1px solid #d7e4f5; border-radius: 12px; transition: border-color .2s; }
.compact-row:hover { border-color: #8ebaff; }
.compact-row .compact-product { border: 0; }
.compact-row .card-cart-control { margin: 0 14px 14px; }
}

.storefront-home {
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem;
  --text-heading:1.5rem; --text-display-sm:1.75rem; --blue:var(--primary);
}
.home-container,.storefront-home header .wrap,.storefront-home footer .wrap {
  width:100%; max-width:1440px; margin-inline:auto; padding-inline:56px;
}
.storefront-home .topbar {display:flex; min-height:88px; gap:24px; align-items:center;}
.home-shopping {display:flex; align-items:center; gap:24px; flex:1; min-width:0;}
.home-shopping .search {width:auto; min-width:0; flex:1; border-radius:24px;}
.home-shop-all {display:inline-flex; align-items:center; justify-content:center; flex:none; gap:9px; height:48px; padding:0 17px; background:var(--primary); color:white; border-radius:24px; font-size:.875rem; font-weight:650;}
.home-shop-all .icon {width:17px;}
.storefront-home .nav-frame {position:relative; z-index:3;}
.home-category-strip {display:flex; align-items:stretch; overflow-x:auto; scrollbar-width:none;}
.home-category-strip > * {flex:none;}
.home-category-strip > a,.home-category-strip summary {
  display:flex; align-items:center; justify-content:center; gap:4px; min-height:44px; padding-inline:16px; white-space:nowrap;
  font-size:.875rem; font-weight:600; cursor:pointer; list-style:none;
}
.home-category-strip summary::-webkit-details-marker {display:none;}
.home-category-strip summary .icon {width:1rem; height:1rem; transition:transform .18s ease;}
.home-category-strip details[open] > summary .icon {transform:rotate(180deg);}
.home-category-strip > a:hover,.home-category-strip summary:hover,.home-category-strip details[open] summary,
.home-category-strip > a:focus-visible,.home-category-strip summary:focus-visible {
  color:var(--primary); background:#f0f6ff; box-shadow:inset 0 -2px var(--primary);
}
.home-category-strip :focus-visible {outline:2px solid #0569f5; outline-offset:-3px;}
.home-category-dropdown {
  position:absolute; top:100%; inset-inline:16px; padding:6px; border:1px solid var(--line);
  border-radius:0 0 8px 8px; background:#fff; box-shadow:0 8px 20px #102c5214;
}
.home-category-dropdown a {display:flex; align-items:center; min-height:44px; padding-inline:12px; border-radius:4px; font-size:.875rem;}
.home-category-dropdown a:hover,.home-category-dropdown a:focus-visible {background:#f0f6ff; color:var(--primary);}
.home-category-dropdown a:first-child {font-weight:600;}
@media(min-width:768px) {
  .home-category-strip {overflow:visible;}
  .home-category-strip > * {flex:1 0 auto;}
  .home-category-strip details {position:relative;}
  .home-category-dropdown {inset-inline:0 auto; min-width:max(100%,12rem);}
  .home-category-strip details:last-child .home-category-dropdown {inset-inline:auto 0;}
}
body:has(.home-page .product-preview[open]) {overflow:hidden;}
.home-placeholder {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.25rem; color:#122944;}
.home-placeholder strong,.promotion-label {font-size:clamp(1rem,1.55vw,1.4rem); font-weight:600; letter-spacing:-.025em;}
.home-placeholder span {font-size:.875rem; color:#52677f; font-variant-numeric:tabular-nums;}
.home-page #new-products {margin-top:28px;}
.home-page .department-rail {list-style:none;margin:0;padding:0 0 3px;}
.home-page .department-rail>li {min-width:0;scroll-snap-align:start;}
.home-page .department-card {display:flex;flex-direction:column;height:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.home-page .department-card:hover,.home-page .department-card:focus-visible {border-color:var(--primary);box-shadow:0 4px 16px #0569f512;}
.home-page .department-art {position:relative;display:grid;place-items:center;aspect-ratio:9/7;overflow:hidden;border-radius:8px;background:#f0f6ff;color:var(--primary);}
.home-page .department-art>.icon {width:32px;height:32px;}
.home-page .department-art:has(img)>.icon {visibility:hidden;}
.home-page .department-art img {position:absolute;inset:0;width:100%;height:100%;padding:12px;object-fit:contain;background:#f0f6ff;}
.home-page .department-name {display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-height:44px;padding-top:12px;}
.home-page .department-name strong {font-size:1rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere;}
.home-page .department-name>.icon {width:16px;height:16px;color:var(--primary);}
.home-page .department-section .home-text-link {min-height:44px;}
@media(max-width:639px) {
  .home-page .department-section .home-section-heading {flex-wrap:wrap;gap:4px 16px;}
  .home-page .department-section .home-text-link {margin-left:auto;}
}
@media(max-width:539px) {
  .home-page #new-products {margin-top:20px;}
}
.home-page .product-section:has(.archive-link) {position:relative;}
.home-page .product-section:has(.archive-link) .rail-controls {
  position:absolute; top:50%; inset-inline:-16px; z-index:1; justify-content:space-between; pointer-events:none;
}
.home-page .product-section:has(.archive-link) .round-control {
  width:36px; height:36px; pointer-events:auto; background:#fff; box-shadow:0 2px 8px #193b6015;
}
@media(max-width:639px) {.home-page .department-section:has(.archive-link) .round-control {width:44px;height:44px;}}
.home-page .offer-banner {flex-direction:column; align-items:flex-start; justify-content:space-between; aspect-ratio:6.4;}
.home-page .offer-banner[data-promotion="left"] {background:#d4e6ff;}
.home-page .offer-banner[data-promotion="right"] {background:#bfd8ff;}
.home-page .product-card {position:relative;}
.home-page .product-info {align-items:stretch; gap:0;}
.home-page .card-cart-control .stepper {width:fit-content; background:#fff;}
.home-page .product-picture:focus-visible .picture-hint {opacity:1;}
.home-page .product-brand {text-transform:uppercase;}
.home-page .compact-products .catalog-heart {position:absolute; right:10px; top:10px;}
.home-page .compact-product .compact-price strong {font-size:inherit;}
.home-page .compact-price del {margin-inline-start:.35rem; color:var(--mute); font-size:.875rem; font-weight:400; white-space:nowrap;}
.home-page .offer-link {color:var(--primary);}
.home-page .product-preview {margin:auto;}
@media(min-width:1600px) {
  .home-container,.storefront-home header .wrap,.storefront-home footer .wrap {max-width:1536px;}
}
@media(max-width:1279px) {
  .home-container,.storefront-home header .wrap,.storefront-home footer .wrap {padding-inline:32px;}
}
@media(max-width:1099px) {
  .home-shopping,.storefront-home .topbar {gap:14px;}
}
@media(max-width:767px) {
  .home-container,.storefront-home header .wrap,.storefront-home footer .wrap {padding-inline:20px;}
  .storefront-home .topbar {min-height:78px;}
  .home-shop-all {height:44px;}
}
@media(max-width:639px) {
  .storefront-home .topbar {display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"logo list" "shop shop"; gap:8px; min-height:126px; padding-block:12px 14px;}
  .home-shopping {grid-area:shop; gap:8px;}
  .home-shop-all {padding-inline:12px;}
  .home-shop-all .icon:last-child {display:none;}
}
@media(max-width:539px) {
  .home-page .offer-banner {padding:12px; aspect-ratio:3.2;}
}