/* Consolidated listing component: frame, grid, palette, metadata. */
/* Gold frame adapts to listing photos; original photos remain intact. */
.pa-showcase-card{min-width:0;overflow:hidden;position:relative;border-radius:22px!important;padding:5px!important;border:1px solid #e7bd42!important;background:linear-gradient(125deg,#fff9ca 0%,#e8a82a 15%,#ffeb84 32%,#eebd3a 68%,#fff3a3 86%,#db981a 100%)!important;box-shadow:0 5px 16px #b28a1b26,inset 0 0 0 2px #fff8cc;display:flex;flex-direction:column;isolation:isolate}
.pa-showcase-photo{position:relative!important;display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1.05;overflow:hidden;border-radius:18px 18px 0 0;background:radial-gradient(ellipse at 10% 25%,#fff2a2 0,transparent 50%),linear-gradient(135deg,#ffdf64,#efb829 60%,#ffe889);border:1px solid #e2b841;flex:none}
.pa-showcase-photo:after{content:"";position:absolute;inset:9px;border:1px solid #a46c2455;border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px #fff7b177}
.pa-showcase-main{width:76%!important;height:100%!important;object-fit:contain!important;position:absolute;inset:0 0 0 auto;z-index:1}
.has-gallery .pa-showcase-main{width:65%!important;right:21%}
.pa-showcase-gallery{position:absolute;right:3%;top:21%;bottom:4%;width:24%;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:7px}
.pa-showcase-gallery img{display:block!important;flex:none;width:100%!important;aspect-ratio:1;height:auto!important;object-fit:cover;border:2px solid #fff4c5;border-radius:50%;box-shadow:0 2px 7px #71480055}
.pa-showcase-tier{position:absolute;left:9px;top:12px;z-index:4;padding:8px 12px;border:1px solid #c49222;border-radius:30px;background:linear-gradient(110deg,#fff8b7,#f9c741);box-shadow:0 3px 8px #ab701f44;color:#4d3100;font-weight:900;font-size:14px;max-width:calc(100% - 18px)}
.pa-showcase-tier.is-new{background:linear-gradient(110deg,#fffdeb,#ffe288)}
.pa-showcase-paws{position:absolute;left:5%;top:26%;width:18%;height:63%;display:flex;flex-direction:column;justify-content:space-around;color:#ad76294d;transform:rotate(-12deg)}
.pa-showcase-paws svg{width:100%;fill:currentColor;stroke:none}
.pa-showcase-body{flex:1;padding:14px!important;color:#fff!important;border-radius:0 0 18px 18px;background:linear-gradient(135deg,#123853,#092238)!important;border:1px solid #f7da7c;box-shadow:inset 0 0 20px #00142555}
.pa-showcase-breed{font-size:11px;font-weight:700;color:#f7dd8d;margin-bottom:6px;overflow-wrap:anywhere}
.pa-showcase-body h3{margin:0 0 12px!important;padding:0 0 12px!important;font-size:16px!important;line-height:1.4!important;border-bottom:1px solid #eed67588;overflow-wrap:anywhere}
.pa-showcase-body h3 a{color:#fff!important;text-decoration:none}
.pa-showcase-meta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px}
.pa-showcase-meta>div{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #ffffff35;border-radius:13px;background:linear-gradient(135deg,#ffffff16,#ffffff09);min-width:0}
.pa-showcase-meta svg{width:22px;height:22px;flex:none;color:#fff}
.pa-showcase-meta>div>span{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.4;white-space:normal!important}
.pa-showcase-date b,.pa-showcase-date time,.pa-showcase-date .js-live-relative{display:block;white-space:normal!important;font-size:12px;line-height:1.5}
.pa-showcase-date time,.pa-showcase-date .js-live-relative{color:#ccdbea;font-weight:400;font-size:11px}
.pa-showcase-photo .pa-sold-badge{top:auto;bottom:12px;left:12px}
@media(max-width:760px){.pa-showcase-card{border-radius:16px!important;padding:3px!important}.pa-showcase-photo{border-radius:13px 13px 0 0}.pa-showcase-tier{font-size:10px;padding:5px 8px;left:5px;top:8px}.pa-showcase-body{padding:9px!important;border-radius:0 0 13px 13px}.pa-showcase-body h3{font-size:13px!important;margin-bottom:8px!important;padding-bottom:8px!important}.pa-showcase-meta{gap:5px;grid-template-columns:1fr}.pa-showcase-meta>div{padding:7px;gap:7px;border-radius:9px}.pa-showcase-meta svg{width:17px;height:17px}.pa-showcase-meta>div>span{font-size:12px}.pa-showcase-date b{font-size:11px}.pa-showcase-gallery{gap:4px}.pa-showcase-gallery img{border-width:1px}}
@media(min-width:430px) and (max-width:760px){.pa-showcase-meta{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.pa-showcase-meta svg{width:14px;height:14px}.pa-showcase-meta>div{gap:4px;padding:6px}}
.real-product-grid:has(>.pa-showcase-card),.portal-archive-grid:has(>.pa-showcase-card){grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start}
@media(max-width:1100px){.real-product-grid:has(>.pa-showcase-card),.portal-archive-grid:has(>.pa-showcase-card){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.real-product-grid:has(>.pa-showcase-card),.portal-archive-grid:has(>.pa-showcase-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.pa-showcase-photo{height:auto!important;aspect-ratio:1/1.05!important}

.pa-showcase-card{container-type:inline-size;align-self:start;display:grid!important;gap:0;grid-template-rows:minmax(0,65fr) minmax(0,35fr)}
.pa-showcase-body{min-height:0;display:flex;flex-direction:column;justify-content:flex-start}
.pa-showcase-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pa-showcase-breed{display:none}
.pa-showcase-main,.has-gallery .pa-showcase-main{left:12%!important;right:12%!important;width:76%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.pa-showcase-gallery{width:17%;right:2%;top:auto;bottom:4%;height:auto;max-height:65%;gap:4px}
.pa-showcase-paws{left:2%;width:10%;top:30%;height:60%}
.pa-showcase-tier{top:6px;left:6px;font-size:10px!important;padding:4px 7px!important;line-height:1.2}
.pa-showcase-photo .pa-sold-badge{font-size:10px;padding:3px 6px;bottom:5px;left:5px}

/* Category palette */
.pa-showcase-card{--frame-light:#fff8bb;--frame-mid:#ffdc65;--frame-dark:#c48b17;--panel:#092238;--panel-light:#123853;--badge-ink:#4d3100}
.pa-theme-green{--frame-light:#d9ffec;--frame-mid:#76dca6;--frame-dark:#198a58;--panel:#0d382b;--panel-light:#16543d;--badge-ink:#075332}
.pa-theme-red{--frame-light:#ffe5e8;--frame-mid:#f698a2;--frame-dark:#b63449;--panel:#461726;--panel-light:#6d263c;--badge-ink:#712037}
.pa-theme-silver{--frame-light:#f9fbff;--frame-mid:#c7d4e5;--frame-dark:#7588a5;--panel:#1c2e48;--panel-light:#304767;--badge-ink:#263c5b}
.pa-theme-orange{--frame-light:#fff0ce;--frame-mid:#ffb957;--frame-dark:#c26816;--panel:#462713;--panel-light:#70431d;--badge-ink:#733b0c}
.pa-showcase-card{background:linear-gradient(125deg,var(--frame-light),var(--frame-dark) 16%,var(--frame-mid) 36%,var(--frame-light) 78%,var(--frame-dark))!important;border-color:var(--frame-dark)!important;box-shadow:0 5px 14px #18334c20,inset 0 0 0 2px var(--frame-light)}
.pa-showcase-photo{background:radial-gradient(ellipse at 10% 25%,var(--frame-light),transparent 55%),linear-gradient(135deg,var(--frame-mid),var(--frame-dark))!important;border-color:var(--frame-dark)}
.pa-showcase-photo:after{border-color:var(--frame-dark);opacity:.45;box-shadow:inset 0 0 0 1px var(--frame-light)}
.pa-showcase-paws{color:var(--frame-dark);opacity:.4}
.pa-showcase-tier,.pa-showcase-tier.is-new{background:linear-gradient(110deg,var(--frame-light),var(--frame-mid));border-color:var(--frame-dark);color:var(--badge-ink)}
.pa-showcase-body{background:linear-gradient(135deg,var(--panel-light),var(--panel))!important;border-color:var(--frame-mid)}
.pa-showcase-body h3{border-bottom-color:var(--frame-mid)}
.pa-showcase-gallery img{border-color:var(--frame-light)}

/* Equal cards and horizontal metadata */
.pa-showcase-card{aspect-ratio:3/4;grid-template-rows:minmax(0,65fr) minmax(0,35fr)}
.pa-showcase-photo{height:100%!important;aspect-ratio:auto!important}
.pa-showcase-body{padding:6px!important;overflow:hidden}
.pa-showcase-body h3{font-size:12px!important;line-height:1.2!important;min-height:2.4em;max-height:2.4em;box-sizing:content-box;margin:0 0 5px!important;padding:0 0 5px!important;flex-shrink:0}
.pa-showcase-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.8fr)!important;gap:3px!important;margin-top:0!important;align-items:stretch;min-width:0}
.pa-showcase-meta>div{width:auto;min-width:0;max-width:100%;min-height:0;padding:4px 2px!important;gap:2px!important;border:1px solid #ffffff25;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pa-showcase-meta svg{display:none!important}
.pa-showcase-meta>div>span{display:block;min-width:0;padding:0;border:0;text-align:center;flex:1}
.pa-showcase-city span{font-size:10px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
.pa-showcase-date b{font-size:9px!important;line-height:1.25!important;white-space:normal!important;display:block}
.pa-showcase-clock time{font-size:10px!important;line-height:1.25!important;white-space:nowrap;display:block;color:#d8e4ed}
.pa-showcase-clock small{font-size:8px;display:block;line-height:1.25}
@container(max-width:180px){.pa-showcase-body{padding:3px!important}.pa-showcase-body h3{font-size:10px!important;margin-bottom:3px!important;padding-bottom:3px!important}.pa-showcase-meta{gap:2px!important}.pa-showcase-meta>div{padding:3px 1px!important}.pa-showcase-city span,.pa-showcase-date b,.pa-showcase-clock time{font-size:8px!important}.pa-showcase-clock small{font-size:7px}}
@container(min-width:310px){.pa-showcase-body{padding:10px!important}.pa-showcase-body h3{font-size:16px!important}.pa-showcase-meta{gap:6px!important}.pa-showcase-meta>div{padding:8px 4px!important;border-radius:10px}.pa-showcase-city span,.pa-showcase-date b,.pa-showcase-clock time{font-size:12px!important}.pa-showcase-clock small{font-size:10px}}