@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800;900&display=swap");
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;background:#fffaf4;color:#241f1b}.top{background:#6f4e37;color:white;text-align:center;padding:9px;font-size:13px}header{height:70px;background:#fff;border-bottom:1px solid #eadfce;display:flex;align-items:center;padding:0 max(18px,calc((100% - 1180px)/2));justify-content:space-between}.logo{font-size:27px;font-weight:900;color:#d83a2e;text-decoration:none}.logo span{color:#6f4e37}nav{display:flex;gap:18px}nav a,a{color:#6f4e37;text-decoration:none}main{max-width:1180px;margin:30px auto;padding:0 18px;min-height:70vh}.hero{background:#6f4e37;color:white;padding:28px;border-radius:22px;margin-bottom:25px}.grid{display:grid;gap:15px}.cats{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(3,1fr)}.card,.panel{background:white;border:1px solid #eadfce;border-radius:17px;padding:18px}.cat:hover{box-shadow:0 8px 22px #6f4e3720;transform:translateY(-2px)}.muted{color:#736b65;font-size:13px}.pill{display:inline-block;padding:5px 9px;background:#f5e4df;color:#c53127;border-radius:99px;font-size:12px}.row,.actions,.adminnav{display:flex;gap:10px;align-items:center}.adminnav{justify-content:space-between}.row input{width:80px}input,textarea,select{width:100%;padding:11px;border:1px solid #d9cec1;border-radius:9px;margin-top:6px}button,.button{display:inline-block;background:#d83a2e;color:white;border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.secondary{background:#eee3d6;color:#4a3425}.small{padding:6px 9px;font-size:12px}label{display:block;margin-bottom:13px}.check{display:flex;gap:8px}.check input{width:auto}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.notice,.warn{background:#fff0d7;border:1px solid #efcc96;border-radius:14px;padding:16px;margin-bottom:18px}.warn{color:#8a3b00}.price-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #ddd}.total{font-size:22px;font-weight:800}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee;white-space:nowrap}footer{background:#2b211c;color:#ddd;padding:25px;text-align:center;margin-top:35px}@media(max-width:800px){.cats,.products,.two{grid-template-columns:1fr}.adminnav{align-items:flex-start;flex-direction:column}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{background:#fff;border:1px solid #eadfce;border-radius:16px;padding:18px}.stat span{display:block;color:#777;font-size:13px}.stat b{display:block;font-size:24px;margin-top:6px}.stat.warn{background:#fff3db}.filters{margin:14px 0}.filterrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filterrow input,.filterrow select{flex:1;min-width:180px}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;background:#eee}.status.payment_submitted{background:#fff0c2}.status.confirmed,.status.preparing{background:#e6f3ff}.status.shipped{background:#def6e5}.status.cancelled{background:#f8dddd}.status.staff_review{background:#f3e8ff}.stockform{display:flex;gap:5px;align-items:center;margin-bottom:5px}.stockform input{width:80px}.lowrow{background:#fff7e9}.tracking{font-size:20px}.shipment{margin:16px 0}.trackwrap{max-width:760px;margin:auto}.error{background:#ffe5e5;padding:10px;border-radius:10px}.trackingbox{background:#f7f0e6;padding:18px;border-radius:14px;text-align:center;font-size:18px}.trackingbox b{font-size:26px}.timeline{display:flex;justify-content:space-between;gap:4px;margin:24px 0}.step{flex:1;text-align:center;color:#aaa;position:relative}.step:before{content:"";height:3px;background:#ddd;position:absolute;left:-50%;right:50%;top:12px;z-index:0}.step:first-child:before{display:none}.step span{position:relative;z-index:1;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ddd;color:#fff}.step small{display:block;margin-top:5px;font-size:9px;word-break:break-word}.step.done{color:#226c3b}.step.done span,.step.done:before{background:#3a9b59}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.timeline{overflow:auto}.step{min-width:100px}}
.authwrap{max-width:520px;margin:45px auto}.memberstats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.accountgrid{margin-top:18px}.addresscard{border:1px solid #eadfce;border-radius:13px;padding:14px;margin:10px 0}.addresscard p{margin:8px 0}.stats5{grid-template-columns:repeat(5,1fr)}.linepanel{margin:18px 0}.linepanel code{background:#f4ece3;padding:2px 6px;border-radius:6px}@media(max-width:1000px){.stats5{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){header{height:auto;padding-top:14px;padding-bottom:14px;gap:12px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.memberstats{grid-template-columns:1fr}.actions{flex-wrap:wrap}}

/* ===== Superbox Home 2026 ===== */
:root{
  --sb-dark-red:#7b1e18;
  --sb-red:#a92b20;
  --sb-orange:#d96b28;
  --sb-brown:#6b4032;
  --sb-cream:#fff6e8;
  --sb-soft-cream:#fffaf3;
  --sb-white:#ffffff;
  --sb-text:#402d27;
}

.home-hero{
  margin:28px 0 48px;
  padding:48px;
  border-radius:28px;
  background:linear-gradient(135deg,var(--sb-dark-red),var(--sb-red) 58%,var(--sb-orange));
  color:var(--sb-white);
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:36px;
  align-items:center;
  box-shadow:0 16px 40px rgba(91,34,25,.16);
}

.hero-badge{
  display:inline-block;
  padding:7px 13px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}

.home-hero h1{
  margin:0 0 14px;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
  color:#fff;
}

.home-hero-content p{
  margin:0 0 25px;
  line-height:1.8;
  color:#fff4eb;
  font-size:16px;
}

.hero-button{
  display:inline-block;
  padding:13px 23px;
  border-radius:12px;
  background:var(--sb-white);
  color:var(--sb-dark-red);
  text-decoration:none;
  font-weight:800;
  transition:.2s ease;
}

.hero-button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}

.hero-highlights{
  display:grid;
  gap:12px;
}

.hero-highlights div{
  padding:17px 19px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  backdrop-filter:blur(4px);
}

.hero-highlights strong,
.hero-highlights span{
  display:block;
}

.hero-highlights strong{
  margin-bottom:3px;
  color:#fff;
}

.hero-highlights span{
  color:#ffe8d8;
  font-size:14px;
}

.category-section{
  padding-bottom:50px;
}

.section-heading{
  margin-bottom:24px;
  text-align:center;
}

.section-heading > span{
  color:var(--sb-orange);
  font-weight:800;
  font-size:14px;
}

.section-heading h2{
  margin:5px 0 6px;
  color:var(--sb-dark-red);
  font-size:32px;
}

.section-heading p{
  margin:0;
  color:#7c665d;
}

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

.category-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #f0dfd1;
  border-radius:20px;
  background:var(--sb-white);
  color:var(--sb-text);
  text-decoration:none;
  box-shadow:0 6px 22px rgba(90,54,38,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.category-card:hover{
  transform:translateY(-5px);
  border-color:#e0aa86;
  box-shadow:0 15px 32px rgba(90,54,38,.13);
}

.category-image{
  height:225px;
  overflow:hidden;
  background:var(--sb-soft-cream);
}

.category-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s ease;
}

.category-card:hover .category-image img{
  transform:scale(1.025);
}

.category-info{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:19px 20px 21px;
}

.category-info h3{
  margin:0 0 6px;
  color:var(--sb-dark-red);
  font-size:21px;
}

.category-info p{
  margin:0 0 8px;
  color:var(--sb-brown);
}

.category-count{
  margin-bottom:18px;
  color:#96776b;
  font-size:13px;
}

.category-link{
  margin-top:auto;
  color:var(--sb-red);
  font-weight:800;
}

body{
  background:#fffaf4;
}

@media (max-width:850px){
  .home-hero{
    grid-template-columns:1fr;
    padding:34px 26px;
  }

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

@media (max-width:560px){
  .home-hero{
    margin-top:16px;
    padding:30px 21px;
    border-radius:20px;
  }

  .home-hero h1{
    font-size:38px;
  }

  .category-grid{
    grid-template-columns:1fr;
    gap:17px;
  }

  .category-image{
    height:230px;
  }
}


/* ===== Superbox compact category banners ===== */
.category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.category-card{
  position:relative;
  display:grid;
  grid-template-columns:44% 56%;
  min-height:190px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
}

.category-image{
  grid-column:2;
  grid-row:1;
  height:190px;
  background:#fff8ef;
  overflow:hidden;
}

.category-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.category-info{
  grid-column:1;
  grid-row:1;
  z-index:2;
  padding:22px 8px 18px 20px;
  justify-content:center;
  background:linear-gradient(90deg,#fff8ef 0%,#fff8ef 78%,rgba(255,248,239,.75) 100%);
}

.category-info h3{
  margin:0 0 7px;
  font-size:21px;
  line-height:1.25;
  color:#801b16;
}

.category-info p{
  margin:0 0 5px;
  font-size:14px;
  line-height:1.45;
}

.category-count{
  margin:0 0 12px;
  font-size:12px;
}

.category-link{
  display:inline-block;
  align-self:flex-start;
  width:max-content;
  margin-top:2px;
  padding:8px 15px;
  border-radius:999px;
  background:#a91f18;
  color:#fff;
  font-size:13px;
  line-height:1;
}

.category-card:nth-child(even){
  background:linear-gradient(135deg,#8d1815,#c52e1c);
}

.category-card:nth-child(even) .category-info{
  background:linear-gradient(90deg,#8d1815 0%,#a51d17 80%,rgba(165,29,23,.72) 100%);
}

.category-card:nth-child(even) .category-info h3,
.category-card:nth-child(even) .category-info p,
.category-card:nth-child(even) .category-count{
  color:#fff;
}

.category-card:nth-child(even) .category-link{
  background:#e76c2c;
  color:#fff;
}

.category-card:nth-child(even) .category-image{
  background:#fff5e8;
}

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

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

  .category-card{
    grid-template-columns:45% 55%;
    min-height:175px;
  }

  .category-image{
    height:175px;
  }

  .category-info{
    padding:18px 6px 16px 16px;
  }

  .category-info h3{
    font-size:19px;
  }
}


/* ===== Superbox product hero ===== */
.home-hero.hero-product{
  position:relative;
  overflow:hidden;
  min-height:410px;
  padding:42px 48px;
  grid-template-columns:46% 54%;
  gap:10px;
  background:
    radial-gradient(circle at 80% 40%,rgba(224,105,42,.20),transparent 38%),
    linear-gradient(120deg,#fffaf3 0%,#fff1df 60%,#f6d5b6 100%);
  color:#552016;
  border:1px solid #f0dac6;
  box-shadow:0 16px 38px rgba(100,55,35,.12);
}

.hero-product .home-hero-content{
  position:relative;
  z-index:2;
}

.hero-product .hero-badge{
  margin-bottom:13px;
  border:1px solid #b84a30;
  color:#8b2019;
  background:#fff7ec;
}

.hero-product h1{
  margin:0;
  color:#53190f;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1.03;
  letter-spacing:-1px;
}

.hero-product h2{
  margin:10px 0 14px;
  color:#7d261c;
  font-size:clamp(25px,2.5vw,38px);
  line-height:1.2;
}

.hero-product h2 span{
  color:#bd2b20;
}

.hero-product .home-hero-content p{
  margin:0 0 17px;
  color:#65443a;
  line-height:1.65;
}

.hero-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
}

.hero-benefits span{
  padding:8px 11px;
  border-radius:10px;
  background:rgba(255,255,255,.75);
  border:1px solid #ead0ba;
  color:#6e271d;
  font-size:13px;
  font-weight:700;
}

.hero-product .hero-button{
  background:#a91f18;
  color:#fff;
}

.hero-product-photo{
  position:relative;
  align-self:stretch;
  min-width:0;
  overflow:hidden;
  border-radius:20px;
}

.hero-product-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#fff2df 0%,rgba(255,242,223,.25) 22%,transparent 48%);
  pointer-events:none;
}

.hero-product-photo img{
  width:100%;
  height:100%;
  min-height:325px;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
}

@media(max-width:850px){
  .home-hero.hero-product{
    grid-template-columns:1fr;
    padding:30px 24px;
  }

  .hero-product-photo{
    height:280px;
  }

  .hero-product-photo img{
    min-height:280px;
  }
}

@media(max-width:560px){
  .hero-product h1{
    font-size:40px;
  }

  .hero-product h2{
    font-size:25px;
  }

  .hero-benefits{
    display:grid;
  }

  .hero-product-photo{
    height:230px;
  }

  .hero-product-photo img{
    min-height:230px;
  }
}


/* ===== Superbox premium header ===== */
.site-header{
  max-width:none;
  width:100%;
  padding:20px 4.5% 14px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto;
  grid-template-areas:
    "brand services"
    "nav nav";
  gap:14px 30px;
  align-items:center;
  background:#fff;
  border-bottom:1px solid #ead8ca;
}

.header-brand{
  grid-area:brand;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.site-header .logo{
  font-size:38px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.5px;
  color:#c92920;
}

.site-header .logo span{
  color:#713421;
}

.header-tagline{
  margin-top:7px;
  color:#593226;
  font-size:15px;
  font-weight:700;
}

.header-services{
  grid-area:services;
  display:flex;
  align-items:center;
}

.header-service{
  min-width:175px;
  padding:5px 20px;
  display:flex;
  gap:11px;
  align-items:center;
  border-left:1px solid #e3b9a4;
}

.header-service:first-child{
  border-left:0;
}

.service-icon{
  font-size:29px;
  line-height:1;
}

.header-service b,
.header-service small{
  display:block;
}

.header-service b{
  color:#54251c;
  font-size:14px;
}

.header-service small{
  margin-top:2px;
  color:#805c50;
  font-size:12px;
}

.main-nav{
  grid-area:nav;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:10px;
  border-top:1px solid #f1e5dc;
}

.main-nav a{
  padding:8px 12px;
  border-radius:9px;
  color:#63362a;
  text-decoration:none;
  font-weight:700;
}

.main-nav a:hover{
  background:#fff1e5;
  color:#a91f18;
}

.main-nav .cart-link{
  background:#a91f18;
  color:#fff;
}

.main-nav .cart-link:hover{
  background:#861713;
  color:#fff;
}

@media(max-width:1000px){
  .site-header{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "services"
      "nav";
  }

  .header-services{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .header-service:first-child{
    padding-left:0;
  }

  .main-nav{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:600px){
  .site-header{
    padding:17px 20px 12px;
  }

  .site-header .logo{
    font-size:31px;
  }

  .header-services{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .header-service{
    min-width:0;
    padding:8px 0;
    border-left:0;
    border-bottom:1px solid #f1e5dc;
  }

  .service-icon{
    font-size:23px;
  }

  .main-nav{
    gap:2px;
  }

  .main-nav a{
    padding:7px 8px;
    font-size:13px;
  }
}


/* ===== Superbox premium header ===== */
.site-header{
  max-width:none;
  width:100%;
  padding:20px 4.5% 14px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto;
  grid-template-areas:
    "brand services"
    "nav nav";
  gap:14px 30px;
  align-items:center;
  background:#fff;
  border-bottom:1px solid #ead8ca;
}

.header-brand{
  grid-area:brand;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.site-header .logo{
  font-size:38px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.5px;
  color:#c92920;
}

.site-header .logo span{
  color:#713421;
}

.header-tagline{
  margin-top:7px;
  color:#593226;
  font-size:15px;
  font-weight:700;
}

.header-services{
  grid-area:services;
  display:flex;
  align-items:center;
}

.header-service{
  min-width:175px;
  padding:5px 20px;
  display:flex;
  gap:11px;
  align-items:center;
  border-left:1px solid #e3b9a4;
}

.header-service:first-child{
  border-left:0;
}

.service-icon{
  font-size:29px;
  line-height:1;
}

.header-service b,
.header-service small{
  display:block;
}

.header-service b{
  color:#54251c;
  font-size:14px;
}

.header-service small{
  margin-top:2px;
  color:#805c50;
  font-size:12px;
}

.main-nav{
  grid-area:nav;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:10px;
  border-top:1px solid #f1e5dc;
}

.main-nav a{
  padding:8px 12px;
  border-radius:9px;
  color:#63362a;
  text-decoration:none;
  font-weight:700;
}

.main-nav a:hover{
  background:#fff1e5;
  color:#a91f18;
}

.main-nav .cart-link{
  background:#a91f18;
  color:#fff;
}

.main-nav .cart-link:hover{
  background:#861713;
  color:#fff;
}

@media(max-width:1000px){
  .site-header{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "services"
      "nav";
  }

  .header-services{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .header-service:first-child{
    padding-left:0;
  }

  .main-nav{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:600px){
  .site-header{
    padding:17px 20px 12px;
  }

  .site-header .logo{
    font-size:31px;
  }

  .header-services{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .header-service{
    min-width:0;
    padding:8px 0;
    border-left:0;
    border-bottom:1px solid #f1e5dc;
  }

  .service-icon{
    font-size:23px;
  }

  .main-nav{
    gap:2px;
  }

  .main-nav a{
    padding:7px 8px;
    font-size:13px;
  }
}

/* ===== SUPERBOX HEADER CLEAN FINAL ===== */

.site-header{
  box-sizing:border-box !important;
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:18px 5% 0 !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) auto !important;
  grid-template-areas:
    "brand services"
    "nav nav" !important;
  gap:14px 30px !important;
  align-items:center !important;
  overflow:visible !important;
  background:#fff !important;
  border-bottom:1px solid #ead8ca !important;
}

.header-brand{
  grid-area:brand !important;
  position:static !important;
  min-width:0;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.header-tagline{
  position:static !important;
  display:block !important;
  margin:7px 0 0 !important;
  color:#593226 !important;
  font-size:15px !important;
  line-height:1.4 !important;
}

.header-services{
  grid-area:services !important;
  position:static !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}

.main-nav{
  grid-area:nav !important;
  position:static !important;
  width:100% !important;
  height:auto !important;
  min-height:48px !important;
  margin:0 !important;
  padding:9px 0 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  border-top:1px solid #f0dfd4 !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
}

.main-nav a{
  position:static !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

main{
  position:relative !important;
  display:block !important;
  clear:both !important;
}

@media(max-width:1100px){
  .site-header{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "nav"
      "services" !important;
  }

  .header-services{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  .main-nav{
    justify-content:flex-start !important;
  }
}


/* ===== SUPERBOX LOGO IMAGE ===== */
.logo-image{
  display:block !important;
  width:220px !important;
  max-width:100% !important;
  padding:0 !important;
  line-height:0 !important;
}

.logo-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:600px){
  .logo-image{
    width:180px !important;
  }
}


/* ===== SUPERBOX LOGO SIZE FINAL ===== */
.logo-image{
  width:280px !important;
}

@media(max-width:600px){
  .logo-image{
    width:200px !important;
  }
}


/* ===== BILINGUAL TEXT ===== */

.header-tagline small,
.main-nav small,
.hero-product small,
.section-heading small,
.category-info small{
  font-size:.78em;
  font-weight:600;
}

.header-tagline small{
  margin-left:6px;
  opacity:.72;
}

.header-service b em{
  display:block;
  margin-top:2px;
  font-size:11px;
  font-style:normal;
  font-weight:600;
  opacity:.72;
}

.main-nav a small{
  margin-left:3px;
  font-weight:500;
  opacity:.7;
}

.home-hero h1 small,
.home-hero h2 small{
  display:block;
  margin-top:8px;
  font-size:16px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.1px;
}

.home-hero h1 small{
  color:#713421;
}

.home-hero h2 small{
  color:#8a5a49;
}

.hero-benefits small{
  display:block;
  margin-top:2px;
  font-size:10px;
  opacity:.72;
}

.hero-button small{
  font-size:12px;
}

.section-heading h2 small{
  display:block;
  margin-top:3px;
  font-size:15px;
  font-weight:600;
  opacity:.7;
}

.category-info h3 .category-en{
  display:block;
  margin-top:4px;
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  opacity:.72;
}

.category-detail-en{
  display:block;
  margin-top:3px;
  opacity:.7;
}

.category-count small{
  font-size:11px;
  opacity:.72;
}

@media(max-width:600px){
  .header-tagline small,
  .main-nav a small{
    display:block;
    margin-left:0;
  }

  .home-hero h1 small{
    font-size:14px;
  }

  .home-hero h2 small{
    font-size:13px;
  }
}


/* ===== BILINGUAL HERO BALANCE ===== */
.home-hero-content{
  min-width:0;
}

.home-hero h1{
  font-size:clamp(44px,4vw,68px) !important;
  line-height:1.05 !important;
  letter-spacing:-1px;
}

.home-hero h1 small{
  display:block;
  margin-top:10px;
  font-size:16px !important;
  line-height:1.3;
  letter-spacing:0;
}

.home-hero h2{
  font-size:clamp(25px,2.25vw,38px) !important;
  line-height:1.15 !important;
}

.home-hero h2 small{
  display:block;
  margin-top:8px;
  font-size:15px !important;
  line-height:1.35;
}


/* ===== BILINGUAL CATEGORY PAGE POLISH ===== */

.category-title-en{
  display:block;
  margin-top:6px;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  color:#a64a36;
}

.products .pill{
  line-height:1.25;
}

.products .pill small{
  display:block;
  margin-top:3px;
  font-size:11px;
  font-weight:500;
  opacity:.75;
}

.products .card h3{
  margin-top:20px;
}

.products .card .muted{
  line-height:1.55;
}


/* Compact desktop header */
@media(min-width:1001px){
  .site-header{
    padding-top:10px;
    padding-bottom:8px;
    gap:6px 30px;
  }
  .header-tagline{
    margin-top:4px;
  }
  .header-service{
    padding-top:2px;
    padding-bottom:2px;
  }
  .main-nav{
    padding-top:5px;
  }
  .main-nav a{
    padding-top:6px;
    padding-bottom:6px;
  }
}

/* Compact header override v2 */
@media(min-width:1001px){
  .site-header{
    padding:8px 5% 0 !important;
    gap:4px 30px !important;
  }
  .header-tagline{
    margin-top:3px !important;
  }
  .header-service{
    padding-top:2px !important;
    padding-bottom:2px !important;
  }
  .main-nav{
    min-height:38px !important;
    padding:4px 0 5px !important;
  }
  .main-nav a{
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
}

/* ===== SUPERBOX COMPACT DESKTOP HEADER V3 ===== */
@media(min-width:1101px){
  .site-header{
    padding:8px 4.5% 0 !important;
    grid-template-columns:330px 1fr !important;
    grid-template-areas:
      "brand services"
      "brand nav" !important;
    column-gap:28px !important;
    row-gap:0 !important;
    align-items:center !important;
  }

  .header-brand{
    align-self:center !important;
  }

  .header-tagline{
    margin-top:3px !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .header-services{
    align-self:end !important;
    min-height:0 !important;
  }

  .header-service{
    min-width:0 !important;
    padding:2px 16px !important;
  }

  .service-icon{
    font-size:24px !important;
  }

  .header-service b{
    font-size:13px !important;
  }

  .header-service small{
    font-size:11px !important;
    margin-top:1px !important;
  }

  .main-nav{
    min-height:34px !important;
    padding:3px 0 4px !important;
    margin-top:4px !important;
    align-self:start !important;
  }

  .main-nav a{
    padding:4px 10px !important;
  }
}

/* Keep desktop header tagline on one line */
@media(min-width:1101px){
  .header-tagline{
    white-space:nowrap !important;
  }
}

/* Tagline breathing space */
@media(min-width:1101px){
  .header-tagline{
    margin-bottom:7px !important;
  }
}

/* ===== SWAP NAV AND SERVICES ROWS ===== */
@media(min-width:1101px){
  .site-header{
    grid-template-areas:
      "brand nav"
      "brand services" !important;
  }

  .main-nav{
    align-self:end !important;
    margin-top:0 !important;
    margin-bottom:4px !important;
  }

  .header-services{
    align-self:start !important;
  }
}

/* ===== CLEAR DESKTOP NAV BUTTONS ===== */
@media(min-width:1101px){
  .main-nav a:not(.cart-link){
    background:#fff7f0 !important;
    border:1px solid #d9a38d !important;
    border-radius:9px !important;
    padding:7px 13px !important;
    box-shadow:0 1px 2px rgba(90,40,25,.06) !important;
    transition:.2s ease !important;
  }

  .main-nav a:not(.cart-link):hover{
    background:#f6e5d8 !important;
    border-color:#b92b22 !important;
    color:#8f1f19 !important;
  }
}

/* ===== EQUAL SOLID DESKTOP NAV BUTTONS ===== */
@media(min-width:1101px){
  .main-nav{
    display:grid !important;
    grid-template-columns:repeat(4, 190px) !important;
    justify-content:end !important;
    gap:8px !important;
  }

  .main-nav a{
    width:190px !important;
    height:44px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 10px !important;
    border-radius:9px !important;
    white-space:nowrap !important;
  }

  .main-nav a:not(.cart-link){
    background:#7a3f2b !important;
    border:1px solid #7a3f2b !important;
    color:#fff !important;
  }

  .main-nav a:not(.cart-link):hover{
    background:#963c29 !important;
    border-color:#963c29 !important;
    color:#fff !important;
  }

  .main-nav .cart-link{
    background:#b82018 !important;
    border:1px solid #b82018 !important;
    color:#fff !important;
  }
}

/* ===== ORANGE NAV BUTTONS ===== */
@media(min-width:1101px){
  .main-nav a,
  .main-nav a:not(.cart-link),
  .main-nav .cart-link{
    background:#e56b2f !important;
    border-color:#e56b2f !important;
    color:#fff !important;
  }

  .main-nav a:hover,
  .main-nav a:not(.cart-link):hover,
  .main-nav .cart-link:hover{
    background:#c9501d !important;
    border-color:#c9501d !important;
    color:#fff !important;
  }
}

/* Red cart button */
@media(min-width:1101px){
  .main-nav .cart-link{
    background:#c5221f !important;
    border-color:#c5221f !important;
    color:#fff !important;
  }

  .main-nav .cart-link:hover{
    background:#a71917 !important;
    border-color:#a71917 !important;
    color:#fff !important;
  }
}

/* Space between Cart and cart count */
#cartCount{
  margin-left:6px !important;
}

/* ===== CATEGORY PRICE LIST IMAGES ===== */
.category-price-images{
  margin:20px 0 28px;
}

.category-price-images h2{
  margin:0 0 14px;
}

.category-price-images h2 small{
  font-size:14px;
  font-weight:500;
  color:#777;
}

.category-price-images img{
  display:block;
  width:100%;
  max-width:1100px;
  height:auto;
  margin:0 auto 16px;
  border-radius:12px;
}

@media(max-width:700px){
  .category-price-images{
    margin:16px 0 22px;
  }

  .category-price-images img{
    border-radius:8px;
    margin-bottom:12px;
  }
}

/* ===== STRETCH FILM SIDE-BY-SIDE LAYOUT ===== */
.stretch-shop-layout{
  display:grid;
  grid-template-columns:42% 58%;
  gap:24px;
  align-items:start;
  margin:20px 0 28px;
}

.stretch-price-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}

.stretch-products .grid.products{
  grid-template-columns:1fr !important;
  margin:0 !important;
}

.stretch-products .card{
  margin:0 !important;
}

@media(max-width:700px){
  .stretch-shop-layout{
    grid-template-columns:1fr;
    gap:16px;
  }

  .stretch-price-image{
    max-width:520px;
    margin:0 auto;
  }
}

/* ===== BUBBLE SIDE-BY-SIDE LAYOUT ===== */
.bubble-shop-layout{
  display:grid;
  grid-template-columns:42% 58%;
  gap:24px;
  align-items:start;
  margin:20px 0 28px;
}

.bubble-price-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}

.bubble-products .grid.products{
  grid-template-columns:1fr !important;
  margin:0 !important;
}

.bubble-products .card{
  margin:0 !important;
}

@media(max-width:700px){
  .bubble-shop-layout{
    grid-template-columns:1fr;
    gap:16px;
  }

  .bubble-price-image{
    max-width:520px;
    margin:0 auto;
  }
}

/* ===== BUBBLE TOP IMAGE + 3 PRODUCTS ROW ===== */
.bubble-shop-layout{
  display:block !important;
  margin:20px 0 28px !important;
}

.bubble-price-image{
  width:100% !important;
  margin:0 auto 24px !important;
  text-align:center;
}

.bubble-price-image img{
  display:block !important;
  width:100% !important;
  max-width:1100px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
}

.bubble-products .grid.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}

.bubble-products .card{
  margin:0 !important;
  width:auto !important;
}

@media(max-width:700px){
  .bubble-products .grid.products{
    grid-template-columns:1fr !important;
  }

  .bubble-price-image{
    margin-bottom:16px !important;
  }
}

/* ===== POLY MAILERS TOP IMAGE + 3 PRODUCTS PER ROW ===== */
.mailer-shop-layout{
  display:block !important;
  margin:20px 0 28px !important;
}

.mailer-price-image{
  width:100% !important;
  margin:0 auto 24px !important;
  text-align:center;
}

.mailer-price-image img{
  display:block !important;
  width:100% !important;
  max-width:1100px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
}

.mailer-products .grid.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}

.mailer-products .card{
  margin:0 !important;
  width:auto !important;
}

@media(max-width:700px){
  .mailer-products .grid.products{
    grid-template-columns:1fr !important;
  }

  .mailer-price-image{
    margin-bottom:16px !important;
  }
}

/* ===== POLY MAILERS COMPACT NAME + EMPHASIZED SIZE ===== */
.mailer-products .card h3{
  margin-bottom:8px !important;
}

.mailer-products .card h3 + p{
  margin-top:0 !important;
  margin-bottom:16px !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#8b3f18 !important;
}

/* ===== PADDED ENVELOPES PRICE IMAGE ===== */
.padded-shop-layout{
  display:grid !important; grid-template-columns:minmax(0,45fr) minmax(0,55fr) !important; gap:20px !important; align-items:start !important;
  margin:20px 0 28px !important;
}

.padded-price-image{
  width:100% !important;
  margin:0 auto 24px !important;
  text-align:center;
}

.padded-price-image img{
  display:block !important;
  width:100% !important;
  max-width:540px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
}

@media(max-width:700px){
  .padded-price-image img{
    max-width:100% !important;
  }

  .padded-price-image{
    margin-bottom:16px !important;
  }
}
.padded-products .grid.products{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
@media(max-width:700px){
  .padded-shop-layout{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .padded-products .grid.products{
    grid-template-columns:1fr !important;
  }
}

/* ===== PADDED COLOR SELECTOR ===== */
.padded-color-picker{
  margin:14px 0 16px;
}
.padded-color-title{
  margin-bottom:8px;
  font-weight:600;
}
.padded-color-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.padded-color-btn{
  padding:8px 12px;
  border:2px solid transparent;
  border-radius:9px;
  font-size:14px;
  cursor:pointer;
  transition:.15s ease;
}
.padded-color-btn.white{
  background:#fff;
  color:#333;
  border-color:#d5d5d5;
}
.padded-color-btn.blue{
  background:#cfeaff;
  color:#18364d;
  border-color:#b5d9f4;
}
.padded-color-btn.pink{
  background:#ffd8e3;
  color:#56303a;
  border-color:#f2bdcc;
}
.padded-color-btn.active{
  border-color:#333 !important;
  box-shadow:0 0 0 2px rgba(0,0,0,.08);
}
.padded-color-btn.active{
  border:3px solid #222 !important;
  box-shadow:0 0 0 3px rgba(0,0,0,.14),0 4px 10px rgba(0,0,0,.12) !important;
  font-weight:700 !important;
  transform:translateY(-2px);
}
/* ===== MOBILE NAV BUTTON COLORS ===== */
@media(max-width:1100px){
  .main-nav a:not(.cart-link){
    background:#e56b2f !important;
    border:1px solid #e56b2f !important;
    color:#fff !important;
    border-radius:9px !important;
  }

  .main-nav .cart-link{
    background:#c5221f !important;
    border:1px solid #c5221f !important;
    color:#fff !important;
    border-radius:9px !important;
  }
}
/* ===== MOBILE NAV ONE ROW ===== */
@media(max-width:600px){
  .main-nav{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
  }

  .main-nav a,
  .main-nav a:not(.cart-link),
  .main-nav .cart-link{
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    padding:5px 3px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .main-nav a small{
    display:block !important;
    font-size:10px !important;
    line-height:1.1 !important;
    margin-top:2px !important;
  }

  #cartCount{
    margin-left:3px !important;
  }
}
/* ===== COMPACT MOBILE NAV ===== */
@media(max-width:600px){
  .main-nav{
    gap:4px !important;
  }

  .main-nav a,
  .main-nav a:not(.cart-link),
  .main-nav .cart-link{
    height:44px !important;
    padding:3px 2px !important;
    font-size:11px !important;
    line-height:1.05 !important;
    border-radius:7px !important;
    letter-spacing:-0.2px !important;
  }

  .main-nav a small{
    font-size:9px !important;
    line-height:1 !important;
    margin-top:2px !important;
  }

  #cartCount{
    margin-left:2px !important;
  }
}
/* ===== CENTERED COMPACT MOBILE BRAND ===== */
@media(max-width:600px){
  .header-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:10px 0 8px !important;
    margin:0 !important;
  }

  .logo-image{
    width:180px !important;
    margin:0 auto !important;
  }

  .header-tagline{
    text-align:center !important;
    margin-top:6px !important;
  }

  .main-nav{
    margin:0 auto !important;
    padding:6px 0 10px !important;
  }
}
/* ===== MOBILE BRAND SIZE & SPACING ===== */
@media(max-width:600px){
  .logo-image{
    width:220px !important;
    max-width:70vw !important;
    margin:0 auto !important;
  }

  .header-tagline{
    margin-top:-2px !important;
    padding-top:0 !important;
    line-height:1.25 !important;
  }

  .header-brand{
    padding:6px 0 5px !important;
    gap:0 !important;
  }
}
/* ===== TIGHT MOBILE LOGO + TAGLINE ===== */
@media(max-width:600px){
  .header-tagline{
    margin-top:-16px !important;
    padding-top:0 !important;
  }
}
/* ===== COMPACT MOBILE SERVICES ===== */
@media(max-width:600px){
  .header-services{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    gap:0 !important;
    padding:6px 0 8px !important;
    margin:0 !important;
    align-items:stretch !important;
  }

  .header-service{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    gap:2px !important;
    padding:5px 3px !important;
    margin:0 !important;
    min-width:0 !important;
    border-bottom:0 !important;
    border-right:1px solid #eadfd8 !important;
  }

  .header-service:last-child{
    border-right:0 !important;
  }

  .header-service .service-icon{
    font-size:20px !important;
    line-height:1 !important;
    margin:0 0 3px !important;
  }

  .header-service > span:last-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
  }

  .header-service b{
    font-size:12px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  .header-service em{
    display:none !important;
  }

  .header-service small{
    font-size:10px !important;
    line-height:1.15 !important;
    margin-top:3px !important;
  }

  .header-service:nth-child(1) small,
  .header-service:nth-child(2) small{
    font-size:0 !important;
  }

  .header-service:nth-child(1) small::after{
    content:"KEX 1–3 วัน";
    font-size:10px !important;
  }

  .header-service:nth-child(2) small::after{
    content:"กทม.-ปริมณฑล";
    font-size:10px !important;
  }

  .header-service:nth-child(3) b{
    font-size:0 !important;
  }

  .header-service:nth-child(3) b::before{
    content:"ใบกำกับภาษี";
    font-size:12px !important;
  }

  .header-service:nth-child(3) > span:last-child::after{
    content:"✓";
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1 !important;
    margin-top:3px !important;
  }
}
/* ===== ULTRA COMPACT MOBILE SERVICES ===== */
@media(max-width:600px){
  .header-services{
    padding:2px 0 3px !important;
    margin:-2px 0 0 !important;
  }

  .header-service{
    display:grid !important;
    grid-template-columns:auto auto !important;
    grid-template-rows:auto auto !important;
    justify-content:center !important;
    align-items:center !important;
    column-gap:4px !important;
    row-gap:2px !important;
    padding:4px 2px !important;
  }

  .header-service .service-icon{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:15px !important;
    margin:0 !important;
    line-height:1 !important;
  }

  .header-service > span:last-child{
    display:contents !important;
  }

  .header-service b{
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:11px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  .header-service small{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1 !important;
  }

  .header-service:nth-child(3) > span:last-child::after{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1 !important;
  }
}
/* ===== MOBILE TAX INVOICE LABEL ===== */
@media(max-width:600px){
  .header-service:nth-child(3) > span:last-child::after{
    content:"Invoice ✓" !important;
    font-size:9px !important;
    white-space:nowrap !important;
  }
}
/* ===== COMPACT MOBILE HOME HERO ===== */
@media(max-width:600px){
  .home-hero{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .home-hero-content{
    gap:0 !important;
  }

  .hero-badge{
    margin-bottom:14px !important;
  }

  .home-hero h1{
    font-size:30px !important;
    line-height:1.12 !important;
    margin:0 0 10px !important;
    letter-spacing:-0.5px !important;
  }

  .home-hero h1 small{
    display:block !important;
    font-size:14px !important;
    line-height:1.2 !important;
    margin-top:5px !important;
  }

  .home-hero h2{
    font-size:21px !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
  }

  .home-hero h2 small{
    display:block !important;
    font-size:12px !important;
    line-height:1.2 !important;
    margin-top:4px !important;
  }

  .home-hero-content > p{
    font-size:14px !important;
    line-height:1.35 !important;
    margin:0 0 12px !important;
  }

  .hero-benefits{
    gap:7px !important;
    margin:0 0 14px !important;
  }

  .hero-benefits > span{
    padding:8px 12px !important;
    min-height:0 !important;
    font-size:14px !important;
    line-height:1.15 !important;
  }

  .hero-benefits small{
    font-size:10px !important;
    line-height:1.1 !important;
    margin-top:2px !important;
  }

  .hero-button{
    padding:12px 14px !important;
    min-height:0 !important;
    font-size:16px !important;
  }

  .hero-button small{
    font-size:12px !important;
  }
}
/* ===== MOBILE HERO FINAL COMPACT ===== */
@media(max-width:600px){
  .home-hero.hero-product{
    padding:14px 14px 16px !important;
  }

  .hero-product .home-hero-content{
    min-width:0 !important;
  }

  .home-hero h1{
    font-size:25px !important;
    line-height:1.12 !important;
    letter-spacing:-0.7px !important;
    overflow-wrap:normal !important;
    word-break:keep-all !important;
    margin-bottom:7px !important;
  }

  .home-hero h1 small{
    font-size:12px !important;
    margin-top:4px !important;
  }

  .home-hero h2{
    font-size:18px !important;
    line-height:1.1 !important;
    margin-bottom:7px !important;
  }

  .home-hero h2 small{
    font-size:11px !important;
    margin-top:3px !important;
  }

  .home-hero-content > p{
    font-size:12px !important;
    line-height:1.25 !important;
    margin-bottom:9px !important;
  }

  .hero-benefits{
    gap:5px !important;
    margin-bottom:10px !important;
  }

  .hero-benefits > span{
    padding:6px 10px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    border-radius:10px !important;
  }

  .hero-benefits small{
    font-size:9px !important;
    margin-top:1px !important;
  }

  .hero-button{
    padding:10px 12px !important;
    font-size:14px !important;
  }

  .hero-button small{
    font-size:10px !important;
  }
}

/* ===== SUPERBOX CONTACT FOOTER ===== */
.site-footer{
  background:#2b211c;
  color:#fff;
  margin-top:35px;
  padding:20px max(18px,calc((100% - 1180px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  text-align:left;
}

.footer-brand b{
  font-size:20px;
  letter-spacing:1px;
  color:#fff;
  white-space:nowrap;
}

.footer-contact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  flex-wrap:wrap;
  font-size:14px;
}

.footer-contact > b{
  color:#f3a36f;
  font-size:15px;
}

.footer-contact > b span{
  color:#d8c9c0;
  font-weight:500;
}

.footer-contact > span{
  color:#fff;
  white-space:nowrap;
}

@media(max-width:600px){
  .site-footer{
    padding:16px 18px !important;
    flex-direction:column !important;
    gap:7px !important;
    text-align:center !important;
  }

  .footer-brand b{
    font-size:17px !important;
  }

  .footer-contact{
    justify-content:center !important;
    gap:5px 14px !important;
    font-size:12px !important;
  }

  .footer-contact > b{
    width:100% !important;
    font-size:13px !important;
  }
}

/* ===== COMPACT MOBILE FOOTER ===== */
@media(max-width:600px){
  .site-footer{
    padding:11px 14px !important;
    gap:3px !important;
  }

  .footer-brand{
    line-height:1.1 !important;
  }

  .footer-brand b{
    font-size:16px !important;
  }

  .footer-contact{
    gap:2px 12px !important;
    line-height:1.2 !important;
  }

  .footer-contact > b{
    margin:1px 0 !important;
  }
}

/* ===== LOGGED-IN CUSTOMER NAME ===== */
.account-link .account-name{
  display:block;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:700;
}

.account-link small{
  display:block;
}

@media(max-width:600px){
  .account-link .account-name{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .account-link small{
    font-size:9px !important;
    margin-top:2px !important;
  }
}

/* ===== TAPE TOP IMAGE + 3 PRODUCTS PER ROW ===== */
.tape-shop-layout{
  display:block !important;
  margin:20px 0 28px !important;
}

.tape-price-image{
  width:100% !important;
  margin:0 auto 24px !important;
  text-align:center !important;
}

.tape-price-image img{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
}

.tape-products .grid.products{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}

@media(max-width:700px){
  .tape-price-image img{
    max-width:100% !important;
  }

  .tape-price-image{
    margin-bottom:16px !important;
  }

  .tape-products .grid.products{
    grid-template-columns:1fr !important;
  }
}

/* ===== PADDED DESKTOP 2+4 LAYOUT ===== */
@media(min-width:701px){
  .padded-shop-layout{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:start !important;
    margin:20px 0 28px !important;
  }

  .padded-price-image{
    grid-column:span 2 !important;
    width:100% !important;
    margin:0 !important;
  }

  .padded-price-image img{
    display:block !important;
    width:100% !important;
    max-width:540px !important;
    height:auto !important;
    margin:0 auto !important;
  }

  .padded-product-grid{
    display:contents !important;
  }

  .padded-product-grid .card{
    min-width:0 !important;
  }
}

/* ===== HIDE PADDED CATEGORY PILL ===== */
.padded-product-grid .card .pill{
  display:none !important;
}

/* ===== PADDED SIZE TEXT - MAILER STYLE ===== */
.padded-size-text{
  color:#9a3f08 !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  margin:12px 0 18px !important;
}

@media(max-width:700px){
  .padded-size-text{
    font-size:18px !important;
    margin:10px 0 16px !important;
  }
}

/* ===== KRAFT PAPER PRICE IMAGE ===== */
.kraft-price-image{
  width:100% !important;
  margin:20px auto 24px !important;
  text-align:center !important;
}

.kraft-price-image img{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
}

@media(max-width:700px){
  .kraft-price-image{
    margin:16px auto !important;
  }

  .kraft-price-image img{
    max-width:100% !important;
  }
}

/* ===== KRAFT DESKTOP IMAGE LEFT + ORDER CARD RIGHT ===== */
@media(min-width:701px){
  .kraft-shop-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr) !important;
    gap:24px !important;
    align-items:start !important;
    margin:20px 0 28px !important;
  }

  .kraft-shop-layout .kraft-price-image{
    width:100% !important;
    margin:0 !important;
  }

  .kraft-shop-layout .kraft-price-image img{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
  }

  .kraft-shop-layout > .grid.products{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin:0 !important;
  }

  .kraft-shop-layout > .grid.products .card{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:700px){
  .kraft-shop-layout{
    display:block !important;
  }
}

/* ===== KRAFT ORDER CARD ENHANCEMENT ===== */
@media(min-width:701px){
  .kraft-shop-layout > .grid.products .card{
    padding:26px !important;
    width:100% !important;
    max-width:none !important;
  }

  .kraft-shop-layout > .grid.products .card h3{
    font-size:22px !important;
    line-height:1.35 !important;
    margin:18px 0 !important;
  }

  .kraft-shop-layout .padded-size-text{
    font-size:22px !important;
    margin:16px 0 20px !important;
  }

  .kraft-shop-layout > .grid.products .row{
    margin-top:20px !important;
  }
}

/* Superbox cart tier popup */
.tier-popup-overlay{position:fixed;inset:0;background:rgba(35,25,20,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.tier-popup{position:relative;background:#fffdf9;color:#392820;border-radius:20px;padding:30px 24px;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 65px rgba(0,0,0,.22)}
.tier-popup-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:#806e64;font-size:28px;cursor:pointer}
.tier-popup-check{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#e6f5e9;color:#23864b;font-size:32px;line-height:52px}
.tier-popup h2{font-size:21px;margin:0;color:#823b2a}
.tier-popup-subtitle{font-size:13px;color:#8b7c70;margin:5px 0 20px}
.tier-popup-detail{background:#fff2e4;border-radius:14px;padding:20px 15px;margin-bottom:20px}
.tier-popup-detail p{margin:6px 0;font-size:15px}
.tier-popup-amount{font-size:29px;font-weight:800;color:#b94d29;margin:8px 0}
.tier-popup-track{height:10px;background:#ead9cb;border-radius:20px;overflow:hidden;margin-top:18px}
.tier-popup-track div{height:100%;background:#cf793e;border-radius:20px}
.tier-popup-scale{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12px;color:#746257}
.tier-popup-actions{display:flex;gap:10px}
.tier-popup-actions button,.tier-popup-actions a{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 8px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box}
.tier-popup-continue{background:#fff;border:1px solid #b94d29;color:#973f29}
.tier-popup-cart{background:#923f2b;border:1px solid #923f2b;color:#fff}
@media(max-width:400px){.tier-popup{padding:24px 16px}.tier-popup h2{font-size:19px}.tier-popup-amount{font-size:25px}.tier-popup-actions{flex-direction:column}}

/* BOX 3 PRICE IMAGES - RESPONSIVE TWO COLUMNS */
@media (min-width: 701px) {
  .category-price-images:has(img[src*="box3-price-1"]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }
  .category-price-images:has(img[src*="box3-price-1"]) img {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

/* Superbox Easy - Prompt font */

html,body,button,input,textarea,select{font-family:"Prompt",sans-serif!important}

/* Modern Bold Prompt */
body{font-weight:400}
h1,h2{font-weight:700}
h3,h4,h5,h6{font-weight:600}
nav,nav a,.logo{font-weight:600}
button,.button,input[type="submit"]{font-weight:600}
.card h2,.card h3,.panel h2,.panel h3{font-weight:600}

/* Prompt across all website elements */
html,body,body *,button,input,textarea,select{font-family:"Prompt",sans-serif!important}

/* Superbox homepage typography polish */
@media(min-width:801px){
.home-hero h1{font-size:clamp(40px,3.7vw,62px)!important;line-height:1.16!important;font-weight:600!important;letter-spacing:-.4px!important}
.home-hero h2{font-size:clamp(24px,2.1vw,35px)!important;line-height:1.25!important;font-weight:600!important}
.main-nav{gap:20px!important}
.main-nav a{font-weight:500!important}
}
.home-hero h1 small,.home-hero h2 small{font-weight:400!important;letter-spacing:0!important}
.home-hero-content>p{font-weight:400!important;line-height:1.7!important}

/* Superbox desktop navigation refinement */
@media(min-width:801px){
  .main-nav{gap:12px!important}
  .main-nav a{
    padding:9px 15px!important;
    font-weight:500!important;
    line-height:1.3!important;
  }
  .main-nav a small{
    font-weight:400!important;
  }
}

/* Superbox desktop service typography */
@media(min-width:801px){
  .header-services{
    column-gap:18px!important;
  }
  .header-service{
    gap:9px!important;
  }
  .header-service b{
    font-weight:600!important;
    line-height:1.45!important;
  }
  .header-service em{
    font-weight:400!important;
  }
  .header-service small{
    line-height:1.5!important;
    margin-top:3px!important;
  }
}

/* Superbox final hero benefits and button polish */
@media(min-width:801px){
  .hero-product .hero-benefits{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:24px!important;
  }
  .hero-product .hero-benefits>span{
    min-width:0!important;
    padding:10px 8px!important;
    font-size:12px!important;
    line-height:1.45!important;
    text-align:center!important;
  }
  .hero-product .hero-benefits small{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .hero-product .hero-button{
    padding:13px 22px!important;
    border-radius:12px!important;
    font-weight:600!important;
    letter-spacing:.1px!important;
  }
}

/* Superbox account label fix */
@media(min-width:1101px){
  .main-nav .account-link{
    padding:0 6px!important;
    gap:5px!important;
  }
  .main-nav .account-link .account-name{
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:13px!important;
    font-weight:600!important;
    flex-shrink:0!important;
  }
  .main-nav .account-link small{
    font-size:11px!important;
    flex-shrink:0!important;
  }
}

/* Superbox balanced hero benefits */
@media(min-width:801px){
  .hero-product .hero-benefits>span{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:86px!important;
    padding:9px 6px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  .hero-product .hero-benefits small{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.3!important;
    font-weight:400!important;
  }
}

/* Superbox mobile benefits readability v74 */
@media(max-width:600px){
  .hero-product .hero-benefits{
    gap:6px!important;
    margin-bottom:12px!important;
  }
  .hero-product .hero-benefits>span{
    padding:8px 11px!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:600!important;
  }
  .hero-product .hero-benefits small{
    display:block!important;
    font-size:10px!important;
    line-height:1.3!important;
    margin-top:3px!important;
    font-weight:400!important;
  }
}

/* Superbox mobile product search v74 */
@media(max-width:600px){
  .home-product-search form{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .home-product-search input[type="search"]{
    flex:1 1 0!important;
    min-width:0!important;
    width:0!important;
    padding:12px 10px!important;
    font-size:13px!important;
  }
  .home-product-search button{
    flex:0 0 auto!important;
    padding:12px 13px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}

/* SUPERBOX PRODUCT CARD POLISH V1 */
.products .card {
  border-color: #eadfce;
  box-shadow: 0 3px 12px rgba(74, 52, 37, 0.045);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.products .card:hover {
  border-color: #d9b9a5;
  box-shadow: 0 7px 20px rgba(74, 52, 37, 0.09);
}

.products .card h3 {
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.products .card .muted {
  line-height: 1.6;
}

.products .card .row {
  gap: 8px;
  align-items: stretch;
}

.products .card .row input[type="number"] {
  width: 76px;
  min-width: 64px;
  flex: 0 0 76px;
  min-height: 44px;
  margin-top: 0;
  text-align: center;
}

.products .card .row button {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  .products .card {
    border-radius: 15px;
    padding: 15px;
  }

  .products .card .row {
    gap: 8px;
  }

  .products .card .row input[type="number"] {
    width: 68px;
    flex-basis: 68px;
  }

  .products .card .row button {
    padding: 10px 8px;
    font-size: 13px;
  }
}

/* SUPERBOX PRODUCT CARD PRICE - V1 */
.products .product-card-price {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid #f0d8c9;
  border-radius: 12px;
  background: #fff8f1;
}

.products .product-price-main {
  color: #b83225;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.products .product-price-main small {
  color: #75665b;
  font-size: 13px;
  font-weight: 500;
}

.products .product-price-detail {
  margin-top: 5px;
  color: #6f4e37;
  font-size: 13px;
  font-weight: 600;
}

.products .product-price-note {
  margin-top: 7px;
  color: #75665b;
  font-size: 12px;
  line-height: 1.6;
}

.products .product-price-vat {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px dashed #e5d2c2;
  color: #81746a;
  font-size: 11px;
}

@media (max-width: 700px) {
  .products .product-card-price {
    padding: 12px;
    margin: 13px 0;
  }

  .products .product-price-main {
    font-size: 22px;
  }
}


/* SUPERBOX PRODUCT CARD PRICE - V2 */
.products .product-price-detail {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .products .product-price-detail {
    font-size: 14px;
  }
}


/* SUPERBOX PRODUCT TIER PRICE - V3 */
.products .product-tier-list {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed #e5d2c2;
}
.products .product-tier-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  color: #6f4e37;
  font-size: 13px;
}
.products .product-tier-row strong {
  color: #b83225;
  font-size: 15px;
  white-space: nowrap;
}


/* SUPERBOX BOX CARD TYPOGRAPHY V1 */
.box-product-grid .card h3 {
  font-size: 21px;
  line-height: 1.35;
  margin: 16px 0 10px;
  font-weight: 750;
}

.box-product-grid .card .padded-size-text {
  font-size: 17px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
  font-weight: 700 !important;
}

.box-product-grid .card > p.muted {
  font-size: 13px;
  margin: 0 0 14px;
  line-height: 1.5;
}

.box-product-grid .product-card-price {
  margin: 0 0 16px;
  padding: 14px;
}

.box-product-grid .product-price-note {
  font-size: 12px;
  line-height: 1.55;
  margin-top: 6px;
}

@media (max-width: 700px) {
  .box-product-grid .card h3 {
    font-size: 19px;
    margin-top: 14px;
  }
  .box-product-grid .card .padded-size-text {
    font-size: 16px !important;
  }
}


/* SUPERBOX TAPE CARD POLISH V1 */
.tape-product-grid .card h3 {
  font-size: 21px;
  line-height: 1.4;
  margin: 12px 0 12px;
}
.tape-product-grid .card .padded-size-text {
  font-size: 17px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
}
.tape-product-grid .card > p.muted {
  font-size: 13px;
  margin: 0 0 14px;
}
.tape-product-grid .product-card-price {
  margin: 0 0 16px;
}
.tape-product-grid .product-tier-row {
  gap: 8px;
}
.tape-product-grid .product-tier-row strong {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 700px) {
  .tape-product-grid .card h3 {
    font-size: 19px;
  }
  .tape-product-grid .card .padded-size-text {
    font-size: 16px !important;
  }
}


/* SUPERBOX MAILER CARD POLISH V1 */
.mailer-product-grid .card h3 {
  font-size: 21px;
  line-height: 1.4;
  margin-top: 16px;
  margin-bottom: 10px !important;
}
.mailer-product-grid .card h3 + p {
  font-size: 17px !important;
  line-height: 1.45;
  margin: 0 0 12px !important;
}
.mailer-product-grid .card > p.muted {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.mailer-product-grid .product-card-price {
  margin: 0 0 16px;
}
.mailer-product-grid .product-tier-row strong {
  font-variant-numeric: tabular-nums;
  font-size: 14px;
}
@media (max-width: 700px) {
  .mailer-product-grid .card h3 {
    font-size: 19px;
  }
  .mailer-product-grid .card h3 + p {
    font-size: 16px !important;
  }
}


/* SUPERBOX BUBBLE CARD POLISH V1 */
.bubble-product-grid .card h3 {
  font-size: 21px;
  line-height: 1.4;
  margin: 14px 0 12px;
}
.bubble-product-grid .card .padded-size-text {
  font-size: 17px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
}
.bubble-product-grid .card > p.muted {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.bubble-product-grid .product-card-price {
  margin: 0 0 16px;
}
@media (max-width: 700px) {
  .bubble-product-grid .card h3 {
    font-size: 19px;
  }
  .bubble-product-grid .card .padded-size-text {
    font-size: 16px !important;
  }
}


/* SUPERBOX PADDED CARD POLISH V83 */
.padded-product-grid .card h3 {
  font-size: 21px;
  line-height: 1.4;
  margin: 8px 0 12px;
}
.padded-product-grid .card .padded-size-text {
  font-size: 17px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
}
.padded-product-grid .card > p.muted {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 12px;
}
.padded-product-grid .product-card-price {
  margin: 0 0 12px;
}
.padded-product-grid .padded-color-picker {
  margin: 10px 0 14px;
}
.padded-product-grid .padded-color-options {
  gap: 7px;
}
.padded-product-grid .padded-color-btn {
  padding: 7px 10px;
  font-size: 13px;
}
.padded-product-grid .card > .row button {
  font-size: 13px;
  line-height: 1.35;
  padding: 10px 8px;
}
@media (max-width: 700px) {
  .padded-product-grid .card h3 {
    font-size: 19px;
  }
  .padded-product-grid .card .padded-size-text {
    font-size: 16px !important;
  }
}


/* SUPERBOX STRETCH CARD POLISH V84 */
.stretch-products .card h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  margin: 12px 0 16px;
}
.stretch-products .card .pill {
  font-size: 12px;
  padding: 6px 11px;
  opacity: .85;
}
.stretch-products .card > p:not(.muted) {
  color: #9a3f08;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 16px;
}
.stretch-products .card > p.muted {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
}
.stretch-products .product-card-price {
  margin-bottom: 18px;
}
@media (max-width: 700px) {
  .stretch-products .card h3 {
    font-size: 20px;
  }
  .stretch-products .card > p:not(.muted) {
    font-size: 17px;
  }
}


/* SUPERBOX KRAFT CARD POLISH V85 */
.kraft-shop-layout > .grid.products .card h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 12px 0 16px !important;
}
.kraft-shop-layout .card .pill {
  font-size: 12px;
  padding: 6px 11px;
  opacity: .85;
}
.kraft-shop-layout .card .padded-size-text {
  color: #9a3f08 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 0 14px !important;
}
.kraft-shop-layout .card > p.muted {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
}
.kraft-shop-layout .product-card-price {
  margin-bottom: 18px;
}
@media (max-width: 700px) {
  .kraft-shop-layout > .grid.products .card h3 {
    font-size: 20px !important;
  }
  .kraft-shop-layout .card .padded-size-text {
    font-size: 18px !important;
  }
}


/* SUPERBOX CART DESIGN V86 */
#cartBox {
  padding: 24px !important;
}
#cartBox .price-line {
  padding: 18px 4px !important;
  gap: 18px;
  align-items: center;
}
#cartBox .price-line > span:first-child {
  min-width: 0;
  flex: 1;
}
#cartBox .price-line > span:first-child b {
  font-size: 17px;
  line-height: 1.5;
}
#cartBox .price-line .muted {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 6px;
}
#cartBox input[type="number"] {
  width: 72px !important;
  min-height: 40px;
  text-align: center;
  border-radius: 9px;
}
#cartBox button.small {
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 9px;
}
#priceBox {
  padding: 24px !important;
}
#priceBox .price-line {
  padding: 10px 0;
}
#priceBox .price-line b {
  font-size: 22px;
  color: #7b1e18;
}
#priceBox .muted {
  font-size: 13px;
  line-height: 1.7;
}
@media (max-width: 700px) {
  #cartBox, #priceBox {
    padding: 16px !important;
  }
  #cartBox .price-line {
    flex-wrap: wrap;
    gap: 12px;
  }
  #cartBox .price-line > span:first-child {
    flex-basis: 100%;
  }
}

 
/* SUPERBOX CART SPACING V87 */
#priceBox + .actions {
  margin-top: 20px !important;
}


/* SUPERBOX CART COLOR INDICATOR V88 */
#cartBox .cart-color-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
#cartBox .cart-color-swatch {
  display: inline-block;
  width: 42px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  flex: 0 0 auto;
}
#cartBox .cart-color-blue {
  background: #2196F3;
  border-color: #1476C8;
}
#cartBox .cart-color-pink {
  background: #F48FB1;
  border-color: #D65D8C;
}
#cartBox .cart-color-white {
  background: #FFFFFF;
  border-color: #A8A8A8;
}
#cartBox .cart-color-other {
  display: none;
}


/* SUPERBOX MY ACCOUNT REDESIGN V89 */

/* Member heading */
.adminnav:has(+ .memberstats) {
  padding: 25px 30px;
  margin-bottom: 22px;
  background: linear-gradient(120deg,#fff,#fff7f0);
  border: 1px solid #eddfd2;
  border-radius: 22px;
  gap: 18px;
}
.adminnav:has(+ .memberstats) h1 {
  color: #291c17;
  letter-spacing: -.5px;
  margin-bottom: 12px;
}
.adminnav:has(+ .memberstats) .muted {
  color: #806d61;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.adminnav:has(+ .memberstats) button {
  border-radius: 12px;
  padding: 12px 19px;
}

/* Statistics */
.memberstats {
  max-width: none;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 24px;
}
.memberstats .stat {
  background: #fff;
  border: 1px solid #eadbcf;
  border-radius: 19px;
  padding: 25px 28px;
  box-shadow: 0 5px 18px rgba(82,45,25,.035);
  transition: transform .2s ease,box-shadow .2s ease;
}
.memberstats .stat:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(82,45,25,.07);
}
.memberstats .stat span {
  color: #806b5e;
  font-size: 14px;
}
.memberstats .stat b {
  display: block;
  margin-top: 10px;
  color: #892c21;
  font-size: 34px;
  line-height: 1.2;
}

/* Order history */
.memberstats + .panel {
  background: #fff;
  border: 1px solid #eadbcf;
  border-radius: 22px;
  padding: 28px 30px;
  box-shadow: 0 5px 22px rgba(82,45,25,.035);
}
.memberstats + .panel h2 {
  color: #2b1d17;
  margin-bottom: 23px;
  font-size: 24px;
}
.memberstats + .panel table {
  width: 100%;
  border-collapse: collapse;
}
.memberstats + .panel th {
  color: #6b4b3d;
  background: #fcf7f2;
  font-weight: 700;
  padding: 15px 13px;
  white-space: nowrap;
}
.memberstats + .panel td {
  padding: 16px 13px;
  vertical-align: middle;
  border-bottom: 1px solid #f0e8e1;
}
.memberstats + .panel tbody tr:hover {
  background: #fffaf5;
}
.memberstats + .panel td a {
  color: #83452c;
  text-decoration: none;
}
.memberstats + .panel td a:hover {
  color: #bb392c;
  text-decoration: underline;
}
.memberstats + .panel .status {
  display: inline-block;
  border-radius: 999px;
  padding: 7px 12px;
  line-height: 1.45;
  font-size: 12px;
}

/* Saved addresses */
.accountgrid {
  gap: 20px;
  margin-top: 24px;
  align-items: start;
}
.accountgrid > .panel {
  background: #fff;
  border: 1px solid #eadbcf;
  border-radius: 22px;
  padding: 27px;
  box-shadow: 0 5px 22px rgba(82,45,25,.035);
}
.accountgrid > .panel h2 {
  color: #2b1d17;
  margin-bottom: 20px;
  font-size: 22px;
}
.accountgrid .addresscard {
  border: 1px solid #ebdfd3;
  border-radius: 15px;
  background: #fffdfb;
  padding: 17px;
  margin-bottom: 12px;
}
.accountgrid label {
  color: #57463c;
}
.accountgrid input:not([type=checkbox]),
.accountgrid textarea,
.accountgrid select {
  border-radius: 11px;
  border-color: #e3d6cb;
}
.accountgrid button {
  border-radius: 11px;
}

/* Responsive layout */
@media (max-width: 760px) {
  .adminnav:has(+ .memberstats) {
    padding: 21px;
    flex-wrap: wrap;
  }
  .adminnav:has(+ .memberstats) h1 {
    font-size: 27px;
  }
  .memberstats {
    gap: 10px;
  }
  .memberstats .stat {
    padding: 17px;
    border-radius: 15px;
  }
  .memberstats .stat span {
    font-size: 12px;
  }
  .memberstats .stat b {
    font-size: 29px;
  }
  .memberstats + .panel {
    padding: 19px 14px;
    border-radius: 17px;
  }
  .memberstats + .panel h2 {
    font-size: 21px;
  }
  .memberstats + .panel th,
  .memberstats + .panel td {
    padding: 12px 10px;
  }
  .accountgrid {
    grid-template-columns: 1fr;
  }
  .accountgrid > .panel {
    padding: 20px;
    border-radius: 17px;
  }
}


/* SUPERBOX ACCOUNT MEMBER NAME V89.1 */
.account-member-profile {
  margin-top: 16px;
}
.account-member-label {
  display: block;
  color: #947c6e;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.account-member-name {
  color: #852f23;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.account-member-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin-top: 8px;
  color: #76675c;
  font-size: 14px;
}
.account-member-contact span {
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .account-member-name {
    font-size: 23px;
  }
  .account-member-contact {
    flex-direction: column;
    gap: 5px;
  }
}


/* SUPERBOX ACCOUNT LOGOUT V89.2 */
.adminnav:has(+ .memberstats) form[action="/logout"] button.secondary {
  background: #8B2E23;
  color: #FFFFFF;
  border: 1px solid #8B2E23;
  border-radius: 12px;
  font-weight: 700;
  padding: 12px 20px;
  cursor: pointer;
  transition: background .2s ease, box-shadow .2s ease;
}
.adminnav:has(+ .memberstats) form[action="/logout"] button.secondary:hover {
  background: #682017;
  color: #FFFFFF;
  border-color: #682017;
  box-shadow: 0 5px 14px rgba(104,32,23,.18);
}
.adminnav:has(+ .memberstats) form[action="/logout"] button.secondary:focus-visible {
  outline: 3px solid #E9B6A8;
  outline-offset: 3px;
}


/* SUPERBOX TIER POPUP CLOSE V92 */
.tier-popup .tier-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 12px;
  color: #823B2A;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.tier-popup .tier-popup-close:hover {
  background: #FFF0E4;
}
.tier-popup .tier-popup-close:focus-visible {
  outline: 3px solid #E9B6A8;
  outline-offset: 2px;
}


/* SUPERBOX POPUP CLOSE ICON V93 */
.tier-popup .tier-popup-close,
.sb-modal .sb-modal-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.tier-popup .tier-popup-close::before,
.sb-modal .sb-modal-close::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  background:
    linear-gradient(45deg,
      transparent calc(50% - 1.75px),
      #823B2A calc(50% - 1.75px),
      #823B2A calc(50% + 1.75px),
      transparent calc(50% + 1.75px)),
    linear-gradient(-45deg,
      transparent calc(50% - 1.75px),
      #823B2A calc(50% - 1.75px),
      #823B2A calc(50% + 1.75px),
      transparent calc(50% + 1.75px)) !important;
}
.tier-popup .tier-popup-close:hover,
.sb-modal .sb-modal-close:hover {
  background: #FFF0E4 !important;
}
.tier-popup .tier-popup-close:focus-visible,
.sb-modal .sb-modal-close:focus-visible {
  outline: 3px solid #E9B6A8 !important;
  outline-offset: 2px !important;
}


/* SUPERBOX PAYMENT STATUS BADGES */
.payment-badge {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    vertical-align: middle;
    border: 1px solid transparent;
}

.payment-badge.payment-pending {
    background: #f1f1f1;
    color: #666666;
    border-color: #dddddd;
}

.payment-badge.payment-submitted {
    background: #fff0d9;
    color: #995000;
    border-color: #f5d5a5;
}

.payment-badge.payment-verified {
    background: #e3f5e8;
    color: #236b39;
    border-color: #b8e2c3;
}

.payment-badge.payment-rejected {
    background: #fde8e8;
    color: #a52b2b;
    border-color: #f3bcbc;
}

.payment-badge.payment-staff_required {
    background: #fff6d6;
    color: #866000;
    border-color: #ead58c;
}


/* SUPERBOX ADMIN DASHBOARD FULL WIDTH */

/* ขยายพื้นที่เฉพาะหน้า Dashboard */
main:has(.stats5):has(.tablewrap) {
    max-width: 1600px;
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}

/* ให้ตารางใช้พื้นที่เต็ม */
main:has(.stats5) .tablewrap {
    width: 100%;
    overflow-x: visible;
}

main:has(.stats5) .tablewrap table {
    width: 100%;
    table-layout: auto;
}

/* ลดช่องว่างระหว่างคอลัมน์ */
main:has(.stats5) .tablewrap th,
main:has(.stats5) .tablewrap td {
    padding: 12px 8px;
    font-size: 14px;
}

/* อนุญาตให้ข้อมูลบางส่วนขึ้นบรรทัดใหม่ */
main:has(.stats5) .tablewrap td:nth-child(3),
main:has(.stats5) .tablewrap td:nth-child(4),
main:has(.stats5) .tablewrap td:nth-child(5) {
    white-space: normal;
}

/* จัดยอดรวมชิดขวา */
main:has(.stats5) .tablewrap th:last-child,
main:has(.stats5) .tablewrap td:last-child {
    text-align: right;
    white-space: nowrap;
}

/* หน้าจอขนาดเล็ก */
@media (max-width: 900px) {
    main:has(.stats5):has(.tablewrap) {
        width: calc(100% - 16px);
        padding: 0 8px;
    }

    main:has(.stats5) .tablewrap {
        overflow-x: auto;
    }

    main:has(.stats5) .tablewrap th,
    main:has(.stats5) .tablewrap td {
        font-size: 12px;
        padding: 9px 6px;
    }
}


/* SUPERBOX DASHBOARD TABLE POLISH */

/* 1. วันที่และเวลา แสดงคนละบรรทัด */
main:has(.stats5) .tablewrap .dashboard-date {
    white-space: nowrap;
}

main:has(.stats5) .dashboard-date-day,
main:has(.stats5) .dashboard-date-time {
    display: block;
    line-height: 1.5;
}

main:has(.stats5) .dashboard-date-day {
    font-weight: 600;
    color: #382b23;
}

main:has(.stats5) .dashboard-date-time {
    font-size: 12px;
    color: #8b7769;
}

/* 2. ป้ายสถานะให้มีความสูงและระยะห่างสม่ำเสมอ */
main:has(.stats5) .tablewrap .status,
main:has(.stats5) .tablewrap .payment-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 999px;
    line-height: 1.35;
    text-align: center;
    max-width: 100%;
    white-space: normal;
}

/* 3. ยอดรวมเด่นขึ้น */
main:has(.stats5) .tablewrap td:last-child {
    font-weight: 700;
    color: #58341f;
    font-size: 15px;
}

/* 4. ไฮไลต์แถวออเดอร์เมื่อชี้เมาส์ */
main:has(.stats5) .tablewrap tr:not(:first-child):hover td {
    background-color: #fff3e6;
    transition: background-color 0.18s ease;
}

/* ปรับความสูงแถวให้กระชับ */
main:has(.stats5) .tablewrap td {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* รองรับหน้าจอเล็ก */
@media (max-width: 900px) {
    main:has(.stats5) .tablewrap .status,
    main:has(.stats5) .tablewrap .payment-badge {
        min-height: 30px;
        padding: 6px 9px;
    }
}


/* SUPERBOX DASHBOARD BUTTON ALIGNMENT */

/* จัดพื้นที่ปุ่มทั้งสองแถวให้ตรงกัน */
.dashboard-nav-top > div:last-child,
.dashboard-nav-main > .actions {
    display: grid;
    grid-template-columns: repeat(2, 170px);
    gap: 12px;
    align-items: stretch;
}

/* ปุ่มทุกปุ่มมีขนาดเท่ากัน */
.dashboard-nav-top .dashboard-btn,
.dashboard-nav-main .dashboard-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    height: 48px;
    padding: 8px 12px;
    margin: 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: filter 0.2s ease, transform 0.2s ease;
}

/* ให้ฟอร์มออกจากระบบเต็มช่อง */
.dashboard-nav-top form[action="/admin/logout"] {
    display: block !important;
    width: 100%;
    margin: 0;
}

/* สีปุ่มแต่ละประเภท */
.dashboard-nav-top .dashboard-btn-staff {
    background: #694632;
    color: #ffffff;
    border: 1px solid #694632;
}

.dashboard-nav-top .dashboard-btn-logout {
    background: #b92520;
    color: #ffffff;
    border: 1px solid #b92520;
}

.dashboard-nav-main .dashboard-btn-customers {
    background: #df7135;
    color: #ffffff;
    border: 1px solid #df7135;
}

.dashboard-nav-main .dashboard-btn-products {
    background: #e9d8c2;
    color: #503626;
    border: 1px solid #d9c3aa;
}

/* เอฟเฟกต์เมื่อชี้เมาส์ */
.dashboard-nav-top .dashboard-btn:hover,
.dashboard-nav-main .dashboard-btn:hover {
    filter: brightness(0.94);
    transform: translateY(-1px);
}

/* รองรับหน้าจอมือถือ */
@media (max-width: 760px) {
    .dashboard-nav-top > div:last-child,
    .dashboard-nav-main > .actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 8px;
    }

    .dashboard-nav-top .dashboard-btn,
    .dashboard-nav-main .dashboard-btn {
        font-size: 12px;
        padding: 8px 6px;
    }
}


/* SUPERBOX DASHBOARD COMPACT HEADER */

.dashboard-compact-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin: 8px 0 22px;
}

.dashboard-compact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.dashboard-compact-info h1 {
    margin: 4px 0 0;
}

.dashboard-compact-info .muted {
    margin: 0;
}

.dashboard-compact-actions {
    display: grid;
    grid-template-columns: repeat(2, 170px);
    gap: 10px 12px;
    flex-shrink: 0;
}

.dashboard-compact-actions .dashboard-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: filter .2s ease, transform .2s ease;
}

.dashboard-compact-actions form {
    margin: 0;
    width: 100%;
}

.dashboard-compact-actions .dashboard-btn-staff {
    background: #694632;
    color: white;
    border: 1px solid #694632;
}

.dashboard-compact-actions .dashboard-btn-logout {
    background: #b92520;
    color: white;
    border: 1px solid #b92520;
}

.dashboard-compact-actions .dashboard-btn-customers {
    background: #df7135;
    color: white;
    border: 1px solid #df7135;
}

.dashboard-compact-actions .dashboard-btn-products {
    background: #e9d8c2;
    color: #503626;
    border: 1px solid #d9c3aa;
}

.dashboard-compact-actions .dashboard-btn:hover {
    filter: brightness(.94);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .dashboard-compact-header {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .dashboard-compact-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .dashboard-compact-actions .dashboard-btn {
        font-size: 12px;
    }
}


/* SUPERBOX CATEGORY IMAGE SHOWCASE */

/* ขยายพื้นที่รูปสินค้า โดยคงการ์ด 3 คอลัมน์ */
.category-section .category-card {
    grid-template-columns: 38% 62%;
    min-height: 205px;
}

/* เพิ่มพื้นที่แสดงรูป */
.category-section .category-image {
    height: 205px;
    min-width: 0;
    overflow: hidden;
}

/* แสดงรูปเต็มพื้นที่โดยไม่ตัดสินค้า */
.category-section .category-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* จัดข้อความให้เหมาะกับพื้นที่ */
.category-section .category-info {
    min-width: 0;
    padding: 16px 5px 16px 16px;
}

.category-section .category-info h3 {
    font-size: 19px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.category-section .category-info p {
    font-size: 13px;
    line-height: 1.35;
}

/* ปุ่มเลือกสินค้า */
.category-section .category-link {
    max-width: 100%;
    font-size: 12px;
    padding: 8px 11px;
    white-space: normal;
    line-height: 1.3;
}

/* แท็บเล็ต */
@media (max-width: 900px) {
    .category-section .category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* มือถือ */
@media (max-width: 600px) {
    .category-section .category-grid {
        grid-template-columns: 1fr;
    }

    .category-section .category-card {
        grid-template-columns: 42% 58%;
        min-height: 190px;
    }

    .category-section .category-image {
        height: 190px;
    }

    .category-section .category-info h3 {
        font-size: 18px;
    }
}


/* SUPERBOX CATEGORY FINAL POLISH */

/* ให้พื้นที่รูปกลมกลืนกับพื้นหลังการ์ด */
.category-section .category-card {
    background: #fff8ef;
}

.category-section .category-image {
    background: #fff8ef;
    align-self: stretch;
    height: 100%;
    min-height: 205px;
}

.category-section .category-card:nth-child(even) .category-image {
    background: #fff5e8;
}

/* จัดข้อความและระยะห่างให้สมดุล */
.category-section .category-info {
    justify-content: center;
    padding: 15px 5px 15px 16px;
}

.category-section .category-info h3 {
    margin-bottom: 6px;
    line-height: 1.22;
}

.category-section .category-info p {
    margin-bottom: 6px;
    line-height: 1.35;
}

.category-section .category-count {
    margin-bottom: 10px;
    line-height: 1.3;
}

/* ปรับปุ่มให้กระชับและอ่านง่าย */
.category-section .category-link {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    padding: 9px 11px;
    border-radius: 18px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
}

/* มือถือ */
@media (max-width: 600px) {
    .category-section .category-image {
        min-height: 190px;
    }

    .category-section .category-info {
        padding: 14px 5px 14px 14px;
    }

    .category-section .category-link {
        font-size: 11px;
        padding: 8px 10px;
    }
}


/* SUPERBOX CATEGORY HEIGHT FIX */

/* กำหนดความสูงการ์ดให้สม่ำเสมอ */
.category-section .category-card {
    height: 270px;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
}

/* ป้องกันรูปภาพขยายความสูงของการ์ด */
.category-section .category-image {
    height: 100%;
    min-height: 0;
}

/* จัดข้อความให้อยู่ในพื้นที่การ์ด */
.category-section .category-info {
    min-height: 0;
}

/* มือถือให้การ์ดปรับตามเนื้อหา */
@media (max-width: 600px) {
    .category-section .category-card {
        height: auto;
        min-height: 220px;
    }

    .category-section .category-image {
        min-height: 220px;
    }
}


/* SUPERBOX CATEGORY BUTTON TWO LINES */

.category-section .category-link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    width: fit-content;
    max-width: 100%;
    padding: 9px 13px;
    line-height: 1.2;
}

.category-section .category-link-th {
    display: block;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.category-section .category-link-en {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .category-section .category-link {
        padding: 8px 10px;
    }

    .category-section .category-link-th {
        font-size: 12px;
    }

    .category-section .category-link-en {
        font-size: 9px;
    }
}


/* SUPERBOX EXPRESS LALAMOVE CONTACT */

.hero-product .sb-express-contact {
    margin-top: 16px;
    padding: 15px 17px;
    border: 1px solid #e9cbb5;
    border-radius: 17px;
    background: rgba(255, 255, 255, .83);
    box-shadow: 0 5px 16px rgba(100, 55, 35, .05);
    color: #653024;
}

.hero-product .sb-express-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero-product .sb-express-icon {
    font-size: 25px;
    flex-shrink: 0;
}

.hero-product .sb-express-heading strong {
    display: block;
    color: #84241c;
    font-size: 16px;
    line-height: 1.35;
}

.hero-product .sb-express-heading small {
    display: block;
    margin-top: 2px;
    color: #9a6b57;
    font-size: 11px;
}

.hero-product .sb-express-description {
    margin: 9px 0 7px !important;
    font-size: 12px;
    line-height: 1.5;
}

.hero-product .sb-express-phones {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 8px 0 12px;
    font-size: 15px;
    font-weight: 800;
}

.hero-product .sb-express-phones a {
    color: #8e251c;
    text-decoration: none;
}

.hero-product .sb-express-phones a:hover {
    text-decoration: underline;
}

.hero-product .sb-express-separator {
    color: #b38c78;
}

.hero-product .sb-express-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hero-product .sb-express-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 13px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    transition: filter .2s ease, transform .2s ease;
}

.hero-product .sb-express-actions a:hover {
    filter: brightness(.94);
    transform: translateY(-1px);
}

.hero-product .sb-express-line {
    background: #06a84e;
}

.hero-product .sb-express-call {
    background: #e76c2c;
}

.hero-product .sb-express-area {
    display: block;
    margin-top: 11px;
    color: #86685b;
    font-size: 11px;
    line-height: 1.45;
}

@media (max-width: 600px) {
    .hero-product .sb-express-contact {
        padding: 13px;
        margin-top: 13px;
    }

    .hero-product .sb-express-heading strong {
        font-size: 14px;
    }

    .hero-product .sb-express-phones {
        font-size: 13px;
    }

    .hero-product .sb-express-actions a {
        flex: 1 1 130px;
        font-size: 12px;
        padding: 9px 8px;
    }
}


/* SUPERBOX EXPRESS HORIZONTAL BAR V2 */

.home-hero.hero-product {
    grid-template-rows: auto auto;
    align-items: stretch;
}

.hero-product > .sb-express-contact {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 20px;
    row-gap: 5px;
    margin: 16px 0 0;
    padding: 16px 22px;
    background: #672c24;
    border: 2px solid #dca37d;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(70, 28, 18, .15);
    color: #fff;
}

.hero-product > .sb-express-contact .sb-express-heading {
    grid-column: 1;
    grid-row: 1;
}

.hero-product > .sb-express-contact .sb-express-heading strong {
    color: #fff;
    font-size: 17px;
}

.hero-product > .sb-express-contact .sb-express-heading small {
    color: #f3cdb5;
}

.hero-product > .sb-express-contact .sb-express-description {
    grid-column: 1;
    grid-row: 2;
    color: #f6dfd0;
    margin: 0 !important;
    font-size: 12px;
}

.hero-product > .sb-express-contact .sb-express-phones {
    grid-column: 2;
    grid-row: 1 / 3;
    justify-content: center;
    margin: 0;
    font-size: 17px;
    gap: 7px;
}

.hero-product > .sb-express-contact .sb-express-phones a {
    color: #ffcf91;
}

.hero-product > .sb-express-contact .sb-express-separator {
    color: #fff;
}

.hero-product > .sb-express-contact .sb-express-actions {
    grid-column: 3;
    grid-row: 1 / 3;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.hero-product > .sb-express-contact .sb-express-actions a {
    white-space: nowrap;
    font-size: 13px;
    min-height: 43px;
}

.hero-product > .sb-express-contact .sb-express-line {
    background: #08a84e;
}

.hero-product > .sb-express-contact .sb-express-call {
    background: #ee742c;
}

.hero-product > .sb-express-contact .sb-express-area {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 3px;
    color: #f3d2bf;
    font-size: 11px;
}

@media (max-width: 1100px) {
    .hero-product > .sb-express-contact {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px 15px;
    }

    .hero-product > .sb-express-contact .sb-express-heading {
        grid-column: 1;
        grid-row: 1;
    }

    .hero-product > .sb-express-contact .sb-express-description {
        grid-column: 1;
        grid-row: 2;
    }

    .hero-product > .sb-express-contact .sb-express-phones {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .hero-product > .sb-express-contact .sb-express-actions {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-content: flex-start;
    }

    .hero-product > .sb-express-contact .sb-express-area {
        grid-column: 1 / -1;
        grid-row: 4;
    }
}

@media (max-width: 600px) {
    .hero-product > .sb-express-contact {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 9px;
        padding: 14px;
        margin-top: 12px;
    }

    .hero-product > .sb-express-contact .sb-express-heading strong {
        font-size: 15px;
    }

    .hero-product > .sb-express-contact .sb-express-phones {
        justify-content: flex-start;
        font-size: 15px;
    }

    .hero-product > .sb-express-contact .sb-express-actions {
        display: flex;
        flex-wrap: wrap;
    }

    .hero-product > .sb-express-contact .sb-express-actions a {
        flex: 1 1 120px;
    }

    .hero-product > .sb-express-contact .sb-express-area {
        font-size: 11px;
    }
}


/* SUPERBOX LALAMOVE WARM CREAM V3 */

.hero-product > .sb-express-contact {
    background: #FFF1E5;
    border: 2px solid #D58B68;
    border-left: 6px solid #A5221C;
    color: #653024;
    box-shadow: 0 8px 20px rgba(125, 65, 35, .10);
}

.hero-product > .sb-express-contact .sb-express-heading strong {
    color: #922D20;
}

.hero-product > .sb-express-contact .sb-express-heading small {
    color: #9A6654;
}

.hero-product > .sb-express-contact .sb-express-description {
    color: #70483A;
}

.hero-product > .sb-express-contact .sb-express-phones a {
    color: #A5221C;
}

.hero-product > .sb-express-contact .sb-express-separator {
    color: #A87B69;
}

.hero-product > .sb-express-contact .sb-express-area {
    color: #795648;
}

.hero-product > .sb-express-contact .sb-express-line {
    background: #06A84E;
    color: #FFFFFF;
}

.hero-product > .sb-express-contact .sb-express-call {
    background: #D9652B;
    color: #FFFFFF;
}


/* SUPERBOX LALAMOVE MINIMAL PREMIUM V4 */

.hero-product > .sb-express-contact {
    background: #FFFFFF;
    border: 1px solid #EADFD5;
    border-left: 1px solid #EADFD5;
    border-radius: 14px;
    padding: 12px 20px;
    margin-top: 14px;
    row-gap: 3px;
    column-gap: 18px;
    color: #57291F;
    box-shadow: 0 4px 14px rgba(77, 43, 27, .07);
}

.hero-product > .sb-express-contact .sb-express-heading strong {
    color: #57291F;
    font-size: 16px;
}

.hero-product > .sb-express-contact .sb-express-heading small {
    color: #96796B;
    font-size: 11px;
}

.hero-product > .sb-express-contact .sb-express-description {
    color: #82685C;
    font-size: 11px;
}

.hero-product > .sb-express-contact .sb-express-phones {
    font-size: 17px;
}

.hero-product > .sb-express-contact .sb-express-phones a {
    color: #57291F;
    font-weight: 800;
}

.hero-product > .sb-express-contact .sb-express-separator {
    color: #B9A69A;
}

.hero-product > .sb-express-contact .sb-express-area {
    color: #917A6E;
    font-size: 10px;
    margin-top: 0;
}

.hero-product > .sb-express-contact .sb-express-actions a {
    min-height: 40px;
    font-size: 12px;
    border-radius: 9px;
}

.hero-product > .sb-express-contact .sb-express-line {
    background: #16834A;
    color: #FFFFFF;
}

.hero-product > .sb-express-contact .sb-express-call {
    background: #A9231B;
    color: #FFFFFF;
}


/* SUPERBOX LALAMOVE FINAL POLISH V5 */

@media (min-width: 1101px) {
    .hero-product > .sb-express-contact {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
        column-gap: 16px;
        row-gap: 2px;
        padding: 10px 20px;
        margin-top: 12px;
    }

    .hero-product > .sb-express-contact .sb-express-heading strong {
        font-size: 18px;
        line-height: 1.35;
    }

    .hero-product > .sb-express-contact .sb-express-description {
        font-size: 11px;
        line-height: 1.4;
    }

    .hero-product > .sb-express-contact .sb-express-phones {
        justify-content: center;
        align-self: center;
        font-size: 17px;
        gap: 6px;
    }

    .hero-product > .sb-express-contact .sb-express-actions {
        align-self: center;
        gap: 10px;
    }

    .hero-product > .sb-express-contact .sb-express-actions a {
        min-height: 44px;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 700;
    }

    .hero-product > .sb-express-contact .sb-express-area {
        margin-top: 0;
        line-height: 1.3;
    }
}

@media (max-width: 1100px) {
    .hero-product > .sb-express-contact {
        padding: 14px 16px;
        row-gap: 8px;
    }

    .hero-product > .sb-express-contact .sb-express-heading strong {
        font-size: 17px;
    }

    .hero-product > .sb-express-contact .sb-express-actions a {
        min-height: 44px;
        font-size: 13px;
        font-weight: 700;
    }
}

@media (max-width: 600px) {
    .hero-product > .sb-express-contact {
        padding: 14px;
        margin-top: 12px;
    }

    .hero-product > .sb-express-contact .sb-express-heading strong {
        font-size: 16px;
    }

    .hero-product > .sb-express-contact .sb-express-phones {
        font-size: 16px;
    }

    .hero-product > .sb-express-contact .sb-express-actions a {
        min-height: 44px;
        font-size: 12px;
    }
}


/* SUPERBOX PWA INSTALL BUTTON V1 */
.pwa-install-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  padding: 12px 18px;
  background: #FFF8EF;
  border-bottom: 1px solid #EADFD5;
}
.pwa-install-banner[hidden] {
  display: none !important;
}
.pwa-install-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #57291F;
}
.pwa-install-copy strong {
  font-size: 15px;
  line-height: 1.4;
}
.pwa-install-copy span {
  color: #82685C;
  font-size: 12px;
}
.pwa-install-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 20px;
  border: 0;
  border-radius: 9px;
  background: #8D241E;
  color: #FFFFFF;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(80, 30, 20, .12);
}
.pwa-install-button:hover {
  background: #701B17;
}
.pwa-install-button:focus-visible {
  outline: 3px solid #D58B68;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .pwa-install-banner {
    gap: 9px;
    padding: 12px 14px;
  }
  .pwa-install-copy {
    flex: 1 1 100%;
    text-align: center;
  }
  .pwa-install-copy strong {
    font-size: 15px;
  }
  .pwa-install-button {
    width: 100%;
    min-height: 44px;
    font-size: 14px;
  }
}