/* ============================================================
   BhuttoStore.pk — Premium Polish Layer
   Enhances existing styles: typography, depth, animations, spacing
   Loaded AFTER site.css to override/refine
   ============================================================ */

/* ===== TYPOGRAPHY REFINEMENT ===== */
body{
  font-weight:450;
  letter-spacing:.1px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Headings — sharper, more premium */
.sec-title, .cat-section-head h2, .page-head h1,
.cat-page-title, .cats-hero h1, .hb-title{
  font-weight:700 !important;
  letter-spacing:-.5px;
}

/* Body text slightly bolder for readability */
.p-name, .cat-tile-label strong, .feature-title,
.store-name, .cat-block-title h3{
  font-weight:600;
}

/* Section subtitles — elegant */
.sec-sub, .cat-section-head .sub{
  font-weight:700;
  letter-spacing:1.8px;
}

/* ===== SMOOTH GLOBAL TRANSITIONS ===== */
a, button, .product-card, .cat-tile, .cat-card,
.store-card, .promo-tile, .cat-block, .stat-card,
.feature-item, .p-cart, .hero-btn, .hb-btn{
  transition:all .25s cubic-bezier(.4,0,.2,1);
}

/* ===== PRODUCT CARDS — Premium depth ===== */
.product-card{
  border-radius:14px;
  border:2px solid var(--gold);
  box-shadow:0 2px 8px rgba(201,168,76,.12);
}
.product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(61,90,62,.16);
  border-color:var(--gold);
}
.p-img-wrap{border-radius:14px 14px 0 0}
.product-card:hover .p-img-wrap img{transform:scale(1.08)}

.p-price{
  font-size:18px;
  letter-spacing:-.3px;
}
.p-cart{
  border-radius:8px;
  letter-spacing:.6px;
  font-weight:700;
  padding:11px;
  box-shadow:0 2px 8px rgba(42,63,43,.15);
}
.p-cart:hover{
  box-shadow:0 6px 18px rgba(42,63,43,.28);
  transform:translateY(-1px);
}
.p-badge.disc{
  font-size:11.5px;
  padding:5px 11px;
  border-radius:6px;
  box-shadow:0 3px 10px rgba(212,69,58,.3);
  font-weight:700;
}
.p-wish{
  width:36px;height:36px;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  backdrop-filter:blur(4px);
}

/* ===== CATEGORY TILES — Richer ===== */
.cat-tile{
  border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.cat-tile:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(61,90,62,.22);
}
.cat-tile-label{
  background:linear-gradient(0deg,rgba(42,63,43,.96) 0%,rgba(42,63,43,.78) 55%,rgba(42,63,43,0) 100%);
}
.cat-tile-label strong{
  font-weight:700;
  text-shadow:0 1px 4px rgba(0,0,0,.3);
}

/* ===== FEATURE BAR — Float ===== */
.feature-bar{
  border-radius:14px;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
  padding:22px;
}
.feature-item:hover .feature-icon{
  background:var(--g);
  color:#fff;
  transform:scale(1.08) rotate(-5deg);
}
.feature-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}

/* ===== SECTION HEADERS — Refined ===== */
.sec-head, .cat-section-head{
  border-bottom:2px solid var(--border);
  padding-bottom:16px;
}
.sec-title em, .cat-section-head h2 em{
  position:relative;
}

/* ===== PROMO TILES — Premium ===== */
.promo-tile{
  border-radius:16px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.promo-tile:hover{
  transform:translateY(-5px) scale(1.01);
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.promo-tile h3{font-weight:700}

/* ===== STORE CARDS ===== */
.store-card{
  border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.store-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 34px rgba(61,90,62,.14);
}
.store-logo{box-shadow:0 4px 14px rgba(61,90,62,.2)}

/* ===== HERO SLIDER — Premium ===== */
.hero-banner-inner{
  border-radius:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.1);
}
.hb-btn{
  box-shadow:0 6px 20px rgba(201,168,76,.4);
  font-weight:700;
  letter-spacing:.8px;
}
.hb-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(201,168,76,.5);
}

/* ===== BUTTONS — Global polish ===== */
.hero-btn, .view-all, .store-btn{
  font-weight:700;
  letter-spacing:.6px;
}
.view-all{
  box-shadow:0 3px 12px rgba(61,90,62,.2);
}
.view-all:hover{
  box-shadow:0 6px 18px rgba(61,90,62,.32);
}

/* ===== SECTION SPACING — Breathing room ===== */
section{margin-bottom:56px}
.container{padding:0 18px}

/* ===== FADE-IN ON SCROLL (subtle) ===== */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.product-grid > *, .cat-scroll-wrap > *, .promo-tiles > *,
.store-grid > *, .cats-grid > *{
  animation:fadeUp .5s ease both;
}
/* Stagger animation for grid items */
.product-grid > *:nth-child(1),.cat-scroll-wrap > *:nth-child(1){animation-delay:.02s}
.product-grid > *:nth-child(2),.cat-scroll-wrap > *:nth-child(2){animation-delay:.06s}
.product-grid > *:nth-child(3),.cat-scroll-wrap > *:nth-child(3){animation-delay:.1s}
.product-grid > *:nth-child(4),.cat-scroll-wrap > *:nth-child(4){animation-delay:.14s}
.product-grid > *:nth-child(5),.cat-scroll-wrap > *:nth-child(5){animation-delay:.18s}
.product-grid > *:nth-child(6),.cat-scroll-wrap > *:nth-child(6){animation-delay:.22s}

/* ===== FLASH DEALS BAR — Richer ===== */
.flash-bar{
  border-radius:14px;
  box-shadow:0 6px 20px rgba(212,69,58,.2);
}
.flash-title{font-weight:700;letter-spacing:.3px}

/* ===== BRANDS MARQUEE ===== */
.brands-marquee{
  border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.brand-item{
  transition:color .25s;
}
.brand-item:hover{color:var(--goldd)}

/* ===== SEARCH BAR — Premium ===== */
.search{
  border-radius:28px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.search:focus-within{
  box-shadow:0 4px 16px rgba(61,90,62,.12);
}

/* ===== HEADER — Subtle depth ===== */
.header{
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}

/* ===== CATEGORY PAGE — Polish ===== */
.cat-sub-chip{
  transition:all .2s;
  font-weight:600;
}
.cat-sub-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(61,90,62,.18);
}

/* ===== SCROLLBAR — Themed ===== */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--gl);border-radius:6px;border:2px solid var(--cream)}
::-webkit-scrollbar-thumb:hover{background:var(--g)}

/* ===== SELECTION COLOR ===== */
::selection{background:var(--gold);color:var(--gd)}

/* ===== FOOTER — Refined ===== */
.footer-col h4{
  font-weight:700;
  letter-spacing:.3px;
}
.footer-social a:hover{
  transform:translateY(-3px) scale(1.05);
}

/* ===== PAGINATION — Premium ===== */
.cat-pg-btn{
  font-weight:700;
  transition:all .2s;
}
.cat-pg-btn:hover:not(.active){
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}

/* ===== RESPECT REDUCED MOTION ===== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
  .product-grid > *,.cat-scroll-wrap > *{animation:none}
}

/* ===== MOBILE REFINEMENTS ===== */
@media(max-width:768px){
  section{margin-bottom:40px}
  .sec-title, .cat-section-head h2{font-size:23px}
  .product-card:hover{transform:translateY(-3px)}
  .cat-tile:hover{transform:translateY(-3px)}
}