/** Shopify CDN: Minification failed

Line 34:0 All "@import" rules must come first

**/

/* ZICO.BKK V7 Ready-to-sell layer — clean premium mobile-first commerce */
:root{
  --zico-black:#070707;--zico-ink:#101010;--zico-muted:#6c6c66;--zico-soft:#f7f6f2;--zico-line:#e8e6de;--zico-white:#fff;--zico-page:1440px;
  --zico-font:"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;
}
html{scroll-behavior:smooth}body{font-family:var(--zico-font);background:#fff;color:var(--zico-ink);letter-spacing:0}.page-width{max-width:var(--zico-page)!important}.gradient{background:#fff}.zico-header-wordmark{font-family:var(--zico-font);font-weight:800;letter-spacing:-.06em;font-size:24px;color:#090909}.header-wrapper{border-bottom:1px solid var(--zico-line)!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(12px)}.header{max-width:var(--zico-page)!important;min-height:72px}.header__menu-item,.list-menu__item{font-size:11px!important;letter-spacing:.11em;text-transform:uppercase;font-weight:650;color:#111!important}.header__icon{color:#111}.announcement-bar__message{font-size:11px;letter-spacing:.07em}.button,.shopify-payment-button__button,.product-form__submit{border-radius:0!important;min-height:48px!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;font-weight:750!important;box-shadow:none!important}.button:after,.shopify-payment-button__button:after{box-shadow:none!important}.price{font-family:var(--zico-font)}
/* Home */
.zv7{font-family:var(--zico-font);background:#fff;color:var(--zico-ink)}.zv7 *{box-sizing:border-box}.zv7 a{text-decoration:none;color:inherit}.zv7 img{display:block;max-width:100%}.zv7-wrap{max-width:var(--zico-page);margin:0 auto;padding:0 18px}.zv7-kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--zico-muted)}.zv7-hero{position:relative;min-height:clamp(560px,58vw,780px);background:#111;overflow:hidden;color:#fff}.zv7-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.zv7-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,var(--overlay,.48)) 0%,rgba(0,0,0,.24) 48%,rgba(0,0,0,.04) 100%)}.zv7-hero__content{position:absolute;z-index:2;left:clamp(24px,5.5vw,86px);bottom:clamp(42px,6vw,88px);max-width:590px}.zv7-hero .zv7-kicker{color:rgba(255,255,255,.72);margin-bottom:16px}.zv7-hero h1{margin:0;color:var(--hero-color,#fff);font-size:clamp(56px,8vw,118px);line-height:.9;letter-spacing:-.06em;font-weight:780;text-transform:uppercase}.zv7-hero p{margin:20px 0 0;max-width:420px;color:rgba(255,255,255,.84);font-size:15px;line-height:1.7}.zv7-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;min-height:46px;padding:0 26px;border:1px solid currentColor;background:#fff;color:#090909!important;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transition:.2s ease}.zv7-btn:hover{background:#090909;color:#fff!important;transform:translateY(-1px)}.zv7-entry{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.zv7-entry-card{position:relative;min-height:330px;background:#111;color:#fff;overflow:hidden}.zv7-entry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.zv7-entry-card:hover img{transform:scale(1.035)}.zv7-entry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.12) 58%,rgba(0,0,0,.02))}.zv7-entry-text{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.zv7-entry-text small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:700}.zv7-entry-text h2{margin:8px 0 0;color:#fff;font-size:clamp(34px,3.8vw,58px);line-height:.92;letter-spacing:-.052em;font-weight:780;text-transform:uppercase}.zv7-arrow{font-size:28px}.zv7-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--zico-line);padding-bottom:14px;margin:58px 0 22px}.zv7-head h2{margin:0;color:#111;font-size:14px;letter-spacing:.17em;font-weight:760;text-transform:uppercase;line-height:1.4}.zv7-head a{font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:#606058;white-space:nowrap}.zv7-products{display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:26px 22px}.zv7-card{display:block}.zv7-card__media{aspect-ratio:1/1.14;background:var(--zico-soft);overflow:hidden}.zv7-card__media img,.zv7-card__media svg{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.zv7-card:hover img{transform:scale(1.03)}.zv7-card__brand{margin-top:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#6b6b63}.zv7-card__title{margin-top:5px;color:#111;font-size:14px;line-height:1.35;font-weight:650}.zv7-card__price{margin-top:6px;color:#606058;font-size:13px}.zv7-brand-wrap{margin-top:58px;border-top:1px solid var(--zico-line);border-bottom:1px solid var(--zico-line);padding:24px 0}.zv7-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--zico-line)}.zv7-brand{height:102px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-size:18px;font-weight:760;letter-spacing:-.035em;transition:.2s ease}.zv7-brand:hover{background:#f7f6f2}.zv7-brand img{max-width:120px;max-height:44px;object-fit:contain}.zv7-store{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-top:14px}.zv7-store__media{min-height:430px;background:var(--zico-soft);overflow:hidden}.zv7-store__media img{width:100%;height:100%;object-fit:cover}.zv7-store__text{background:var(--zico-soft);padding:clamp(34px,4.6vw,72px);display:flex;flex-direction:column;justify-content:center}.zv7-store__text h2{margin:10px 0 0;color:#111;font-size:clamp(38px,4.6vw,72px);line-height:.94;letter-spacing:-.055em;font-weight:780;text-transform:uppercase}.zv7-store__text p{margin:16px 0 0;max-width:480px;font-size:15px;line-height:1.75;color:#5f5f58}.zv7-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border-top:1px solid var(--zico-line);border-bottom:1px solid var(--zico-line)}.zv7-trust__item{display:flex;align-items:flex-start;gap:12px;padding:18px 16px;border-right:1px solid var(--zico-line)}.zv7-trust__item:last-child{border-right:0}.zv7-trust svg{width:22px;height:22px;stroke:#111;stroke-width:1.7;fill:none;flex:0 0 auto}.zv7-trust strong{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#111}.zv7-trust span{display:block;margin-top:3px;font-size:12px;color:#74746d;line-height:1.4}
/* Collection hero */
.zv7-collection{font-family:var(--zico-font);padding:0 18px}.zv7-collection__inner{max-width:var(--zico-page);min-height:360px;margin:0 auto;position:relative;overflow:hidden;background:#111;color:#fff}.zv7-collection__inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zv7-collection__inner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.18))}.zv7-collection__content{position:absolute;z-index:2;left:clamp(24px,5vw,68px);right:24px;bottom:clamp(28px,5vw,58px);max-width:620px}.zv7-collection h1{font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;font-weight:780;color:#fff;margin:0}.zv7-collection p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.8);max-width:460px}.zv7-collection .zv7-kicker{color:rgba(255,255,255,.65);margin-bottom:12px}
/* Product polish */
.product{font-family:var(--zico-font)}.product__title h1{font-size:clamp(30px,3.2vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:750!important;color:#111}.product__info-container .price{font-size:16px!important;color:#111}.product__text.caption-with-letter-spacing{font-size:10px!important;letter-spacing:.14em!important;font-weight:750!important;color:#676761!important}.product-form__input input[type=radio]+label{border-radius:0!important;min-width:54px;min-height:42px;display:inline-flex!important;align-items:center;justify-content:center;font-size:11px!important;font-weight:700!important}.product-form__input input[type=radio]:checked+label{background:#090909!important;color:#fff!important;border-color:#090909!important}.product__accordion{border-top:1px solid var(--zico-line)!important}.product__accordion .summary__title{font-weight:700}.product-media-container{border:0!important;background:#f7f6f2!important}.thumbnail{border-radius:0!important}.thumbnail[aria-current]{box-shadow:0 0 0 1px #111!important}.zv7-assurance{font-family:var(--zico-font);max-width:var(--zico-page);margin:0 auto 42px;padding:0 18px}.zv7-assurance__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--zico-line);border-bottom:1px solid var(--zico-line)}.zv7-assurance__item{padding:18px 16px;border-right:1px solid var(--zico-line);display:flex;gap:12px;align-items:flex-start}.zv7-assurance__item:last-child{border-right:0}.zv7-assurance svg{width:21px;height:21px;stroke:#111;fill:none;stroke-width:1.6}.zv7-assurance strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.zv7-assurance p{margin:4px 0 0;font-size:12px;line-height:1.45;color:#6c6c66}
/* About */
.zv7-about{font-family:var(--zico-font);color:#111}.zv7-about-hero{position:relative;min-height:560px;background:#111;overflow:hidden;color:#fff}.zv7-about-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zv7-about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18))}.zv7-about-hero__content{position:absolute;z-index:2;left:clamp(24px,5.5vw,86px);bottom:clamp(42px,6vw,82px);max-width:720px}.zv7-about h1{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em;font-weight:780;text-transform:uppercase;margin:0;color:#fff}.zv7-about-hero p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.84);max-width:560px}.zv7-about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;margin:68px auto}.zv7-about-grid h2{font-size:clamp(34px,4.2vw,62px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase;font-weight:780;margin:0}.zv7-about-copy{font-size:16px;line-height:1.9;color:#555}.zv7-about-pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--zico-line);margin:46px 0}.zv7-about-pill{background:#fff;padding:24px;min-height:150px}.zv7-about-pill strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.zv7-about-pill p{font-size:13px;line-height:1.65;color:#666}.zv7-about-statement{margin:0 auto 70px;padding:54px;background:#0a0a0a;color:#fff}.zv7-about-statement h2{font-size:clamp(34px,5vw,72px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase;margin:0}.zv7-about-statement p{font-size:15px;line-height:1.75;color:#cfcfcf;max-width:660px}
/* Account */
.zv7-account{max-width:1200px;margin:0 auto;padding:42px 18px 70px;font-family:var(--zico-font)}.zv7-account-top{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}.zv7-reward{border:1px solid var(--zico-line);padding:32px;background:#fff}.zv7-reward--dark{background:#090909;color:#fff}.zv7-reward .k{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#777;font-weight:750}.zv7-reward--dark .k{color:#aaa}.zv7-reward h1,.zv7-reward h2{margin:10px 0 0;font-size:clamp(32px,4vw,56px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase;font-weight:780}.zv7-reward p{line-height:1.7;color:#666}.zv7-reward--dark p{color:#ccc}.zv7-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.zv7-stat div{border:1px solid rgba(255,255,255,.18);padding:14px}.zv7-stat strong{display:block;font-size:24px}.zv7-orders{border:1px solid var(--zico-line);overflow:auto}.zv7-orders h2{font-size:13px;letter-spacing:.15em;text-transform:uppercase;margin:0;padding:20px;border-bottom:1px solid var(--zico-line)}.zv7-orders table{width:100%;border-collapse:collapse}.zv7-orders th,.zv7-orders td{padding:15px;border-bottom:1px solid var(--zico-line);font-size:13px;text-align:left;white-space:nowrap}
/* Footer */
.zv7-footer{background:#090909;color:#fff;margin-top:50px;padding:56px 0 24px;font-family:var(--zico-font)}.zv7-footer a{color:#d8d8d8;text-decoration:none}.zv7-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:38px}.zv7-footer-logo img{max-width:170px;max-height:54px;object-fit:contain;filter:invert(1)}.zv7-footer h2{font-size:34px;line-height:.94;letter-spacing:-.05em;margin:0 0 14px;color:#fff;text-transform:uppercase}.zv7-footer p{font-size:13px;line-height:1.75;color:#aaa;max-width:380px}.zv7-footer h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;color:#fff}.zv7-footer ul{list-style:none;margin:0;padding:0}.zv7-footer li{margin:9px 0;font-size:13px;color:#c6c6c6}.zv7-newsletter{display:flex;border-bottom:1px solid rgba(255,255,255,.3);max-width:340px;margin-top:18px}.zv7-newsletter input{flex:1;background:transparent;border:0;color:#fff;padding:12px 0;font-size:13px}.zv7-newsletter button{background:transparent;border:0;color:#fff;font-size:11px;letter-spacing:.14em;font-weight:750}.zv7-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:36px;font-size:11px;color:#999;line-height:1.6}
/* Dawn cards/search/blog/cart polish */
.card__heading{font-family:var(--zico-font);font-size:14px;line-height:1.35;font-weight:650}.card-information>.price{font-size:13px;color:#595953}.caption-with-letter-spacing{font-size:10px!important;letter-spacing:.13em!important;font-weight:700!important}.facets__heading,.facet-filters__label,.product-count__text{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase}.cart-drawer .drawer__heading{font-size:24px;letter-spacing:-.04em;font-weight:780}.drawer__inner{border-left:1px solid var(--zico-line)!important}.cart-drawer .cart-item__name{font-weight:650}.cart__checkout-button{width:100%}.main-page-title,.title--primary{font-size:clamp(34px,5vw,72px)!important;line-height:.96!important;letter-spacing:-.055em!important;text-transform:uppercase!important;font-weight:780!important}
@media(max-width:989px){.header{min-height:60px!important;padding:0 14px!important}.zico-header-wordmark{font-size:21px}.zv7-wrap{padding:0 14px}.zv7-hero{min-height:520px}.zv7-hero__shade{background:linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,.2) 58%,rgba(0,0,0,.04))}.zv7-hero__content{left:22px;right:22px;bottom:34px;max-width:340px}.zv7-kicker{font-size:9px;letter-spacing:.13em}.zv7-hero h1{font-size:44px;line-height:.94;letter-spacing:-.042em}.zv7-hero p{font-size:13px;line-height:1.58;max-width:310px;margin-top:14px}.zv7-btn{min-height:42px;padding:0 20px;font-size:10px;letter-spacing:.11em;margin-top:20px}.zv7-entry{grid-template-columns:1fr;gap:10px;margin-top:10px}.zv7-entry-card{min-height:225px}.zv7-entry-text{left:20px;right:18px;bottom:18px}.zv7-entry-text h2{font-size:31px;line-height:.96;letter-spacing:-.04em}.zv7-head{margin:36px 0 16px;padding-bottom:10px;align-items:center}.zv7-head h2{font-size:11px;letter-spacing:.13em;max-width:235px}.zv7-head a{font-size:10px;letter-spacing:.1em}.zv7-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.zv7-card__media{aspect-ratio:1/1.16}.zv7-card__brand{font-size:8.5px;letter-spacing:.11em;margin-top:9px}.zv7-card__title{font-size:12.5px;line-height:1.32}.zv7-card__price{font-size:12px}.zv7-brand-wrap{margin-top:38px;padding:18px 0}.zv7-brand-grid{grid-template-columns:repeat(2,1fr)}.zv7-brand{height:78px;font-size:14px;padding:12px}.zv7-brand img{max-width:105px;max-height:34px}.zv7-store{grid-template-columns:1fr;gap:10px}.zv7-store__media{min-height:260px}.zv7-store__text{padding:28px 22px}.zv7-store__text h2{font-size:33px;line-height:.98;letter-spacing:-.04em}.zv7-store__text p{font-size:13px;line-height:1.65}.zv7-trust{grid-template-columns:repeat(2,1fr)}.zv7-trust__item{padding:14px 10px;gap:9px;border-bottom:1px solid var(--zico-line)}.zv7-trust__item:nth-child(2n){border-right:0}.zv7-trust svg{width:18px;height:18px}.zv7-trust strong{font-size:9px;letter-spacing:.09em}.zv7-trust span{font-size:11px}.zv7-collection{padding:0 12px}.zv7-collection__inner{min-height:285px}.zv7-collection__content{left:22px;right:22px;bottom:24px}.zv7-collection h1{font-size:38px;line-height:.95;letter-spacing:-.04em}.zv7-collection p{font-size:13px;line-height:1.55}.product{display:block!important}.product__media-wrapper,.product__info-wrapper{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}.product__info-container{padding:0 14px!important;margin-top:14px!important}.product__title h1{font-size:29px!important;line-height:1.04!important;letter-spacing:-.032em!important}.thumbnail-slider{padding-left:14px;padding-right:14px}.product-form__input input[type=radio]+label{min-height:40px;min-width:50px;font-size:11px!important}.zv7-assurance__grid{grid-template-columns:repeat(2,1fr)}.zv7-assurance__item{padding:14px 10px;border-bottom:1px solid var(--zico-line)}.zv7-assurance__item:nth-child(2n){border-right:0}.zv7-about-hero{min-height:440px}.zv7-about-hero__content{left:22px;right:22px;bottom:30px}.zv7-about h1{font-size:40px;line-height:.95;letter-spacing:-.04em}.zv7-about-hero p{font-size:13.5px;line-height:1.62}.zv7-about-grid{grid-template-columns:1fr;gap:20px;margin:38px auto}.zv7-about-grid h2{font-size:31px;line-height:.98;letter-spacing:-.04em}.zv7-about-copy{font-size:13.5px;line-height:1.78}.zv7-about-pill-grid{grid-template-columns:1fr;margin:30px 0}.zv7-about-pill{min-height:0;padding:18px}.zv7-about-statement{padding:30px 22px;margin-bottom:44px}.zv7-account{padding:28px 14px 48px}.zv7-account-top{grid-template-columns:1fr;gap:10px}.zv7-reward{padding:22px}.zv7-reward h1,.zv7-reward h2{font-size:30px;line-height:.98;letter-spacing:-.04em}.zv7-stat{grid-template-columns:repeat(3,1fr);gap:6px}.zv7-stat div{padding:10px 8px}.zv7-stat strong{font-size:18px}.zv7-orders th,.zv7-orders td{font-size:12px;padding:12px}.zv7-footer{padding:38px 0 22px;margin-top:36px}.zv7-footer-grid{grid-template-columns:1fr;gap:24px}.zv7-footer h2{font-size:28px;line-height:.98;letter-spacing:-.04em}.zv7-footer p,.zv7-footer li{font-size:12.5px}.zv7-footer-bottom{display:block;font-size:10.5px}.drawer__inner{width:100vw!important;max-width:100vw!important}}
@media(max-width:430px){.zv7-hero h1{font-size:41px}.zv7-products{gap:20px 10px}.zv7-card__title{font-size:12px}.zv7-trust{grid-template-columns:1fr}.zv7-trust__item{border-right:0}.zv7-assurance__grid{grid-template-columns:1fr}.zv7-assurance__item{border-right:0}.zv7-store__text h2{font-size:30px}}
/* ==========================================================================
   ZICO.BKK EDITORIAL WHITE THEME - UX/UI PRO UPGRADE
   ========================================================================== */

/* 1. Global Typography & Dual-Font System */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --font-heading-family: 'Space Grotesk', sans-serif;
  --font-body-family: 'Inter', sans-serif; /* เพิ่ม Inter เพื่อให้อ่านรายละเอียดและราคาง่ายขึ้นมาก */
  
  /* High-End Monochrome Palette */
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-gray-dark: #262626;
  --color-gray-medium: #737373;
  --color-gray-light: #F5F5F5;
  --color-border-line: #E5E5E5;
}

body {
  font-family: var(--font-body-family);
  background-color: var(--color-white);
  color: var(--color-black);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
  line-height: 1.6;
}

/* 2. Heading UI (Editorial Look) */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4,
.collection-hero__title {
  font-family: var(--font-heading-family);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-black);
  letter-spacing: -0.03em;
}

/* 3. Button UX/UI (Sharp, Premium with Smooth Interactions) */
.button, 
.button--primary, 
.button--secondary, 
.shopify-payment-button__button,
.btn {
  border-radius: 0px !important; /* ทรงสี่เหลี่ยมคมตามอัตลักษณ์แบรนด์ */
  font-family: var(--font-heading-family);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid var(--color-black);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* เพิ่มความสมูทระตับไฮเอนด์ */
}

.button--primary {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
}

.button--primary:hover {
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
  box-shadow: inset 0 0 0 1px var(--color-black);
}

.button--secondary {
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
}

.button--secondary:hover {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
}

/* 4. Product Grid UX (Clean layout & Image Zoom on Hover) */
.card-wrapper {
  border-radius: 0px !important;
}

.card__inner {
  border-radius: 0px !important;
  background-color: var(--color-gray-light) !important;
  overflow: hidden;
}

/* เอฟเฟกต์ซูมภาพนุ่มๆ เวลาลูกค้าเลื่อนเมาส์ดูสินค้า */
.card-wrapper:hover .card__inner .media img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

.card__inner .media img {
  transition: transform 0.5s ease;
}

.card__heading {
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.price {
  font-family: var(--font-body-family);
  font-weight: 600;
  color: var(--color-black);
  font-size: 1.5rem;
}

/* 5. Variant Picker UX (จัดการสินค้าหมดให้ดูง่ายทันที) */
.product-form__input input[type='radio'] + label {
  border-radius: 0px !important;
  border: 1px solid var(--color-border-line);
  background-color: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-body-family);
  font-weight: 500;
  padding: 1.2rem 2rem;
  min-width: 50px;
  text-align: center;
  transition: all 0.2s ease;
}

/* ลูกค้าเอาเมาส์วางชี้ที่ไซส์ */
.product-form__input input[type='radio'] + label:hover {
  border-color: var(--color-black);
}

/* ไซส์ที่เลือกอยู่ */
.product-form__input input[type='radio']:checked + label {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
  border-color: var(--color-black) !important;
}

/* UX ปรับปรุงพิเศษ: คลาสสำหรับไซส์ที่ Sold Out (สินค้าหมด) */
.product-form__input input[type='radio'].disabled + label,
.product-form__input input[type='radio'] + label.disabled {
  color: var(--color-gray-medium) !important;
  background-color: var(--color-gray-light) !important;
  border-color: var(--color-border-line) !important;
  opacity: 0.5;
  position: relative;
  cursor: not-allowed;
}

.product-form__input input[type='radio'].disabled + label::after,
.product-form__input input[type='radio'] + label.disabled::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-gray-medium);
  transform: rotate(-45deg); /* เส้นขีดฆ่าแสดงว่าหมด */
}

/* 6. Premium Minimal Cart Drawer */
.cart-drawer .drawer__inner {
  border-radius: 0px !important;
  background-color: var(--color-white);
  box-shadow: -5px 0 25px rgba(0,0,0,0.05);
}

.cart-item {
  border-bottom: 1px solid var(--color-border-line);
  padding: 2.5rem 0;
}