/* LAFORM UI 4: shared foundations + native Flatsome/WooCommerce components. */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/be-vietnam-pro-400.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/be-vietnam-pro-500.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/be-vietnam-pro-600.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/be-vietnam-pro-700.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/be-vietnam-pro-800.woff2') format('woff2')}
/* 1. Tokens: edit here to update every component. */
:root{
 --lf-blue:#1e5bff;--lf-ink:#1f1f1f;--lf-cream:#f9f6ee;--lf-orange:#ff7a3d;--lf-yellow:#ffd34e;--lf-green:#34b679;
 --lf-white:#fff;--lf-muted:#62625f;--lf-line:rgba(31,31,31,.12);--lf-font:'Be Vietnam Pro',Arial,sans-serif;
 --lf-radius-sm:10px;--lf-radius:14px;--lf-radius-lg:24px;--lf-pill:999px;
 --lf-shadow-sm:0 2px 10px rgba(31,31,31,.03);--lf-shadow:0 10px 24px rgba(31,31,31,.05),0 2px 6px rgba(31,31,31,.02);
 --lf-shadow-hover:0 14px 30px rgba(30,91,255,.08),0 4px 10px rgba(31,31,31,.03);--lf-neo-border:2px solid var(--lf-ink);--lf-neo-shadow:2px 2px 0 rgba(31,31,31,.18),0 8px 16px rgba(31,31,31,.06);--lf-neo-shadow-hover:3px 3px 0 rgba(31,31,31,.18),0 14px 24px rgba(31,31,31,.08);--lf-ease:cubic-bezier(.2,.7,.2,1);--lf-speed:240ms;
}
/* 2. Typography. Icon fonts and the WP toolbar keep their original fonts. */
body,#main{font-family:var(--lf-font);font-size:16px;line-height:1.75;color:var(--lf-ink);background:var(--lf-white);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.heading-font,.nav>li>a{font-family:var(--lf-font);color:var(--lf-ink)}
h1,h2,h3{font-weight:700;letter-spacing:-.04em;line-height:1.22;text-wrap:balance}
h1 strong,h2 strong,h3 strong{font-weight:inherit}
h4,h5,h6{font-weight:700;line-height:1.45;letter-spacing:-.02em}
button,input,select,textarea,.button{font-family:var(--lf-font)}
.laform-section h2,.lf-section h2{font-size:clamp(30px,3vw,42px);margin-bottom:20px}
.laform-kicker,.lf-kicker{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;color:var(--lf-blue)}
.laform-muted,.lf-muted{color:var(--lf-muted)}
.lf-lead{font-size:18px;line-height:1.8;max-width:44rem;color:var(--lf-muted)}
.dark .laform-kicker,.dark .lf-kicker{color:var(--lf-yellow)}
/* [SOFT 2026-11-01] Fix tuong phan: kicker xanh duong nam tren nen xanh la
   cua section "A LITTLE GIFT" (section laform-section khong co class phu). */
section.laform-section:not(.laform-hero):not(.laform-strip):not(.laform-catalog):not(.laform-story):not(.laform-desk):not(.laform-custom):not(.lf-category-section):not(.has-block):not(.laform-footer) .laform-kicker{color:var(--lf-ink)}
/* 3. Reusable classes: UX Builder > Advanced > Class. */
.lf-surface,.lf-card{background:var(--lf-white);border:1px solid var(--lf-line);border-radius:var(--lf-radius);box-shadow:var(--lf-shadow)}
.lf-card{padding:28px;height:100%}.lf-section{padding-block:clamp(48px,6vw,88px)}
.lf-card-blue{background:#e9efff}.lf-card-yellow{background:#fff0b9}.lf-card-green{background:#dcf2e5}.lf-card-orange{background:#ffe1d1}.lf-card-cream{background:#eee9df}.lf-card-pink{background:#f6e5ed}
.laform-pill,.lf-pill{display:inline-block;border:1px solid currentColor;border-radius:var(--lf-pill);padding:6px 14px;margin:0 5px 8px 0;font-size:12px;font-weight:500;line-height:1.6}
.laform-empty{padding:24px;border:1px dashed #b9b6af;border-radius:var(--lf-radius-sm);color:var(--lf-muted);font-size:14px}
/* 4. Buttons and controls shared by shop and content pages. */
.button,button,input[type=submit]{border-radius:10px;text-transform:none;letter-spacing:0;font-weight:700}
.button{min-height:48px;padding:.35em 1.65em;font-size:13px;box-shadow:none;transition:box-shadow var(--lf-speed) var(--lf-ease),background-color var(--lf-speed),transform var(--lf-speed) var(--lf-ease)}
.button.primary:not(.is-outline),button.single_add_to_cart_button{background:var(--lf-blue)}
.button.primary:not(.is-outline){box-shadow:0 6px 14px rgba(30,91,255,.10)}
.button.primary:not(.is-outline):hover{background:#174bd6;box-shadow:0 10px 20px rgba(30,91,255,.14)}
.button.primary.is-outline{color:var(--lf-blue);background:transparent;border-width:1.5px}
.button.primary.is-outline:hover{background:var(--lf-blue);color:var(--lf-white)}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--lf-orange);outline-offset:4px}
.woocommerce :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){border-radius:var(--lf-radius-sm);border-color:#b9b6af;box-shadow:none;background:var(--lf-white);font-size:14px;color:var(--lf-ink)}
.woocommerce :is(input,select,textarea):focus{border-color:var(--lf-blue);box-shadow:0 0 0 3px rgba(30,91,255,.1)}
.woocommerce .quantity .button{border-radius:0;box-shadow:none}
.woocommerce .quantity .minus{border-radius:var(--lf-radius-sm) 0 0 var(--lf-radius-sm)}
.woocommerce .quantity .plus{border-radius:0 var(--lf-radius-sm) var(--lf-radius-sm) 0}
/* 5. Navigation and footer. */
.header-wrapper,.header-main{background:var(--lf-white)}.header-main{border-bottom:1px solid var(--lf-line)}
.stuck .header-main{background:rgba(255,255,255,.96);box-shadow:0 5px 24px rgba(31,31,31,.05);backdrop-filter:blur(14px)}
.header-nav>li>a{font-size:14px;font-weight:600;text-transform:none;letter-spacing:-.015em}.header-nav>li>a:hover{color:var(--lf-blue)}
#logo img{width:auto;max-height:46px;object-fit:contain}
.header .icon-search,.header .icon-shopping-bag,.header .icon-user{color:var(--lf-ink)}
.nav-dropdown{border:1px solid var(--lf-line);border-radius:18px;box-shadow:var(--lf-shadow)}.nav-dropdown .menu-item a{white-space:normal;font-size:13px}
.laform-footer{border-top:1px solid var(--lf-line)}.laform-footer h3{font-size:30px;letter-spacing:-.04em}
.laform-footer h4{font-size:11px;letter-spacing:.08em;margin:0 0 20px;color:var(--lf-blue)}
.laform-footer a{color:var(--lf-ink)}.laform-footer a:hover{color:var(--lf-blue)}.laform-footer p{font-size:13px;line-height:1.9}
.laform-footer .lf-sign{font-size:9px;letter-spacing:.12em;margin-top:22px}.absolute-footer{border-top:1px solid var(--lf-line);font-size:11px}
/* 6. Products: one card on home, shop, categories and related products. */
.product-small.box{background:var(--lf-white);border:var(--lf-neo-border);border-radius:12px;overflow:hidden;box-shadow:var(--lf-neo-shadow);height:100%;transition:transform var(--lf-speed) var(--lf-ease),box-shadow var(--lf-speed) var(--lf-ease),border-color var(--lf-speed)}
.product-small .box-image{border-radius:0;border-bottom:var(--lf-neo-border);background:#f6f7f9;aspect-ratio:1/1;overflow:hidden}
.product-small .box-image>div:first-child{height:100%}
.product-small .box-image>div:first-child>a{display:block;height:100%}
.product-small .box-image img{width:100%;height:100%;object-fit:contain;padding:0;transition:transform 360ms var(--lf-ease)}
.product-small .box-text{padding:16px 14px 18px;text-align:left;background:none}
.product-small .category{font-size:10px;letter-spacing:.07em;line-height:1.8;color:var(--lf-muted);opacity:1;margin-bottom:8px}
.product-small .product-title{font-size:14px;line-height:1.55;font-weight:600;letter-spacing:-.025em;min-height:48px}
.product-small .product-title a{color:var(--lf-ink)}.product-small .product-title a:hover{color:var(--lf-blue)}
.product-small .price{display:block;margin-top:12px;font-size:17px;color:var(--lf-ink);font-weight:700;letter-spacing:-.035em}.product-small .price .amount{color:inherit}
.product-small .button{font-size:11px;min-height:38px;margin-bottom:0;padding:.2em 1.2em}
.product-small.box:focus-within{box-shadow:var(--lf-neo-shadow);outline:3px solid var(--lf-blue);outline-offset:4px}.product-small.box:focus-within .box-image{outline:2px solid var(--lf-blue);outline-offset:3px}
.product-info .product-title{font-size:clamp(26px,3vw,40px);letter-spacing:-.045em;line-height:1.3}.product-info .price{color:var(--lf-blue)}
.product-gallery .woocommerce-product-gallery__image{border-radius:var(--lf-radius);overflow:hidden}
/* 7. Category cards are reusable on other landing pages. */
.laform-category{border:1px solid rgba(31,31,31,.08);border-radius:var(--lf-radius);padding:30px 26px;height:100%;box-shadow:inset 0 1px 0 #ffffff80,var(--lf-shadow-sm);transition:transform var(--lf-speed) var(--lf-ease),box-shadow var(--lf-speed) var(--lf-ease)}
.laform-category .lf-no{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:#ffffff70;border:1px solid #ffffff80;border-radius:18px;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.06em}
.laform-category h3{font-size:22px;min-height:56px;margin:24px 0 14px;letter-spacing:-.045em}
.laform-category p{font-size:13px;line-height:1.85;min-height:48px;color:#50504e}
.laform-category .button{padding:0;border:0;min-height:32px;margin:8px 0 0;font-size:12px;color:var(--lf-ink);background:none;box-shadow:none}
/* The native builder places the category CTA after its Text element. */
.col-inner:has(>.laform-category){position:relative;height:100%}
.laform-category{padding-bottom:76px}
.laform-category+.button.primary.is-link{position:absolute;left:26px;bottom:24px;padding:0;margin:0;min-height:32px;border:0;font-size:12px;color:var(--lf-ink);background:transparent;box-shadow:none}
@media(hover:hover) and (pointer:fine){.lf-card:hover{box-shadow:var(--lf-shadow)}}
@media(max-width:849px){.laform-section h2,.lf-section h2{font-size:34px}.laform-category{padding:24px 20px}.product-small .box-text{padding:14px 12px 16px}.product-small .product-title{font-size:13px;min-height:45px}.product-small .price{font-size:16px}}
@media(max-width:549px){
 body,#main{font-size:15px}:root{--lf-radius:12px;--lf-radius-lg:20px}
 .laform-section h2,.lf-section h2{font-size:30px;letter-spacing:-.05em}.laform-kicker,.lf-kicker{font-size:9px;letter-spacing:.1em}
 .button{font-size:12px;padding:.4em 1.4em;min-height:46px;margin-right:6px}#logo img{max-height:34px}
 .product-small .box-image img{padding:0}.product-small .box-text{padding:12px 10px 14px}
 .product-small .category{font-size:8px;letter-spacing:.025em;min-height:28px;white-space:normal}
 .product-small .product-title{font-size:12px;line-height:1.7;min-height:62px}.product-small .price{font-size:15px;margin-top:8px}.product-small .button{font-size:10px;padding:0 10px}
 .laform-category h3{font-size:19px;min-height:48px}.laform-category p{min-height:0}.lf-card{padding:22px}
 .laform-category+.button{left:20px}
 .woocommerce :is(input[type=text],input[type=email],input[type=tel],input[type=password],select,textarea){font-size:16px}
}


/* 8. Wide retail layout. Width itself remains the native Flatsome site_width. */
@media(min-width:850px){
 .header-inner,.page-title-inner,#main>.row,#main>.container,.section-content>.row,.section-content>.container{width:calc(100% - 64px)}
 .section-content>.row>.col>.row{width:auto}
}
/* Floating labels use Flatsome's badge-container on all product loops. */
.badge-container:has(.lf-product-labels){margin:12px;max-width:calc(100% - 24px)}
.lf-product-labels{display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.lf-product-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:5px;font-family:var(--lf-font);font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px #0000000a}
.lf-label-hot{background:var(--lf-orange);color:var(--lf-ink)}
.lf-label-new{background:var(--lf-green);color:#102c20}
.lf-label-custom{background:var(--lf-blue);color:white}
@media(max-width:549px){
 .badge-container:has(.lf-product-labels){margin:8px;max-width:calc(100% - 16px)}
 .lf-product-labels{gap:4px}.lf-product-label{font-size:8px;padding:5px 7px}
}

/* 9. Reusable Neo-Brutalism components. Colors use the LAFORM tokens above. */
.lf-neo-card,.lf-category-section .col-inner:has(>.laform-category){
 display:flex;flex-direction:column;position:relative;height:100%;background:var(--lf-cream);
 border:var(--lf-neo-border);border-radius:12px;box-shadow:var(--lf-neo-shadow);
 overflow:hidden;isolation:isolate;transition:transform 200ms var(--lf-ease),box-shadow 200ms var(--lf-ease);
}
.lf-neo-card:focus-within,.lf-category-section .col-inner:has(>.laform-category):focus-within{outline:3px solid var(--lf-blue);outline-offset:5px}
.button:not(.is-link){border:var(--lf-neo-border);box-shadow:2px 2px 0 rgba(31,31,31,.16)}
.button.primary:not(.is-outline){box-shadow:2px 2px 0 rgba(31,31,31,.16)}
.button.primary.is-outline{border:var(--lf-neo-border);background:var(--lf-cream)}
.lf-product-label{border:1px solid var(--lf-ink);border-radius:4px;box-shadow:1px 1px 0 rgba(31,31,31,.15)}
@media(hover:hover) and (pointer:fine){
 .product-small.box:hover{box-shadow:var(--lf-neo-shadow-hover)}
 .button:not(.is-link):hover{box-shadow:3px 3px 0 rgba(31,31,31,.16)}
 .lf-neo-card:hover,.lf-category-section .col-inner:has(>.laform-category):hover{box-shadow:var(--lf-neo-shadow-hover)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body:not(.laform-motion-off) :is(.lf-neo-card,.lf-category-section .col-inner:has(>.laform-category)):hover{transform:translate(-3px,-4px) rotate(-.7deg)}
}
@media(hover:hover) and (pointer:fine){
 .laform-motion-on :is(.lf-neo-card,.lf-category-section .col-inner:has(>.laform-category)):hover{transform:translate(-3px,-4px) rotate(-.7deg)}
}
.laform-motion-off :is(.lf-neo-card,.lf-category-section .col-inner:has(>.laform-category)){transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){body:not(.laform-motion-on) :is(.lf-neo-card,.lf-category-section .col-inner:has(>.laform-category)){transition:none;transform:none}}
@media(max-width:549px){.product-small.box{box-shadow:2px 2px 0 rgba(31,31,31,.16)}}

/* Compact motion control in the native desktop/mobile header menus. */
#header .lf-motion-menu-item{display:flex;align-items:center;margin:0 8px 0 0}
#header .laform-motion-control{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0;padding:4px 9px;border:1.5px solid var(--lf-ink);border-radius:6px;background:var(--lf-cream);color:var(--lf-blue);font-size:10px;font-weight:700;line-height:1;box-shadow:1px 1px 0 rgba(31,31,31,.15);cursor:pointer;white-space:nowrap}
#header .lf-motion-symbol{font-size:19px;line-height:1}
#header .laform-motion-control[aria-pressed=false]{color:var(--lf-muted);background:#f3f3f1;box-shadow:none}
#header .laform-motion-control:focus-visible{outline:3px solid var(--lf-orange);outline-offset:4px}
@media(max-width:849px){
 #header .laform-motion-control{width:32px;height:32px;padding:4px;gap:0}
 #header .lf-motion-state{display:none}
 #header .laform-motion-control[aria-pressed=true]{background:var(--lf-blue);color:white}
}

/* LAFORM: equal-width product mega menu, including categories without children. */
@media(min-width:850px){
#header .header-inner{position:relative}
#header .header-nav,#header #menu-item-32{position:static}
#header #menu-item-32>.nav-dropdown{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(1280px,calc(100vw - 48px));max-width:none;min-width:0;left:50%!important;margin-left:0!important;transform:translateX(-50%);padding:24px;border:2px solid #1F1F1F;border-radius:16px;box-shadow:3px 3px 0 rgba(31,31,31,.16),0 12px 24px rgba(31,31,31,.08);background:#F9F6EE}
#header #menu-item-32>.nav-dropdown>li{display:block!important;float:none;width:auto!important;min-width:0;margin:0;padding:12px;border:0!important;background:#fff;border-radius:10px}
#header #menu-item-32>.nav-dropdown>li>a{display:flex;align-items:center;min-height:64px;margin:0 0 8px;padding:0 0 12px;border-bottom:2px solid #FFD34E;font-size:14px;font-weight:800;line-height:1.45;color:#1F1F1F;text-transform:none;white-space:normal}
#header #menu-item-32 .nav-column{width:100%;min-width:0;margin:0;padding:0;border:0}
#header #menu-item-32 .nav-column>li>a{margin:0;padding:9px 0;font-size:13px;line-height:1.5;white-space:normal}
#header #menu-item-32 .nav-dropdown a:hover{color:#1E5BFF}
#header #menu-item-51{background:#fff2bd!important}
}
@media(min-width:850px) and (max-width:1099px){#header #menu-item-32>.nav-dropdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}#header #menu-item-32>.nav-dropdown>li>a{min-height:42px}}
@media(min-width:850px){#header #menu-item-32:hover>.nav-dropdown,#header #menu-item-32:focus-within>.nav-dropdown{visibility:visible;opacity:1;pointer-events:auto;max-height:80vh;height:auto;overflow:auto;top:100%;z-index:50}}

/* ============================================================
   PALETTE 03 — PEACH & CREAM · LAFORM
   Blue (#1E5BFF) survives only as the type accent and focus ring.
   Every blue surface warms to peach; yellow/green/orange become
   butter/sage/sand. The spinning sticker marks stay orange.
   Body copy is darker (#3E3E3B) but still lighter than headings.
   ============================================================ */

:root{
  --lf-cream:#FFF9F3;
  --lf-peach:#FFD3BC;
  --lf-butter:#FFE3A0;
  --lf-sage:#D3E8D3;
  --lf-sand:#EDE8E2;
  --lf-yellow:#FFE3A0;
  --lf-green:#D3E8D3;
  --lf-orange:#EDE8E2;
  --lf-muted:#3E3E3B;
  --lf-shadow-hover:0 14px 30px rgba(31,31,31,.07),0 4px 10px rgba(31,31,31,.03);
}

/* --- Paper: page, header, footer --------------------------- */
html,body,#main,.header-wrapper,.header-main,.header-bg-color,.absolute-footer{background-color:#FFF9F3}
.transparent .header-wrapper{background-color:#FFF9F3!important}
.header-bg-color{background-color:#FFF9F3!important}
.absolute-footer{background-color:#FFF9F3!important}

/* --- Sections (UX Builder writes per-load ID rules) -------- */
.laform-hero{background:radial-gradient(ellipse at 80% 45%,#FFF3DC 0,transparent 52%),#FFF9F3}
.laform-strip{background-color:#FFE3A0!important;box-shadow:none}
.laform-custom{background-color:#FFD3BC!important}
.laform-footer{background-color:#FFF9F3!important}
.home section.laform-section:not(.laform-hero):not(.laform-strip):not(.laform-catalog):not(.laform-story):not(.laform-desk):not(.laform-custom):not(.lf-category-section):not(.has-block):not(.laform-footer){background-color:#D3E8D3!important}

/* --- Blue surfaces -> peach (blue text is untouched) ------- */
.button.primary:not(.is-outline):not(.is-link),a.button.wc-forward,button.single_add_to_cart_button,.product-small .button:not(.is-link),.badge-inner.callout-new-bg,.lf-label-custom{background-color:#FFD3BC;color:#1F1F1F;border-color:#1F1F1F}
.button.primary:not(.is-outline):not(.is-link){box-shadow:0 6px 14px rgba(31,31,31,.06)}
.button.primary:not(.is-outline):not(.is-link):hover{background-color:#FFC3A6;box-shadow:0 10px 20px rgba(31,31,31,.10)}
.button.primary.is-outline{background-color:#FFF9F3}
.button.primary.is-outline:hover{background-color:#FFD3BC;color:#1F1F1F}
.badge-inner.callout-new-bg{color:#1F1F1F!important}

/* --- Orange surfaces -> sand ------------------------------- */
.submit-button.secondary,a.button.checkout.wc-forward,.lf-label-hot{background-color:#EDE8E2;color:#1F1F1F;border-color:#1F1F1F}

/* --- Category cards: blue cards become peach --------------- */
.lf-category-section .col:is(:nth-child(6n+1),:nth-child(6n))>.col-inner:has(>.laform-category){background:#FFD3BC}
.lf-category-section .col:is(:nth-child(6n+1),:nth-child(6n)) .laform-category h3,.lf-category-section .col:is(:nth-child(6n+1),:nth-child(6n)) .laform-category+.button{color:#1F1F1F}

/* --- Type: body copy one step darker, headings stay ink ---- */
.laform-muted,.lf-muted{color:#3E3E3B}
.laform-category p{color:#3E3E3B}

/* --- Quieter "Khám phá" links: ink, aligned, 6px hit pad --- */
.lf-category-section .laform-category+.button.primary.is-link{color:#1F1F1F;font-size:12px;letter-spacing:.01em;padding:6px 0;margin:2px 14px 18px;min-height:34px}
.lf-category-section .laform-category+.button.primary.is-link:hover{color:#1E5BFF;text-decoration:underline;text-underline-offset:4px}

/* --- Buttons: balanced side padding ------------------------ */
.button:not(.is-link){min-height:48px;padding:12px 26px;line-height:1.2}

/* --- CTA banner: peach ground, ink type -------------------- */
.laform-custom h2,.laform-custom p,.laform-custom .laform-kicker,.laform-custom .laform-pill{color:#1F1F1F}
.laform-custom .laform-pill{border-color:rgba(31,31,31,.35);background:rgba(255,255,255,.45)}

/* --- Keep the spinning sticker marks orange ---------------- */
.laform-hero:after,.lf-category-section .section-content>.row:first-child:after{color:#FF7A3D}

/* --- Focus ring stays visible on the warm palette ---------- */
:where(a,button,input,textarea,select):focus-visible{outline-color:#1E5BFF}
#header .laform-motion-control:focus-visible{outline-color:#1E5BFF}

/* --- Tinted chips and reusable cards ----------------------- */
.laform-hero .laform-kicker{background:#FFEADE;border-color:#FFD3BC}
.laform-process strong.lf-no{background:#FFEADE}
#header .laform-motion-control[aria-pressed=true]{background:#FFD3BC;color:#1F1F1F}
.lf-card-blue{background:#FFEADE}
.lf-card-yellow{background:#FFF0CC}
.lf-card-green{background:#E7F3E7}
.lf-card-orange{background:#F3EEE8}
.lf-card-cream{background:#FFF9F3}
.lf-category-section{background-image:radial-gradient(#FFC3A6 1px,transparent 1px)}

/* --- Menu dropdown follows the paper ----------------------- */
#header #menu-item-32>.nav-dropdown{background:#FFF9F3}
#header #menu-item-32>.nav-dropdown>li>a{border-bottom-color:#FFE3A0}

@media(max-width:549px){
  .button:not(.is-link){padding:11px 20px}
  .lf-category-section .laform-category+.button.primary.is-link{margin:2px 10px 16px}
}

/* === Product page surfaces (laform-product.css hard-codes blue) === */
.single-product .product-info button.single_add_to_cart_button.alt{background-color:#FFD3BC!important;color:#1F1F1F!important;border-color:#1F1F1F!important;box-shadow:2px 2px 0 rgba(31,31,31,.16)!important}
.single-product .product-info button.single_add_to_cart_button.alt:hover{background-color:#FFC3A6!important}
.single-product .lf-contact-button{background-color:#FFD3BC!important;color:#1F1F1F!important;border-color:#1F1F1F!important}
.single-product .lf-contact-button:hover{background-color:#FFC3A6!important}
.single-product .product-info .variations .ux-swatch.selected{background-color:#FFD3BC!important;color:#1F1F1F!important}
.single-product .product-info .variations .ux-swatch.selected:hover{background-color:#FFC3A6!important;color:#1F1F1F!important}
.lf-business-inquiry{background-color:#FFF9F3!important;border-color:#1F1F1F!important}
.single-product .product-info .quantity :is(.minus,.plus){background:#FFF9F3!important}

/* --- Checkout: order-review panel + place order ------------ */
.col-inner.has-border{border-color:#1F1F1F}
.woocommerce #place_order.button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background-color:#FFD3BC;color:#1F1F1F;border-color:#1F1F1F}
.woocommerce #place_order.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#FFC3A6;color:#1F1F1F}

/* --- Header cart count + section scroll bullets ------------ */
.cart-icon strong{border-color:#1F1F1F!important}
.scroll-to-bullets a{background-color:#FFD3BC!important;border-color:#1F1F1F!important}

/* --- Product loop quick view + pagination ------------------ */
.quick-view{background-color:#FFD3BC!important;color:#1F1F1F!important}
.quick-view:hover{background-color:#FFC3A6!important;color:#1F1F1F!important}
.page-number.current{background-color:#FFD3BC!important;color:#1F1F1F!important;border-color:#1F1F1F!important}

/* --- Blog date badge outline ------------------------------- */
.badge-outline .badge-inner{border-color:#1F1F1F;color:#1E5BFF}

/* --- Rating stars: blue glyph accent (orange is sticker-only) --- */
.star-rating::before{color:rgba(31,31,31,.22)!important}
.star-rating span::before{color:#1E5BFF!important}

/* --- Catch remaining Flatsome default (blue) buttons ------- */
.button:not(.is-link):not(.is-outline):not(.is-form):not(.secondary):not(.alt),input[type=submit]:not(.is-form):not(.is-outline):not(.secondary):not(.alt){background-color:#FFD3BC;color:#1F1F1F;border-color:#1F1F1F}
.button:not(.is-link):not(.is-outline):not(.is-form):not(.secondary):not(.alt):hover,input[type=submit]:not(.is-form):not(.is-outline):not(.secondary):not(.alt):hover{background-color:#FFC3A6;color:#1F1F1F}