/* ================================
   KRUNIKI Gold CTA Button
   ================================ */

.btnGold{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 14px 28px;
  border-radius: 999px;

  background: linear-gradient(
    135deg,
    #f6e6b3 0%,
    #e9c97a 35%,
    #caa24d 65%,
    #f3e0a3 100%
  );

  color: #3b2a10;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;

  border: none;
  box-shadow:
    0 6px 18px rgba(202,162,77,.35),
    inset 0 1px 0 rgba(255,255,255,.6);

  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.btnGold:hover{
  transform: translateY(-1px);
  box-shadow:
    0 10px 26px rgba(202,162,77,.45),
    inset 0 1px 0 rgba(255,255,255,.7);
  filter: brightness(1.03);
}

.btnGold:active{
  transform: translateY(0);
  box-shadow:
    0 6px 16px rgba(202,162,77,.35),
    inset 0 2px 4px rgba(0,0,0,.15);
}

/* ระยะห่างปุ่มใน Hero */
.heroCta{
  margin-top: 24px;
}

/* ================================
   Hero text vertical offset
   ================================ */

.productHero--compact .heroText--compact{
  padding-top: 32px; /* ปรับได้ 24–48px ตามใจ */
}

💡 เหตุผล
	•	ไม่ดันทั้ง section
	•	ไม่กระทบภาพด้านขวา
	•	แก้ตรงจุดเฉพาะ text → kicker จะลอยหายใจได้

ถ้าอยากให้ “รู้สึกหรูขึ้นอีกนิด”:

.productHero--compact .goldline{
  margin-bottom: 14px;
}

/* ================================
   KRUNIKI Gold Coated CTA
   ================================ */

.btnGold{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 30px;
  border-radius: 999px;

  /* Gold coating */
  background:
    linear-gradient(
      135deg,
      #fff3c4 0%,
      #f1d98a 22%,
      #caa24d 50%,
      #f6e3a1 72%,
      #fff7d6 100%
    );

  color: #2f210c;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;

  border: 1px solid rgba(202,162,77,.65);

  box-shadow:
    0 10px 28px rgba(202,162,77,.45),
    inset 0 1px 1px rgba(255,255,255,.85),
    inset 0 -1px 2px rgba(0,0,0,.12);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

.btnGold:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);

  box-shadow:
    0 14px 36px rgba(202,162,77,.55),
    inset 0 1px 1px rgba(255,255,255,.9),
    inset 0 -1px 2px rgba(0,0,0,.18);
}

.btnGold:active{
  transform: translateY(0);
  box-shadow:
    0 8px 20px rgba(202,162,77,.45),
    inset 0 2px 4px rgba(0,0,0,.2);
}

/* ===================================
   FORCE GOLD CTA — Brainwaves Hero
   =================================== */

.page--shop-ebook .productHero .btn.btnGold{
  background: linear-gradient(
    135deg,
    #fff3c4 0%,
    #f1d98a 22%,
    #caa24d 50%,
    #f6e3a1 72%,
    #fff7d6 100%
  ) !important;

  color: #2f210c !important;

  border: 1px solid rgba(202,162,77,.75) !important;

  box-shadow:
    0 12px 32px rgba(202,162,77,.55),
    inset 0 1px 1px rgba(255,255,255,.9),
    inset 0 -1px 2px rgba(0,0,0,.18) !important;
}

/* Brainwaves product cards: image block */
.page--shop-brainwaves .productCard__media{
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 14px;
}

.page--shop-brainwaves .productCard__img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;     /* กันการ์ดสูง-ต่ำไม่เท่ากัน */
  object-fit: cover;
}

/* กัน badge ทับรูปแบบดูไม่สวย (ถ้าคุณใช้ badge มุมบน) */
.page--shop-brainwaves .productCard{
  position: relative;
}

/* =========================================
   Brainwaves: Product Grid (2x2) lock
   - desktop: 2 columns
   - tablet/phone: 1 column
   - cards height balanced
   ========================================= */

.page--shop-brainwaves .productGrid.grid-2x2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* iPad / mobile */
@media (max-width: 900px){
  .page--shop-brainwaves .productGrid.grid-2x2{
    grid-template-columns: 1fr;
  }
}

/* Make each card a flex column so CTA sticks nicely */
.page--shop-brainwaves .productGrid .productCard{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Keep list + text from pushing button off-screen unevenly */
.page--shop-brainwaves .productGrid .productCard ul{
  margin: 10px 0 12px;
  padding-left: 18px;
}

.page--shop-brainwaves .productGrid .productCard .small{
  margin-top: 6px;
}

/* Ensure CTA sits at bottom, consistent */
.page--shop-brainwaves .productGrid .productCard .btn{
  margin-top: auto;   /* key */
  align-self: flex-start;
}

/* Optional: make primary button full width (ถ้า shop.html ใช้ full width ให้เปิดบรรทัดนี้) */
/*
.page--shop-brainwaves .productGrid .productCard .btn.primary{
  width: 100%;
  text-align: center;
}
*/

/* =========================================
   Brainwaves: Product images in cards
   - consistent size
   - soft radius
   - safe crop
   ========================================= */

.page--shop-brainwaves .productCard__media{
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 14px;

  /* ถ้าการ์ดมีขอบทองอ่อนอยู่แล้ว รูปไม่ควรชนขอบ */
  /* padding: 0;  <-- ไม่ต้องใส่ เพื่อให้รูปเต็มกรอบสวย */
}

/* ล็อกให้รูปทุกใบหน้าตาเท่ากัน */
.page--shop-brainwaves .productCard__img{
  width: 100%;
  display: block;

  /* คุมความสูงให้เท่ากันทุกการ์ด */
  aspect-ratio: 1 / 1;     /* ถ้ารูปเป็นสี่เหลี่ยมจัตุรัส */
  object-fit: cover;

  /* กันภาพเบลอจากการยืดผิดสัดส่วน */
  height: auto;
}

/* ถ้ารูปของคุณไม่ใช่จัตุรัส (เช่น 4:3) ให้ใช้ชุดนี้แทน (เลือกอย่างเดียว) */
/*
.page--shop-brainwaves .productCard__img{
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
*/

/* Badge ไม่ให้ทับรูปแบบเกะกะ */
.page--shop-brainwaves .productCard .badge{
  z-index: 3;
}

/* ถ้า badge ไปทับรูปเพราะตำแหน่ง absolute ในไฟล์หลัก ให้ดัน badge ลงนิด */
.page--shop-brainwaves .productCard.recommended .badge,
.page--shop-brainwaves .productCard.bestSellerCard .badge{
  top: 12px;
  right: 12px;
}

/* =========================================
   Brainwaves: Hero banner responsive lock
   ========================================= */

/* กัน hero รูปใหญ่เกิน/ดัน layout */
.page--shop-brainwaves .productHero .heroMedia{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* ล็อกภาพให้ “เต็มกรอบแบบสวย” */
.page--shop-brainwaves .productHero .hero__img{
  width: 100%;
  max-width: 520px;     /* ปรับได้ แต่ห้ามใหญ่จนชนกริด */
  height: auto;
  display: block;

  border-radius: 18px;
  object-fit: cover;
}

/* บนจอเล็ก: ให้รูปไม่ใหญ่เกินและอยู่กลาง */
@media (max-width: 900px){
  .page--shop-brainwaves .productHero .heroMedia{
    justify-content: center;
    margin-top: 14px;
  }

  .page--shop-brainwaves .productHero .hero__img{
    max-width: 560px;
  }
}

/* กันข้อความยาว ๆ ทำให้ hero ดูอึดอัด */
.page--shop-brainwaves .productHero .heroText .lead{
  max-width: 52ch;
}

/* =========================================
   Brainwaves: Closing CTA + Footer centering
   ========================================= */

.page--shop-brainwaves .closingCtaSection{
  text-align: center;
}

/* กล่อง CTA ให้อยู่กลาง + ไม่ล้น */
.page--shop-brainwaves .closingCtaSection .ctaBox{
  margin: 0 auto;
  max-width: 920px;
}

/* ปุ่มใน CTA ให้อยู่กลางเรียงสวย */
.page--shop-brainwaves .closingCtaSection .ctaRow{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

/* Footer: fix “ไปกองขวา” แบบเด็ดขาด */
.page--shop-brainwaves .closingCtaSection footer{
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 28px;

  /* กันกรณีโดน style อื่นบังคับ float/position */
  float: none !important;
  right: auto !important;
  left: auto !important;
}

/* ถ้ามี style จากไฟล์อื่นทำให้ footer เป็น flex item แปลกๆ */
.page--shop-brainwaves .closingCtaSection footer *{
  text-align: inherit;
}

/* มือถือ: เพิ่มช่องไฟนิด */
@media (max-width: 520px){
  .page--shop-brainwaves .closingCtaSection .ctaRow .btn{
    width: 100%;
    text-align: center;
  }
}

/* ===== FIX: Hamburger iPhone SE (shop-brainwaves.html) ===== */

/* 1) ให้ header เป็น reference และไม่เตี้ยเกินจนปุ่มหล่น */
.site-header{
  position: relative;
  min-height: 56px;
}

/* 2) ล็อกปุ่มให้อยู่มุมขวาบน + อยู่เหนือทุกอย่าง + กดได้ */
.hamburger{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9999;

  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;

  background: transparent;
  border: 0;
  padding: 0;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* 3) กัน element อื่น “ทับปุ่ม” โดยไม่ตั้งใจ */
.site-header *{
  pointer-events: auto;
}

/* 4) iPhone SE / จอแคบมาก: ปรับระยะเผื่อหัวข้อ/โลโก้ดันลง */
@media (max-width: 380px){
  .site-header{
    padding-top: 6px;
  }
  .hamburger{
    top: 8px;
    right: 10px;
  }
}

/* =========================================================
   A-ONLY: Shop.css template for Brainwaves
   Use only: Spacing + CTA + Hero (no product card system change)
   Scope: .page--shop-brainwaves only
   ========================================================= */

/* ---------- Global rhythm / spacing ---------- */
.page--shop-brainwaves{
  --bw-section-pad: 56px;
  --bw-section-pad-sm: 38px;

  --bw-title-gap: 14px;
  --bw-text-gap: 12px;
}

/* Section vertical padding */
.page--shop-brainwaves .section{
  padding-top: var(--bw-section-pad);
  padding-bottom: var(--bw-section-pad);
}
@media (max-width: 900px){
  .page--shop-brainwaves .section{
    padding-top: var(--bw-section-pad-sm);
    padding-bottom: var(--bw-section-pad-sm);
  }
}

/* Titles / leads breathing room */
.page--shop-brainwaves .sectionTitle{
  margin: 6px 0 var(--bw-title-gap);
  line-height: 1.25;
}
.page--shop-brainwaves .sectionLead{
  margin: 0 0 18px;
  opacity: .92;
  max-width: 68ch;
  line-height: 1.75;
}
.page--shop-brainwaves p{
  line-height: 1.75;
  margin: 0 0 var(--bw-text-gap);
}

/* ---------- CTA buttons (iPhone safe) ---------- */
.page--shop-brainwaves .ctaRow{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.page--shop-brainwaves .ctaRow > .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  max-width: 100%;
}

/* Small phones: force stack (SE/6S) */
@media (max-width: 390px){
  .page--shop-brainwaves .ctaRow{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .page--shop-brainwaves .ctaRow > .btn{
    width: 100%;
    min-height: 44px;
    padding: 12px 14px;
    box-sizing: border-box;
  }
}

/* ---------- HERO grid responsive (stack) ---------- */
@media (max-width: 980px){
  .page--shop-brainwaves .heroGrid,
  .page--shop-brainwaves .hero__grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

/* Fix overlap between goldline and h1 */
.page--shop-brainwaves .heroText .goldline{
  margin-bottom: 10px;
  line-height: 1.3;
}
.page--shop-brainwaves .heroText h1{
  margin-top: 2px;
  line-height: 1.25;
}

/* ---------- Make cards less tight (keep your card system) ---------- */
.page--shop-brainwaves .card.cardGold{
  padding: 22px;           /* เพิ่มช่องไฟในกรอบการ์ด */
}
.page--shop-brainwaves .card.cardGold h3{
  margin: 0 0 10px;
  line-height: 1.25;
}
.page--shop-brainwaves .card.cardGold ul{
  margin: 10px 0 12px;
  padding-left: 18px;
}
.page--shop-brainwaves .card.cardGold li{
  margin-bottom: 8px;
  line-height: 1.6;
}
.page--shop-brainwaves .card.cardGold .small{
  margin: 10px 0 14px;
  line-height: 1.7;
}

/* Grid gaps a bit looser */
.page--shop-brainwaves .cardGrid.grid-2x2,
.page--shop-brainwaves .productGrid.grid-2x2{
  gap: 22px;
}

/* Buttons inside cards: give air */
.page--shop-brainwaves .productCard .btn{
  margin-top: 12px;
}

/* =================================================
   HERO GOLD CARD (Brainwaves)
   ================================================= */

.page--shop-brainwaves .heroGoldCard{
  border: 1px solid rgba(214, 179, 106, 0.45); /* ทองอ่อน */
  border-radius: 22px;
  padding: 32px 34px;
  background: rgba(0,0,0,0.35);
  box-shadow: 0 10px 30px rgba(0,0,0,0.28);
}

@media (max-width: 900px){
  .page--shop-brainwaves .heroGoldCard{
    padding: 26px 22px;
  }
}

/* =================================================
   CTA ROW
   ================================================= */

.page--shop-brainwaves .heroCtaRow{
  display: flex;
  gap: 14px;
  margin-top: 22px;
  flex-wrap: wrap;
  align-items: center;
}

/* Primary button: Gold */
.page--shop-brainwaves .btnGold{
  background: linear-gradient(135deg, #e7c77a, #caa85e);
  color: #1b1b1b;
  border: none;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(214,179,106,.35);
}

.page--shop-brainwaves .btnGold:hover{
  filter: brightness(1.05);
}

/* Secondary button: Black standard (locked style) */
.page--shop-brainwaves .btnBlack{
  background: #000;
  color: #fff;
  border: 1px solid #000;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 500;
}

.page--shop-brainwaves .btnBlack:hover{
  background: #111;
  border-color: #111;
}

/* =================================================
   IMAGE SAFETY: do not shrink
   ================================================= */

.page--shop-brainwaves .heroMedia .hero__img{
  max-width: none; /* ยืนยันว่าไม่บีบ/ไม่ลด */
}

/* =================================================
   KRUNIKI GOLD BUTTON – LOCKED STANDARD
   (Gold Coated / Filled)
   ================================================= */

.page--shop-brainwaves .btnGold{
  /* Gold coating */
  background: linear-gradient(
    135deg,
    #f3d98b 0%,
    #e6c46e 35%,
    #cfae5f 65%,
    #b9984a 100%
  );

  color: #1a1a1a;
  border: 1px solid rgba(255, 220, 140, 0.9);
  padding: 13px 22px;
  border-radius: 999px;

  font-weight: 600;
  letter-spacing: .01em;

  /* Glow & depth */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 8px 22px rgba(214,179,106,.45);

  transition: 
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

/* Hover: หรู ไม่แฟลช */
.page--shop-brainwaves .btnGold:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 26px rgba(214,179,106,.55);
}

/* Active: กดแล้วนิ่ง */
.page--shop-brainwaves .btnGold:active{
  transform: translateY(0);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.25),
    0 6px 16px rgba(214,179,106,.35);
}

/* =================================================
   PRODUCTS – Soft Gold Card Border (KRUNIKI Standard)
   Scope: #products only
   ================================================= */

#products .productCard,
#products .card,
#products .product-item {
  border: 1px solid rgba(212, 175, 55, 0.45); /* Soft Gold */
  border-radius: 18px;
  background: rgba(0,0,0,0.55); /* ดำโปร่งตามธีม */
  box-shadow: 0 0 0 1px rgba(212,175,55,0.15),
              0 12px 30px rgba(0,0,0,0.45);
}

/* hover สุภาพ ไม่แรง */
#products .productCard:hover,
#products .card:hover,
#products .product-item:hover {
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 0 0 1px rgba(212,175,55,0.35),
              0 16px 40px rgba(0,0,0,0.55);
}

/* =================================================
   PRODUCT CARD – Softer Gold Border (-1 Level)
   KRUNIKI Locked Standard
   ================================================= */

#products .card.cardGold.productCard{
  border: 1px solid rgba(212, 175, 55, 0.38) !important; /* softer than button */
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.58);
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.10),
    0 14px 34px rgba(0,0,0,0.45);
}

/* Hover: สุภาพ ไม่แย่งปุ่ม */
#products .card.cardGold.productCard:hover{
  border-color: rgba(212, 175, 55, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.18),
    0 18px 42px rgba(0,0,0,0.55);
}

/* =================================================
   PRODUCT PRICE – Gold Text (KRUNIKI Standard)
   ================================================= */

/* กรณีใช้ class ราคาโดยตรง */
#products .productCard .price,
#products .productCard .productPrice,
#products .productCard .amount{
  color: var(--gold) !important;
  font-weight: 600;
  letter-spacing: .02em;
}

/* กรณีราคาเป็น <strong> หรือ <span> ใน body การ์ด */
#products .productCard .productCard__body strong,
#products .productCard .productCard__body .priceValue{
  color: var(--gold) !important;
  font-weight: 600;
}

/* fallback สุดท้าย: ตัวเลขราคา (ไม่กระทบหัวข้อ) */
#products .productCard p strong{
  color: var(--gold) !important;
}

/* =========================================
   HOW TO USE : KRUNIKI WAY (2x2 GRID)
   ========================================= */

.section .cardGrid.grid-2x2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* Mobile / Tablet */
@media (max-width: 980px){
  .section .cardGrid.grid-2x2{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* =========================================
   HOW TO USE : Card Style (Soft Gold)
   ========================================= */

.section .cardGrid.grid-2x2 .card{
  border: 1px solid rgba(214, 179, 106, 0.40); /* ทองอ่อน */
  border-radius: 18px;
  background: rgba(0,0,0,.30);
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  padding: 18px 18px 20px;
}

.section .cardGrid.grid-2x2 .card h3{
  margin: 0 0 10px;
  line-height: 1.25;
}

.section .cardGrid.grid-2x2 .card p{
  margin: 0;
  line-height: 1.6;
  opacity: .95;
}

/* =========================================
   PRODUCT CARD BADGE : GOLD (Card 3, 4)
   ========================================= */

/* เตรียม position ให้การ์ด */
.productGrid .productCard{
  position: relative;
}

/* ---------- Card 3 : แนะนำ ---------- */
.productGrid .productCard:nth-child(3)::before{
  content: "แนะนำ";
  position: absolute;
  top: 14px;
  left: 14px;

  background: linear-gradient(
    135deg,
    #f5e7b8,
    #d6b36a
  );
  color: #2b1f00;

  padding: 6px 12px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;

  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  z-index: 2;
}

/* ---------- Card 4 : Best Seller ---------- */
.productGrid .productCard:nth-child(4)::before{
  content: "Best Seller";
  position: absolute;
  top: 14px;
  left: 14px;

  background: linear-gradient(
    135deg,
    #f7edc9,
    #d6b36a
  );
  color: #2b1f00;

  padding: 6px 12px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;

  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  z-index: 2;
}

/* =================================================
   FIX: Hide original (white) badge text
   Only for product cards 3 and 4 (because we use ::before)
   ================================================= */

#products .productGrid .productCard:nth-child(3) .badge,
#products .productGrid .productCard:nth-child(4) .badge{
  display: none !important;
}

/* =========================================
   FINAL CTA : Align Left
   ========================================= */

.ctaBox{
  margin-left: 0;
  margin-right: auto;   /* ดันการ์ดไปฝั่งซ้าย */
  text-align: left;     /* ตัวอักษรชิดซ้าย */
  max-width: 640px;     /* คุมความกว้าง (ถ้ามีอยู่แล้วไม่ต้องซ้ำ) */
}

/* =========================================
   FOOTER : Center (locked standard)
   ========================================= */

footer,
.siteFooter,
.footer{
  text-align: center;
}

/* =========================================
   iPad ONLY — Typography boost (Body text)
   Page: shop-brainwaves
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px){

  /* Scope เฉพาะหน้า */
  .page--shop-brainwaves{

    /* ---------- เนื้อหาทั่วไป ---------- */
    font-size: 17px;           /* base body size (iPad standard) */
    line-height: 1.7;
  }

  /* Paragraph / text content */
  .page--shop-brainwaves p,
  .page--shop-brainwaves li,
  .page--shop-brainwaves .sectionLead,
  .page--shop-brainwaves .lead{
    font-size: 17px;
    line-height: 1.7;
  }

  /* ---------- เนื้อหาในการ์ด ---------- */
  .page--shop-brainwaves .card p,
  .page--shop-brainwaves .productCard p,
  .page--shop-brainwaves .pDesc,
  .page--shop-brainwaves .pQuote{
    font-size: 16.5px;         /* ใหญ่ขึ้น แต่ไม่แย่งหัวข้อ */
    line-height: 1.65;
  }

  /* ---------- Meta / รายละเอียดรอง ---------- */
  .page--shop-brainwaves .pKicker,
  .page--shop-brainwaves .meta,
  .page--shop-brainwaves small{
    font-size: 14.5px;
    line-height: 1.6;
  }

  /* ---------- ป้องกัน heading ถูกกระทบ ---------- */
  .page--shop-brainwaves h1,
  .page--shop-brainwaves h2,
  .page--shop-brainwaves h3,
  .page--shop-brainwaves h4,
  .page--shop-brainwaves h5,
  .page--shop-brainwaves h6{
    font-size: revert;
    line-height: revert;
  }
}

/* =========================================
   FIX: Brand "KRUNIKI" shifted RIGHT
   Align brandText with first social icon
   Scope: shop-brainwaves ONLY
   ========================================= */

/* ดึง brandBlock กลับเข้าซ้าย */
.page--shop-brainwaves .siteHeader .brandBlock{
  align-items: flex-start;
  padding-left: 0 !important;
}

/* ดึงตัวอักษร KRUNIKI เข้าซ้ายโดยตรง */
.page--shop-brainwaves .siteHeader a.brand{
  margin-left: -6px !important;   /* <<< จุดแก้หลัก */
  padding-left: 0 !important;
  transform: none !important;
}

/* ป้องกัน dot หรือองค์ประกอบย่อยดันขวา */
.page--shop-brainwaves .siteHeader .brand .dot{
  margin-left: 0 !important;
}

.page--shop-brainwaves .siteHeader .brand .brandText{
  margin-left: 0 !important;
}