/* OuroBite approved homepage implementation, 2026-10-25.
   All application forms, routes and user data are preserved. */
:root{--gold:#c58b28;--cream:#f8f2e9;--line:#e5e7eb;--ink:#19232e}
img{max-width:100%}.site-header{max-width:1280px;gap:16px;padding:14px 24px;min-width:0}.site-header>*,.grid>*,.between>*{min-width:0}.site-header .brand{width:211px}.site-header .search{min-width:120px}.site-header .search input{font-size:12px;padding:12px 10px}.site-header nav{gap:15px}.site-header nav .button{font-size:12px;padding:11px 13px;white-space:nowrap}.site-header .location-button{min-width:110px;font-size:11px}.service-strip{padding:8px;background:#f5f2ec;color:#5f6670}
.home-page .container{max-width:1240px;padding-left:28px;padding-right:28px}.home-page main.container{padding-top:0;padding-bottom:0}.home-page section{margin:0 0 42px}.home-page h2{font-size:30px;margin:0 0 20px;font-weight:600}.home-page .between h2{margin-bottom:0}.home-page .between{margin-bottom:18px}.home-page .between a{font-size:13px}.home-page h2 .badge{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;vertical-align:middle;margin-left:7px}
.home-page .hero{margin:0;min-height:490px;background:#fbf8f2 url('hero-v2.webp') center center/cover no-repeat}.home-page .hero:before,.home-page .hero:after{content:none}.home-page .hero .container{padding-top:76px;padding-bottom:65px}.hero-copy{max-width:610px}.home-page .hero h1{font-size:62px;letter-spacing:-2.3px;line-height:1.02;margin:20px 0 18px}.home-page .hero p{font-size:19px;color:#6c7889;line-height:1.6}.hero-actions{display:flex;gap:16px;margin-top:22px}.hero-actions button{padding:15px 20px;font-size:14px}.hero-actions .outline{background:#fff9;color:#57616c;border-color:#d8bc91}.home-page .hero .small{font-size:11px;margin-top:12px}
.home-page .categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:32px 0 8px;overflow:visible;margin-bottom:42px}.categories a{min-width:0}.category-photo{width:128px;height:128px;box-shadow:0 2px 8px #1111}.home-page .categories a{font-size:14px;font-weight:500}.sprite{position:relative;overflow:hidden;background:none;background-color:#f4f0e9;isolation:isolate}.sprite:before{content:'';position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url('food-grid.webp');background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;z-index:-1}.sprite.biryani:before{background-position:0 0}.sprite.burger:before{background-position:50% 0}.sprite.banana:before{background-position:100% 0}.sprite.milk:before{background-position:0 100%}.sprite.paratha:before{background-position:50% 100%}.sprite.eggs:before{background-position:100% 100%}.sprite.grocery:before,.sprite.pharmacy:before,.sprite.bakery:before,.sprite.grocery-store:before,.sprite.dairy-store:before{background-image:url('category-v2.webp')}.sprite.grocery:before{background-position:0 0}.sprite.pharmacy:before{background-position:50% 0}.sprite.bakery:before{background-position:100% 0}.sprite.grocery-store:before{background-position:0 100%}.sprite.dairy-store:before{background-position:50% 100%}.sprite.pharmacy:after{content:none}.sprite.pharmacy{display:block}.photo.large:before{min-height:100%;background-size:300% 200%}
.home-page .logo-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;overflow:visible}.home-page .logo-strip .card{min-width:0;min-height:118px;padding:12px 8px;justify-content:center;line-height:1.15}.logo-strip .sample-brand{display:flex;align-items:center;flex-direction:column;text-align:center;background:#fff}.sample-brand>span{font-size:37px;height:44px;line-height:1}.sample-brand strong{font-family:Georgia,serif;font-size:18px}.sample-brand small{font-size:8px;letter-spacing:1.4px;margin-top:4px}.sample-brand.brand-0{background:#202725;color:#e6b62f}.sample-brand.brand-1{color:#ee6429}.sample-brand.brand-2{color:#15994d}.sample-brand.brand-3{color:#168bd1}.sample-brand.brand-4{color:#16a69d}.sample-brand.brand-5{color:#c48732}.sample-label{color:#8e7c62;font-size:12px;margin:0 0 14px}.store-monogram{font:32px Georgia,serif;color:var(--gold)}
.home-page .grid{gap:20px}.home-page .card{border-color:#e1e4e8;border-radius:9px;box-shadow:0 2px 5px #11100003}.home-page .card .pad{padding:13px 14px}.home-page .card .photo,.home-page .card .product-photo{height:auto;aspect-ratio:1.95;object-fit:cover}.home-page .card .title-link,.home-page .store-card strong{font-size:15px;font-weight:600;color:#202936}.home-page .card .muted{color:#8b94a2}.home-page .card p{margin:7px 0}.home-page .card .between{margin:10px 0 0;gap:7px}.home-page .card .between strong{font-size:18px}.home-page .card del{font-size:12px;margin-left:5px}.home-page .product-card .button,.sample-order{font-size:12px;padding:11px 14px;border-radius:7px;background:linear-gradient(120deg,#d49c38,#b67c18);color:white;white-space:nowrap}.sample-order{display:inline-block}.product-image{position:relative;overflow:hidden}.discount-label{position:absolute;top:10px;left:10px;z-index:2;background:#ca902d;color:white;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:600}.home-page .filters button{font-weight:400;font-size:12px}.home-page .location-prompt{font-size:12px;border-radius:7px}.home-page .how{padding:0;margin-top:50px}.home-page .how .grid{padding:0;gap:38px}.how .grid>div{padding-left:55px;position:relative}.how-picture{height:76px;position:relative;margin-left:-55px;display:flex;align-items:center;gap:34px}.how .step{width:36px;height:36px;padding:5px 12px;background:linear-gradient(135deg,#dba947,#b17920)}.how-symbol{font-size:74px;line-height:1;color:#c78d2b;font-family:Georgia,serif}.how h3{font-family:Georgia,serif;font-size:20px;margin:10px 0 6px}.how p{font-size:14px;color:#8992a0;line-height:1.45}.how .grid>div:not(:last-child):after{content:'→';position:absolute;right:-18px;top:85px;color:#a0a7b1;font-size:28px}
.home-page .seller-banner{background:#f4e6d4 url('seller-v2.webp') center/cover no-repeat;min-height:280px;border-radius:22px;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;margin-top:45px}.seller-banner:after{content:none}.home-page .seller-banner h2{font-size:42px;line-height:1.06;margin:0 0 14px;letter-spacing:-1px}.seller-banner h2,.seller-banner p,.seller-banner a{max-width:none}.seller-copy{position:relative;max-width:48%;z-index:1}.seller-copy p{font-size:14px;color:#6d7884;line-height:1.5}.seller-copy .button{font-size:12px;padding:12px 17px;margin-top:5px}.seller-benefits{list-style:none;background:#fffc;border-radius:14px;padding:20px 20px 20px 16px;max-width:30%;margin:0;font-size:12px;color:#5b6471;z-index:1}.seller-benefits li{display:flex;gap:10px;align-items:center;margin:13px 0}.seller-benefits li:before{content:'✓';background:#c28b2e;color:white;border:3px solid white;outline:1px solid #e6d4b6;border-radius:7px;font-size:14px;min-width:26px;text-align:center}
.home-page .app-promo{position:relative;min-height:220px;overflow:hidden;margin-bottom:0;padding:5px 10px 35px;gap:22px}.home-page .app-promo:before{content:'';position:absolute;right:-120px;bottom:-260px;width:680px;height:460px;border-radius:50%;background:#f5e9d8;z-index:-1}.home-page .app-promo h2{font-size:33px;margin-bottom:14px;letter-spacing:-.7px}.app-promo p{color:#8c95a1;font-size:14px}.app-badges{display:flex;gap:10px;flex:0 0 auto!important;position:relative;z-index:1}.app-badge{display:flex;align-items:center;gap:12px;padding:13px 19px;background:#141c1c;line-height:1.2;font-size:12px;min-width:168px}.app-badge b{font-size:33px;color:white}.app-badge .play-symbol{color:#43c992}.app-badge small{display:block;font-size:12px}.phone-preview{position:relative;flex:0 0 140px!important;height:205px;border:7px solid #151b1d;border-radius:25px;background:white;transform:rotate(5deg);margin:10px 10px -48px 0;padding:60px 5px 10px;box-shadow:0 5px 10px #0002}.phone-preview .brand{transform:scale(.52);transform-origin:left center;width:211px;margin-left:0}.phone-notch{position:absolute;top:0;left:25px;right:25px;height:12px;background:#151b1d;border-radius:0 0 10px 10px}.phone-art{color:#c38b2b;font-size:32px;white-space:nowrap;text-align:center;margin-top:10px}
.delivery-note{max-width:1184px;margin:0 auto 20px;background:#f5ebdc;font-size:12px;padding:15px 20px}.delivery-note strong{color:#3c4654}.delivery-note small{color:#96989c}footer{background:#1c2326;padding-top:30px}.footer-grid{max-width:1240px;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:35px}.footer-grid .brand{transform:scale(.95);transform-origin:left}.copyright{max-width:1190px}.footer-grid p{line-height:1.5}
@media(min-width:1440px){.home-page .hero{background-size:cover}}
@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:12px}.site-header .search{order:3;flex-basis:100%}.site-header nav{margin-left:auto}.home-page .hero h1{font-size:53px}.hero-copy{max-width:54%}.home-page .hero{min-height:450px;background-position:57% center}.category-photo{width:100px;height:100px}.home-page .grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.home-page .logo-strip{gap:10px}.sample-brand strong{font-size:15px}.home-page .card .pad{padding:11px}.home-page .card .between strong{font-size:15px}.home-page .card .between{flex-wrap:wrap}.home-page .app-promo h2{font-size:28px}.app-badge{min-width:130px;padding:12px}.phone-preview{flex-basis:120px!important}.seller-benefits{font-size:11px;max-width:30%;padding:12px}}
@media(max-width:760px){.home-page .container{padding-left:20px;padding-right:20px}.home-page .hero{background-position:62% center;min-height:430px}.home-page .hero .container{padding-top:50px}.home-page .hero h1{font-size:46px;letter-spacing:-1.7px}.home-page .hero p{font-size:15px}.hero-copy{max-width:62%}.hero-actions{flex-wrap:wrap;gap:9px}.hero-actions button{padding:12px;font-size:12px}.home-page .categories{gap:12px}.category-photo{width:85px;height:85px}.home-page .categories a{font-size:12px}.home-page .logo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .logo-strip .card{min-height:100px}.home-page .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-page h2{font-size:25px}.home-page .card .title-link,.home-page .store-card strong{font-size:13px}.home-page .card .pad{padding:10px}.home-page .card .between strong{font-size:14px}.home-page .card .between del{font-size:10px;margin-left:2px}.home-page .product-card .button,.sample-order{padding:8px 10px;font-size:11px}.home-page .sample-product .sample-label{font-size:10px}.home-page .how .grid{gap:18px}.how .grid>div{padding-left:0}.how-picture{margin-left:0;gap:16px}.how-symbol{font-size:50px}.how h3{font-size:17px}.how p{font-size:12px}.how .grid>div:not(:last-child):after{display:none}.home-page .seller-banner{padding:24px;min-height:260px;background-position:58% center}.home-page .seller-banner h2{font-size:31px}.seller-copy{max-width:53%}.seller-copy p{font-size:12px}.seller-benefits{display:none}.home-page .app-promo{flex-wrap:wrap;padding-bottom:25px}.home-page .app-promo>div:first-child{flex-basis:65%}.app-badges{flex-basis:65%!important}.phone-preview{position:absolute;right:5px;bottom:25px;flex-basis:auto!important;width:120px;height:190px;margin:0}.app-promo .app-badge{min-width:135px}.delivery-note{margin-left:20px;margin-right:20px}.footer-grid{gap:20px}.footer-grid .brand{transform:scale(.85)}}
@media(max-width:520px){.site-header{padding:12px 16px}.site-header .brand{width:176px}.site-header .location-button{min-width:0;font-size:10px;margin-left:auto}.site-header nav{width:100%;gap:12px}.site-header nav .button{padding:10px 12px;font-size:11px}.site-header .search{order:4}.service-strip{font-size:10px}.service-strip span{padding:0 3px}.home-page .container{padding-left:16px;padding-right:16px}.home-page .hero{min-height:480px;background-size:auto 240px;background-position:center bottom;padding-bottom:205px}.home-page .hero .container{padding-top:20px;padding-bottom:10px}.home-page .hero:before{content:'';position:absolute;inset:auto 0 200px;height:60px;background:linear-gradient(#fbf8f2,transparent);z-index:1}.hero-copy{max-width:100%}.home-page .hero h1{font-size:40px;margin-top:12px;letter-spacing:-1.4px}.home-page .hero p{font-size:14px;margin:10px 0}.hero-actions{gap:8px;margin-top:15px}.hero-actions button{padding:11px 12px;font-size:11px}.home-page .hero .small{font-size:9px}.home-page .categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;padding:24px 0 0;margin-bottom:30px}.category-photo{width:86px;height:86px}.home-page section{margin-bottom:30px}.home-page h2{font-size:23px}.home-page .between{gap:10px}.home-page .between h2{font-size:22px}.home-page .between a{font-size:11px}.home-page h2 .badge{font-size:10px;display:inline-block;margin-left:0;padding:3px 6px}.home-page .logo-strip{gap:8px}.home-page .logo-strip .card{padding:10px 5px;min-height:95px}.sample-brand strong{font-size:13px}.sample-brand small{font-size:6px;letter-spacing:.8px}.sample-brand>span{font-size:29px;height:34px}.sample-label{font-size:10px}.home-page .grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-page .grid.four{gap:12px}.home-page .card .photo,.home-page .card .product-photo{aspect-ratio:1.5}.home-page .card .title-link,.home-page .store-card strong{font-size:12px}.home-page .card .pad{padding:10px}.home-page .card .small{font-size:10px}.home-page .card .between{margin-top:7px}.home-page .card .between strong{font-size:13px}.home-page .sample-order{padding:7px 9px;font-size:10px}.discount-label{top:7px;left:7px;padding:4px 6px;font-size:10px}.home-page .how{margin-top:35px}.home-page .how .grid{grid-template-columns:1fr;gap:15px}.how .grid>div{padding:0 0 0 80px;min-height:85px}.how-picture{position:absolute;left:0;top:0;height:70px;gap:4px;align-items:center}.how .step{width:25px;height:25px;font-size:12px;padding:3px 8px}.how-symbol{font-size:45px}.how h3{font-size:18px;margin:8px 0}.how p br{display:none}.home-page .seller-banner{min-height:320px;padding:22px 20px;align-items:flex-start;background-size:auto 235px;background-position:60% bottom;background-repeat:no-repeat;background-color:#f8efe1}.home-page .seller-banner h2{font-size:30px;max-width:100%}.seller-copy{max-width:100%}.seller-copy p{max-width:75%;font-size:12px}.seller-copy .button{font-size:11px}.home-page .app-promo>div:first-child{flex-basis:100%;padding-right:85px}.home-page .app-promo h2{font-size:25px}.home-page .app-promo p{font-size:12px}.app-badges{flex-basis:100%!important;gap:7px;flex-wrap:wrap;max-width:68%}.app-promo .app-badge{font-size:10px;min-width:115px;padding:9px 10px;gap:7px}.app-badge b{font-size:22px}.app-badge small{font-size:10px}.phone-preview{width:95px;height:165px;border-width:5px;border-radius:19px;padding-top:43px;right:0;bottom:20px}.phone-preview .brand{transform:scale(.39)}.phone-notch{left:18px;right:18px;height:9px}.phone-art{font-size:24px;margin-top:5px}.delivery-note{margin-left:16px;margin-right:16px;font-size:11px;padding:12px 16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{font-size:10px}}
.register-hero{max-width:none;margin:0;border-radius:0;background:#faf6ee url('seller-v2.webp') center/cover no-repeat;padding:45px max(28px,calc((100vw - 1184px)/2));min-height:330px}.register-hero h1{max-width:65%;font-size:50px;letter-spacing:-1.5px}.register-hero p{max-width:62%;color:#66717f;font-size:15px}.register-layout{padding-top:25px!important;max-width:1240px;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:24px}.register-layout section{margin:0 0 18px;border-radius:14px;padding:25px}.register-layout section h2{font-size:25px;margin:0 0 18px}.register-layout label{margin:8px 0;font-size:13px}.register-layout input{padding:11px 12px}.register-layout input[type=file]{border:1px dashed #c7cdd5;background:#f9fafc;padding:25px 12px;font-size:12px}.register-layout .days label{padding:5px 9px;background:#f1f2f5;border-radius:30px}.register-layout .days{gap:8px}.register-layout .check{margin-top:20px}.register-layout aside .card{background:linear-gradient(140deg,#fcfaf5,#fff);position:static;border-radius:14px}.register-layout aside h2{font-size:32px}.register-layout aside p{font-size:13px;color:#718093}.product-detail h1{font-size:38px;letter-spacing:-1px}.product-detail .price{font-size:30px}.product-detail .photo.large,.product-detail .product-photo.large{height:auto;aspect-ratio:1;object-fit:cover}.product-detail .photo.large:before{min-height:0}.product-detail .card{background:#fcf8f1;border-color:#f2e9dc;border-radius:12px}.product-detail label:has(input[name=qty]){max-width:150px}.product-detail .rating{font-size:15px}.product-detail button{padding:14px 25px}
@media(max-width:1000px){.register-layout{grid-template-columns:1fr}.register-layout aside{display:none}.register-hero{padding:35px 25px}.register-hero h1{font-size:42px}}
@media(max-width:640px){.register-hero{min-height:360px;padding:25px 16px;background-size:auto 230px;background-repeat:no-repeat;background-position:60% bottom}.register-hero h1{font-size:33px;max-width:100%;margin-top:0}.register-hero p{font-size:12px;max-width:100%;background:#fff9}.register-layout section{padding:18px}.register-layout section h2{font-size:23px}.product-detail h1{font-size:30px}}
.how-symbol svg{display:block;width:64px;height:64px}.sprite:before{pointer-events:none}.home-page .product-image a{display:block}
@media(max-width:760px){.how-symbol svg{width:52px;height:52px}}
@media(max-width:520px){.how-symbol svg{width:44px;height:44px}}