/* ===== Global header — สไตล์ verygreet: เลื่อนลง → บาร์หดกลายเป็น "เกาะลอย" มุมมน + แก้วเบลอ (มีเอฟเฟกต์เคลื่อนไหว) ===== */
:root{--cch-h:66px;--cch-hs:56px;--cch-pink:#E85F94;--cch-pink-d:#D63F83;--cch-ink:#333;--cch-line:#F3DCE6}

/* ซ่อน header ธีมเดิม (หน้าอื่นที่ไม่ใช่หน้าแรก) */
body:not(.ccr-home-page) header.wp-block-template-part{display:none!important}
body.admin-bar .cch-header{top:32px}
@media(max-width:782px){body.admin-bar .cch-header{top:46px}}
/* หน้าแรก: ดึง hero ขึ้นไปอยู่ใต้ header (โปร่งใสทับ hero) */
.ccr-home-page .hero{margin-top:calc(-1 * var(--cch-h))}

/* position:sticky แทน fixed — เลี่ยงบั๊ก iOS Safari (fixed + backdrop-filter ทำให้เนื้อหาทะลุด้านบน) */
.cch-header{position:sticky;top:0;z-index:100;padding:0;
  transition:padding .34s cubic-bezier(.4,0,.2,1)}
.cch-header.cch-on{padding:8px 12px}

.cch-bar{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 20px;height:var(--cch-h);
  background:transparent;border-radius:0;box-shadow:none;
  transition:height .34s cubic-bezier(.4,0,.2,1),max-width .34s cubic-bezier(.4,0,.2,1),padding .34s,
    background .34s,border-radius .34s,box-shadow .34s}
.cch-header.cch-on .cch-bar{height:var(--cch-hs);max-width:1120px;padding:0 18px;
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border-radius:18px;box-shadow:0 14px 36px -14px rgba(80,30,55,.32)}

.cch-logo{display:inline-flex;align-items:center}
.cch-logo img{height:38px;width:auto;display:block;transition:height .34s cubic-bezier(.4,0,.2,1)}
.cch-header.cch-on .cch-logo img{height:30px}

.cch-nav{display:flex;gap:26px;margin-left:14px;font-size:.92rem}
.cch-nav a{position:relative;padding:6px 0;font-weight:500;color:var(--cch-ink);text-decoration:none;transition:color .2s}
.cch-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--cch-pink);transition:right .25s ease}
.cch-nav a:hover{color:var(--cch-pink-d)}
.cch-nav a:hover::after{right:0}

.cch-line{margin-left:auto;background:#06C755;color:#fff;border-radius:22px;padding:8px 16px;font-size:.84rem;font-weight:500;
  display:inline-flex;gap:6px;align-items:center;text-decoration:none;box-shadow:0 8px 18px -8px rgba(6,199,85,.6)}

.cch-ic{width:40px;height:40px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;color:var(--cch-ink);cursor:pointer;text-decoration:none}
.cch-ic:hover{background:rgba(232,95,148,.1)}
.cch-burger{display:none}
@media(max-width:860px){.cch-nav{display:none}.cch-burger{display:grid}.cch-line span{display:none}.cch-line{padding:8px 10px;border-radius:50%}}

/* drawer มือถือ (มีเอฟเฟกต์เลื่อนเข้า) */
.cch-scrim{position:fixed;inset:0;z-index:110;background:rgba(60,30,45,.38);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.cch-scrim.show{opacity:1;visibility:visible}
.cch-drawer{position:fixed;top:0;bottom:0;left:0;width:78%;max-width:320px;z-index:111;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.2);
  transform:translateX(-105%);transition:transform .34s cubic-bezier(.4,0,.2,1);padding:26px 22px;display:flex;flex-direction:column;gap:2px}
.cch-drawer.show{transform:none}
.cch-drawer a{padding:14px 6px;border-bottom:1px solid var(--cch-line);font-weight:500;color:var(--cch-ink);text-decoration:none}

/* ===== มือถือ: หน้า product detail ลดระยะห่างระหว่างรูปกับชื่อสินค้า ===== */
@media(max-width:781px){
  .single-product .wp-block-columns.is-layout-flex{gap:10px!important;--wp--style--block-gap:10px}
  .single-product .wp-block-woocommerce-product-image-gallery{margin-bottom:0!important}
  .single-product h1.wp-block-post-title{margin-top:2px!important}
}