/* ═══════════════ RESET ═══════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f6fa;color:#111;font-size:14px;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{cursor:pointer;border:none;font-family:inherit;background:none;}
img{display:block;}

/* ══════ HEADER ══════ *//* ══════ HEADER ══════ */
.header{
  background:#1d3342;
  color:#fff;
  display:flex;align-items:center;
  padding:10px 18px;
  gap:14px;
  position:sticky;top:0;z-index:900;
  border-bottom:2px solid #ff7a1a;
}

/* ── Logo (bigger) ── */
.logo{display:flex;align-items:center;gap:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.logo-mark-svg{width:38px;height:30px;display:block;transition:filter .2s;}
.logo:hover .logo-mark-svg{filter:drop-shadow(0 0 7px rgba(255,122,26,.6));}
.logo-mark-t{fill:#fff;}
.logo-mark-c{fill:#ff7a1a;}
.logo-wordmark{font-size:24px;font-weight:900;letter-spacing:1.2px;color:#fff;text-transform:uppercase;}
.logo-c{color:#ff7a1a;}

/* ── Location ── */
.header-location{display:flex;align-items:center;gap:6px;cursor:pointer;padding:5px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0;transition:background .15s;}
.header-location:hover{background:rgba(255,255,255,.08);}
.header-location-icon{font-size:15px;color:#ff7a1a;}
.header-location-text{display:flex;flex-direction:column;line-height:1.25;}
.header-location-text small{color:#9a9a9a;font-size:11px;}
.header-location-text strong{font-size:13px;color:#fff;}

/* ── Search (pill-shaped, with category dropdown) ── */
.search-container{flex:1;display:flex;height:40px;border-radius:20px;overflow:hidden;min-width:200px;background:#fff;box-shadow:0 0 0 1px rgba(255,122,26,.3);transition:box-shadow .15s;}
.search-container:focus-within{box-shadow:0 0 0 2px #ff7a1a;}
.search-category{background:#f3f3f3;border:none;padding:0 10px;font-size:12px;color:#333;width:64px;cursor:pointer;border-right:1px solid #dcdcdc;outline:none;}
.search-input{flex:1;border:none;padding:0 14px;font-size:14px;outline:none;color:#111;background:#fff;}
.search-btn{width:44px;background:#ff7a1a;border:none;font-size:16px;color:#0a0a0a;cursor:pointer;border-radius:20px;margin:2px;transition:background .15s;}
.search-btn:hover{background:#ff8f3d;}

/* ── Language ── */
.header-lang{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:bold;cursor:pointer;padding:6px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0;transition:background .15s;}
.header-lang:hover{background:rgba(255,255,255,.08);}
.header-lang img{width:20px;border-radius:2px;}

/* ── Notification bell ── */
.header-notif{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .15s;flex-shrink:0;}
.header-notif:hover{background:rgba(255,255,255,.08);}
.header-notif i{font-size:18px;color:#fff;}
.notif-count{position:absolute;top:1px;right:1px;background:#ff7a1a;color:#0a0a0a;font-size:10px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* ── Account ── */
.header-account{cursor:pointer;white-space:nowrap;padding:6px 8px;border-radius:4px;line-height:1.25;flex-shrink:0;position:relative;transition:background .15s;}
.header-account:hover{background:rgba(255,255,255,.08);}
.header-account small{display:block;font-size:11px;color:#9a9a9a;}
.header-account strong{font-size:13px;color:#fff;}

.header-account-dropdown{padding-bottom:12px;margin-bottom:-12px;}
.header-account-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,.35);min-width:160px;padding:6px 0;z-index:950;}
.header-account-dropdown:hover .header-account-menu{display:block;}
.header-account-menu a{display:block;padding:9px 16px;font-size:13px;color:#1a1a1a;font-weight:500;white-space:nowrap;transition:background .12s,color .12s;}
.header-account-menu a:hover{background:#fff3e9;color:#e6660a;}

/* ── Returns & Orders ── */
.header-returns{cursor:pointer;white-space:nowrap;padding:6px 8px;border-radius:4px;line-height:1.25;flex-shrink:0;transition:background .15s;}
.header-returns:hover{background:rgba(255,255,255,.08);}
.header-returns small{display:block;font-size:11px;color:#9a9a9a;}
.header-returns strong{font-size:13px;color:#fff;}

/* ── Cart ── */
.header-cart{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:bold;cursor:pointer;padding:6px 8px;border-radius:4px;white-space:nowrap;position:relative;flex-shrink:0;color:#fff;transition:background .15s;}
.header-cart:hover{background:rgba(255,255,255,.08);}
.header-cart i{font-size:26px;color:#fff;}
.cart-count{position:absolute;top:0;left:20px;background:#ff7a1a;color:#0a0a0a;font-size:11px;font-weight:bold;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* ══ NAVBAR ══ */
.navbar{background:#232f3e;display:flex;align-items:center;padding:0 18px;min-height:38px;position:sticky;top:62px;z-index:890;}
.navbar-all{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:bold;cursor:pointer;padding:8px 10px;border-radius:3px;white-space:nowrap;margin-right:8px;}
.navbar-all:hover{outline:1px solid #fff;}
.nav-links{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links li a{color:#fff;font-size:13px;padding:9px 10px;display:block;border-radius:3px;white-space:nowrap;}
.nav-links li a:hover{outline:1px solid #fff;}
.nav-links li a.orange{color:#febd69;font-weight:bold;}

/* ══ SECONDARY NAV ══ */
.secondary-nav{background:#fff;border-bottom:2px solid #e8eaf0;position:sticky;top:100px;z-index:850;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.secondary-nav-inner{max-width:1400px;margin:0 auto;padding:0 18px;display:flex;align-items:center;height:44px;gap:0;overflow-x:auto;scrollbar-width:none;}
.secondary-nav-inner::-webkit-scrollbar{display:none;}
.sn-item{display:flex;align-items:center;gap:6px;padding:0 14px;height:44px;font-size:13px;font-weight:600;color:#222;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;flex-shrink:0;position:relative;}
.sn-item:hover{color:#0a1f5c;border-bottom-color:#0a1f5c;}
.sn-item.active{color:#0a1f5c;border-bottom-color:#e67e00;}
.sn-item i.sn-icon{font-size:14px;color:#888;}
.sn-item:hover i.sn-icon,.sn-item.active i.sn-icon{color:#0a1f5c;}
.sn-arrow{font-size:9px;opacity:.5;margin-left:2px;}
.sn-divider{width:1px;height:22px;background:#e8eaf0;flex-shrink:0;margin:0 4px;}
.sn-dropdown{display:none;position:absolute;top:44px;left:0;background:#fff;border:1px solid #e8eaf0;border-radius:0 0 8px 8px;box-shadow:0 6px 20px rgba(0,0,0,.1);min-width:200px;padding:6px 0;z-index:9999;}
.sn-item:hover .sn-dropdown{display:block;}
.sn-dropdown a{display:block;padding:9px 18px;font-size:13px;color:#222;font-weight:500;transition:background .15s,color .15s;}
.sn-dropdown a:hover{background:#f5f6fa;color:#0a1f5c;}

/* ═══════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════ */
.breadcrumb{
  max-width:1400px;margin:0 auto;
  padding:10px 18px 0;
  display:flex;align-items:center;gap:5px;
  font-size:12.5px;color:#888;flex-wrap:wrap;
}
.breadcrumb a{color:#0a1f5c;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .sep{font-size:10px;color:#ccc;}

/* ═══════════════════════════════════════════════════════
   CART — original design
   Signature element: each item gets a "what happens next"
   strip (delivery estimate + return window) so the two
   questions that actually stall checkout are answered
   inline, with zero extra clicks.
═══════════════════════════════════════════════════════ */

.cart-heading-row{
  max-width:1400px;margin:0 auto;
  padding:18px 18px 4px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
}
.cart-heading-row h1{font-size:24px;font-weight:900;}
.cart-heading-row .cart-step-indicator{
  font-size:12.5px;color:#555;display:flex;align-items:center;gap:6px;
}
.cart-step-indicator .cur{color:#0a1f5c;font-weight:700;}
.cart-step-indicator i{font-size:9px;color:#ccc;}

.cart-layout{
  max-width:1400px;margin:0 auto;
  padding:10px 18px 60px;
  display:grid;
  grid-template-columns:1fr 360px;
  gap:20px;
  align-items:start;
}

/* ── Empty state ── */
.cart-empty{
  background:#fff;border-radius:10px;
  padding:70px 30px;text-align:center;
  grid-column:1/-1;
}
.cart-empty i{font-size:48px;color:#d5d9e6;margin-bottom:18px;display:block;}
.cart-empty h2{font-size:20px;font-weight:800;margin-bottom:8px;}
.cart-empty p{color:#666;margin-bottom:22px;}
.cart-empty a.shop-btn{
  display:inline-block;background:#0a1f5c;color:#fff;font-weight:700;
  padding:11px 26px;border-radius:24px;font-size:13.5px;
  transition:background .15s;
}
.cart-empty a.shop-btn:hover{background:#132d7a;}

/* ── Item cards ── */
.cart-items{display:flex;flex-direction:column;gap:14px;}

.cart-item-card{
  background:#fff;border-radius:10px;
  padding:20px;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  position:relative;
  transition:box-shadow .15s;
}
.cart-item-card:hover{box-shadow:0 2px 12px rgba(10,31,92,.07);}

.ci-img-wrap{
  width:120px;height:120px;border-radius:8px;
  background:#f5f6fa;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;cursor:pointer;flex-shrink:0;
}
.ci-img-wrap img{max-width:88%;max-height:88%;object-fit:contain;}

.ci-main{min-width:0;display:flex;flex-direction:column;}
.ci-top-row{display:flex;justify-content:space-between;gap:14px;}
.ci-name{
  font-size:15px;font-weight:700;color:#111;line-height:1.4;
  cursor:pointer;max-width:520px;
}
.ci-name:hover{color:#0a1f5c;text-decoration:underline;}
.ci-seller{font-size:12px;color:#777;margin-top:3px;}
.ci-seller a{color:#0a1f5c;}
.ci-seller a:hover{text-decoration:underline;}

.ci-price-block{text-align:right;white-space:nowrap;flex-shrink:0;}
.ci-unit-price{font-size:12px;color:#888;}
.ci-line-total{font-size:19px;font-weight:900;color:#111;margin-top:1px;}
.ci-was{font-size:12px;color:#999;text-decoration:line-through;display:block;}
.ci-save-chip{
  display:inline-block;margin-top:4px;background:#1a7a3a;color:#fff;
  font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:4px;
}

/* signature element: delivery + return strip */
.ci-trust-strip{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin:12px 0;padding:10px 12px;
  background:#f5f6fa;border-radius:7px;
  font-size:12px;color:#333;
}
.ci-trust-strip.oos{background:#fdf0ee;}
.ci-trust-item{display:flex;align-items:center;gap:6px;}
.ci-trust-item i{font-size:13px;color:#067d62;}
.ci-trust-item.warn i{color:#c7511f;}
.ci-trust-item strong{font-weight:700;}
.ci-trust-divider{width:1px;height:14px;background:#d5d9e6;}

.ci-bottom-row{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:4px;
}

.qty-stepper{
  display:flex;align-items:center;
  border:1.5px solid #d5d9e6;border-radius:22px;
  overflow:hidden;background:#fff;
}
.qty-stepper button{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  font-size:13px;color:#0a1f5c;transition:background .15s;
}
.qty-stepper button:hover{background:#f5f6fa;}
.qty-stepper button:disabled{color:#ccc;cursor:not-allowed;}
.qty-stepper button:disabled:hover{background:none;}
.qty-stepper .qty-val{
  width:38px;text-align:center;font-size:14px;font-weight:800;
  border-left:1.5px solid #d5d9e6;border-right:1.5px solid #d5d9e6;
  height:34px;line-height:34px;
}

.ci-actions{display:flex;align-items:center;gap:16px;}
.ci-action-btn{
  display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;
  color:#555;transition:color .15s;
}
.ci-action-btn:hover{color:#0a1f5c;}
.ci-action-btn.remove:hover{color:#cc0000;}
.ci-action-btn i{font-size:12px;}

/* Saved for later (collapsed item, dimmed) */
.cart-item-card.saved{opacity:.65;}
.cart-item-card.saved .ci-trust-strip{display:none;}

/* ── Order summary (sticky right rail) ── */
.cart-side{position:sticky;top:108px;display:flex;flex-direction:column;gap:14px;}

.summary-card{
  background:#fff;border-radius:10px;padding:22px 22px 18px;
}
.summary-card h2{font-size:16px;font-weight:800;margin-bottom:16px;}

.summary-line{
  display:flex;justify-content:space-between;font-size:13px;
  color:#444;padding:7px 0;
}
.summary-line.discount{color:#1a7a3a;font-weight:700;}
.summary-divider{height:1px;background:#e8eaf0;margin:8px 0;}
.summary-total-line{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:15px;font-weight:700;padding-top:6px;
}
.summary-total-line strong{font-size:22px;font-weight:900;}

.proceed-btn{
  width:100%;background:#0a1f5c;color:#fff;border-radius:24px;
  padding:13px;font-size:14.5px;font-weight:800;
  margin:16px 0 8px;transition:background .15s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.proceed-btn:hover{background:#132d7a;}
.proceed-btn i{font-size:13px;}

.secure-note{
  display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:11.5px;color:#888;margin-bottom:14px;
}
.secure-note i{color:#1a7a3a;}

.emi-row{
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid #e8eaf0;border-radius:8px;
  padding:11px 14px;font-size:13px;color:#222;cursor:pointer;
  transition:border-color .15s;
}
.emi-row:hover{border-color:#0a1f5c;}
.emi-row i.chev{font-size:11px;color:#999;}

.promo-card{
  background:#fff;border-radius:10px;padding:18px 22px;
}
.promo-row{display:flex;gap:8px;}
.promo-row input{
  flex:1;border:1px solid #d5d9e6;border-radius:6px;
  padding:9px 12px;font-size:13px;outline:none;
}
.promo-row input:focus{border-color:#0a1f5c;}
.promo-row button{
  background:#f5f6fa;border:1px solid #d5d9e6;border-radius:6px;
  padding:0 16px;font-size:12.5px;font-weight:700;color:#333;
  transition:background .15s;
}
.promo-row button:hover{background:#e8eaf0;}

/* ── Saved for later section ── */
.saved-section{margin-top:22px;}
.saved-section h2{font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.saved-section h2 .count{font-weight:500;color:#888;font-size:13px;}

/* ── Related products rail ── */
.related-card{background:#fff;border-radius:10px;padding:20px 22px;}
.related-card h2{font-size:15px;font-weight:800;margin-bottom:2px;}
.related-card .sub{font-size:11px;color:#999;margin-bottom:14px;display:flex;align-items:center;gap:4px;}

.rp-item{
  display:grid;grid-template-columns:60px 1fr;gap:12px;
  padding:11px 0;border-top:1px solid #f0f1f5;
}
.rp-item:first-child{border-top:none;padding-top:0;}
.rp-img{
  width:60px;height:60px;border-radius:6px;background:#f5f6fa;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  cursor:pointer;
}
.rp-img img{max-width:85%;max-height:85%;object-fit:contain;}
.rp-name{
  font-size:12.5px;color:#0a1f5c;line-height:1.35;margin-bottom:4px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  cursor:pointer;font-weight:600;
}
.rp-name:hover{text-decoration:underline;}
.rp-stars{font-size:11px;color:#e67e00;margin-bottom:3px;}
.rp-stars .n{color:#888;font-size:10.5px;margin-left:3px;}
.rp-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.rp-price{font-size:14px;font-weight:900;color:#111;}
.rp-add-btn{
  font-size:11px;font-weight:700;border:1.5px solid #0a1f5c;border-radius:14px;
  padding:4px 10px;color:#0a1f5c;background:#fff;transition:all .15s;white-space:nowrap;
}
.rp-add-btn:hover{background:#0a1f5c;color:#fff;}
.rp-add-btn.added{background:#1a7a3a;border-color:#1a7a3a;color:#fff;}

/* ═══════════════════════════════════════
   FOOTER  (shared)
═══════════════════════════════════════ */
.site-footer{background:#0a1433;color:#c5cbe0;font-size:13px;margin-top:8px;}
.footer-inner{max-width:1400px;margin:0 auto;padding:0 20px;}
.footer-top{padding:44px 0 36px;}
.footer-top .footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;}
.fc-logo{font-size:24px;font-weight:900;color:#ff9900;letter-spacing:-1px;margin-bottom:12px;}
.fc-logo span{color:#fff;}.fc-logo em{font-style:normal;font-size:13px;color:#c5cbe0;}
.fc-tagline{font-size:12.5px;line-height:1.7;color:#8892a8;margin-bottom:16px;}
.fc-social{display:flex;gap:10px;}
.fc-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#c5cbe0;font-size:13px;transition:background .2s,color .2s;}
.fc-social a:hover{background:#ff9900;color:#fff;}
.fc-title{font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07);}
.fc-links li{margin-bottom:8px;}
.fc-links a{color:#8892a8;font-size:12.5px;transition:color .15s,padding-left .15s;display:block;}
.fc-links a:hover{color:#ff9900;padding-left:4px;}
.footer-nl{background:#0d1d45;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:18px 0;}
.footer-nl-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.footer-nl-copy strong{display:block;color:#fff;font-size:14px;margin-bottom:2px;}
.footer-nl-copy span{font-size:12px;color:#8892a8;}
.footer-nl-form{display:flex;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1);flex-shrink:0;}
.footer-nl-form input{border:none;padding:10px 16px;font-size:13px;outline:none;min-width:260px;background:#fff;color:#111;}
.footer-nl-form button{background:#ff9900;color:#111;font-size:13px;font-weight:700;padding:0 20px;border:none;cursor:pointer;transition:background .2s;}
.footer-nl-form button:hover{background:#e68900;}
.footer-bottom{padding:16px 0;}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.footer-copy{font-size:12px;color:#5a6380;}
.footer-legal{display:flex;gap:16px;flex-wrap:wrap;}
.footer-legal a{font-size:12px;color:#5a6380;transition:color .15s;}
.footer-legal a:hover{color:#ff9900;}
.footer-pay{display:flex;gap:6px;flex-wrap:wrap;}
.pay-chip{background:rgba(255,255,255,.07);color:#8892a8;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:1024px){
  .cart-layout{grid-template-columns:1fr;}
  .cart-side{position:static;}
}
@media(max-width:900px){
  .header{flex-wrap:wrap;}
  .search-container{order:3;width:100%;}
  .footer-top .footer-inner{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:640px){
  .cart-item-card{grid-template-columns:1fr;}
  .ci-img-wrap{width:100%;height:160px;}
  .ci-top-row{flex-direction:column;gap:8px;}
  .ci-price-block{text-align:left;}
  .ci-trust-strip{flex-direction:column;align-items:flex-start;gap:8px;}
  .ci-trust-divider{display:none;}
  .footer-top .footer-inner{grid-template-columns:1fr 1fr;}
  .footer-nl-form input{min-width:0;flex:1;}
}
@media(max-width:420px){
  .footer-top .footer-inner{grid-template-columns:1fr;}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;}
}

/* Visible keyboard focus */
button:focus-visible,a:focus-visible,input:focus-visible{
  outline:2px solid #0a1f5c;outline-offset:2px;
}