/* Compact home shelves; full catalogue cards keep their existing detail layout. */
body[data-view="home"] .collection,body[data-view="home"] .home-product-row{--rail-accent:#744aa4;--rail-wash:#f0e6fa;padding-top:34px;padding-bottom:38px;position:relative}
body[data-view="home"] .home-product-row{border-top:1px solid #ece3ee}
body[data-view="home"] .rail-tone-peach{--rail-accent:#b96148;--rail-wash:#fff0e6}
body[data-view="home"] .rail-tone-blue{--rail-accent:#526fa9;--rail-wash:#eaf1ff}
body[data-view="home"] .rail-tone-butter{--rail-accent:#927331;--rail-wash:#fff5d7}
body[data-view="home"] .rail-tone-lilac{--rail-accent:#8660a5;--rail-wash:#f2e8fc}
body[data-view="home"] .rail-tone-rose{--rail-accent:#aa607c;--rail-wash:#ffeaf0}
body[data-view="home"] .collection>.section-heading,body[data-view="home"] .home-product-row>.section-heading{align-items:center;gap:20px;margin-bottom:24px}
body[data-view="home"] .collection .eyebrow,body[data-view="home"] .home-product-row .eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--rail-accent);margin-bottom:9px}
body[data-view="home"] .collection h2,body[data-view="home"] .home-product-row h2{font-size:clamp(29px,3vw,38px);line-height:1.15;letter-spacing:-1px;color:#392a4b;margin:0}
.home-first-rail-actions,.rail-navigation{display:flex;align-items:center;gap:23px;flex:none}
body:not([data-view="home"]) .home-first-rail-actions{display:none}
body[data-view="home"] .collection .section-intro,body[data-view="home"] .home-browse,body[data-view="home"] .home-row-toolbar{display:none}
.row-view-all{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--rail-accent,#744aa4);background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:none;white-space:nowrap}
.row-view-all span{display:inline-block;transition:transform .22s ease}.row-view-all:hover span{transform:translate(3px,-3px)}
body[data-view="home"] .row-controls{display:flex;gap:8px;margin:0}
body[data-view="home"] .row-controls button{width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid #e1d7e8;background:#fff;color:var(--rail-accent);box-shadow:0 3px 9px #49345607;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;cursor:pointer}
.row-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-view="home"] .row-controls button:hover:not(:disabled){transform:translateY(-3px);background:var(--rail-accent);color:#fff;box-shadow:0 8px 16px #59407020}
body[data-view="home"] .row-controls button:active:not(:disabled){transform:scale(.94)}
body[data-view="home"] .row-controls button:disabled{opacity:.32;cursor:default;box-shadow:none}
body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-padding:0;padding:5px 0 12px;overscroll-behavior-inline:contain}
body[data-view="home"] .product-rail::-webkit-scrollbar,body[data-view="home"] #product-grid::-webkit-scrollbar{display:none;width:0;height:0}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #eee6ef;border-radius:17px;scroll-snap-align:start;box-shadow:0 2px 7px #5e416207;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #65477312;border-color:#d8c6e4}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-visual{height:180px;min-height:0;flex:none;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#fff 55%,var(--rail-wash))!important}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px 23px;border:0;background:transparent;cursor:pointer}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open img{width:100%;height:100%;max-height:145px;object-fit:contain;mix-blend-mode:normal;transition:transform .35s cubic-bezier(.2,.7,.25,1)}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card:hover .product-open img{transform:scale(1.055)}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-info{padding:15px;display:flex;flex-direction:column;flex:1;min-width:0;gap:0}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 15px/1.45 var(--sans);letter-spacing:-.1px;text-align:left;color:#3e2e4d;background:transparent;border:0;padding:0;margin:0 0 14px;min-height:44px;max-height:44px;text-decoration:none;cursor:pointer}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-price{font:600 19px/1.15 var(--sans);color:#432e59;letter-spacing:-.3px;min-height:22px}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;border:1px solid #e7dcea;border-radius:10px;background:#f6effa;color:#65418a;font:600 13px/1.2 var(--sans);padding:10px 8px;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button svg{width:15px;height:15px;transition:transform .22s ease}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button:hover:not(:disabled){background:#7750a3;color:#fff;border-color:#7750a3;transform:translateY(-2px);box-shadow:0 7px 13px #754f9d24}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button:hover:not(:disabled) svg{transform:rotate(90deg)}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button:active:not(:disabled){transform:scale(.97)}
body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button:disabled{cursor:default;background:#f4f1f5;color:#897d92;border-color:#eee7f0}
body[data-view="home"] .home-all{padding:20px 0 54px}
body[data-view="home"] .home-all .primary-button{border-radius:999px;gap:18px;transition:transform .22s ease,box-shadow .22s ease}
body[data-view="home"] .home-all .primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #bd725029}
.row-controls button:focus-visible,.row-view-all:focus-visible,.home-product-card a:focus-visible,.home-product-card button:focus-visible{outline:3px solid #d999bb;outline-offset:3px}
@media(max-width:1100px){body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{grid-auto-columns:calc((100% - 42px)/4);gap:14px}}
@media(max-width:760px){body[data-view="home"] .collection,body[data-view="home"] .home-product-row{padding-top:25px;padding-bottom:25px}body[data-view="home"] .collection>.section-heading,body[data-view="home"] .home-product-row>.section-heading{gap:12px;margin-bottom:17px;align-items:center}body[data-view="home"] .collection h2,body[data-view="home"] .home-product-row h2{font-size:28px;letter-spacing:-.8px}body[data-view="home"] .collection .eyebrow,body[data-view="home"] .home-product-row .eyebrow{font-size:10px;letter-spacing:.1em}.rail-navigation,.home-first-rail-actions{gap:0}.rail-navigation .row-view-all,.home-first-rail-actions .row-view-all{display:none}body[data-view="home"] .row-controls{gap:5px}body[data-view="home"] .row-controls button{height:42px;width:42px;min-width:42px}body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{grid-auto-columns:calc((100% - 12px)/2);gap:12px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card{border-radius:14px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-visual{height:154px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open{padding:17px 20px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open img{max-height:125px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-info{padding:12px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-title{font-size:15px;line-height:1.45;min-height:44px;margin-bottom:12px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-price{font-size:18px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button{font-size:13px;min-height:42px;padding:10px 6px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-bottom{gap:10px}}
@media(max-width:360px){body[data-view="home"] .collection h2,body[data-view="home"] .home-product-row h2{font-size:24px}body[data-view="home"] .row-controls button{width:40px;min-width:40px;height:42px}body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-visual{height:140px}}
@media(prefers-reduced-motion:reduce){body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card,body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card *,body[data-view="home"] .row-controls button,body[data-view="home"] .row-view-all span,body[data-view="home"] .home-all .primary-button{transition:none!important;transform:none!important}body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{scroll-behavior:auto}}
/* Three products fit fully across each home shelf on phones. */
@media(max-width:760px){
 body[data-view="home"] .product-rail,body[data-view="home"] #product-grid{grid-auto-columns:calc((100% - 16px)/3);gap:8px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card{border-radius:11px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-visual{height:clamp(98px,29vw,155px)}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open{padding:12px 9px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-open img{max-height:132px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-info{padding:9px 7px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-title{font-size:12px;line-height:1.4;-webkit-line-clamp:3;min-height:51px;max-height:51px;margin-bottom:10px;overflow-wrap:anywhere}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-price{font-size:14px;letter-spacing:-.3px;min-height:32px;line-height:1.25}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .product-bottom{gap:7px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button{min-height:40px;padding:8px 4px;font-size:11px;gap:3px;border-radius:7px}
 body[data-view="home"] :is(#product-grid,.product-rail) .home-product-card .add-button svg{width:12px;height:12px;flex-shrink:0}
}
