*{box-sizing:border-box}
:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#153b30;background:#e6efe9}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center}
button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.promo-shell{width:min(100%,430px);height:100vh;height:100svh;min-height:520px;max-height:940px;display:flex;flex-direction:column;gap:16px;padding:22px 22px max(16px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 100% 25%,#e5f4d7 0,transparent 53%),#f6faf7;overflow:visible}
.promo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.brand-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#006c52;color:#fff}
.brand-icon svg{width:23px;height:23px}.brand-dot{color:#006c52}
.market-label{max-width:78px;font-size:9px;line-height:1.5;letter-spacing:1.5px;text-align:right;color:#577268;font-weight:700}
.promo-hero{flex:none;padding-top:7px}
.offer-label{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:11px;line-height:1.3;letter-spacing:1.6px;font-weight:700;color:#006c52}
.offer-label>span{width:18px;height:2px;background:currentColor}
h1{font-size:clamp(36px,10.5vw,45px);line-height:1.02;letter-spacing:-1.7px;margin:0;font-weight:800}
h1 em{font-style:normal;color:#006c52;position:relative;isolation:isolate}
h1 em::after{content:"";position:absolute;z-index:-1;left:-2%;right:-4%;bottom:3%;height:33%;background:#d2ef80;transform:rotate(-3deg)}
.hero-description{font-size:14px;line-height:1.35;margin:11px 0 0;color:#5d756b}
.product-showcase{flex:1 1 0;min-height:152px;max-height:430px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.product-tile{position:relative;margin:0;min-width:0;min-height:0;background:white;border:1px solid #e0eae1;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #12331e04}
.product-tile img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}
.tile-vacuum{grid-area:1/1/3/3}.tile-kettle{grid-area:1/3/2/4}.tile-speaker{grid-area:1/4/2/5}
.tile-cooktop{grid-area:2/3/3/4}.tile-oil{grid-area:2/4/3/5}
.tile-rice{grid-area:3/1/4/2}.tile-cooker{grid-area:3/2/4/3}.tile-blender{grid-area:3/3/5/5}
.tile-fan{grid-area:4/1/5/2}.tile-care{grid-area:4/2/5/3}
.price-sticker{position:absolute;right:7px;bottom:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:53px;height:53px;border-radius:50%;background:#006c52;color:white;font-size:26px;font-weight:700;line-height:1;transform:rotate(9deg);border:2px solid #fff;box-shadow:0 2px 3px #12331e12}
.price-sticker>span{font-size:6px;letter-spacing:.65px;margin-top:4px}
.free-sticker{position:absolute;left:6px;bottom:6px;background:#e6f3c1e8;border-radius:5px;font-size:8px;font-weight:700;line-height:1.3;letter-spacing:.6px;padding:5px 6px;color:#3d581b;transform:rotate(-5deg)}
.promo-footer{flex:none;margin-top:auto;text-align:center}
.availability{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 12px;color:#805020;font-size:13px;font-weight:600}
.availability-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#dc9328;box-shadow:0 0 0 4px #f8ecd9}
.download-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:12px;color:#fff;background:#006c52;box-shadow:0 6px 0 #cce3cc;font-size:17px;line-height:1.3;font-weight:700;cursor:pointer}
.download-button svg{width:22px;height:22px;flex:none}
.download-button:hover{background:#005d47}.download-button:active{transform:translateY(2px);box-shadow:0 4px 0 #cce3cc}
.download-button:focus-visible{outline:3px solid #c9e885;outline-offset:4px}.download-button:disabled{cursor:wait;opacity:.8}
.download-status{font-size:12px;line-height:1.35;min-height:17px;margin:14px 0 0;color:#587168}
.download-status.is-notice{color:#805020}
.fine-print{font-size:10px;line-height:1.3;margin:7px 0 0;color:#819389}
@media(min-width:600px){body{padding:18px}.promo-shell{height:min(844px,calc(100svh - 36px));border-radius:22px;box-shadow:0 20px 70px #24493618;border:1px solid #d5e4d9}}
@media(max-height:720px){.promo-shell{gap:12px;padding-top:16px}.promo-hero{padding-top:0}.offer-label{margin-bottom:7px}h1{font-size:38px}.hero-description{margin-top:8px;font-size:13px}.promo-header .brand{font-size:22px}.brand-icon{width:32px;height:32px}.availability{margin-bottom:10px}.download-button{min-height:50px}.download-status{margin-top:12px}.fine-print{margin-top:5px}.price-sticker{width:44px;height:44px;font-size:23px}}
@media(max-width:350px){.promo-shell{padding-left:16px;padding-right:16px;gap:11px}.market-label{font-size:8px;max-width:70px}.offer-label{font-size:10px}h1{font-size:35px}.hero-description{font-size:13px}.product-showcase{gap:6px}.product-tile{border-radius:9px}.product-tile img{padding:4px}.free-sticker{font-size:6px;padding:3px 4px}.availability{font-size:12px}.download-status{font-size:11px}.fine-print{font-size:9px}}
@media(max-height:580px){.promo-shell{gap:10px;padding-top:13px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.offer-label{margin-bottom:6px}h1{font-size:34px}.hero-description{margin-top:6px}.download-button{min-height:48px}.fine-print{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
