/* Home cards: quantity and primary purchase action, then a quiet product link. */
#index .gw-grid-purchase{width:100%;min-width:0;margin-top:auto;padding-top:12px}
#index .gw-grid-form{display:flex;flex-wrap:wrap;gap:7px;margin:0;width:100%}
#index .gw-grid-qty{display:flex;align-items:center;justify-content:space-between;flex:1 0 108px;height:42px;border:1px solid #ddd3e6;border-radius:7px;background:#fff;overflow:hidden}
#index .gw-grid-qty button{flex:1 0 32px;min-width:32px;height:40px;padding:0;border:0;background:transparent;color:#29123f;font:600 19px/1 Arial,sans-serif;cursor:pointer}
#index .gw-grid-qty button:hover:not(:disabled){background:#f1ebf7}
#index .gw-grid-qty button:disabled{color:#b2a9ba;cursor:default}
#index .gw-grid-qty input{width:36px;min-width:0;height:40px;padding:0;text-align:center;border:0;border-radius:0;background:#fff;color:#29123f;font-family:inherit;font-weight:600;font-size:14px;line-height:1;box-shadow:none;appearance:textfield;-moz-appearance:textfield}
#index .gw-grid-qty input::-webkit-inner-spin-button,#index .gw-grid-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#index .gw-grid-add{display:flex;align-items:center;justify-content:center;flex:2 1 146px;min-height:42px;padding:9px 10px;border:1px solid #f0b323;border-radius:7px;background:#f0b323;color:#221132!important;font-family:inherit;font-size:12px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none!important;cursor:pointer;white-space:normal}
#index .gw-grid-add:hover{background:#ffc744;border-color:#ffc744}
#index .gw-grid-add:disabled{opacity:.6;cursor:wait}
#index .gw-grid-view{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 0;color:#53316a!important;font-size:12px;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
#index .gw-grid-purchase :focus-visible{outline:3px solid #6e3ca0!important;outline-offset:2px}
#index .gw-cat.gwc .gwc-product-image{display:block;text-align:center}
#index .gw-cat.gwc .gwc-nm{min-height:32px;text-decoration:none}
#index .prc-bd{display:flex;flex-direction:column;flex:1}
#index .prc-ft{margin-bottom:0}
#index .featured-foot{margin-bottom:0}
@media(max-width:400px){#index .gw-grid-add{font-size:11px;padding:9px 4px}#index .gw-grid-view{font-size:11px}}
/* Compact Élan signature, using the PDP's state colours and angled brand block. */
#index .gw-grid-delay{--delay-tint:#e6deed;--delay-ink:#5b4868;--delay-edge:#ae9bbc;display:block;min-width:0;width:100%;margin:8px 0 3px;text-align:left}
#index .gw-grid-delay[data-state=fast]{--delay-tint:#c9ef83;--delay-ink:#24390e;--delay-edge:#70a638}
#index .gw-grid-delay[data-state=four]{--delay-tint:#f7e3aa;--delay-ink:#654915;--delay-edge:#e3a628}
#index .gw-grid-delay[data-state=slow]{--delay-tint:#e5e6e8;--delay-ink:#51555d;--delay-edge:#92969e}
#index .gw-grid-delay[data-state=arrival]{--delay-tint:#e8d9f5;--delay-ink:#68488b;--delay-edge:#9364ba}
#index .gw-grid-delay-band{display:flex;align-items:center;min-height:38px;border:0;border-radius:6px;overflow:hidden;background:var(--delay-tint);box-shadow:none}
#index .gw-grid-delay-brand{display:flex;flex:1;min-width:0;align-self:stretch;flex-direction:column;justify-content:center;padding:5px 0 5px 9px;background:transparent;color:var(--delay-ink)}
#index .gw-grid-delay-brand small{font-size:7px;line-height:1.1;letter-spacing:.3px}
#index .gw-grid-delay-brand strong{font-family:'Russo One',Arial,sans-serif;font-style:italic;font-size:18px;line-height:1.15;font-weight:400;letter-spacing:-.4px;overflow-wrap:anywhere}
#index .gw-grid-delay-icon{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 40px;width:40px;padding-left:10px;background:#39264c;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);color:var(--delay-tint);font-size:23px;font-weight:700}
#index .gw-grid-delay-caption{display:block;min-height:29px;padding-top:4px;font-size:10px;line-height:1.35;color:#65556f;overflow-wrap:break-word}
#index .gw-grid-delay[data-state=mixed] strong,#index .gw-grid-delay[data-state=unknown] strong{font-family:inherit;font-style:normal;font-size:12px;letter-spacing:0}
@media(max-width:400px){#index .gw-grid-delay-brand strong{font-size:16px}#index .gw-grid-delay-caption{font-size:9px}#index .gw-grid-delay-icon{flex-basis:34px;width:34px;padding-left:8px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}}

#index .gw-grid-delay-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
/* Approved Essentielle layout. Scoped to the home cards, after the legacy home sheets. */
#index .gw-grid-card{--stock-line:#a3a5ad;min-width:0;overflow:hidden;border-radius:8px}
#index .gw-grid-card[data-gwsp-state=fast]{--stock-line:#83aa58}
#index .gw-grid-card[data-gwsp-state=four]{--stock-line:#dca746}
#index .gw-cat.gwc .gwc-prod.gw-grid-card{padding:0;gap:0}
#index .gw-grid-card .gw-grid-image{display:block;position:relative;width:100%;height:auto;min-height:0;flex:none;aspect-ratio:1;padding:0;margin:0;border:0;border-radius:0;background:#fff;overflow:hidden}
#index .gw-grid-card .gw-grid-image::before{display:none}
#index .gw-grid-card .gw-grid-image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--stock-line);z-index:2;pointer-events:none}
#index .gw-cat.gwc .gwc-prod .gw-grid-image img,#index .gw-grid-card .gw-grid-image img{display:block;position:absolute;inset:0;width:100%;max-width:none;height:100%;aspect-ratio:1;object-fit:contain;padding:0;margin:0;border-radius:0;transform:none;mix-blend-mode:normal}
#index .gw-grid-card .gw-grid-body{display:flex;flex-direction:column;flex:1;min-width:0;gap:8px;padding:12px;text-align:left}
#index .gw-grid-name{display:block;min-width:0;min-height:36px;margin:0;color:#251332!important;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1.25;letter-spacing:0}
#index .gw-grid-model{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .gw-grid-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:400;line-height:1.35;color:#756a7c}
#index .gw-grid-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0;min-height:30px;gap:4px 7px;margin-top:auto}
#index .gw-grid-price{display:flex;flex-direction:column;min-width:0;color:#251332;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:0;font-variant-numeric:tabular-nums}
#index .gw-grid-amount{white-space:nowrap}
#index .gw-grid-currency{font-size:14px;font-weight:400;color:#6c5d76}
#index .gw-grid-price s,#index .gw-grid-from{font-size:10px;font-weight:400;color:#756a7c;line-height:1.4}
#index .gw-grid-card .gw-grid-delay{flex:0 1 auto;width:auto;max-width:110px;margin:0;position:relative;--delay-tint:#ededf0;--delay-ink:#63656e}
#index .gw-grid-card .gw-grid-delay[data-state=fast]{--delay-tint:#e2efce;--delay-ink:#426524}
#index .gw-grid-card .gw-grid-delay[data-state=four]{--delay-tint:#f8e9c4;--delay-ink:#725323}
#index .gw-grid-card .gw-grid-delay-band{min-height:22px;border-radius:4px}
#index .gw-grid-card .gw-grid-delay-brand{padding:0 4px 0 6px}
#index .gw-grid-card .gw-grid-delay-brand small{display:none}
#index .gw-grid-card .gw-grid-delay-brand strong{font-family:inherit;font-style:normal;font-size:11px;line-height:22px;font-weight:700;letter-spacing:0;overflow-wrap:normal}
#index .gw-grid-card .gw-grid-delay-icon{width:22px;flex-basis:22px;padding-left:5px;background:#584462;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}
#index .gw-grid-card .gw-grid-delay-icon svg{width:11px;height:11px}
/* Keep the full promise available to assistive technology and in the native tooltip. */
#index .gw-grid-card .gw-grid-delay-caption{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#index .gw-grid-card .gw-grid-purchase{margin-top:0;padding-top:0}
#index .gw-grid-form{gap:7px}
#index .gw-grid-card .gw-grid-qty{flex:1 0 82px;height:38px;border-color:#e9e3ee;background:#fcfbfd}
#index .gw-grid-card .gw-grid-qty button{height:36px;min-width:26px;flex-basis:26px}
#index .gw-grid-card .gw-grid-qty input{height:36px;width:30px;background:#fcfbfd}
#index .gw-grid-card .gw-grid-add{flex:2 1 120px;min-height:38px;padding:8px 6px}
#index .gw-grid-card .gw-grid-view{min-height:28px;padding:6px 0 0;font-weight:400;color:#77647f!important;font-size:11px;text-decoration-thickness:1px}
@media(max-width:600px){
#index .gw-grid-card .gw-grid-body{padding:9px;gap:7px}
#index .gw-grid-name{font-size:13px;min-height:34px}
#index .gw-grid-summary{font-size:11.5px;margin-top:2px}
#index .gw-grid-meta{min-height:27px;gap:3px}
#index .gw-grid-price{font-size:22px}
#index .gw-grid-currency{font-size:13px}
#index .gw-grid-card .gw-grid-delay{max-width:90px}
#index .gw-grid-card .gw-grid-delay-band{min-height:20px}
#index .gw-grid-card .gw-grid-delay-brand{padding:0 5px}
#index .gw-grid-card .gw-grid-delay-brand strong{font-size:10px;line-height:20px}
#index .gw-grid-card .gw-grid-delay-icon{display:none}
#index .gw-grid-card .gw-grid-qty{flex-basis:100%;height:36px}
#index .gw-grid-card .gw-grid-qty button,#index .gw-grid-card .gw-grid-qty input{height:34px}
#index .gw-grid-card .gw-grid-add{flex-basis:100%;min-height:42px}
}
@media(max-width:350px){#index .gw-grid-price{font-size:20px}#index .gw-grid-currency{font-size:12px}#index .gw-grid-card .gw-grid-delay-brand{padding:0 3px}#index .gw-grid-card .gw-grid-delay-brand strong{font-size:9.5px}}
#index .gw-grid-card .gw-grid-delay-brand strong{color:var(--delay-ink)!important}
#index .gw-grid-card .gw-grid-body{container-type:inline-size}
#index .gw-grid-card .gw-grid-qty{flex-basis:74px}
#index .gw-grid-card .gw-grid-add{flex-basis:100px}
@media(max-width:600px){#index .gw-grid-card .gw-grid-qty,#index .gw-grid-card .gw-grid-add{flex-basis:100%}}
@container(max-width:165px){
#index .gw-grid-price{font-size:20px}
#index .gw-grid-card .gw-grid-delay-icon{display:none}
#index .gw-grid-card .gw-grid-delay-brand{padding:0 3px}
#index .gw-grid-card .gw-grid-delay-brand strong{font-size:9px}
}
@container(max-width:125px){#index .gw-grid-price{font-size:17px}#index .gw-grid-currency{font-size:11px}#index .gw-grid-card .gw-grid-delay-brand strong{font-size:8.5px}}
@container(max-width:125px){
#index .gw-grid-name{min-height:50px}
#index .gw-grid-card .gw-grid-delay{max-width:28px}
#index .gw-grid-card .gw-grid-delay-brand{padding:0 2px;text-align:center}
#index .gw-grid-card .gw-grid-delay-brand strong{line-height:10px}
}