/* Shared shopping hierarchy. Existing product cards, colours and seller art stay native. */
.commerce-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:24px 0 10px}
.commerce-shortcuts>a{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;padding:10px 5px;color:#253349;text-align:center;font-size:12px;font-weight:650;border-radius:16px;transition:background .15s}
.commerce-shortcuts>a:hover{background:#fff}.commerce-shortcuts img{width:92px;height:72px;object-fit:contain}.commerce-shortcuts span{line-height:1.35}
.commerce-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.commerce-campaign{position:relative;isolation:isolate;display:flex;align-items:center;min-height:240px;overflow:hidden;border-radius:22px;padding:30px;color:#18234b;background:#e3edff}
.commerce-campaign>div{width:58%;position:relative;z-index:1}.commerce-campaign-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.65}.commerce-campaign h3{font-size:clamp(24px,2.25vw,33px);line-height:1.1;letter-spacing:-.035em;margin:13px 0}.commerce-campaign p{font-size:13px;line-height:1.5;max-width:240px;margin:0 0 22px;opacity:.75}.commerce-campaign-cta{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:750}.commerce-campaign-cta>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffb3;font-size:18px}
.commerce-campaign>img{position:absolute;right:-8px;bottom:-8px;width:49%;height:95%;object-fit:contain;transition:transform .2s}.commerce-campaign:hover>img{transform:translateY(-4px)}
.commerce-campaign-peach{background:#ffe5d9;color:#592e32}.commerce-campaign-mint{background:#dbefdf;color:#21443d}.commerce-campaign-violet{background:#eae2ff;color:#3b2865}
.commerce-category-section{margin:24px 0 30px}.commerce-category-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.commerce-category-heading h2{margin:0;font-size:21px;letter-spacing:-.025em;line-height:1.3}.commerce-category-heading>span,.commerce-category-heading>a{font-size:12px;color:#68758d}.commerce-category-heading>div>a{display:inline-block;margin-bottom:9px;font-size:12px;color:#3f56a2}
.commerce-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commerce-family-grid>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:106px;padding:18px;border:1px solid #e4e8f0;border-radius:14px;background:#fff;transition:background .15s,border-color .15s}.commerce-family-grid>a:hover{background:#f0f4ff;border-color:#b8c5ed}.commerce-family-grid strong{display:block;font-size:14px;color:#22334d;line-height:1.35}.commerce-family-grid a>div>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;color:#778196;margin-top:7px}.commerce-family-arrow{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;color:#3355ab;background:#edf2ff;border-radius:50%;font-size:17px}
.commerce-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.commerce-topic-grid>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:52px;padding:12px 15px;border-radius:10px;background:#fff;border:1px solid #e2e7ef;color:#35445d;font-size:12px;line-height:1.45}.commerce-topic-grid>a>span{flex-shrink:0;color:#7587ad}.commerce-topic-grid>a:hover,.commerce-topic-grid>a[aria-current=page]{border-color:#99ade3;background:#edf2ff;color:#1749d5}.commerce-more-categories{margin:12px 0 22px}.commerce-more-categories>summary{cursor:pointer;color:#3358ad;font-size:12px;font-weight:650;padding:9px 0;list-style-position:inside}.commerce-more-categories[open]>summary{margin-bottom:10px}
.commerce-shortcuts a:focus-visible,.commerce-campaign:focus-visible,.commerce-family-grid a:focus-visible,.commerce-topic-grid a:focus-visible{outline:3px solid #1749d5;outline-offset:3px}
.commerce-preview-notice{padding:10px 16px;background:#fff4cc;color:#5b4700;text-align:center;font-size:12px;line-height:1.5;border-bottom:1px solid #e7d994}
@media(max-width:1050px){.commerce-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.commerce-shortcuts>a{flex-direction:row;text-align:left;padding:7px}.commerce-shortcuts img{width:55px;height:50px}.commerce-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-campaign{padding:24px;min-height:220px}.commerce-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.commerce-shortcuts{gap:7px;margin:18px 0 4px}.commerce-shortcuts>a{display:flex;flex-direction:column;padding:6px 2px;text-align:center;font-size:10px;gap:4px}.commerce-shortcuts img{width:62px;height:52px}.commerce-campaign-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(86vw,380px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 14px;margin:0 -3px}.commerce-campaign{grid-column:auto;scroll-snap-align:start;min-height:220px;padding:23px}.commerce-campaign h3{font-size:28px}.commerce-campaign p{font-size:12px}.commerce-campaign>img{width:47%;height:90%}.commerce-category-section{margin:18px 0 24px}.commerce-family-grid,.commerce-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.commerce-family-grid>a{min-height:104px;padding:14px 12px;gap:4px;align-items:flex-start}.commerce-family-grid strong{font-size:12px}.commerce-family-grid a>div>span{font-size:10px}.commerce-family-arrow{width:22px;height:22px;font-size:15px}.commerce-category-heading{align-items:flex-start}.commerce-category-heading h2{font-size:18px}.commerce-category-heading>span{display:none}.commerce-category-heading>a{font-size:10px;max-width:95px;text-align:right}.commerce-topic-grid>a{font-size:11px;min-height:52px;padding:11px}.commerce-more-categories{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.commerce-campaign>img,.commerce-shortcuts>a,.commerce-family-grid>a{transition:none}.commerce-campaign:hover>img{transform:none}}