:where(.product-card).card{--card-rotate:0deg;--tag-font-size:.65rem;--tag-gap:.5rem;--tag-padding-block:.25rem;position:relative;isolation:isolate;display:flex;min-width:0;overflow:clip;flex-direction:column;background:var(--fill);color:var(--fg,var(--ink));border-radius:var(--r-card);box-shadow:0 0 0 1px #0000000e,0 2px 4px -2px #0000000f,0 10px 24px -16px #00000024;padding:var(--space-card);transform:rotate(var(--card-rotate));transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1)}:where(.product-card).card--featured{grid-column:1/-1}:where(.product-card).card--doze{--fill:var(--app-doze)}:where(.product-card).card--calmon{--fill:var(--app-calmon)}:where(.product-card).card--calmon .card__title{text-transform:none}:where(.product-card).card--calmon .card__shots{padding:0;min-height:360px;background:var(--app-calmon)}:where(.product-card).card--yilo{--fill:var(--app-yilo)}:where(.product-card).card--xvdl{--fill:var(--app-xvdl);--icon-optical-scale:1.34214}:where(.product-card).card--awhile-read{--fill:var(--app-awhile-read)}:where(.product-card).card--cia{--fill:var(--app-world-book)}:where(.product-card).card--yifan{--fill:oklch(.8 .1 160)}:where(.product-card).card--fondfont{--fill:var(--app-fondfont)}:where(.product-card).card--shheep{--fill:var(--app-shheep)}:where(.product-card).card--shheep .card__shots img{image-rendering:pixelated}:where(.product-card).card:nth-child(odd){--card-rotate:-1deg}:where(.product-card).card:nth-child(2n){--card-rotate:1deg}:where(.product-card) .card__tag{display:inline-flex;width:max-content;max-width:100%;margin:var(--tag-gap) 0 0;padding:var(--tag-padding-block) .5rem;border-radius:999px;background:color-mix(in oklch,currentColor 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 10%,transparent);font:500 var(--tag-font-size)/1.3 var(--sans);text-transform:none;letter-spacing:0;opacity:.7}:where(.product-card) .card__grid{flex:1;display:grid;grid-template-columns:minmax(0,9fr) minmax(240px,8fr);gap:var(--space-grid);align-items:stretch}:where(.product-card).card--compact .card__grid{grid-template-columns:minmax(0,1fr)}:where(.product-card) .card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}:where(.product-card) .card__heading{--icon-size:calc(var(--icon-title-height,1cap) + var(--tag-gap) + var(--tag-font-size)*1.3 + var(--tag-padding-block)*2);display:flex;min-width:0;align-items:center;gap:clamp(12px,1.2vw,18px);font:900 clamp(34px,4.6vw,64px)/1 var(--display-latin)}:where(.product-card) .card__identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start}:where(.product-card) .card__meta{display:flex;align-items:center;gap:12px;margin-top:var(--tag-gap);white-space:nowrap}:where(.product-card) .card__meta .card__tag{margin:0;flex:none}:where(.product-card) .card__press{--card-action-min-height:0px;--card-action-font-size:var(--tag-font-size);--card-action-padding-block:0px}:where(.product-card) .card__press:before{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}:where(.product-card) .card__title{font-size:inherit;text-box:trim-both cap alphabetic}:where(.product-card).card--compact .card__heading{font-size:clamp(30px,3.2vw,44px)}:where(.product-card).card--yifan .card__title{text-box:normal}:where(.product-card).card--yifan .card__heading{--icon-title-height:1em}:where(.product-card) .card__p{margin-top:clamp(24px,2.6vw,32px);max-width:34em;font-size:1rem;line-height:1.7}:where(.product-card) .card__foot{margin-top:auto;padding-top:clamp(28px,3vw,40px)}:where(.product-card).card .card__icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex:none;scale:var(--icon-optical-scale,1.08)}:where(.product-card).card:has(.card__go:focus-visible){outline:2px solid var(--accent);outline-offset:4px}:where(.product-card) .card__shots{--shot-padding:clamp(12px,1.5vw,20px);display:grid;min-width:0;overflow:hidden;place-items:center;padding:var(--shot-padding);border-radius:0;background:color-mix(in oklch,currentColor 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 9%,transparent)}:where(.product-card).card--featured .card__shots{justify-self:stretch;margin:calc(-1 * var(--space-card)) calc(-1 * var(--space-card)) calc(-1 * var(--space-card)) 0}:where(.product-card) .card__shots>img{width:100%;height:100%;max-height:clamp(190px,22vw,320px);object-fit:cover;object-position:top;border-radius:8px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}:where(.product-card).card--shheep .card__shots,:where(.product-card).card--xvdl .card__shots{--shot-padding:clamp(20px,2.5vw,32px);background-position:center;background-size:cover}:where(.product-card).card--shheep .card__shots{background-color:#49476f}:where(.product-card).card--xvdl .card__shots{background-color:#425d7d}:where(.product-card).card--shheep .card__shots img,:where(.product-card).card--xvdl .card__shots img{width:auto;height:auto;max-width:100%;object-fit:contain;box-shadow:0 12px 28px -8px #0000004d}:where(.product-card).card--yilo .card__shots{position:relative;z-index:3;padding:0;aspect-ratio:auto;background:#f6f2e7;box-shadow:none;pointer-events:none}:where(.product-card).card--doze .card__shots{--shot-padding:clamp(28px,3vw,40px);aspect-ratio:auto;background-color:#faf9ef;background-repeat:no-repeat;background-position:center calc(100% + 20px);background-size:calc(100% + 32px) auto}:where(.product-card).card--doze .card__shots img{width:clamp(208px,22vw,272px);height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:12px;box-shadow:0 2px 6px -2px #0000001f,0 14px 28px -8px #00000029}@media(hover:hover)and (pointer:fine){:where(.product-card).card:has(.card__go:hover){z-index:4;transform:translateY(-6px) rotate(0)}:where(.product-card).card:has(.card__go:active){transform:translateY(-2px) rotate(0) scale(.995)}}@media(max-width:720px){:where(.product-card).card--featured{grid-column:auto}:where(.product-card) .card__grid{grid-template-columns:minmax(0,1fr)}:where(.product-card) .card__shots{aspect-ratio:16/9}:where(.product-card).card--featured .card__shots{margin:0 calc(-1 * var(--space-card)) calc(-1 * var(--space-card))}:where(.product-card).card--calmon .card__shots{height:clamp(260px,64vw,360px);min-height:0;aspect-ratio:auto}:where(.product-card).card--yilo .card__shots{aspect-ratio:auto}}@media(max-width:560px){:where(.product-card).card{transform:none}:where(.product-card) .card__heading{font-size:36px}:where(.product-card).card--compact .card__heading{font-size:32px}:where(.product-card) .card__p{font-size:1.0625rem;line-height:1.65}:where(.product-card) .card__foot{--card-action-min-height:48px;width:100%;padding-top:28px}:where(.product-card) .card__go{width:100%}:where(.product-card) .card__shots{--shot-padding:12px}}@media(max-width:360px){:where(.product-card) .card__heading{font-size:34px}:where(.product-card).card--compact .card__heading{font-size:30px}}
