/* Original collection built on the shared product actions and price markup. */
.product-card--collection{--pc-ink:#18263b;--pc-accent:var(--web-main-color,#2563eb);display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:var(--pc-ink);box-shadow:0 8px 22px #14283f0a;container-type:inline-size}
.product-card--collection .product-card__visual{position:relative;aspect-ratio:auto;background:#f3f5f7;overflow:hidden}
.product-card--collection .product-card__media{aspect-ratio:1;position:relative;height:auto;background:transparent}
.product-card--collection .product-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.product-card--collection .product-card__placeholder{min-height:180px}
.product-card--collection .product-card__body{position:relative;display:flex;flex:1;flex-direction:column;gap:0;padding:20px;min-width:0}
.product-card--collection h2{margin:0 0 14px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.product-card--collection h2 a{color:var(--pc-ink);text-decoration:none;background:none}
.product-card--collection .product-card__category{font-size:11px;line-height:1.5;color:var(--pc-accent);margin-bottom:8px}
.product-card--collection .product-card__footer{margin-top:auto;padding-top:12px;border-top:1px solid #e2e8f0}
.product-card--collection .product-price strong{font-size:21px;font-weight:800;color:var(--pc-accent)}
.product-card--collection .product-card__quick-actions{z-index:5;gap:6px;transition:opacity .25s,transform .3s}
.product-card--collection .product-card__quick-actions button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;color:#26354b;background:#fff;border:1px solid #e2e8f0;box-shadow:0 3px 10px #14283f12}
.product-card--collection .product-card__quick-actions button:is(:hover,.is-active){background:var(--pc-accent);border-color:var(--pc-accent);color:#fff}
.product-card--collection .product-card__margin{border-radius:4px;left:12px;top:12px;padding:6px 9px}
.product-card--collection:is(:hover,:focus-within,.is-preview-hover) .product-card__quick-actions{opacity:1;transform:none;pointer-events:auto}
.product-card--collection:is(:hover,.is-preview-hover) .product-card__media img{transform:scale(1.045)}
.product-card--collection .product-card__cart-label{font-size:11px;line-height:1.3;font-weight:700;margin-left:7px;white-space:normal}

/* Fashion portrait with a full-width cart, using the same existing cart button. */
.product-card--template-runway{border:0;border-radius:0;box-shadow:none}
.product-card--template-runway .product-card__media{aspect-ratio:4/5}
.product-card--template-runway .product-card__body{padding:18px 0}
.product-card--template-runway .product-card__quick-actions{inset:12px 12px 12px auto;display:flex;flex-direction:column;width:36px;overflow:visible}
.product-card--template-runway .product-card__quick-cart{position:absolute;bottom:0;right:0;width:calc(100cqw - 24px)!important;border-radius:0!important;background:#192334!important;color:#fff!important}
.product-card--template-runway .product-card__footer{border:0}

.product-card--template-dock .product-card__visual{padding-bottom:28px}
.product-card--template-dock .product-card__quick-actions{display:flex;top:auto;right:auto;left:50%;bottom:12px;width:max-content;padding:8px;border-radius:40px;background:#fff;box-shadow:0 6px 20px #132a4926;transform:translate(-50%,14px)}
.product-card--template-dock:is(:hover,:focus-within,.is-preview-hover) .product-card__quick-actions{transform:translate(-50%,0)}
.product-card--template-dock .product-card__quick-actions button{border:0;border-radius:50%;box-shadow:none;width:32px;height:32px}
.product-card--template-dock .product-card__body{text-align:center}
.product-card--template-dock .product-price{justify-content:center}

.product-card--template-frame{padding:10px;border:1px solid #c8b998;border-radius:0;box-shadow:none;background:#fcfaf6;--pc-accent:#826936}
.product-card--template-frame .product-card__visual{border:1px solid #d9cfba;padding:10px;background:#fff}
.product-card--template-frame .product-card__body{text-align:center;padding:24px 12px 12px}
.product-card--template-frame .product-price{justify-content:center}
.product-card--template-frame .product-card__quick-actions button{border-radius:0}

.product-card--template-arch{border:0;border-radius:140px 140px 18px 18px;background:#faf2e9;--pc-accent:#965a36;box-shadow:none}
.product-card--template-arch .product-card__visual{margin:14px 14px 0;border-radius:140px 140px 8px 8px;padding-bottom:52px;background:#e8d9c6}
.product-card--template-arch .product-card__media{aspect-ratio:4/5}
.product-card--template-arch .product-card__margin{top:auto;bottom:60px}
.product-card--template-arch .product-card__quick-actions{display:flex;top:auto;bottom:9px;left:0;right:0;justify-content:center}
.product-card--template-arch .product-card__body{text-align:center}
.product-card--template-arch .product-price{justify-content:center}

.product-card--template-poster{background:#142334;--pc-ink:#fff;--pc-accent:#a5f3fc;border:0}
.product-card--template-poster .product-card__media{aspect-ratio:4/5}
.product-card--template-poster .product-card__body{margin-top:-60px;padding-top:54px;background:linear-gradient(transparent,#142334 58px);z-index:2;pointer-events:none}
.product-card--template-poster .product-card__body a{pointer-events:auto}
.product-card--template-poster .product-card__footer{border-color:#ffffff24}
.product-card--template-poster .product-price__purchase,.product-card--template-poster p{color:#bfcede}
.product-card--template-poster .product-card__quick-actions{top:12px;right:12px;bottom:auto}

.product-card--template-sidebar .product-card__visual{padding-right:54px}
.product-card--template-sidebar .product-card__quick-actions{top:0;right:0;bottom:0;width:54px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:1;transform:none;background:#152a43;pointer-events:auto}
.product-card--template-sidebar .product-card__quick-actions button{background:transparent;border-color:#ffffff30;color:#fff;box-shadow:none;width:34px;height:34px}
.product-card--template-sidebar .product-card__body{border-left:4px solid var(--pc-accent)}

.product-card--template-ticket{background:#fffaf0;border-color:#eadcba;border-radius:16px;--pc-accent:#ad6320}
.product-card--template-ticket .product-card__visual{margin:10px 10px 0;border-radius:10px}
.product-card--template-ticket .product-card__footer{position:relative;border-top:2px dashed #d4bd93;margin:4px -20px -20px;padding:18px 20px;background:#f7edd8}
.product-card--template-ticket .product-card__footer:before,.product-card--template-ticket .product-card__footer:after{content:'';position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #eadcba}
.product-card--template-ticket .product-card__footer:before{left:-9px}.product-card--template-ticket .product-card__footer:after{right:-9px}

.product-card--template-neo{border:2px solid #171717;border-radius:0;box-shadow:5px 5px 0 #171717;--pc-accent:#171717;--pc-ink:#171717}
.product-card--template-neo .product-card__body{background:#f9e75e;border-top:2px solid #171717}
.product-card--template-neo .product-card__quick-actions button{border:2px solid #171717;border-radius:0;box-shadow:3px 3px 0 #171717}
.product-card--template-neo .product-card__margin{border:2px solid #171717;border-radius:0;background:#fff;color:#171717;box-shadow:3px 3px 0 #171717}
.product-card--template-neo .product-card__footer{border-color:#171717}
.product-card--template-neo:is(:hover,.is-preview-hover){transform:translate(-2px,-2px);box-shadow:8px 8px 0 #171717}

.product-card--template-mono{border:0;border-radius:0;box-shadow:none;--pc-accent:#171717}
.product-card--template-mono .product-card__media img{filter:grayscale(1);transition:filter .4s,transform .5s}
.product-card--template-mono:is(:hover,.is-preview-hover) .product-card__media img{filter:grayscale(0)}
.product-card--template-mono .product-card__body{padding:20px 0;border-top:3px solid #171717}
.product-card--template-mono .product-card__quick-actions button{border-radius:0;background:#171717;color:#fff;border:0}

.product-card--template-aurora{--pc-accent:#b8a5ff;--pc-ink:#f8faff;background:radial-gradient(ellipse at 0 100%,#493b75,transparent 65%),#101d33;border-color:#4e496d;border-radius:24px}
.product-card--template-aurora .product-card__visual{margin:12px;border-radius:15px;background:#25304c}
.product-card--template-aurora .product-card__quick-actions button{background:#17263ce8;border-color:#ffffff40;color:#fff;backdrop-filter:blur(8px)}
.product-card--template-aurora .product-card__body{padding-top:8px}
.product-card--template-aurora .product-card__footer{border-color:#ffffff24}
.product-card--template-aurora .product-price__purchase,.product-card--template-aurora p{color:#bfcede}

.product-card--template-diagonal{border:0;border-radius:6px;background:#eef8f6;--pc-accent:#147767}
.product-card--template-diagonal .product-card__media{clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}
.product-card--template-diagonal .product-card__visual{background:#eef8f6}
.product-card--template-diagonal .product-card__body{padding-top:8px}
.product-card--template-diagonal .product-card__quick-actions button{border-radius:50%}

.product-card--template-spotlight{border:0;border-radius:24px;background:#f3f7fc}
.product-card--template-spotlight .product-card__visual{margin:18px 18px 0;border-radius:50%;background:radial-gradient(circle,#fff 50%,#dce8f7 51%);padding:18px}
.product-card--template-spotlight .product-card__media{border-radius:50%}
.product-card--template-spotlight .product-card__media img{object-fit:contain}
.product-card--template-spotlight .product-card__margin{left:22px;top:24px}
.product-card--template-spotlight .product-card__quick-actions{display:flex;top:auto;bottom:22px;right:0;left:0;justify-content:center;gap:3px}
.product-card--template-spotlight .product-card__quick-actions button{width:30px;height:30px;border-radius:50%;font-size:12px}
.product-card--template-spotlight .product-card__body{text-align:center}
.product-card--template-spotlight .product-card__footer{border:0;background:#fff;border-radius:12px;padding:12px}
.product-card--template-spotlight .product-price{justify-content:center}

.product-card--template-catalog{display:grid;grid-template-columns:40% minmax(0,1fr);border-radius:8px;overflow:hidden}
.product-card--template-catalog .product-card__visual{padding-bottom:94px;overflow:visible;min-height:220px}
.product-card--template-catalog .product-card__media{height:100%;min-height:125px;aspect-ratio:auto}
.product-card--template-catalog .product-card__media img{object-fit:contain}
.product-card--template-catalog .product-card__body{padding:14px}
.product-card--template-catalog .product-card__quick-actions{inset:auto 5px 8px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;opacity:1;transform:none;pointer-events:auto}
.product-card--template-catalog .product-card__quick-actions button{width:28px;height:30px;font-size:11px}
.product-card--template-catalog .product-card__quick-cart{order:4;flex-basis:100%;height:auto!important;min-height:36px;background:var(--pc-accent);color:#fff;padding:6px 2px}
.product-card--template-catalog .product-card__cart-label{font-size:10px;margin-left:4px}
.product-card--template-catalog h2{font-size:14px}.product-card--template-catalog .product-price strong{font-size:18px}

@media(hover:none),(pointer:coarse){
 .product-card--collection .product-card__quick-actions{opacity:1;transform:none;pointer-events:auto}
 .product-card--template-dock .product-card__quick-actions{transform:translate(-50%,0)}
}
@container(max-width:210px){
 .product-card--collection .product-card__body{padding:12px}
 .product-card--collection .product-card__quick-actions button{width:30px;height:30px;font-size:11px}
 .product-card--collection .product-price strong{font-size:18px}
 .product-card--template-ticket .product-card__footer{margin:4px -12px -12px;padding:14px 12px}
 .product-card--template-catalog .product-card__quick-actions button{width:23px}
}
@media(prefers-reduced-motion:reduce){.product-card--collection,.product-card--collection *{transition:none!important;animation:none!important}.product-card--collection:is(:hover,.is-preview-hover),.product-card--collection:is(:hover,.is-preview-hover) .product-card__media img{transform:none!important}}

/* Six curated layouts: no duplicated actions, all feature toggles remain server-controlled. */
.product-card--template-reveal{border:0;border-radius:10px;box-shadow:none}
.product-card--template-reveal .product-card__media{aspect-ratio:4/5;background:#f2f4f6}
.product-card--template-reveal .product-card__media .product-card__secondary-image{position:absolute;inset:0;opacity:0;transition:opacity .4s ease,transform .5s ease}
.product-card--template-reveal:is(:hover,:focus-within,.is-preview-hover) .product-card__secondary-image{opacity:1}
.product-card--template-reveal .product-card__visual:after{background:#14283f30}
.product-card--template-reveal:is(:hover,:focus-within,.is-preview-hover) .product-card__visual:after{opacity:1}
.product-card--template-reveal .product-card__quick-actions{top:50%;left:50%;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(2,44px);gap:8px;padding:12px;background:#ffffff35;border:1px solid #ffffff60;border-radius:18px;backdrop-filter:blur(6px);transform:translate(-50%,-40%)}
.product-card--template-reveal .product-card__quick-actions button{width:44px;height:44px;border-radius:10px;border:0;box-shadow:0 3px 12px #11283f16}
.product-card--template-reveal:is(:hover,:focus-within,.is-preview-hover) .product-card__quick-actions{transform:translate(-50%,-50%)}
.product-card--template-reveal .product-card__body{padding:20px 2px 10px}
.product-card--template-reveal .product-card__footer{border:0}

.product-card--template-shoppable{border:1px solid #dbe3ed;border-radius:12px;background:#fff}
.product-card--template-shoppable .product-card__visual{padding-bottom:108px;background:#f4f7fb}
.product-card--template-shoppable .product-card__quick-actions{display:flex;justify-content:center;flex-wrap:wrap;top:auto;bottom:12px;left:12px;right:12px;gap:6px}
.product-card--template-shoppable .product-card__quick-actions button{width:36px;height:36px;border-radius:7px;box-shadow:none;background:#fff}
.product-card--template-shoppable .product-card__quick-actions .product-card__quick-cart{order:4;width:100%;height:42px;background:var(--pc-accent);color:#fff;border:0;border-radius:7px}
.product-card--template-shoppable .product-card__body{padding:18px}
.product-card--template-shoppable .product-card__footer{border:0;padding:0}
.product-card--template-shoppable .product-card__cart-label{font-size:12px}

.product-card--template-ribbon{border-radius:8px;background:#fffdf9;border-color:#ede2ce;--pc-accent:#965520}
.product-card--template-ribbon .product-card__visual{margin:0 0 0 14px;overflow:visible}
.product-card--template-ribbon .product-card__margin{top:0;left:0;border-radius:0;padding:12px 8px 19px;min-width:40px;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);box-shadow:none;background:#a34635;font-size:12px}
.product-card--template-ribbon .product-card__body{padding:20px}
.product-card--template-ribbon .product-card__footer{border:0;border-left:3px solid #b57c38;padding:3px 0 3px 12px;margin-top:6px}
.product-card--template-ribbon .product-card__quick-actions button{border-radius:50%;border:1px solid #e8d9c6;color:#8b5c31}

.product-card--template-magazine{border:0;border-top:3px solid #202a37;border-radius:0;box-shadow:none;--pc-accent:#222e40}
.product-card--template-magazine .product-card__body{order:-1;padding:18px 0;flex:none}
.product-card--template-magazine h2{font-family:Georgia,serif;font-size:21px;line-height:1.35;margin-bottom:10px}
.product-card--template-magazine .product-card__footer{border:0;padding:0}
.product-card--template-magazine .product-price{gap:4px 12px}
.product-card--template-magazine .product-price__purchase{width:auto;margin:0}
.product-card--template-magazine .product-card__visual{padding-bottom:53px}
.product-card--template-magazine .product-card__media{aspect-ratio:5/4}
.product-card--template-magazine .product-card__quick-actions{display:flex;top:auto;bottom:0;right:0;left:0;gap:0;border-top:1px solid #e2e8f0;background:#f8fafc}
.product-card--template-magazine .product-card__quick-actions button{flex:1;height:48px;border-radius:0;border:0;border-right:1px solid #e2e8f0;background:transparent;box-shadow:none}
.product-card--template-magazine .product-card__quick-actions button:last-child{border-right:0}

.product-card--template-stack{border:0;border-radius:16px;background:#f1efe9;box-shadow:none;--pc-accent:#675e4d}
.product-card--template-stack .product-card__visual{margin:22px 18px 0;padding:14px 8px 8px;background:transparent;overflow:visible;isolation:isolate}
.product-card--template-stack .product-card__visual:before,.product-card--template-stack .product-card__visual:after{content:'';position:absolute;inset:13px 8px 8px;background:#fff;border:1px solid #d9d4c9;border-radius:3px;z-index:-1;opacity:1;transition:transform .35s;pointer-events:none}
.product-card--template-stack .product-card__visual:before{transform:rotate(-5deg)}
.product-card--template-stack .product-card__visual:after{transform:rotate(4deg);background:#e7e2d9}
.product-card--template-stack .product-card__media{border:6px solid #fff;box-shadow:0 4px 12px #423b291a;border-radius:3px;aspect-ratio:1;box-sizing:border-box}
.product-card--template-stack:is(:hover,:focus-within,.is-preview-hover) .product-card__visual:before{transform:rotate(-8deg) translateX(-2px)}
.product-card--template-stack:is(:hover,:focus-within,.is-preview-hover) .product-card__visual:after{transform:rotate(7deg) translateX(2px)}
.product-card--template-stack .product-card__quick-actions{display:flex;top:auto;bottom:18px;left:0;right:0;justify-content:center;gap:4px}
.product-card--template-stack .product-card__quick-actions button{width:32px;height:32px;border-radius:50%}
.product-card--template-stack .product-card__margin{left:19px;top:26px}
.product-card--template-stack .product-card__body{text-align:center;padding:24px 20px 20px}
.product-card--template-stack .product-price{justify-content:center}
.product-card--template-stack .product-price__purchase{justify-content:center}
.product-card--template-stack .product-card__footer{border-color:#d9d4c9}

.product-card--template-corner{border-radius:4px;border:1px solid #dbe4ed;background:#fff;--pc-accent:#244e66}
.product-card--template-corner .product-card__media{aspect-ratio:1}
.product-card--template-corner .product-card__quick-actions{display:grid;grid-template-columns:repeat(2,38px);gap:1px;top:auto;bottom:0;right:0;padding:7px;background:#fff;border-radius:12px 0 0 0;box-shadow:-5px -5px 18px #152a4410;transform:translate(12px,12px)}
.product-card--template-corner .product-card__quick-actions button{width:38px;height:38px;border:0;border-radius:4px;box-shadow:none;background:#edf3f7}
.product-card--template-corner .product-card__body{padding:18px 20px;border-left:4px solid #244e66}
.product-card--template-corner .product-card__margin{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;font-size:11px}
.product-card--template-corner .product-card__footer{border:0;padding:0}

/* Consistent type and predictable action targets in small product columns. */
.product-card--collection h2 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-card--collection .product-card__quick-actions button{transition:background-color .2s,color .2s,transform .2s}
.product-card--collection .product-card__quick-actions button:focus-visible{outline:3px solid var(--pc-accent);outline-offset:2px}
.product-card--collection .product-card__quick-actions button:hover{color:#fff;background:var(--pc-accent)}
@container(max-width:220px){
 .product-card--template-reveal .product-card__quick-actions{grid-template-columns:repeat(2,36px);gap:6px;padding:8px}
 .product-card--template-reveal .product-card__quick-actions button{width:36px;height:36px}
 .product-card--template-stack .product-card__visual{margin:16px 12px 0}
 .product-card--template-stack .product-card__quick-actions button{width:28px;height:28px}
 .product-card--template-corner .product-card__quick-actions{grid-template-columns:repeat(2,32px)}
 .product-card--template-corner .product-card__quick-actions button{width:32px;height:32px}
 .product-card--template-magazine h2{font-size:18px}
}
@media(hover:none),(pointer:coarse){
 .product-card--template-reveal .product-card__quick-actions{opacity:1;transform:translate(-50%,-50%)}
 .product-card--template-corner .product-card__quick-actions{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .product-card--collection *,.product-card--collection *:before,.product-card--collection *:after{transition:none!important}
 .product-card--template-stack:is(:hover,:focus-within,.is-preview-hover) .product-card__visual:before{transform:rotate(-5deg)}
 .product-card--template-stack:is(:hover,:focus-within,.is-preview-hover) .product-card__visual:after{transform:rotate(4deg)}
}