.collection-page{--c-bg:var(--brand-paper);--c-text:var(--brand-ink);--c-muted:var(--brand-ink-soft);--c-accent:var(--brand-ink);--c-accent-text:#fff;--c-art-bg:linear-gradient(160deg, #cfc2ff, #7c5cff);--c-card-bg:#fff;--c-card-border:transparent;--c-card-shadow:0 20px 50px #1d1a2b1f;--c-title-font:var(--font-display);--c-radius:28px;min-height:100dvh;color:var(--c-text);background:var(--c-bg);flex-direction:column;display:flex;position:relative;overflow-x:clip}.collection-decor{z-index:0;pointer-events:none;position:fixed;inset:0}.collection-header,.collection-page main,.collection-footer{z-index:1;position:relative}.collection-header{width:100%;max-width:1100px;padding:calc(14px + var(--safe-top)) 20px 0;margin:0 auto}.collection-back{min-height:44px;color:var(--c-text);background:color-mix(in srgb, var(--c-card-bg) 70%, transparent);border:1px solid color-mix(in srgb, var(--c-text) 14%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease-out);border-radius:999px;align-items:center;margin-left:-4px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.collection-back:active{transform:scale(.96)}.collection-page main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 64px}.collection-hero{max-width:680px;padding:36px 0 34px;position:relative}.collection-hero__emoji{background:var(--c-card-bg);width:64px;height:64px;box-shadow:var(--c-card-shadow);border-radius:20px;place-items:center;font-size:32px;display:inline-grid}.collection-hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);margin-top:22px;font-size:12px;font-weight:700}.collection-hero__title{font-family:var(--c-title-font);letter-spacing:-.02em;margin-top:6px;font-size:clamp(46px,13vw,92px);line-height:.95}.collection-hero__desc{color:var(--c-muted);margin-top:16px;font-size:17px}.collection-hero__count{margin-top:16px;font-size:14px;font-weight:700}.card-list{gap:22px;display:grid}.card-preview{border-radius:var(--c-radius);background:var(--c-card-bg);border:var(--c-card-border-width,1px) solid var(--c-card-border);box-shadow:var(--c-card-shadow);flex-direction:column;display:flex;overflow:hidden}.card-preview__art{aspect-ratio:4/3;background:var(--c-art-bg);display:block}.card-preview__body{padding:22px 22px 24px}.card-preview__tags{flex-wrap:wrap;gap:8px;display:flex}.tag{letter-spacing:.02em;background:color-mix(in srgb, var(--c-text) 8%, transparent);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.tag--type{color:var(--c-accent-text);background:var(--c-accent)}.card-preview__title{font-family:var(--c-title-font);margin-top:14px;font-size:34px;line-height:1.05}.card-preview__subtitle{color:var(--c-muted);margin-top:8px;font-size:17px}.card-preview__highlights{border-top:1px solid color-mix(in srgb, var(--c-text) 12%, transparent);gap:8px;margin:18px 0 0;padding:16px 0 0;font-size:15px;font-weight:600;list-style:none;display:grid}.card-preview__highlights li{align-items:center;gap:10px;display:flex}.card-preview__highlights li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat, var(--c-accent);border-radius:50%;flex:none;width:18px;height:18px}.card-preview{transition:transform .4s var(--ease-out), box-shadow .4s ease}@media (hover:hover){.card-preview:not(.card-preview--soon):hover{transform:translateY(-4px)}}.card-preview__art .art-float{width:min(66%,280px)}.card-preview__cta{min-height:54px;color:var(--c-accent-text);background:var(--c-accent);transition:transform .3s var(--ease-spring), box-shadow .3s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.card-preview__cta:hover{transform:translateY(-2px)}.card-preview__cta:active{transform:scale(.97)}.card-preview--soon{text-align:center;min-height:180px;color:var(--c-muted);border:2px dashed color-mix(in srgb, var(--c-text) 20%, transparent);box-shadow:none;background:0 0;place-content:center;justify-items:center;gap:10px;padding:28px;font-weight:600;display:grid}.card-preview--soon__icon{opacity:.6;font-size:26px}.collection-footer{padding:26px 20px calc(26px + var(--safe-bottom));text-align:center;color:var(--c-muted);font-size:14px;font-weight:600}.collection-footer a{text-decoration:none}@media (width>=640px){.card-list{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.collection-header,.collection-page main{padding-left:32px;padding-right:32px}.collection-hero{padding:60px 0 50px}.card-list{grid-template-columns:repeat(3,1fr);gap:28px}}[data-theme=anniversary]{--c-bg:#fbf2ea;--c-text:#5a352d;--c-muted:#8a6458;--c-accent:#c98a6a;--c-accent-text:#fff;--c-art-bg:radial-gradient(90% 70% at 50% 15%, #fff3ea 0%, transparent 70%), linear-gradient(160deg, #f8d6c8 0%, #e9ad9c 100%);--c-card-bg:#fffaf6;--c-card-border:#c98a6a59;--c-card-shadow:0 24px 50px #a0614f24;--c-title-font:"Cormorant Garamond", Georgia, serif;--c-radius:6px;--focus-ring:#c98a6a}[data-theme=anniversary] .collection-decor{background:radial-gradient(60% 40% at 90% 0,#f8beaa8c,#0000 70%),radial-gradient(50% 40% at 0 60%,#f1d39b59,#0000 70%)}[data-theme=anniversary] .collection-hero__title,[data-theme=anniversary] .card-preview__title{color:#a0614f;font-style:italic;font-weight:500}[data-theme=anniversary] .collection-hero__emoji{background:#fff;border:1px solid #c98a6a66;border-radius:50%}[data-theme=anniversary] .card-preview__subtitle{font-family:Cormorant Garamond,Georgia,serif;font-size:21px;font-style:italic}[data-theme=anniversary] .card-preview__cta{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(120deg,#e9b48f,#c98a6a);border-radius:2px;font-size:13px}[data-theme=anniversary] .card-preview--soon{border:1px solid #c98a6a4d}[data-theme=valentines]{--c-bg:#ffe4ea;--c-text:#5c0a22;--c-muted:#9b3b58;--c-accent:#e11d48;--c-accent-text:#fff;--c-art-bg:linear-gradient(160deg, #ff8fab 0%, #e11d48 100%);--c-card-bg:#fff;--c-card-shadow:0 24px 50px #e11d4829;--c-title-font:"DM Serif Display", Georgia, serif;--c-radius:32px;--focus-ring:#e11d48}[data-theme=valentines] .collection-decor{background:radial-gradient(40% 30% at 100% 0,#ff8faba6,#0000 70%),radial-gradient(40% 30% at 0 100%,#ff8fab80,#0000 70%)}[data-theme=valentines] .collection-decor:before{content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 24 24'%3E%3Cpath fill='%23e11d48' transform='translate(6 6) scale(.5)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");background-size:60px 60px;position:absolute;inset:0}[data-theme=valentines] .collection-hero__eyebrow{letter-spacing:0;text-transform:none;color:#e11d48;font-family:Caveat,cursive;font-size:26px;font-weight:700}[data-theme=valentines] .collection-hero__title{color:#c8102e}[data-theme=valentines] .collection-hero__emoji{transform:rotate(-8deg)}[data-theme=valentines] .card-preview{transform:rotate(-.6deg)}[data-theme=valentines] .card-preview--soon{border-color:#e11d484d;transform:none}[data-theme=kids-birthday]{--c-bg:#ffd84d;--c-text:#1d1a2b;--c-muted:#4a4458;--c-accent:#3a86ff;--c-accent-text:#fff;--c-art-bg:radial-gradient(circle at 82% 18%, #fff7c2 0 8%, transparent 9%), linear-gradient(180deg, #7fd8ff 0%, #4cc9f0 100%);--c-card-bg:#fff;--c-card-border:#1d1a2b;--c-card-border-width:3px;--c-card-shadow:7px 7px 0 #1d1a2b;--c-title-font:"Fredoka", "Manrope", sans-serif;--c-radius:26px;--focus-ring:#1d1a2b}[data-theme=kids-birthday] .collection-decor{opacity:.55;background-image:radial-gradient(circle,#ff5d8f 0 5px,#0000 6px),radial-gradient(circle,#3a86ff 0 4px,#0000 5px),radial-gradient(circle,#06d6a0 0 5px,#0000 6px),radial-gradient(circle,#fff 0 3px,#0000 4px);background-position:10px 20px,60px 80px,120px 10px,30px 50px;background-size:140px 140px,110px 110px,170px 170px,90px 90px}[data-theme=kids-birthday] .collection-hero__title{text-transform:uppercase;color:#fff;-webkit-text-stroke:2px #1d1a2b;paint-order:stroke fill;text-shadow:5px 5px #1d1a2b;letter-spacing:.01em;font-weight:700}[data-theme=kids-birthday] .collection-hero__emoji,[data-theme=kids-birthday] .collection-back{background:#fff;border:3px solid #1d1a2b;box-shadow:4px 4px #1d1a2b}[data-theme=kids-birthday] .collection-hero__eyebrow,[data-theme=kids-birthday] .collection-hero__count{font-family:Fredoka,sans-serif;font-weight:600}[data-theme=kids-birthday] .card-preview__art{border-bottom:3px solid #1d1a2b}[data-theme=kids-birthday] .card-preview__title{font-weight:700}[data-theme=kids-birthday] .card-preview__cta{border:3px solid #1d1a2b;font-family:Fredoka,sans-serif;font-size:19px;font-weight:600;box-shadow:4px 4px #1d1a2b}[data-theme=kids-birthday] .card-preview__cta:active{transform:translate(3px,3px);box-shadow:1px 1px #1d1a2b}[data-theme=kids-birthday] .tag--type{background:#ff5d8f}[data-theme=kids-birthday] .card-preview--soon{background:#ffffff59;border:3px dashed #1d1a2b}.collection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.collection-nav{flex-wrap:wrap;gap:8px;display:flex}.collection-nav a{border-radius:99px;align-items:center;min-height:44px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.collection-nav a[aria-current=page]{color:var(--c-accent-text);background:var(--c-accent)}[data-theme=birthday]{--c-bg:#f4efff;--c-text:#2f234b;--c-muted:#65547e;--c-accent:#6947b4;--c-art-bg:linear-gradient(145deg, #e6dcff, #bca6ec);--c-card-bg:#fffdfb;--c-card-border:#dfd4ef;--c-card-shadow:0 16px 45px #5f418514;--c-title-font:"Fraunces", Georgia, serif;--c-radius:24px;--focus-ring:#6947b4}[data-theme=birthday] .collection-decor{background:radial-gradient(60% 40% at 90% 5%,#e7d3f8,#0000),radial-gradient(60% 50% at 0 70%,#ffe9d7,#0000)}.card-preview__body{flex-direction:column;flex:1;display:flex}.card-preview__cta{margin-top:auto}.card-preview__highlights{margin-bottom:22px}.card-preview__art{position:relative}[data-theme=birthday]{--c-title-font:"DM Serif Display", Georgia, serif}