:root { 
    --page-bg: transparent; 
  }

  /* เปลี่ยนพื้นหลังของหน้าแรกให้เป็น Gradient แบบมีมิติและเคลื่อนไหวช้าๆ (Smooth Animation) */
  html body.home,
  html body.front-page,
  html body.page-template-front-page,
  html body.page-template-front-page-php {
    /* โทนสีพรีเมียม ฟ้าสว่างๆ-ขาว ดูล้ำสมัย สะอาดตา ให้ความรู้สึกหรูหราเหมือนกระจก */
    background: linear-gradient(135deg, #f8f9fc 0%, #eef3fa 25%, #e1ebf5 50%, #eef3fa 75%, #f8f9fc 100%) !important;
    background-size: 400% 400% !important;
    animation: gradientBG 20s ease infinite !important;
    background-attachment: fixed !important;
  }

  @keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  /* ให้ทุก section/กล่องในหน้านี้โปร่งใส เพื่อให้เห็นสีพื้นหลังของ body */
  #ic-scope,
  #ic-scope > section,
  #ic-scope .ic-container {
    background: transparent !important;
  }

  .hero-band { background: transparent !important; }

:root{
  /* สัดส่วนภาพจริง (1920x823) */
  --hero-ratio: 1920/823;   
  
  /* ค่าเริ่มต้นสำหรับ Desktop */
  --hero-radius: 20px; /* มีมุมมน */
  --hero-shadow: 0 10px 28px rgba(0,0,0,.10); /* มีเงา */
  --hero-margin-top: 14px; /* มีระยะห่างด้านบน */
}

/* ตั้งค่าพื้นฐาน */
.hero-band.clean{ background:transparent; padding:0; margin-top:var(--hero-margin-top); }

/* กล่องสไลด์ */
#ic-scope .ic-hero{
  position:relative; width:100%;
  aspect-ratio:var(--hero-ratio);
  border-radius:var(--hero-radius);
  overflow:hidden;
  box-shadow:var(--hero-shadow);
  margin:0; background:#fff;    
}

/* ===== [แก้ไขล่าสุด] ตั้งค่าเฉพาะมือถือ/แท็บเล็ต (จอเล็กกว่า 992px) ===== */
@media (max-width: 991px){
  :root{
    --hero-radius: 0px; /* เปลี่ยนเป็นสี่เหลี่ยม (ไม่มีมุมมน) */
    --hero-shadow: none; /* เอาเงาออก */
    --hero-margin-top: 0px; /* ชิดขอบบนสุด */
  }
  
  /* สั่งให้ Container กว้างเต็มจอ ชิดขอบซ้ายขวา */
  #ic-scope .hero-band.clean .ic-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  /* ขยับปุ่มกดให้ชิดขอบมากขึ้นในจอเล็ก */
  #ic-scope .ic-hero-prev{ left:4px !important; }  
  #ic-scope .ic-hero-next{ right:4px !important; }
}

/* แก้ “รูปหม่นเทา” (คงเดิม) */
#ic-scope .ic-hero::before,
#ic-scope .ic-hero::after,
#ic-scope .ic-hero *::before,
#ic-scope .ic-hero *::after{
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}
#ic-scope .ic-hero,
#ic-scope .ic-hero *,
#ic-scope .ic-hero img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  backdrop-filter:none !important;
}

/* Track & Slide (คงเดิม) */
#ic-scope .ic-hero-track{ display:flex; height:100%; }
#ic-scope .ic-hero-slide{ position:relative; flex:0 0 100%; height:100%; }
#ic-scope .ic-hero-slide img{
  position:absolute; inset:0;
  width:100% !important; height:100% !important;
  object-fit:cover; object-position:center;
  display:block;
  pointer-events:none; 
}

/* ปุ่มเลื่อน (คงเดิม) */
#ic-scope .ic-hero-prev,
#ic-scope .ic-hero-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:30px; height:30px; 
  border:none; border-radius:999px; cursor:pointer;
  background:rgba(0,0,0,.45); color:#fff; font-size:18px; line-height:30px; text-align:center; z-index:3;
  left:8px; right:8px; /* ค่าเริ่มต้นของ PC */
}
#ic-scope .ic-hero-prev:hover, #ic-scope .ic-hero-next:hover{ background:rgba(0,0,0,.6); }

/* จุดข้างล่าง (คงเดิม) */
#ic-scope .ic-hero-dots{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:8px; display:flex; gap:5px; z-index:3;
}
#ic-scope .ic-hero-dots button{
  width:6px; height:6px; border-radius:999px; border:none; cursor:pointer;
  background:rgba(255,255,255,.7);
}
#ic-scope .ic-hero-dots button[aria-selected="true"]{ background:#fff; }

#ic-scope .hero-grey, #ic-scope .hero-grey *{ background:transparent !important; }
#ic-scope .hero-grey::before{ display:none !important; }

/* ====== พื้นหลังและโครงสร้างหลัก ====== */
.brand-choose-hero{
  background: transparent;
  padding: 40px 0 60px;
}
.brand-choose-hero .ic-container{ max-width:1120px; margin:0 auto; padding:0 16px; }

/* หัวข้อ */
.bch-title{
  font-weight: 800; font-size: 32px; text-align:center; margin-bottom: 8px; color:#111;
}
.bch-sub{
  text-align:center; margin:0 auto 30px; max-width:800px;
  color:#666; font-size:14px; line-height:1.6;
}

/* Grid System */
.bch-grid{
  display:flex; flex-wrap:wrap; justify-content:center; gap:20px;
}
.bch-grid > * {
  flex: 0 1 280px; /* Each card will be around 280px wide */
}
@media (max-width: 992px){ .bch-grid{ gap: 16px; } .bch-grid > * { flex: 0 1 calc(50% - 8px); } }
@media (max-width: 480px){ .bch-grid > * { flex: 0 1 100%; max-width: 320px; margin:0 auto; } }

/* ====== ตัวการ์ด (Card Design) ====== */
.bch-card{
  display:block; text-decoration:none;
  background:#fff; border-radius:12px;
  border: 1px solid #eee;
  overflow:hidden; /* ตัดขอบรูปที่เกิน */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}
.bch-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.08);
  border-color: transparent;
}

/* ส่วนรูปภาพ (แก้ให้เต็มจอ) */
.bch-media-wrap{
  position:relative;
  width: 100%;
  padding-top: 65%; /* กำหนดสัดส่วนความสูงของภาพ (Aspect Ratio) */
  background: #f0f0f0;
  overflow: hidden;
}
.bch-img-inner {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; justify-content: center;
}
.bch-img-inner img{
  width: 100%; height: 100%; 
  object-fit: cover; /* บังคับรูปให้ขยายเต็มพื้นที่ ไม่เหลือขอบขาว */
  transition: transform 0.5s ease;
  display: block;
}
.bch-card:hover .bch-img-inner img{ transform: scale(1.05); }

/* ส่วนเนื้อหา (Content) */
.bch-content{
  position:relative;
  padding: 0 16px 20px;
  text-align:center;
  margin-top: -24px; /* ดึงเนื้อหาขึ้นมาซ้อนรูปนิดหน่อย */
}

/* [แก้] แคปซูลโลโก้ (ย่อให้เล็กลง) */
.bch-logo-pill{
  width: 90px; height: 44px; /* ลดขนาดลง (เดิม 140x64) */
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  margin: 0 auto 12px;
  display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 2;
  padding: 6px;
  border: 1px solid #f0f0f0;
}
.bch-logo-pill img{
  max-width: 80%; max-height: 28px; width: auto; height: auto;
  object-fit: contain;
}

/* ปุ่มกด (Button) */
.bch-btn{
  display: inline-block;
  background: #f8f9fa; color: #333;
  padding: 8px 16px; /* ลด Padding ลง */
  border-radius: 30px;
  font-size: 13px; font-weight: 700;
  transition: all 0.2s;
}
.bch-card:hover .bch-btn{
  background: #6cc04a; color: #fff; 
}

.choose-type-band{
  background: transparent;
  padding: 28px 0 44px;
}

.choose-type-band .ic-container{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px;
}

.choose-type-band .ct-title{
  margin: 0 0 6px;
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: .5px;
}

.choose-type-band .ct-subtitle{
  margin: 0 auto 20px;
  max-width: 960px;
  text-align: center;
  color: #333;
  line-height: 1.65;
  font-size: 14px;
}

.choose-type-band .ct-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 24px;
  align-items: stretch;
}

.choose-type-band .ct-card{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

.choose-type-band .ct-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(0,0,0,.12);
}

.choose-type-band .ct-hero{
  width: 100%;
  aspect-ratio: 16/9;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.choose-type-band .ct-hero img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.choose-type-band .ct-body{
  padding: 16px 18px 18px;
  text-align: center;
}

.choose-type-band .ct-name{
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 6px;
}

.choose-type-band .ct-desc{
  font-size: 13px;
  color: #555;
}

@media (max-width: 1200px){
  .choose-type-band .ct-grid{
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 640px){
  .choose-type-band{
    padding: 22px 0 34px;
  }

  .choose-type-band .ct-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* ------- Theme variables (เหมือนเดิม) ------- */
  #flash-100{ --red:#d93025; --black:#111; --dark:#1f1f1f; --gray:#f2f2f2; --gold:#f4b400; --blue:#2f35d4; --green:#26a269; }
  #flash-100 * { box-sizing:border-box; }

  /* กล่องนอก + เส้นขอบแดง */
  #flash-100 .fs-wrap{
    max-width:1120px; margin:24px auto;
    border:6px solid var(--red); border-radius:8px; background:#fff;
    overflow:hidden;
  }

  /* หัวแถบแดง */
  #flash-100 .fs-head{
    display:grid; grid-template-columns:auto 1fr auto; align-items:center;
    gap:18px; padding:14px 18px; background:var(--red); color:#fff;
  }
  #flash-100 .fs-badge{
    display:flex; align-items:center; gap:8px; padding:8px 12px;
    background:#1d1d1d; border-radius:8px; box-shadow:inset 0 -2px 0 rgba(255,255,255,.08);
    font-weight:800; letter-spacing:.5px;
  }
  #flash-100 .fs-badge .bolt{ font-size:20px; margin-right:4px; }
  #flash-100 .fs-badge .t1{ color:#ffd54f; }
  #flash-100 .fs-badge .t2{ color:#00d0ff; margin-left:4px; }

  #flash-100 .fs-copy{ margin:0; font-size:14px; line-height:1.5; }
  @media (max-width:900px){
    #flash-100 .fs-head{ grid-template-columns:1fr; gap:10px; }
    #flash-100 .fs-copy{ order:3; }
  }

  /* Timer */
  #flash-100 .fs-timer{ display:flex; gap:10px; }
  #flash-100 .fs-timer .box{
    background:var(--dark); color:#fff; border-radius:6px;
    padding:6px 10px; min-width:58px; text-align:center;
  }
  #flash-100 .fs-timer .num{ font:700 26px/1.1 ui-monospace,Consolas,monospace; letter-spacing:1px; }
  #flash-100 .fs-timer .lbl{ font:600 10px/1.2 ui-sans-serif,system-ui; opacity:.85; margin-top:4px; letter-spacing:1px; }

  /* พื้นหลังในตัวสไลด์ */
  #flash-100 .fs-body{ position:relative; padding:22px 44px; background:transparent; }
  @media (max-width:900px){ #flash-100 .fs-body{ padding:18px 40px; } }
  @media (max-width:640px){ #flash-100 .fs-body{ padding:16px 36px; } }

  /* ปุ่มเลื่อน */
  #flash-100 .fs-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border:0; border-radius:8px;
    background:#fff; color:#000; font-size:28px; line-height:1; cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    display:flex; align-items:center; justify-content:center;
  }
  #flash-100 .fs-nav:hover{ filter:brightness(.95); }
  #flash-100 .fs-nav.prev{ left:14px; }
  #flash-100 .fs-nav.next{ right:14px; }

  /* viewport + track */
  #flash-100 .fs-viewport{ overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  #flash-100 .fs-viewport::-webkit-scrollbar{ display:none; }
  #flash-100 .fs-track{ display:flex; gap:34px; padding:6px 0; }

  /* การ์ดสินค้า — ขนาดเดิม */
  #flash-100 .fs-card{
    scroll-snap-align:start;
    width:320px; flex:0 0 320px;
    background:#fff; border:1px solid #e7e7e7; border-radius:6px;
    box-shadow:0 10px 20px rgba(0,0,0,.06);
    padding:14px; color:var(--black);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  #flash-100 .fs-card:hover{ transform:translateY(-2px); box-shadow:0 14px 24px rgba(0,0,0,.10); }

  #flash-100 .fs-card .thumb{ height:200px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:4px; }
  #flash-100 .fs-card .thumb img{ max-height:100%; max-width:100%; object-fit:contain; }
  #flash-100 .fs-card .thumb .ph{ width:90%; height:86%; background:#e9e9e9; border-radius:8px; }
	
  #flash-100 .title{ display:block; font-weight:600; margin:6px 0 8px; color:#111; text-decoration:none; }
  #flash-100 .title:hover{ text-decoration:underline; }

  #flash-100 .rating-sold{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  #flash-100 .stars .txt{ color:var(--gold); letter-spacing:2px; }
  #flash-100 .rating-sold .sold{ font-size:12px; color:#333; }

  #flash-100 .price{ margin-top:6px; }
  #flash-100 .price .now{ font-size:22px; color:var(--red); font-weight:800; }
  #flash-100 .compare{ font-size:12px; color:#666; margin-top:4px; }

  #flash-100 .pills{ display:flex; gap:10px; margin-top:10px; }
  #flash-100 .pill{ display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:700; color:#fff; }
  #flash-100 .pill.green{ background:#26a269; }
  #flash-100 .pill.blue{ background:#2f35d4; }

  /* ปุ่ม Add to Cart (ใช้ปุ่มของ WooCommerce แต่จัดสไตล์ให้อยู่ท้ายการ์ดและกว้างพอดี) */
  #flash-100 .cta-row{ margin-top:12px; }
  #flash-100 .fs-card .button{ width:100%; display:inline-flex; align-items:center; justify-content:center;
    padding:10px 12px; border-radius:6px; background:#111; color:#fff; text-decoration:none; font-weight:700;
    transition:filter .15s ease, transform .05s ease; }
  #flash-100 .fs-card .button:hover{ filter:brightness(1.08); }
  #flash-100 .fs-card .button:active{ transform:translateY(1px); }
  #flash-100 .fs-card .added_to_cart{ display:none !important; }
  #flash-100 .fs-card .button.disabled{ opacity:.6; pointer-events:none; }

/* Final homepage layout fix: keep footer natural, do not force body/footer flex layout */
html, body{
  margin:0;
  padding:0;
  overflow-x:hidden !important;
  height:auto !important;
  min-height:0 !important;
}
body{
  display:block !important;
  flex-direction:initial !important;
}
#page,
#ic-scope{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  flex:none !important;
}
.review-section{
  margin-top:0 !important;
  flex:none !important;
  flex-shrink:1 !important;
}
footer,
#footer,
.site-footer,
.ic-footer{
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  height:auto !important;
  min-height:0 !important;
  clear:both !important;
}
.best-section{ background:transparent !important; }
.grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  width:100%;
}
@media (max-width:1024px){
  .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .grid-4{ grid-template-columns:1fr; }
}
.grid-4>*{
  min-width:0 !important;
  max-width:100% !important;
}
.grid-4 img,
.grid-4 .thumb img,
.grid-4 .thumb-img,
.fs-card img{
  max-width:100% !important;
  height:auto !important;
  display:block;
}
.grid-4 .thumb,
.fs-card .thumb{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}
.fs-card .thumb img,
.grid-4 .thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
.fs-card{
  overflow:hidden;
}

/* ===== Homepage product section polish ===== */
.title-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:52px !important;
  margin:26px 0 24px !important;
  padding:12px 18px !important;
  border-radius:10px !important;
  background:#6cc04a !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:18px !important;
  text-align:center !important;
  box-shadow:0 10px 22px rgba(108,192,74,.18) !important;
}
.bcard{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.bcard .thumb{
  text-decoration:none !important;
  border-radius:12px;
  border:1px solid #eee;
  background:#f7f7f7;
}
.bcard .btitle{
  display:block;
  margin:14px 0 8px;
  color:#1f2937;
  font-weight:800;
  line-height:1.35;
  text-decoration:none;
}
.bcard .btitle:hover{ color:#5bb43f; }
.bprice{
  margin-top:auto;
  color:#e60000;
  font-weight:900;
  font-size:20px;
  line-height:1.25;
}
.bprice del{
  color:#9ca3af !important;
  font-size:14px !important;
  font-weight:600 !important;
  opacity:.9 !important;
  margin-right:6px;
}
.bprice ins{
  color:#e60000 !important;
  font-size:20px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.bpills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.bpills .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 14px;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  font-size:13px;
}
.bpills .pill.green{ background:#22c55e; }
.bpills .pill.blue{ background:#1473ff; }
.ic-empty-products{
  grid-column:1/-1;
  text-align:center;
  color:#666;
  background:#fff;
  border-radius:12px;
  padding:24px;
}


/* ===== Premium product card polish v2 - scoped to homepage only ===== */
#ic-scope .best-section{
  padding:34px 0 46px !important;
}
#ic-scope .best-section .ic-container{
  max-width:1320px !important;
  margin:0 auto !important;
  padding:0 18px !important;
}
#ic-scope .title-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  margin:28px 0 28px !important;
  padding:13px 22px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#6cc04a 0%,#54b936 100%) !important;
  color:#fff !important;
  font-size:19px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  box-shadow:0 12px 28px rgba(108,192,74,.24) !important;
}
#ic-scope .grid-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
  width:100% !important;
  align-items:stretch !important;
}
#ic-scope .bcard{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(226,232,240,.95) !important;
  border-radius:22px !important;
  padding:16px !important;
  overflow:hidden !important;
  box-shadow:0 14px 35px rgba(15,23,42,.075) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
#ic-scope .bcard:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(108,192,74,.45) !important;
  box-shadow:0 22px 48px rgba(15,23,42,.12) !important;
}
#ic-scope .bcard .thumb{
  width:100% !important;
  aspect-ratio:1/1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:17px !important;
  border:1px solid #edf0f3 !important;
  background:#f7f8fa !important;
  text-decoration:none !important;
}
#ic-scope .bcard .thumb img,
#ic-scope .bcard .thumb-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  transition:transform .22s ease !important;
}
#ic-scope .bcard:hover .thumb img{
  transform:scale(1.025) !important;
}
#ic-scope .bcard .btitle{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:56px !important;
  margin:16px 0 10px !important;
  color:#1f2937 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.42 !important;
  letter-spacing:.1px !important;
  text-decoration:none !important;
}
#ic-scope .bcard .btitle:hover{
  color:#5bb43f !important;
}
#ic-scope .bmeta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:24px !important;
  margin:0 0 12px !important;
  color:#6b7280 !important;
  font-size:12px !important;
}
#ic-scope .brating,
#ic-scope .brating .star-rating,
#ic-scope .brating .stars{
  color:#f59e0b !important;
  font-size:13px !important;
  letter-spacing:1px !important;
}
#ic-scope .brating .star-rating{
  margin:0 !important;
  float:none !important;
}
#ic-scope .bsold{
  white-space:nowrap !important;
  color:#6b7280 !important;
}
#ic-scope .bprice{
  margin-top:auto !important;
  min-height:55px !important;
  display:flex !important;
  align-items:flex-start !important;
  color:inherit !important;
  font-size:initial !important;
  font-weight:initial !important;
  line-height:normal !important;
}
#ic-scope .ic-price-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  width:100% !important;
  padding:6px 0 2px !important;
  line-height:1.15 !important;
}
#ic-scope .ic-old-price,
#ic-scope .bprice del,
#ic-scope .ic-price-variable del{
  display:inline-block !important;
  width:auto !important;
  color:#9aa3af !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  text-decoration:line-through !important;
  opacity:1 !important;
  margin:0 !important;
}
#ic-scope .ic-old-price .woocommerce-Price-amount,
#ic-scope .bprice del .woocommerce-Price-amount{
  color:#9aa3af !important;
  font-size:14px !important;
  font-weight:700 !important;
}
#ic-scope .ic-current-price,
#ic-scope .bprice ins,
#ic-scope .bprice > .woocommerce-Price-amount,
#ic-scope .ic-price-variable ins{
  display:block !important;
  color:#e60000 !important;
  font-size:24px !important;
  font-weight:950 !important;
  line-height:1.08 !important;
  letter-spacing:-.4px !important;
  text-decoration:none !important;
  margin:0 !important;
}
#ic-scope .ic-current-price .woocommerce-Price-amount,
#ic-scope .bprice ins .woocommerce-Price-amount,
#ic-scope .bprice > .woocommerce-Price-amount{
  color:#e60000 !important;
  font-size:24px !important;
  font-weight:950 !important;
}
#ic-scope .woocommerce-Price-currencySymbol{
  font-size:.82em !important;
  margin-right:1px !important;
}
#ic-scope .bpills{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}
#ic-scope .bpills .pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 15px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
}
#ic-scope .bpills .pill.green{
  background:rgba(34,197,94,.12) !important;
  color:#15803d !important;
  border:1px solid rgba(34,197,94,.2) !important;
}
#ic-scope .bpills .pill.blue{
  background:rgba(59,130,246,.12) !important;
  color:#1d4ed8 !important;
  border:1px solid rgba(59,130,246,.2) !important;
}
@media (max-width:1100px){
  #ic-scope .grid-4{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; }
}
@media (max-width:820px){
  #ic-scope .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; }
  #ic-scope .bcard{ border-radius:18px !important; padding:12px !important; }
  #ic-scope .bcard .btitle{ font-size:15px !important; min-height:46px !important; }
  #ic-scope .ic-current-price,
  #ic-scope .bprice ins,
  #ic-scope .bprice > .woocommerce-Price-amount,
  #ic-scope .ic-current-price .woocommerce-Price-amount,
  #ic-scope .bprice ins .woocommerce-Price-amount{ font-size:20px !important; }
}
@media (max-width:520px){
  #ic-scope .best-section .ic-container{ padding:0 12px !important; }
  #ic-scope .grid-4{ grid-template-columns:1fr !important; max-width:360px !important; margin:0 auto !important; }
  #ic-scope .title-bar{ font-size:17px !important; min-height:48px !important; margin:22px 0 18px !important; }
}

/* ===== FINAL CLEAN PRODUCT PRICE UI - homepage only ===== */
#ic-scope .bcard{
  display:flex !important;
  flex-direction:column !important;
}

#ic-scope .bprice{
  margin-top:auto !important;
  min-height:86px !important;
  display:block !important;
  padding:0 !important;
  line-height:1 !important;
}

#ic-scope .ic-price-wrap{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:8px 0 0 !important;
  line-height:1.1 !important;
}

#ic-scope .ic-price-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
}

#ic-scope .ic-price-regular-row{
  min-height:20px !important;
}

#ic-scope .ic-price-current-row{
  min-height:32px !important;
}

#ic-scope .ic-price-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:42px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  color:#6b7280 !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#ic-scope .ic-sale-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:58px !important;
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#fff1f2 !important;
  color:#e11d48 !important;
  border:1px solid #fecdd3 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#ic-scope .ic-old-price,
#ic-scope .ic-old-price *,
#ic-scope .bprice del,
#ic-scope .bprice del *{
  display:inline-block !important;
  color:#9ca3af !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.05 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1.5px !important;
  text-decoration-color:#ef4444 !important;
  opacity:1 !important;
  margin:0 !important;
  vertical-align:middle !important;
}

#ic-scope .ic-current-price,
#ic-scope .ic-current-price *,
#ic-scope .bprice ins,
#ic-scope .bprice ins *,
#ic-scope .bprice > .woocommerce-Price-amount,
#ic-scope .bprice > .woocommerce-Price-amount *{
  display:inline-block !important;
  color:#e60000 !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.35px !important;
  text-decoration:none !important;
  margin:0 !important;
  vertical-align:middle !important;
}

#ic-scope .ic-price-normal .ic-current-price,
#ic-scope .ic-price-normal .ic-current-price *{
  font-size:23px !important;
}

#ic-scope .woocommerce-Price-currencySymbol{
  font-size:.78em !important;
  margin-right:2px !important;
}

#ic-scope .ic-variable-price-html{
  display:block !important;
  width:100% !important;
}

#ic-scope .ic-variable-price-html .price,
#ic-scope .ic-variable-price-html .amount{
  color:#e60000 !important;
  font-size:21px !important;
  font-weight:950 !important;
}

#ic-scope .bpills{
  margin-top:16px !important;
}

@media (max-width:640px){
  #ic-scope .bprice{
    min-height:78px !important;
  }
  #ic-scope .ic-current-price,
  #ic-scope .ic-current-price *,
  #ic-scope .bprice ins,
  #ic-scope .bprice ins *,
  #ic-scope .bprice > .woocommerce-Price-amount,
  #ic-scope .bprice > .woocommerce-Price-amount *{
    font-size:20px !important;
  }
  #ic-scope .ic-price-row{
    gap:6px !important;
  }
}

/* ===== Homepage product card price: Flash Sale style ===== */
#ic-scope .bcard{
  display:flex!important;
  flex-direction:column!important;
}

#ic-scope .bprice{
  margin-top:auto!important;
  min-height:92px!important;
  padding-top:10px!important;
  display:block!important;
  line-height:1!important;
}

#ic-scope .icfs-price-card{
  width:100%!important;
  min-height:72px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  line-height:1.1!important;
}

#ic-scope .icfs-price-card.icfs-sale{
  background:linear-gradient(180deg,#fff8f8 0%,#fff 100%)!important;
  border:1px solid #ffe1e1!important;
  border-left:4px solid #ef2b2b!important;
}

#ic-scope .icfs-price-card.icfs-normal{
  background:linear-gradient(180deg,#f8fff9 0%,#fff 100%)!important;
  border:1px solid #d9f7df!important;
  border-left:4px solid #22c55e!important;
}

#ic-scope .icfs-compare{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#8a8f98!important;
  white-space:nowrap!important;
}

#ic-scope .icfs-compare span,
#ic-scope .icfs-kicker{
  display:inline-flex!important;
  align-items:center!important;
  height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#f3f4f6!important;
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}

#ic-scope .icfs-compare del{
  display:inline-block!important;
  color:#9ca3af!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:line-through!important;
  text-decoration-color:#ef4444!important;
  text-decoration-thickness:1.5px!important;
  margin:0!important;
  opacity:1!important;
}

#ic-scope .icfs-now{
  display:block!important;
  width:100%!important;
  color:#e60000!important;
  font-size:25px!important;
  font-weight:950!important;
  letter-spacing:-.45px!important;
  line-height:1.05!important;
  text-decoration:none!important;
  margin:0!important;
  white-space:nowrap!important;
}

#ic-scope .icfs-normal .icfs-now{
  color:#e60000!important;
}

#ic-scope .icfs-woo-price,
#ic-scope .icfs-woo-price *,
#ic-scope .icfs-price-card .amount,
#ic-scope .icfs-price-card .amount *{
  color:#e60000!important;
  font-size:22px!important;
  font-weight:950!important;
  text-decoration:none!important;
}

#ic-scope .icfs-price-card del,
#ic-scope .icfs-price-card del *{
  color:#9ca3af!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:line-through!important;
  text-decoration-color:#ef4444!important;
}

#ic-scope .bpills{
  margin-top:14px!important;
}

#ic-scope .bmeta{
  margin-bottom:2px!important;
}

@media(max-width:640px){
  #ic-scope .bprice{
    min-height:86px!important;
  }
  #ic-scope .icfs-price-card{
    min-height:66px!important;
    padding:9px 10px!important;
  }
  #ic-scope .icfs-now{
    font-size:22px!important;
  }
  #ic-scope .icfs-compare{
    gap:6px!important;
  }
}

/* ===== Homepage product price: clean Flash Sale/reference style ===== */
#ic-scope .bcard .bprice{
  display:block !important;
  min-height:62px !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  line-height:1 !important;
}

#ic-scope .icsp-price{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#ic-scope .icsp-line{
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

#ic-scope .icsp-old,
#ic-scope .icsp-old *,
#ic-scope .icsp-price del,
#ic-scope .icsp-price del *{
  color:#ef6b6b !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1.7px !important;
  text-decoration-color:#ef4444 !important;
  opacity:1 !important;
  margin:0 !important;
  display:inline-block !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}

#ic-scope .icsp-current,
#ic-scope .icsp-current *,
#ic-scope .icsp-price ins,
#ic-scope .icsp-price ins *,
#ic-scope .icsp-woo .amount,
#ic-scope .icsp-woo .amount *{
  color:#e60000 !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.25px !important;
  text-decoration:none !important;
  margin:0 !important;
  display:inline-block !important;
  flex:0 0 auto !important;
}

#ic-scope .icsp-note{
  margin-top:8px !important;
  color:#6b7280 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#ic-scope .icsp-price .woocommerce-Price-currencySymbol{
  font-size:.82em !important;
  margin-right:1px !important;
}

#ic-scope .bpills{
  margin-top:16px !important;
}

#ic-scope .btitle{
  min-height:58px !important;
}

/* Brand cards: make the whole card clearly clickable */
#ic-scope .bch-card,
.brand-choose-hero .bch-card{
  cursor:pointer !important;
  color:inherit !important;
}
#ic-scope .bch-card:hover .bch-btn,
.brand-choose-hero .bch-card:hover .bch-btn{
  background:#6cc04a !important;
  color:#fff !important;
}

@media (max-width: 1180px){
  #ic-scope .icsp-old,
  #ic-scope .icsp-old *,
  #ic-scope .icsp-price del,
  #ic-scope .icsp-price del *{
    font-size:16px !important;
  }
  #ic-scope .icsp-current,
  #ic-scope .icsp-current *,
  #ic-scope .icsp-price ins,
  #ic-scope .icsp-price ins *,
  #ic-scope .icsp-woo .amount,
  #ic-scope .icsp-woo .amount *{
    font-size:18px !important;
  }
  #ic-scope .icsp-line{
    gap:5px !important;
  }
}

@media (max-width: 640px){
  #ic-scope .bcard .bprice{
    min-height:58px !important;
  }
  #ic-scope .icsp-old,
  #ic-scope .icsp-old *,
  #ic-scope .icsp-price del,
  #ic-scope .icsp-price del *{
    font-size:15px !important;
  }
  #ic-scope .icsp-current,
  #ic-scope .icsp-current *,
  #ic-scope .icsp-price ins,
  #ic-scope .icsp-price ins *,
  #ic-scope .icsp-woo .amount,
  #ic-scope .icsp-woo .amount *{
    font-size:18px !important;
  }
  #ic-scope .icsp-note{
    font-size:12px !important;
  }
}

/* ===== Minimal premium polish for homepage only ===== */
#ic-scope{
  --ic-green:#6cc04a;
  --ic-green-dark:#4fac35;
  --ic-blue:#1677ff;
  --ic-red:#e60000;
  --ic-text:#182233;
  --ic-muted:#6b7280;
  --ic-line:#e8edf3;
  --ic-card:#ffffff;
  --ic-soft:#f6f9fc;
}

/* Section spacing */
#ic-scope .brand-choose-hero,
#ic-scope .choose-type-band,
#ic-scope .best-section,
#ic-scope .review-section{
  padding-top:42px !important;
  padding-bottom:50px !important;
}

#ic-scope .ic-container{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* Typography */
#ic-scope .bch-title,
#ic-scope .ct-title,
#ic-scope .review-section .title{
  font-size:clamp(26px, 3vw, 38px) !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  color:#101827 !important;
  margin-bottom:10px !important;
}

#ic-scope .bch-sub,
#ic-scope .ct-subtitle{
  color:#667085 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

/* Brand: exactly 3 clean cards */
#ic-scope .bch-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
  max-width:1040px !important;
  margin:0 auto !important;
}

#ic-scope .bch-card{
  display:block !important;
  background:#fff !important;
  border:1px solid var(--ic-line) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  text-decoration:none !important;
  box-shadow:0 16px 40px rgba(15,23,42,.06) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#ic-scope .bch-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 24px 54px rgba(15,23,42,.11) !important;
  border-color:rgba(108,192,74,.42) !important;
}

#ic-scope .bch-media-wrap{
  padding-top:58% !important;
  background:#f5f7fa !important;
}

#ic-scope .bch-img-inner img{
  object-fit:cover !important;
  transform:none !important;
}

#ic-scope .bch-card:hover .bch-img-inner img{
  transform:scale(1.035) !important;
}

#ic-scope .bch-content{
  padding:0 18px 24px !important;
  margin-top:-30px !important;
}

#ic-scope .bch-logo-pill{
  width:118px !important;
  height:58px !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(15,23,42,.12) !important;
  margin-bottom:16px !important;
}

#ic-scope .bch-logo-pill img{
  max-width:86% !important;
  max-height:34px !important;
}

#ic-scope .bch-btn{
  background:#f3f6f8 !important;
  color:#263242 !important;
  min-width:156px !important;
  height:42px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:850 !important;
}

#ic-scope .bch-card:hover .bch-btn{
  background:var(--ic-green) !important;
  color:#fff !important;
}

/* Green title bars */
#ic-scope .title-bar{
  background:var(--ic-green) !important;
  color:#fff !important;
  border-radius:18px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  box-shadow:0 14px 30px rgba(108,192,74,.22) !important;
  margin:0 0 28px !important;
}

/* Product grid and cards */
#ic-scope .grid-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
  overflow:visible !important;
}

#ic-scope .bcard{
  background:#fff !important;
  border:1px solid var(--ic-line) !important;
  border-radius:22px !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  box-shadow:0 16px 38px rgba(15,23,42,.06) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#ic-scope .bcard:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 22px 50px rgba(15,23,42,.10) !important;
  border-color:rgba(108,192,74,.36) !important;
}

#ic-scope .bcard .thumb{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  background:#f8fafc !important;
  border:1px solid #edf1f5 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  margin-bottom:16px !important;
  text-decoration:none !important;
}

#ic-scope .bcard .thumb img,
#ic-scope .bcard .thumb-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:8px !important;
  transition:transform .22s ease !important;
}

#ic-scope .bcard:hover .thumb img{
  transform:scale(1.025) !important;
}

#ic-scope .btitle{
  color:var(--ic-text) !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.38 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  min-height:70px !important;
  margin:0 0 10px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

#ic-scope .btitle:hover{
  color:var(--ic-green-dark) !important;
}

#ic-scope .bmeta,
#ic-scope .rating-sold{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 12px !important;
  color:#667085 !important;
  font-size:13px !important;
}

#ic-scope .stars,
#ic-scope .brating,
#ic-scope .stars .txt{
  color:#ffad00 !important;
  letter-spacing:1.5px !important;
  font-size:15px !important;
}

#ic-scope .bsold,
#ic-scope .sold{
  color:#667085 !important;
  white-space:nowrap !important;
}

/* Flash sale style price */
#ic-scope .bprice{
  margin-top:auto !important;
  padding-top:4px !important;
  min-height:70px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:4px !important;
}

#ic-scope .ic-price-wrap{
  display:block !important;
  width:100% !important;
}

#ic-scope .ic-flash-price-line,
#ic-scope .ic-price-line{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

#ic-scope .ic-old-price,
#ic-scope .ic-old-price *,
#ic-scope .bprice del,
#ic-scope .bprice del *{
  color:#ee6b6b !important;
  font-size:18px !important;
  font-weight:850 !important;
  line-height:1.05 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1.7px !important;
  text-decoration-color:#e54848 !important;
  opacity:1 !important;
  white-space:nowrap !important;
}

#ic-scope .ic-current-price,
#ic-scope .ic-current-price *,
#ic-scope .bprice ins,
#ic-scope .bprice ins *,
#ic-scope .bprice > .woocommerce-Price-amount,
#ic-scope .bprice > .woocommerce-Price-amount *{
  color:#e60000 !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.5px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

#ic-scope .ic-compare-price,
#ic-scope .compare{
  display:block !important;
  margin-top:7px !important;
  color:#7a8494 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

#ic-scope .bpills,
#ic-scope .pills{
  display:flex !important;
  gap:10px !important;
  margin-top:18px !important;
  flex-wrap:wrap !important;
}

#ic-scope .pill{
  border-radius:999px !important;
  padding:10px 16px !important;
  font-size:14px !important;
  font-weight:850 !important;
  color:#fff !important;
  line-height:1 !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#ic-scope .pill.green{ background:#20b455 !important; }
#ic-scope .pill.blue{ background:#1677ff !important; }

/* Choose type cards */
#ic-scope .ct-grid{
  gap:24px !important;
}

#ic-scope .ct-card{
  border:1px solid var(--ic-line) !important;
  border-radius:22px !important;
  box-shadow:0 16px 38px rgba(15,23,42,.06) !important;
}

#ic-scope .ct-hero{
  background:#f8fafc !important;
}

/* Responsive */
@media (max-width:1100px){
  #ic-scope .grid-4{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:992px){
  #ic-scope .bch-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  #ic-scope .grid-4,
  #ic-scope .ct-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:640px){
  #ic-scope .brand-choose-hero,
  #ic-scope .choose-type-band,
  #ic-scope .best-section,
  #ic-scope .review-section{
    padding-top:30px !important;
    padding-bottom:36px !important;
  }

  #ic-scope .bch-grid{
    grid-template-columns:1fr !important;
    max-width:360px !important;
  }

  #ic-scope .grid-4,
  #ic-scope .ct-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  #ic-scope .bcard{
    padding:16px !important;
    border-radius:20px !important;
  }

  #ic-scope .btitle{
    min-height:auto !important;
    font-size:16px !important;
    -webkit-line-clamp:2 !important;
  }

  #ic-scope .ic-current-price,
  #ic-scope .ic-current-price *,
  #ic-scope .bprice ins,
  #ic-scope .bprice ins *,
  #ic-scope .bprice > .woocommerce-Price-amount,
  #ic-scope .bprice > .woocommerce-Price-amount *{
    font-size:21px !important;
  }

  #ic-scope .ic-old-price,
  #ic-scope .ic-old-price *,
  #ic-scope .bprice del,
  #ic-scope .bprice del *{
    font-size:16px !important;
  }
}

/* ===== Minimal final polish v2: center cards, cleaner price, softer section bars ===== */

/* Keep main containers visually centered */
#ic-scope .ic-container{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

/* Minimal section title bars */
#ic-scope .title-bar{
  width:max-content !important;
  margin:0 auto 32px !important;
  padding:0 36px !important;
  min-height:44px !important;
  height:44px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#6cc04a 0%,#54b936 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(108,192,74,.24) !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

/* Product cards: make the card content feel centered and cleaner */
#ic-scope .grid-4{
  justify-content:center !important;
  align-items:stretch !important;
}

#ic-scope .bcard{
  text-align:center !important;
  padding:18px !important;
}

#ic-scope .bcard .thumb{
  margin-left:auto !important;
  margin-right:auto !important;
}

#ic-scope .btitle{
  text-align:left !important;
  min-height:68px !important;
}

/* Rating row stays readable */
#ic-scope .bmeta,
#ic-scope .rating-sold{
  margin-top:4px !important;
  margin-bottom:14px !important;
}

/* Price: Flash Sale-like and no confusing compare line */
#ic-scope .bprice{
  min-height:52px !important;
  margin-top:auto !important;
  padding-top:8px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  gap:5px !important;
  text-align:left !important;
}

#ic-scope .ic-flash-price-line,
#ic-scope .ic-price-line{
  width:100% !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  line-height:1.08 !important;
}

/* Hide confusing "จากปกติ xx.-" compare text */
#ic-scope .ic-compare-price,
#ic-scope .compare{
  display:none !important;
}

/* Old price: smaller and softer */
#ic-scope .ic-old-price,
#ic-scope .ic-old-price *,
#ic-scope .bprice del,
#ic-scope .bprice del *{
  color:#a8b0bd !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1.5px !important;
  text-decoration-color:#e36b6b !important;
  opacity:1 !important;
  white-space:nowrap !important;
}

/* Current price: clear but not too large */
#ic-scope .ic-current-price,
#ic-scope .ic-current-price *,
#ic-scope .bprice ins,
#ic-scope .bprice ins *,
#ic-scope .bprice > .woocommerce-Price-amount,
#ic-scope .bprice > .woocommerce-Price-amount *{
  color:#e60000 !important;
  font-size:20px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.35px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* Currency slightly smaller */
#ic-scope .bprice .woocommerce-Price-currencySymbol,
#ic-scope .ic-current-price .woocommerce-Price-currencySymbol,
#ic-scope .ic-old-price .woocommerce-Price-currencySymbol{
  font-size:.82em !important;
  margin-right:1px !important;
}

/* Buttons aligned and minimal */
#ic-scope .bpills,
#ic-scope .pills{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:18px !important;
  width:100% !important;
}

#ic-scope .pill{
  height:auto !important;
  min-height:26px !important;
  padding:4px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  box-shadow:none !important;
}
#ic-scope .pill.green{
  background:rgba(34,197,94,.12) !important;
  color:#15803d !important;
  border:1px solid rgba(34,197,94,.2) !important;
}
#ic-scope .pill.blue{
  background:rgba(59,130,246,.12) !important;
  color:#1d4ed8 !important;
  border:1px solid rgba(59,130,246,.2) !important;
}

/* Brand section minimal spacing */
#ic-scope .brand-choose-hero{
  padding-top:48px !important;
  padding-bottom:58px !important;
}

#ic-scope .bch-grid{
  max-width:980px !important;
  gap:22px !important;
}

#ic-scope .bch-card{
  border-radius:18px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.055) !important;
}

#ic-scope .bch-card:hover{
  box-shadow:0 18px 42px rgba(15,23,42,.10) !important;
}

/* Type section */
#ic-scope .choose-type-band .ct-title,
#ic-scope .bch-title{
  text-align:center !important;
}

#ic-scope .choose-type-band .ct-subtitle,
#ic-scope .bch-sub{
  text-align:center !important;
}

/* Responsive */
@media (max-width:992px){
  #ic-scope .title-bar{
    max-width:100% !important;
    height:46px !important;
    min-height:46px !important;
  }
}

@media (max-width:640px){
  #ic-scope .ic-container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  #ic-scope .title-bar{
    height:44px !important;
    min-height:44px !important;
    border-radius:12px !important;
    font-size:17px !important;
    margin-bottom:22px !important;
  }

  #ic-scope .bcard{
    text-align:left !important;
  }

  #ic-scope .btitle{
    min-height:auto !important;
  }

  #ic-scope .ic-current-price,
  #ic-scope .ic-current-price *,
  #ic-scope .bprice ins,
  #ic-scope .bprice ins *,
  #ic-scope .bprice > .woocommerce-Price-amount,
  #ic-scope .bprice > .woocommerce-Price-amount *{
    font-size:19px !important;
  }

  #ic-scope .ic-old-price,
  #ic-scope .ic-old-price *,
  #ic-scope .bprice del,
  #ic-scope .bprice del *{
    font-size:14px !important;
  }
}

/* ==================================================
   MOBILE BLOG/REVIEW RESPONSIVE POLISH
================================================== */
@media (max-width: 767px) {
  body.home .blog-review-section,
  body.home .ic-blog-section,
  body.home .home-blog-section,
  body.home .review-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.home .blog-review-grid,
  body.home .ic-blog-grid,
  body.home .home-blog-grid,
  body.home .review-grid,
  body.home .blog-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.home .blog-card,
  body.home .ic-blog-card,
  body.home .post-card,
  body.home .review-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.home .blog-hero {
    aspect-ratio: 16/9 !important;
  }

  body.home .blog-card h3,
  body.home .ic-blog-card h3,
  body.home .post-card h3,
  body.home .review-card h3,
  body.home .blog-title,
  body.home .blog-title a {
    font-size: 20px !important;
    line-height: 1.35 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

/* ==================================================
   MOBILE FLASH SALE CENTER ALIGNMENT OVERRIDE
================================================== */
@media (max-width: 767px) {
  body.home .flash-sale-section,
  body.home #flash-100 {
    overflow: hidden !important;
  }

  body.home #flash-100 .fs-body {
    padding: 20px 0 !important; /* Edge-to-edge track viewport spacing */
    position: relative !important;
  }

  body.home .flash-sale-track,
  body.home .flash-track,
  body.home #flash-100 .products,
  body.home #flash-100 .bgrid,
  body.home #flash-100 .fs-viewport {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.home #flash-100 .fs-viewport::-webkit-scrollbar {
    display: none !important;
  }

  body.home #flash-100 .fs-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 10px 24px !important; /* 24px padding allows center-aligned cards to snap neatly */
    width: max-content !important;
  }

  body.home .flash-sale-card,
  body.home #flash-100 .product,
  body.home #flash-100 .bcard,
  body.home #flash-100 .fs-card {
    scroll-snap-align: center !important;
    flex: 0 0 calc(100vw - 48px) !important;
    width: calc(100vw - 48px) !important;
    max-width: 360px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Navigation arrows styling and balancing */
  body.home #flash-100 .fs-nav,
  body.home #flash-100 .flash-arrow,
  body.home #flash-100 .swiper-button-prev,
  body.home #flash-100 .swiper-button-next,
  body.home #flash-100 .slick-prev,
  body.home #flash-100 .slick-next {
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(230, 0, 0, 0.15) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 10 !important;
  }

  body.home #flash-100 .fs-nav.prev,
  body.home #flash-100 .flash-arrow-prev,
  body.home #flash-100 .swiper-button-prev,
  body.home #flash-100 .slick-prev {
    left: 8px !important;
  }

  body.home #flash-100 .fs-nav.next,
  body.home #flash-100 .flash-arrow-next,
  body.home #flash-100 .swiper-button-next,
  body.home #flash-100 .slick-next {
    right: 8px !important;
  }
}