:root{font-family:'DM Sans',sans-serif;color:#142d23;background:#e5eee6;-webkit-tap-highlight-color:transparent;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior-y:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #edae3e;outline-offset:3px}a{text-decoration:none;color:inherit}.icon{flex-shrink:0}.desktop-ambience{position:fixed;inset:0;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:10vh 0;flex-direction:column;padding-left:calc(50% + 260px);background:radial-gradient(circle at 30% 20%,#c5e1cc,transparent 36%),radial-gradient(circle at 75% 85%,#f6cf88,transparent 33%),#eaf2ea}.desktop-ambience span{font:900 clamp(34px,5vw,100px) Outfit,sans-serif;color:#19523a;letter-spacing:-.085em}.desktop-ambience small{font-size:12px;font-weight:800;letter-spacing:.18em;color:#6d8a77}.app-shell{position:relative;width:min(100%,460px);height:100dvh;min-height:570px;margin:0 auto;background:#fffdf9;overflow:hidden;box-shadow:0 24px 110px #24422e4d;isolation:isolate}#app{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:calc(92px + env(safe-area-inset-bottom));scroll-behavior:smooth}#app::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;inset-inline:0;background:#fffefaed;backdrop-filter:blur(20px);height:calc(76px + env(safe-area-inset-bottom));padding:10px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #eef0e9;display:grid;grid-template-columns:repeat(5,1fr);z-index:20;box-shadow:0 -10px 28px #203d3010}.nav-button{background:transparent;color:#99a7a0;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;position:relative;transition:color .2s}.nav-button .icon{width:22px;height:22px}.nav-button span{font:700 10px Outfit,sans-serif;white-space:nowrap}.nav-button.active{color:#17553a}.nav-button.active:before{content:"";position:absolute;top:-11px;width:24px;height:3px;border-radius:8px;background:#f1bd43}.loading-brand{margin:48vh auto;text-align:center;font:900 39px Outfit,sans-serif;color:#19523a;letter-spacing:-.08em}.loading-brand span{color:#f3bb46}.screen{animation:appear .25s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.home-hero{min-height:400px;background:#174c35;color:#fff;position:relative;overflow:hidden;border-radius:0 0 35px 35px;padding:calc(22px + env(safe-area-inset-top)) 24px 92px}.home-hero:before{content:"";width:300px;height:300px;border-radius:50%;background:#2e6b48;position:absolute;top:130px;right:-112px}.home-hero:after{content:"";width:250px;height:250px;border:1px solid #ffffff18;border-radius:50%;position:absolute;top:65px;right:-42px}.topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{font:900 30px Outfit,sans-serif;letter-spacing:-.08em;line-height:1;color:inherit}.brand em{color:#f3c15d;font-style:normal}.brand-light{color:#fff}.top-actions{display:flex;gap:8px}.round-button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff3a;background:#ffffff17;color:inherit;display:inline-flex;justify-content:center;align-items:center;position:relative}.round-button .dot{width:7px;height:7px;background:#ffa849;border:2px solid #174c35;border-radius:50%;position:absolute;right:6px;top:5px}.eyebrow{font:800 11px Outfit,sans-serif;letter-spacing:.17em;text-transform:uppercase}.hero-copy{position:relative;z-index:3;margin-top:53px;max-width:62%}.hero-copy .eyebrow{color:#b5dc91}.hero-copy h1{font:800 43px/.99 Outfit,sans-serif;letter-spacing:-.058em;margin:12px 0}.hero-copy h1 span{color:#f8c75b}.hero-copy p{font-size:13px;color:#d2e5d9;line-height:1.6;max-width:198px;margin:18px 0}.hero-action{display:inline-flex;align-items:center;gap:7px;color:#184a32;border-radius:50px;background:#f6c85f;padding:12px 15px;font:800 12px Outfit,sans-serif;border:0;box-shadow:0 7px 16px #10251826}.hero-photo{width:247px;height:287px;object-fit:contain;position:absolute;right:-16px;bottom:17px;z-index:2;filter:drop-shadow(0 21px 11px #08271850);transform:rotate(-7deg)}.hero-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff32;right:-110px;bottom:0}.home-main{position:relative;z-index:3;margin-top:-65px;padding:0 20px 25px}.loyalty-banner{background:#fff;border-radius:23px;padding:18px 19px;box-shadow:0 12px 35px #133c2819;display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #e9f2e8}.loyalty-banner .member-bubble{width:52px;height:52px;display:grid;place-items:center;border-radius:19px;background:#fff3d9;color:#bd8229}.loyalty-banner .banner-center{flex:1}.loyalty-banner small{display:block;color:#8d9c92;font-size:10px;font-weight:700}.loyalty-banner strong{font:800 18px Outfit,sans-serif;color:#1a4b35;display:block;letter-spacing:-.04em;margin:2px 0}.loyalty-banner p{font-size:10px;color:#7b8b80;margin:0}.loyalty-banner .next{background:#1d5b41;border:0;color:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.notice-demo{display:flex;align-items:center;gap:6px;margin:17px 1px 2px;font-size:10px;color:#84958b}.section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.section-head h2{margin:0;font:800 22px/.99 Outfit,sans-serif;letter-spacing:-.04em}.section-head .section-sub{margin:6px 0 0;font-size:12px;color:#8a9a90}.text-action{color:#1c6949;border:0;background:none;font:800 11px Outfit,sans-serif;display:flex;align-items:center;gap:1px;white-space:nowrap}.scroll-row{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 8px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.campaign-card{width:245px;min-width:245px;scroll-snap-align:start;background:#f5e4c1;border-radius:22px;overflow:hidden;box-shadow:0 4px 16px #24392512;text-align:left;border:0;padding:0}.campaign-card:nth-child(even){background:#192d27}.campaign-img{width:100%;height:148px;object-fit:cover;object-position:50% 27%;display:block}.campaign-body{background:#fff;padding:12px 14px 13px}.campaign-body strong{display:block;font:800 16px Outfit,sans-serif}.campaign-body p{margin:2px 0 0;font-size:11px;color:#84958b}.tag{display:inline-flex;align-items:center;border-radius:100px;padding:5px 9px;font:800 10px Outfit,sans-serif;background:#e9f5e9;color:#277343}.tag-amber{background:#fff0d4;color:#a36a17}.tag-pink{background:#ffe7ed;color:#b9567b}.product-tile{min-width:158px;width:158px;scroll-snap-align:start;text-align:left;border:0;background:transparent;padding:0}.product-art{height:158px;border-radius:20px;background:var(--tone);position:relative;overflow:hidden;display:grid;place-items:center}.product-art img{height:142px;width:140px;object-fit:contain;filter:drop-shadow(0 9px 8px #24362524);transition:transform .3s}.product-tile:active .product-art img{transform:scale(1.05)}.mini-tag{position:absolute;top:9px;left:9px;background:#fffefa;color:#2b694c;padding:4px 8px;border-radius:30px;font:800 9px Outfit,sans-serif;z-index:2}.product-tile strong{display:block;font:800 14px Outfit,sans-serif;margin:9px 0 2px}.product-tile small{font-size:11px;color:#89988f}.story-card{display:flex;align-items:center;gap:13px;background:#f0f7ec;border:1px solid #e4eedf;padding:13px;border-radius:20px;width:100%;text-align:left}.story-icon{width:56px;height:56px;flex-shrink:0;border-radius:17px;background:#d5e9c4;color:#277047;display:grid;place-items:center}.story-card strong{font:800 15px Outfit,sans-serif;display:block}.story-card p{margin:5px 0 0;font-size:11px;color:#74897c;line-height:1.5}.story-card .icon:last-child{margin-left:auto}.screen-header{background:#fffdf9;padding:calc(24px + env(safe-area-inset-top)) 23px 15px;display:flex;align-items:center;justify-content:space-between}.screen-header .eyebrow{color:#79a18c;font-size:10px}.screen-header h1{margin:4px 0 0;font:800 29px/.99 Outfit,sans-serif;letter-spacing:-.055em}.screen-header .round-button{background:#eff5ee;color:#23543b;border:0}.page-pad{padding:8px 20px 25px}.loyalty-page{background:linear-gradient(#f7f9f1,#fffdf9 450px)}.points-hero{background:linear-gradient(145deg,#1d6748,#133e2c);border-radius:27px;color:#fff;padding:23px 21px 25px;position:relative;overflow:hidden;box-shadow:0 16px 30px #16492e29}.points-hero:after{content:"✦";position:absolute;color:#ffffff12;font-size:240px;right:-48px;top:-75px}.points-hero>*{position:relative;z-index:1}.points-hero .eyebrow{color:#badbad}.points-number{display:flex;gap:9px;align-items:baseline;font:800 64px/.9 Outfit,sans-serif;letter-spacing:-.055em;margin:15px 0}.points-number span{font-size:17px;color:#c3e0cd;letter-spacing:0}.points-status{color:#d4e8d9;font-size:12px;margin:0}.divider-points{height:1px;background:#ffffff25;margin:21px 0 15px}.member-tier{display:flex;align-items:center;justify-content:space-between;font:700 12px Outfit,sans-serif}.tier-pill{border:1px solid #ffffff50;border-radius:80px;padding:6px 10px;display:flex;align-items:center;gap:6px}.progress-track{height:7px;border-radius:20px;background:#ffffff30;margin:12px 0 8px;overflow:hidden}.progress-fill{background:#f4c25f;width:0;height:100%}.progress-desc{color:#bad3c4;font-size:10px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.feature-cell{padding:16px 14px;border-radius:19px;background:#fff;border:1px solid #e9eee6;min-height:130px;text-align:left;box-shadow:0 3px 15px #163c2207}.feature-cell .ico{width:39px;height:39px;display:grid;place-items:center;background:#edf5e7;color:#276642;border-radius:13px;margin-bottom:13px}.feature-cell strong{display:block;font:800 14px Outfit,sans-serif}.feature-cell small{font-size:10px;color:#88968d;line-height:1.55;display:block;margin-top:4px}.benefit-card{padding:16px;border:1px solid #edf0e8;border-radius:21px;background:#fff;display:flex;gap:13px;align-items:center;margin:10px 0}.benefit-icon{width:53px;height:55px;border-radius:16px;background:#fff3d9;display:grid;place-items:center;color:#b7822f}.benefit-card strong{font:800 15px Outfit,sans-serif}.benefit-card p{font-size:11px;color:#87968d;margin:4px 0;line-height:1.5}.benefit-card small{font:800 10px Outfit,sans-serif;color:#22804c}.pill-tabs{display:flex;gap:7px;overflow:auto;white-space:nowrap;padding:2px 0 11px;scrollbar-width:none}.pill-tab{border:1px solid #e5ebe3;background:#fff;color:#778b7e;border-radius:100px;padding:11px 16px;font:700 12px Outfit,sans-serif}.pill-tab.active{background:#174d36;color:#fff;border-color:#174d36}.promo-hero{background:#e9f5dd;border-radius:23px;padding:20px;display:flex;align-items:center;gap:8px;overflow:hidden;margin:6px 0 22px}.promo-hero strong{font:800 23px/.98 Outfit,sans-serif;letter-spacing:-.055em;display:block;max-width:200px}.promo-hero p{font-size:11px;color:#6c8b77;max-width:210px}.promo-hero .coupon-symbol{margin-left:auto;width:65px;height:65px;border-radius:50%;background:#bfd9a4;display:grid;place-items:center;transform:rotate(-22deg);color:#164f37}.coupon-card{border:1px solid #e8eee7;border-radius:22px;background:#fff;margin-bottom:13px;overflow:hidden;box-shadow:0 7px 25px #1a3d2210}.coupon-main{display:flex;gap:12px;padding:17px 14px 13px}.coupon-badge{width:58px;height:70px;border-radius:17px;background:#fff0dc;color:#b47b33;display:grid;place-items:center;flex-shrink:0}.coupon-card.green .coupon-badge{background:#e5f2e1;color:#2a7046}.coupon-card.pink .coupon-badge{background:#fde9f1;color:#b75579}.coupon-info{flex:1;min-width:0}.coupon-info small{font:800 10px Outfit,sans-serif;letter-spacing:.1em;color:#7e9e87}.coupon-info strong{font:800 17px/1.1 Outfit,sans-serif;display:block;margin:6px 0 5px}.coupon-info p{color:#8a978e;font-size:11px;margin:0;line-height:1.5}.coupon-footer{border-top:1px dashed #e6ebe5;padding:10px 15px;display:flex;align-items:center;justify-content:space-between}.coupon-footer small{font-size:10px;color:#98a59c}.save-btn{border:0;background:#e9f3e9;color:#276a44;border-radius:10px;padding:8px 11px;font:800 11px Outfit,sans-serif;display:flex;gap:5px;align-items:center}.save-btn.saved{background:#236c4b;color:white}.search-wrap{height:48px;background:#f0f5ef;border:1px solid #e5eee5;border-radius:15px;display:flex;gap:8px;align-items:center;padding:0 13px;color:#8b9c8d;margin:10px 0 15px}.search-wrap input{border:0;outline:none;background:transparent;min-width:0;flex:1;font-size:13px;color:#244733}.search-wrap input::placeholder{color:#a5b4a8}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.catalog-card{min-width:0;padding:0;border:0;background:transparent;text-align:left}.catalog-card .product-art{height:175px}.catalog-card .product-art img{width:164px;height:161px}.catalog-card strong{font:800 14px Outfit,sans-serif;display:block;padding:9px 2px 0}.catalog-card small{font-size:11px;color:#86998b;margin:4px 2px;display:block}.empty-state{padding:45px 20px;text-align:center;color:#789084}.empty-state strong{font:800 19px Outfit,sans-serif;color:#27533e;display:block;margin:8px}.location-hero{background:linear-gradient(135deg,#e8f5de,#f7f2dc);border-radius:25px;padding:25px 22px;position:relative;overflow:hidden;margin-bottom:20px}.location-hero h2{font:800 29px/.99 Outfit,sans-serif;letter-spacing:-.05em;margin:10px 0;width:210px}.location-hero p{font-size:12px;color:#718879;width:215px;line-height:1.5}.location-hero .location-circle{position:absolute;right:-25px;top:22px;width:148px;height:148px;border-radius:50%;background:#d1e9bf;display:grid;place-items:center;color:#357854;transform:rotate(-13deg)}.primary-button{border:0;background:#1d6041;color:white;border-radius:15px;padding:15px 18px;font:800 13px Outfit,sans-serif;display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%}.primary-button.light{background:#f7c658;color:#25422d}.outline-button{border:1px solid #d7e5d8;background:#fff;color:#2b6849;border-radius:15px;padding:14px 18px;font:800 12px Outfit,sans-serif;display:flex;justify-content:center;gap:8px;align-items:center;width:100%}.disclaimer{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#84998b;line-height:1.65;padding:13px;background:#f4f8f2;border-radius:14px}.disclaimer .icon{margin-top:2px;flex-shrink:0}.profile-hero{display:flex;gap:15px;align-items:center;padding:13px 0 25px}.profile-avatar{width:66px;height:66px;border-radius:23px;background:#e5f0df;color:#387b4d;display:grid;place-items:center}.profile-hero h2{font:800 22px Outfit,sans-serif;letter-spacing:-.04em;margin:0 0 3px}.profile-hero p{margin:0;color:#82968a;font-size:11px}.profile-section-title{font:800 12px Outfit,sans-serif;color:#93a095;margin:26px 4px 7px;letter-spacing:.07em}.profile-menu{background:#fff;border:1px solid #eaf0e7;border-radius:19px;overflow:hidden}.profile-menu button{border:0;border-bottom:1px solid #eef2ec;background:transparent;padding:15px 14px;display:flex;gap:12px;width:100%;align-items:center;text-align:left;font-size:13px;color:#274a38;font-weight:700}.profile-menu button:last-child{border-bottom:0}.profile-menu .menu-icon{width:32px;height:32px;background:#f1f7ef;border-radius:10px;display:grid;place-items:center;color:#31704c}.profile-menu .icon:last-child{margin-left:auto;color:#9cac9e}.profile-menu small{font-size:10px;color:#95a397;font-weight:400}.mini-brand{font:900 32px Outfit,sans-serif;letter-spacing:-.08em;color:#24543a;text-align:center;margin-top:35px}.mini-brand span{color:#e9ba58}.legal-footer{text-align:center;color:#a0afa3;font-size:10px;margin:5px 0 25px}.notice-card{background:#f0f7eb;padding:14px;display:flex;gap:11px;border-radius:17px;align-items:flex-start;margin:10px 0}.notice-card strong{display:block;font:800 13px Outfit,sans-serif}.notice-card p{font-size:11px;color:#87988d;margin:4px 0}.sticky-heading{position:sticky;top:0;z-index:10;background:#fffdfa}.install-banner{margin-top:18px;background:#194e36;border-radius:21px;padding:17px;color:white;display:flex;gap:12px;align-items:center;text-align:left;width:100%;border:0}.install-banner strong{font:800 15px Outfit,sans-serif;display:block}.install-banner small{display:block;color:#c1d7c7;font-size:11px;margin-top:5px}.install-banner .icon:last-child{margin-left:auto}#modal-root{position:fixed;inset:0;z-index:90;pointer-events:none}.modal-backdrop{position:absolute;inset:0;background:#102b20aa;backdrop-filter:blur(4px);pointer-events:auto;display:flex;justify-content:center;align-items:flex-end}.modal-sheet{max-width:460px;width:100%;max-height:90dvh;overflow:auto;background:#fffefa;border-radius:30px 30px 0 0;padding:10px 22px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #0002;animation:slidein .26s ease-out}@keyframes slidein{from{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet-bar{display:block;width:44px;height:5px;border-radius:10px;background:#dce6dc;margin:0 auto 15px}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-top h2{font:800 25px Outfit,sans-serif;letter-spacing:-.04em;margin:0}.modal-close{border:0;background:#edf4ec;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#2f5b42}.modal-sheet p{line-height:1.6;color:#75897b;font-size:13px}.modal-sheet .modal-product{height:250px;background:var(--tone);border-radius:24px;display:grid;place-items:center;position:relative;margin-bottom:19px}.modal-product img{width:90%;height:95%;object-fit:contain;filter:drop-shadow(0 12px 9px #0002)}.modal-campaign{display:block;max-width:100%;height:315px;object-fit:contain;margin:0 auto 18px;border-radius:17px}.detail-caps{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.detail-caps .tag{font-size:11px;padding:7px 11px}.detail-actions{display:flex;gap:9px;margin-top:22px}.detail-actions>*{flex:1}.warning-demo{font-size:11px;color:#947139;background:#fff3d8;padding:12px 13px;border-radius:13px;line-height:1.55;margin:14px 0}.how-step{display:flex;gap:13px;margin:17px 0;align-items:flex-start}.step-count{width:33px;height:33px;border-radius:12px;background:#e8f4e0;color:#2d6845;display:grid;place-items:center;font:800 14px Outfit,sans-serif;flex-shrink:0}.how-step strong{font:800 15px Outfit,sans-serif}.how-step p{margin:5px 0 0;font-size:12px}.preview-tag{font:700 10px Outfit,sans-serif;color:#a7b2a8;letter-spacing:.07em}.toast-show{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(400px,calc(100vw - 30px));padding:13px 17px;border-radius:14px;color:#fff;background:#244d39;box-shadow:0 9px 24px #0019;font:700 12px Outfit,sans-serif;z-index:110;text-align:center;animation:appear .2s}#toast:empty{display:none}@media(max-width:520px){.desktop-ambience{display:none}.app-shell{box-shadow:none}}@media(min-width:521px){.app-shell{border-radius:25px;margin:20px auto;height:calc(100dvh - 40px);min-height:610px;border:7px solid #284534}.modal-sheet{border-radius:28px 28px 0 0}}@media(max-height:660px){.hero-copy{margin-top:35px}.home-hero{min-height:360px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Precision adjustments on compact 390px devices */
.hero-photo{width:230px;right:-46px;bottom:22px}.hero-copy p{max-width:166px}.hero-copy{max-width:65%}.home-hero{min-height:405px}
.hero-copy{max-width:58%}


/* Cosechas Premium v2 — layout aprovado: Quicksand, rosa, Soft Duotone */
:root{font-family:'Quicksand',sans-serif;color:#272429;background:#fff8fb;--pink:#fa0052;--lightpink:#fff0f6;--green:#88bc45}
body,button,input{font-family:'Quicksand',sans-serif}
.app-shell{background:#fff}
.desktop-ambience{background:radial-gradient(circle at 80% 20%,#ffe5ef,transparent 42%),#fff9fb}
.desktop-ambience span{font-family:'Quicksand',sans-serif;color:var(--pink)}
.bottom-nav{background:#ffffffef;border-color:#f5e7ec;box-shadow:0 -8px 26px #7d164915}
.nav-button{color:#7d7880}.nav-button span{font:700 11px 'Quicksand',sans-serif}
.nav-button .duo-icon{display:grid;place-items:center;width:42px;height:36px;border-radius:14px;transition:background .2s}
.nav-button.active{color:var(--pink)}.nav-button.active .duo-icon{background:#ffe0ec}.nav-button.active .duo-icon svg{stroke-width:2.8;filter:drop-shadow(0 1px 0 #ffbad0)}
.nav-button.active:before{top:auto;bottom:0;background:var(--pink);height:4px;width:22px}
.screen-header h1,.section-head h2,.profile-hero h2,.modal-top h2,.premium-home h2{font-family:'Quicksand',sans-serif!important;letter-spacing:-.045em}
.primary-button{background:var(--pink);font-family:'Quicksand',sans-serif}.outline-button{color:#e50050;border-color:#ffd8e6;font-family:'Quicksand',sans-serif}
.mini-brand,.loading-brand{font-family:'Quicksand',sans-serif;color:var(--pink)}
.profile-avatar,.profile-menu .menu-icon,.notice-card{background:#fff1f5;color:var(--pink)}
.profile-menu button,.section-sub,.profile-hero p{color:#625963}
.premium-home{background:#fff;min-height:100%;padding-bottom:15px}
.premium-header{display:flex;align-items:center;justify-content:space-between;padding:calc(17px + env(safe-area-inset-top)) 18px 16px;gap:12px;background:#fff}
.premium-logo{display:block;width:min(54%,215px);height:auto;object-fit:contain}
.premium-header-actions{display:flex;align-items:center;gap:10px}
.premium-icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:#fff1f6;color:#39333a}
.premium-icon-button.hot{background:var(--pink);color:white}
.premium-body{padding:0 15px 32px}
.banner-carousel{width:100%;border-radius:20px;overflow:hidden;background:#ffebf0;box-shadow:0 7px 18px #ef00521a;touch-action:pan-y;position:relative}
.banner-track{display:flex;width:100%;transition:transform .48s cubic-bezier(.22,.74,.28,1);will-change:transform}
.banner-slide{flex:0 0 100%;width:100%;padding:0;border:0;background:transparent;display:block;position:relative;line-height:0}
.banner-slide img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}
.banner-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 19px}
.banner-dot{width:8px;height:8px;border:0;border-radius:20px;background:#dedce0;padding:0;transition:width .25s,background .25s}
.banner-dot.active{width:24px;background:var(--pink)}
.banner-empty{padding:70px 20px;text-align:center;color:var(--pink);font-weight:800}
.club-preview{width:100%;border:1px solid #f9e5ec;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(125deg,#fffcfc,#fff1f6);padding:17px 15px;border-radius:22px;box-shadow:0 6px 19px #ce2b5810}
.club-title{width:42%;display:flex;flex-direction:column;gap:1px;color:var(--pink)}
.club-title>span{font-size:15px;font-weight:700;line-height:1}
.club-title>strong{font-size:21px;font-weight:800;letter-spacing:-.07em;line-height:1}
.club-title>small{color:#4d444c;line-height:1.4;margin-top:7px;font-size:10px;font-weight:650}
.club-status{border-left:1px solid #f6d6e1;padding-left:13px;display:flex;align-items:center;flex:1;gap:8px;color:var(--pink)}
.club-status>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.club-status small{font-size:9px;font-weight:600;color:#675b62;line-height:1.3}
.club-status strong{font-size:15px;white-space:nowrap;font-weight:800}
.star-bubble{background:var(--pink);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;flex-shrink:0}
.premium-cats{display:flex;gap:10px;overflow-x:auto;padding:19px 0 21px;scrollbar-width:none;margin-right:-15px}.premium-cats::-webkit-scrollbar{display:none}
.premium-cat{flex:0 0 77px;border:1px solid #f5edf0;background:#fff;border-radius:19px;min-height:89px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #c54e7820;font-size:10px;font-weight:750;color:#38343b}
.premium-cat .cat-icon{color:var(--pink);display:grid;place-items:center}.premium-cat:nth-child(2) .cat-icon{color:#8c36a9}.premium-cat:nth-child(3) .cat-icon{color:#f18b00}.premium-cat:nth-child(4) .cat-icon{color:#68ac3e}.premium-cat:nth-child(5) .cat-icon{color:#f54e2a}
.premium-cat.highlighted{background:#ffedf4;border-color:#ffd8e6;color:var(--pink)}
.exclusive-banner{display:flex;align-items:center;gap:12px;padding:17px 12px;border:0;border-radius:21px;background:linear-gradient(105deg,#eaf7da,#f2f8e8);width:100%;text-align:left;color:#28292b}
.exclusive-symbol{color:#62a718}.exclusive-banner>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.exclusive-banner strong{font-size:14px;font-weight:800}.exclusive-banner small{font-size:11px;color:#68696a}
.exclusive-link{display:flex;gap:2px;align-items:center;border-radius:100px;padding:10px 8px;background:#fff;font-weight:800;font-size:10px;white-space:nowrap}
.premium-section{margin-top:28px}.premium-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px}
.premium-title-row h2{font-size:21px;line-height:1.15;margin:0}.premium-title-row button{border:0;background:transparent;color:var(--pink);font-size:11px;white-space:nowrap;font-weight:800;display:flex;align-items:center}
.premium-products{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;margin-right:-15px;padding:0 0 13px}.premium-products::-webkit-scrollbar{display:none}
.premium-product{flex:0 0 43%;min-width:0;border:0;text-align:left;border-radius:19px;background:#fff;box-shadow:0 3px 14px #c4a0ab25;padding:9px 9px 12px;color:#272429}
.premium-product-visual{background:#fff9f7;border-radius:14px;display:flex;align-items:center;justify-content:center;height:148px;overflow:hidden}
.premium-product-visual img{width:100%;height:98%;object-fit:contain}.premium-product strong{display:block;font-weight:800;margin-top:9px;font-size:12px}.premium-product small{color:#9b9097;font-size:10px}
.premium-nearby{border:1px solid #ffe7ef;background:#fff8fb;display:flex;align-items:center;gap:12px;border-radius:17px;width:100%;padding:15px 13px;text-align:left;color:var(--pink);margin:16px 0 0}
.premium-nearby span{flex:1;display:flex;flex-direction:column;gap:2px}.premium-nearby strong{font-size:13px}.premium-nearby small{color:#888084;font-size:10px}
.premium-home .install-banner{background:#ff0057;border-radius:17px;padding:14px}.premium-home .install-banner small{color:#ffe8ef}
.preview-disclaimer{font-size:9px;line-height:1.5;color:#aca1a7;text-align:center;padding:19px 10px}
.modal-campaign{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff1f5}
@media(max-width:350px){.premium-logo{width:50%}.premium-header{padding-left:13px;padding-right:13px}.premium-body{padding-left:11px;padding-right:11px}.club-title strong{font-size:18px}.premium-cat{flex-basis:70px}.exclusive-banner strong{font-size:12px}.exclusive-link{font-size:9px}}

.modal-campaign.portrait{height:min(61dvh,570px);aspect-ratio:auto;width:auto;max-width:100%;object-fit:contain}
