/* Halloween price lettering: cream face, purple outline, orange extrusion. */
.priced-flyer{position:relative;container-type:inline-size;width:100%;line-height:0;--price-outline:#350942;--price-shadow:#f29a24;--price-face:#fff9e3}
.priced-flyer img{display:block;width:100%;height:auto!important;object-fit:contain!important}
.flyer-price{position:absolute;top:var(--price-y);left:29%;right:17%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none}
.price-composition{display:flex;align-items:flex-start;justify-content:center;gap:.75cqw;white-space:nowrap;filter:drop-shadow(0 .35cqw 0 var(--price-outline)) drop-shadow(0 .3cqw 0 var(--price-shadow))}
.price-whole,.price-cents{font-family:"Lilita One","Arial Black",sans-serif;font-style:normal;font-weight:400;font-variant-numeric:lining-nums tabular-nums;color:var(--price-face);-webkit-text-stroke:.95cqw var(--price-outline);paint-order:stroke fill;text-shadow:none;letter-spacing:.04cqw}
.price-whole{font-size:12.3cqw;line-height:.92}
.price-decimals{padding-top:.7cqw;margin-left:.15cqw}
.price-cents{font-size:5.1cqw;letter-spacing:-.2cqw;line-height:1.05;display:block;-webkit-text-stroke:.7cqw var(--price-outline)}
.price-comma{font-size:3.8cqw;margin-right:.15cqw}
.price-ornament{display:none}
.pack-clarification{font:800 1.75cqw/1.4 Arial,sans-serif;letter-spacing:.15cqw;color:var(--price-outline);margin-top:1.2cqw;transform:none}
.flyer-3,.flyer-6{--price-shadow:#91bf69;--price-face:#f1ffe6}
.flyer-4{--price-outline:#5b200b;--price-shadow:#e87913;--price-face:#fff5d9}
.flyer-7{--price-shadow:#a9c553;--price-face:#f8ffe9}
.flyer-9 .flyer-price{top:calc(var(--price-y) - .6%);transform:translateY(-50%)}
.flyer-9 .price-whole{font-size:11.7cqw}
.offer-artwork{height:auto!important;aspect-ratio:941/1672}
.offer-artwork>.priced-flyer{width:100%;height:100%}
#detail-body>.priced-flyer{max-width:650px;margin:auto}
.offer-actions{flex-wrap:wrap}.offer-actions a,.offer-actions button{min-height:44px}
/* Original brand artwork, framed by native decorative Halloween vectors. */
.home-banner{position:relative;isolation:isolate;overflow:hidden;border-bottom:3px solid #eda948;background:radial-gradient(ellipse at 50% 40%,#fff3cd 0%,#f7dcbd 30%,#c997c3 52%,#62347e 76%,#271132 100%)}
.home-banner-link{position:relative;z-index:2;max-width:850px;width:78%;margin:0 auto;padding:66px 0 54px}
.home-banner-image{width:100%;height:auto;filter:drop-shadow(0 3px 0 #fff4d966)}
.halloween-tag{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;padding:8px 24px;border:1px solid #f5b758;border-radius:5px;background:#351142;color:#ffe4a4;box-shadow:0 4px 0 #1c0829;font:900 12px/1.2 Arial,sans-serif;letter-spacing:3px}
.halloween-decor{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}
.corner-web{position:absolute;z-index:3;top:0;left:0;width:23%;max-width:285px;height:auto;opacity:.78;pointer-events:none;filter:drop-shadow(0 1px 2px #1d082c)}
.corner-web.right{left:auto;right:0;transform:scaleX(-1);width:18%;opacity:.6}
.banner-pumpkin{position:absolute;z-index:3;bottom:10px;left:2.8%;width:12%;max-width:150px;filter:drop-shadow(0 0 18px #ff9a2344);pointer-events:none}
.banner-pumpkin.right{left:auto;right:3%;width:9%;transform:rotate(10deg)}
@media(max-width:600px){.home-banner-link{width:94%;padding:66px 8px 46px}.halloween-tag{top:15px;font-size:9px;letter-spacing:2px;padding:7px 15px}.corner-web{width:26%}.corner-web.right{width:23%}.banner-pumpkin{width:14%;bottom:4px;left:1%}.banner-pumpkin.right{width:11%;right:1%}}

/* Atmospheric frame uses the campaign artwork itself, with an uncluttered brand area. */
.home-banner{background:radial-gradient(ellipse at 50% 35%,#f0ddf7 0%,#dbbfe9 35%,#a37abe 65%,#241032 100%);border-bottom:2px solid #c88b49}
.home-banner-link{width:78%;max-width:800px;padding:56px 0 42px}
.home-banner-image{filter:none}
.halloween-tag{top:18px;transform:translateX(-50%);background:transparent;border:0;border-radius:0;box-shadow:none;color:#4b235e;font:700 11px/1.2 Arial,sans-serif;letter-spacing:4px;padding:0}
.halloween-edge{position:absolute;inset:0 auto 0 0;width:23%;background-image:url('assets/octubre-1.png');background-size:auto 600%;background-position:left top;mask-image:linear-gradient(90deg,#000 15%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 15%,transparent 100%);opacity:.92;pointer-events:none;z-index:1}
.halloween-edge.right{left:auto;right:0;transform:scaleX(-1);background-position:left top}
.corner-web{width:17%;max-width:210px;opacity:.32;filter:none;z-index:3}
.corner-web.right{width:14%;opacity:.24}
@media(max-width:600px){.home-banner-link{width:94%;padding:48px 8px 32px}.halloween-tag{font-size:8px;letter-spacing:2.5px;top:17px}.halloween-edge{width:19%;opacity:.65}.corner-web{width:20%}.corner-web.right{width:17%}}

.price-lettering{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.price-ink{font-family:"Lilita One",sans-serif;font-weight:400;font-style:normal;fill:#4b087b;stroke:none;stroke-width:0;filter:none}
.price-ink text{letter-spacing:0}
.pack-note{font:700 17px Arial,sans-serif;letter-spacing:1.5px;fill:var(--price-outline)}

.october-promo{background:#f1edf8;border:1px solid #d6c5e9}.promo-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:#633184;margin-bottom:5px}.october-promo strong{color:#502783}.october-promo .price-label{line-height:1.4}

.combo-choice{display:block;font-weight:700;margin:20px 0}.combo-choice select{display:block;width:100%;max-width:100%;padding:12px;margin-top:8px;border:1px solid #d6c5e9;border-radius:8px;background:white;font-size:14px}

.october-promo{padding:12px!important;border-radius:10px;margin:8px 0}.october-promo .price-label{flex-basis:155px}.october-promo strong{font-size:20px}

/* Distinct promotion cards; channel remains explicit in text. */
.price.promo-panel{background:var(--promo-bg);border:1px solid var(--promo-border);border-left:4px solid var(--promo-accent);border-radius:10px;padding:12px!important;margin:8px 0;color:#292034}
.promo-panel strong,.promo-panel .promo-kicker{color:var(--promo-accent)}
.promo-violet{--promo-bg:#f2edf9;--promo-border:#d8c7ec;--promo-accent:#62358b}
.promo-blue{--promo-bg:#edf3fc;--promo-border:#bfd3f0;--promo-accent:#285b92}
.promo-rose{--promo-bg:#fceef3;--promo-border:#ebc3d1;--promo-accent:#963b5c}
.promo-olive{--promo-bg:#f2f4e7;--promo-border:#d3dbaf;--promo-accent:#566727}
.promo-amber{--promo-bg:#fff4df;--promo-border:#ecc98c;--promo-accent:#8b500e}
.promo-teal{--promo-bg:#eaf6f2;--promo-border:#afd7cb;--promo-accent:#1e6b58}
.tang-label{font-family:Arial,sans-serif;font-weight:800;font-size:27px;fill:#254734;letter-spacing:1px}
.tang-prices .price-ink{fill:#4b087b;stroke:none;stroke-width:0;filter:none}

.tang-prices .tang-label:last-child{font-size:20px;letter-spacing:1.3px}

.offer-artwork:has(.static-flyer){aspect-ratio:2/3}

.offer-artwork:has(.static-flyer){aspect-ratio:auto}.offer-artwork>.static-flyer{height:auto}


/* Mother’s Day campaign signature, outside the supplied artwork. */

.real-milka{background:radial-gradient(ellipse at top,#472062,#160d26 75%);border:3px solid #d99539;box-sizing:border-box;color:#fff4d4;line-height:1.15;overflow:hidden}
.real-milka-head{height:39cqw;overflow:hidden;position:relative}.real-milka-head>img{width:100%;position:absolute;top:0;left:0}
.real-milka-deal{display:flex;align-items:center;justify-content:center;gap:5cqw;padding:3cqw 2cqw;background:linear-gradient(110deg,#aa480c,#ed9c26,#a8480d);font:400 5cqw "Lilita One",sans-serif;text-shadow:0 2px #6b230b;border-block:2px solid #ffd47c}.real-milka-deal b{font-size:8cqw;color:#fff3c1}
.real-milka-groups{padding:3cqw;display:grid;gap:3cqw}.real-milka-group{border:2px solid #e8b55d;border-radius:3cqw;overflow:hidden;box-shadow:0 1cqw 2cqw #0006;background:#fff}
.real-milka-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:1cqw;padding:2cqw;color:#4b2370}.real-milka-photos.count-1{grid-template-columns:1fr;padding-inline:17cqw}.real-milka-photos.count-3{grid-template-columns:repeat(3,1fr)}
.real-pack{position:relative;aspect-ratio:2.5;overflow:hidden}.real-pack>img{position:absolute;width:100%;top:-45%;left:0;max-width:none}.real-milka-product small{font:700 1.8cqw Arial,sans-serif;display:block;text-align:center;margin-top:.6cqw}
.real-milka-price{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:2cqw;padding:2cqw 3cqw;background:linear-gradient(110deg,#fff6df,#f5da99);color:#450971;border-top:1px solid #e5b663}.real-milka-price>span{font:400 3cqw "Lilita One",sans-serif}.real-milka-price>strong{font:400 6.6cqw "Lilita One",sans-serif;white-space:nowrap}.real-milka-price>small{grid-column:2;font:700 1.6cqw Arial,sans-serif;text-align:center;letter-spacing:.2cqw}
.real-milka-footer{display:flex;flex-direction:column;align-items:center;background:linear-gradient(#fff4d4,#edce91);color:#4b087b;padding:3cqw;gap:1cqw;border-top:2px solid #e8b55d}.real-milka-footer>img{width:7cqw!important;height:7cqw!important;mix-blend-mode:multiply}.real-milka-footer>strong{font:400 5cqw "Lilita One",sans-serif}.real-milka-footer>span{font:700 1.8cqw/1.4 Arial,sans-serif;text-align:center}

/* Accessible floating back-to-top control shared by both catalogue tabs. */
.back-to-top{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;width:56px;height:56px;display:grid;place-items:center;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#58128b;color:#fff;box-shadow:0 4px 16px #3d096d45;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.back-to-top[hidden],body:has(dialog[open]) .back-to-top{display:none}
.back-to-top svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{background:#410c6a}.back-to-top:active{transform:scale(.96)}.back-to-top:focus-visible{outline:3px solid #b88ae0;outline-offset:4px}
@media print{.back-to-top{display:none!important}}
/* Shared Mother's Day signature, matching the tambito artwork. */
.mother-footer{position:relative;background:#8663ad;padding:3cqw 0 0;text-align:center;line-height:1.2;color:#510b77}
.mother-footer>span{display:inline-block;background:linear-gradient(120deg,#4d075e,#850b8d);border:.45cqw solid #c971c8;box-shadow:0 .4cqw 1cqw #300a5140;color:#fff8df;padding:1.2cqw 5cqw;font:400 4cqw "Lilita One",sans-serif;transform:rotate(-3deg);margin-bottom:1cqw;border-radius:.7cqw}
.mother-wave{display:block;width:100%;height:8cqw;margin-bottom:-.2cqw}
.mother-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcf9f2;padding:0 0 2.5cqw;gap:0;margin:0}
.mother-brand img{width:6cqw!important;height:6cqw!important;mix-blend-mode:multiply;margin-top:-6cqw;z-index:1}
.mother-brand strong{font:400 4.5cqw "Lilita One",sans-serif;line-height:1.1}
.mother-brand:before,.mother-brand:after{content:"";position:absolute;width:9cqw;height:1.2cqw;top:1cqw;border-top:.3cqw solid #510b77;border-bottom:.3cqw solid #510b77;transform:rotate(4deg)}
.mother-brand:before{left:23cqw}.mother-brand:after{right:23cqw;transform:rotate(-4deg)}
