:root{
  --moon-peach:#F7C9A3;
  --moon-peach-soft:#FBE3CC;
  --moon-orange:#F0915A;
  --moon-orange-deep:#E5763C;
  --moon-mustard:#F4C04E;
  --moon-cream:#FBEFE2;
  --moon-cream-2:#FFF8F2;
  --moon-ink:#3D2C22;
  --moon-muted:#6E5A4E;
  --moon-line:#EFD9C4;
  --moon-green:#829B7A;
  --moon-red:#D95C48;
  --moon-white:#fff;
  --moon-shadow:0 12px 36px rgba(113,70,39,.10);
  --moon-shadow-lg:0 24px 70px rgba(113,70,39,.16);
  --moon-radius:22px;
  --moon-radius-sm:14px;
  --moon-max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--moon-cream-2);color:var(--moon-ink);font-family:"Be Vietnam Pro","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.moon-drawer-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;height:auto;width:auto;top:8px;left:8px;padding:12px 16px;background:#fff;z-index:100000;border-radius:10px}
.moon-container{width:min(calc(100% - 32px),var(--moon-max));margin-inline:auto}
.moon-main{min-height:50vh}
.moon-content-card{background:#fff;border:1px solid var(--moon-line);border-radius:var(--moon-radius);box-shadow:var(--moon-shadow);padding:clamp(24px,4vw,50px)}
.moon-icon{width:22px;height:22px;flex:0 0 auto}

/* Buttons */
.moon-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 22px;border:0;border-radius:999px;font-weight:700;font-size:15px;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;text-align:center}
.moon-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{transform:translateY(-2px)}
.moon-button--primary,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce div.product form.cart .button{background:linear-gradient(135deg,var(--moon-orange),var(--moon-orange-deep));color:#fff;box-shadow:0 9px 22px rgba(229,118,60,.28)}
.moon-button--primary:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce div.product form.cart .button:hover{background:linear-gradient(135deg,var(--moon-orange-deep),#cf6331);color:#fff;box-shadow:0 13px 28px rgba(229,118,60,.36)}
.moon-button--ghost{background:#fff;color:var(--moon-orange-deep);border:1px solid var(--moon-line)}
.moon-button--ghost:hover{border-color:var(--moon-orange);background:var(--moon-peach-soft)}
.moon-button--block{width:100%}
.moon-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--moon-orange-deep);font-weight:700}
.moon-text-link .moon-icon{width:18px;height:18px;transition:transform .2s}
.moon-text-link:hover .moon-icon{transform:translateX(4px)}

/* Header */
.moon-topbar{background:linear-gradient(90deg,var(--moon-orange-deep),var(--moon-orange));color:#fff;font-size:13px}
.moon-topbar__inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.moon-marquee{overflow:hidden;white-space:nowrap;flex:1}
.moon-marquee span{display:inline-block;animation:moon-marquee 20s linear infinite;padding-left:5%}
@keyframes moon-marquee{0%{transform:translateX(0)}50%{transform:translateX(20px)}100%{transform:translateX(0)}}
.moon-topbar__links{display:flex;gap:18px;align-items:center;white-space:nowrap}
.moon-topbar__links a{display:inline-flex;align-items:center;gap:6px;opacity:.95}
.moon-topbar__links .moon-icon{width:15px;height:15px}
.moon-site-header{position:sticky;top:0;z-index:90;background:rgba(255,248,242,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(239,217,196,.8);transition:box-shadow .2s}
.moon-site-header.is-scrolled{box-shadow:0 9px 28px rgba(61,44,34,.08)}
.admin-bar .moon-site-header{top:32px}
.moon-header-row{min-height:76px;display:flex;align-items:center;gap:22px}
.moon-logo-wrap{flex:0 0 auto}
.moon-logo-wrap img,.moon-footer-brand img,.custom-logo{width:auto;max-width:178px;max-height:58px;object-fit:contain}
.moon-primary-nav{flex:1;min-width:0}
.moon-menu,.moon-mobile-menu,.moon-footer-links{list-style:none;margin:0;padding:0}
.moon-menu{display:flex;align-items:center;justify-content:center;gap:4px}
.moon-menu>li{position:relative}
.moon-menu>li>a{display:block;padding:10px 13px;border-radius:999px;font-weight:650;font-size:14px;white-space:nowrap}
.moon-menu>li:hover>a,.moon-menu>.current-menu-item>a,.moon-menu>.current-menu-ancestor>a{background:var(--moon-peach-soft);color:var(--moon-orange-deep)}
.moon-menu .sub-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:230px;background:#fff;border:1px solid var(--moon-line);border-radius:16px;box-shadow:var(--moon-shadow-lg);padding:9px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.moon-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.moon-menu .sub-menu a{display:block;padding:9px 11px;border-radius:10px;font-size:14px}
.moon-menu .sub-menu a:hover{background:var(--moon-cream)}
.moon-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.moon-icon-button{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--moon-line);border-radius:50%;background:#fff;color:var(--moon-ink);padding:0;position:relative;transition:.18s}
.moon-icon-button:hover{background:var(--moon-peach-soft);border-color:var(--moon-peach);color:var(--moon-orange-deep);transform:translateY(-1px)}
.moon-cart-count{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--moon-red);color:#fff;font-size:11px;font-weight:800;border:2px solid var(--moon-cream-2)}
.moon-mobile-menu-toggle{display:none}
.moon-search-panel{border-top:1px solid var(--moon-line);background:#fff;padding:13px 0}
.moon-search-form{display:flex;align-items:center;gap:10px;background:var(--moon-cream-2);border:1px solid var(--moon-line);border-radius:999px;padding:6px 7px 6px 16px}
.moon-search-form .moon-icon{color:var(--moon-muted)}
.moon-search-form input[type=search]{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:15px;color:var(--moon-ink);padding:8px 0}
.moon-mobile-nav{position:fixed;left:0;top:0;bottom:0;width:min(90vw,360px);background:#fff;z-index:120;padding:18px;box-shadow:var(--moon-shadow-lg);overflow:auto;transform:translateX(-105%);transition:transform .25s ease}
.moon-mobile-nav.is-open{transform:none}
.moon-mobile-nav__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--moon-line);padding-bottom:14px;margin-bottom:12px}
.moon-mobile-menu li{border-bottom:1px solid var(--moon-line)}
.moon-mobile-menu a{display:block;padding:13px 2px;font-weight:650}
.moon-mobile-menu .sub-menu{list-style:none;padding:0 0 8px 15px;margin:0}
.moon-mobile-menu .sub-menu li{border:0}
.moon-mobile-menu .sub-menu a{padding:7px 0;color:var(--moon-muted);font-size:14px}
.moon-overlay{position:fixed;inset:0;background:rgba(61,44,34,.52);backdrop-filter:blur(2px);z-index:110}

/* Hero */
.moon-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(244,192,78,.28),transparent 26%),radial-gradient(circle at 14% 18%,rgba(247,201,163,.58),transparent 35%),linear-gradient(145deg,#fffaf5,#fbe9d6);border-bottom:1px solid var(--moon-line)}
.moon-hero:before,.moon-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.6}
.moon-hero:before{width:220px;height:220px;background:rgba(240,145,90,.15);left:-80px;bottom:-100px}
.moon-hero:after{width:160px;height:160px;background:rgba(130,155,122,.17);right:3%;top:5%}
.moon-hero__grid{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:66px}
.moon-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--moon-orange-deep);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}
.moon-hero__content h1{font-size:clamp(42px,5.5vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0 0 18px;max-width:760px}
.moon-hero__content p{font-size:clamp(16px,1.5vw,20px);color:var(--moon-muted);max-width:650px;margin:0 0 27px}
.moon-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.moon-hero__trust{display:flex;flex-wrap:wrap;gap:16px;color:var(--moon-muted);font-size:14px}
.moon-hero__trust span{display:inline-flex;align-items:center;gap:6px}
.moon-hero__trust .moon-icon{width:17px;color:var(--moon-green)}
.moon-hero__visual{height:470px;position:relative}
.moon-hero-product{position:absolute;border-radius:28px;background:#fff;padding:8px;box-shadow:var(--moon-shadow-lg);overflow:hidden;border:1px solid rgba(255,255,255,.8)}
.moon-hero-product img{width:100%;height:100%;object-fit:cover;border-radius:21px}
.moon-hero-product--1{width:54%;height:66%;right:8%;top:4%;transform:rotate(4deg)}
.moon-hero-product--2{width:43%;height:52%;left:4%;top:30%;transform:rotate(-7deg)}
.moon-hero-product--3{width:35%;height:42%;right:3%;bottom:0;transform:rotate(7deg)}
.moon-hero-fallback{width:85%;height:85%;object-fit:cover;border-radius:36px;box-shadow:var(--moon-shadow-lg);position:absolute;right:0;top:8%}
.moon-hero-orbit{position:absolute;border:2px dashed rgba(229,118,60,.32);border-radius:50%}
.moon-hero-orbit--one{width:360px;height:360px;right:4%;top:10%;animation:moon-spin 26s linear infinite}
.moon-hero-orbit--two{width:240px;height:240px;left:10%;bottom:4%;animation:moon-spin 18s linear reverse infinite}
@keyframes moon-spin{to{transform:rotate(360deg)}}

/* Sections */
.moon-section{padding:76px 0}
.moon-section--white{background:#fff;border-block:1px solid rgba(239,217,196,.7)}
.moon-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.moon-section-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:0 0 8px;letter-spacing:-.025em}
.moon-section-heading p{margin:0;color:var(--moon-muted);max-width:690px}
.moon-benefits{position:relative;z-index:4;margin-top:-24px}
.moon-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--moon-line);border-radius:22px;box-shadow:var(--moon-shadow);overflow:hidden}
.moon-benefit{display:flex;align-items:center;gap:13px;padding:22px;border-right:1px solid var(--moon-line)}
.moon-benefit:last-child{border-right:0}
.moon-benefit>.moon-icon{width:29px;height:29px;color:var(--moon-orange-deep);flex:0 0 auto}
.moon-benefit strong,.moon-benefit span{display:block}
.moon-benefit strong{font-size:14px;margin-bottom:2px}
.moon-benefit span{font-size:12.5px;color:var(--moon-muted)}

/* Category cards */
.moon-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.moon-category-card{position:relative;min-height:260px;border-radius:var(--moon-radius);overflow:hidden;background:var(--moon-peach-soft);box-shadow:var(--moon-shadow);isolation:isolate}
.moon-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(61,44,34,.8));z-index:1}
.moon-category-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s ease}
.moon-category-card:hover img{transform:scale(1.06)}
.moon-category-card__body{position:absolute;left:21px;right:21px;bottom:18px;z-index:2;color:#fff}
.moon-category-card h3{font-size:22px;margin:0 0 2px}
.moon-category-card span{font-size:13px;opacity:.86}

/* WooCommerce product loops */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border:1px solid var(--moon-line);border-radius:20px;padding:10px 10px 16px;box-shadow:0 9px 28px rgba(113,70,39,.08);position:relative;transition:transform .22s ease,box-shadow .22s ease;min-width:0}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--moon-shadow-lg)}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;margin:0 0 14px;background:var(--moon-cream);transition:transform .3s}
.woocommerce ul.products li.product:hover a img{transform:scale(1.015)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;line-height:1.45;padding:0 5px;margin:0 0 8px;font-weight:700;min-height:43px;color:var(--moon-ink)}
.woocommerce ul.products li.product .price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--moon-orange-deep);font-size:16px;font-weight:800;margin:0 5px 9px}
.woocommerce ul.products li.product .price del{color:#a89080;font-size:12px;font-weight:500;opacity:.85}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .star-rating{font-size:11px;color:var(--moon-mustard);margin:0 5px 10px}
.woocommerce ul.products li.product .button{width:calc(100% - 10px);margin:8px 5px 0;min-height:41px;padding:9px 14px;font-size:13px}
.moon-product-badges{position:absolute;left:18px;right:18px;top:18px;z-index:3;display:flex;gap:6px;justify-content:flex-start;pointer-events:none}
.moon-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;color:#fff;box-shadow:0 5px 12px rgba(61,44,34,.16)}
.moon-badge--sale{background:var(--moon-red)}
.moon-badge--new{background:var(--moon-green)}
.moon-badge--soldout{background:#6b625c}
.moon-variant-hint{display:block;margin:0 5px 5px;color:var(--moon-muted);font-size:11.5px}
.woocommerce span.onsale{display:none}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:7px;justify-content:center;margin-top:32px}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%;background:#fff;border:1px solid var(--moon-line);color:var(--moon-ink)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--moon-orange);color:#fff;border-color:var(--moon-orange)}
.moon-empty-state{grid-column:1/-1;padding:34px;border:1px dashed var(--moon-line);border-radius:18px;text-align:center;color:var(--moon-muted);background:rgba(255,255,255,.6)}

/* Color section */
.moon-color-section{background:linear-gradient(135deg,#f5e7d8,#fff5eb)}
.moon-color-section__inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:center}
.moon-color-section__copy h2{font-size:clamp(32px,4vw,50px);line-height:1.15;margin:0 0 16px}
.moon-color-section__copy p{color:var(--moon-muted);margin:0 0 23px}
.moon-color-section__board{background:#fff;border:1px solid var(--moon-line);border-radius:24px;box-shadow:var(--moon-shadow);padding:22px}
.moon-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.moon-color-chip{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--moon-line);border-radius:13px;background:#fff;transition:.18s;min-width:0}
.moon-color-chip:hover{transform:translateY(-2px);box-shadow:var(--moon-shadow);border-color:var(--moon-peach)}
.moon-color-chip__swatch{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px rgba(61,44,34,.15)}
.moon-color-chip span:nth-child(2){font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moon-color-chip small{font-size:10px;color:var(--moon-muted)}

/* Reviews and blog */
.moon-review-grid,.moon-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.moon-review-card{background:linear-gradient(145deg,#fff,#fff8f2);border:1px solid var(--moon-line);border-radius:20px;padding:23px;box-shadow:var(--moon-shadow)}
.moon-stars{color:var(--moon-mustard);letter-spacing:2px;margin-bottom:12px}
.moon-review-card p{color:var(--moon-muted);margin:0 0 16px}
.moon-review-card footer{display:flex;flex-direction:column;gap:2px}
.moon-review-card footer a{font-size:12px;color:var(--moon-orange-deep)}
.moon-blog-card{background:#fff;border:1px solid var(--moon-line);border-radius:20px;overflow:hidden;box-shadow:var(--moon-shadow);transition:.2s}
.moon-blog-card:hover{transform:translateY(-4px)}
.moon-blog-card__image{display:block;aspect-ratio:16/10;background:var(--moon-cream);overflow:hidden}
.moon-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.moon-blog-card:hover .moon-blog-card__image img{transform:scale(1.04)}
.moon-blog-card__body{padding:20px}
.moon-blog-card time,.moon-post-card time{font-size:12px;color:var(--moon-orange-deep);font-weight:650}
.moon-blog-card h3{font-size:19px;line-height:1.45;margin:7px 0 8px}
.moon-blog-card p{font-size:14px;color:var(--moon-muted);margin:0}

/* Shop layout and filters */
.moon-woocommerce-main{padding:42px 0 76px}
.moon-shop-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;align-items:start}
.moon-shop-sidebar{position:sticky;top:112px;background:#fff;border:1px solid var(--moon-line);border-radius:20px;padding:20px;box-shadow:var(--moon-shadow);max-height:calc(100vh - 130px);overflow:auto}
.admin-bar .moon-shop-sidebar{top:144px}
.moon-shop-content{min-width:0}
.moon-filter-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.moon-filter-head h2{font-size:22px;margin:0}
.moon-filter-close{display:none}
.moon-filter-group{padding:17px 0;border-top:1px solid var(--moon-line)}
.moon-filter-group h3{font-size:14px;margin:0 0 11px}
.moon-filter-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.moon-filter-list a{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:10px;font-size:13px;color:var(--moon-muted)}
.moon-filter-list a:hover,.moon-filter-list a.is-active{background:var(--moon-peach-soft);color:var(--moon-orange-deep);font-weight:700}
.moon-filter-list small{opacity:.7}
.moon-filter-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.moon-filter-color{min-width:0;text-align:center;cursor:pointer}
.moon-filter-color input{position:absolute;opacity:0;pointer-events:none}
.moon-filter-color>span{display:block;width:34px;height:34px;border-radius:50%;margin:0 auto 5px;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px rgba(61,44,34,.18);transition:.18s}
.moon-filter-color.is-active>span,.moon-filter-color:hover>span{box-shadow:0 0 0 3px var(--moon-orange);transform:scale(1.06)}
.moon-filter-color small{display:block;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--moon-muted)}
.moon-filter-color__all{background:#fff!important;display:grid!important;place-items:center;color:var(--moon-muted);font-size:18px}
.moon-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.moon-price-fields label span{display:block;font-size:11px;color:var(--moon-muted);margin-bottom:4px}
.moon-price-fields input{width:100%;padding:9px 8px;border:1px solid var(--moon-line);border-radius:10px;outline:0;min-width:0}
.moon-check-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}
.moon-check-row input{accent-color:var(--moon-orange);width:17px;height:17px}
.moon-filter-actions{display:grid;gap:8px;padding-top:10px}
.moon-filter-actions .moon-button{font-size:13px;min-height:41px;padding:9px 12px}
.moon-widget{border-top:1px solid var(--moon-line);padding-top:17px;margin-top:17px}
.moon-widget__title{font-size:14px}
.woocommerce .woocommerce-breadcrumb{color:var(--moon-muted);font-size:12.5px;margin:0 0 18px}
.woocommerce .woocommerce-breadcrumb a{color:var(--moon-orange-deep)}
.woocommerce-products-header{margin-bottom:22px}
.woocommerce-products-header__title{font-size:clamp(31px,4vw,48px);margin:0 0 8px}
.woocommerce .woocommerce-result-count{font-size:13px;color:var(--moon-muted);margin:9px 0}
.woocommerce .woocommerce-ordering select{border:1px solid var(--moon-line);background:#fff;border-radius:999px;padding:10px 34px 10px 14px;outline:0;color:var(--moon-ink)}
.moon-filter-toggle{display:none}

/* Single product */
.moon-single-product-wrap{padding:clamp(20px,3vw,42px)}
.woocommerce div.product{display:block}
.woocommerce div.product div.images,.woocommerce div.product div.summary{margin-bottom:0}
.woocommerce div.product div.images{width:52%;padding-right:22px}
.woocommerce div.product div.summary{width:48%;padding-left:22px}
.woocommerce div.product div.images img{border-radius:20px;background:var(--moon-cream)}
.woocommerce div.product .woocommerce-product-gallery__image{border-radius:20px;overflow:hidden}
.woocommerce div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
.woocommerce div.product .flex-control-thumbs li{width:auto!important;float:none!important}
.woocommerce div.product .flex-control-thumbs img{border:2px solid transparent;border-radius:12px;opacity:.75}
.woocommerce div.product .flex-control-thumbs img.flex-active{border-color:var(--moon-orange);opacity:1}
.woocommerce div.product .product_title{font-size:clamp(30px,3.8vw,48px);line-height:1.2;margin:0 0 13px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--moon-orange-deep);font-weight:800;font-size:26px}
.woocommerce-product-details__short-description{color:var(--moon-muted);margin:18px 0}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}
.woocommerce div.product form.cart .variations{width:100%;margin-bottom:12px}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;width:100%;padding:0 0 8px;text-align:left}
.woocommerce div.product form.cart .variations label{font-size:13px}
.woocommerce div.product form.cart .variations select{width:100%;min-width:0;border:1px solid var(--moon-line);border-radius:12px;padding:11px 12px;background:#fff}
.woocommerce .quantity .qty{width:74px;min-height:46px;border:1px solid var(--moon-line);border-radius:999px;padding:8px;text-align:center}
.woocommerce div.product form.cart .button{min-height:46px;flex:1}
.woocommerce div.product form.cart .moon-buy-now{background:#fff;color:var(--moon-orange-deep);border:2px solid var(--moon-orange);box-shadow:none}
.woocommerce div.product form.cart .moon-buy-now:hover{background:var(--moon-peach-soft);color:var(--moon-orange-deep)}
.woocommerce div.product .product_meta{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--moon-line);font-size:12.5px;color:var(--moon-muted)}
.woocommerce div.product .woocommerce-tabs{padding-top:42px;clear:both}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:8px;overflow:auto;padding:0;margin:0 0 18px;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid var(--moon-line);border-radius:999px;background:#fff;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 17px;font-size:13px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--moon-peach-soft);border-color:var(--moon-peach)}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--moon-cream-2);border:1px solid var(--moon-line);border-radius:18px;padding:23px}
.woocommerce .related.products,.woocommerce .upsells.products{clear:both;padding-top:52px}
.woocommerce .related.products h2,.woocommerce .upsells.products h2{font-size:30px;margin-bottom:22px}
.moon-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.moon-swatch{border:1px solid var(--moon-line);background:#fff;color:var(--moon-ink);border-radius:999px;padding:8px 12px;font-size:12px;transition:.18s}
.moon-swatch:hover,.moon-swatch.is-active{background:var(--moon-peach-soft);border-color:var(--moon-orange);color:var(--moon-orange-deep)}
.moon-swatch.is-disabled{opacity:.35;text-decoration:line-through;pointer-events:none}

/* Cart/checkout/account */
.woocommerce-cart .moon-content-card,.woocommerce-checkout .moon-content-card{padding:clamp(20px,3vw,42px)}
.woocommerce table.shop_table{border:1px solid var(--moon-line);border-radius:16px;overflow:hidden;background:#fff}
.woocommerce table.shop_table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:var(--moon-cream-2)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px}
.woocommerce-cart table.cart img{width:76px;border-radius:10px}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--moon-cream-2);border:1px solid var(--moon-line);border-radius:18px;padding:22px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{border:1px solid var(--moon-line);border-radius:12px;background:#fff;min-height:45px;padding:10px 12px;outline:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px;padding-left:0}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--moon-orange);box-shadow:0 0 0 3px rgba(240,145,90,.14)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top:0;border-radius:14px;background:#fff;border:1px solid var(--moon-line);box-shadow:var(--moon-shadow)}
.woocommerce-message{border-left:4px solid var(--moon-green)}
.woocommerce-info{border-left:4px solid var(--moon-orange)}
.woocommerce-error{border-left:4px solid var(--moon-red)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;background:#fff;border:1px solid var(--moon-line);border-radius:16px;overflow:hidden}
.woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border-bottom:1px solid var(--moon-line)}
.woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.woocommerce-MyAccount-navigation .is-active a{background:var(--moon-peach-soft);color:var(--moon-orange-deep);font-weight:700}

/* Cart drawer */
.moon-cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(92vw,430px);background:#fff;z-index:130;box-shadow:var(--moon-shadow-lg);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .28s ease}
.moon-cart-drawer.is-open{transform:none}
.moon-cart-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--moon-line)}
.moon-cart-drawer__header h2{font-size:22px;margin:0}
.moon-cart-drawer__body{padding:18px;overflow:auto;flex:1}
.woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:70px 1fr;gap:12px;padding:0 26px 14px 0;margin-bottom:14px;border-bottom:1px solid var(--moon-line)}
.woocommerce-mini-cart-item a:not(.remove){font-size:13px;font-weight:650}
.woocommerce-mini-cart-item img{width:70px!important;height:70px!important;object-fit:cover;border-radius:12px;float:none!important;margin:0!important;grid-row:1/3}
.woocommerce-mini-cart-item .remove{position:absolute;right:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--moon-red)!important;background:#fff1ef!important}
.woocommerce-mini-cart-item .quantity{font-size:12px;color:var(--moon-muted)}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:14px 0;margin:0;border-bottom:1px solid var(--moon-line)}
.woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 0}
.woocommerce-mini-cart__buttons .button{margin:0!important;padding:10px 12px!important;font-size:12px!important}
.woocommerce-mini-cart__empty-message{text-align:center;padding:50px 10px;color:var(--moon-muted)}

/* Content/blog */
.moon-content-layout{padding-block:50px}
.moon-page-header{margin-bottom:28px}
.moon-page-header h1{font-size:clamp(32px,4vw,50px);line-height:1.2;margin:0}
.moon-prose{max-width:960px;margin:50px auto}
.moon-prose>*{max-width:760px;margin-left:auto;margin-right:auto}
.moon-prose>.alignwide{max-width:1100px}
.moon-prose>.alignfull{max-width:none;width:100%}
.moon-prose p,.moon-prose li{color:#55463c}
.moon-prose h2{margin-top:1.7em}
.moon-single-featured{max-width:1100px!important;margin-bottom:30px!important}
.moon-single-featured img{border-radius:22px}
.moon-post-list{display:grid;gap:18px}
.moon-post-card{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;border:1px solid var(--moon-line);border-radius:18px;padding:12px;background:#fff}
.moon-post-card__image{aspect-ratio:16/11;overflow:hidden;border-radius:13px;background:var(--moon-cream)}
.moon-post-card__image img{width:100%;height:100%;object-fit:cover}
.moon-post-card h2{font-size:22px;line-height:1.35;margin:5px 0 6px}
.moon-post-card p{font-size:14px;color:var(--moon-muted);margin:0 0 8px}
.moon-error-page{text-align:center;margin:60px auto;max-width:780px}
.moon-error-code{display:block;font-size:96px;line-height:1;color:var(--moon-peach);font-weight:800}
.moon-error-page h1{font-size:34px}

/* Footer */
.moon-site-footer{background:#3D2C22;color:#f8eee5;padding:64px 0 20px}
.moon-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.moon-site-footer .moon-brand img,.moon-site-footer .custom-logo{filter:brightness(0) invert(1);opacity:.95}
.moon-footer-brand p{max-width:330px;color:#cdbdb1;font-size:14px}
.moon-social-links{display:flex;flex-wrap:wrap;gap:9px}
.moon-social-links a{font-size:12px;border:1px solid rgba(255,255,255,.18);padding:6px 9px;border-radius:999px}
.moon-site-footer h3{font-size:15px;margin:6px 0 15px;color:#fff}
.moon-footer-links{display:grid;gap:9px}
.moon-footer-links a,.moon-footer-links li{font-size:13px;color:#cdbdb1}
.moon-footer-links a:hover{color:#fff}
.moon-footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#a9978a;font-size:12px}
.moon-floating-contact{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:8px}
.moon-floating-contact a{min-width:48px;height:48px;padding:0 13px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--moon-orange);color:#fff;font-weight:800;box-shadow:var(--moon-shadow-lg)}
.moon-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:160;background:var(--moon-ink);color:#fff;border-radius:999px;padding:11px 18px;font-size:13px;box-shadow:var(--moon-shadow-lg);opacity:0;transition:.25s}
.moon-toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
[data-reveal].is-visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:1100px){
  .moon-primary-nav{display:none}
  .moon-mobile-menu-toggle{display:grid}
  .moon-logo-wrap{flex:1}
  .moon-header-row{gap:12px}
  .moon-hero__grid{min-height:560px}
  .moon-benefits__grid{grid-template-columns:repeat(2,1fr)}
  .moon-benefit:nth-child(2){border-right:0}
  .moon-benefit:nth-child(-n+2){border-bottom:1px solid var(--moon-line)}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .moon-category-grid{grid-template-columns:repeat(3,1fr)}
  .moon-footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .moon-footer-grid>div:last-child{grid-column:2/4}
}
@media (max-width:900px){
  .moon-hero__grid{grid-template-columns:1fr;min-height:auto;padding-block:50px}
  .moon-hero__visual{height:400px;max-width:620px;width:100%;margin:auto}
  .moon-category-grid{grid-template-columns:repeat(2,1fr)}
  .moon-color-section__inner{grid-template-columns:1fr}
  .moon-review-grid,.moon-blog-grid{grid-template-columns:repeat(2,1fr)}
  .moon-shop-layout{display:block}
  .moon-shop-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(90vw,340px);max-height:none;border-radius:0;z-index:130;transform:translateX(-105%);transition:transform .25s;padding:20px;overflow:auto}
  .moon-shop-sidebar.is-open{transform:none}
  .moon-filter-close{display:grid}
  .moon-filter-toggle{display:inline-flex}
  .woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%;padding:0}
  .woocommerce div.product div.images{margin-bottom:28px}
  .moon-footer-grid{grid-template-columns:1fr 1fr}
  .moon-footer-grid>div:last-child{grid-column:auto}
}
@media (max-width:700px){
  .moon-topbar__links{display:none}
  .moon-marquee{text-align:center}
  .moon-header-row{min-height:66px}
  .moon-logo-wrap img,.custom-logo{max-width:142px;max-height:48px}
  .moon-header-actions .moon-search-toggle{display:none}
  .moon-hero__content h1{font-size:41px}
  .moon-hero__visual{height:340px}
  .moon-benefits{margin-top:-12px}
  .moon-benefits__grid{grid-template-columns:1fr}
  .moon-benefit{border-right:0!important;border-bottom:1px solid var(--moon-line)!important;padding:17px}
  .moon-benefit:last-child{border-bottom:0!important}
  .moon-section{padding:54px 0}
  .moon-section-heading{display:block}
  .moon-section-heading .moon-text-link{margin-top:13px}
  .moon-category-grid{grid-template-columns:1fr 1fr;gap:12px}
  .moon-category-card{min-height:210px}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding:7px 7px 12px;border-radius:16px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px;min-height:38px;padding:0 3px}
  .woocommerce ul.products li.product .price{font-size:14px;margin-inline:3px}
  .woocommerce ul.products li.product .button{font-size:11px;padding:8px 7px;margin-inline:3px;width:calc(100% - 6px)}
  .moon-product-badges{left:12px;top:12px}
  .moon-color-grid{grid-template-columns:repeat(2,1fr)}
  .moon-review-grid,.moon-blog-grid{grid-template-columns:1fr}
  .moon-review-grid .moon-review-card:nth-child(n+3){display:none}
  .moon-post-card{grid-template-columns:100px 1fr;gap:12px}
  .moon-post-card h2{font-size:16px}
  .moon-post-card p{display:none}
  .moon-footer-grid{grid-template-columns:1fr}
  .moon-footer-bottom{display:grid}
  .woocommerce-mini-cart__buttons{grid-template-columns:1fr}
  .moon-content-card{padding:22px}
}
@media (max-width:460px){
  .moon-container{width:min(calc(100% - 22px),var(--moon-max))}
  .moon-header-actions{gap:5px}
  .moon-icon-button{width:40px;height:40px}
  .moon-hero__visual{height:290px}
  .moon-hero-product--1{width:56%;height:65%}
  .moon-hero-product--2{width:44%;height:50%}
  .moon-hero-product--3{width:36%;height:40%}
  .moon-category-grid{grid-template-columns:1fr}
  .moon-category-card{min-height:230px}
  .moon-color-chip{grid-template-columns:30px 1fr auto;padding:7px}
  .moon-color-chip__swatch{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* ============================================================
   Tiệm Len Nhà Moon 2.0 — catalog len và trang mã màu dạng ảnh
   Bố cục tham khảo trải nghiệm cửa hàng sợi hiện đại, không dùng
   logo, hình ảnh hoặc mã nguồn của bên thứ ba.
   ============================================================ */
:root{--moon-orange:#f7a51f;--moon-orange-deep:#ef8f00;--moon-max:1320px}
.moon-topbar{background:#fff;color:#786e68;border-bottom:1px solid #eee;font-size:12px}
.moon-site-header{background:var(--moon-orange);border-bottom:0;backdrop-filter:none}
.moon-header-row{min-height:64px}
.moon-menu>li>a{color:#fff;border-radius:0;font-size:15px;font-weight:600;padding:19px 13px}
.moon-menu>li:hover>a,.moon-menu>.current-menu-item>a,.moon-menu>.current-menu-ancestor>a{background:rgba(255,255,255,.13);color:#fff}
.moon-menu>li+li>a:before{content:"/";display:inline-block;margin-right:22px;color:rgba(255,255,255,.75);font-weight:400}
.moon-logo-wrap{align-self:stretch;display:flex;align-items:center;background:var(--moon-orange);padding:0 18px;border-radius:0 0 72px 72px;min-width:190px;justify-content:center}
.moon-logo-wrap img,.custom-logo{max-width:168px;max-height:58px;filter:brightness(0) invert(1)}
.moon-header-actions .moon-icon-button{background:transparent;border-color:transparent;color:#fff}
.moon-header-actions .moon-icon-button:hover{background:rgba(255,255,255,.13);color:#fff}
.moon-cart-count{border-color:var(--moon-orange);background:#fff;color:var(--moon-orange-deep)}
.moon-search-panel{background:var(--moon-orange);border-top:1px solid rgba(255,255,255,.28)}
.moon-search-form{background:#fff;border:0}

.single-product body,.single-product .moon-main{background:#fff}
.single-product .moon-woocommerce-main>.moon-container{width:min(calc(100% - 40px),1420px)}
.single-product .moon-single-product-wrap{padding:72px 0 34px;background:#fff;border:0;border-radius:0;box-shadow:none}
.single-product .woocommerce div.product{display:flex;align-items:flex-start;gap:70px}
.single-product .woocommerce div.product div.images{float:none;width:38%;padding:0;margin:0;position:sticky;top:105px}
.single-product .woocommerce div.product div.summary{float:none;width:62%;padding:0;margin:0;min-width:0}
.single-product .woocommerce div.product div.images img{border-radius:0;background:#fff;object-fit:contain;max-height:650px}
.single-product .woocommerce div.product .woocommerce-product-gallery__image{border-radius:0;text-align:center}
.single-product .woocommerce div.product .product_title{font-size:30px;font-weight:600;letter-spacing:-.015em;margin:0 0 15px}
.single-product .woocommerce div.product p.price,.single-product .woocommerce div.product span.price{font-size:25px;color:var(--moon-orange-deep);font-weight:500;margin:0 0 5px}
.single-product .woocommerce div.product p.stock{font-size:17px;margin:18px 0 4px}
.single-product .woocommerce div.product p.stock.out-of-stock{color:#ef2b2d}
.single-product .woocommerce-product-details__short-description{max-width:830px;color:#8b8581;font-size:16px;line-height:1.9;margin:4px 0 28px}
.single-product .woocommerce div.product form.cart{display:block;margin:20px 0}
.single-product .woocommerce div.product form.cart .variations{width:100%;margin:0 0 15px}
.single-product .woocommerce div.product form.cart .variations th{padding:0 0 8px}
.single-product .woocommerce div.product form.cart .variations label{font-size:16px;font-weight:500;color:#262626}
.single-product .woocommerce div.product form.cart .variations td{padding:0}
.single-product .woocommerce div.product form.cart .reset_variations{font-size:12px;color:var(--moon-orange-deep);margin-left:8px}
.single-product .woocommerce-variation{margin:12px 0}
.single-product .woocommerce-variation-price{font-size:22px;color:var(--moon-orange-deep)}
.single-product .woocommerce div.product form.cart .quantity{display:inline-flex;margin:15px 8px 0 0}
.single-product .woocommerce div.product form.cart .single_add_to_cart_button,
.single-product .woocommerce div.product form.cart .moon-buy-now{display:inline-flex;min-width:170px;margin-top:15px;border-radius:3px;box-shadow:none}
.single-product .woocommerce div.product .product_meta{margin-top:24px}
.single-product .woocommerce div.product .woocommerce-tabs{width:100%;flex-basis:100%}

.moon-native-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.moon-swatches{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}
.moon-swatches--images{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,62px));gap:12px 14px;max-width:900px}
.moon-swatch{position:relative;border:1px solid #ddd;background:#fff;color:#383838;padding:0;transition:border-color .16s,opacity .16s,transform .16s;box-shadow:none}
.moon-swatch--image{width:62px;height:76px;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}
.moon-swatch__image{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #dedede;border-radius:50%;background:#fff;overflow:hidden;transition:.16s}
.moon-swatch__image img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:0!important;background:#fff!important;margin:0!important}
.moon-swatch__label{display:block;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.15;color:#7d7773;text-align:center}
.moon-swatch__check{display:none;position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-radius:50%;background:var(--moon-orange);color:#fff;font-size:13px;line-height:18px;text-align:center;font-weight:800;z-index:2}
.moon-swatch--text{border-radius:3px;padding:8px 12px;font-size:12px;min-height:38px}
.moon-swatch--text .moon-swatch__check{right:-6px;top:-6px;bottom:auto}
.moon-swatch:hover .moon-swatch__image,.moon-swatch.is-active .moon-swatch__image{border-color:var(--moon-orange);box-shadow:0 0 0 1px var(--moon-orange)}
.moon-swatch.is-active .moon-swatch__check{display:block}
.moon-swatch.is-active.moon-swatch--text{border-color:var(--moon-orange);color:var(--moon-orange-deep)}
.moon-swatch.is-disabled{opacity:.25;filter:grayscale(.7);pointer-events:none;text-decoration:none}

.single-product .woocommerce-breadcrumb{font-size:14px;color:#7d7773;margin:0 0 12px}
.single-product .woocommerce-breadcrumb a{color:#1261c9}
.single-product .woocommerce .star-rating{color:var(--moon-orange)}

@media(max-width:1024px){
  .moon-menu>li+li>a:before{display:none}.moon-logo-wrap{min-width:150px;padding-inline:10px}
  .single-product .woocommerce div.product{gap:35px}.single-product .woocommerce div.product div.images{width:43%}.single-product .woocommerce div.product div.summary{width:57%}
}
@media(max-width:782px){
  .moon-site-header{background:var(--moon-orange)}.moon-logo-wrap{border-radius:0;min-width:auto;padding:0}.moon-logo-wrap img,.custom-logo{max-width:145px}
  .single-product .moon-single-product-wrap{padding-top:28px}.single-product .woocommerce div.product{display:block}
  .single-product .woocommerce div.product div.images,.single-product .woocommerce div.product div.summary{width:100%;position:static}
  .single-product .woocommerce div.product div.images{margin-bottom:28px}.moon-swatches--images{grid-template-columns:repeat(auto-fill,minmax(58px,58px));gap:10px}
  .moon-swatch--image,.moon-swatch__image{width:58px}.moon-swatch__image{height:58px}.moon-swatch__image img{width:44px!important;height:44px!important}
}
.single-product .woocommerce div.product{flex-wrap:wrap}
.single-product .woocommerce div.product div.images{width:calc(38% - 35px)}
.single-product .woocommerce div.product div.summary{width:calc(62% - 35px)}
@media(max-width:1024px){.single-product .woocommerce div.product div.images{width:calc(43% - 18px)}.single-product .woocommerce div.product div.summary{width:calc(57% - 18px)}}
@media(max-width:782px){.single-product .woocommerce div.product div.images,.single-product .woocommerce div.product div.summary{width:100%}}

/* ============================================================
   Tiệm Len Nhà Moon 2.2 — white/pastel, mobile-first hardening
   ============================================================ */
:root{
  --moon-orange:#F39A68;
  --moon-orange-deep:#E87845;
  --moon-peach:#F8D7C4;
  --moon-peach-soft:#FFF1E8;
  --moon-cream:#FFF8F3;
  --moon-cream-2:#FFFCFA;
  --moon-ink:#342B28;
  --moon-muted:#746A65;
  --moon-line:#EFE4DE;
  --moon-max:1320px;
}
html{background:#fff}
body{background:#fff;color:var(--moon-ink);font-family:"Segoe UI",Arial,sans-serif}
[hidden]{display:none!important}
.moon-topbar{background:#FFF7F1;color:#6E625C;border-bottom:1px solid var(--moon-line)}
.moon-marquee span{animation:none;padding-left:0}
.moon-site-header,.moon-site-header.is-scrolled{background:rgba(255,255,255,.98);border-bottom:1px solid var(--moon-line);backdrop-filter:saturate(160%) blur(12px);box-shadow:0 4px 22px rgba(78,55,44,.05)}
.moon-header-row{min-height:78px}
.moon-logo-wrap{align-self:auto;background:transparent;border-radius:0;min-width:104px;padding:4px 12px 4px 0;justify-content:flex-start}
.moon-logo-wrap img,.moon-logo-wrap .custom-logo{width:68px;height:68px;max-width:68px;max-height:68px;border-radius:50%;object-fit:cover;filter:none;box-shadow:0 5px 18px rgba(232,120,69,.12);border:1px solid #F9E4D7}
.moon-menu>li>a{color:var(--moon-ink);font-size:14px;font-weight:700;padding:12px 13px;border-radius:12px}
.moon-menu>li+li>a:before{display:none}
.moon-menu>li:hover>a,.moon-menu>.current-menu-item>a,.moon-menu>.current-menu-ancestor>a{background:var(--moon-peach-soft);color:var(--moon-orange-deep)}
.moon-header-actions .moon-icon-button,.moon-icon-button{background:#fff;border:1px solid var(--moon-line);color:var(--moon-ink)}
.moon-header-actions .moon-icon-button:hover,.moon-icon-button:hover{background:var(--moon-peach-soft);color:var(--moon-orange-deep);border-color:#F4C7AF}
.moon-cart-count{background:var(--moon-orange-deep);color:#fff;border-color:#fff}
.moon-search-panel{background:#fff;border-color:var(--moon-line)}
.moon-search-form{background:#FFF9F5;border:1px solid var(--moon-line)}

/* Fixed drawers live outside sticky header, so they remain visible on iOS/Android. */
.moon-mobile-nav{position:fixed!important;z-index:10020!important;inset:0 auto 0 0!important;width:min(88vw,380px)!important;height:100dvh!important;background:#fff!important;padding:18px 18px 36px!important;overflow-y:auto!important;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translate3d(-102%,0,0);transition:transform .24s ease,opacity .18s ease,visibility .24s;box-shadow:0 20px 70px rgba(44,31,25,.24);isolation:isolate}
.moon-mobile-nav.is-open{visibility:visible;opacity:1;transform:translate3d(0,0,0)}
.moon-overlay{position:fixed!important;z-index:10010!important;inset:0!important;background:rgba(39,29,25,.42);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s}
.moon-overlay.is-visible{opacity:1}
.moon-mobile-nav__head{position:sticky;top:-18px;z-index:2;background:#fff;padding:18px 0 13px;margin-bottom:8px}
.moon-mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}
.moon-mobile-brand .moon-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.moon-mobile-brand strong{font-size:15px;line-height:1.35}
.moon-mobile-menu>li{border-bottom:1px solid var(--moon-line)}
.moon-mobile-menu>li>a{padding:14px 4px;font-size:16px}
.moon-mobile-menu .sub-menu{padding:0 0 12px 16px}
.moon-mobile-nav__support{display:grid;gap:9px;margin-top:22px;padding:15px;border-radius:16px;background:var(--moon-peach-soft)}
.moon-mobile-nav__support a{font-weight:700;color:var(--moon-orange-deep)}

/* Modern light hero. */
.moon-hero{background:linear-gradient(135deg,#fff 0%,#FFF9F5 48%,#FFF0E7 100%)}
.moon-hero__grid{min-height:520px;padding-block:54px}
.moon-hero__content h1{font-size:clamp(38px,5vw,66px)}
.moon-benefits{background:#fff}
.moon-section--white,.moon-products-section,.moon-blog-section{background:#fff}

/* Product detail and swatches: usable on small screens and with many colours. */
.single-product .moon-single-product-wrap{padding-top:42px}
.single-product .woocommerce div.product{gap:48px}
.single-product .woocommerce div.product div.images{width:calc(46% - 24px);top:100px}
.single-product .woocommerce div.product div.summary{width:calc(54% - 24px)}
.single-product .woocommerce div.product .product_title{font-size:clamp(27px,3vw,42px);line-height:1.2}
.single-product .woocommerce div.product div.images img{max-height:720px;width:100%;object-fit:contain;background:#fff}
.moon-swatches--images{grid-template-columns:repeat(auto-fill,64px);gap:12px 10px;max-height:470px;overflow:auto;padding:4px 6px 8px 2px;scrollbar-width:thin}
.moon-swatch--image{width:64px;height:82px}
.moon-swatch__image{width:64px;height:64px;background:#fff}
.moon-swatch__image img{width:54px!important;height:54px!important;object-fit:contain!important}
.moon-swatch__label{font-size:10px;max-width:64px;color:#5E5550;font-weight:600}
.moon-swatch.is-disabled{opacity:.32}

/* Footer legal information and official Ministry of Industry and Trade badge. */
.moon-site-footer{background:#332A27;color:#fff;padding:64px 0 24px}
.moon-footer-grid{grid-template-columns:1.45fr .75fr 1fr 1fr;gap:38px}
.moon-footer-brand img{width:82px;height:82px;max-width:82px;max-height:82px;border-radius:50%;object-fit:cover;filter:none;background:#fff}
.moon-footer-brand h3{font-size:15px;margin:18px 0 12px;color:#fff}
.moon-company-details{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#D8CBC5;font-size:13px}
.moon-company-details strong{color:#fff}
.moon-footer-links a,.moon-footer-links li,.moon-footer-legal p{color:#D8CBC5}
.moon-footer-legal p{font-size:13px;line-height:1.6}
.moon-bct-badge{display:inline-block;background:#fff;border-radius:8px;padding:7px;margin-top:8px}
.moon-bct-badge img{width:180px;height:auto}
.moon-bct-note{font-size:11px!important;max-width:250px}
.moon-social-links a{display:inline-flex;padding:8px 12px;background:rgba(255,255,255,.08);border-radius:10px;color:#fff}

/* Policy, legal, colour-chart and account pages. */
.moon-policy-notice{padding:14px 16px;border:1px solid #F1D8C9;background:#FFF7F2;border-radius:14px;margin:18px 0}
.moon-color-chart-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.moon-color-chart-card{margin:0;border:1px solid var(--moon-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(65,44,35,.06)}
.moon-color-chart-card a{display:block}
.moon-color-chart-card img{width:100%;height:auto;background:#fff}
.moon-color-chart-card figcaption{padding:13px 16px;font-weight:700;color:var(--moon-ink)}
.moon-color-chart-note{font-size:13px;color:var(--moon-muted);padding:14px 16px;background:#FFF7F2;border-radius:12px}
.moon-social-login-block{margin:18px 0;padding:16px;border:1px solid var(--moon-line);border-radius:14px;background:#FFF9F5;text-align:center}
.moon-social-login-block:before{content:"Hoặc đăng nhập nhanh";display:block;font-size:12px;color:var(--moon-muted);margin-bottom:10px}
.woocommerce-account .woocommerce-form-login,.woocommerce-account .woocommerce-form-register{border-color:var(--moon-line);border-radius:18px;background:#fff}
.woocommerce-LostPassword a{font-weight:700;color:var(--moon-orange-deep)}

@media(max-width:1024px){
  .moon-primary-nav{display:none}.moon-mobile-menu-toggle{display:grid}
  .moon-footer-grid{grid-template-columns:1fr 1fr}
  .single-product .woocommerce div.product div.images{width:calc(44% - 18px)}
  .single-product .woocommerce div.product div.summary{width:calc(56% - 18px)}
}
@media(max-width:782px){
  .admin-bar .moon-site-header{top:46px}
  .moon-topbar__inner{min-height:30px}.moon-topbar__links{display:none}
  .moon-header-row{min-height:66px;gap:8px}.moon-logo-wrap{flex:1;justify-content:center;padding:2px}
  .moon-logo-wrap img,.moon-logo-wrap .custom-logo{width:54px;height:54px;max-width:54px;max-height:54px}
  .moon-header-actions .moon-search-toggle{display:none}
  .moon-icon-button{width:42px;height:42px}
  .moon-site-header{background:#fff}
  .moon-hero__grid{min-height:0;padding-block:34px;grid-template-columns:1fr}.moon-hero__visual{height:310px}
  .single-product .moon-woocommerce-main>.moon-container{width:min(calc(100% - 20px),1420px)}
  .single-product .moon-single-product-wrap{padding:18px 0 28px}
  .single-product .woocommerce div.product{display:block}
  .single-product .woocommerce div.product div.images,.single-product .woocommerce div.product div.summary{width:100%;position:static}
  .single-product .woocommerce div.product div.images{margin-bottom:18px}
  .single-product .woocommerce div.product .product_title{font-size:29px}
  .single-product .woocommerce div.product p.price{font-size:23px}
  .moon-swatches--images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;max-height:430px;padding-right:2px}
  .moon-swatch--image{width:100%;height:auto;min-width:0}
  .moon-swatch__image{width:100%;height:auto;aspect-ratio:1}
  .moon-swatch__image img{width:85%!important;height:85%!important}
  .moon-swatch__label{font-size:10px;max-width:100%}
  .single-product .woocommerce div.product form.cart .single_add_to_cart_button,.single-product .woocommerce div.product form.cart .moon-buy-now{min-width:0;padding-inline:16px}
  .moon-color-chart-gallery{grid-template-columns:1fr;gap:18px}
  .moon-footer-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:480px){
  .moon-container{width:min(calc(100% - 20px),var(--moon-max))}
  .moon-header-actions{gap:2px}.moon-icon-button{width:39px;height:39px}
  .moon-swatches--images{grid-template-columns:repeat(4,minmax(0,1fr));max-height:400px}
  .single-product .woocommerce div.product form.cart .quantity{width:64px}
  .single-product .woocommerce div.product form.cart .single_add_to_cart_button,.single-product .woocommerce div.product form.cart .moon-buy-now{font-size:12px;padding:10px 12px}
}

/* --------------------------------------------------------------------------
   2.3.0 - Framed featured categories + Gutenberg homepage bridge
   -------------------------------------------------------------------------- */
.moon-categories-section{background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)}
.moon-category-showcase{padding:18px;background:#fff;border:1px solid var(--moon-line);border-radius:26px;box-shadow:0 12px 36px rgba(113,70,39,.09)}
.moon-category-showcase .moon-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.moon-category-showcase .moon-category-card{position:relative;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(239,217,196,.9);border-radius:19px;overflow:hidden;background:#fff;color:var(--moon-ink);box-shadow:none;isolation:auto;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.moon-category-showcase .moon-category-card:after{display:none}
.moon-category-showcase .moon-category-card:hover{transform:translateY(-4px);border-color:rgba(240,145,90,.55);box-shadow:0 14px 28px rgba(113,70,39,.12)}
.moon-category-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--moon-cream)}
.moon-category-showcase .moon-category-card img{position:static;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.moon-category-showcase .moon-category-card:hover img{transform:scale(1.045)}
.moon-category-showcase .moon-category-card__body{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:var(--moon-ink)}
.moon-category-showcase .moon-category-card__body strong{font-size:16px;line-height:1.35}
.moon-category-showcase .moon-category-card__body small{flex:0 0 auto;color:var(--moon-muted);font-size:11px;white-space:nowrap}

.moon-home-gutenberg-slot{background:#fff;border-block:1px solid rgba(239,217,196,.7)}
.moon-home-gutenberg-slot>.alignfull,.moon-home-gutenberg-content>.alignfull{width:100%;margin-inline:0}
.moon-home-gutenberg-slot>:not(.alignfull),.moon-home-gutenberg-content>:not(.alignfull){width:min(1240px,calc(100% - 40px));margin-inline:auto}
.moon-home-gutenberg-slot>.wp-block-group,.moon-home-gutenberg-content>.wp-block-group{padding-block:58px}
.moon-home--gutenberg{padding-bottom:0}
.moon-home--gutenberg .moon-home-gutenberg-content{min-height:45vh}
.moon-gutenberg-intro{padding:72px 20px;background:linear-gradient(135deg,#fff8f2,#fff)}
.moon-gutenberg-dynamic-section{margin:0}

@media (max-width:780px){
  .moon-categories-section{padding-top:48px;padding-bottom:52px}
  .moon-category-showcase{padding:10px;border-radius:18px}
  .moon-category-showcase .moon-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .moon-category-showcase .moon-category-card{border-radius:14px}
  .moon-category-card__image{aspect-ratio:1/1}
  .moon-category-showcase .moon-category-card__body{display:block;padding:10px 9px;text-align:center}
  .moon-category-showcase .moon-category-card__body strong{display:block;font-size:13px}
  .moon-category-showcase .moon-category-card__body small{display:block;margin-top:3px;font-size:10px}
  .moon-category-showcase .moon-category-card:nth-child(3):last-child{grid-column:1/-1;display:grid;grid-template-columns:42% 58%;align-items:stretch}
  .moon-category-showcase .moon-category-card:nth-child(3):last-child .moon-category-card__image{aspect-ratio:auto;min-height:126px}
  .moon-category-showcase .moon-category-card:nth-child(3):last-child .moon-category-card__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:14px}
  .moon-category-showcase .moon-category-card:nth-child(3):last-child .moon-category-card__body strong{font-size:15px}
  .moon-home-gutenberg-slot>:not(.alignfull),.moon-home-gutenberg-content>:not(.alignfull){width:min(100% - 28px,1240px)}
  .moon-home-gutenberg-slot>.wp-block-group,.moon-home-gutenberg-content>.wp-block-group{padding-block:42px}
}


/* --------------------------------------------------------------------------
   2.3.2 - Home product grid, local BCT badge and dedicated color-chart page
   -------------------------------------------------------------------------- */
.moon-home .moon-products-section ul.products,
.moon-gutenberg-dynamic-section ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.moon-home .moon-products-section ul.products::before,
.moon-home .moon-products-section ul.products::after,
.moon-gutenberg-dynamic-section ul.products::before,
.moon-gutenberg-dynamic-section ul.products::after{display:none!important}
.moon-home .moon-products-section ul.products li.product,
.moon-gutenberg-dynamic-section ul.products li.product{
  float:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0;
  position:relative;
  padding:10px 10px 16px;
  border:1px solid var(--moon-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 9px 28px rgba(113,70,39,.08);
}
.moon-home .moon-products-section ul.products li.product a img,
.moon-gutenberg-dynamic-section ul.products li.product a img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  margin:0 0 14px;
  border-radius:15px;
  background:var(--moon-cream);
}
.moon-home .moon-products-section ul.products li.product .woocommerce-loop-product__title,
.moon-gutenberg-dynamic-section ul.products li.product .woocommerce-loop-product__title{
  min-height:43px;
  margin:0 0 8px;
  padding:0 5px;
  color:var(--moon-ink);
  font-size:15px;
  font-weight:700;
  line-height:1.45;
}
.moon-home .moon-products-section ul.products li.product .price,
.moon-gutenberg-dynamic-section ul.products li.product .price{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0 5px 9px;
  color:var(--moon-orange-deep);
  font-size:16px;
  font-weight:800;
}
.moon-home .moon-products-section ul.products li.product .button,
.moon-gutenberg-dynamic-section ul.products li.product .button{
  width:calc(100% - 10px);
  min-height:41px;
  margin:8px 5px 0;
  padding:9px 14px;
  font-size:13px;
}
.moon-bct-badge{min-height:64px;display:inline-flex;align-items:center;justify-content:center}
.moon-bct-badge img{display:block;max-width:180px;width:100%;height:auto;object-fit:contain}
.moon-color-chart-page{padding:58px 0 78px;background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)}
.moon-color-chart-page__card{padding:38px;overflow:visible}
.moon-color-chart-page__header{text-align:center;margin-bottom:28px}
.moon-color-chart-page__header h1{margin:6px 0 8px;font-size:clamp(34px,4vw,52px)}
.moon-color-chart-page__header p{margin:0 auto;max-width:680px;color:var(--moon-muted)}
.moon-color-chart-page .moon-color-chart-gallery{margin-top:30px}

@media (max-width:780px){
  .moon-home .moon-products-section ul.products,
  .moon-gutenberg-dynamic-section ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .moon-home .moon-products-section ul.products li.product,
  .moon-gutenberg-dynamic-section ul.products li.product{
    padding:7px 7px 12px;
    border-radius:16px;
  }
  .moon-home .moon-products-section ul.products li.product .woocommerce-loop-product__title,
  .moon-gutenberg-dynamic-section ul.products li.product .woocommerce-loop-product__title{
    min-height:38px;
    padding:0 3px;
    font-size:13px;
  }
  .moon-home .moon-products-section ul.products li.product .price,
  .moon-gutenberg-dynamic-section ul.products li.product .price{
    margin-inline:3px;
    font-size:14px;
  }
  .moon-home .moon-products-section ul.products li.product .button,
  .moon-gutenberg-dynamic-section ul.products li.product .button{
    width:calc(100% - 6px);
    margin-inline:3px;
    padding:8px 7px;
    font-size:11px;
  }
  .moon-color-chart-page{padding:34px 0 54px}
  .moon-color-chart-page__card{padding:20px 14px}
}