:root{
  --bg:#f7f7f8;
  --surface:#ffffff;
  --surface-2:#fcfcfd;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#ececef;

  --primary:#c1121f;
  --primary-2:#990f18;
  --primary-3:#e11d2e;
  --primary-soft:#fdecee;

  --accent:#f4a300;
  --accent-soft:#fff6df;

  --success:#16a34a;
  --star:#f5b301;

  --shadow:0 14px 36px rgba(17,24,39,.08);
  --shadow-soft:0 8px 24px rgba(17,24,39,.06);
  --radius:22px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:linear-gradient(180deg,#fbfbfc 0%, #f4f5f7 100%);
  color:var(--text);
}

img{
  display:block;
  max-width:100%;
}

a{
  text-decoration:none;
  color:inherit;
}

button,
input,
select,
textarea{
  font:inherit;
}

.container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}

/* =========================
   HEADER
========================= */
/* =========================
   HEADER
========================= */
.topbar{
  background:linear-gradient(90deg,var(--primary-2),var(--primary));
  color:#fff;
  font-size:13px;
}

.topbar-inner{
  min-height:38px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.topbar-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.topbar-links a{
  opacity:.95;
}

.topbar-links a:hover{
  opacity:1;
}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 24px rgba(17,24,39,.05);
}

.header-main{
  display:grid;
  grid-template-columns:260px minmax(320px,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brand-logo{
  height:58px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}

.brand-mark{
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--primary-2),var(--primary));
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 14px 26px rgba(193,18,31,.18);
  flex:0 0 52px;
}

.brand-copy{
  min-width:0;
}

.brand-copy strong{
  display:block;
  font-size:18px;
  line-height:1.05;
  color:var(--text);
}

.brand-copy small{
  display:block;
  color:var(--muted);
  margin-top:3px;
  font-size:13px;
}

.search-bar{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}

.search-bar input,
.catalog-filters input,
.catalog-filters select,
.auth-form input,
.auth-form textarea,
.buy-box input,
.auth-premium-form input{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:18px;
  padding:0 18px;
  background:#fff;
  outline:none;
  transition:.2s ease;
}

.search-bar input:focus,
.catalog-filters input:focus,
.catalog-filters select:focus,
.auth-form input:focus,
.auth-form textarea:focus,
.buy-box input:focus,
.auth-premium-form input:focus{
  border-color:#f6c260;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.search-bar button,
.btn{
  border:none;
  border-radius:16px;
  cursor:pointer;
  font-weight:800;
  transition:.25s ease;
}

.search-bar button{
  height:52px;
  padding:0 22px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  box-shadow:0 10px 20px rgba(193,18,31,.18);
}

.search-bar button:hover,
.btn:hover{
  transform:translateY(-1px);
}

.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}

.action-link{
  font-weight:700;
  color:var(--text);
  white-space:nowrap;
}

.action-link:hover{
  color:var(--primary);
}

.cart-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border-radius:16px;
  background:var(--primary-soft);
  color:var(--primary);
  font-weight:800;
  white-space:nowrap;
  transition:.25s ease;
}

.cart-button:hover{
  background:#f9dfe2;
}

.cart-button span{
  min-width:26px;
  height:26px;
  border-radius:999px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--primary);
  color:#fff;
  font-size:13px;
}

.main-nav{
  background:#fff;
  border-top:1px solid var(--line);
}

.main-nav-inner{
  display:flex;
  gap:24px;
  overflow:auto;
  padding:12px 0;
  font-weight:700;
  color:var(--muted);
  scrollbar-width:none;
}

.main-nav-inner::-webkit-scrollbar{
  display:none;
}

.main-nav-inner a{
  white-space:nowrap;
}

.main-nav-inner a:hover{
  color:var(--primary);
}

/* =========================
   HERO
========================= */
.hero-slider-wrap{
  padding:22px 0 14px;
}

.hero-slider{
  position:relative;
  border-radius:30px;
  overflow:hidden;
  height:460px;
  box-shadow:var(--shadow);
}

.hero-slide{
  display:none;
  grid-template-columns:1fr 1fr;
  height:460px;
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
}

.hero-slide.is-active{
  display:grid;
}

.hero-slide-content{
  height:460px;
  padding:42px 42px 42px 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}

.hero-badge{
  width:max-content;
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(244,163,0,.18);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.hero-slide-content h1{
  margin:16px 0 10px;
  font-size:38px;
  line-height:1.02;
  max-width:520px;
  min-height:120px;
  display:block;
}

.hero-slide-content p{
  margin:0;
  max-width:500px;
  font-size:16px;
  line-height:1.6;
  color:rgba(255,255,255,.96);
  min-height:78px;
}

.hero-actions{
  display:flex;
  gap:12px;
  margin-top:22px;
  flex-wrap:wrap;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 18px;
}

.btn-hero-primary{
  background:#fff;
  color:#24153f;
  box-shadow:0 16px 28px rgba(0,0,0,.12);
}

.btn-hero-secondary{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.hero-slide-media{
  height:460px;
  min-height:460px;
}

.hero-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:46px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#2d1b4d;
  font-size:28px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.hero-prev{ left:18px; }
.hero-next{ right:18px; }

.hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:3;
}

.hero-dot{
  width:12px;
  height:12px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  cursor:pointer;
}

.hero-dot.is-active{
  width:34px;
  background:#fff;
}

/* =========================
   CATEGORIAS
========================= */
.category-carousel{
  margin:10px auto 24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:20px 18px 18px;
  box-shadow:var(--shadow-soft);
}

.carousel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.carousel-header h2{
  margin:0;
  font-size:28px;
  line-height:1.1;
}

.carousel-subtitle{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
}

.carousel-controls{
  display:flex;
  align-items:center;
  gap:8px;
}

.carousel-controls button{
  width:42px;
  height:42px;
  border:none;
  border-radius:999px;
  background:#f9f9fa;
  color:var(--primary-2);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px #ececef;
}

.carousel-controls button:hover{
  background:#f4f4f5;
  color:var(--primary);
}

.carousel-track{
  display:flex;
  align-items:flex-start;
  gap:18px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:8px 4px 10px;
  scrollbar-width:none;
}

.carousel-track::-webkit-scrollbar{
  display:none;
}

.cat-card{
  width:118px;
  min-width:118px;
  flex:0 0 118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  transition:.2s ease;
}

.cat-card:hover{
  transform:translateY(-3px);
}

.cat-photo{
  width:96px;
  height:96px;
  border-radius:50%;
  background:linear-gradient(180deg,#fff,#fafafa);
  border:1px solid #f0f0f2;
  box-shadow:0 8px 20px rgba(17,24,39,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:14px;
}

.cat-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.cat-fallback{
  width:100%;
  height:100%;
  border-radius:50%;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:34px;
  background:linear-gradient(135deg,#fff7e8,#fff1cc);
}

.cat-photo.is-fallback .cat-fallback{
  display:flex;
}

.cat-card span{
  display:block;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  color:#302046;
  min-height:36px;
}

/* =========================
   HOME - BENEFITS BAR
========================= */
.store-benefits-bar{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
  margin:10px auto 26px;
}

.store-benefit{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  box-shadow:var(--shadow-soft);
  display:flex;
  align-items:center;
  gap:14px;
  min-height:92px;
}

.store-benefit-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg,#fff6df,#fdecee);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:18px;
  flex:0 0 44px;
}

.store-benefit strong{
  display:block;
  font-size:16px;
  color:var(--text);
  margin-bottom:4px;
}

.store-benefit span{
  display:block;
  color:var(--muted);
  line-height:1.5;
  font-size:13px;
}

/* =========================
   HOME - BRAND PROMO
========================= */
.brand-promo-section{
  margin:0 auto 34px;
}

.brand-promo-card{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:28px;
  box-shadow:var(--shadow);
}

.brand-promo-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.brand-promo-tag{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.brand-promo-copy h2{
  margin:0 0 12px;
  font-size:38px;
  line-height:1.08;
  color:var(--text);
  max-width:760px;
}

.brand-promo-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
  max-width:700px;
}

.brand-promo-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.brand-promo-stats{
  display:grid;
  gap:16px;
}

.brand-stat-box{
  background:linear-gradient(180deg,#ffffff,#fafafa);
  border:1px solid #f0f0f2;
  border-radius:22px;
  padding:20px;
}

.brand-stat-box strong{
  display:block;
  font-size:32px;
  line-height:1;
  color:var(--primary);
  margin-bottom:8px;
}

.brand-stat-box span{
  display:block;
  color:var(--muted);
  line-height:1.6;
}

/* =========================
   RESPONSIVO HOME NOVO
========================= */
@media (max-width:1100px){
  .store-benefits-bar{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .brand-promo-card{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .store-benefits-bar{
    grid-template-columns:1fr;
  }

  .brand-promo-copy h2{
    font-size:30px;
  }

  .brand-promo-card{
    padding:22px;
  }
}

/* =========================
   HOME - CAMPAIGNS
========================= */
.campaign-section{
  margin:0 auto 34px;
}

.campaign-grid{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:18px;
}

.campaign-main{
  position:relative;
  display:block;
  border-radius:26px;
  overflow:hidden;
  height:320px;
}

.campaign-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.campaign-main:hover img{
  transform:scale(1.05);
}

.campaign-side{
  display:grid;
  gap:18px;
}

.campaign-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  height:150px;
  display:block;
}

.campaign-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.campaign-card:hover img{
  transform:scale(1.06);
}

.campaign-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.15) 0%,
    rgba(0,0,0,.6) 100%
  );
}

.campaign-content{
  position:absolute;
  bottom:20px;
  left:20px;
  right:20px;
  color:#fff;
}

.campaign-content h2{
  margin:6px 0;
  font-size:28px;
  line-height:1.1;
}

.campaign-content p{
  margin:0 0 10px;
  font-size:14px;
  opacity:.9;
}

.campaign-tag{
  display:inline-block;
  background:rgba(244,163,0,.18);
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(6px);
}

.campaign-cta{
  font-weight:700;
  font-size:14px;
}

.campaign-content.small span{
  font-size:12px;
  opacity:.9;
}

.campaign-content.small strong{
  display:block;
  font-size:18px;
}

@media (max-width:1024px){
  .campaign-grid{
    grid-template-columns:1fr;
  }

  .campaign-main{
    height:260px;
  }

  .campaign-card{
    height:140px;
  }
}

@media (max-width:768px){
  .campaign-main{
    height:220px;
  }

  .campaign-content h2{
    font-size:22px;
  }
}

/* =========================
   CART PREMIUM
========================= */
.cart-premium-wrap{
  padding:26px 0 40px;
}

.cart-premium-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  align-items:start;
}

.cart-items-card,
.cart-summary-card,
.cart-empty-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:var(--shadow-soft);
}

.cart-items-card{
  padding:20px;
  display:grid;
  gap:18px;
}

.cart-item-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:18px;
  padding:18px;
  border:1px solid #f0f0f2;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#fcfcfd);
}

.cart-item-image{
  width:150px;
  height:150px;
  border-radius:18px;
  background:#fff;
  border:1px solid #efeff1;
  display:grid;
  place-items:center;
  padding:14px;
  overflow:hidden;
}

.cart-item-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.cart-item-content{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

.cart-item-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.cart-item-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:var(--accent-soft);
  color:#9a6700;
  font-size:11px;
  font-weight:800;
  margin-bottom:10px;
}

.cart-item-top h3{
  margin:0;
  font-size:22px;
  line-height:1.25;
}

.cart-item-top h3 a{
  color:var(--text);
}

.cart-remove-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:12px;
  background:#fff1f2;
  color:#b42318;
  border:1px solid #fecdd3;
  font-weight:800;
  white-space:nowrap;
}

.cart-item-meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.cart-meta-box{
  padding:14px 16px;
  border-radius:16px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.cart-meta-box span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}

.cart-meta-box strong{
  display:block;
  font-size:20px;
  color:var(--text);
}

.cart-meta-total{
  background:linear-gradient(135deg,#fffdf7,#fff7e8);
  border-color:#f4d38a;
}

.cart-summary-card{
  padding:24px;
  position:sticky;
  top:110px;
}

.cart-summary-card h2{
  margin:0 0 18px;
  font-size:28px;
}

.cart-summary-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}

.cart-summary-row span{
  color:var(--muted);
  font-weight:700;
}

.cart-summary-row strong{
  color:var(--text);
}

.cart-summary-row.total{
  padding-top:18px;
}

.cart-summary-row.total strong{
  font-size:30px;
  color:var(--primary);
}

.cart-summary-actions{
  display:grid;
  gap:12px;
  margin-top:22px;
}

.cart-summary-note{
  display:grid;
  gap:6px;
  margin-top:18px;
  padding:16px;
  border-radius:16px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.cart-summary-note span:first-child{
  font-weight:800;
  color:var(--text);
}

.cart-summary-note span:last-child{
  color:var(--muted);
  line-height:1.6;
}

.cart-empty-card{
  text-align:center;
  padding:36px 24px;
}

.cart-empty-card h2{
  margin:0 0 12px;
  font-size:32px;
}

.cart-empty-card p{
  margin:0 0 20px;
  color:var(--muted);
  line-height:1.8;
}

/* =========================
   RESPONSIVO CART
========================= */
@media (max-width:1024px){
  .cart-premium-grid{
    grid-template-columns:1fr;
  }

  .cart-summary-card{
    position:static;
  }
}

@media (max-width:768px){
  .cart-item-card{
    grid-template-columns:1fr;
  }

  .cart-item-image{
    width:100%;
    height:240px;
  }

  .cart-item-top{
    flex-direction:column;
  }

  .cart-item-meta{
    grid-template-columns:1fr;
  }

  .cart-summary-card h2,
  .cart-empty-card h2{
    font-size:24px;
  }
}

/* =========================
   CHECKOUT PREMIUM
========================= */
.checkout-premium-wrap{
  padding:26px 0 40px;
}

.checkout-premium-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:start;
}

.checkout-form-card,
.checkout-summary-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:var(--shadow-soft);
}

.checkout-form-card{
  padding:24px;
}

.checkout-form-card h2,
.checkout-summary-card h2{
  margin:0 0 18px;
  font-size:28px;
}

.checkout-form{
  display:grid;
  gap:14px;
}

.checkout-form label{
  display:grid;
  gap:8px;
  font-weight:800;
}

.checkout-form label span{
  font-size:14px;
}

.checkout-form input,
.checkout-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
  outline:none;
  background:#fff;
}

.checkout-form input{
  height:52px;
}

.checkout-form textarea{
  resize:vertical;
  min-height:120px;
}

.checkout-form input:focus,
.checkout-form textarea:focus{
  border-color:#f6c260;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.checkout-submit-btn{
  width:100%;
  min-height:52px;
  margin-top:4px;
}

.checkout-help{
  display:block;
  color:var(--muted);
  line-height:1.6;
}

.checkout-summary-card{
  padding:24px;
  position:sticky;
  top:110px;
}

.checkout-items-list{
  display:grid;
  gap:14px;
  margin-bottom:18px;
}

.checkout-item-row{
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.checkout-item-image{
  width:72px;
  height:72px;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #efeff1;
  display:grid;
  place-items:center;
  padding:8px;
}

.checkout-item-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.checkout-item-info strong{
  display:block;
  font-size:15px;
  line-height:1.4;
  margin-bottom:4px;
}

.checkout-item-info span{
  display:block;
  color:var(--muted);
  font-size:13px;
}

.checkout-item-total{
  font-weight:800;
  color:var(--text);
  white-space:nowrap;
}

.checkout-total-box{
  border-top:1px solid var(--line);
  padding-top:16px;
}

.checkout-total-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
}

.checkout-total-row span{
  color:var(--muted);
  font-weight:700;
}

.checkout-total-row strong{
  color:var(--text);
}

.checkout-total-row.total strong{
  font-size:28px;
  color:var(--primary);
}

.checkout-payment-box{
  padding:18px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.checkout-payment-box h3{
  margin:0 0 8px;
  font-size:18px;
}

.checkout-payment-box p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.checkout-zip-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}

.checkout-shipping-box{
  padding:18px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.checkout-shipping-box h3{
  margin:0 0 12px;
  font-size:18px;
}

.checkout-shipping-placeholder{
  margin:0;
  color:var(--muted);
}

.checkout-shipping-option{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #efeff1;
  margin-top:10px;
  cursor:pointer;
}

.checkout-shipping-option strong{
  display:block;
  margin-bottom:4px;
}

.checkout-shipping-option span{
  color:var(--muted);
  font-size:13px;
}

.checkout-shipping-option b{
  color:var(--primary);
}

.mp-brick-box{
  margin-top:14px;
  padding:18px;
  border-radius:20px;
  border:1px solid #efeff1;
  background:#fff;
}

@media (max-width:1024px){
  .checkout-premium-grid{
    grid-template-columns:1fr;
  }

  .checkout-summary-card{
    position:static;
  }
}

@media (max-width:768px){
  .checkout-item-row{
    grid-template-columns:1fr;
  }

  .checkout-item-image{
    width:100%;
    height:180px;
  }

  .checkout-form-card h2,
  .checkout-summary-card h2{
    font-size:24px;
  }

  .checkout-zip-row{
    grid-template-columns:1fr;
  }
}

/* =========================
   ORDER DETAIL
========================= */
.order-detail-wrap{
  padding:28px 0 42px;
}

.order-detail-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:20px;
}

.order-detail-main{
  display:grid;
  gap:20px;
}

.order-detail-side{
  display:grid;
  gap:20px;
  align-content:start;
}

.order-detail-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
}

.order-detail-card h2{
  margin:0 0 16px;
  font-size:24px;
}

.order-detail-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.order-detail-info-box{
  padding:16px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.order-detail-info-box span{
  display:block;
  font-size:13px;
  color:var(--muted);
  margin-bottom:6px;
}

.order-detail-info-box strong{
  font-size:18px;
}

.order-detail-items{
  display:grid;
  gap:12px;
}

.order-detail-item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.order-detail-item span{
  display:block;
  margin-top:4px;
  color:var(--muted);
}

.order-side-list p{
  margin:0 0 12px;
  color:var(--text);
  line-height:1.7;
}

@media (max-width:1100px){
  .order-detail-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .order-detail-info-grid{
    grid-template-columns:1fr;
  }

  .order-detail-item{
    flex-direction:column;
  }
}

/* =========================
   ORDER SUCCESS / PAYMENT STATUS
========================= */
.order-success-wrap{
  padding:28px 0 42px;
}

.order-success-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--shadow-soft);
}

.order-success-badge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.order-success-card h1{
  margin:0 0 12px;
  font-size:40px;
  line-height:1.05;
}

.order-success-card > p{
  margin:0 0 22px;
  color:var(--muted);
  line-height:1.8;
  max-width:860px;
}

.order-success-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:22px;
}

.order-success-summary,
.order-success-actions-box,
.order-success-items{
  background:#fafafa;
  border:1px solid #efeff1;
  border-radius:22px;
  padding:22px;
}

.order-success-summary h2,
.order-success-actions-box h2,
.order-success-items h2{
  margin:0 0 16px;
  font-size:24px;
}

.order-success-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #efeff1;
}

.order-success-row span{
  color:var(--muted);
  font-weight:700;
}

.order-success-row strong{
  color:var(--text);
}

.order-success-row.total strong{
  font-size:26px;
  color:var(--primary);
}

.order-success-actions-box p{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.7;
}

.order-success-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.order-success-items-list{
  display:grid;
  gap:12px;
}

.order-success-item{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #efeff1;
}

.order-success-item strong{
  color:var(--text);
}

.order-success-item span{
  color:var(--muted);
  font-weight:700;
}

.order-success-item small{
  color:var(--primary);
  font-weight:800;
}

.pix-box{
  margin-top:30px;
  margin-bottom:22px;
  padding:25px;
  border-radius:22px;
  background:#fffdf7;
  border:1px solid #f4d38a;
  text-align:center;
}

.pix-box h2{
  margin:0 0 10px;
  font-size:28px;
}

.pix-box p{
  color:var(--muted);
  line-height:1.7;
}

.pix-qrcode img{
  width:220px;
  margin:15px auto;
}

#pixCode{
  width:100%;
  height:90px;
  margin-top:10px;
  padding:12px;
  border-radius:12px;
  border:1px solid #ddd;
  resize:none;
  background:#fff;
}

.pix-info{
  margin-top:12px;
  color:#666;
}

@media (max-width:900px){
  .order-success-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .order-success-card{
    padding:22px;
  }

  .order-success-card h1{
    font-size:30px;
  }

  .order-success-summary h2,
  .order-success-actions-box h2,
  .order-success-items h2,
  .pix-box h2{
    font-size:22px;
  }

  .order-success-item{
    grid-template-columns:1fr;
  }
}

/* =========================
   ACCOUNT PREMIUM
========================= */
.account-premium-wrap{
  padding:26px 0 40px;
}

.account-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-bottom:22px;
}

.account-hero-left{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:28px;
  padding:28px;
  box-shadow:var(--shadow);
}

.account-badge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.account-hero-left h1{
  margin:0 0 12px;
  font-size:42px;
  line-height:1.05;
}

.account-hero-left p{
  margin:0;
  max-width:720px;
  line-height:1.8;
  color:rgba(255,255,255,.95);
}

.account-hero-right{
  display:grid;
  gap:16px;
}

.account-summary-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
  display:grid;
  gap:8px;
}

.account-summary-box span{
  color:var(--muted);
  font-weight:700;
}

.account-summary-box strong{
  font-size:30px;
  line-height:1;
  color:var(--text);
}

.account-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px;
}

.account-summary-card,
.account-orders-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
}

.account-summary-card span{
  display:block;
  color:var(--muted);
  margin-bottom:8px;
  font-size:14px;
}

.account-summary-card strong{
  font-size:18px;
  color:var(--text);
}

.account-orders-head h2{
  margin:0 0 8px;
}

.account-orders-head p{
  margin:0;
  color:var(--muted);
}

.account-orders-table-wrap{
  overflow:auto;
  margin-top:16px;
}

.account-orders-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.account-orders-table th,
.account-orders-table td{
  text-align:left;
  padding:16px 12px;
  border-bottom:1px solid var(--line);
}

.account-orders-table th{
  color:var(--muted);
  font-size:13px;
  text-transform:uppercase;
}

.account-empty-box{
  text-align:center;
  padding:18px 10px 4px;
}

.account-empty-box h3{
  margin:0 0 10px;
  font-size:28px;
}

.account-empty-box p{
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.7;
}

.btn-sm{
  min-height:40px;
  padding:0 14px;
  font-size:14px;
}

@media (max-width:1100px){
  .account-hero{
    grid-template-columns:1fr;
  }

  .account-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .account-summary-grid{
    grid-template-columns:1fr;
  }

  .account-hero-left h1{
    font-size:34px;
  }

  .account-orders-table th,
  .account-orders-table td{
    padding:12px 10px;
  }

  .account-empty-box h3{
    font-size:24px;
  }
}

/* =========================
   LOGIN / AUTH PREMIUM
========================= */
.auth-premium-wrap{
  padding:34px 0 54px;
}

.auth-premium-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch;
}

.auth-side-content{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:30px;
  padding:40px;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:620px;
}

.auth-side-tag{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:18px;
}

.auth-side-content h1{
  margin:0 0 16px;
  font-size:42px;
  line-height:1.06;
  max-width:620px;
}

.auth-side-content p{
  margin:0;
  font-size:17px;
  line-height:1.8;
  color:rgba(255,255,255,.94);
  max-width:620px;
}

.auth-side-highlights{
  display:grid;
  gap:14px;
  margin-top:28px;
}

.auth-highlight-box{
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}

.auth-highlight-box strong{
  display:block;
  font-size:17px;
  margin-bottom:4px;
}

.auth-highlight-box span{
  display:block;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,.92);
}

.auth-premium-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--shadow-soft);
  padding:30px;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.auth-card-top{
  margin-bottom:20px;
}

.auth-mini-badge{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:var(--accent-soft);
  color:#9a6700;
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
}

.auth-card-top h2{
  margin:0 0 8px;
  font-size:42px;
  line-height:1;
}

.auth-card-top p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.auth-premium-form{
  display:grid;
  gap:14px;
  margin-top:12px;
}

.auth-premium-form label{
  display:grid;
  gap:8px;
  font-weight:800;
  color:var(--text);
}

.auth-premium-form label span{
  font-size:14px;
}

.auth-premium-form input{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:0 16px;
  outline:none;
  background:#fff;
  transition:.2s ease;
}

.auth-premium-form input:focus{
  border-color:#f6c260;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.auth-submit-btn{
  width:100%;
  min-height:52px;
  margin-top:6px;
}

.google-btn{
  width:100%;
  min-height:52px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
  margin-top:12px;
  font-weight:800;
  cursor:pointer;
  transition:.25s ease;
}

.google-btn:hover{
  background:#fffdf7;
  border-color:#f4d38a;
}

.auth-support-text{
  margin-top:12px;
  color:var(--muted);
  text-align:center;
  line-height:1.6;
}

.auth-links{
  margin-top:18px;
  text-align:center;
}

.auth-links a{
  color:var(--primary);
  font-weight:800;
}

/* =========================
   RESPONSIVO LOGIN
========================= */
@media (max-width:1100px){
  .auth-premium-grid{
    grid-template-columns:1fr;
  }

  .auth-side-content,
  .auth-premium-card{
    min-height:auto;
  }

  .auth-side-content h1{
    font-size:34px;
  }

  .auth-card-top h2{
    font-size:34px;
  }
}

@media (max-width:768px){
  .auth-side-content{
    padding:24px;
    border-radius:24px;
  }

  .auth-premium-card{
    padding:22px;
    border-radius:24px;
  }

  .auth-side-content h1{
    font-size:28px;
  }

  .auth-card-top h2{
    font-size:30px;
  }

  .auth-highlight-box{
    padding:16px;
  }
}

/* =========================
   HERO EXTRA BENEFITS
========================= */
.hero-mini-benefits{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.hero-mini-benefits span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:700;
}

/* =========================
   HOME HIGHLIGHT BAND
========================= */
.home-highlight-band{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 28px;
}

.home-highlight-card{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow);
}

.home-highlight-card.soft{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}

.home-highlight-tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
}

.home-highlight-card.soft .home-highlight-tag{
  background:var(--accent-soft);
  border-color:#f4d38a;
  color:#9a6700;
}

.home-highlight-card h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.1;
}

.home-highlight-card p{
  margin:0 0 18px;
  line-height:1.8;
  color:inherit;
  opacity:.95;
}

@media (max-width:1024px){
  .home-highlight-band{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .hero-mini-benefits{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-highlight-card{
    padding:22px;
    border-radius:24px;
  }

  .home-highlight-card h2{
    font-size:24px;
  }
}

/* =========================
   HERO EXTRA BENEFITS
========================= */
.hero-mini-benefits{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.hero-mini-benefits span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:700;
}

/* =========================
   PROMO URGENCY BAR
========================= */
.promo-urgency-bar{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 auto 24px;
}

.promo-urgency-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  box-shadow:var(--shadow-soft);
  display:grid;
  gap:6px;
}

.promo-urgency-item strong{
  color:var(--text);
  font-size:16px;
}

.promo-urgency-item span{
  color:var(--muted);
  line-height:1.5;
}

.countdown-box{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  border:none;
}

.countdown-box strong,
.countdown-box span{
  color:#fff;
}

.countdown-box span{
  font-size:28px;
  font-weight:900;
  letter-spacing:.03em;
}

/* =========================
   FEATURE BANNERS
========================= */
.feature-banners{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 30px;
}

.feature-banner{
  min-height:220px;
  border-radius:28px;
  overflow:hidden;
  display:flex;
  align-items:end;
  padding:26px;
  color:#fff;
  box-shadow:var(--shadow);
  position:relative;
}

.feature-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.58));
}

.feature-banner div{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}

.feature-banner span{
  font-size:13px;
  font-weight:800;
  opacity:.95;
}

.feature-banner strong{
  font-size:32px;
  line-height:1.08;
}

.feature-banner small{
  font-size:15px;
  opacity:.95;
  line-height:1.6;
}

.banner-sale{
  background:url('https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat;
}

.banner-tech{
  background:url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;
}

/* =========================
   BRANDS / TRUST CHIPS
========================= */
.brands-showcase{
  margin:0 auto 30px;
}

.brands-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}

.brand-chip{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  font-weight:800;
  color:var(--text);
}

/* =========================
   HOME HIGHLIGHT BAND
========================= */
.home-highlight-band{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 28px;
}

.home-highlight-card{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow);
}

.home-highlight-card.soft{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}

.home-highlight-tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
}

.home-highlight-card.soft .home-highlight-tag{
  background:var(--accent-soft);
  border-color:#f4d38a;
  color:#9a6700;
}

.home-highlight-card h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.1;
}

.home-highlight-card p{
  margin:0 0 18px;
  line-height:1.8;
  color:inherit;
  opacity:.95;
}

/* =========================
   VALUE PROPS
========================= */
.value-props-section{
  margin:0 auto 34px;
}

.value-props-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.value-prop-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
}

.value-prop-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff6df,#fdecee);
  font-size:24px;
  margin-bottom:14px;
}

.value-prop-card h3{
  margin:0 0 8px;
  font-size:22px;
  color:var(--text);
}

.value-prop-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

/* =========================
   HOME LEVEL 3 RESPONSIVE
========================= */
@media (max-width:1100px){
  .promo-urgency-bar{
    grid-template-columns:1fr;
  }

  .feature-banners{
    grid-template-columns:1fr;
  }

  .brands-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .value-props-grid{
    grid-template-columns:1fr;
  }

  .home-highlight-band{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .hero-mini-benefits{
    flex-direction:column;
    align-items:flex-start;
  }

  .feature-banner{
    min-height:200px;
    padding:22px;
    border-radius:24px;
  }

  .feature-banner strong{
    font-size:26px;
  }

  .brands-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .countdown-box span{
    font-size:24px;
  }

  .home-highlight-card{
    padding:22px;
    border-radius:24px;
  }

  .home-highlight-card h2{
    font-size:24px;
  }
}

/* =========================
   HERO EXTRA BENEFITS
========================= */
.hero-mini-benefits{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.hero-mini-benefits span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:700;
}

/* =========================
   PROMO URGENCY BAR
========================= */
.promo-urgency-bar{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 auto 24px;
}

.promo-urgency-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  box-shadow:var(--shadow-soft);
  display:grid;
  gap:6px;
}

.promo-urgency-item strong{
  color:var(--text);
  font-size:16px;
}

.promo-urgency-item span{
  color:var(--muted);
  line-height:1.5;
}

.countdown-box{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  border:none;
}

.countdown-box strong,
.countdown-box span{
  color:#fff;
}

.countdown-box span{
  font-size:28px;
  font-weight:900;
  letter-spacing:.03em;
}

/* =========================
   FEATURE BANNERS
========================= */
.feature-banners{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 30px;
}

.feature-banner{
  min-height:220px;
  border-radius:28px;
  overflow:hidden;
  display:flex;
  align-items:end;
  padding:26px;
  color:#fff;
  box-shadow:var(--shadow);
  position:relative;
}

.feature-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.58));
}

.feature-banner div{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}

.feature-banner span{
  font-size:13px;
  font-weight:800;
  opacity:.95;
}

.feature-banner strong{
  font-size:32px;
  line-height:1.08;
}

.feature-banner small{
  font-size:15px;
  opacity:.95;
  line-height:1.6;
}

.banner-sale{
  background:url('https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat;
}

.banner-tech{
  background:url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;
}

/* =========================
   BRANDS / TRUST CHIPS
========================= */
.brands-showcase{
  margin:0 auto 30px;
}

.brands-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}

.brand-chip{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  font-weight:800;
  color:var(--text);
}

/* =========================
   HOME HIGHLIGHT BAND
========================= */
.home-highlight-band{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 28px;
}

.home-highlight-card{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow);
}

.home-highlight-card.soft{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}

.home-highlight-tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
}

.home-highlight-card.soft .home-highlight-tag{
  background:var(--accent-soft);
  border-color:#f4d38a;
  color:#9a6700;
}

.home-highlight-card h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.1;
}

.home-highlight-card p{
  margin:0 0 18px;
  line-height:1.8;
  color:inherit;
  opacity:.95;
}

/* =========================
   VALUE PROPS
========================= */
.value-props-section{
  margin:0 auto 34px;
}

.value-props-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.value-prop-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
}

.value-prop-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff6df,#fdecee);
  font-size:24px;
  margin-bottom:14px;
}

.value-prop-card h3{
  margin:0 0 8px;
  font-size:22px;
  color:var(--text);
}

.value-prop-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

/* =========================
   FLASH DEALS
========================= */
.flash-deals-section{
  margin:0 auto 34px;
}

.flash-deals-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.flash-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}

.flash-thumb{
  display:block;
  aspect-ratio:1/1;
  background:#fff;
  padding:18px;
  border-bottom:1px solid #f1f1f3;
}

.flash-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.flash-body{
  padding:18px;
  display:grid;
  gap:8px;
}

.flash-badge{
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:#fff1f2;
  color:#b42318;
  font-size:11px;
  font-weight:800;
}

.flash-body h3{
  margin:0;
  font-size:18px;
  line-height:1.35;
}

.flash-body strong{
  font-size:28px;
  color:var(--primary);
}

.flash-body small{
  color:#9ca3af;
  text-decoration:line-through;
}

/* =========================
   HOME SHELVES
========================= */
.home-shelf-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 34px;
}

.home-shelf-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow-soft);
}

.home-shelf-copy{
  display:grid;
  gap:10px;
}

.home-shelf-tag{
  display:inline-flex;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:var(--accent-soft);
  color:#9a6700;
  font-size:12px;
  font-weight:800;
}

.home-shelf-copy h2{
  margin:0;
  font-size:30px;
  line-height:1.1;
}

.home-shelf-copy p{
  margin:0 0 8px;
  color:var(--muted);
  line-height:1.7;
}

/* =========================
   LEVEL 4 RESPONSIVE
========================= */
@media (max-width:1100px){
  .promo-urgency-bar{
    grid-template-columns:1fr;
  }

  .feature-banners{
    grid-template-columns:1fr;
  }

  .brands-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .value-props-grid{
    grid-template-columns:1fr;
  }

  .home-highlight-band{
    grid-template-columns:1fr;
  }

  .flash-deals-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-shelf-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .hero-mini-benefits{
    flex-direction:column;
    align-items:flex-start;
  }

  .feature-banner{
    min-height:200px;
    padding:22px;
    border-radius:24px;
  }

  .feature-banner strong{
    font-size:26px;
  }

  .brands-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .countdown-box span{
    font-size:24px;
  }

  .home-highlight-card{
    padding:22px;
    border-radius:24px;
  }

  .home-highlight-card h2,
  .home-shelf-copy h2{
    font-size:24px;
  }

  .flash-deals-grid{
    grid-template-columns:1fr;
  }
}

/* =========================
   ADMIN DASHBOARD PREMIUM
========================= */
.admin-body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:linear-gradient(180deg,#f8f8fa 0%, #f2f4f7 100%);
  color:var(--text);
}

.admin-layout{
  min-height:100vh;
  display:grid;
  grid-template-columns:280px 1fr;
}

.admin-sidebar{
  background:linear-gradient(180deg,#7f0f16 0%, #990f18 48%, #c1121f 100%);
  color:#fff;
  padding:24px 18px;
  border-right:1px solid rgba(255,255,255,.08);
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
}

.admin-brand-box{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}

.admin-brand-mark{
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffffff,#fff2d8);
  color:#9a6700;
  font-weight:900;
  font-size:20px;
}

.admin-brand-box strong{
  display:block;
  font-size:20px;
  color:#fff;
}

.admin-brand-box span{
  display:block;
  font-size:13px;
  color:rgba(255,255,255,.82);
  margin-top:4px;
}

.admin-nav{
  display:grid;
  gap:10px;
}

.admin-nav a{
  padding:13px 14px;
  border-radius:14px;
  color:#fff5f5;
  font-weight:700;
  transition:.2s ease;
}

.admin-nav a:hover,
.admin-nav a.active{
  background:rgba(255,255,255,.14);
}

.admin-content{
  padding:28px;
}

.admin-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:24px;
}

.admin-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#fff1f2;
  color:#b42318;
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}

.admin-header h1{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.05;
}

.admin-header p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.admin-user-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:var(--shadow-soft);
  min-width:260px;
}

.admin-user-card strong{
  display:block;
  font-size:16px;
}

.admin-user-card span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
}

.admin-stats-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:24px;
}

.admin-stats-grid-8{
  grid-template-columns:repeat(4, minmax(0,1fr));
}

.admin-stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
}

.admin-stat-card span{
  display:block;
  color:var(--muted);
  font-weight:700;
  margin-bottom:8px;
}

.admin-stat-card strong{
  display:block;
  font-size:34px;
  line-height:1;
  margin-bottom:8px;
  color:var(--text);
}

.admin-stat-card small{
  color:var(--muted);
  line-height:1.6;
}

.admin-stat-warning{
  border-color:#fde68a;
  background:linear-gradient(180deg,#fffdf5,#fff8db);
}

.admin-stat-danger{
  border-color:#fecaca;
  background:linear-gradient(180deg,#fff7f7,#ffe7e7);
}

.admin-dashboard-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-bottom:24px;
}

.admin-panel-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
}

.admin-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:18px;
}

.admin-card-head h2{
  margin:0 0 8px;
  font-size:24px;
}

.admin-card-head p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.admin-chart-card{
  min-height:420px;
}

.admin-chart-wrap{
  position:relative;
  height:300px;
}

.admin-alert-list{
  display:grid;
  gap:14px;
}

.admin-alert-item{
  padding:16px 18px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.admin-alert-item strong{
  display:block;
  font-size:28px;
  line-height:1;
  margin-bottom:6px;
}

.admin-alert-item span{
  color:var(--muted);
  line-height:1.6;
}

.admin-table-wrap{
  overflow:auto;
}

.admin-data-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.admin-data-table th,
.admin-data-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  text-align:left;
}

.admin-data-table th{
  background:#fafafa;
  font-size:13px;
  color:var(--muted);
  text-transform:uppercase;
}

.admin-top-products{
  display:grid;
  gap:14px;
}

.admin-top-product-item{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.admin-top-product-image{
  width:72px;
  height:72px;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #efeff1;
  display:grid;
  place-items:center;
  padding:8px;
}

.admin-top-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.admin-top-product-content strong{
  display:block;
  margin-bottom:4px;
  font-size:15px;
}

.admin-top-product-content span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:4px;
}

.admin-top-product-content small{
  color:var(--primary);
  font-weight:700;
}

.admin-customer-list{
  display:grid;
  gap:12px;
}

.admin-customer-item{
  padding:16px 18px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.admin-customer-item strong{
  display:block;
  font-size:15px;
  margin-bottom:4px;
}

.admin-customer-item span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:4px;
}

.admin-customer-item small{
  color:var(--primary);
  font-weight:700;
}

.admin-empty-box{
  padding:22px;
  border-radius:18px;
  background:#fafafa;
  border:1px dashed var(--line);
}

.admin-empty-box h3{
  margin:0 0 8px;
  font-size:22px;
}

.admin-empty-box p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

@media (max-width:1400px){
  .admin-stats-grid-8{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}

@media (max-width:1100px){
  .admin-layout{
    grid-template-columns:1fr;
  }

  .admin-sidebar{
    position:static;
    height:auto;
  }

  .admin-dashboard-grid{
    grid-template-columns:1fr;
  }

  .admin-stats-grid,
  .admin-stats-grid-8{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:768px){
  .admin-content{
    padding:18px;
  }

  .admin-header h1{
    font-size:30px;
  }

  .admin-stats-grid,
  .admin-stats-grid-8{
    grid-template-columns:1fr;
  }

  .admin-top-product-item{
    grid-template-columns:1fr;
  }

  .admin-top-product-image{
    width:100%;
    height:180px;
  }
}

/* =========================
   ADMIN ORDERS
========================= */
.admin-filters-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:end;
}

.admin-filter-field{
  display:grid;
  gap:8px;
}

.admin-filter-field label{
  font-size:13px;
  font-weight:800;
  color:var(--text);
}

.admin-filter-field input,
.admin-filter-field select{
  width:100%;
  height:50px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:0 14px;
  background:#fff;
  outline:none;
}

.admin-filter-field input:focus,
.admin-filter-field select:focus{
  border-color:#f4d38a;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.admin-filter-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.admin-mini-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}

.badge-success{
  background:#ecfdf3;
  color:#166534;
}

.badge-warning{
  background:#fff7ed;
  color:#b45309;
}

.badge-danger{
  background:#fff1f2;
  color:#b42318;
}

.badge-neutral{
  background:#f3f4f6;
  color:#374151;
}

@media (max-width:1100px){
  .admin-filters-form{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:768px){
  .admin-filters-form{
    grid-template-columns:1fr;
  }

  .admin-filter-actions{
    flex-direction:column;
  }
}

/* =========================
   ADMIN PRODUCTS
========================= */
.admin-product-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.admin-form-field{
  display:grid;
  gap:8px;
}

.admin-form-field label{
  font-size:13px;
  font-weight:800;
  color:var(--text);
}

.admin-form-field input,
.admin-form-field select,
.admin-form-field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  outline:none;
  padding:0 14px;
}

.admin-form-field input,
.admin-form-field select{
  height:50px;
}

.admin-form-field textarea{
  min-height:120px;
  padding:14px;
  resize:vertical;
}

.admin-form-field input:focus,
.admin-form-field select:focus,
.admin-form-field textarea:focus{
  border-color:#f4d38a;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.admin-form-field-full{
  grid-column:1 / -1;
}

.admin-form-check{
  display:flex;
  align-items:end;
}

.admin-form-actions{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.admin-product-cell{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:12px;
  align-items:center;
}

.admin-product-thumb{
  width:56px;
  height:56px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid #efeff1;
  display:grid;
  place-items:center;
  padding:6px;
}

.admin-product-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.admin-product-meta strong{
  display:block;
  font-size:14px;
  margin-bottom:4px;
}

.admin-product-meta span{
  display:block;
  font-size:12px;
  color:var(--muted);
  line-height:1.5;
}

@media (max-width:900px){
  .admin-product-form{
    grid-template-columns:1fr;
  }

  .admin-form-field-full,
  .admin-form-actions{
    grid-column:auto;
  }
}

/* =========================
   ADMIN BANNERS
========================= */
.admin-banner-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.admin-banner-list{
  display:grid;
  gap:16px;
}

.admin-banner-item{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:18px;
  padding:18px;
  border-radius:22px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.admin-banner-image{
  width:100%;
  min-height:160px;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid #efeff1;
}

.admin-banner-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.admin-banner-content{
  display:grid;
  gap:14px;
  align-content:start;
}

.admin-banner-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.admin-banner-top h3{
  margin:0 0 8px;
  font-size:22px;
}

.admin-banner-top p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.admin-banner-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:flex-start;
}

.admin-banner-meta{
  display:grid;
  gap:8px;
}

.admin-banner-meta span{
  color:var(--text);
  line-height:1.6;
}

@media (max-width:900px){
  .admin-banner-form{
    grid-template-columns:1fr;
  }

  .admin-banner-item{
    grid-template-columns:1fr;
  }

  .admin-banner-image{
    min-height:220px;
  }
}

/* =========================
   BLING INTEGRATION PAGE
========================= */
.bling-page-wrap{
  padding:28px 0 42px;
}

.bling-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
  margin-bottom:22px;
}

.bling-hero-copy{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  color:#fff;
  border-radius:30px;
  padding:30px;
  box-shadow:var(--shadow);
}

.bling-badge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.bling-hero-copy h1{
  margin:0 0 12px;
  font-size:44px;
  line-height:1.04;
}

.bling-hero-copy p{
  margin:0;
  max-width:760px;
  line-height:1.8;
  color:rgba(255,255,255,.95);
  font-size:16px;
}

.bling-status-row{
  margin-top:22px;
}

.bling-status-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  font-weight:800;
  font-size:14px;
}

.bling-status-pill.is-connected{
  background:#ecfdf3;
  color:#166534;
}

.bling-status-pill.is-disconnected{
  background:#fff1f2;
  color:#b42318;
}

.bling-status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:currentColor;
}

.bling-hero-stats{
  display:grid;
  gap:16px;
}

.bling-stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
}

.bling-stat-card span{
  display:block;
  color:var(--muted);
  font-weight:700;
  margin-bottom:8px;
}

.bling-stat-card strong{
  display:block;
  font-size:30px;
  line-height:1.1;
  color:var(--text);
  margin-bottom:8px;
}

.bling-stat-card small{
  display:block;
  color:var(--muted);
  line-height:1.6;
}

.bling-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:22px;
}

.bling-step-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:24px;
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.bling-step-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
}

.bling-step-number{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff6df,#fdecee);
  color:var(--primary);
  font-size:20px;
  font-weight:900;
  flex:0 0 48px;
}

.bling-step-top h2{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.1;
}

.bling-step-top p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.bling-step-points{
  display:grid;
  gap:8px;
}

.bling-step-points span{
  color:var(--text);
  font-weight:600;
}

.bling-step-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.bling-info-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.bling-info-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
}

.bling-info-card h3{
  margin:0 0 10px;
  font-size:22px;
}

.bling-info-card p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

@media (max-width:1100px){
  .bling-hero,
  .bling-steps-grid,
  .bling-info-panel{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .bling-hero-copy{
    padding:24px;
    border-radius:24px;
  }

  .bling-hero-copy h1{
    font-size:34px;
  }

  .bling-step-card,
  .bling-info-card{
    padding:20px;
  }

  .bling-step-top{
    grid-template-columns:1fr;
  }
}

/* =========================
   BLING ADMIN PREMIUM
========================= */
.bling-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px;
}

.bling-admin-step-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.bling-admin-step-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
}

.bling-admin-step-number{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff6df,#fdecee);
  color:var(--primary);
  font-size:20px;
  font-weight:900;
  flex:0 0 48px;
}

.bling-admin-step-top h2{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.1;
}

.bling-admin-step-top p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.bling-admin-step-points{
  display:grid;
  gap:8px;
}

.bling-admin-step-points span{
  color:var(--text);
  font-weight:600;
}

.bling-admin-step-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.bling-admin-status-wrap{
  display:grid;
  gap:14px;
}

.bling-admin-status-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  font-weight:800;
  font-size:14px;
}

.bling-admin-status-pill.is-connected{
  background:#ecfdf3;
  color:#166534;
}

.bling-admin-status-pill.is-disconnected{
  background:#fff1f2;
  color:#b42318;
}

.bling-admin-status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:currentColor;
}

.bling-admin-status-text{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

.bling-admin-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.bling-admin-info-list{
  display:grid;
  gap:14px;
}

.bling-admin-info-item{
  padding:16px 18px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #efeff1;
}

.bling-admin-info-item strong{
  display:block;
  margin-bottom:6px;
  font-size:16px;
  color:var(--text);
}

.bling-admin-info-item span{
  display:block;
  color:var(--muted);
  line-height:1.7;
}

@media (max-width:1100px){
  .bling-admin-grid,
  .bling-admin-info-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .bling-admin-step-top{
    grid-template-columns:1fr;
  }
}

/* =========================
   NEWSLETTER PREMIUM
========================= */
.newsletter-section{
  margin:0 auto 40px;
}

.newsletter-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  border-radius:30px;
  padding:30px;
  color:#fff;
  box-shadow:var(--shadow);
}

.newsletter-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.newsletter-tag{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(244,163,0,.18);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.newsletter-copy h2{
  margin:0 0 12px;
  font-size:38px;
  line-height:1.08;
  max-width:680px;
}

.newsletter-copy p{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:rgba(255,255,255,.95);
  max-width:650px;
}

.newsletter-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.newsletter-benefits span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  font-size:13px;
  font-weight:700;
}

.newsletter-form-box{
  background:#fff;
  border-radius:24px;
  padding:24px;
  color:var(--text);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.newsletter-form{
  display:grid;
  gap:14px;
}

.newsletter-form label{
  display:grid;
  gap:8px;
  font-weight:800;
}

.newsletter-form label span{
  font-size:14px;
  color:var(--text);
}

.newsletter-form input{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:0 16px;
  outline:none;
  background:#fff;
}

.newsletter-form input:focus{
  border-color:#f6c260;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.newsletter-btn{
  width:100%;
  min-height:52px;
  margin-top:4px;
}

.newsletter-note{
  display:block;
  margin-top:12px;
  color:var(--muted);
  line-height:1.6;
}

@media (max-width:1024px){
  .newsletter-card{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .newsletter-card{
    padding:22px;
  }

  .newsletter-copy h2{
    font-size:30px;
  }

  .newsletter-benefits{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* =========================
   COUPON POPUP PREMIUM
========================= */
.coupon-popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(17,24,39,.48);
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transition:.28s ease;
}

.coupon-popup-overlay.show{
  opacity:1;
  visibility:visible;
}

.coupon-popup-card{
  width:min(940px, 100%);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  background:#fff;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.20);
  position:relative;
  transform:translateY(18px) scale(.98);
  transition:.28s ease;
}

.coupon-popup-overlay.show .coupon-popup-card{
  transform:translateY(0) scale(1);
}

.coupon-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#2b1d46;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:3;
  box-shadow:0 8px 20px rgba(0,0,0,.10);
}

.coupon-popup-left{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.coupon-popup-tag{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:14px;
}

.coupon-popup-left h2{
  margin:0 0 12px;
  font-size:38px;
  line-height:1.05;
  color:var(--text);
}

.coupon-popup-left p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
}

.coupon-code-box{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#fffdf7,#fff7e8);
  border:1px dashed #f1c05d;
}

.coupon-code-box strong{
  font-size:30px;
  letter-spacing:.08em;
  color:var(--primary);
}

.coupon-copy-btn{
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  font-weight:800;
  padding:12px 18px;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(193,18,31,.16);
}

.coupon-popup-note{
  display:block;
  margin-top:12px;
  color:var(--muted);
  line-height:1.6;
}

.coupon-popup-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.coupon-popup-right{
  background:linear-gradient(135deg,#990f18 0%, #c1121f 58%, #e11d2e 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
  color:#fff;
}

.coupon-popup-visual{
  width:100%;
  max-width:280px;
  min-height:280px;
  border-radius:28px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

.coupon-visual-mini{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(244,163,0,.18);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:16px;
}

.coupon-popup-visual strong{
  font-size:52px;
  line-height:1;
  margin-bottom:8px;
}

.coupon-popup-visual p{
  margin:0;
  font-size:16px;
  color:rgba(255,255,255,.94);
}

@media (max-width:900px){
  .coupon-popup-card{
    grid-template-columns:1fr;
  }

  .coupon-popup-right{
    min-height:220px;
  }
}

@media (max-width:768px){
  .coupon-popup-left{
    padding:24px;
  }

  .coupon-popup-left h2{
    font-size:30px;
  }

  .coupon-code-box strong{
    font-size:24px;
  }

  .coupon-popup-visual strong{
    font-size:42px;
  }
}

/* =========================
   OFERTAS PREMIUM
========================= */
.offers-strip{
  margin:0 auto 28px;
  background:linear-gradient(135deg,#990f18,#c1121f 58%, #e11d2e);
  border-radius:30px;
  padding:24px;
  color:#fff;
  box-shadow:var(--shadow);
}

.offers-strip-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.offers-strip-head h2{
  margin:6px 0 0;
  font-size:34px;
}

.offers-strip-head a{
  font-weight:800;
  color:#fff;
}

.mini-tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(244,163,0,.18);
  font-size:12px;
  font-weight:800;
}

.offers-cards{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.offer-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  color:#111827;
  min-height:100%;
  transition:.25s ease;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.offer-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 30px rgba(0,0,0,.12);
}

.offer-thumb{
  aspect-ratio:1/1;
  background:linear-gradient(180deg,#fff,#fcfcfd);
  padding:16px;
  display:block;
}

.offer-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.offer-body{
  padding:14px 14px 16px;
}

.offer-badge{
  display:inline-flex;
  padding:5px 8px;
  border-radius:8px;
  background:#fff6df;
  color:#9a6700;
  font-size:11px;
  font-weight:800;
  margin-bottom:10px;
}

.offer-body h3{
  margin:8px 0 10px;
  font-size:15px;
  line-height:1.35;
  min-height:42px;
}

.offer-prices{
  display:grid;
  gap:3px;
}

.offer-prices small{
  color:#9ca3af;
  text-decoration:line-through;
  font-size:12px;
}

.offer-prices strong{
  font-size:24px;
  line-height:1;
  color:var(--primary);
}

.offer-prices span{
  font-size:13px;
  color:#4b5563;
}

.coupon-chip{
  display:inline-flex;
  margin-top:12px;
  padding:7px 10px;
  border-radius:10px;
  background:#fff6df;
  color:#9a6700;
  font-size:12px;
  font-weight:700;
}

/* =========================
   TÍTULOS DE SEÇÃO
========================= */
.section-block{
  padding:10px 0 26px;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.section-head h2{
  margin:0;
  font-size:32px;
}

.section-head p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:15px;
}

.section-head a{
  color:var(--primary);
  font-weight:800;
}

/* =========================
   PRODUTOS PREMIUM
========================= */
.products-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:20px;
}

.product-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:.28s ease;
  position:relative;
}

.product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 36px rgba(17,24,39,.10);
}

.premium-card{
  position:relative;
}

.product-top-badges{
  position:absolute;
  top:14px;
  left:14px;
  right:14px;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  pointer-events:none;
}

.badge-discount{
  display:inline-flex;
  padding:7px 11px;
  border-radius:10px;
  background:#ecfdf3;
  color:#166534;
  font-size:11px;
  font-weight:800;
  pointer-events:auto;
  box-shadow:0 6px 14px rgba(0,0,0,.04);
}

.wish-btn{
  width:36px;
  height:36px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:var(--primary);
  font-size:18px;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  pointer-events:auto;
}

.product-thumb{
  display:block;
  aspect-ratio:1/1;
  background:linear-gradient(180deg,#fff,#fcfcfd);
  padding:26px 18px 18px;
  border-bottom:1px solid #f4f4f6;
}

.product-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .28s ease;
}

.product-card:hover .product-thumb img{
  transform:scale(1.04);
}

.product-body{
  padding:16px 16px 20px;
}

.product-rating{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.product-rating small{
  color:#6b7280;
  font-size:12px;
}

.stars{
  display:flex;
  gap:2px;
  color:var(--star);
  font-size:14px;
  line-height:1;
}

.stars .off{
  color:#d1d5db;
}

.product-body h3{
  margin:0 0 10px;
  font-size:17px;
  line-height:1.4;
  min-height:48px;
  color:#1f2937;
}

.product-category{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  color:#9a6700;
  background:var(--accent-soft);
  margin-bottom:12px;
}

.price-line{
  display:grid;
  gap:4px;
  margin-top:4px;
  margin-bottom:16px;
}

.price-line small{
  color:#9ca3af;
  text-decoration:line-through;
  font-size:13px;
}

.price-line strong{
  font-size:31px;
  line-height:1;
  color:var(--primary);
  letter-spacing:-0.02em;
}

.installment-line{
  font-size:13px;
  color:#4b5563;
}

.product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  color:#1f2937;
  font-weight:800;
}

.btn-outline:hover{
  border-color:#f1c05d;
  background:#fffdf7;
}

.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  box-shadow:0 14px 24px rgba(193,18,31,.18);
}

.btn-primary:hover{
  box-shadow:0 18px 28px rgba(193,18,31,.22);
}

.premium-add-btn{
  position:relative;
  overflow:hidden;
}

.premium-add-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-120%);
  transition:transform .55s ease;
}

.premium-add-btn:hover::after{
  transform:translateX(120%);
}

.cart-qty-form{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.cart-qty-input{
  width:90px;
  height:42px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 12px;
  background:#fff;
}

.cart-qty-btn{
  min-height:42px;
  padding:0 14px;
}

.cart-item-extra{
  display:grid;
  gap:8px;
  margin-top:14px;
}

.cart-item-extra small{
  color:#6b7280;
}

.cart-saving-text{
  color:#166534 !important;
  font-weight:700;
}

.cart-empty-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

/* =========================
   TRUST
========================= */
.trust-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin:10px auto 34px;
}

.trust-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow-soft);
}

.trust-item strong{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}

.trust-item span{
  color:var(--muted);
  line-height:1.6;
}



/* =========================
   ALERTAS / GERAIS
========================= */
.empty-box,
.alert{
  padding:18px 20px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
}

.alert-error{
  background:#fff1f2;
  color:#9f1239;
  border-color:#fecdd3;
}

/* =========================
   WHATSAPP FLOAT
========================= */
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9998;
  background:#25d366;
  color:#fff;
  padding:14px 18px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  transition:.25s ease;
}

.whatsapp-float:hover{
  transform:translateY(-2px);
  background:#1fb85a;
}

@media(max-width:768px){
  .whatsapp-float{
    right:12px;
    bottom:12px;
    padding:13px 15px;
    font-size:14px;
  }
}

/* =========================
   FOOTER
========================= */
.site-footer{
  margin-top:30px;
  background:#1f2937;
  color:#e5e7eb;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr 1.1fr;
  gap:28px;
  padding:36px 0;
}

.site-footer h4{
  margin:0 0 12px;
  color:#fff;
}

.site-footer p,
.site-footer li,
.site-footer a{
  color:#e5e7eb;
  line-height:1.7;
}

.site-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-bottom{
  text-align:center;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:13px;
}

/* =========================
   PRODUCT PAGE PREMIUM
========================= */
.premium-product-wrap{
  padding:28px 0 34px;
}

.premium-product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}

.premium-product-media,
.premium-product-info{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:var(--shadow-soft);
}

.premium-product-media{
  padding:22px;
}

.premium-main-image{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fcfcfd);
  border:1px solid #f1f1f3;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  padding:20px;
}

.premium-main-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.premium-thumb-row{
  display:flex;
  gap:12px;
  margin-top:16px;
}

.premium-thumb{
  width:86px;
  height:86px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:8px;
  cursor:pointer;
}

.premium-thumb.is-active{
  border-color:#f1c05d;
  box-shadow:0 0 0 3px rgba(244,163,0,.10);
}

.premium-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.premium-product-info{
  padding:28px;
}

.premium-product-tag{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:var(--accent-soft);
  color:#9a6700;
  font-size:12px;
  font-weight:800;
}

.premium-product-info h1{
  margin:14px 0 12px;
  font-size:42px;
  line-height:1.06;
}

.premium-product-rating{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.premium-product-rating small{
  color:var(--muted);
  font-size:13px;
}

.premium-product-description{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
}

.premium-price-box{
  display:grid;
  gap:6px;
  margin-top:22px;
  margin-bottom:22px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(180deg,#fffdf7,#fff7e8);
  border:1px solid #f4d38a;
}

.premium-old-price{
  color:#9ca3af;
  text-decoration:line-through;
  font-size:14px;
}

.premium-main-price{
  font-size:44px;
  line-height:1;
  color:var(--primary);
  letter-spacing:-0.03em;
}

.premium-pix-price{
  font-size:15px;
  color:#166534;
  font-weight:700;
}

.premium-installment{
  font-size:14px;
  color:#4b5563;
}

.premium-benefits{
  display:grid;
  gap:10px;
  margin-bottom:22px;
}

.premium-benefit-item{
  padding:12px 14px;
  border-radius:14px;
  background:#fafafa;
  border:1px solid #efeff1;
  color:#374151;
  font-weight:600;
}

.premium-buy-box{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:14px;
  align-items:end;
  margin-bottom:14px;
}

.premium-qty-box{
  display:grid;
  gap:8px;
  font-weight:800;
}

.premium-qty-box span{
  font-size:14px;
}

.premium-qty-box input{
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:0 14px;
  background:#fff;
}

.premium-buy-btn{
  min-height:52px;
}

.premium-product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.premium-whatsapp-btn{
  background:#25d366;
  color:#fff;
  min-height:50px;
  border-radius:16px;
  font-weight:800;
  box-shadow:0 14px 24px rgba(37,211,102,.18);
}

.premium-whatsapp-btn:hover{
  background:#1fb85a;
}

/* =========================
   CATALOG / PRODUCTS PAGE
========================= */
.catalog-filters{
  display:grid;
  grid-template-columns:1.3fr .9fr .8fr auto;
  gap:12px;
  margin-bottom:22px;
  align-items:end;
}

.catalog-filters input,
.catalog-filters select{
  width:100%;
  height:52px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:0 16px;
  background:#fff;
  outline:none;
  transition:.2s ease;
}

.catalog-filters input:focus,
.catalog-filters select:focus{
  border-color:#f6c260;
  box-shadow:0 0 0 4px rgba(244,163,0,.10);
}

.catalog-filters .btn{
  min-height:52px;
  white-space:nowrap;
}

.pagination-wrap .btn{
  min-height:48px;
  padding:0 18px;
}

.empty-box h3{
  color:var(--text);
}

.empty-box p{
  color:var(--muted);
}

.products-grid.premium-products{
  margin-top:6px;
}

/* reforço visual dos cards no catálogo */
.products-grid .product-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
}

.products-grid .product-body{
  display:flex;
  flex-direction:column;
  flex:1;
}

.products-grid .price-line{
  margin-top:auto;
}

.products-grid .product-actions{
  margin-top:2px;
}

/* banner do topo do catálogo mais equilibrado */
.section-block .brand-promo-card{
  align-items:center;
}
  

/* =========================
   RESPONSIVO
========================= */
@media (max-width:1024px){
  .premium-product-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:1220px){
  .offers-cards{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .products-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .trust-strip{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:1100px){
  .header-main{
    grid-template-columns:1fr;
  }

  .hero-slide,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .hero-slide-media{
    min-height:280px;
  }

  .header-actions{
    justify-content:flex-start;
  }

  .brand{
    justify-content:flex-start;
  }

  .brand-logo{
    height:52px;
    max-width:160px;
  }
}

@media (max-width:768px){
  .container{
    width:min(100% - 22px, 1280px);
  }

  .topbar-inner{
    justify-content:center;
  }

  .topbar-links{
    display:none;
  }

  .hero-slider{
    border-radius:24px;
    height:auto;
  }
  
    .catalog-filters{
    grid-template-columns:1fr 1fr;
  }

  .hero-slide{
    grid-template-columns:1fr;
    height:auto;
  }

  .hero-slide-content{
    height:auto;
    padding:28px 22px;
  }

  .hero-slide-content h1{
    font-size:34px;
    min-height:auto;
  }

  .hero-slide-content p{
    font-size:15px;
    min-height:auto;
  }

  .hero-slide-media{
    height:240px;
    min-height:240px;
  }

  .hero-nav{
    display:none;
  }

  .carousel-header h2,
  .section-head h2,
  .offers-strip-head h2{
    font-size:26px;
  }

  .offers-cards,
  .products-grid,
  .trust-strip,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .product-actions{
    grid-template-columns:1fr;
  }

  .carousel-controls{
    width:100%;
    justify-content:flex-end;
  }

  .cat-card{
    width:102px;
    min-width:102px;
    flex-basis:102px;
  }

  .cat-photo{
    width:82px;
    height:82px;
    padding:12px;
  }

  .cat-card span{
    font-size:13px;
    min-height:34px;
  }

  .search-bar{
    grid-template-columns:1fr;
  }

  .brand{
    gap:10px;
  }

  .brand-logo{
    height:46px;
    max-width:140px;
  }

  .brand-copy strong{
    font-size:16px;
  }

  .brand-copy small{
    font-size:12px;
  }
   .premium-product-info h1{
    font-size:32px;
  }

  .premium-main-price{
    font-size:34px;
  }

  .premium-buy-box,
  .premium-product-actions{
    grid-template-columns:1fr;
  }

  .premium-thumb{
    width:72px;
    height:72px;
  }

    .catalog-filters{
    grid-template-columns:1fr;
  }

  .pagination-wrap{
    align-items:center;
  }

  .pagination-wrap .btn{
    width:100%;
    justify-content:center;
  }
}