:root{--orange:#ff8a00;--orange2:#ffb000;--black:#070b0d;--dark:#0d1418;--dark2:#111a1f;--text:#172026;--muted:#68737b;--border:#dfe4e7;--white:#fff;--radius:10px;--shadow:0 8px 25px rgba(0,0,0,.08)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f5f6f6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1400px,calc(100% - 40px));margin:auto}.top-strip{background:#05080a;color:#aeb7bc;font-size:12px;border-bottom:1px solid #1e282d}.top-strip-inner{height:30px;display:flex;justify-content:space-between;align-items:center}.main-header{background:var(--black);color:#fff;position:relative;z-index:100}.header-main{min-height:68px;display:flex;align-items:center;gap:20px}.brand{width:160px;height:48px;display:flex;align-items:center;flex-shrink:0}.brand img,.footer-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.search-wrap{height:42px;flex:1;display:flex;position:relative;background:#fff;border-radius:7px;overflow:visible}.search-wrap select{width:145px;border:0;background:#f1f2f2;padding:0 12px;border-radius:7px 0 0 7px;border-right:1px solid #ddd;color:#333}.search-wrap input{flex:1;border:0;outline:0;padding:0 15px;font-size:14px;min-width:0}.search-wrap button{width:55px;border:0;background:var(--orange);font-size:25px;color:#111;cursor:pointer;border-radius:0 7px 7px 0;transition:.25s}.search-wrap button:hover{background:var(--orange2)}.search-suggestions{position:absolute;top:47px;left:0;right:55px;background:#fff;color:#333;border-radius:0 0 8px 8px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:none;overflow:hidden;z-index:200}.search-suggestions div{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer}.search-suggestions div:hover{background:#f7f7f7;color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.header-action{display:grid;grid-template-columns:24px auto;column-gap:4px;line-height:14px;white-space:nowrap}.header-action .action-icon{grid-row:span 2;font-size:24px}.header-action small{font-size:10px;color:#ddd}.header-action strong,.cart-action strong{font-size:12px}.cart-action{position:relative;display:flex;align-items:center;gap:6px}.cart-icon{font-size:25px}.cart-action b{position:absolute;top:-8px;left:13px;background:var(--orange);color:#111;border-radius:20px;min-width:17px;height:17px;font-size:10px;display:grid;place-items:center}.mobile-menu-btn{display:none}.nav-bar{height:38px;background:#0d1519;border-top:1px solid #202a2e;border-bottom:1px solid #273238}.nav-inner{height:100%;display:flex;align-items:center;gap:30px;font-size:13px}.nav-inner a,.all-menu{color:#fff;transition:.2s}.nav-inner a:hover{color:var(--orange)}.all-menu{border:0;background:none;cursor:pointer;font-weight:700}.mega-menu{position:absolute;left:0;right:0;top:136px;background:#fff;z-index:90;box-shadow:0 15px 35px rgba(0,0,0,.2);transform:translateY(-15px);opacity:0;visibility:hidden;transition:.25s}.mega-menu.open{transform:none;opacity:1;visibility:visible}.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:30px 0}.mega-grid h4{margin-bottom:12px;color:#111}.mega-grid a{display:block;font-size:13px;color:#667078;margin:10px 0}.mega-grid a:hover{color:var(--orange)}
.hero{height:360px;position:relative;overflow:hidden;background:#05080a}.hero-track{height:100%;position:relative}.hero-slide{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.05) 78%),var(--hero-image);background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 6s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-content{height:100%;display:flex;align-items:center;color:#fff}.hero-content>div{max-width:580px;padding-left:5%}.eyebrow{display:inline-block;color:var(--orange);font-weight:800;letter-spacing:2px;font-size:12px;margin-bottom:10px}.hero h1{font-size:50px;line-height:1.05;margin-bottom:5px}.hero h2{font-size:27px;color:var(--orange);margin-bottom:15px}.hero p{font-size:15px;color:#e6e6e6;margin-bottom:25px}.primary-btn{display:inline-flex;align-items:center;gap:15px;background:var(--orange);color:#111;font-weight:800;padding:13px 23px;border-radius:30px;transition:.25s;box-shadow:0 8px 25px rgba(255,138,0,.22)}.primary-btn:hover{transform:translateY(-3px);background:#ffab00;box-shadow:0 12px 30px rgba(255,138,0,.35)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.3);color:#fff;width:45px;height:75px;font-size:45px;cursor:pointer;z-index:5}.hero-prev{left:0;border-radius:0 8px 8px 0}.hero-next{right:0;border-radius:8px 0 0 8px}.hero-arrow:hover{background:rgba(255,138,0,.85);color:#111}.hero-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dot{width:9px;height:9px;border-radius:50%;background:#888;border:1px solid #fff;cursor:pointer}.hero-dot.active{background:var(--orange);width:25px;border-radius:8px}
.category-strip{background:#fff;padding:16px 0}.category-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.category-tile{border:1px solid #e3e7e9;border-radius:8px;padding:12px 7px;text-align:center;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;background:#fff}.category-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffc47a}.category-tile img{width:70px;height:70px;object-fit:contain;margin-bottom:8px}.category-tile span{font-size:12px;font-weight:700}.section{padding:28px 0;background:#fff}.dark-section{background:linear-gradient(180deg,#0b1216,#101a1f);color:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:21px}.section-heading a{font-size:12px;color:var(--orange);font-weight:700}.section-icon{font-size:24px;color:var(--orange)}.product-slider-wrap,.brand-slider-wrap{position:relative}.product-slider{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px}.product-slider::-webkit-scrollbar,.brand-slider::-webkit-scrollbar{display:none}.product-card{background:#fff;color:#172026;border:1px solid #dfe4e7;border-radius:8px;min-width:220px;max-width:220px;padding:10px;position:relative;transition:.3s;overflow:hidden}.product-card:hover{transform:translateY(-7px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.discount{position:absolute;left:7px;top:7px;background:#ff5b25;color:#fff;font-size:10px;font-weight:800;padding:5px 7px;border-radius:5px}.product-card img{width:100%;height:165px;object-fit:contain;margin:12px 0}.product-card h3{font-size:13px;line-height:1.35;height:36px;overflow:hidden}.price{font-weight:800;color:#ed3f13;font-size:16px;margin-top:9px}.mrp{text-decoration:line-through;color:#8d969b;font-size:11px;margin-left:5px;font-weight:400}.rating{color:#ff9900;font-size:12px;margin-top:7px}.rating span{color:#7c858a;margin-left:4px}.buy-btn{margin-top:10px;width:100%;border:0;background:#fff2df;color:#d86c00;padding:8px;border-radius:5px;font-weight:700;cursor:pointer}.buy-btn:hover{background:var(--orange);color:#111}.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:34px;height:60px;border:1px solid #ccd2d5;background:rgba(255,255,255,.95);font-size:35px;cursor:pointer;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.12)}.dark-section .slider-arrow{background:#fff}.slider-arrow.left{left:-17px}.slider-arrow.right{right:-17px}.category-cards{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.large-category{border:1px solid #e1e5e7;background:#fff;border-radius:8px;overflow:hidden;text-align:center;padding:10px;transition:.3s}.large-category:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#ffbd69}.large-category img{width:100%;height:135px;object-fit:contain}.large-category h3{font-size:12px;margin:8px 0 5px}.circle-arrow{width:20px;height:20px;background:var(--orange);display:inline-grid;place-items:center;border-radius:50%;font-size:12px;font-weight:bold;margin-bottom:3px}.brand-slider{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px}.brand-item{min-width:130px;height:70px;border:1px solid #334047;border-radius:8px;display:grid;place-items:center;background:#0c1418;transition:.25s}.brand-item:hover{border-color:var(--orange);transform:translateY(-4px)}.brand-item img{max-width:90px;max-height:40px;object-fit:contain;filter:grayscale(1) brightness(2)}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.product-grid .product-card{min-width:0;max-width:none}.promos{background:#f5f6f6;padding:15px 0 32px}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo{height:115px;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;position:relative;color:#fff;border:1px solid var(--orange);transition:.3s}.promo:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}.promo>div{position:relative;padding:20px 25px}.promo h3{font-size:17px;margin-bottom:12px}.promo span{font-size:12px;color:var(--orange);font-weight:800}.promo-one{background-image:url('https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=900&q=80')}.promo-two{background-image:url('https://images.unsplash.com/photo-1496747611176-843222e1e57c?auto=format&fit=crop&w=900&q=80')}.promo-three{background-image:url('https://images.unsplash.com/photo-1556911220-e15b29be8c8f?auto=format&fit=crop&w=900&q=80')}.footer{background:#080d10;color:#b9c0c4;border-top:2px solid var(--orange)}.footer-main{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:35px;padding:32px 0}.footer-brand{height:65px}.footer-brand img{width:145px;height:45px}.footer-brand p{font-size:11px}.footer h4{font-size:13px;color:#fff;margin-bottom:12px}.footer a{display:block;font-size:11px;margin:8px 0;color:#aab3b7}.footer a:hover{color:var(--orange)}.socials{display:flex;gap:7px}.socials a{width:28px;height:28px;border:1px solid #3a464c;border-radius:50%;display:grid;place-items:center;color:#fff;margin:0}.app-title{margin-top:18px}.app-buttons{display:flex;gap:6px}.app-buttons span{border:1px solid #586269;border-radius:5px;padding:6px 8px;color:#fff;font-size:9px}.footer-bottom{border-top:1px solid #263036;padding:13px 0}.footer-bottom .container{display:flex;justify-content:center;gap:20px;font-size:10px}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:13px 18px;border-left:4px solid var(--orange);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(30px);opacity:0;visibility:hidden;transition:.3s;z-index:500;font-size:13px}.toast.show{transform:none;opacity:1;visibility:visible}.back-top{position:fixed;right:20px;bottom:75px;width:40px;height:40px;border:0;border-radius:50%;background:var(--orange);color:#111;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:100}.back-top.show{opacity:1;visibility:visible;transform:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.header-actions{gap:10px}.header-action{display:none}.category-row,.category-cards{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.nav-inner{gap:18px}.nav-inner a:nth-last-child(-n+2){display:none}}
@media(max-width:760px){.container{width:min(100% - 24px,1400px)}.top-strip{display:none}.header-main{min-height:60px;gap:8px}.mobile-menu-btn{display:block;background:none;border:0;color:#fff;font-size:22px}.brand{width:105px;height:40px}.search-wrap{height:38px}.search-wrap select{display:none}.search-wrap button{width:45px}.header-actions{gap:6px}.header-actions .header-action{display:none}.cart-action strong{display:none}.cart-icon{font-size:21px}.nav-bar{display:none}.mega-menu{top:60px}.mega-grid{grid-template-columns:repeat(2,1fr);padding:20px 0;gap:15px}.hero{height:320px}.hero-content>div{padding-left:8%;max-width:90%}.hero h1{font-size:34px}.hero h2{font-size:20px}.hero p{font-size:12px}.category-row{display:flex;overflow-x:auto;scrollbar-width:none}.category-tile{min-width:115px}.section{padding:22px 0}.section-heading h2{font-size:18px}.product-card{min-width:175px}.product-card img{height:135px}.category-cards{display:flex;overflow-x:auto;scrollbar-width:none}.large-category{min-width:150px}.large-category img{height:115px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid .product-card{min-width:0}.promo-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,1fr);gap:25px}.footer-bottom .container{flex-wrap:wrap;gap:10px}.slider-arrow{display:none}.hero-arrow{width:32px;height:55px;font-size:35px}}
@media(max-width:450px){.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product-grid .product-card{padding:7px}.product-grid .product-card img{height:115px}.product-grid .product-card h3{font-size:11px}.product-grid .price{font-size:14px}.footer-main{grid-template-columns:1fr 1fr}.hero{height:300px}}

/* =========================
   MOBILE HEADER & FOOTER FIX
   ========================= */
@media (max-width: 760px){
  body{overflow-x:hidden}
  .container{width:calc(100% - 20px);max-width:none}

  /* Header becomes: logo/menu + cart, then full-width search */
  .main-header{position:relative}
  .header-main{
    min-height:0;
    padding:8px 0 9px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 42px;
    grid-template-rows:42px 40px;
    gap:8px;
    align-items:center;
  }
  .mobile-menu-btn{
    display:grid;
    place-items:center;
    width:34px;height:38px;
    padding:0;
    font-size:21px;
    border-radius:7px;
    background:#151d22;
    border:1px solid #2b353a;
  }
  .brand{grid-column:2;grid-row:1;width:112px;height:40px;justify-self:start}
  .header-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;gap:0}
  .header-action{display:none!important}
  .cart-action{width:42px;height:38px;justify-content:center;border:1px solid #2b353a;border-radius:7px}
  .cart-action strong{display:none}
  .cart-icon{font-size:21px}
  .cart-action b{top:-6px;left:25px}
  .search-wrap{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    height:40px;
    min-width:0;
  }
  .search-wrap input{font-size:13px;padding:0 11px;min-width:0}
  .search-wrap button{width:45px;flex:0 0 45px;font-size:22px}
  .search-suggestions{top:44px;left:0;right:45px;max-height:230px;overflow:auto}

  /* Mobile navigation is a real horizontal menu, not clipped */
  .nav-bar{display:block;height:42px;overflow:hidden}
  .nav-inner{
    width:100%;
    height:42px;
    display:flex;
    gap:0;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .nav-inner::-webkit-scrollbar{display:none}
  .nav-inner a,.all-menu{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    height:42px;
    padding:0 13px;
    font-size:12px;
    border-right:1px solid #202a2e;
  }
  .nav-inner a:first-of-type{padding-left:13px}

  /* Mega menu fits the viewport on phones */
  .mega-menu{top:99px;max-height:calc(100vh - 99px);overflow-y:auto}
  .mega-grid{
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:8px 0 15px;
  }
  .mega-grid>div{padding:13px 10px;border-bottom:1px solid #e8ebed}
  .mega-grid h4{font-size:13px;margin-bottom:8px}
  .mega-grid a{font-size:12px;margin:8px 0}

  /* Footer */
  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:25px 0 12px;
  }
  .footer-brand{grid-column:1/-1;height:auto;padding-bottom:18px;border-bottom:1px solid #273137;margin-bottom:5px}
  .footer-brand img{width:130px;height:42px}
  .footer h4{font-size:12px;margin-bottom:9px}
  .footer a{font-size:11px;margin:7px 0;line-height:1.35}
  .footer>*,.footer-main>*{min-width:0}
  .footer-bottom .container{font-size:9px;text-align:center;padding:0 5px;line-height:1.5}
}

@media (max-width: 420px){
  .header-main{grid-template-columns:32px minmax(0,1fr) 40px;grid-template-rows:40px 38px;gap:7px}
  .brand{width:100px;height:36px}
  .mobile-menu-btn,.cart-action{height:36px}
  .search-wrap{height:38px}
  .nav-inner a,.all-menu{padding:0 11px;font-size:11px}
  .mega-menu{top:92px}
  .mega-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr 1fr;gap:0}
  .footer-main>div:not(.footer-brand){padding:8px 4px 10px}
}