/* Faithful storefront composition from docs/reference; no phone/browser chrome.
   Scoped overrides: admin, authentication, delivery and support retain their forms. */
.customer-page:has(.hero,.offer-detail,.prod-grid){--canvas:#fff;--ink:#111;--muted:#8a8a8f;background:#fff}
.customer-page:has(.hero,.offer-detail,.prod-grid):before,.customer-page:has(.hero,.offer-detail,.prod-grid):after{display:none}
.customer-page .app-header{height:64px;padding:8px 14px;gap:10px;display:flex;flex-direction:row-reverse;background:transparent}
.customer-page .store-head{flex:none;min-width:0}.customer-page .brand{gap:5px}.customer-page .brand-word{font-size:27px;letter-spacing:-1.4px;font-family:'Baloo Bhaijaan 2',Arial,sans-serif}.customer-page .brand img{width:32px;height:32px;border-radius:5px}
.head-menu{display:grid;place-items:center;flex:none;width:20px;color:#111}.head-menu .icon{width:17px;height:17px}
.header-shop-search{position:relative;flex:1;min-width:35px;margin:0}.header-shop-search input[name=q]{width:100%;padding:7px 8px 7px 26px!important;border:0!important;border-radius:24px!important;background:#f6f6f6!important;min-height:32px!important;font-size:10px!important;margin:0}.header-shop-search button{position:absolute;left:4px;top:0;width:28px;min-height:32px;padding:4px;background:none;box-shadow:none}.header-shop-search .icon{width:17px;height:17px}
.customer-page .head-actions{gap:4px;flex-direction:row-reverse}.customer-page .head-btn{width:28px;height:32px;background:transparent;border:0;box-shadow:none}.customer-page .head-btn .icon{width:23px;height:23px}.head-actions .notification-trigger{width:26px;height:32px}.customer-page .nav-badge{min-width:13px;height:13px;font-size:9px;top:0;right:-1px;background:#ffe32d;color:#111;border:0}.customer-page main{padding:0 10px 24px}
.customer-page:has(.hero) main{min-height:0}
.hero{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:0;position:relative;padding:0 0 0 14px;margin:0;border:0;border-radius:15px;overflow:hidden;box-shadow:none;background:linear-gradient(100deg,#fff0a8,#fff8d2 45%,#fff0a8);min-height:0;aspect-ratio:2.37}
.hero-copy{position:relative;z-index:1;flex:0 0 45%;max-width:45%;text-align:center;padding:8px 0}.hero-copy h1{font-size:clamp(22px,5.7vw,38px);font-weight:700;line-height:1.12;margin:0 0 9px;color:#111;letter-spacing:-.7px}.hero-copy p{font-size:clamp(10px,2.5vw,16px);line-height:1.5;margin:0 0 9px;color:#161616}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:28px;border-radius:22px;padding:5px 12px;background:#ffdf1e;font-size:11px;font-weight:700}.hero-cta .icon{width:14px;height:14px}.hero-art{flex:0 0 54%;width:54%;height:100%;max-width:none;transform:none;margin:0;display:flex}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:right center;max-width:none;mix-blend-mode:multiply}
.cat-grid:not(.wide){display:flex;flex-direction:row-reverse;gap:7px;margin:10px 3px 11px}.cat-scroll{display:flex;flex-direction:row-reverse;gap:7px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.cat-scroll::-webkit-scrollbar{display:none}.cat-grid:not(.wide) .cat{flex:0 0 calc((100% - 28px)/5);min-width:49px;height:58px;border-radius:8px;padding:6px 2px 3px;margin:0;font-size:8px;line-height:1.2;font-weight:700;background:#f5f7ff;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;white-space:nowrap}.cat-grid:not(.wide) .cat:nth-child(3n+1){background:#fff3f5}.cat-grid:not(.wide) .cat:nth-child(3n+2){background:#f1f6ff}.cat-grid:not(.wide) .cat:nth-child(3n){background:#fffae9}.cat-grid:not(.wide) .cat .cat-ic{height:28px;width:28px;background:none;padding:0;margin:0}.cat-ic svg{width:26px;height:26px}.cat-grid:not(.wide) .more-pin{flex:0 0 50px;background:#fff3a9}.cat-grid:not(.wide) .more-pin .cat-ic{background:#a06cf0;border-radius:50%;width:22px;height:22px;color:white}.more-pin .icon{width:15px;height:15px}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:12px 3px 7px;padding:0;min-height:28px}.sec-head h2{position:relative;font-size:19px;line-height:1.3;margin:0;padding:0 0 6px;font-weight:700}.sec-head a{font-size:9px;min-height:28px;color:#74747b;gap:3px}.sec-head .icon{width:12px;height:12px}.section-underline{position:absolute;bottom:0;right:0;width:24px;height:3px;border-radius:5px;background:#ffdf24}
.prod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 2px}.prod-grid .prod{min-width:0;border:1px solid #f2f2ef;border-radius:8px;box-shadow:0 2px 4px #00000006;background:#fff;overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0}.prod-top{display:block;text-decoration:none;color:inherit;padding:0;flex:1}.prod .prod-media{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:0;display:grid;place-items:center}.prod-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.prod-media .prod-logo{max-width:70%;font-size:32px}.prod-media .prod-logo img{position:static;width:100%;height:auto}.prod-body{padding:5px 2px 0;text-align:center}.prod-body h3{font-family:Arial,sans-serif;font-size:8px;line-height:1.2;margin:0 0 5px;color:#111;min-height:10px;white-space:normal;overflow-wrap:anywhere}.prod-price{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:3px;line-height:1.15}.prod-price b{font-size:13px;color:#e71019;white-space:nowrap}.prod-price s{font-size:8px;color:#999}.prod-sub{font-size:8px;line-height:1.2;margin:2px 0 0;color:#666}.prod>.prod-tag{font-size:7px;background:none;padding:2px;text-align:center;min-height:0;color:#666;margin:0}.prod-actions{margin:4px 4px 5px;display:block;padding:0}.prod-actions .cart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:3px;font-size:8px;border-radius:20px;min-height:25px;padding:4px 1px;background:linear-gradient(105deg,#ffe945,#ffdf26);color:#151515;box-shadow:none;white-space:nowrap;font-weight:700}.prod-actions .cart-btn .icon{width:13px;height:13px;flex:none}.prod .netflix{background:#180003}.prod .youtube{background:#290000}.prod .disney{background:#051d53}.prod .spotify{background:#002418}.prod .generic{background:#eef1f6}
.promo-banner{position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;aspect-ratio:3.8;background:linear-gradient(100deg,#fffbea,#ffed9a);margin:15px 3px 12px;border-radius:12px;overflow:hidden}.promo-banner>div{width:51%;text-align:center;padding:8px;z-index:1}.promo-banner h2{font-size:23px;line-height:1;margin:0 0 6px;font-weight:700;letter-spacing:-.7px}.promo-banner p{font-size:14px;margin:0 0 5px;line-height:1.1}.promo-banner a{display:inline-flex;align-items:center;gap:9px;background:#111;color:#fff;border-radius:25px;min-height:25px;padding:4px 14px;font-size:10px;font-weight:700}.promo-banner .icon{width:12px;height:12px}.promo-banner img{width:51%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.customer-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:rtl;left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 16px),580px);bottom:10px;min-height:57px;padding:5px 4px;background:#ffffffef;border:1px solid #f2f2ed;border-radius:38px;box-shadow:0 2px 20px #00000009;backdrop-filter:blur(15px)}.customer-bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;color:#71717a;font-size:9px;position:relative}.customer-bottom-nav>a>.icon{width:20px;height:20px}.customer-bottom-nav .home-tab>.icon{width:40px;height:40px;background:#ffe234;color:#111;border-radius:50%;padding:10px;margin-top:-16px;box-shadow:0 1px 12px #ffe33455}.customer-bottom-nav .selected{color:#111;font-weight:700}.customer-bottom-nav .nav-badge{right:calc(50% - 17px);top:1px}
.offer-detail{border:0;box-shadow:none;background:#fff;max-width:760px;margin:0 auto;padding:0;overflow:visible}.offer-detail-cover{position:relative;width:100%;aspect-ratio:1.93!important;max-height:none!important;height:auto!important;border-radius:14px;overflow:hidden;background:#00231f}.offer-detail-cover img{object-fit:cover;object-position:center 47%}.offer-detail-cover:not(.cover) .prod-logo{font-size:70px;color:white;display:grid;place-items:center;height:100%}.offer-detail-body{padding:10px 4px 0;text-align:center}.offer-detail-body h1{font-family:Arial,sans-serif;font-size:23px;line-height:1.2;margin:0 0 3px;font-weight:700}.detail-subtitle{font-size:15px;color:#999;margin:0}.detail-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0 16px;gap:4px}.detail-benefits>div{display:flex;flex-direction:column;align-items:center;gap:2px;border-left:1px solid #fafafa}.detail-benefits>div:last-child{border:0}.detail-benefits .icon{width:23px;height:23px;color:#ffdf23;stroke-width:2.5;margin-bottom:3px}.detail-benefits b{font-size:12px}.detail-benefits small{font-size:10px;color:#929299}.duration-heading{font-size:18px;text-align:right;margin:0 0 10px;position:relative}.duration-heading:after{content:'';position:absolute;bottom:-3px;right:0;height:2px;background:#ffdf23;width:24px}.duration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 11px}.duration-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 3px;min-height:78px;border:1px solid #eeeeea;border-radius:11px;background:#fff;box-shadow:0 1px 5px #00000005;color:#111;position:relative}.duration-choice.chosen{border-color:#e6c424;background:#fffdf3}.duration-label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px}.duration-label i{width:15px;height:15px;border:1px solid #dcdcdc;border-radius:50%;background:white}.chosen .duration-label i{border:4px solid #ffe02a;background:#111}.duration-choice b{font-size:16px;color:#e51622;white-space:nowrap}.duration-choice small{font-size:9px;padding:3px;border-radius:8px;background:#fff4b1;max-width:95%}.detail-add{margin:0 0 15px}.detail-add button{width:100%;border-radius:18px;min-height:38px;font-size:21px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.detail-add .icon{width:22px;height:22px}.detail-features{display:flex;justify-content:space-evenly;gap:3px;background:#fafafa;border-radius:9px;padding:13px 5px;margin:14px 0}.detail-features>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:#74747a;border-left:1px solid #f1f1f1}.detail-features .icon{width:20px;height:20px}.detail-accordion{text-align:right;border:1px solid #f3f3ef;border-radius:12px;box-shadow:0 1px 7px #00000003;margin:7px 0;background:#fff}.detail-accordion summary{min-height:36px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:8px 10px;list-style:none;cursor:pointer}.detail-accordion summary::-webkit-details-marker{display:none}.detail-accordion summary:after{content:'⌄';margin-right:auto;font-size:19px;font-weight:400;color:#777}.detail-accordion summary .icon{width:17px;height:17px}.detail-accordion p{font-size:11px;color:#8b8b91;line-height:1.8;padding:0 11px 9px;margin:0;white-space:pre-line}.detail-accordion .offer-facts{padding:0 11px;font-size:12px}.detail-accordion>a{display:block;padding:10px;font-size:12px}.batch-line{padding:12px 0;border-bottom:1px solid #eee}.batch-line h3{margin:0}
@media(min-width:600px){.customer-page .app-header{height:80px;padding:12px 22px;gap:18px}.customer-page .brand-word{font-size:34px}.customer-page .brand img{width:42px;height:42px}.header-shop-search input[name=q]{min-height:40px!important;font-size:14px!important}.header-shop-search button{min-height:40px}.customer-page .head-btn{width:36px}.customer-page main{padding:0 20px 28px}.hero{max-height:355px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:18px}.hero-cta{font-size:16px;min-height:42px;padding:8px 24px}.cat-grid:not(.wide) .cat{height:78px;font-size:12px}.cat-grid:not(.wide) .more-pin{flex-basis:80px}.cat-grid:not(.wide) .cat .cat-ic{height:35px;width:35px}.sec-head h2{font-size:27px}.sec-head a{font-size:13px}.prod-grid{gap:12px}.prod-body h3{font-size:14px;margin-bottom:8px}.prod-price b{font-size:22px}.prod-price s{font-size:12px}.prod-sub{font-size:12px}.prod>.prod-tag{font-size:10px}.prod-actions{margin:8px}.prod-actions .cart-btn{font-size:13px;min-height:35px}.prod-actions .cart-btn .icon{width:18px;height:18px}.promo-banner h2{font-size:34px}.promo-banner p{font-size:21px}.promo-banner a{font-size:15px;min-height:35px}.offer-detail-body h1{font-size:32px}.detail-benefits{margin:20px 0 30px}.detail-benefits b{font-size:17px}.detail-benefits small{font-size:14px}.duration-choice{min-height:100px}.duration-label{font-size:17px}.duration-choice b{font-size:24px}.detail-add button{min-height:54px}.detail-accordion summary{font-size:17px;min-height:48px}.detail-accordion p{font-size:15px}.detail-features>div{font-size:13px}}
/* Reset legacy component dimensions that outrank shared selectors. */
.customer-page .header-shop-search button{width:28px;margin:0;height:32px;right:auto}
.customer-page .cat-grid:not(.wide) .cat{min-height:58px}
.customer-page .sec-head h2{font-size:19px}
.customer-page .prod{position:relative}.customer-page .prod .prod-top{flex:none}
.customer-page .prod .prod-body{display:block;padding:5px 2px 0;text-align:center;flex:none;gap:0}
.customer-page .prod .prod-body h3{text-align:center;font-size:8px;min-height:10px;line-height:1.25;margin:0 0 5px}
.customer-page .prod .prod-sub{margin:2px 0 0}
.customer-page .prod .prod-price{margin:0}
.customer-page .prod .prod-actions .cart-btn{height:25px;min-height:25px;margin:0}
.customer-page .prod>.prod-tag{position:absolute;top:3px;right:3px;max-width:90%;font-size:6px;border-radius:6px;padding:1px 3px;background:#ffffffe8;color:#555}
.customer-page .offer-detail .offer-detail-cover{border-radius:14px}
.customer-page .duration-choice{margin:0}.customer-page .detail-add button{margin:0}
.customer-page .customer-bottom-nav{height:57px;padding:5px 4px}
.customer-page .customer-bottom-nav a{min-height:40px;font-size:9px}
.customer-page .customer-bottom-nav .icon{box-sizing:border-box;padding:0}
.customer-page .customer-bottom-nav .home-tab>.icon{padding:10px;width:40px;height:40px}
@media(min-width:600px){.customer-page .cat-grid:not(.wide) .cat{min-height:78px}.customer-page .sec-head h2{font-size:27px}.customer-page .prod .prod-body h3{font-size:14px}.customer-page .prod .prod-actions .cart-btn{height:35px;min-height:35px}.customer-page .prod>.prod-tag{font-size:10px}}
@media(max-width:370px){.customer-page .app-header{gap:6px;padding:8px 10px}.customer-page .brand-word{font-size:24px}.customer-page .brand img{width:28px;height:28px}.profile-link{display:none!important}.hero-copy h1{font-size:20px}.hero-copy p{font-size:9px}.hero-cta{font-size:10px;padding:4px 8px}.prod-price b{font-size:11px}.prod-actions .cart-btn{font-size:7px}.promo-banner h2{font-size:20px}.promo-banner p{font-size:12px}}