/* =================== Design tokens =================== */
:root{
  --primary: #dc7d00;      /* Brand blue */
  --primary-50:#e9f2ff;
  --secondary:#dc7d00;     /* Accent (your "second color" for medium emphasis) */
  --accent:#ffc220;
  --bg:#f7f8fa;
  --text:#1f2937;
  --muted:#6b7280;
  --border:#e5e7eb;
  --radius:18px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* Skip to main */
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem 1rem;border-radius:8px;z-index:1000}

/* =================== Header =================== */
.header{
  background:var(--primary);
  color:#fff;
  position:sticky;top:0;z-index:50;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.header-top{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;padding:10px 0;
}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:22px}
.spark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary);font-weight:900}

.loc-pill{
  display:flex;flex-direction:column;gap:2px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  padding:6px 16px;border-radius:12px;color:#fff;cursor:pointer
}
.loc-title{font-size:.75rem;font-weight:700;text-align:center}
.loc-sub{font-size:.68rem;opacity:.95}
.loc-pill .chev{margin-left:auto;padding-left:28px}

.search{
  display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;
  padding:6px;flex-grow:1;max-width:640px;
}
.search input{flex:1;border:none;outline:0;padding:6px;font-size:1rem}
.search-btn{
  border:none;background:var(--secondary);padding:10px 14px;border-radius:999px;
  cursor:pointer;font-weight:800;color:#fff
}

.quick{display:flex;gap:12px;align-items:center}
.chip-link{
  display:flex;gap:6px;align-items:center;
  background:rgba(255,255,255,.15);padding:8px 12px;border-radius:999px;color:#fff;white-space:nowrap
}
.cart{position:relative}
.badge{
  position:absolute;top:-6px;right:-6px;background:#ff4545;color:#fff;border-radius:999px;
  padding:2px 6px;font-size:.72rem;font-weight:800
}

/* =================== Nav chips =================== */
.header-nav{background:var(--primary-50)}
.chips{display:flex;gap:10px;align-items:center;padding:10px 0;flex-wrap:wrap}
.chip{
  background:#fff;border:1px solid var(--border);padding:8px 14px;border-radius:999px;
  font-weight:700;color:#111;white-space:nowrap
}
.chip.solid{background:#fff;border-color:var(--border)}
.dropdown{position:relative}
.dropdown.end{margin-left:auto}
.menu{
  position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:#fff;border:1px solid var(--border);
  border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);display:none;z-index:20
}
.menu.right{right:0;left:auto}
.menu a{display:block;padding:8px 10px;border-radius:8px;color:#111}
.menu a:hover{background:#f2f4f6}
.menu .menu-col{min-width:200px}
.menu h4{margin:.25rem 0 .5rem;font-size:.95rem}
.dropdown.open .menu{display:flex;gap:18px}

/* =================== Main / Mosaic =================== */
.main{padding:16px 0 28px}
.mosaic{
  display:grid;gap:16px;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;
}

/* Cards (white text on images) */
.card{
  position:relative;border-radius:var(--radius);overflow:hidden;padding:18px;color:#fff;font-weight:700;background:#222;
  box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.card h3,.card p,.card a{color:#fff}
.card .cta-link{text-decoration:underline}
.card::after{ /* subtle overlay for readability */
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.25));
  pointer-events:none
}
.card > *{position:relative;z-index:1}
.tag{
  display:inline-block;background:var(--secondary);color:#fff;border-radius:999px;padding:4px 10px;
  font-size:.8rem;margin-bottom:8px
}

/* Placements */
.c-kids{grid-column:1 / span 3;grid-row:1;background:url("data:image/jpeg;base64,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") center/cover no-repeat}
.c-hot-new{grid-column:1 / span 3;grid-row:2;background:url("images/Image2s.jpg") center/cover no-repeat}
.c-hero{grid-column:4 / span 6;grid-row:1 / span 2;padding:0;background:url("https://images.unsplash.com/photo-1554995207-c18c203602cb?q=80&w=1600&auto=format&fit=crop") center/cover no-repeat}
.c-beauty{grid-column:10 / span 3;grid-row:1;background:url("https://images.unsplash.com/photo-1512496015851-a90fb38ba796?q=80&w=1200&auto=format&fit=crop") center/cover no-repeat}
.c-soccer{grid-column:10 / span 3;grid-row:2;background:url("images/Image3s.jpg") center/cover no-repeat}
.c-tech{grid-column:1 / span 3;grid-row:3;background: url("images/Images9s.jpg") center/cover no-repeat}
.c-backpacks{grid-column:4 / span 3;grid-row:3;background:url("images/Image4s.jpg") center/cover no-repeat}
.c-upto{grid-column:7 / span 3;grid-row:3;background:url("images/Image5s.jpg") center/cover no-repeat}
.c-dorm{grid-column:10 / span 3;grid-row:3;background:url("https://images.unsplash.com/photo-1495433324511-bf8e92934d90?q=80&w=1200&auto=format&fit=crop") center/cover no-repeat}

/* Hero inner */
.c-hero .hero-copy{position:absolute;left:28px;top:28px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.c-hero h2{font-size:2.2rem;margin:0 0 6px}
.c-hero .from{font-size:1.05rem;margin:0 0 10px}
.c-hero .sm{opacity:.5}
.btn{background:var(--secondary);color:#fff;border:none;padding:10px 16px;border-radius:999px;font-weight:800;cursor:pointer}
.play{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;border:none;background:#ffffffd9;cursor:pointer}

/* =================== Category carousel =================== */
.category-carousel{margin-top:28px}
.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.category-header h2{font-size:1.4rem;margin:0}
.category-header a{font-weight:700;font-size:.95rem;color:var(--secondary)}
.category-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.category-track::-webkit-scrollbar{height:8px}
.category-track::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}
.category-card{flex-shrink:0;width:140px}
.category-card a{display:block;text-align:center;color:#1f2937}
.category-card img{border-radius:10px;border:1px solid var(--border);width:100%;aspect-ratio:1/1;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.category-card span{display:block;margin-top:8px;font-weight:700;font-size:.92rem}

/* =================== Deals / Carousel =================== */
.deals-section{margin-top:22px}
.deals-section h2{font-size:1.4rem;margin:6px 0 12px}
.carousel{position:relative}
.track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth;will-change:transform}
.p-card{
  min-width:240px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column
}
.p-card img{aspect-ratio:4/3;object-fit:cover}
.p-body{padding:10px 12px;display:grid;gap:6px}
.price-row{display:flex;align-items:baseline;gap:8px}
.price{font-weight:800}
.now{color:#0a7a27;font-weight:800}
.was{color:var(--muted);text-decoration:line-through;font-size:.9rem}
.title{font-weight:600;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.add,.opt{justify-self:start;background:#fff;border:2px solid #111;border-radius:999px;padding:7px 14px;font-weight:800;cursor:pointer}
.plus{font-weight:900;margin-right:6px}
/* Flash Deals nav buttons overlay */
.nav {
  position: absolute;
  top: 50%; /* center vertically */
  transform: translateY(-50%);
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  cursor: pointer;
  z-index: 5; /* ensure above images */
}

.prev { left: 10px; }   /* inside images */
.next { right: 10px; }  /* inside images */


/* =================== Feedback / Footer =================== */
.feedback{
  margin:28px 0 0;background:#eef3f8;border-top:1px solid var(--border);text-align:center;padding:28px 12px
}
.feedback p{font-size:1.05rem;margin:0}
.feedback-btn{margin-top:12px;padding:10px 18px;border-radius:999px;border:2px solid #111;background:#fff;font-weight:800;cursor:pointer}

.footer{background:var(--primary);color:#fff;margin-top:0;padding:22px 0 34px}
.foot-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.foot-links a{color:#fff;font-size:.95rem}
.foot-links a:hover{text-decoration:underline}
.legal{opacity:.9;font-size:.85rem;text-align:center;line-height:1.5}

/* =================== Responsive =================== */
@media (max-width:1100px){
  .loc-pill{display:none}
  .mosaic{grid-auto-rows:160px}
  .c-hero h2{font-size:1.9rem}
}
@media (max-width:860px){
  .mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:160px}
  .c-hero{grid-column:1 / -1;grid-row:1 / span 2}
  .c-kids,.c-hot-new{grid-column:1 / span 3;grid-row:auto}
  .c-beauty,.c-soccer{grid-column:4 / span 3;grid-row:auto}
  .c-backpacks{grid-column:1 / span 3}
  .c-upto,.c-dorm{grid-column:4 / span 3}
}
@media (max-width:560px){
  .chips{gap:8px}
  .chip{padding:6px 10px;font-size:.92rem}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .c-hero{grid-column:1 / -1}
  .nav{display:none}
}