/* Trang gian hang cong khai /shop/{slug}/ - dung chung header/footer cua
   TimSofa (get_header()/get_footer()), chi phan than trang la rieng cho shop. */
/* Hero luon dung nen toi + gradient sang trong (co hoac khong co banner that)
   thay vi nen xam phang truoc day - dong bo, hien dai cho moi shop du du lieu
   it hay nhieu. Anh banner that (neu co) duoc lop len tren qua inline style. */
.shop-hero{position:relative;background-position:center;background-size:cover;
  background-color:#1a1c20;background-image:linear-gradient(135deg,#1c1e24 0%,#26282f 55%,#3a2620 100%);
  color:#fff;padding:64px 0 46px}
.shop-hero .eyebrow,.shop-hero h1,.shop-hero__slogan{color:#fff}
.shop-hero__head{display:flex;align-items:center;gap:20px;margin-top:6px}
.shop-hero__logo{width:72px;height:72px;border-radius:18px;object-fit:cover;background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.14),var(--shadow);flex:none}
.shop-hero__logo--fallback{display:grid;place-items:center;font-size:24px;color:var(--muted)}
.shop-hero__verified{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#1e6b2c;background:#eaf6ec;padding:4px 10px;border-radius:999px;vertical-align:middle;margin-left:8px}
.shop-hero .shop-hero__verified{background:rgba(255,255,255,.94)}
.shop-hero__unverified{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);background:var(--soft);padding:4px 10px;border-radius:999px;vertical-align:middle;margin-left:8px;cursor:help}
.shop-hero .shop-hero__unverified{background:rgba(255,255,255,.16);color:rgba(255,255,255,.85)}
.shop-hero__slogan{font-size:15.5px;color:rgba(255,255,255,.78);margin:6px 0 0}
.shop-hero__stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.shop-hero__stat{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:9px 15px;border-radius:999px}
.shop-hero__stat i{color:#ff9a7a}
.shop-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.shop-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}
.shop-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.shop-contact-list i{color:var(--red);width:18px;text-align:center;margin-right:6px}
.shop-map{width:100%;height:260px;border:0;border-radius:var(--radius);box-shadow:var(--shadow-sm)}

.shop-cta-band{background:var(--dark);color:#fff}
.shop-cta-band h2{color:#fff;margin-bottom:6px}
.shop-cta-band p{color:#c9cbd0;margin-bottom:18px}

.shop-icon-strip-section{padding-top:0}
/* Dai cam ket cua shop luon toi da 4 muc (TSF_SHOP_REPEATERS max=4), khac voi
   trang chu co san 5 muc co dinh - ghi de de tranh keo thanh 5 cot bi trong 1 o. */
.shop-icon-strip-section .icon-strip{grid-template-columns:repeat(4,1fr)}
@media(max-width:800px){
  .shop-icon-strip-section .icon-strip{grid-template-columns:repeat(2,1fr)}
  .shop-icon-strip-section .icon-strip-item:nth-child(3){border-right:1px solid var(--line)}
  .shop-icon-strip-section .icon-strip-item:nth-child(2n){border-right:0}
}
.shop-benefits .commitment-card{padding-bottom:26px}
.shop-benefits .commitment-card p{margin:0}

.shop-promo{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;
  background:var(--dark);color:#fff;border-radius:var(--radius-lg);padding:38px;overflow:hidden}
.shop-promo h2{color:#fff;font-size:26px;line-height:1.25;margin:8px 0 12px}
.shop-promo p{color:#c9cbd0;margin:0 0 20px}
.shop-promo img{width:100%;height:240px;object-fit:cover;border-radius:16px}

.shop-mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(20,20,20,.08)}
.shop-mobile-bar a,.shop-mobile-bar button{flex:1;text-align:center;padding:12px 6px;font-weight:800;font-size:13px;border:0;background:transparent;color:var(--ink)}
.shop-mobile-bar button{background:var(--red);color:#fff}

@media(max-width:800px){
  .shop-contact-grid{grid-template-columns:1fr}
  .shop-mobile-bar{display:flex}
  .shop-hero__head{flex-wrap:wrap}
  .shop-promo{grid-template-columns:1fr;padding:26px}
  .shop-promo img{height:180px}
}

@media(max-width:800px){
  .shop-hero__stats{gap:8px}
  .shop-hero__stat{font-size:12px;padding:7px 12px}
}