@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800&family=Comfortaa:wght@400;600;700&family=Cormorant+Garamond:wght@400;600;700&family=Dancing+Script:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&family=Lora:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&family=Pacifico&family=Playfair+Display:wght@400;600;700;800&family=Poppins:wght@400;500;600;700;800&family=Quicksand:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:var(--font-body,'DM Sans',sans-serif);color:var(--text-color,#292039);background:#fffaf5;font-size:16px;--purple:#514599;--pink:#cf579d;--font-body:'DM Sans',sans-serif;--font-heading:'Nunito',sans-serif;--text-color:#292039}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d8d0df;background:white;border-radius:12px;padding:11px 15px;color:inherit}button:hover{border-color:var(--purple);background:#f3eefb}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d55d9f;outline-offset:3px}header{max-width:1500px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9dfea;background-color:#fffaf5;background-position:center;background-size:cover}.brand{font-family:Nunito,sans-serif;font-size:28px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:#292039;display:flex;align-items:center;gap:12px;min-width:0}.brand-copy{display:block;line-height:1.05}.brand #brand-icon{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.brand span span{font-size:15px;letter-spacing:1px;display:block}.brand span{font-size:15px;letter-spacing:1px;display:block}.header-right{display:flex;gap:24px;align-items:center;font-size:14px}.header-right a{color:inherit;text-decoration:none}.header-right a:hover{text-decoration:underline}main{max-width:1500px;margin:auto;padding:30px 36px 70px}.intro{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--purple);margin:0 0 10px}h1,h2{font-family:var(--font-heading,'Nunito',sans-serif);line-height:1.1}h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-1.4px;margin:0 0 13px}h2{font-size:26px;margin:0 0 22px}.intro p:last-child{margin:0;line-height:1.5;color:#695f73}.offers{display:flex;gap:10px;flex-shrink:0}.offers div{padding:17px 20px;min-width:105px;border-radius:20px;background:#f8d2e6;transform:rotate(-3deg)}.offers div:nth-child(2){background:#cfebdb;transform:rotate(2deg)}.offers div:nth-child(3){background:#e4ddf2;transform:rotate(-2deg)}.offers strong{font:900 26px Nunito;display:block;white-space:nowrap}.offers small{font-size:19px}.offers span{font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.tools{display:flex;gap:12px;align-items:end;padding:15px;background:#f0eaf5;border-radius:18px}.tools label:first-child{flex:1}.tools input{width:100%}label{display:block}label>span{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input,select,textarea{padding:11px 12px;border:1px solid #d7cede;border-radius:10px;background:white;color:#292039;min-width:0}.catalog-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#70657c;padding:20px 2px 14px}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{position:relative;border:2px solid #eee5ee;border-radius:20px;background:#fff;overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{transform:translateY(-3px);border-color:#c8b5de}.card.chosen{border-color:var(--purple);background:#f2edfc}.select-card{border:0;background:transparent;padding:8px 8px 13px;width:100%;border-radius:17px;text-align:left;display:block}.select-card:hover{background:transparent}.select-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 5px;font-size:14px;font-weight:700}.check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0eaf5;font-size:20px;color:var(--purple)}.chosen .check{background:var(--purple);color:white}.enlarge{position:absolute;right:8px;top:8px;width:30px;height:30px;padding:0;border-radius:50%;background:#fffffff0;font-size:19px}aside{align-self:start;position:sticky;top:20px;padding:25px;border:1px solid #d9cde7;border-radius:24px;background:#fff;box-shadow:0 8px 0 #eee6f1}.count{display:flex;gap:12px;align-items:center;margin-bottom:14px}.count strong{font:900 44px Nunito;color:var(--purple)}.count span{font-size:14px;max-width:90px;color:#71677c}#selected{display:flex;gap:6px;flex-wrap:wrap;max-height:125px;overflow:auto;margin-bottom:20px}.chip{padding:5px 8px;background:#f0eaf5;font-size:13px;border:0;border-radius:7px}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #dcd2e5;padding-top:20px}.total strong{font:900 32px Nunito}.total small{font:500 12px 'DM Sans'}.primary{display:block;background:var(--purple);border:0;color:white;font-weight:700;border-radius:12px;text-align:center;text-decoration:none;padding:14px 17px}.primary:hover{background:#3f347d;color:white}aside .primary{width:100%;margin-top:20px}.text-button{display:block;border:0;width:100%;font-size:14px;text-decoration:underline;background:transparent}.fine{font-size:12px;line-height:1.65;color:#766a80}#breakdown,#saving{font-size:14px;line-height:1.5}#saving{color:#42775b;font-weight:700}details{font-size:14px;line-height:1.6;margin:18px 0}summary{cursor:pointer;font-weight:600}.mobile-bar{display:none}dialog{border:0;border-radius:24px;padding:30px;width:min(560px,calc(100% - 24px));max-height:90dvh;color:#292039;box-shadow:0 25px 100px #24183255}dialog::backdrop{background:#251b3a99;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:14px;border:0;background:#f0eaf5;font-size:25px;padding:0;width:36px;height:36px}#zoom{text-align:center;width:min(500px,calc(100% - 24px))}#zoom img{width:100%;max-height:55dvh;object-fit:contain}#zoom .primary{width:100%}#checkout label{margin:14px 0}#checkout input,#checkout textarea{width:100%}#checkout textarea{font-size:14px;min-height:140px;margin-bottom:16px;resize:vertical}#checkout-images{display:flex;gap:5px;overflow:auto;max-height:90px}#checkout-images img{width:75px;height:75px;object-fit:contain;background:#f3eef9;border-radius:10px}#checkout-total{font-size:22px;font-weight:800;color:var(--purple)}#copy{width:100%;margin-top:10px}#copy-status{font-size:14px}.tools button[aria-pressed=true]{background:var(--purple);color:white}@media(min-width:1450px){#grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.intro{align-items:start;flex-direction:column}.offers{width:100%}.offers div{flex:1}.layout{grid-template-columns:minmax(0,1fr) 275px}#grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools{flex-wrap:wrap}.tools label:first-child{min-width:150px}}@media(max-width:750px){header{padding:18px 20px}.brand #brand-icon{width:34px;height:34px;flex-basis:34px}.brand{gap:8px}.brand{font-size:24px}.brand span span{font-size:13px}.header-right{gap:12px}.header-right>span{display:none}main{padding:24px 16px 115px}.intro{margin-bottom:24px;gap:22px}h1{font-size:36px}.intro p:last-child{font-size:15px}.offers{gap:8px}.offers div{min-width:0;padding:12px 13px;border-radius:15px}.offers strong{font-size:22px}.offers small{font-size:17px}.layout{display:block}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{border-radius:14px}.select-card{padding:6px}.card-bottom{padding:3px 2px}.enlarge{top:4px;right:4px;width:26px;height:26px}aside{position:static;margin-top:28px}.tools{gap:8px;padding:12px}.tools label:first-child{flex-basis:100%}.tools label:last-child{flex:1}.tools select{width:100%}.catalog-heading{font-size:12px}.mobile-bar{display:flex;flex-wrap:wrap;position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:10px;background:#fff;border-top:1px solid #ded2e7;z-index:5;box-shadow:0 -4px 20px #3b235610;font-size:14px;font-weight:700}.mobile-bar .primary{padding:13px 18px}.mobile-minimum-note{display:block;flex:1 0 100%;order:3;font-size:10px;line-height:1.35;margin:0}.mobile-price-details{order:4;flex-basis:100%;width:100%}dialog{padding:25px 20px}#checkout h2{margin-right:30px}}@media(max-width:370px){#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offers strong{font-size:18px}.offers small{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.offers{flex-wrap:wrap;max-width:540px}.offers .full-pack{background:var(--purple);color:white;border:2px solid var(--purple);border-radius:20px;padding:15px 18px;flex-basis:100%;text-align:center}.offers .full-pack:hover{background:#3f347d}.offers .full-pack span{display:block;margin-top:4px;font-size:14px}.offers div{flex:1}.intro>div:first-child{min-width:0}@media(min-width:1151px){.offers{width:440px}}@media(max-width:750px){.offers .full-pack{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:15px}.offers .full-pack span{margin:0}}

/* Full-catalog call to action: raised surface with a gentle, finite glow. */
.offers .full-pack{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#514599,#793fa2);border:2px solid #a58bd4;border-bottom-color:#392965;box-shadow:0 6px 0 #34245f,0 10px 22px #7046a32b;transform:translateY(0);margin-bottom:6px;transition:transform .18s ease,box-shadow .18s ease;animation:pack-glow 1.6s ease-in-out 3}
.offers .full-pack strong,.offers .full-pack span{position:relative;z-index:1}
.offers .full-pack span{font-weight:800;line-height:1.4}
.offers .full-pack::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff24 48%,transparent 65%);transform:translateX(-120%);animation:pack-shine 2.4s ease-in-out 2}
.offers .full-pack:hover,.offers .full-pack:focus-visible{background:linear-gradient(115deg,#6050ae,#8b48ac);transform:translateY(-2px);box-shadow:0 8px 0 #34245f,0 12px 28px #9f65c54d;animation:none}
.offers .full-pack:active{transform:translateY(4px);box-shadow:0 2px 0 #34245f,0 4px 10px #7046a32b}
@keyframes pack-glow{0%,100%{box-shadow:0 6px 0 #34245f,0 10px 22px #7046a32b}50%{box-shadow:0 6px 0 #34245f,0 0 0 4px #d889bd33,0 10px 28px #ad69c966}}
@keyframes pack-shine{0%,20%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(max-width:750px){.offers .full-pack{flex-direction:column;gap:3px;padding:12px 14px}.offers .full-pack span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.offers .full-pack,.offers .full-pack::before{animation:none!important;transition:none!important}}

/* Keep pricing visible without stretching the sticker tiles. */
@media(max-width:750px){
 .mobile-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));max-height:40dvh;overflow-y:auto}
 .mobile-price-details{grid-column:1/-1;min-width:0;font-size:14px;line-height:1.4;font-weight:400}
 .mobile-price-details[hidden]{display:none}
 .mobile-price-details p{margin:0;overflow-wrap:anywhere}
 #mobile-saving{color:#42775b;font-weight:700;margin-top:2px}
 main{padding-bottom:calc(var(--mobile-bar-height,150px) + 24px)}
}

/* Selected stickers: slow green, purple and gold glow. */
.card.chosen{border-color:#389766;box-shadow:inset 0 0 0 1px #38976633;animation:selected-colors 7.5s ease-in-out infinite}
.card.chosen::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff55 48%,transparent 66%);transform:translateX(-125%);animation:selected-sheen 7.5s ease-in-out infinite}
.card.chosen .enlarge{z-index:1}
@keyframes selected-colors{
 0%,100%{background-color:#e5f5eb;border-color:#389766;box-shadow:inset 0 0 14px #43b67b24,0 0 7px #43b67b38}
 35%{background-color:#f0e7fa;border-color:#9462d0;box-shadow:inset 0 0 14px #9462d024,0 0 7px #9462d045}
 70%{background-color:#fff5d5;border-color:#caa52a;box-shadow:inset 0 0 14px #edc94e26,0 0 7px #edc94e50}
}
@keyframes selected-sheen{0%,12%{transform:translateX(-125%)}32%,100%{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.card.chosen,.card.chosen::after{animation:none!important}.card.chosen{border-color:var(--purple);box-shadow:inset 0 0 0 1px #9462d044}.card.chosen::after{display:none}}


/* One brief celebration for the sticker just added. */
.selection-sparkles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}
.selection-sparkles span{position:absolute;left:50%;top:44%;font-size:22px;line-height:1;color:#9670cb;text-shadow:0 1px 3px #ffffff;opacity:0;animation:selection-sparkle .45s ease-out both;--spark-x:-30px;--spark-y:-25px}
.selection-sparkles span:nth-child(2){--spark-x:28px;--spark-y:-35px;color:#c39a16;font-size:18px}
.selection-sparkles span:nth-child(3){--spark-x:34px;--spark-y:18px;color:#359765;font-size:16px}
@keyframes selection-sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-15deg)}25%{opacity:1}65%{opacity:.85}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.1) rotate(30deg)}}
@media(prefers-reduced-motion:reduce){.selection-sparkles{display:none}.selection-sparkles span{animation:none!important}}
/* Lovely v2 additions: retains the 250-design storefront and checkout. */
:root{--bg:#fffaf5}body{background-color:var(--bg)}
#offers .offer-tile{padding:12px 16px;border:1px solid #e0d4e9;background:#fff;border-radius:16px;text-align:left;min-width:85px;flex:1}
#offers .offer-tile strong{display:block;font-size:24px;font-weight:850}#offers .offer-tile small{font-size:15px}#offers .offer-tile span{font-size:12px}
.owner-bar{margin:0 0 22px;padding:15px 20px;display:flex;align-items:center;gap:14px;border:1px solid #e3d0e6;border-radius:18px;background:#fffafaf2;flex-wrap:wrap}
.owner-bar>div{flex:1;min-width:180px}.owner-bar strong{color:var(--purple)}.owner-bar p{font-size:13px;margin:4px 0;color:#625a69}.owner-bar button,#clear-promo-filter,#missing-filter{border:1px solid #d5c7e6;background:#fff;padding:9px 13px;color:var(--purple)}
.owner-bar #owner-view{color:#316d4d;font-size:14px;font-weight:bold}
.card .ownership{display:block;font-size:11px;padding:5px 7px;font-weight:700;text-align:center}.is-owned{color:#186744;background:#e5f5e7}.not-owned{color:#80665b;background:#f9eee8}
.card .promo-badge{display:block;width:100%;border:0;background:#f9eafa;color:#664186;font-size:10px;line-height:1.3;padding:5px 7px;text-align:left;overflow-wrap:anywhere}.card .promo-badge:hover{text-decoration:underline}
#promo-section{border-bottom:1px solid #e1d6e9;margin-bottom:20px;padding-bottom:12px}#promo-section h3{margin:0 0 8px;color:var(--purple);font-size:18px}
#special-promos{display:grid;gap:10px}.promotion{width:100%;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;border:1px solid #ead6d9;background:#fff7e9;padding:0;border-radius:12px;color:#483456;text-align:left}.promotion-card-image{display:block;width:100%;height:clamp(110px,14vw,180px);object-fit:cover;object-position:center}.promotion-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;width:100%;background:linear-gradient(180deg,#fff9 0%,#fffef4 100%)}.promotion small{font-size:12px;margin-top:3px}.promo-detail-hero{position:relative;margin:12px 0 16px}.promo-detail-hero h2{margin:0 0 8px}.promo-detail-hero p{margin:0 0 12px}.promo-detail-banner{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;object-position:center;border-radius:12px;margin:12px 0 16px}.promo-detail-banner[hidden]{display:none}.promo-detail-hero.has-banner{height:clamp(180px,28vw,280px);overflow:hidden;border-radius:12px;color:#fff}.promo-detail-hero.has-banner .promo-detail-banner{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;margin:0;border-radius:0;z-index:0}.promo-detail-hero.has-banner:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fffaf5d9 0%,#fffaf514 34%,#fffaf514 60%,#fffaf5d9 100%)}.promo-detail-hero.has-banner h2,.promo-detail-hero.has-banner p{position:absolute;z-index:2;left:18px;right:18px;width:auto;margin:0;text-shadow:0 1px 4px #fff9;overflow-wrap:anywhere}.promo-detail-hero.has-banner h2{top:14px;font-size:clamp(19px,3vw,28px)}.promo-detail-hero.has-banner p{bottom:14px;font-size:clamp(12px,1.7vw,15px);line-height:1.4}.promo-detail-hero [data-align=left]{text-align:left}.promo-detail-hero [data-align=center]{text-align:center}.promo-detail-hero [data-align=right]{text-align:right}
#owner-dialog label{display:block;margin:14px 0}#owner-dialog input{width:100%;padding:12px;border:1px solid #d8c7e6;border-radius:10px}#owner-dialog .primary{width:100%}
#promo-images{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-height:290px;overflow:auto}#promo-images img{width:100%;aspect-ratio:1;object-fit:contain;background:#f7eef8;border-radius:8px}#promo-price{font-weight:700;color:var(--purple)}#promo-dialog .primary{width:100%;margin:10px 0}
#category-filter{min-width:160px}#missing-filter[hidden],#owner-exit[hidden],#promo-section[hidden]{display:none}
@media(max-width:750px){.owner-bar{padding:12px}.owner-bar>div{flex-basis:100%}#promo-images{grid-template-columns:repeat(4,minmax(0,1fr))}#offers .offer-tile{padding:8px;min-width:0}#offers .offer-tile strong{font-size:17px}#offers .offer-tile small{font-size:12px}}

/* El sticker de bienvenida 001 está incluido gratis; nunca se puede seleccionar. */
.card:has(.included-card){border-color:#a6d9ba;background:#f2fbf5}
.select-card.included-card:disabled{opacity:1;cursor:default}
.included-label{width:auto;height:auto;padding:5px 8px;border-radius:8px;background:#d8f4e2;color:#225b3b;font-size:12px;font-weight:900;letter-spacing:.1px}
.select-card.included-card:hover{background:transparent}

/* v2.3: ownership context, disabled owned designs and promotion replacements. */
.ownership-context{background:#e6f5ec;color:#145d3c;border:1px solid #8fc6a5;border-radius:14px;font-size:15px;font-weight:800;padding:13px 18px;margin:0 0 17px}
.ownership-context[hidden]{display:none}
.card:has(.owned-card){background:#f5f8f6;border-color:#afcbc1}
.select-card.owned-card:disabled{opacity:.82;cursor:not-allowed}
.card .check:has(+ *){max-width:100%}
.card:has(.owned-card) .check{font-size:11px;padding:4px 6px;background:#ccebd8;color:#226443;width:auto;height:auto;border-radius:7px}
.card:has(.owned-card) .promo-badge{opacity:1}
#promo-replacements{display:grid;gap:9px;margin:12px 0}
.replacement-field{display:grid;gap:4px;color:#443956;font-size:13px;font-weight:700}
.replacement-select{width:100%;border:1px solid #c6b3dd;border-radius:9px;padding:10px;background:white;color:#2a2234}
#promo-eligibility{line-height:1.45;font-size:14px;color:#665274}
#promo-add:disabled{opacity:.55;cursor:not-allowed}
.promo-image-wrap{text-align:center;min-width:0}.promo-image-wrap small{display:block;font-size:10px;color:#4f3f59}

/* Custom full-width promotional masthead */
.hero-promo{margin:0 0 22px;text-align:center;position:relative}.hero-promo .eyebrow{margin:0 0 10px}.promo-banner{display:block;width:100%;max-height:440px;object-fit:cover;object-position:center;border-radius:22px;margin:0 auto 20px}.promo-banner[hidden]{display:none}.hero-promo h1{margin:0 auto 8px}.intro{margin-top:0}.hero-promo.has-banner{height:clamp(250px,32vw,440px);overflow:hidden;border-radius:22px;isolation:isolate;display:flex;align-items:stretch;justify-content:stretch}.hero-promo.has-banner .promo-banner{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;margin:0;border-radius:0;z-index:-2}.hero-promo.has-banner:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fffaf5d9 0%,#fffaf510 30%,#fffaf510 58%,#fffaf5d9 100%)}.hero-promo.has-banner .eyebrow,.hero-promo.has-banner h1{position:absolute;z-index:2;left:5%;width:90%;margin:0;text-shadow:0 1px 4px #fff9;overflow-wrap:anywhere}.hero-promo.has-banner .eyebrow{top:8%;font-size:clamp(13px,2vw,21px);line-height:1.25;font-weight:900;letter-spacing:.04em}.hero-promo.has-banner h1{bottom:8%;font-size:clamp(28px,4vw,48px);line-height:1.08}.hero-promo.has-banner [data-align=left]{text-align:left}.hero-promo.has-banner [data-align=center]{text-align:center}.hero-promo.has-banner [data-align=right]{text-align:right}@media(max-width:750px){.hero-promo{margin-bottom:18px}.promo-banner{max-height:300px;border-radius:15px;margin-bottom:16px}.hero-promo h1{font-size:clamp(28px,8vw,38px)}.hero-promo.has-banner{height:clamp(200px,58vw,300px);border-radius:15px}.hero-promo.has-banner .eyebrow{top:7%;font-size:clamp(11px,3vw,16px)}.hero-promo.has-banner h1{bottom:7%;font-size:clamp(25px,6.5vw,36px)}.promo-detail-hero.has-banner{height:clamp(170px,52vw,240px)}.promo-detail-hero.has-banner h2{left:12px;right:12px;top:10px}.promo-detail-hero.has-banner p{left:12px;right:12px;bottom:10px}}


/* v2.9: price tiers are display-only; the full-pack CTA is the sole offer action. */
#offers .offer-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:default;user-select:text;pointer-events:none;padding:12px 14px;border:1px solid #e0d4e9;background:#fff;border-radius:16px;min-width:85px;flex:1;transform:none;box-shadow:none}
#offers .offer-tile strong{display:block;font-size:22px;font-weight:850;white-space:nowrap}
#offers .offer-tile small{font-size:14px}
#offers .offer-tile span{font-size:12px;color:#746b80}
#offers .full-pack{background:var(--purple);border-color:var(--purple);box-shadow:0 5px 0 color-mix(in srgb,var(--purple),#171024 38%),0 10px 22px color-mix(in srgb,var(--purple),transparent 80%);}
#offers .full-pack:hover,#offers .full-pack:focus-visible{background:var(--purple);filter:brightness(.92)}
@media(max-width:750px){#offers .offer-tile{padding:8px 6px;min-width:0}#offers .offer-tile strong{font-size:17px}#offers .offer-tile small{font-size:12px}}


/* v2.13: scroll motion and tasteful sticker browsing effects */
.hero-promo.has-banner .promo-banner{will-change:transform;transition:transform .12s linear}
.promo-detail-banner{transition:transform .45s ease}
body[data-banner-effect="zoom"] .promo-detail-hero.has-banner .promo-detail-banner,
body[data-banner-effect="parallax_zoom"] .promo-detail-hero.has-banner .promo-detail-banner{transform:scale(1.035)}
body[data-banner-effect="parallax"] .promo-detail-hero.has-banner .promo-detail-banner{transform:scale(1.02)}
#grid[data-card-effect="roulette"]{perspective:1000px}
#grid[data-card-effect="roulette"] .card{transform:scale(var(--roulette-scale,1));transform-origin:center center;transition:transform .2s ease,border-color .15s,box-shadow .2s;will-change:transform}
#grid[data-card-effect="roulette"] .card:hover{transform:scale(calc(var(--roulette-scale,1) + .015)) translateY(-2px);z-index:2;box-shadow:0 12px 24px #3a245018}
#grid[data-card-effect="hover-lift"] .card{transition:transform .22s ease,box-shadow .22s ease}
#grid[data-card-effect="hover-lift"] .card:hover{transform:translateY(-6px);box-shadow:0 14px 26px #3a245020;z-index:2}
#grid[data-card-effect="hover-zoom"] .card{transition:transform .22s ease,box-shadow .22s ease}
#grid[data-card-effect="hover-zoom"] .card:hover{transform:scale(1.035);box-shadow:0 10px 25px #3a24501f;z-index:2}
#grid[data-card-effect="soft-tilt"] .card{transition:transform .22s ease,box-shadow .22s ease}
#grid[data-card-effect="soft-tilt"] .card:nth-child(odd):hover{transform:rotate(-1deg) translateY(-2px);box-shadow:0 9px 22px #3a245018;z-index:2}
#grid[data-card-effect="soft-tilt"] .card:nth-child(even):hover{transform:rotate(1deg) translateY(-2px);box-shadow:0 9px 22px #3a245018;z-index:2}
#grid[data-card-effect="reveal"] .card.reveal-pending{opacity:0;transform:translateY(13px);transition:opacity .45s ease,transform .45s ease}
#grid[data-card-effect="reveal"] .card.reveal-pending.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.hero-promo.has-banner .promo-banner,.promo-detail-banner,#grid .card{transition:none!important;animation:none!important;transform:none!important;will-change:auto!important}#grid[data-card-effect="reveal"] .card.reveal-pending{opacity:1;transform:none}}

#grid[data-card-effect="none"] .card:hover{transform:none;box-shadow:none}


/* v2.19: scroll-driven mist stays transition-free; hover reveal is responsive and interpolated. */
#grid[data-browse-theme="vertical-mist"] .card{opacity:var(--browse-opacity,1);filter:blur(var(--browse-blur,0px));scale:var(--mist-scale,1);transform-origin:center center;will-change:opacity,filter,scale;transition:none;}
#grid[data-browse-theme="vertical-mist"] .card.mist-focused{opacity:1!important;filter:blur(0)!important;scale:var(--mist-focus-scale,1.025);z-index:3;transition:opacity var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1),filter var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1),scale var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1);transition-delay:0s;}
#grid[data-browse-theme="vertical-mist"] .card.mist-returning{transition:opacity var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1),filter var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1),scale var(--mist-transition-duration,0.75s) cubic-bezier(.22,.7,.2,1);transition-delay:0s;}
#grid[data-browse-theme="vertical-mist"][data-card-effect="reveal"] .card.reveal-pending{opacity:var(--browse-opacity,1);transform:none;}
.order-minimum-note,.mobile-minimum-note{display:none!important}.order-minimum-prompt{white-space:normal;line-height:1.3;font-size:12px;padding:11px 12px}.order-blocked{opacity:.65;pointer-events:none;cursor:not-allowed}.mobile-bar .order-minimum-prompt{max-width:58%;font-size:11px;padding:10px;white-space:normal;}
.order-minimum-note{margin:10px 0 4px;line-height:1.5}.mobile-minimum-note{display:none;}
#grid[data-browse-theme="vertical-mist"] .card.chosen{border-color:var(--purple);}
.brand-copy{transition:color .15s ease;}
@media(prefers-reduced-motion:reduce){#grid[data-browse-theme="vertical-mist"] .card,.brand-copy{transition:none!important;filter:none!important;opacity:1!important;scale:1!important;will-change:auto!important}}