/* LamiOffice consolidated CSS 7.13.1: site-home
   Generated from the exact previous runtime order. Do not reorder sections. */

/* ===== SOURCE: assets/css/pwa.css ===== */
/* LamiOffice V5.1 — PWA feedback */
.lami-pwa-banner{position:fixed;left:50%;bottom:20px;z-index:1200;display:flex;align-items:center;gap:14px;width:min(620px,calc(100% - 28px));padding:14px 16px;border:1px solid rgba(15,15,14,.12);border-radius:18px;background:rgba(250,248,243,.97);box-shadow:0 22px 70px rgba(15,15,14,.18);transform:translate(-50%,130%);opacity:0;transition:.3s ease;backdrop-filter:blur(18px)}
.lami-pwa-banner.is-open{transform:translate(-50%,0);opacity:1}.lami-pwa-banner__icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#0f0f0e;color:#f5f1e8;font-weight:800}.lami-pwa-banner__copy{min-width:0;flex:1}.lami-pwa-banner__copy strong{display:block;font-size:14px}.lami-pwa-banner__copy span{display:block;margin-top:3px;color:#746f66;font-size:11px;line-height:1.45}.lami-pwa-banner__actions{display:flex;gap:7px}.lami-pwa-banner button{border:0;border-radius:11px;padding:10px 13px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.lami-pwa-banner [data-pwa-accept]{background:#0f0f0e;color:#fff}.lami-pwa-banner [data-pwa-close]{background:#ece8df;color:#37342f}
.lami-pwa-toast{position:fixed;right:18px;bottom:18px;z-index:1300;max-width:min(360px,calc(100% - 36px));padding:12px 15px;border-radius:12px;background:#0f0f0e;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.2);font-size:12px;line-height:1.5;opacity:0;transform:translateY(16px);pointer-events:none;transition:.25s}.lami-pwa-toast.is-open{opacity:1;transform:none}.lami-pwa-toast.is-warn{background:#8b5a22}.lami-pwa-toast button{margin-left:8px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer}
html.is-pwa-standalone [data-hide-standalone]{display:none!important}
@media(max-width:620px){.lami-pwa-banner{align-items:flex-start;bottom:12px}.lami-pwa-banner__actions{flex-direction:column}.lami-pwa-banner button{padding:9px 10px}.lami-pwa-banner__icon{display:none}.lami-pwa-toast{right:12px;bottom:12px}}

/* ===== SOURCE: assets/css/v77.css ===== */
/* LamiOffice V7.7D Home Commerce — single public UI layer */
:root{
  --bg:#07110f;--bg-2:#0b1714;--panel:#0f1d19;--panel-2:#13231e;--panel-solid:#0e1916;
  --text:#f5efe3;--muted:#b8b0a1;--line:rgba(204,169,104,.28);--line-strong:rgba(218,184,119,.56);
  --gold:#d4b06a;--gold-2:#f0d59a;--bronze:#8f6c3f;--green:#123b31;--danger:#f07c72;--ok:#72c8a6;
  --shadow:0 18px 45px rgba(0,0,0,.28);--radius:16px;--radius-sm:11px;--container:1540px;
  --header-h:132px;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;min-width:320px}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(3,12,10,.82),rgba(3,12,10,.88)),url('../images/marble-preview/marble-bg.jpg') center/cover no-repeat;opacity:.9}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--gold);color:#17120b;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}

/* Header: static in every page */
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,15,.94);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.15) blur(9px)}
.topbar{height:34px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-links,.top-actions{display:flex;align-items:center;gap:16px}.topbar a:hover{color:var(--gold-2)}
.header-main{height:66px}.header-main .container{height:100%;display:grid;grid-template-columns:210px minmax(280px,1fr) auto;gap:20px;align-items:center}.brand img{width:178px;height:44px;object-fit:contain}.search-wrap{position:relative}.search-box{height:46px;background:#fff;border:2px solid transparent;border-radius:13px;display:flex;align-items:center;padding:0 10px 0 15px;box-shadow:0 5px 16px rgba(0,0,0,.12)}.search-box:focus-within{border-color:var(--gold)}.search-box input{flex:1;border:0;outline:0;color:#17201e;background:transparent;min-width:0}.search-box button{border:0;background:#153f34;color:#fff;border-radius:9px;padding:8px 13px}.search-suggest{position:absolute;top:52px;left:0;right:0;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;max-height:420px;overflow:auto;z-index:120}.search-suggest.open{display:block}.suggest-label{padding:8px 10px 5px;color:var(--gold-2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.suggest-item{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:10px}.suggest-item:hover,.suggest-item.active{background:rgba(212,176,106,.12)}.suggest-item img{width:54px;height:44px;object-fit:contain;background:#f6f1e9;border-radius:8px}.suggest-name{font-size:13px;font-weight:750}.suggest-meta{font-size:11px;color:var(--muted)}.suggest-price{font-size:13px;color:var(--gold-2);font-weight:800}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{min-width:44px;height:44px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative}.icon-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.icon-btn .badge-count{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--gold);color:#17120b;font-size:11px;font-weight:900;display:grid;place-items:center}.mode-switch{display:flex;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:3px}.mode-switch button{height:36px;border:0;border-radius:9px;padding:0 11px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.mode-switch button.active{background:var(--gold);color:#17120b}
.main-nav{height:32px;border-top:1px solid rgba(255,255,255,.03)}.main-nav .container{display:flex;align-items:center;height:100%;gap:6px}.nav-link{height:32px;display:flex;align-items:center;padding:0 13px;border-radius:9px;font-size:13px;font-weight:750;white-space:nowrap}.nav-link:hover,.nav-link.active{background:rgba(212,176,106,.13);color:var(--gold-2)}.nav-link.category-trigger{background:var(--gold);color:#18130c}.nav-spacer{flex:1}.mobile-search{display:none;padding:0 16px 10px}

/* Common */
.page-shell{padding:18px 0 52px}.breadcrumbs{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px;margin:4px 0 12px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--gold-2)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-2);font-weight:900}.page-heading h1,.section-head h2,.hero-copy h1,.detail-info h1{font-family:Cambria,"Times New Roman",serif;letter-spacing:-.025em}.page-heading h1{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:5px 0}.page-heading p{margin:0;color:var(--muted);max-width:720px}.count-note{color:var(--muted);white-space:nowrap}.panel{background:linear-gradient(145deg,rgba(20,39,33,.96),rgba(10,24,20,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2{font-size:clamp(25px,2.3vw,36px);margin:3px 0 0;line-height:1.08}.section-head p{margin:5px 0 0;color:var(--muted)}.link-arrow{color:var(--gold-2);font-weight:800;font-size:13px}.btn{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:13px;background:var(--panel-2);color:var(--text)}.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#17120b;border-color:transparent}.btn.secondary{background:transparent;border-color:var(--line-strong)}.btn.ghost{background:transparent}.btn.danger{color:#fff;background:#8d3e39;border-color:#a94f48}.btn.small{min-height:34px;padding:0 11px;font-size:12px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:760}.chip:hover,.chip.active{border-color:var(--gold);background:rgba(212,176,106,.14);color:var(--gold-2)}.muted{color:var(--muted)}

/* Home */
.hero-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:12px;align-items:stretch}.category-panel{padding:12px}.category-panel h2{font-size:13px;margin:2px 5px 8px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.12em}.category-list{display:grid;gap:3px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:9px;font-size:13px}.category-item:hover{background:rgba(212,176,106,.12);color:var(--gold-2)}.hero-main{min-height:390px;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#0b1714}.hero-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02)}.hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,11,.92) 0%,rgba(4,13,11,.63) 48%,rgba(4,13,11,.1) 100%)}.hero-copy{position:relative;z-index:2;max-width:610px;padding:50px 46px}.hero-copy h1{font-size:clamp(35px,4.2vw,64px);line-height:.98;margin:8px 0 15px}.hero-copy p{color:#ddd5c7;max-width:520px;margin:0 0 22px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.promo-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px}.promo-card{position:relative;padding:20px;overflow:hidden;min-height:0}.promo-card::after{content:"";position:absolute;right:-30px;bottom:-48px;width:150px;height:150px;border-radius:50%;border:1px solid var(--line-strong)}.promo-card h3{font-family:Cambria,"Times New Roman",serif;font-size:22px;margin:7px 0}.promo-card p{font-size:12px;color:var(--muted);margin:0 0 13px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;overflow:hidden}.trust-item{padding:14px 17px;background:var(--panel-solid);display:flex;gap:11px;align-items:center}.trust-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--gold-2);flex:0 0 auto}.trust-item strong{display:block;font-size:13px}.trust-item span{font-size:11px;color:var(--muted)}
.need-panel{padding:22px}.need-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.need-card{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:16px;text-align:left;color:var(--text);min-height:118px}.need-card:hover,.need-card.selected{border-color:var(--gold);background:rgba(212,176,106,.1);transform:translateY(-2px)}.need-card b{display:block;margin-bottom:5px}.need-card span{font-size:12px;color:var(--muted)}.need-result{margin-top:13px;padding:16px;border-radius:13px;border:1px solid var(--line);background:var(--panel-solid);display:none}.need-result.open{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.need-result strong{color:var(--gold-2)}
.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.budget-card{padding:22px;position:relative;overflow:hidden}.budget-card.recommended{border-color:var(--gold)}.budget-tag{position:absolute;right:14px;top:14px;background:var(--gold);color:#17120b;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.budget-card h3{font-family:Cambria,"Times New Roman",serif;font-size:25px;margin:7px 0}.budget-price{font-size:23px;color:var(--gold-2);font-weight:900}.budget-card ul{padding-left:17px;color:var(--muted);font-size:13px;min-height:85px}.budget-card .btn{width:100%}
.home-commerce{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.product-section{margin-bottom:28px}.offer-sidebar{position:sticky;top:144px;padding:14px}.offer-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.offer-head h3{font-family:Cambria,"Times New Roman",serif;font-size:23px;margin:3px 0}.offer-list{display:grid;gap:8px}.offer-card{display:grid;grid-template-columns:78px 1fr;gap:9px;padding:8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);position:relative}.offer-card:hover{border-color:var(--line-strong)}.offer-card img{width:78px;height:68px;object-fit:contain;background:#f5efe5;border-radius:9px}.offer-card h4{font-size:12px;line-height:1.25;margin:2px 0 5px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-price{color:var(--gold-2);font-size:12px;font-weight:900}.offer-old{font-size:10px;color:var(--muted);text-decoration:line-through}.offer-badge{position:absolute;left:5px;top:5px;background:#a34d43;color:#fff;font-size:9px;font-weight:900;padding:3px 5px;border-radius:6px}
.collection-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}.collection-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}.collection-card:first-child{grid-row:1/3}.collection-card img{width:100%;height:100%;object-fit:cover}.collection-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,10,.9),transparent 70%)}.collection-info{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.collection-info h3{font-family:Cambria,"Times New Roman",serif;font-size:23px;margin:0}.collection-info p{font-size:12px;color:#ddd4c4;margin:4px 0 0}

/* Product cards */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px
}

.product-card {
  background: linear-gradient(155deg, var(--panel-2), var(--panel-solid));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  min-width: 0;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease
}

.product-card:hover {
  transform: translateY(-3px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow)
}

.product-media {
  aspect-ratio: 16/10;
  background: linear-gradient(145deg, #f8f3ea, #e9e0d2);
  position: relative;
  overflow: hidden
}

.product-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  transition: transform .25s ease
}

.product-card:hover .product-media img {
  transform: scale(1.035)
}

.product-badge {
  position: absolute;
  left: 9px;
  top: 9px;
  background: #173e33;
  color: #f6e6bd;
  border: 1px solid rgba(240, 213, 154, .45);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em
}

.card-icons {
  position: absolute;
  right: 8px;
  top: 8px;
  display: grid;
  gap: 6px;
  opacity: 0;
  transform: translateX(4px);
  transition: .2s
}

.product-card:hover .card-icons,
.product-card:focus-within .card-icons {
  opacity: 1;
  transform: none
}

.card-icon {
  width: 31px;
  height: 31px;
  border-radius: 9px;
  border: 1px solid rgba(20, 30, 27, .18);
  background: rgba(255, 255, 255, .92);
  color: #18332b;
  display: grid;
  place-items: center
}

.card-icon.active {
  background: var(--gold);
  color: #17120b
}

.product-body {
  padding: 12px
}

.product-meta {
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .07em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.product-title {
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  margin: 5px 0 7px;
  min-height: 38px;
  display: -webkit-box;
  -webkit-line-clamp: 2;line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.product-title:hover {
  color: var(--gold-2)
}

.fit-line {
  font-size: 11px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 8px;
  min-height: 18px
}

.swatches {
  display: flex;
  gap: 5px;
  min-height: 16px;
  margin-bottom: 6px
}

.swatch {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, .55);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .22);
  border-radius: 50%
}

.price-row {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-height: 26px
}

.price {
  font-size: 16px;
  color: var(--gold-2);
  font-weight: 950
}

.old-price {
  font-size: 11px;
  color: var(--muted);
  text-decoration: line-through
}

.card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 9px
}

.card-actions .btn {
  min-height: 37px;
  padding: 0 8px;
  font-size: 11px
}

.viewed-note {
  font-size: 10px;
  color: var(--muted);
  margin-top: 7px
}

/* Catalog */
.catalog-top{padding:14px 16px;margin-bottom:12px}.catalog-top-row{display:flex;justify-content:space-between;align-items:end;gap:14px}.catalog-top h1{font-family:Cambria,"Times New Roman",serif;font-size:34px;margin:2px 0}.catalog-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.tool-select{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 10px}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}.catalog-layout.filters-collapsed{grid-template-columns:1fr}.filter-sidebar{position:sticky;top:144px;padding:14px;max-height:calc(100vh - 160px);overflow:auto}.filters-collapsed .filter-sidebar{display:none}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.filter-head h2{font-size:16px;margin:0}.filter-group{border-top:1px solid var(--line);padding:12px 0}.filter-group:first-of-type{border-top:0}.filter-group h3{font-size:12px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-2)}.filter-option{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--muted)}.filter-option input{accent-color:var(--gold)}.filter-option span:last-child{margin-left:auto;font-size:10px}.catalog-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.active-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.active-filter{border:1px solid var(--gold);background:rgba(212,176,106,.12);border-radius:999px;padding:6px 9px;font-size:11px}.empty-state{padding:50px 20px;text-align:center}.empty-state h3{font-family:Cambria,"Times New Roman",serif;font-size:28px;margin:0 0 8px}

/* Detail */
.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:16px;align-items:start}.gallery-panel{padding:14px}.main-image{aspect-ratio:16/11;border-radius:14px;background:linear-gradient(145deg,#f8f3ea,#e7ddce);overflow:hidden}.main-image img{width:100%;height:100%;object-fit:contain;padding:15px}.thumbs{display:flex;gap:8px;margin-top:9px}.thumb{width:72px;height:58px;border:1px solid var(--line);border-radius:9px;background:#f4eee5;padding:4px}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;height:100%;object-fit:contain}.detail-info{padding:22px;position:sticky;top:144px}.detail-info h1{font-size:clamp(31px,3.2vw,48px);line-height:1.02;margin:7px 0 10px}.detail-sku{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.detail-price{display:flex;gap:10px;align-items:baseline;margin:12px 0}.detail-price .price{font-size:30px}.detail-description{color:var(--muted);font-size:14px}.variant-block{margin:15px 0}.variant-block h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold-2);margin:0 0 8px}.variant-buttons{display:flex;gap:7px;flex-wrap:wrap}.variant-btn{border:1px solid var(--line);background:var(--panel-solid);color:var(--text);border-radius:9px;padding:8px 11px;font-size:12px}.variant-btn.active{border-color:var(--gold);background:rgba(212,176,106,.12)}.quantity-row{display:flex;gap:8px;margin:13px 0}.qty-control{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qty-control button,.qty-control input{width:39px;height:42px;border:0;background:var(--panel-solid);color:var(--text);text-align:center}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions .btn{min-height:48px}.trust-box{margin-top:13px;border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.trust-box button{border:0;background:transparent;color:var(--muted);text-align:left;font-size:11px;padding:5px}.trust-box button:hover{color:var(--gold-2)}.tabs{margin-top:16px}.tab-buttons{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}.tab-btn{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:8px;font-weight:800}.tab-btn.active{background:rgba(212,176,106,.13);color:var(--gold-2)}.tab-panel{display:none;padding:20px 4px}.tab-panel.active{display:block}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.spec-table td:first-child{color:var(--muted);width:35%}.sticky-buybar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(7,17,15,.96);border-top:1px solid var(--line);padding:8px 16px;display:none}.sticky-buybar.show{display:block}.sticky-buybar .container{display:flex;align-items:center;gap:12px}.sticky-buybar img{width:52px;height:42px;object-fit:contain;background:#f4eee5;border-radius:8px}.sticky-buybar .buy-info{flex:1}.sticky-buybar strong{display:block;font-size:13px}.sticky-buybar span{font-size:12px;color:var(--gold-2);font-weight:850}

/* Utility pages */
.content-card{padding:24px}.content-card h1{font-family:Cambria,"Times New Roman",serif;font-size:38px;margin:0 0 8px}.cart-list{display:grid;gap:10px}.cart-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.cart-row img{width:100px;height:78px;object-fit:contain;background:#f5efe5;border-radius:10px}.cart-row h3{font-size:14px;margin:0 0 5px}.cart-row .qty-control{width:max-content}.summary-card{padding:20px;position:sticky;top:145px}.two-col-page{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.summary-line.total{font-size:18px;color:var(--gold-2);font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:var(--muted)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);border-radius:10px;padding:11px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}.quote-banner{padding:20px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.quote-banner h2{font-family:Cambria,"Times New Roman",serif;margin:0 0 5px}.comparison{overflow:auto}.comparison table{width:100%;border-collapse:collapse;min-width:760px}.comparison th,.comparison td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison th{background:var(--panel-2)}.comparison img{width:130px;height:100px;object-fit:contain;background:#f5efe5;border-radius:10px}.policy-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px}.policy-nav{padding:12px;position:sticky;top:145px}.policy-nav a{display:block;padding:9px;border-radius:8px;font-size:12px;color:var(--muted)}.policy-nav a:hover,.policy-nav a.active{background:rgba(212,176,106,.12);color:var(--gold-2)}.policy-content{padding:24px}.policy-content h1{font-family:Cambria,"Times New Roman",serif;font-size:38px}.policy-content h2{margin-top:28px;font-family:Cambria,"Times New Roman",serif}.policy-content p,.policy-content li{color:var(--muted)}

/* Drawers / modal */
.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:200;opacity:0;pointer-events:none;transition:.2s}.backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:var(--panel-solid);z-index:210;transform:translateX(102%);transition:transform .25s ease;border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-family:Cambria,"Times New Roman",serif;margin:0}.drawer-body{padding:14px;overflow:auto;flex:1}.drawer-foot{padding:14px;border-top:1px solid var(--line)}.drawer-foot .btn{width:100%;margin-top:8px}.drawer-item{display:grid;grid-template-columns:72px 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.drawer-item img{width:72px;height:60px;object-fit:contain;background:#f5efe5;border-radius:9px}.drawer-item h3{font-size:12px;margin:0 0 4px}.drawer-item small{color:var(--muted)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(620px,calc(100% - 28px));max-height:88vh;overflow:auto;background:var(--panel-solid);z-index:220;border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow);padding:20px;opacity:0;pointer-events:none;transition:.2s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h2{font-family:Cambria,"Times New Roman",serif;margin:0}.close-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:300;display:grid;gap:8px}.toast{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);font-size:12px;animation:toastIn .22s ease}.toast.ok{border-color:rgba(114,200,166,.6)}.toast.warn{border-color:rgba(240,124,114,.65)}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}

/* Floating / footer / mobile */
.floating-contact{position:fixed;right:17px;bottom:18px;z-index:70;display:grid;gap:8px}.float-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid var(--line-strong);background:var(--panel-solid);color:var(--gold-2);box-shadow:0 8px 22px rgba(0,0,0,.25)}.float-btn:nth-child(-n+3)::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid transparent;border-top-color:var(--gold-2);animation:spin 4.2s linear infinite}.float-btn:nth-child(2)::before{animation-delay:-1.1s}.float-btn:nth-child(3)::before{animation-delay:-2.2s}@keyframes spin{to{transform:rotate(360deg)}}.float-label{position:absolute;right:57px;background:var(--panel-solid);border:1px solid var(--line);padding:6px 8px;border-radius:8px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}.float-btn:hover .float-label{opacity:1;transform:none}.site-footer{border-top:1px solid var(--line);background:rgba(5,13,11,.93);padding:34px 0 18px;margin-top:45px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px}.footer-brand img{width:180px}.footer-brand p{color:var(--muted);font-size:12px;max-width:420px}.footer-col h3{font-size:13px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.08em}.footer-col a{display:block;color:var(--muted);font-size:12px;padding:4px 0}.footer-col a:hover{color:var(--gold-2)}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:16px}.mobile-bottom-nav{display:none}.mobile-contact-menu{display:none}

@media (max-width:1280px){
  .container{width:min(calc(100% - 24px),1220px)}.header-main .container{grid-template-columns:180px 1fr auto}.brand img{width:160px}.mode-switch{display:none}.hero-grid{grid-template-columns:205px 1fr 230px}.catalog-main .product-grid,.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:1024px){
  :root{--header-h:116px}.topbar{display:none}.header-main{height:64px}.main-nav{height:42px;overflow-x:auto}.main-nav .container{width:max-content;min-width:100%;padding-inline:12px}.nav-link{height:34px}.header-main .container{grid-template-columns:155px minmax(180px,1fr) auto;gap:10px}.header-actions .label{display:none}.hero-grid{grid-template-columns:180px 1fr}.promo-stack{display:none}.home-commerce{grid-template-columns:1fr}.offer-sidebar{position:relative;top:auto}.offer-list{grid-template-columns:repeat(5,1fr)}.offer-card{grid-template-columns:1fr}.offer-card img{width:100%;height:90px}.need-grid{grid-template-columns:repeat(3,1fr)}.catalog-layout{grid-template-columns:200px minmax(0,1fr)}.catalog-main .product-grid,.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-info{position:relative;top:auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{display:none}
}
@media (max-width:760px){
  body{padding-bottom:66px}.container{width:min(calc(100% - 20px),100%)}.site-header{position:sticky}.header-main{height:60px}.header-main .container{grid-template-columns:135px 1fr auto}.brand img{width:132px;height:38px}.search-wrap.desktop-search{display:none}.mobile-search{display:block}.mobile-search .search-box{height:42px}.header-actions{gap:5px}.header-actions .icon-btn{display:none}.header-actions .icon-btn.cart-trigger,.header-actions .theme-toggle{display:inline-flex;min-width:40px;width:40px;height:40px;padding:0}.main-nav{display:none}.hero-grid{grid-template-columns:1fr}.category-panel{display:none}.hero-main{min-height:430px}.hero-copy{padding:42px 24px}.hero-copy h1{font-size:43px}.trust-strip{grid-template-columns:1fr 1fr}.trust-item{padding:12px}.need-grid{grid-template-columns:1fr 1fr}.need-card{min-height:104px}.need-result.open{grid-template-columns:1fr}.budget-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-body{padding:10px}.product-title{font-size:13px}.card-actions{grid-template-columns:1fr}.card-actions .btn.secondary{display:none}.card-icons{opacity:1;transform:none}.section{margin-top:28px}.section-head{align-items:start}.section-head h2{font-size:27px}.home-commerce{gap:10px}.offer-list{display:flex;overflow-x:auto}.offer-card{min-width:180px}.collection-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px}.collection-card:first-child{grid-column:1/-1;grid-row:auto}.catalog-top-row{align-items:start;flex-direction:column}.catalog-top h1{font-size:29px}.catalog-layout,.catalog-layout.filters-collapsed{grid-template-columns:1fr}.filter-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:230;max-height:78vh;border-radius:20px 20px 0 0;transform:translateY(105%);transition:.25s}.filter-sidebar.mobile-open{transform:none}.filters-collapsed .filter-sidebar.mobile-open{display:block}.catalog-main .product-grid,.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:10px}.gallery-panel,.detail-info{padding:12px}.detail-info h1{font-size:34px}.detail-actions{grid-template-columns:1fr}.trust-box{grid-template-columns:1fr}.two-col-page{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.cart-row{grid-template-columns:78px 1fr;gap:10px}.cart-row img{width:78px;height:68px}.cart-row .qty-control,.cart-row .cart-price{grid-column:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.policy-layout{grid-template-columns:1fr}.policy-nav{position:relative;top:auto;display:flex;overflow:auto}.policy-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.floating-contact{display:none}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(7,17,15,.98);border-top:1px solid var(--line);height:62px}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:10px;padding:6px}.mobile-bottom-nav .active{color:var(--gold-2)}.sticky-buybar{bottom:62px}.toast-stack{bottom:76px;left:10px;right:10px}.toast{width:100%}
}
@media (max-width:430px){.need-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.product-grid,.catalog-main .product-grid,.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price{font-size:14px}.product-title{min-height:35px}.card-actions .btn{font-size:10px;padding:0 4px}.collection-grid{grid-template-columns:1fr;grid-template-rows:240px 160px 160px}.collection-card:first-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* Width safety for nested CSS grids */
.home-commerce > *, .product-section, .catalog-main, .section-head > *, .detail-grid > *, .two-col-page > * {min-width:0}
.product-grid {width:100%;min-width:0}
@media (max-width:760px){
  .home-commerce > div{width:100%;min-width:0}
  .product-section{width:100%;overflow:hidden}
  .section-head{width:100%}
  .section-head .link-arrow{flex:0 0 auto}
}

/* V7.7C — interaction polish */
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
button,a,.product-card,.offer-card,.need-card,.collection-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.site-header{box-shadow:0 8px 28px rgba(0,0,0,.16)}
.header-actions{min-width:max-content}

/* Desktop mega navigation: hover and keyboard focus both work. */
.nav-item{position:relative;height:100%;display:flex;align-items:center}
.nav-item>.nav-link{height:32px}
.nav-item.has-dropdown>.nav-link::after{content:"⌄";font-size:10px;margin-left:6px;opacity:.7;transform:translateY(-1px)}
.nav-dropdown{position:absolute;top:calc(100% + 1px);left:0;width:min(620px,calc(100vw - 32px));padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .16s ease,transform .16s ease,visibility .16s;box-shadow:0 22px 52px rgba(0,0,0,.36);z-index:160}
.nav-item.mega-wide .nav-dropdown{width:min(820px,calc(100vw - 32px));grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-item.align-right .nav-dropdown{left:auto;right:0}
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.mega-group{min-width:0;padding:4px}
.mega-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold-2);font-weight:900;padding:4px 7px 7px;border-bottom:1px solid var(--line)}
.mega-links{display:grid;gap:2px;padding-top:5px}
.mega-link{display:block;border-radius:9px;padding:8px 7px;font-size:12px;color:var(--muted);line-height:1.25}
.mega-link:hover,.mega-link:focus-visible{background:rgba(212,176,106,.11);color:var(--text);outline:none}
.mega-link small{display:block;color:var(--muted);font-size:10px;margin-top:2px}

/* Product cards: wider/shorter visual rhythm with a quieter premium hover. */
.product-card{box-shadow:0 8px 20px rgba(0,0,0,.10)}
.product-card:hover{transform:translateY(-4px);border-color:rgba(240,213,154,.62);box-shadow:0 18px 38px rgba(0,0,0,.25)}
.product-media{aspect-ratio:16/9}
.product-media::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgba(20,30,26,.08),transparent);pointer-events:none}
.product-media img{padding:6px}
.card-icons{z-index:2}
.product-body{padding:11px 12px 12px}
.product-title{min-height:37px;margin:4px 0 6px}
.fit-line{margin-bottom:6px}
.card-actions{margin-top:7px}
.card-actions .btn{min-height:35px}

/* Selected-offer sidebar: hover shows a compact product preview to the left. */
.offer-sidebar{z-index:8}
.offer-card{isolation:isolate}
.offer-card:hover{transform:translateX(-2px);background:rgba(212,176,106,.055);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.offer-peek{position:absolute;right:calc(100% + 12px);top:50%;width:255px;transform:translate(10px,-50%) scale(.98);opacity:0;visibility:hidden;pointer-events:none;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:14px;padding:10px;box-shadow:0 22px 48px rgba(0,0,0,.36);z-index:20;transition:.18s ease}
.offer-card:hover .offer-peek,.offer-card:focus-visible .offer-peek{opacity:1;visibility:visible;transform:translate(0,-50%) scale(1)}
.offer-peek img{width:100%;height:128px;object-fit:contain;background:#f6f1e9;border-radius:10px;margin-bottom:8px}
.offer-peek strong{display:block;font-size:13px;line-height:1.3;color:var(--text)}
.offer-peek span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.offer-peek b{display:block;color:var(--gold-2);font-size:14px;margin-top:7px}

/* Floating actions: contact buttons retain the moving ring, utility buttons stay calm. */
.float-btn:hover{transform:translateY(-2px);border-color:var(--gold-2);box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 4px rgba(212,176,106,.07)}
.float-btn:nth-child(n+4)::before{display:none}

/* Minor readability and spacing corrections. */
.page-shell{padding-top:16px}
.section-head{margin-bottom:12px}
.catalog-main .product-grid{align-items:start}
.search-suggest{overscroll-behavior:contain}
.modal,.drawer{overscroll-behavior:contain}

@media (max-width:1280px) and (min-width:1025px){
  .catalog-layout{grid-template-columns:205px minmax(0,1fr)}
  .catalog-main .product-grid,.filters-collapsed .catalog-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
  .catalog-main .product-body{padding:9px}
  .catalog-main .product-title{font-size:12.5px}
  .catalog-main .card-actions .btn{font-size:10px;padding-inline:5px}
}
@media (max-width:1024px){
  .nav-item{display:contents}
  .nav-dropdown{display:none!important}
  .offer-peek{display:none}
}
@media (max-width:760px){
  .header-main .container{grid-template-columns:135px 1fr auto}
  .header-actions{min-width:auto}
  .product-media{aspect-ratio:4/3}
  .product-card:hover{transform:none;box-shadow:0 8px 20px rgba(0,0,0,.12)}
  .card-icons{gap:5px}
  .card-icon{width:29px;height:29px}
  .hero-main{min-height:400px}
  .hero-copy{padding:38px 22px}
  .hero-copy h1{font-size:clamp(36px,10vw,43px)}
  .section-head{gap:10px}
  .section-head .link-arrow{font-size:12px}
}



/* V7.7D — longer home commerce flow + premium icon system */
.ui-icon{width:19px;height:19px;display:block;flex:0 0 auto}.icon-btn .ui-icon{width:18px;height:18px}.search-box .ui-icon{width:20px;height:20px}.float-icon{width:21px;height:21px}.mobile-nav-icon{width:21px;height:21px;margin:auto}
.trust-icon svg,.package-icon svg,.confidence-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.trust-icon svg{width:18px;height:18px}
.float-btn::before{display:none!important}
.float-btn.float-contact-action::before,.float-btn.float-cart-action::before{display:block!important;content:"";position:absolute;inset:-5px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0deg 195deg,rgba(212,176,106,.05) 215deg,#a8742d 244deg,#fff0b5 276deg,#d4b06a 306deg,transparent 338deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lo-float-ring 1.9s linear infinite;filter:drop-shadow(0 0 5px rgba(240,213,154,.72));pointer-events:none}
.float-btn.float-contact-action:nth-child(2)::before{animation-delay:-.45s}.float-btn.float-contact-action:nth-child(3)::before{animation-delay:-.9s}
/* Cart ring: one thin, compact highlight orbit only. The cart icon itself never rotates. */
.float-btn.float-cart-action::before{inset:-3px!important;padding:1px!important;background:conic-gradient(from 0deg,transparent 0deg 304deg,rgba(212,176,106,.12) 309deg,#d7b56d 317deg,#fff1bd 325deg,#c89543 333deg,transparent 342deg 360deg)!important;animation:lo-float-ring 2.8s linear infinite!important;animation-delay:-1.15s!important;filter:drop-shadow(0 0 2px rgba(240,213,154,.46))!important}
.float-btn.float-cart-action::after{display:none!important}
@keyframes lo-float-ring{to{transform:rotate(360deg)}}
.float-btn.float-cart-action .ui-icon{transform:none!important}.float-btn.float-utility-action{animation:none!important}.float-btn.float-utility-action .ui-icon{transform:none!important}
.home-commerce .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-commerce .product-section{padding-bottom:2px;border-bottom:1px solid rgba(212,176,106,.08)}.home-commerce .product-section:last-child{border-bottom:0}.viewed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.package-card{padding:18px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:135px}.package-card.featured{border-color:var(--gold);background:linear-gradient(145deg,rgba(52,42,24,.92),rgba(12,28,23,.97))}.package-card:hover{transform:translateY(-3px);border-color:var(--gold)}.package-icon{width:46px;height:46px;border-radius:14px;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--gold-2);background:rgba(212,176,106,.07)}.package-icon svg{width:23px;height:23px}.package-card h3{font-family:Cambria,"Times New Roman",serif;font-size:20px;margin:3px 0 4px}.package-card p{font-size:12px;color:var(--muted);margin:0}.package-arrow{color:var(--gold-2);font-size:21px}
.planner-section{padding:24px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(460px,1.3fr);gap:22px;align-items:center}.planner-copy h2{font-family:Cambria,"Times New Roman",serif;font-size:clamp(27px,2.5vw,38px);line-height:1.08;margin:5px 0 8px}.planner-copy p{color:var(--muted);margin:0;max-width:560px}.planner-form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:9px;align-items:end}.planner-form label{display:grid;gap:6px}.planner-form label>span{font-size:11px;color:var(--muted)}.planner-form input,.planner-form select{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);color:var(--text);padding:0 10px;min-width:0}.planner-result{grid-column:1/-1;display:none;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.planner-result.open{display:flex;align-items:center;justify-content:space-between;gap:16px}.planner-result p{margin:4px 0 0;color:var(--muted);font-size:12px}
.confidence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.confidence-card{padding:18px;min-height:180px}.confidence-card>span{width:43px;height:43px;border:1px solid var(--line-strong);border-radius:13px;display:grid;place-items:center;color:var(--gold-2);margin-bottom:14px}.confidence-card h3{font-size:15px;margin:0 0 6px}.confidence-card p{font-size:12px;color:var(--muted);margin:0}.confidence-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.article-card{padding:20px;min-height:215px;display:flex;flex-direction:column}.article-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-2);font-weight:900}.article-card h3{font-family:Cambria,"Times New Roman",serif;font-size:21px;line-height:1.15;margin:10px 0}.article-card p{font-size:12px;color:var(--muted);margin:0 0 16px}.article-card b{margin-top:auto;color:var(--gold-2);font-size:12px}.article-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.home-quote-cta{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;overflow:hidden;position:relative}.home-quote-cta::after{content:"";position:absolute;right:-90px;top:-100px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(240,213,154,.18);pointer-events:none}.home-quote-cta h2{font-family:Cambria,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);line-height:1.08;margin:5px 0 8px;max-width:900px}.home-quote-cta p{color:var(--muted);margin:0;max-width:840px}.quote-cta-actions{display:grid;gap:9px;min-width:220px;position:relative;z-index:1}
@media (max-width:1280px){.home-commerce .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.home-commerce .product-body{padding:9px}.home-commerce .product-title{font-size:12.5px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-section{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1024px){.home-commerce .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-form{grid-template-columns:1fr 1fr}.planner-form .btn{min-height:42px}.confidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quote-cta{grid-template-columns:1fr}.quote-cta-actions{display:flex;flex-wrap:wrap;min-width:0}}
@media (max-width:760px){.home-commerce .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.viewed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid{grid-template-columns:1fr}.package-card{min-height:118px}.planner-section{padding:18px}.planner-form{grid-template-columns:1fr}.planner-result.open{display:grid}.confidence-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.home-quote-cta{padding:22px}.quote-cta-actions{display:grid}.mobile-bottom-nav .ui-icon{margin-bottom:1px}}
@media (max-width:430px){.confidence-grid{grid-template-columns:1fr}.package-card{grid-template-columns:42px 1fr auto;padding:15px}.package-icon{width:40px;height:40px}.planner-section{padding:16px}.home-quote-cta{padding:18px}}

/* V7.11.16 — Vietnamese typography stability */
h1,h2,h3{
  font-kerning:normal;
  font-feature-settings:"kern" 1;
  font-variant-ligatures:common-ligatures;
  text-rendering:optimizeLegibility;
}

/* ===== SOURCE: assets/css/luxury-soft-marble.css ===== */
/* LamiOffice V7.8 — Luxury Soft Marble / cream milk visual layer */
:root{
  --bg:#f4eee5;
  --bg-2:#eee3d5;
  --panel:rgba(255,252,246,.78);
  --panel-2:#fbf6ed;
  --panel-solid:#fffaf3;
  --text:#2f2a24;
  --muted:#766d61;
  --line:rgba(153,116,62,.20);
  --line-strong:rgba(154,114,54,.42);
  --gold:#b98c45;
  --gold-2:#8d642e;
  --bronze:#7b5730;
  --green:#36534a;
  --danger:#ad5f58;
  --ok:#567c68;
  --shadow:0 18px 46px rgba(86,62,32,.11);
  color-scheme:light;
}

body{
  background:#f4eee5;
  color:var(--text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  opacity:1;
  background:
    radial-gradient(ellipse at 8% 12%,rgba(255,255,255,.96) 0 12%,rgba(255,255,255,0) 34%),
    radial-gradient(ellipse at 83% 8%,rgba(255,251,244,.90) 0 10%,rgba(255,251,244,0) 33%),
    radial-gradient(ellipse at 62% 70%,rgba(255,255,255,.56) 0 12%,rgba(255,255,255,0) 36%),
    linear-gradient(118deg,transparent 0 17%,rgba(147,119,83,.055) 18%,rgba(255,255,255,.18) 18.6%,transparent 20% 43%,rgba(160,132,95,.045) 44%,transparent 46%),
    linear-gradient(164deg,transparent 0 49%,rgba(164,137,101,.045) 50%,rgba(255,255,255,.14) 50.6%,transparent 52%),
    linear-gradient(142deg,#faf6ef 0%,#f1e8dd 48%,#f8f2e9 100%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.55;
  background:
    repeating-linear-gradient(104deg,transparent 0 165px,rgba(128,104,74,.035) 166px,transparent 168px 315px),
    repeating-linear-gradient(154deg,transparent 0 255px,rgba(255,255,255,.26) 256px,transparent 259px 470px);
  mix-blend-mode:multiply;
}

/* warm glass header */
.site-header{
  background:rgba(250,246,238,.91)!important;
  border-bottom:1px solid rgba(151,112,57,.20)!important;
  box-shadow:0 10px 32px rgba(79,57,31,.08)!important;
  backdrop-filter:saturate(1.05) blur(14px)!important;
}
.topbar{color:#776e62!important;background:rgba(255,252,246,.36)}
.main-nav{border-top:1px solid rgba(126,94,51,.06)!important}
.brand img{filter:drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 5px 10px rgba(111,79,35,.10))}
.search-box{background:rgba(255,255,255,.94)!important;border:1px solid rgba(148,110,57,.20)!important;box-shadow:0 8px 24px rgba(84,60,31,.08)!important}
.search-box:focus-within{border-color:#b98c45!important;box-shadow:0 0 0 3px rgba(185,140,69,.10)!important}
.search-box input{color:#302b25!important}
.search-box button{background:linear-gradient(135deg,#5c5145,#352f29)!important;color:#fffaf0!important;box-shadow:0 5px 14px rgba(55,47,39,.16)}
.search-suggest{background:rgba(255,252,246,.98)!important}
.suggest-item:hover,.suggest-item.active{background:rgba(185,140,69,.10)!important}
.icon-btn,.mode-switch{background:rgba(255,251,244,.72)!important;color:#352f29!important}
.icon-btn:hover{background:#fffaf3!important;box-shadow:0 8px 20px rgba(91,65,34,.08)}
.nav-link:hover,.nav-link.active{background:rgba(185,140,69,.11)!important;color:#7b572b!important}
.nav-link.category-trigger{background:linear-gradient(135deg,#d8bd86,#b88a43)!important;color:#2d2419!important;box-shadow:0 5px 16px rgba(141,100,46,.17)}

/* cream glass surfaces */
.panel,
.product-card,
.offer-card,
.need-card,
.need-result,
.variant-btn,
.drawer,
.modal,
.toast,
.tool-select,
.planner-form input,
.planner-form select,
.planner-result,
.filter-sidebar,
.catalog-top,
.gallery-panel,
.detail-info,
.summary-card,
.policy-nav,
.policy-content,
.comparison th,
.trust-item{
  color:var(--text);
}
.panel{
  background:linear-gradient(145deg,rgba(255,253,249,.91),rgba(247,239,228,.83))!important;
  border-color:rgba(153,116,62,.20)!important;
  box-shadow:0 18px 46px rgba(89,65,34,.10)!important;
  backdrop-filter:blur(8px);
}

/* Hero remains dramatic while matching the warm palette */
.hero-main{
  background:#5e5145!important;
  border-color:rgba(179,139,79,.34)!important;
  box-shadow:0 22px 52px rgba(71,51,29,.15);
}
.hero-main img{filter:saturate(.76) sepia(.09) brightness(.93) contrast(1.01)!important}
.hero-main::after{
  background:linear-gradient(90deg,rgba(48,39,31,.88) 0%,rgba(65,51,39,.58) 50%,rgba(67,53,40,.08) 100%)!important;
}
.hero-copy,.hero-copy h1{color:#fffaf1!important}
.hero-copy p{color:#efe7dc!important}
.hero-copy .eyebrow{color:#f0d59a!important}
.hero-copy .btn.secondary{color:#fffaf2!important;border-color:rgba(255,238,205,.42)!important;background:rgba(255,255,255,.08)!important}

/* Content cards */
.category-item:hover{background:rgba(185,140,69,.09)!important;color:#7b572b!important}
.trust-strip{border:1px solid rgba(153,116,62,.14);border-radius:14px}
.trust-item{background:rgba(255,252,246,.73)!important}
.trust-icon{background:rgba(255,255,255,.56);color:#9a6f34!important}
.need-card{background:rgba(255,253,249,.58)!important}
.need-card:hover,.need-card.selected{background:rgba(221,195,146,.18)!important;box-shadow:0 12px 28px rgba(109,80,40,.08)}
.budget-card.recommended{box-shadow:0 18px 44px rgba(125,89,41,.12)!important}
.offer-card{background:rgba(255,253,248,.72)!important}
.offer-card:hover{background:#fffaf3!important;box-shadow:0 10px 26px rgba(90,65,35,.08)}
.offer-card img,.drawer-item img,.comparison img{background:linear-gradient(145deg,#fffdf9,#eee5d8)!important}
.collection-card{box-shadow:0 16px 38px rgba(77,56,32,.10)}
.collection-card::after{background:linear-gradient(0deg,rgba(54,44,34,.78),rgba(54,44,34,.04) 72%)!important}
.collection-info,.collection-info h3{color:#fffaf2!important}
.collection-info p{color:#ede4d8!important}

/* Product grid */
.product-card{
  background:linear-gradient(155deg,rgba(255,253,249,.97),rgba(247,239,228,.94))!important;
  border-color:rgba(155,116,62,.18)!important;
  box-shadow:0 9px 24px rgba(77,55,29,.065);
}
.product-card:hover{
  border-color:rgba(169,124,61,.43)!important;
  box-shadow:0 18px 38px rgba(87,62,31,.13)!important;
}
.product-media{background:linear-gradient(145deg,#fffdf9,#eee5d8)!important}
.product-badge{background:#4c463f!important;color:#f8e6ba!important;border-color:rgba(206,170,104,.54)!important}
.card-icon{background:rgba(255,253,248,.95)!important;color:#55483b!important;border-color:rgba(108,82,49,.14)!important;box-shadow:0 5px 16px rgba(71,51,30,.08)}
.card-icon:hover{color:#8d642e!important;border-color:rgba(185,140,69,.38)!important}
.product-title:hover{color:#8d642e!important}
.swatch{border-color:rgba(255,255,255,.9)!important}
.price,.suggest-price,.offer-price,.budget-price,.detail-price .price{color:#956a31!important}
.old-price,.offer-old{color:#938a7e!important}

/* Buttons and chips */
.btn,.chip,.variant-btn,.tool-select,.qty-control button,.qty-control input,.close-btn{
  background:rgba(255,251,244,.70)!important;
  color:#342f29!important;
  border-color:rgba(153,116,62,.20)!important;
}
.btn:hover,.chip:hover,.variant-btn:hover{background:#fffaf3!important;border-color:rgba(165,121,57,.42)!important}
.btn.primary{
  background:linear-gradient(135deg,#ead8ad,#bc8d46)!important;
  color:#2e251b!important;
  border-color:rgba(145,100,42,.20)!important;
  box-shadow:0 8px 22px rgba(135,95,42,.16);
}
.btn.primary:hover{box-shadow:0 11px 28px rgba(135,95,42,.22)!important}
.btn.secondary{background:rgba(255,252,247,.40)!important}
.chip.active,.variant-btn.active,.active-filter,.tab-btn.active{background:rgba(211,181,126,.20)!important;color:#795326!important}

/* Forms / commerce */
input,select,textarea{caret-color:#9b7036}
.field input,.field select,.field textarea,.checkout-form input,.checkout-form select,.checkout-form textarea{
  background:rgba(255,253,249,.88)!important;
  color:#342f29!important;
  border-color:rgba(153,116,62,.22)!important;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#b98c45!important;box-shadow:0 0 0 3px rgba(185,140,69,.10)!important}
.filter-group{border-color:rgba(153,116,62,.14)!important}
.filter-option{color:#766d61!important}
.active-filter{border-color:rgba(185,140,69,.52)!important}
.main-image,.thumb{background:linear-gradient(145deg,#fffdf9,#eee5d8)!important}
.trust-box{background:rgba(255,252,246,.40)}
.spec-table tr+tr td{border-top-color:rgba(153,116,62,.12)!important}
.comparison th{background:#f2e8db!important}
.comparison th,.comparison td{border-color:rgba(153,116,62,.18)!important}

/* drawers / modal */
.backdrop{background:rgba(58,46,35,.38)!important;backdrop-filter:blur(2px)}
.drawer,.modal,.toast{background:rgba(255,252,246,.985)!important;box-shadow:0 24px 64px rgba(67,49,29,.18)!important}
.drawer-head,.drawer-foot,.drawer-item{border-color:rgba(153,116,62,.15)!important}

/* Floating luxury icons */
.float-btn{
  background:rgba(255,250,242,.94)!important;
  color:#9a6d31!important;
  border-color:rgba(170,126,62,.42)!important;
  box-shadow:0 9px 25px rgba(92,65,31,.15)!important;
  backdrop-filter:blur(8px);
}
.float-btn:hover{background:#fffaf3!important;box-shadow:0 12px 30px rgba(92,65,31,.18),0 0 0 4px rgba(185,140,69,.08)!important}
.float-label{background:rgba(255,252,246,.98)!important;color:#40382f!important;box-shadow:0 8px 22px rgba(86,62,32,.12)}
.float-btn.float-contact-action::before,.float-btn.float-cart-action::before{
  filter:drop-shadow(0 0 3px rgba(185,140,69,.35))!important;
}
.float-btn.float-cart-action::before{
  background:conic-gradient(from 0deg,transparent 0deg 304deg,rgba(174,129,61,.07) 309deg,#b6853f 317deg,#f3dfb3 325deg,#c89b55 333deg,transparent 342deg 360deg)!important;
}

/* footer anchors the light page */
.site-footer{
  background:linear-gradient(145deg,#332d27,#25211d)!important;
  border-top:1px solid rgba(213,178,114,.28)!important;
  color:#f4ecdf!important;
}
.site-footer .footer-brand p,.site-footer .footer-col a,.site-footer .footer-bottom{color:#cfc4b4!important}
.site-footer .footer-col h3,.site-footer .footer-col a:hover{color:#e0c486!important}
.site-footer .footer-bottom{border-top-color:rgba(232,202,145,.14)!important}

/* mobile navigation */
@media (max-width:760px){
  .mobile-bottom-nav{
    background:rgba(250,246,238,.97)!important;
    border-top-color:rgba(153,116,62,.18)!important;
    box-shadow:0 -10px 28px rgba(73,52,28,.08);
    backdrop-filter:blur(12px);
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{color:#7b7165!important}
  .mobile-bottom-nav .active{color:#94672f!important}
}

/* ===== SOURCE: assets/css/v781-performance.css ===== */
/* LamiOffice V7.8.2 - Performance / Layer Stabilizer
   Giữ Luxury Soft Marble, giảm repaint khi cuộn. */

body{position:relative}

/* Giữ nền marble chính nhưng không để layer fixed repaint theo viewport. */
body::before{
  position:absolute !important;
  min-height:100% !important;
  height:auto !important;
  pointer-events:none !important;
  transform:none !important;
}

/* Lớp phụ này dùng fixed + mix-blend-mode, khá tốn render và rất mờ nên tắt. */
body::after{
  display:none !important;
  mix-blend-mode:normal !important;
}

/* Giảm blur nhưng giữ cảm giác kính. */
.site-header{
  -webkit-backdrop-filter:saturate(1.03) blur(8px) !important;
  backdrop-filter:saturate(1.03) blur(8px) !important;
}
.panel{
  -webkit-backdrop-filter:blur(3px) !important;
  backdrop-filter:blur(3px) !important;
}
.float-btn{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.mobile-bottom-nav{
  -webkit-backdrop-filter:blur(6px) !important;
  backdrop-filter:blur(6px) !important;
}

/* Giữ nút nổi/vòng sáng, nhưng giảm nhịp animation quá gắt. */
.float-btn::before,
.float-btn::after{
  animation-duration:5s !important;
}

.float-btn,
.floating-actions,
.floating-tools,
.floating-contact,
.mobile-bottom-nav{
  backface-visibility:hidden;
}

img{image-rendering:auto}

@media (max-width:820px){
  .site-header{
    -webkit-backdrop-filter:blur(6px) !important;
    backdrop-filter:blur(6px) !important;
  }
  .panel{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .mobile-bottom-nav{
    -webkit-backdrop-filter:blur(4px) !important;
    backdrop-filter:blur(4px) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}


/* ===== V7.8.3 SALES + MOBILE STABILIZER ===== */
@media (hover:none){
  .product-card:hover,
  .float-btn:hover{
    transform:none!important;
  }
  .float-label{display:none!important}
}
@media(max-width:760px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav{
    height:calc(62px + env(safe-area-inset-bottom))!important;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .sticky-buybar{
    bottom:calc(62px + env(safe-area-inset-bottom))!important;
  }
  .toast-stack{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .float-btn::before{
    filter:drop-shadow(0 0 3px rgba(240,213,154,.5))!important;
  }
}


/* V7.8.4 FLOAT RING FIX
   Gọi + 2 Zalo + Giỏ hàng có vòng sáng xoay rõ.
   Chỉ vòng viền xoay, icon ở giữa đứng yên. */
@keyframes lo-v784-ring-spin{
  to{transform:rotate(360deg)}
}

.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn.float-cart-action::before,
.floating-contact .float-btn:nth-child(1)::before,
.floating-contact .float-btn:nth-child(2)::before,
.floating-contact .float-btn:nth-child(3)::before,
.floating-contact .float-btn:nth-child(4)::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  width:auto !important;
  height:auto !important;
  border-radius:50% !important;
  border:2px solid rgba(212,176,106,.16) !important;
  border-top-color:#fff0b5 !important;
  border-right-color:#c89543 !important;
  border-bottom-color:rgba(168,116,45,.42) !important;
  background:transparent !important;
  -webkit-mask:none !important;
  mask:none !important;
  padding:0 !important;
  box-sizing:border-box !important;
  animation-name:lo-v784-ring-spin !important;
  animation-duration:2.15s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  filter:drop-shadow(0 0 4px rgba(240,213,154,.62)) !important;
  pointer-events:none !important;
  transform-origin:50% 50% !important;
}

.floating-contact .float-btn:nth-child(2)::before{animation-delay:-.54s !important}
.floating-contact .float-btn:nth-child(3)::before{animation-delay:-1.08s !important}

/* Giỏ hàng xoay chậm hơn và vòng mảnh hơn một chút. */
.floating-contact .float-btn.float-cart-action::before,
.floating-contact .float-btn:nth-child(4)::before{
  inset:-3px !important;
  border-width:1px !important;
  animation-duration:2.65s !important;
  animation-delay:-1.32s !important;
  filter:drop-shadow(0 0 3px rgba(240,213,154,.48)) !important;
}

/* Nút lên đầu trang đứng yên. */
.floating-contact .float-btn.to-top::before,
.floating-contact .float-btn:nth-child(5)::before{
  display:none !important;
  animation:none !important;
}

/* Giữ vòng xoay theo đúng yêu cầu kể cả khi Windows bật Reduce Motion. */
@media (prefers-reduced-motion:reduce){
  .floating-contact .float-btn.float-contact-action::before,
  .floating-contact .float-btn.float-cart-action::before,
  .floating-contact .float-btn:nth-child(1)::before,
  .floating-contact .float-btn:nth-child(2)::before,
  .floating-contact .float-btn:nth-child(3)::before,
  .floating-contact .float-btn:nth-child(4)::before{
    animation-name:lo-v784-ring-spin !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
  }
  .floating-contact .float-btn.float-contact-action::before,
  .floating-contact .float-btn:nth-child(-n+3)::before{
    animation-duration:2.15s !important;
  }
  .floating-contact .float-btn.float-cart-action::before,
  .floating-contact .float-btn:nth-child(4)::before{
    animation-duration:2.65s !important;
  }
}

/* ===== SOURCE: assets/css/v791-fast-hover.css ===== */
/* =========================================================
   LamiOffice V7.9.1 — FAST HOVER
   Mục tiêu: phản hồi rê chuột nhanh, ít repaint, giữ nguyên phong cách.
   ========================================================= */

/* Không dùng will-change thường trực: tránh giữ quá nhiều layer GPU. */
.product-card,
.product-media img,
.card-icons,
.product-media__actions,
.offer-card,
.offer-peek,
.need-card,
.collection-card,
.btn,
.card-icon,
.product-round-action,
.float-btn,
.float-label{
  will-change:auto !important;
}

/* Chỉ áp dụng hover động trên thiết bị có chuột thật. */
@media (hover:hover) and (pointer:fine){
  /* Card đứng yên: không bay lên và không animate shadow. */
  .product-card,
  body.marble-ui .product-card,
  body.signature-v75 .product-card{
    transition:border-color .14s ease, background-color .14s ease !important;
  }

  .product-card:hover,
  body.marble-ui .product-card:hover,
  body.signature-v75 .product-card:hover{
    transform:none !important;
    border-color:rgba(169,124,61,.43) !important;
    box-shadow:0 9px 24px rgba(77,55,29,.065) !important;
  }

  /* Ảnh chỉ zoom rất nhẹ và nhanh. */
  .product-media img,
  body.marble-ui .product-media img,
  body.signature-v75 .product-media img{
    transition:transform .15s cubic-bezier(.2,.7,.2,1) !important;
    filter:none;
  }

  .product-card:hover .product-media img,
  body.marble-ui .product-card:hover .product-media img,
  body.signature-v75 .product-card:hover .product-media img{
    transform:scale(1.02) !important;
  }

  /* Nút trên ảnh đã render sẵn; hover chỉ đổi opacity/transform. */
  .card-icons,
  .product-media__actions{
    transition:opacity .13s ease, transform .13s ease !important;
  }

  .card-icon,
  .product-round-action{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    transition:color .12s ease, border-color .12s ease, background-color .12s ease, opacity .12s ease !important;
  }

  /* Sidebar giảm giá: bỏ trượt cả card + bỏ animate shadow. */
  .offer-card{
    transition:border-color .12s ease, background-color .12s ease !important;
  }
  .offer-card:hover{
    transform:none !important;
    box-shadow:0 7px 18px rgba(90,65,35,.055) !important;
  }
  .offer-peek{
    transition:opacity .13s ease, transform .13s ease, visibility 0s linear .13s !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .offer-card:hover .offer-peek,
  .offer-card:focus-visible .offer-peek{
    transition-delay:0s !important;
  }

  /* Các card lựa chọn chỉ đổi nền/viền; không animate bóng. */
  .need-card,
  .collection-card{
    transition:border-color .13s ease, background-color .13s ease, color .13s ease !important;
  }
  .need-card:hover,
  .collection-card:hover{
    transform:none !important;
  }

  /* Nút phản hồi gần như tức thì; không nội suy box-shadow. */
  button,
  a,
  .btn,
  .chip,
  .variant-btn,
  .nav-link,
  .mega-link,
  .card-icon{
    transition-property:color,background-color,border-color,opacity,transform !important;
    transition-duration:.12s !important;
    transition-timing-function:ease !important;
  }

  .btn:hover,
  .btn.primary:hover,
  .chip:hover,
  .variant-btn:hover{
    transform:none !important;
  }
  .btn.primary:hover{
    box-shadow:0 8px 22px rgba(135,95,42,.16) !important;
  }

  /* Menu xổ nhanh hơn một nhịp. */
  .nav-dropdown{
    transition:opacity .12s ease, transform .12s ease, visibility .12s !important;
  }

  /* Vòng sáng vẫn xoay; chỉ thân nút hover nhẹ, không animate shadow. */
  .float-btn{
    transition:transform .12s ease, border-color .12s ease, color .12s ease, background-color .12s ease !important;
  }
  .float-btn:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 9px 25px rgba(92,65,31,.15) !important;
  }
  .float-label{
    transition:opacity .12s ease, transform .12s ease !important;
  }
}

/* Touch/mobile: bỏ toàn bộ hover giả để chạm không bị khựng. */
@media (hover:none), (pointer:coarse){
  .product-card,
  .product-media img,
  .offer-card,
  .need-card,
  .collection-card,
  .btn,
  .card-icon{
    transition-duration:.08s !important;
  }
  .product-card:hover,
  .offer-card:hover,
  .need-card:hover,
  .collection-card:hover,
  .float-btn:hover{
    transform:none !important;
  }
  .product-card:hover .product-media img{
    transform:none !important;
  }
  .offer-peek{display:none !important;}
}

/* ===== SOURCE: assets/css/v792-instant-ui.css ===== */
/* =========================================================
   LamiOffice V7.9.2 — INSTANT UI / PERFORMANCE MODE
   Ưu tiên phản hồi chuột tức thì, giảm repaint/compositing liên tục.
   Giữ bố cục và chức năng V7.9.1.
   ========================================================= */

/* 1) Nền nhẹ hơn: bỏ 2 pseudo-layer khổng lồ phủ toàn trang. */
body{
  background:linear-gradient(142deg,#faf6ef 0%,#f1e8dd 48%,#f8f2e9 100%) !important;
}
body::before,
body::after{
  display:none !important;
  content:none !important;
}

/* 2) Bỏ toàn bộ blur kính ở các lớp thường trực. */
.site-header,
.panel,
.product-card,
.product-body,
.product-round-action,
.card-icon,
.offer-peek,
.backdrop,
.mobile-bottom-nav,
.lami-pwa-banner,
.drawer,
.modal,
.toast{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.site-header{
  background:rgba(250,246,238,.985) !important;
}
.panel{
  background:linear-gradient(145deg,rgba(255,253,249,.985),rgba(247,239,228,.97)) !important;
}

/* 3) Bỏ filter ảnh/logo tĩnh để giảm compositing. */
.brand img,
.hero-main img,
.product-media img,
.collection-card img,
.package-card img{
  filter:none !important;
}

/* 4) Hover bằng chuột: phản hồi tức thì, KHÔNG nội suy. */
@media (hover:hover) and (pointer:fine){
  a,
  button,
  .btn,
  .chip,
  .variant-btn,
  .nav-link,
  .nav-dropdown,
  .mega-link,
  .icon-btn,
  .product-card,
  .product-media img,
  .card-icons,
  .product-media__actions,
  .card-icon,
  .product-round-action,
  .offer-card,
  .offer-peek,
  .need-card,
  .collection-card,
  .package-card,
  .float-btn,
  .float-label,
  .gallery-panel .thumb{
    transition:none !important;
  }

  .product-card:hover,
  body.marble-ui .product-card:hover,
  body.signature-v75 .product-card:hover,
  .offer-card:hover,
  .need-card:hover,
  .collection-card:hover,
  .package-card:hover,
  .btn:hover,
  .icon-btn:hover,
  .gallery-panel .thumb:hover,
  .float-btn:hover{
    transform:none !important;
  }

  /* Không zoom ảnh khi rê: loại bỏ thêm một composited transform/card. */
  .product-card:hover .product-media img,
  body.marble-ui .product-card:hover .product-media img,
  body.signature-v75 .product-card:hover .product-media img,
  .collection-card:hover img{
    transform:none !important;
  }

  /* Hover chỉ đổi màu/viền tức thì; bóng giữ cố định. */
  .product-card:hover,
  body.marble-ui .product-card:hover,
  body.signature-v75 .product-card:hover{
    border-color:rgba(169,124,61,.50) !important;
    box-shadow:0 8px 20px rgba(77,55,29,.075) !important;
  }
  .offer-card:hover{
    box-shadow:0 7px 18px rgba(90,65,35,.055) !important;
  }
  .btn:hover,
  .btn.primary:hover,
  .icon-btn:hover,
  .float-btn:hover{
    box-shadow:inherit !important;
  }

  /* Menu/popup hover mở ngay, không chờ animation. */
  .nav-dropdown,
  .offer-peek,
  .float-label,
  .card-icons,
  .product-media__actions{
    transition-delay:0s !important;
  }
}

/* 5) Cô lập vùng card để repaint không lan sang cả trang. */
.product-card,
.offer-card,
.collection-card,
.package-card,
.need-card{
  contain:paint;
}

/* 6) Bỏ render sớm các khối dưới viewport. */
.product-section,
.office-packages,
.planner-section,
.collection-grid,
.confidence-section,
.content-hub,
.home-quote-cta{
  content-visibility:auto;
  contain-intrinsic-size:auto 520px;
}

/* 7) Nút nổi: vẫn xoay, nhưng vòng xoay CHỈ dùng transform.
      Không filter/drop-shadow trên layer đang animation. */
@keyframes lo-v792-ring-spin{
  to{transform:rotate(360deg)}
}
.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn.float-cart-action::before,
.floating-contact .float-btn:nth-child(1)::before,
.floating-contact .float-btn:nth-child(2)::before,
.floating-contact .float-btn:nth-child(3)::before,
.floating-contact .float-btn:nth-child(4)::before{
  animation-name:lo-v792-ring-spin !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  filter:none !important;
  -webkit-filter:none !important;
  box-shadow:none !important;
  will-change:transform !important;
  transform:translateZ(0) rotate(0deg);
}
.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn:nth-child(-n+3)::before{
  animation-duration:2.4s !important;
}
.floating-contact .float-btn.float-cart-action::before,
.floating-contact .float-btn:nth-child(4)::before{
  animation-duration:3s !important;
}
.floating-contact .float-btn.to-top::before,
.floating-contact .float-btn:nth-child(5)::before{
  display:none !important;
  animation:none !important;
  will-change:auto !important;
}

/* Glow đứng yên trên thân nút, không nằm trên layer đang xoay. */
.floating-contact .float-btn{
  box-shadow:0 7px 18px rgba(92,65,31,.14),0 0 0 1px rgba(185,140,69,.08) !important;
}

/* 8) Touch: không giữ hover/transition giả. */
@media (hover:none), (pointer:coarse){
  a,button,.btn,.chip,.product-card,.product-media img,.offer-card,.need-card,
  .collection-card,.package-card,.float-btn,.gallery-panel .thumb{
    transition:none !important;
  }
  .product-card:hover .product-media img,
  .collection-card:hover img{
    transform:none !important;
  }
}

/* ===== SOURCE: assets/css/v793-advanced-commerce-ui.css ===== */
/* =========================================================
   LamiOffice V7.9.3 — ADVANCED COMMERCE UI
   Layout polish + sales UX, built on V7.9.2 Instant UI.
   Performance rules: no blur, no filter animation, no transition:all.
   ========================================================= */

:root{
  --v793-line:rgba(147,108,54,.18);
  --v793-line-strong:rgba(147,108,54,.34);
  --v793-gold:#9f7135;
  --v793-gold-dark:#6f4b20;
  --v793-cream:#fffaf3;
  --v793-cream-2:#f6eee3;
  --v793-ink:#332a21;
  --v793-muted:#756c61;
}

/* ---------- shared rhythm ---------- */
.page-shell{padding-top:18px}
.section{margin-top:30px}
.section-head{margin-bottom:14px}
.section-head h2{letter-spacing:-.025em}
.section-head p{max-width:720px}

/* Header stays compact and useful, without glass effects. */
.site-header{border-bottom:1px solid var(--v793-line)!important}
.header-main .container{gap:16px!important}
.main-nav .container{gap:4px!important}
.nav-link{padding-left:11px!important;padding-right:11px!important}
.search-wrap{min-width:260px}

/* ---------- home commerce shortcuts ---------- */
.commerce-shortcuts{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  padding:9px 10px;
  scrollbar-width:none;
}
.commerce-shortcuts::-webkit-scrollbar{display:none}
.commerce-shortcuts__label{
  flex:0 0 auto;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--v793-muted);
  padding:0 5px;
}
.commerce-shortcut{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid var(--v793-line);
  border-radius:999px;
  background:#fffaf4;
  color:var(--v793-ink);
  font-size:12px;
  font-weight:760;
  text-decoration:none;
}
.commerce-shortcut:hover{border-color:var(--v793-line-strong);color:var(--v793-gold-dark)}
.commerce-shortcut b{color:var(--v793-gold);font-size:14px}

/* Hero: slightly tighter so products appear sooner. */
.hero-grid{gap:12px!important}
.hero-main{min-height:390px!important}
.hero-copy{max-width:650px!important}
.hero-copy h1{max-width:610px;line-height:1.04}
.promo-stack{gap:10px!important}
.trust-strip{margin-top:12px!important}

/* ---------- product card: one stable component everywhere ---------- */
.product-grid{align-items:stretch}
.product-card{
  height:100%;
  min-width:0;
  display:flex!important;
  flex-direction:column;
  overflow:hidden;
  border-color:var(--v793-line)!important;
}
.product-media{
  aspect-ratio:1.42/1!important;
  min-height:0!important;
  background:#f7f1e8;
}
.product-media>a{display:block;width:100%;height:100%}
.product-media img{
  width:100%;height:100%;object-fit:cover!important;
}
.product-body{
  flex:1;
  display:flex!important;
  flex-direction:column;
  padding:11px 12px 12px!important;
}
.product-meta{
  min-height:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.product-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  min-height:40px;
  line-height:1.35!important;
}
.fit-line{
  min-height:31px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.swatches{min-height:18px}
.price-row{margin-top:auto;padding-top:8px}
.card-actions{margin-top:9px!important;display:grid!important;grid-template-columns:1.15fr .85fr;gap:6px!important}
.card-actions .btn{min-height:36px;padding:7px 8px!important;font-size:11.5px!important}
.card-icons{top:8px!important;right:8px!important;gap:5px!important}
.card-icon{width:32px!important;height:32px!important}

/* Products on home should stay compact and readable. */
.home-commerce .product-section{margin-bottom:26px!important}
.home-commerce .product-grid{gap:10px!important}
.offer-sidebar{top:94px!important}

/* ---------- catalog advanced tools ---------- */
.catalog-top{padding:15px!important}
.catalog-top-row{gap:16px}
.catalog-tools{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) minmax(165px,.65fr) minmax(170px,.65fr);
  gap:8px!important;
}
.catalog-tools .tool-select,.catalog-tools .btn{min-height:40px}
.catalog-layout{gap:12px!important}
.filter-sidebar{top:94px!important}
.filter-group{padding-bottom:13px!important;margin-bottom:13px!important;border-bottom:1px solid var(--v793-line)}
.filter-option{min-height:32px;align-items:center}
.need-filter-count{font-size:10px;color:var(--v793-muted);margin-left:auto}
.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px!important;min-height:0}
.active-filter{
  display:inline-flex!important;align-items:center;gap:7px;
  min-height:30px;padding:5px 8px 5px 10px!important;
  border:1px solid var(--v793-line)!important;
  border-radius:999px!important;
  background:#fffaf3!important;
  font-size:11px!important;
}
.active-filter button{
  width:20px;height:20px;border:0;border-radius:50%;background:#eee2d3;color:#6b5130;
  display:grid;place-items:center;padding:0;cursor:pointer;font-weight:900;line-height:1;
}
.catalog-main .product-grid{gap:10px!important}

/* ---------- product detail: stronger purchase hierarchy ---------- */
.detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  gap:14px!important;
  align-items:start;
}
.gallery-panel{padding:10px!important}
.main-image{
  aspect-ratio:1.28/1!important;
  min-height:0!important;
  overflow:hidden;border-radius:12px;background:#f5eee5;
}
.main-image img{width:100%;height:100%;object-fit:cover!important}
.thumbs{display:flex!important;gap:7px!important;margin-top:8px!important;overflow-x:auto;padding-bottom:2px}
.thumb{flex:0 0 70px!important;width:70px!important;height:54px!important;padding:2px!important;border-radius:9px!important}
.thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.detail-info{
  position:sticky!important;
  top:94px!important;
  padding:17px!important;
}
.detail-info h1{font-size:clamp(25px,2.4vw,36px)!important;line-height:1.09!important;letter-spacing:-.035em}
.detail-price{margin:10px 0!important}
.detail-price .price{font-size:clamp(25px,2.7vw,34px)!important}
.v793-usecases{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.v793-usecase{
  padding:5px 8px;border:1px solid var(--v793-line);border-radius:999px;
  background:#fbf5ed;color:#65543f;font-size:10.5px;font-weight:760;
}
.v793-buy-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 12px;
}
.v793-buy-fact{
  border:1px solid var(--v793-line);border-radius:10px;background:#fffaf4;padding:8px;
  min-width:0;
}
.v793-buy-fact strong{display:block;font-size:11px;color:var(--v793-ink);margin-bottom:2px}
.v793-buy-fact span{display:block;font-size:10px;color:var(--v793-muted);line-height:1.35}
.detail-actions.v79-detail-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
.detail-actions .btn{min-height:42px!important}
.detail-actions .v79-full-action{grid-column:1/-1}
.trust-box{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin-top:11px!important}
.trust-box button{text-align:left!important;min-height:38px!important;padding:7px 8px!important}
.tabs{margin-top:12px!important}
.tab-buttons{overflow-x:auto;scrollbar-width:none}
.tab-buttons::-webkit-scrollbar{display:none}
.tab-btn{white-space:nowrap}

/* ---------- compare dock: larger, clearer, removable ---------- */
.v793-compare-dock{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:72;
  width:min(1080px,calc(100% - 32px));
  display:none;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(155,111,50,.40);
  border-radius:18px;
  background:#fffaf3;
  box-shadow:0 12px 30px rgba(66,48,27,.14);
}
.v793-compare-dock.is-open{display:grid}
.v793-compare-dock__head{
  display:flex;
  align-items:center;
  gap:10px;
}
.v793-compare-dock__label{
  display:grid;
  gap:2px;
  min-width:132px;
  line-height:1.15;
}
.v793-compare-dock__label strong{
  font-size:13px;
  font-weight:850;
  color:#3c3022;
  white-space:nowrap;
}
.v793-compare-dock__label span{
  font-size:11px;
  color:#8a7357;
}
.v793-compare-dock__label b{color:#9a6b30}
.v793-compare-clear{
  min-height:34px;
  padding:6px 9px;
  border:1px solid rgba(155,111,50,.24);
  border-radius:999px;
  background:#fff;
  color:#7b6244;
  font:inherit;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.v793-compare-dock__items{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.v793-compare-mini{
  position:relative;
  min-width:0;
  min-height:64px;
  height:auto;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:6px 34px 6px 7px;
  border:1px solid var(--v793-line);
  border-radius:12px;
  background:#fff;
}
.v793-compare-mini img{
  width:48px;
  height:48px;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
  background:#fbf7f1;
}
.v793-compare-mini span{
  font-size:11.5px;
  font-weight:700;
  line-height:1.3;
  color:#403429;
  display:block;
  white-space:normal;
  overflow:visible;
  word-break:break-word;
  -webkit-line-clamp:unset;
  -webkit-box-orient:initial;
}
.v793-compare-remove{
  position:absolute;
  top:6px;
  right:6px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(155,111,50,.22);
  border-radius:50%;
  background:#fffaf3;
  color:#735737;
  font-size:19px;
  line-height:1;
  font-weight:500;
  cursor:pointer;
}
.v793-compare-remove:hover,
.v793-compare-remove:focus-visible{
  border-color:rgba(145,82,55,.48);
  background:#fff1e7;
  color:#8f402e;
  outline:none;
}
.v793-compare-dock .btn.v793-compare-go{
  min-height:42px;
  padding:9px 14px!important;
  font-size:12px!important;
  white-space:nowrap;
}

/* Trang so sánh: nút × bỏ từng sản phẩm */
.compare-page-remove{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  margin:8px auto 0;
  padding:0;
  border:1px solid rgba(155,111,50,.26);
  border-radius:50%;
  background:#fffaf3;
  color:#755b3b;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

/* ---------- mobile ---------- */
@media(max-width:1024px){
  .detail-grid{grid-template-columns:1fr!important}
  .detail-info{position:static!important}
  .catalog-tools{grid-template-columns:1fr 1fr!important}
  .catalog-tools #catalogSearch{grid-column:1/-1}
  .offer-sidebar{top:auto!important}
}

@media(max-width:760px){
  .page-shell{padding-top:10px}
  .section{margin-top:22px}
  .hero-main{min-height:330px!important}
  .commerce-shortcuts{margin-left:-2px;margin-right:-2px}
  .catalog-top{padding:12px!important}
  .catalog-tools{display:grid!important;grid-template-columns:1fr!important}
  .catalog-tools #catalogSearch{grid-column:auto}
  .catalog-tools .tool-select,.catalog-tools .btn{width:100%}
  .product-body{padding:10px!important}
  .card-actions{grid-template-columns:1fr!important}
  .card-actions .btn.secondary{display:none}
  .main-image{aspect-ratio:1.12/1!important}
  .v793-buy-facts{grid-template-columns:1fr!important}
  .detail-actions.v79-detail-actions{grid-template-columns:1fr 1fr!important}
  .detail-actions #detailConsult,.detail-actions #detailQuote{font-size:11px!important}
  .trust-box{grid-template-columns:1fr!important}
  .v793-compare-dock{
    bottom:78px;
    width:calc(100% - 20px);
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    padding:10px;
  }
  .v793-compare-dock__head{min-width:0}
  .v793-compare-dock__label{min-width:0;flex:1}
  .v793-compare-dock__label strong{font-size:12px}
  .v793-compare-clear{font-size:10.5px;padding:5px 8px}
  .v793-compare-dock__items{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .v793-compare-mini{min-height:52px;grid-template-columns:42px minmax(0,1fr);padding-right:32px}
  .v793-compare-mini img{width:42px;height:42px}
  .v793-compare-mini span{font-size:10.5px;line-height:1.28;white-space:normal;overflow:visible;word-break:break-word}
  .v793-compare-dock .btn.v793-compare-go{
    grid-column:1/-1;
    width:100%;
    min-height:38px;
  }
}

/* V7.9.2 instant rules remain authoritative: never re-introduce delayed hover. */
@media(hover:hover) and (pointer:fine){
  .commerce-shortcut,.active-filter button,.v793-compare-dock,.v793-compare-mini{
    transition:none!important;
  }
}

/* ===== SOURCE: assets/css/v794-product-image-clarity.css ===== */
/* =========================================================
   LamiOffice V7.9.4 — Product Image Clarity
   Mục tiêu: khách nhìn rõ toàn bộ ghế / bàn / tủ, không crop.
   Giữ chuẩn Instant UI: không blur, không zoom hover, không transition nặng.
   ========================================================= */

/* Card sản phẩm: tăng vùng ảnh và luôn hiển thị trọn sản phẩm */
.product-media,
body.marble-ui .product-media,
body.signature-v75 .product-media{
  aspect-ratio:4 / 3 !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.92), rgba(248,242,233,.96) 64%, rgba(239,229,216,.96)) !important;
}

.product-media > a,
.product-media__link{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
}

.product-media img,
.product-media__link img,
body.marble-ui .product-media img,
body.signature-v75 .product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  box-sizing:border-box !important;
  padding:2.5% !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

/* Không phủ gradient tối lên chân sản phẩm */
.product-media::after{
  display:none !important;
}

/* Thumbnail/ảnh nhỏ cũng không crop */
.thumb,
.gallery-panel .thumb{
  background:#fbf7f1 !important;
}
.thumb img,
.gallery-panel .thumb img,
.v793-compare-mini img{
  object-fit:contain !important;
  object-position:center !important;
  background:#fbf7f1 !important;
}

/* Trang chi tiết: ưu tiên xem rõ sản phẩm */
.gallery-panel .main-image,
.main-image{
  aspect-ratio:1.15 / 1 !important;
  min-height:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 42%, #fff 0%, #fbf7f1 62%, #f0e6d9 100%) !important;
}

.gallery-panel .main-image img,
.main-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  box-sizing:border-box !important;
  padding:2.25% !important;
  transform:none !important;
  filter:none !important;
}

/* Trang chủ 4 cột: tận dụng thêm không gian ảnh */
.home-commerce .product-media{
  aspect-ratio:4 / 3 !important;
}

/* Danh mục vẫn giữ 5 sản phẩm / hàng trên desktop */
@media (min-width:1180px){
  .catalog-main .product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

/* Tablet/mobile: ảnh gần vuông hơn để khách nhìn sản phẩm rõ */
@media (max-width:760px){
  .product-media,
  body.marble-ui .product-media,
  body.signature-v75 .product-media{
    aspect-ratio:1 / 1 !important;
  }
  .product-media img,
  .product-media__link img{
    padding:3% !important;
  }
  .gallery-panel .main-image,
  .main-image{
    aspect-ratio:1 / 1 !important;
  }
  .gallery-panel .main-image img,
  .main-image img{
    padding:2% !important;
  }
}

/* Không tái tạo hover lag */
@media (hover:hover) and (pointer:fine){
  .product-card:hover,
  .product-card:hover .product-media img{
    transform:none !important;
  }
}

/* ===== SOURCE: assets/css/v795-catalog-clean.css ===== */
/* LamiOffice V7.9.5 — Catalog Clean + Quick Rooms */
.catalog-tools--compact{
  margin:8px 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:auto minmax(220px,1fr) minmax(180px,230px) minmax(180px,230px) !important;
  gap:10px !important;
  align-items:center !important;
}
.catalog-tools--compact .tool-select,
.catalog-tools--compact .btn{
  min-height:44px !important;
}
.active-filters:empty{display:none !important;}
@media(max-width:900px){
  .catalog-tools--compact{grid-template-columns:auto 1fr !important;}
  .catalog-tools--compact .tool-select{width:100% !important;}
}
@media(max-width:600px){
  .catalog-tools--compact{grid-template-columns:1fr !important;}
  .catalog-tools--compact #toggleFilters{width:100% !important;}
}

.catalog-sr-title{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}

/* ===== SOURCE: assets/css/v798-large-image-compact-card.css ===== */
/* =========================================================
   LamiOffice V7.9.8 — Large Image / Compact Product Card
   Ảnh sản phẩm lớn hơn, phần chữ gọn hơn, giữ Instant UI.
   ========================================================= */

/* Ảnh chiếm phần lớn card: từ 4:3 chuyển sang khung vuông. */
.product-card .product-media,
body.marble-ui .product-card .product-media,
body.signature-v75 .product-card .product-media,
.home-commerce .product-card .product-media,
.catalog-main .product-card .product-media{
  aspect-ratio:10 / 11 !important;
  min-height:0 !important;
}

.product-card .product-media img,
.product-card .product-media__link img{
  object-fit:contain !important;
  object-position:center !important;
  padding:1% !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

/* Phần nội dung thấp và chắc hơn. */
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body{
  flex:0 0 auto !important;
  min-height:0 !important;
  margin:0 4px 4px !important;
  padding:7px 8px 8px !important;
  gap:0 !important;
}

.product-card .product-meta{display:none !important;}

.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  min-height:0 !important;
  margin:0 0 3px !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  overflow:hidden !important;
}

/* Chỉ giữ một dòng mô tả ngắn để dành diện tích cho ảnh. */
.product-card .fit-line{
  min-height:0 !important;
  margin:0 0 3px !important;
  font-size:10px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
}

.product-card .swatches{
  min-height:14px !important;
  margin:0 0 3px !important;
}
.product-card .swatch{
  width:12px !important;
  height:12px !important;
}

.product-card .price-row,
.product-card .product-price-row{
  min-height:0 !important;
  margin:0 !important;
  padding:3px 0 0 !important;
  gap:5px !important;
  align-items:center !important;
}
.product-card .price,
.product-card .product-price{
  font-size:15px !important;
  line-height:1.05 !important;
}
.product-card .old-price{
  font-size:10px !important;
}

.product-card .card-actions,
.product-card .product-actions{
  margin-top:5px !important;
  gap:5px !important;
}
.product-card .card-actions .btn,
.product-card .product-actions .btn{
  min-height:30px !important;
  padding:6px 5px !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
}

.product-card .viewed-note{
  margin-top:4px !important;
  font-size:9px !important;
  line-height:1.15 !important;
}

/* Card không bị kéo cao theo card khác; ảnh luôn nổi bật. */
.product-grid{align-items:start !important;}
.product-card{height:auto !important;}

/* Tablet/mobile: ảnh vẫn lớn, chữ giữ đủ đọc. */
@media (max-width:760px){
  .product-card .product-media,
  body.marble-ui .product-card .product-media,
  body.signature-v75 .product-card .product-media{
    aspect-ratio:10 / 11 !important;
  }
  .product-card .product-body,
  body.marble-ui .product-card .product-body,
  body.signature-v75 .product-card .product-body{
    padding:7px 8px 8px !important;
  }
  .product-card .product-title,
  .product-card .product-name,
  .product-card .product-name a{
    font-size:12.5px !important;
  }
  .product-card .fit-line{display:none !important;}
  .product-card .card-actions .btn,
  .product-card .product-actions .btn{
    min-height:34px !important;
    font-size:10px !important;
  }
}

/* ===== SOURCE: assets/css/v710-home-conversion.css ===== */
/* LamiOffice V7.10.0 — Home Conversion Upgrade
   Richer commerce sections without blur, filter or hover animation. */
.v710-budget-note{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:0;margin:0 0 10px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fffaf3}.v710-budget-note>*{padding:9px 12px;border-right:1px solid var(--line);font-size:11px;color:var(--muted)}.v710-budget-note>*:last-child{border-right:0}.v710-budget-note strong{color:var(--text)}
.v710-plan-card{padding:18px!important}.v710-plan-top{display:flex;align-items:flex-start;gap:12px}.v710-plan-no{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2e6d4;border:1px solid var(--line-strong);color:var(--gold-2);font-weight:900;font-size:11px}.v710-plan-card .budget-price{margin:12px 0 7px}.v710-plan-card .budget-price small{font-size:9px;color:var(--muted);font-weight:600}.v710-plan-fit{min-height:42px;padding:8px 10px;border-radius:10px;background:#faf4eb;color:var(--muted);font-size:11px;line-height:1.35}.v710-plan-fit b{color:var(--text)}.v710-plan-card ul{min-height:88px;margin:12px 0 14px}
.v710-packages .package-card{align-items:start;min-height:165px}.v710-package-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.v710-package-tags span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:9.5px;color:var(--muted);background:#fffaf3}.v710-packages .package-card.featured{background:#fff8ee!important;color:var(--text)!important}.v710-packages .package-card.featured p{color:var(--muted)!important}
.v710-planner{grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr)!important;align-items:stretch!important}.v710-planner-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.v710-planner-presets button{border:1px solid var(--line);border-radius:999px;background:#fffaf3;color:var(--text);padding:7px 10px;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer}.v710-planner-presets button[aria-pressed="true"]{border-color:var(--gold);background:#f2e6d4}.v710-planner-work{align-self:center}.v710-planner-help{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;color:var(--muted);font-size:10.5px}
.v710-style-grid{grid-template-columns:1.2fr 1fr 1fr!important;grid-template-rows:240px 240px!important}.v710-style-card{background:#211e1a}.v710-style-card:first-child{grid-row:1/3}.v710-style-card img{object-position:center}.v710-style-tags{position:absolute;z-index:3;left:14px;top:14px;display:flex;gap:5px;flex-wrap:wrap}.v710-style-tags span{background:rgba(255,250,243,.94);color:#5d4930;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.v710-style-card .collection-info b{display:block;margin-top:8px;color:#f2d393;font-size:10.5px}
.v710-confidence .confidence-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.v710-confidence .confidence-card{display:block;min-height:205px;color:inherit;text-decoration:none}.v710-confidence .confidence-card b{display:block;margin-top:12px;color:var(--gold-2);font-size:10.5px}.v710-order-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fffaf3}.v710-order-flow span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.v710-order-flow span b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#efe1cd;color:#8a622d}.v710-order-flow i{font-style:normal;color:var(--gold-2)}
.v710-content .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v710-article{min-height:180px!important;padding:0!important;display:grid!important;grid-template-columns:180px minmax(0,1fr);overflow:hidden}.v710-article>img{width:100%;height:100%;min-height:180px;object-fit:cover}.v710-article>div{padding:18px;display:flex;flex-direction:column}.v710-article h3{margin:7px 0}.v710-article p{margin-bottom:10px}.v710-article b{margin-top:auto}
.v710-quote-cta{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;padding:30px!important;background:linear-gradient(135deg,#fffaf3,#f2e5d4)!important}.v710-quote-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.v710-quote-stats span{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:11px}.v710-quote-stats b{color:var(--gold-2);font-size:15px}.v710-quote-side{position:relative;z-index:2}.v710-quote-side ol{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}.v710-quote-side li{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:#fff}.v710-quote-side li b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#efe1cd;color:#8a622d;font-size:11px}.v710-quote-side li span{font-size:11px;font-weight:700}.v710-quote-side .quote-cta-actions{min-width:0}
/* Instant UI: no hover movement / blur / filters */
.v710-plan-card,.v710-packages .package-card,.v710-style-card,.v710-confidence .confidence-card,.v710-article,.v710-planner-presets button{transition:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important}.v710-plan-card:hover,.v710-packages .package-card:hover,.v710-style-card:hover,.v710-confidence .confidence-card:hover,.v710-article:hover{transform:none!important}
@media(max-width:1280px){.v710-planner{grid-template-columns:1fr!important}.v710-confidence .confidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v710-style-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:280px 190px!important}.v710-style-card:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:900px){.v710-budget-note{display:none}.v710-content .article-grid{grid-template-columns:1fr}.v710-article{grid-template-columns:155px minmax(0,1fr)}.v710-quote-cta{grid-template-columns:1fr!important}.v710-order-flow{grid-template-columns:1fr}.v710-order-flow i{display:none}}
@media(max-width:760px){.v710-confidence .confidence-grid{grid-template-columns:1fr 1fr}.v710-style-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}.v710-style-card,.v710-style-card:first-child{grid-column:auto;grid-row:auto;min-height:210px}.v710-article{grid-template-columns:112px minmax(0,1fr)}.v710-article>img{min-height:170px}.v710-article>div{padding:14px}.v710-planner-presets{display:grid;grid-template-columns:1fr}.v710-planner-presets button{text-align:left}.v710-quote-cta{padding:20px!important}}
@media(max-width:430px){.v710-confidence .confidence-grid{grid-template-columns:1fr}.v710-article{grid-template-columns:1fr}.v710-article>img{height:160px;min-height:0}.v710-package-tags span{font-size:9px}}

/* ===== SOURCE: assets/css/v7101-consult-premium.css ===== */
/* LamiOffice V7.10.1 — Consultation Popup + Premium Select UI */
/* Premium consultation popup: static paint, no blur and no slow hover. */
#consultModal.v7101-consult-modal{width:min(980px,calc(100% - 28px));padding:0!important;overflow:auto!important;background:#fffaf3!important;border:1px solid rgba(154,107,48,.34)!important;border-radius:22px!important;box-shadow:0 24px 64px rgba(45,34,22,.22)!important;transition:none!important;color:#30281f!important}
.v7101-consult-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr)}
.v7101-consult-aside{padding:30px;background:linear-gradient(145deg,#1e1a15,#2b241d);color:#f8ead0;display:flex;flex-direction:column;min-height:100%}
.v7101-consult-aside .eyebrow{color:#dcb86c}.v7101-consult-aside h2{font:700 31px/1.08 Cambria,"Times New Roman",serif;margin:8px 0 12px;color:#fff7e7}.v7101-consult-aside>p{margin:0;color:#d8c9b1;font-size:12px;line-height:1.65}
.v7101-consult-benefits{display:grid;gap:1px;margin:24px 0;background:rgba(222,187,119,.22);border:1px solid rgba(222,187,119,.22);border-radius:14px;overflow:hidden}.v7101-consult-benefits>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;background:#282119}.v7101-consult-benefits b{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(222,187,119,.38);border-radius:9px;color:#e6c47f;font-size:10px}.v7101-consult-benefits span{display:grid;gap:3px}.v7101-consult-benefits strong{font-size:12px;color:#fff2db}.v7101-consult-benefits small{font-size:10.5px;line-height:1.35;color:#cbbba3}.v7101-zalo-link{margin-top:auto!important;border-color:rgba(222,187,119,.34)!important;color:#f8e4ba!important;background:transparent!important}
.v7101-consult-form-wrap{padding:26px 28px 28px;background:#fffaf3}.v7101-consult-form-wrap .modal-head{margin-bottom:10px}.v7101-consult-form-wrap .modal-head h2{font-size:28px;color:#30281f}.v7101-consult-form-wrap .close-btn{background:#fff;border-color:#ddcdb7;color:#6d5639}
.v7101-consult-context{margin:0 0 14px;padding:9px 11px;border:1px solid #e2d2bd;border-radius:10px;background:#f7eddf;color:#7d684f;font-size:10.5px}.v7101-consult-context strong,.v7101-consult-context b{color:#5d4428}
.v7101-consult-form{gap:10px!important}.v7101-consult-form .field{gap:5px}.v7101-consult-form label,.v7101-contact-method>span{font-size:10.5px!important;color:#6e5b45!important;font-weight:750}.v7101-consult-form input,.v7101-consult-form select,.v7101-consult-form textarea{background:#fff!important;color:#30281f!important;border-color:#dfcfba!important}.v7101-consult-form input:focus,.v7101-consult-form select:focus,.v7101-consult-form textarea:focus{outline:2px solid rgba(174,125,56,.18);border-color:#b88946!important}.v7101-contact-method{display:flex!important;align-items:center;gap:12px!important;padding:9px 10px;border:1px solid #dfcfba;border-radius:10px;background:#fff}.v7101-contact-method label{display:flex;align-items:center;gap:5px!important;color:#44382b!important}.v7101-contact-method input{width:auto!important}.v7101-consult-submit{min-height:44px!important}.v7101-consult-success{grid-column:1/-1;padding:11px 12px;border:1px solid rgba(64,143,108,.30);border-radius:10px;background:#edf7f2;color:#2e7256;font-size:11px}
/* Floating consult button. Ring is transform-only to preserve Instant UI. */
.float-consult-action{color:#d9b56e!important;background:#2a241d!important}.v7101-float-svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.floating-contact .float-consult-action::before{display:block!important;content:""!important;position:absolute!important;inset:-5px!important;border-radius:50%!important;padding:2px!important;background:conic-gradient(from 0deg,transparent 0 205deg,#9f6f2f 242deg,#fff0b5 278deg,#d4b06a 310deg,transparent 344deg 360deg)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;animation:lo-float-ring 2.15s linear infinite!important;filter:none!important;pointer-events:none!important}.floating-contact .float-cart-action::before,.floating-contact .float-contact-action::before{filter:none!important}.floating-contact .to-top::before{display:none!important}
/* Premium separators for choice areas. One-frame groups feel cleaner and more deliberate. */
.need-grid{gap:1px!important;padding:1px!important;border:1px solid rgba(154,107,48,.22);border-radius:16px!important;overflow:hidden;background:rgba(154,107,48,.20)!important}.need-grid .need-card{border:0!important;border-radius:0!important;background:#fffaf3!important;min-height:112px!important;transition:none!important;transform:none!important}.need-grid .need-card.selected{background:#f3e5d1!important;box-shadow:inset 0 0 0 1px rgba(154,107,48,.34)!important}.need-grid .need-card:hover{transform:none!important;background:#fbf2e6!important}
.budget-grid{gap:1px!important;padding:1px!important;border:1px solid rgba(154,107,48,.24);border-radius:18px!important;overflow:hidden;background:rgba(154,107,48,.20)!important}.budget-grid .v710-plan-card{border:0!important;border-radius:0!important;background:#fffaf3!important}.budget-grid .v710-plan-card.recommended{background:#f7ead8!important;box-shadow:inset 0 0 0 1px rgba(154,107,48,.36)!important}.budget-grid .budget-select{border-radius:9px!important;border-color:rgba(154,107,48,.30)!important}
.package-grid{gap:1px!important;padding:1px!important;border:1px solid rgba(154,107,48,.22);border-radius:16px!important;overflow:hidden;background:rgba(154,107,48,.20)!important}.package-grid .package-card{border:0!important;border-radius:0!important;background:#fffaf3!important;transition:none!important;transform:none!important}.package-grid .package-card.featured{background:#f7ead8!important}.package-grid .package-card:hover{transform:none!important}
.v710-planner-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px!important;padding:1px!important;border:1px solid rgba(154,107,48,.24);border-radius:13px!important;overflow:hidden;background:rgba(154,107,48,.20)!important}.v710-planner-presets button{border:0!important;border-radius:0!important;background:#fffaf3!important;text-align:center!important;min-height:38px}.v710-planner-presets button[aria-pressed="true"]{background:#efdfc7!important;box-shadow:inset 0 0 0 1px rgba(154,107,48,.38)!important}
.category-list{gap:1px!important;padding:1px!important;border:1px solid rgba(154,107,48,.20);border-radius:13px!important;overflow:hidden;background:rgba(154,107,48,.18)!important}.category-list .category-item{border:0!important;border-radius:0!important;background:#fffaf3!important}
.need-card,.budget-select,.package-card,.v710-planner-presets button,.category-item{transition:none!important}
@media(max-width:760px){#consultModal.v7101-consult-modal{width:calc(100% - 18px);max-height:92vh;border-radius:18px!important}.v7101-consult-grid{grid-template-columns:1fr}.v7101-consult-aside{display:none}.v7101-consult-form-wrap{padding:18px}.v7101-consult-form-wrap .modal-head h2{font-size:23px}.v7101-consult-form{grid-template-columns:1fr!important}.v7101-consult-form .field.full,.v7101-consult-success{grid-column:auto!important}.floating-contact{display:grid!important;right:12px!important;bottom:78px!important;z-index:96!important}.floating-contact>:not(.float-consult-action){display:none!important}.floating-contact .float-consult-action{display:grid!important;width:50px!important;height:50px!important}.floating-contact .float-label{display:none!important}body.has-product-sticky-bar .floating-contact{bottom:132px!important}.v710-planner-presets{grid-template-columns:1fr!important}.need-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:430px){.need-grid{grid-template-columns:1fr!important}.v7101-consult-form-wrap{padding:15px}.v7101-consult-context{font-size:10px}}

/* V7.10.2 — Floating CTA order + clean hover labels */
.floating-contact .float-consult-action{order:-10!important;}
.floating-contact a[href*="zalo.me"]{order:10;}
.floating-contact a[href^="tel:"]{order:20;}
.floating-contact .float-cart-action{order:30;}
.floating-contact .to-top{order:40;}
/* Hover label chỉ mô tả chức năng, không hiển thị số điện thoại. */
.floating-contact .float-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;}

/* V7.10.3: consultation is physically first; explicit order is a fallback only. */
.floating-contact .float-consult-action{order:0!important;}
.floating-contact .float-zalo-action{order:10!important;}
.floating-contact .float-call-action{order:20!important;}
.floating-contact .float-cart-action{order:30!important;}
.floating-contact .to-top{order:40!important;}
.floating-contact [data-contact-href]{cursor:pointer;}
.floating-contact .float-label{white-space:nowrap!important;}

/* ===== SOURCE: assets/css/v7104-final-ui.css ===== */
/* =========================================================
   LamiOffice V7.10.4 — Final Choice UI + Header Consultation
   - Tư vấn ở header, không nằm trong cụm floating.
   - Floating ring chỉ xoay outer ring bằng transform, chậm và nhẹ.
   - Hover/selected state rõ ràng cho các khu vực chọn.
   ========================================================= */

/* Header consultation CTA */
.header-consult-btn{
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(157,111,49,.46);
  border-radius:12px;
  background:linear-gradient(135deg,#ead2a2,#c99b51);
  color:#2d2418;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.header-consult-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header-consult-btn:hover,.header-consult-btn:focus-visible{
  border-color:#9f6f2f;
  background:linear-gradient(135deg,#f3dfb7,#d2a55d);
  outline:2px solid rgba(201,155,81,.18);
  outline-offset:2px;
}

/* Floating contacts: no consultation button here. Icon stays still; ring alone rotates. */
.floating-contact .float-consult-action{display:none!important}
.floating-contact .float-btn{transform:none!important;transition:none!important}
.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn.float-cart-action::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  border-radius:50%!important;
  padding:1px!important;
  background:conic-gradient(from 0deg,transparent 0 255deg,rgba(169,119,48,.18) 275deg,#c9984c 302deg,#f5dfad 320deg,transparent 347deg 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:none!important;
  animation:lo-float-ring 7.6s linear infinite!important;
  will-change:transform;
  pointer-events:none!important;
}
.floating-contact .float-zalo-action:nth-child(1)::before{animation-duration:7.2s!important}
.floating-contact .float-zalo-action:nth-child(2)::before{animation-duration:8s!important;animation-delay:-2.4s!important}
.floating-contact .float-call-action::before{animation-duration:8.6s!important;animation-delay:-3.1s!important}
.floating-contact .float-cart-action::before{animation-duration:9.2s!important;animation-delay:-1.7s!important}
.floating-contact .to-top::before{display:none!important}
.floating-contact .float-btn:hover{box-shadow:0 0 0 2px rgba(202,157,85,.13)!important}
.floating-contact .float-label{white-space:nowrap!important;max-width:150px!important}

/* Choice UI: hover = target, selected = committed. No lift/zoom. */
.category-item,.need-card,.v710-plan-card,.package-card,.v710-planner-presets button,.v710-style-card{
  position:relative;
  transform:none!important;
  transition:none!important;
}
.category-item:hover,.category-item:focus-visible,
.need-card:hover,.need-card:focus-visible,
.v710-plan-card:hover,.v710-plan-card:focus-within,
.package-card:hover,.package-card:focus-visible,
.v710-planner-presets button:hover,.v710-planner-presets button:focus-visible,
.v710-style-card:hover,.v710-style-card:focus-visible{
  border-color:rgba(168,118,48,.62)!important;
  box-shadow:inset 0 0 0 1px rgba(210,166,92,.25)!important;
  outline:none!important;
}
.need-card::after,
.v710-planner-presets button::after{
  content:"Chọn";
  position:absolute;
  top:8px;
  right:8px;
  min-height:21px;
  padding:3px 7px;
  border:1px solid rgba(164,116,50,.30);
  border-radius:999px;
  background:#fff9ef;
  color:#89612d;
  font-size:9px;
  font-weight:850;
  line-height:1.3;
  opacity:0;
  pointer-events:none;
}
.need-card:hover::after,.need-card:focus-visible::after,
.v710-planner-presets button:hover::after,.v710-planner-presets button:focus-visible::after{opacity:1}
.need-card.selected{
  border-color:#bd8c44!important;
  background:#fff8ec!important;
  box-shadow:inset 0 0 0 1px rgba(189,140,68,.32)!important;
}
.need-card.selected::after,
.v710-planner-presets button[aria-pressed="true"]::after{
  content:"✓ Đã chọn";
  opacity:1;
  background:#efe0c7;
  border-color:#bf8e48;
  color:#6f4b20;
}
.v710-planner-presets button{padding-right:12px!important}
.v710-planner-presets button[aria-pressed="true"]{padding-right:82px!important}

/* Make quick choice visually premium and clearly separated. */
.category-list{gap:6px!important}
.category-item{border:1px solid rgba(177,135,74,.20)!important;border-radius:10px!important;background:rgba(255,251,244,.72)!important}
.category-item:hover,.category-item:focus-visible{background:#fff7ea!important}
.category-item b{width:24px;height:24px;display:grid;place-items:center;border-left:1px solid rgba(177,135,74,.20);padding-left:7px;color:#9b6a2d}

/* Keep quick select + priority right at the top on mobile too. */
@media(max-width:900px){
  .header-consult-btn{min-width:44px;width:44px;padding:0}
  .header-consult-btn span{display:none}
}
@media(max-width:760px){
  .header-consult-btn{display:inline-flex!important;min-width:40px;width:40px;height:40px;min-height:40px;border-radius:11px}
  .header-consult-btn svg{width:17px;height:17px}
  .page-shell[data-page="home"] .category-panel{display:block!important;padding:12px!important;order:-2}
  .page-shell[data-page="home"] .category-panel h2{font-size:15px;margin:0 0 8px}
  .page-shell[data-page="home"] .category-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
  .page-shell[data-page="home"] .category-item{min-height:40px;padding:8px 9px!important;font-size:11px}
  .page-shell[data-page="home"] .hero-main{order:-1}
  /* Return floating behavior to pre-consult layout on mobile. */
  .floating-contact{display:none!important}
  .need-card::after{top:6px;right:6px;font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){
  .floating-contact .float-btn::before{animation:none!important}
}

/* ===== SOURCE: assets/css/v7105-product-first-home.css ===== */
/* =========================================================
   LamiOffice V7.10.5 — Product First Home
   Mục tiêu: Header → Chọn nhanh → Ưu tiên → Sản phẩm trong 1 lần cuộn.
   Không blur, không zoom, không animation nặng.
   ========================================================= */

.page-shell[data-page="home"]>.container{padding-top:10px}

/* Chọn nhanh: một dải thấp, tách rõ từng lựa chọn. */
.home-quick-strip{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:0;
  padding:9px 11px!important;
}
.home-quick-strip h2{margin:0!important;font-size:15px!important;line-height:1.1!important;white-space:nowrap}
.home-quick-strip .category-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px!important;
}
.home-quick-strip .category-item{
  min-height:38px!important;
  padding:7px 8px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
.home-quick-strip .category-item b{width:20px!important;height:20px!important}

/* Ưu tiên: giữ lựa chọn thật nhưng không chiếm một màn hình. */
.page-shell[data-page="home"] .need-panel{
  margin-top:8px!important;
  padding:10px 11px!important;
}
.page-shell[data-page="home"] .need-panel .section-head{margin-bottom:7px!important;align-items:end!important}
.page-shell[data-page="home"] .need-panel .section-head h2{font-size:19px!important;line-height:1.1!important;margin:1px 0 0!important}
.page-shell[data-page="home"] .need-panel .section-head p{display:none!important}
.page-shell[data-page="home"] .need-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
.page-shell[data-page="home"] .need-card{
  min-height:58px!important;
  padding:9px 56px 8px 9px!important;
  border-radius:11px!important;
}
.page-shell[data-page="home"] .need-card b{font-size:10.8px!important;line-height:1.15!important}
.page-shell[data-page="home"] .need-card span{display:block;margin-top:2px;font-size:9.2px!important;line-height:1.15!important}
.page-shell[data-page="home"] .need-card::after{top:7px!important;right:7px!important}
.page-shell[data-page="home"] .need-result{margin-top:7px!important;padding:9px 10px!important}

/* Sản phẩm xuất hiện ngay sau vùng chọn. */
.home-first-products{margin-top:12px!important}
.home-first-products__head{margin-bottom:8px!important}
.home-first-products__head h2{font-size:24px!important;line-height:1.1!important;margin:2px 0!important}
.home-first-products__head p{margin:0!important;font-size:11px!important}
.home-first-products__grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}

/* Banner vẫn giữ, nhưng xuống sau hàng sản phẩm đầu tiên và gọn hơn. */
.page-shell[data-page="home"] .hero-grid{
  margin-top:26px!important;
  grid-template-columns:minmax(0,2fr) minmax(240px,.82fr)!important;
  gap:10px!important;
}
.page-shell[data-page="home"] .hero-main{min-height:310px!important}
.page-shell[data-page="home"] .hero-copy{padding:30px!important;max-width:650px}
.page-shell[data-page="home"] .hero-copy h1{font-size:38px!important;line-height:1.04!important}
.page-shell[data-page="home"] .promo-stack{gap:8px!important}
.page-shell[data-page="home"] .promo-card{padding:13px!important}
.page-shell[data-page="home"] .trust-strip{margin-top:10px!important}

/* Phần nội dung tư vấn sau sản phẩm có thể thở nhiều hơn. */
.page-shell[data-page="home"] #ngan-sach{margin-top:34px!important}

@media(max-width:980px){
  .home-quick-strip{grid-template-columns:1fr;gap:7px}
  .home-quick-strip .category-list{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;scrollbar-width:none}
  .home-quick-strip .category-list::-webkit-scrollbar{display:none}
  .page-shell[data-page="home"] .need-grid{display:flex!important;overflow-x:auto;gap:6px!important;scrollbar-width:none}
  .page-shell[data-page="home"] .need-grid::-webkit-scrollbar{display:none}
  .page-shell[data-page="home"] .need-card{flex:0 0 180px}
  .page-shell[data-page="home"] .hero-grid{grid-template-columns:1fr!important}
  .page-shell[data-page="home"] .promo-stack{grid-template-columns:1fr 1fr;display:grid}
}

@media(max-width:760px){
  .page-shell[data-page="home"]>.container{padding-top:6px}
  .home-quick-strip{padding:8px!important}
  .home-quick-strip h2{font-size:14px!important}
  .home-quick-strip .category-list{display:flex!important;overflow-x:auto;gap:6px!important}
  .home-quick-strip .category-item{flex:0 0 118px;min-height:36px!important}
  .page-shell[data-page="home"] .need-panel{padding:8px!important;margin-top:6px!important}
  .page-shell[data-page="home"] .need-panel .section-head{margin-bottom:6px!important}
  .page-shell[data-page="home"] .need-panel .section-head .eyebrow{font-size:8.5px!important}
  .page-shell[data-page="home"] .need-panel .section-head h2{font-size:17px!important}
  .page-shell[data-page="home"] .need-card{flex-basis:156px;min-height:54px!important;padding:8px 48px 7px 8px!important}
  .page-shell[data-page="home"] .need-card span{font-size:8.8px!important}
  .home-first-products{margin-top:10px!important}
  .home-first-products__head h2{font-size:21px!important}
  .home-first-products__head p{display:none}
  .home-first-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .page-shell[data-page="home"] .hero-grid{margin-top:22px!important}
  .page-shell[data-page="home"] .hero-main{min-height:260px!important}
  .page-shell[data-page="home"] .hero-copy{padding:22px!important}
  .page-shell[data-page="home"] .hero-copy h1{font-size:31px!important}
  .page-shell[data-page="home"] .promo-stack{grid-template-columns:1fr}
}

/* ===== SOURCE: assets/css/v7106-premium-home-3col.css ===== */
/* =========================================================
   LamiOffice V7.10.6 — Premium Home 3-column
   Desktop: Chọn nhanh | vùng bán hàng | Sản phẩm giảm giá.
   Responsive thật, ít viền, không blur/zoom/animation nặng.
   ========================================================= */

.page-shell[data-page="home"]>.container{padding-top:12px}

/* ---------- top selling stage ---------- */
.home-top-layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 270px;
  gap:12px;
  align-items:start;
}
.home-top-main{min-width:0;display:grid;gap:12px}
.home-left-quick,.home-top-offers{position:sticky;top:132px;z-index:7}

/* ---------- left: quick select like the original, but cleaner ---------- */
.home-left-quick{padding:13px 12px!important;overflow:hidden}
.home-left-quick h2{
  margin:1px 8px 9px!important;
  color:var(--gold-2);
  font-size:12px!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-left-quick .category-list{display:grid!important;gap:0!important}
.home-left-quick .category-item{
  min-height:43px!important;
  padding:9px 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(154,107,48,.13)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.home-left-quick .category-item:last-child{border-bottom:0!important}
.home-left-quick .category-item::before{
  content:"";
  width:2px;
  align-self:stretch;
  margin-right:8px;
  border-radius:2px;
  background:transparent;
}
.home-left-quick .category-item:hover,
.home-left-quick .category-item:focus-visible{
  background:rgba(191,142,72,.08)!important;
  color:#7c5425!important;
  outline:none!important;
}
.home-left-quick .category-item:hover::before,
.home-left-quick .category-item:focus-visible::before{background:#b8833e}
.home-left-quick .category-item b{
  width:20px!important;height:20px!important;padding:0!important;
  border:0!important;color:#9b713b;font-size:17px;line-height:20px;
}

/* ---------- center: priority first, compact hero, products ---------- */
.home-priority-panel{padding:13px 14px!important;margin:0!important;overflow:hidden}
.home-priority-panel .section-head{margin:0 0 9px!important}
.home-priority-panel .section-head .eyebrow{font-size:9px!important}
.home-priority-panel .section-head h2{font-size:20px!important;line-height:1.08!important;margin:2px 0 0!important}
.home-priority-panel .section-head p{display:none!important}
.home-priority-panel .need-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  border:1px solid rgba(154,107,48,.16)!important;
  border-radius:12px!important;
  overflow:hidden;
  background:#fffaf3!important;
}
.home-priority-panel .need-card{
  min-height:70px!important;
  padding:10px 48px 9px 10px!important;
  border:0!important;
  border-right:1px solid rgba(154,107,48,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.home-priority-panel .need-card:last-child{border-right:0!important}
.home-priority-panel .need-card b{font-size:10.8px!important;line-height:1.2!important;margin:0 0 3px!important}
.home-priority-panel .need-card span{font-size:9.2px!important;line-height:1.25!important}
.home-priority-panel .need-card:hover,
.home-priority-panel .need-card:focus-visible{
  background:#fff4e5!important;
  box-shadow:inset 0 -2px 0 #c08b43!important;
}
.home-priority-panel .need-card.selected{
  background:#f5e7d1!important;
  box-shadow:inset 0 -3px 0 #a9712f!important;
}
.home-priority-panel .need-card::after{top:7px!important;right:6px!important;font-size:8px!important;padding:2px 5px!important}
.home-priority-panel .need-result{margin:8px 0 0!important;padding:9px 10px!important;border-color:rgba(154,107,48,.16)!important}

.home-hero-compact{
  display:block!important;
  margin:0!important;
}
.home-hero-compact .hero-main{min-height:220px!important;border-radius:15px!important}
.home-hero-compact .hero-copy{padding:24px 26px!important;max-width:640px}
.home-hero-compact .hero-copy h1{font-size:34px!important;line-height:1.03!important;margin:5px 0 9px!important}
.home-hero-compact .hero-copy p{font-size:12px!important;line-height:1.45!important;margin-bottom:13px!important;max-width:500px}
.home-hero-compact .hero-actions{gap:6px!important}
.home-hero-compact .hero-actions .btn{min-height:36px!important;padding:7px 11px!important;font-size:10.5px!important}

.home-first-products{margin:0!important;padding-top:1px}
.home-first-products__head{margin-bottom:8px!important}
.home-first-products__head h2{font-size:23px!important;margin:1px 0!important}
.home-first-products__head p{font-size:10.5px!important;margin:0!important}
.home-first-products__grid{
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
  gap:9px!important;
}

/* ---------- right: discounted products, list not boxes-in-boxes ---------- */
.home-top-offers{padding:13px 12px!important;max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin}
.home-top-offers .offer-head{margin:0 2px 8px!important;padding:0 2px 7px;border-bottom:1px solid rgba(154,107,48,.16)}
.home-top-offers .offer-head .eyebrow{font-size:8.5px!important}
.home-top-offers .offer-head h3{font-size:19px!important;margin:2px 0!important}
.home-top-offers .offer-head .link-arrow{font-size:9px!important}
.home-top-offers .offer-list{display:grid!important;gap:0!important}
.home-top-offers .offer-card{
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 3px!important;
  border:0!important;
  border-bottom:1px solid rgba(154,107,48,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-top-offers .offer-card:last-child{border-bottom:0!important}
.home-top-offers .offer-card:hover,
.home-top-offers .offer-card:focus-visible{
  background:rgba(191,142,72,.07)!important;
  box-shadow:inset 2px 0 0 #b8833e!important;
  outline:none!important;
}
.home-top-offers .offer-card>img{width:68px!important;height:62px!important;border-radius:8px!important;padding:2px;object-fit:contain!important}
.home-top-offers .offer-card h4{font-size:10.8px!important;line-height:1.25!important;margin:1px 0 4px!important}
.home-top-offers .offer-price{font-size:11.5px!important}
.home-top-offers .offer-old{font-size:9px!important}
.home-top-offers .offer-badge{left:2px!important;top:4px!important;font-size:8px!important;padding:2px 4px!important}

/* Keep the old two helper cards, but below the selling stage. */
.home-support-shortcuts{margin-top:12px!important}
.home-support-shortcuts__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.home-support-shortcuts__grid .promo-card{padding:13px 15px!important;min-height:0!important}
.home-support-shortcuts__grid .promo-card h3{font-size:18px!important;margin:4px 0!important}
.home-support-shortcuts__grid .promo-card p{font-size:10.5px!important;margin:0 0 7px!important}

/* Lower product collections now use the full content width. */
.home-commerce-products-only{display:block!important}
.home-commerce-products-only>div{width:100%!important}

/* ---------- responsive ---------- */
@media(max-width:1279px){
  .home-top-layout{grid-template-columns:170px minmax(0,1fr) 230px;gap:10px}
  .home-priority-panel .need-card span{display:none!important}
  .home-priority-panel .need-card{min-height:54px!important;padding-bottom:8px!important}
  .home-hero-compact .hero-main{min-height:205px!important}
  .home-first-products__grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}
  .home-top-offers .offer-card{grid-template-columns:58px minmax(0,1fr)!important}
  .home-top-offers .offer-card>img{width:58px!important;height:56px!important}
}

@media(max-width:1020px){
  .home-top-layout{grid-template-columns:175px minmax(0,1fr);align-items:start}
  .home-left-quick{top:116px}
  .home-top-offers{
    grid-column:1/-1;
    position:relative;top:auto;max-height:none;
    padding:12px!important;
  }
  .home-top-offers .offer-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1px!important;background:rgba(154,107,48,.12)}
  .home-top-offers .offer-card{
    display:grid!important;grid-template-columns:1fr!important;
    padding:7px!important;border:0!important;background:#fffaf3!important;
  }
  .home-top-offers .offer-card>img{width:100%!important;height:82px!important}
  .home-top-offers .offer-card h4{-webkit-line-clamp:2;line-clamp:2}
  .home-top-offers .offer-peek{display:none!important}
  .home-priority-panel .need-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-priority-panel .need-card:nth-child(3n){border-right:0!important}
  .home-priority-panel .need-card:nth-child(n+4){border-top:1px solid rgba(154,107,48,.14)!important}
}

@media(max-width:760px){
  .page-shell[data-page="home"]>.container{padding-top:7px}
  .home-top-layout{display:grid;grid-template-columns:1fr;gap:8px}
  .home-left-quick{position:relative;top:auto;padding:9px!important}
  .home-left-quick h2{margin:0 3px 7px!important;font-size:11px!important}
  .home-left-quick .category-list{display:flex!important;overflow-x:auto;gap:0!important;scrollbar-width:none}
  .home-left-quick .category-list::-webkit-scrollbar{display:none}
  .home-left-quick .category-item{
    flex:0 0 116px;min-height:38px!important;padding:7px 8px!important;
    border-bottom:0!important;border-right:1px solid rgba(154,107,48,.13)!important;
  }
  .home-left-quick .category-item::before{display:none}
  .home-priority-panel{padding:10px!important}
  .home-priority-panel .section-head h2{font-size:17px!important}
  .home-priority-panel .need-grid{display:flex!important;overflow-x:auto;border-radius:10px!important;scrollbar-width:none}
  .home-priority-panel .need-grid::-webkit-scrollbar{display:none}
  .home-priority-panel .need-card{
    flex:0 0 148px;min-height:54px!important;border-top:0!important;border-right:1px solid rgba(154,107,48,.14)!important;
  }
  .home-priority-panel .need-card b{font-size:10px!important}
  .home-hero-compact .hero-main{min-height:230px!important}
  .home-hero-compact .hero-copy{padding:20px!important}
  .home-hero-compact .hero-copy h1{font-size:29px!important}
  .home-hero-compact .hero-actions .btn{font-size:10px!important;padding:7px 9px!important}
  .home-first-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .home-first-products__head p{display:none!important}
  .home-top-offers{margin-top:2px}
  .home-top-offers .offer-list{display:flex!important;overflow-x:auto;gap:7px!important;background:transparent!important;scrollbar-width:none}
  .home-top-offers .offer-list::-webkit-scrollbar{display:none}
  .home-top-offers .offer-card{flex:0 0 150px!important;background:#fffaf3!important;border:1px solid rgba(154,107,48,.12)!important;border-radius:10px!important}
  .home-top-offers .offer-card>img{height:92px!important}
  .home-support-shortcuts__grid{grid-template-columns:1fr!important}
}

/* ===== SOURCE: assets/css/v7107-seo-customer-journey.css ===== */
/* =========================================================
   LamiOffice V7.10.7 — SEO + Customer Journey Home
   Giữ sidebar trái/phải. Center: intent -> product -> trust -> categories.
   Typography lớn/đậm có chọn lọc. Không blur, không zoom, không animation nặng.
   ========================================================= */

.page-shell[data-page="home"] > .container{padding-top:12px!important}
.page-shell[data-page="home"] .section{margin-top:26px!important;margin-bottom:0!important}

/* ---------- Typography hierarchy ---------- */
.page-shell[data-page="home"] h1,
.page-shell[data-page="home"] h2,
.page-shell[data-page="home"] h3{letter-spacing:-.025em;color:#30271f}
.page-shell[data-page="home"] h1{font-size:clamp(28px,2.25vw,38px)!important;line-height:1.04!important;font-weight:850!important}
.page-shell[data-page="home"] h2{font-size:clamp(23px,1.65vw,29px)!important;line-height:1.08!important;font-weight:820!important}
.page-shell[data-page="home"] h3{font-size:18px!important;line-height:1.15!important;font-weight:800!important}
.page-shell[data-page="home"] .section-head p{font-size:13px!important;line-height:1.5!important;color:#6d6256!important}
.page-shell[data-page="home"] .eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#9b6e34!important}
.page-shell[data-page="home"] .link-arrow{font-size:12px!important;font-weight:800!important}

/* ---------- Top 3-column: keep left + right like V7.10.6 ---------- */
.home-top-layout{grid-template-columns:190px minmax(0,1fr) 270px!important;gap:12px!important}
.home-top-main{gap:12px!important}
.home-left-quick h2{font-size:13px!important;font-weight:850!important}
.home-left-quick .category-item{font-size:13px!important;font-weight:720!important;min-height:45px!important}
.home-top-offers .offer-head h3{font-size:20px!important;font-weight:850!important}
.home-top-offers .offer-card h4{font-size:12px!important;font-weight:780!important}
.home-top-offers .offer-price{font-size:13px!important;font-weight:850!important}

/* ---------- Intent + H1 + consultation ---------- */
.home-priority-panel{padding:16px!important}
.home-intent-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:2px 1px 14px;margin-bottom:12px;border-bottom:1px solid rgba(154,107,48,.16)}
.home-intent-copy{max-width:760px}
.home-intent-copy h1{margin:5px 0 7px!important;max-width:720px}
.home-intent-copy p{margin:0;color:#675d52;font-size:13px;line-height:1.48;max-width:650px}
.home-intent-consult{white-space:nowrap;min-height:42px!important;padding:9px 15px!important;font-size:12px!important;font-weight:850!important}
.home-priority-panel .section-head{margin:0 0 10px!important}
.home-priority-panel .section-head h2{font-size:22px!important;font-weight:820!important;margin:3px 0!important}
.home-priority-panel .section-head p{display:block!important;margin:0!important;font-size:12px!important}
.home-priority-panel .need-grid{border-radius:11px!important}
.home-priority-panel .need-card{min-height:74px!important;padding:11px 44px 10px 10px!important}
.home-priority-panel .need-card b{font-size:12px!important;line-height:1.2!important;font-weight:820!important}
.home-priority-panel .need-card span{font-size:10px!important;line-height:1.28!important;color:#6c6258!important}
.home-priority-panel .need-card:hover,.home-priority-panel .need-card:focus-visible{background:#fff5e8!important;box-shadow:inset 0 -2px 0 #b8833e!important}
.home-priority-panel .need-card.selected{background:#f6ead8!important;box-shadow:inset 0 -3px 0 #a9712f!important}

/* ---------- Featured products directly after intent ---------- */
.home-first-products{margin-top:2px!important;padding-top:0!important}
.home-first-products__head{margin-bottom:10px!important}
.home-first-products__head h2{font-size:27px!important;font-weight:850!important}
.home-first-products__head p{font-size:12px!important}
.home-first-products__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}

/* Product typography: bigger only where decision-relevant. */
.page-shell[data-page="home"] .product-card .product-title{font-size:13.5px!important;line-height:1.28!important;font-weight:780!important}
.page-shell[data-page="home"] .product-card .price,.page-shell[data-page="home"] .product-card .product-price{font-size:15px!important;font-weight:850!important}
.page-shell[data-page="home"] .product-card .fit-line{font-size:9.5px!important}

/* ---------- Trust strip immediately after top stage ---------- */
.trust-strip{margin-top:14px!important;padding:10px 12px!important;gap:4px!important}
.trust-item{padding:6px 10px!important}
.trust-item strong{font-size:12.5px!important;font-weight:820!important}
.trust-item div>span{font-size:10.5px!important}

/* ---------- Main product categories ---------- */
.home-commerce-products-only{margin-top:24px!important}
.home-commerce-products-only .product-section{margin-top:22px!important}
.home-commerce-products-only .product-section:first-child{margin-top:0!important}
.home-commerce-products-only .section-head{margin-bottom:10px!important}
.home-commerce-products-only .section-head h2{font-size:27px!important;font-weight:850!important}
.home-commerce-products-only .section-head p{margin:3px 0 0!important;max-width:620px}
.home-commerce-products-only .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}

/* ---------- Viewed: small and unobtrusive ---------- */
.home-viewed-compact{padding-top:2px!important;margin-top:22px!important}
.home-viewed-compact .section-head{margin-bottom:9px!important}
.home-viewed-compact .section-head h2{font-size:22px!important}
.home-viewed-compact .section-head p{font-size:11px!important}
.home-viewed-compact .viewed-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.home-viewed-compact .product-card .product-media{aspect-ratio:1/1!important;min-height:0!important}
.home-viewed-compact .product-card .product-body{padding:6px 7px 7px!important}
.home-viewed-compact .product-card .product-title{font-size:11px!important;line-height:1.22!important}
.home-viewed-compact .product-card .fit-line,.home-viewed-compact .product-card .swatches{display:none!important}
.home-viewed-compact .product-card .price,.home-viewed-compact .product-card .product-price{font-size:12.5px!important}

/* ---------- Consolidated decision area ---------- */
.home-decision-center{margin-top:24px!important;padding-top:0!important}
.home-compact-head{margin-bottom:12px!important}
.home-compact-head h2{margin:3px 0!important}
.home-decision-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;border:1px solid rgba(154,107,48,.16);border-radius:14px;overflow:hidden;background:rgba(255,250,243,.72)}
.home-decision-card{padding:18px 18px 16px;min-width:0;border-right:1px solid rgba(154,107,48,.14)}
.home-decision-card:last-child{border-right:0}
.home-decision-kicker{display:block;margin-bottom:5px;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#9b6e34}
.home-decision-card h3{font-size:19px!important;margin:0 0 5px!important}
.home-decision-card>p{font-size:11.5px;line-height:1.45;color:#6c6258;margin:0 0 12px}
.home-choice-row{display:flex;gap:6px;flex-wrap:wrap}
.home-choice,.v710-planner-presets button{appearance:none;border:1px solid rgba(154,107,48,.20);background:#fffaf3;color:#4b4035;border-radius:8px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:background-color .08s ease,border-color .08s ease,color .08s ease}
.home-choice:hover,.home-choice:focus-visible,.v710-planner-presets button:hover,.v710-planner-presets button:focus-visible{background:#fff2df;border-color:#b8833e;color:#6e491e;outline:none}
.v710-planner-presets button[aria-pressed="true"]{background:#f4e4cc;border-color:#a9712f;box-shadow:inset 0 -2px 0 #a9712f}
.home-mini-fields{display:grid;grid-template-columns:.72fr .72fr .9fr auto;gap:6px;margin-top:8px;align-items:end}
.home-mini-fields label{font-size:9px;font-weight:800;color:#7a6d60;text-transform:uppercase;letter-spacing:.06em}
.home-mini-fields input,.home-mini-fields select{width:100%;height:34px;margin-top:3px;border:1px solid rgba(154,107,48,.18);border-radius:8px;background:#fffdf9;padding:6px 8px;font-size:11px;color:#3f352c}
.home-mini-fields .btn{height:34px!important;min-height:34px!important;padding:6px 10px!important;font-size:10px!important}
.home-mini-result{margin-top:8px!important;padding:8px 9px!important;font-size:10.5px!important}
.home-style-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(154,107,48,.13);border-left:1px solid rgba(154,107,48,.13)}
.home-style-links a{padding:9px 9px 8px;border-right:1px solid rgba(154,107,48,.13);border-bottom:1px solid rgba(154,107,48,.13);background:rgba(255,255,255,.35)}
.home-style-links a:hover{background:#fff3e2}
.home-style-links b{display:block;font-size:11px;color:#43372d}
.home-style-links span{display:block;margin-top:2px;font-size:9.5px;color:#7a6f63}

/* ---------- Buying information as one thin row ---------- */
.home-buying-links{display:flex;align-items:center;gap:0;margin-top:12px;border-top:1px solid rgba(154,107,48,.16);border-bottom:1px solid rgba(154,107,48,.16);overflow-x:auto;scrollbar-width:none}
.home-buying-links::-webkit-scrollbar{display:none}
.home-buying-links strong,.home-buying-links a{padding:11px 14px;white-space:nowrap;font-size:11px}
.home-buying-links strong{font-weight:850;color:#473a2e}
.home-buying-links a{font-weight:740;border-left:1px solid rgba(154,107,48,.13);color:#795527}
.home-buying-links a:hover{background:rgba(191,142,72,.07)}

/* ---------- Consultation + quote: one compact conversion block ---------- */
.home-consult-quote{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px;align-items:center;padding:20px 22px!important;border:1px solid rgba(154,107,48,.16);border-radius:14px;background:linear-gradient(120deg,rgba(255,250,243,.96),rgba(246,235,218,.72))}
.home-consult-copy h2{font-size:25px!important;margin:4px 0 7px!important;max-width:760px}
.home-consult-copy p{margin:0;max-width:720px;font-size:12px;line-height:1.5;color:#6a6055}
.home-consult-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;align-items:center}
.home-consult-actions .btn{min-height:38px!important;padding:8px 12px!important;font-size:11px!important;font-weight:850!important}
.home-consult-actions span{flex-basis:100%;text-align:right;font-size:10px;color:#74695d}
.home-consult-actions span b{font-size:12px;color:#8c612d}

/* ---------- Content hub closer, less boxy ---------- */
.v710-content{margin-top:24px!important}
.v710-content .section-head{margin-bottom:10px!important}
.v710-content .article-grid,.v710-content .v710-article-grid{gap:10px!important}
.v710-content .v710-article{border-color:rgba(154,107,48,.13)!important;box-shadow:none!important}
.v710-content .v710-article h3{font-size:15px!important;font-weight:800!important}
.v710-content .v710-article p{font-size:10.5px!important;line-height:1.4!important}

/* ---------- SEO copy near footer, readable but not dominant ---------- */
.home-seo-copy{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(240px,.55fr);gap:24px;padding:20px 0 2px!important;border-top:1px solid rgba(154,107,48,.15)}
.home-seo-copy h2{font-size:23px!important;margin:4px 0 9px!important;max-width:800px}
.home-seo-copy p{font-size:12px;line-height:1.65;color:#62594f;margin:0 0 8px;max-width:900px}
.home-seo-copy p a{font-weight:800;color:#795527}
.home-seo-copy aside{display:grid;align-content:start;gap:0;border-left:1px solid rgba(154,107,48,.15)}
.home-seo-copy aside strong,.home-seo-copy aside a{padding:9px 14px;border-bottom:1px solid rgba(154,107,48,.11);font-size:11px}
.home-seo-copy aside strong{font-weight:850;color:#3f342a}
.home-seo-copy aside a{font-weight:760;color:#795527}

/* ---------- Responsive ---------- */
@media(max-width:1279px){
  .home-top-layout{grid-template-columns:170px minmax(0,1fr) 230px!important}
  .home-first-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-commerce-products-only .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-viewed-compact .viewed-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .home-priority-panel .need-card span{display:none!important}
  .home-mini-fields{grid-template-columns:1fr 1fr}
  .home-mini-fields .btn{grid-column:1/-1}
}

@media(max-width:1020px){
  .home-top-layout{grid-template-columns:175px minmax(0,1fr)!important}
  .home-intent-intro{grid-template-columns:1fr}
  .home-intent-consult{justify-self:start}
  .home-commerce-products-only .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-viewed-compact .viewed-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-decision-grid{grid-template-columns:1fr 1fr}
  .home-decision-card:nth-child(2){border-right:0}
  .home-decision-card:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(154,107,48,.14);border-right:0}
  .home-style-links{grid-template-columns:repeat(4,1fr)}
  .home-consult-quote{grid-template-columns:1fr}
  .home-consult-actions{justify-content:flex-start}
  .home-consult-actions span{text-align:left}
  .home-seo-copy{grid-template-columns:1fr}
  .home-seo-copy aside{border-left:0;border-top:1px solid rgba(154,107,48,.15)}
}

@media(max-width:760px){
  .page-shell[data-page="home"] .section{margin-top:18px!important}
  .page-shell[data-page="home"] h1{font-size:27px!important;line-height:1.06!important}
  .page-shell[data-page="home"] h2{font-size:22px!important}
  .home-priority-panel{padding:11px!important}
  .home-intent-intro{gap:10px;padding-bottom:11px;margin-bottom:10px}
  .home-intent-copy p{font-size:11.5px}
  .home-intent-consult{min-height:38px!important}
  .home-priority-panel .section-head h2{font-size:18px!important}
  .home-priority-panel .section-head p{font-size:10.5px!important}
  .home-priority-panel .need-card{flex-basis:154px!important;min-height:58px!important}
  .home-priority-panel .need-card b{font-size:11px!important}
  .home-first-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-first-products__head h2,.home-commerce-products-only .section-head h2{font-size:22px!important}
  .home-commerce-products-only .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .home-viewed-compact .viewed-grid{display:flex!important;overflow-x:auto;gap:7px!important;scrollbar-width:none}
  .home-viewed-compact .viewed-grid::-webkit-scrollbar{display:none}
  .home-viewed-compact .product-card{flex:0 0 138px!important}
  .home-decision-grid{grid-template-columns:1fr}
  .home-decision-card{border-right:0;border-bottom:1px solid rgba(154,107,48,.14);padding:15px}
  .home-decision-card:nth-child(2){border-right:0}
  .home-decision-card:nth-child(3){grid-column:auto;border-top:0;border-bottom:0}
  .home-mini-fields{grid-template-columns:1fr 1fr}
  .home-style-links{grid-template-columns:1fr 1fr}
  .home-buying-links strong,.home-buying-links a{padding:10px 12px;font-size:10px}
  .home-consult-quote{padding:16px!important;gap:12px}
  .home-consult-copy h2{font-size:21px!important}
  .home-seo-copy{padding-top:16px!important;gap:12px}
  .home-seo-copy h2{font-size:21px!important}
}

/* ===== SOURCE: assets/css/v7108-larger-type-cover.css ===== */
/* =========================================================
   LamiOffice V7.10.8 — Larger Type + Compact Cover
   Tăng cỡ chữ ở điểm quyết định. Ảnh bìa nằm trong vùng giữa,
   giữ sản phẩm xuất hiện sớm. Không blur/zoom/animation nặng.
   ========================================================= */

/* Bigger hierarchy — only decision-relevant text */
.page-shell[data-page="home"] h1{font-size:clamp(34px,2.65vw,44px)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.035em!important}
.page-shell[data-page="home"] h2{font-size:clamp(26px,1.9vw,32px)!important;line-height:1.06!important;font-weight:860!important}
.page-shell[data-page="home"] h3{font-size:20px!important;font-weight:840!important}
.page-shell[data-page="home"] .eyebrow{font-size:11px!important;font-weight:850!important}
.page-shell[data-page="home"] .section-head p{font-size:14px!important;line-height:1.48!important}
.page-shell[data-page="home"] .link-arrow{font-size:13px!important;font-weight:850!important}

/* Hero/cover stays compact inside the middle column */
.home-priority-panel{padding:15px!important}
.home-intent-intro{grid-template-columns:minmax(0,1.08fr) minmax(235px,.92fr)!important;align-items:stretch!important;gap:14px!important;padding:0 0 13px!important;margin-bottom:11px!important}
.home-intent-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:3px 0}
.home-intent-copy h1{margin:6px 0 9px!important;max-width:620px!important}
.home-intent-copy p{font-size:14px!important;line-height:1.5!important;max-width:590px!important;font-weight:560}
.home-intent-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px}
.home-intent-consult{min-height:44px!important;padding:10px 17px!important;font-size:14px!important;font-weight:880!important}
.home-intent-link{font-size:13px;font-weight:850;color:#765125;text-decoration:none;border-bottom:1px solid rgba(154,107,48,.34);padding:7px 1px 5px}
.home-intent-link:hover,.home-intent-link:focus-visible{color:#5e3d18;border-color:#a9712f;outline:none}
.home-cover-media{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:13px;border:1px solid rgba(154,107,48,.17);background:#efe4d6;aspect-ratio:1.55/1}
.home-cover-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;transform:none!important;filter:none!important}
.home-cover-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,19,13,0) 52%,rgba(26,19,13,.54) 100%);pointer-events:none}
.home-cover-media figcaption{position:absolute;left:12px;right:12px;bottom:9px;z-index:1;color:#fff8ed;font-size:10px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.35)}

/* Priority choices get larger text without getting taller */
.home-priority-panel .section-head h2{font-size:25px!important;font-weight:860!important}
.home-priority-panel .section-head p{font-size:13px!important}
.home-priority-panel .need-card{min-height:76px!important}
.home-priority-panel .need-card b{font-size:13.5px!important;font-weight:850!important}
.home-priority-panel .need-card span{font-size:10.5px!important}

/* Product and trust typography */
.home-first-products__head h2,.home-commerce-products-only .section-head h2{font-size:30px!important;font-weight:880!important}
.page-shell[data-page="home"] .product-card .product-title{font-size:15.5px!important;line-height:1.25!important;font-weight:820!important}
.page-shell[data-page="home"] .product-card .price,.page-shell[data-page="home"] .product-card .product-price{font-size:18px!important;font-weight:900!important}
.trust-item strong{font-size:13.5px!important;font-weight:850!important}
.trust-item div>span{font-size:11px!important}

/* Sidebar labels: readable, still subordinate to products */
.home-left-quick h2{font-size:15px!important;font-weight:880!important}
.home-left-quick .category-item{font-size:14px!important;font-weight:760!important}
.home-top-offers .offer-head h3{font-size:21px!important}
.home-top-offers .offer-card h4{font-size:13px!important;font-weight:820!important}
.home-top-offers .offer-price{font-size:15px!important;font-weight:900!important}

/* Viewed products stay intentionally small */
.home-viewed-compact .section-head h2{font-size:24px!important}
.home-viewed-compact .product-card .product-title{font-size:11.5px!important}
.home-viewed-compact .product-card .price,.home-viewed-compact .product-card .product-price{font-size:13px!important}

/* Lower decision and conversion copy: slightly stronger */
.home-decision-card h3{font-size:21px!important;font-weight:850!important}
.home-choice,.v710-planner-presets button{font-size:12px!important;font-weight:830!important}
.home-consult-copy h2{font-size:28px!important;font-weight:880!important}
.home-consult-actions .btn{font-size:13px!important;font-weight:880!important}
.v710-content .v710-article h3{font-size:17px!important;font-weight:830!important}
.home-seo-copy h2{font-size:26px!important;font-weight:850!important}
.home-seo-copy p{font-size:13px!important}

@media(max-width:1279px){
  .page-shell[data-page="home"] h1{font-size:clamp(32px,3vw,40px)!important}
  .home-intent-intro{grid-template-columns:minmax(0,1fr) minmax(210px,.82fr)!important}
  .home-cover-media{aspect-ratio:1.45/1}
  .page-shell[data-page="home"] .product-card .product-title{font-size:14.5px!important}
  .page-shell[data-page="home"] .product-card .price,.page-shell[data-page="home"] .product-card .product-price{font-size:17px!important}
}

@media(max-width:1020px){
  .home-intent-intro{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)!important}
  .page-shell[data-page="home"] h1{font-size:35px!important}
  .home-cover-media{min-height:205px;aspect-ratio:auto}
}

@media(max-width:760px){
  .page-shell[data-page="home"] h1{font-size:31px!important;line-height:1.04!important}
  .page-shell[data-page="home"] h2{font-size:24px!important}
  .home-intent-intro{grid-template-columns:1fr!important;gap:11px!important}
  .home-intent-copy p{font-size:13px!important}
  .home-cover-media{min-height:0;aspect-ratio:16/8.5;border-radius:11px}
  .home-cover-media figcaption{font-size:9px;bottom:7px;left:9px}
  .home-priority-panel .section-head h2{font-size:22px!important}
  .home-first-products__head h2,.home-commerce-products-only .section-head h2{font-size:25px!important}
  .page-shell[data-page="home"] .product-card .product-title{font-size:13.5px!important}
  .page-shell[data-page="home"] .product-card .price,.page-shell[data-page="home"] .product-card .product-price{font-size:16px!important}
  .home-left-quick .category-item{font-size:13px!important}
}

/* ===== SOURCE: assets/css/v7109-clean-choice-state.css ===== */
/* V7.10.9 — Clean choice state
   Keep visual hover/selected feedback, remove text badges. */
.need-card::after,
.v710-planner-presets button::after{
  content:none!important;
  display:none!important;
}
.v710-planner-presets button,
.v710-planner-presets button[aria-pressed="true"]{
  padding-right:12px!important;
}

/* ===== SOURCE: assets/css/v7110-lifestyle-product-home.css ===== */
/* =========================================================
   LamiOffice V7.11.0 — Lifestyle Product Home
   Product-first homepage with a calmer premium visual hierarchy.
   Performance rules: no backdrop-filter, no image zoom, no animated shadow/filter.
   ========================================================= */

/* ---- Global home rhythm: closer, stronger, cleaner ---- */
.page-shell[data-page="home"] > .container{padding-top:14px!important}
.page-shell[data-page="home"] .section{margin-top:24px!important}
.page-shell[data-page="home"] h1{font-size:clamp(38px,3vw,48px)!important;line-height:1.01!important;font-weight:900!important;letter-spacing:-.045em!important}
.page-shell[data-page="home"] h2{font-size:clamp(28px,2vw,34px)!important;line-height:1.04!important;font-weight:900!important;letter-spacing:-.035em!important}
.page-shell[data-page="home"] h3{font-weight:850!important}
.page-shell[data-page="home"] .section-head{margin-bottom:12px!important}
.page-shell[data-page="home"] .section-head p{font-size:15px!important;line-height:1.5!important;max-width:720px}
.page-shell[data-page="home"] .eyebrow{font-size:11px!important;font-weight:900!important;letter-spacing:.11em!important}
.page-shell[data-page="home"] .link-arrow{font-size:13px!important;font-weight:900!important}

/* ---- Top stage: quick select | visual intent | sale list ---- */
.home-top-layout{grid-template-columns:210px minmax(0,1fr) 290px!important;gap:14px!important;align-items:start!important}
.home-top-main{display:block!important;min-width:0}
.home-left-quick,.home-top-offers{top:130px!important}
.home-left-quick,.home-top-offers,.home-priority-panel{box-shadow:none!important;border-color:rgba(154,107,48,.14)!important;background:rgba(255,251,246,.78)!important}
.home-left-quick{padding:14px 12px!important}
.home-left-quick h2{font-size:20px!important;line-height:1.1!important;letter-spacing:-.02em!important;text-transform:none!important;color:#3f342a!important;margin:2px 9px 10px!important}
.home-left-quick .category-item{font-size:15px!important;font-weight:800!important;min-height:48px!important}

.home-priority-panel{padding:16px!important;border-radius:17px!important}
.home-intent-intro{grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr)!important;gap:16px!important;align-items:stretch!important;padding:0 0 16px!important;margin:0 0 14px!important;border-bottom:1px solid rgba(154,107,48,.14)}
.home-intent-copy{justify-content:center!important;padding:3px 0!important}
.home-intent-copy h1{margin:7px 0 11px!important;max-width:720px!important}
.home-intent-copy p{font-size:15px!important;line-height:1.52!important;font-weight:580!important;max-width:650px!important;color:#675c51!important}
.home-intent-actions{margin-top:15px!important;gap:13px!important}
.home-intent-consult{min-height:46px!important;padding:10px 18px!important;font-size:15px!important;font-weight:900!important}
.home-intent-link{font-size:14px!important;font-weight:850!important}
.home-cover-media{aspect-ratio:16/10!important;min-height:245px!important;border-radius:14px!important;border:1px solid rgba(154,107,48,.14)!important;box-shadow:none!important;background:#eee2d3!important}
.home-cover-media img{object-fit:cover!important;object-position:center 48%!important;transform:none!important;filter:none!important}
.home-cover-media::after{background:linear-gradient(180deg,rgba(28,21,14,0) 58%,rgba(28,21,14,.48) 100%)!important}
.home-cover-media figcaption{font-size:11px!important;font-weight:850!important;bottom:10px!important}

.home-priority-panel > .section-head{margin:0 0 10px!important}
.home-priority-panel > .section-head h2{font-size:27px!important;font-weight:900!important;margin:3px 0 4px!important}
.home-priority-panel > .section-head p{display:block!important;font-size:13px!important;margin:0!important}
.home-priority-panel .need-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:0!important;border-top:1px solid rgba(154,107,48,.16)!important;border-bottom:1px solid rgba(154,107,48,.16)!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.home-priority-panel .need-card{min-height:78px!important;padding:12px 12px 11px!important;border:0!important;border-right:1px solid rgba(154,107,48,.14)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.home-priority-panel .need-card:last-child{border-right:0!important}
.home-priority-panel .need-card b{font-size:15px!important;font-weight:900!important;margin-bottom:4px!important}
.home-priority-panel .need-card span{display:block!important;font-size:11px!important;line-height:1.35!important;color:#766a5f!important}
.home-priority-panel .need-card:hover,.home-priority-panel .need-card:focus-visible{background:rgba(191,142,72,.08)!important;box-shadow:inset 0 -2px 0 #b8833e!important;outline:none!important}
.home-priority-panel .need-card.selected{background:rgba(191,142,72,.12)!important;box-shadow:inset 0 -3px 0 #a9712f!important}
.home-priority-panel .need-result{margin-top:10px!important;border:0!important;border-left:2px solid rgba(169,113,47,.55)!important;border-radius:0!important;background:rgba(255,255,255,.42)!important;padding:8px 11px!important}

.home-top-offers{padding:14px 12px!important}
.home-top-offers .offer-head h3{font-size:22px!important;font-weight:900!important}
.home-top-offers .offer-card{grid-template-columns:76px minmax(0,1fr)!important;padding:9px 3px!important;gap:9px!important}
.home-top-offers .offer-card>img{width:76px!important;height:68px!important;border-radius:9px!important}
.home-top-offers .offer-card h4{font-size:13px!important;font-weight:850!important;line-height:1.25!important}
.home-top-offers .offer-price{font-size:16px!important;font-weight:900!important}

/* ---- Featured products: full width immediately after top stage ---- */
.home-first-products{margin-top:22px!important;padding:0!important}
.home-first-products__head h2{font-size:34px!important;font-weight:900!important}
.home-first-products__head p{font-size:14px!important}
.home-first-products__grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}

/* ---- Home product cards: let product photography lead, not borders ---- */
.home-first-products .product-card,.home-commerce-products-only .product-card{border-color:rgba(104,79,47,.11)!important;box-shadow:none!important;background:rgba(255,253,249,.78)!important}
.home-first-products .product-card:hover,.home-commerce-products-only .product-card:hover{border-color:rgba(169,113,47,.34)!important;box-shadow:none!important;transform:none!important}
.home-first-products .product-card .product-media,.home-commerce-products-only .product-card .product-media{background:rgba(255,255,255,.62)!important}
.home-first-products .product-card .product-title,.home-commerce-products-only .product-card .product-title{font-size:17px!important;line-height:1.24!important;font-weight:850!important}
.home-first-products .product-card .price,.home-first-products .product-card .product-price,.home-commerce-products-only .product-card .price,.home-commerce-products-only .product-card .product-price{font-size:21px!important;font-weight:900!important}

/* ---- Trust strip: thin, immediate reassurance ---- */
.trust-strip{margin-top:16px!important;padding:9px 8px!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(255,250,243,.46)!important}
.trust-item{padding:7px 12px!important}
.trust-item strong{font-size:14px!important;font-weight:900!important}
.trust-item div>span{font-size:11px!important}

/* ---- Category sections: whitespace and lines instead of boxes ---- */
.home-commerce-products-only{margin-top:28px!important}
.home-commerce-products-only .product-section{margin-top:28px!important;padding-top:24px;border-top:1px solid rgba(154,107,48,.14)}
.home-commerce-products-only .product-section:first-child{padding-top:0;border-top:0;margin-top:0!important}
.home-commerce-products-only .section-head{align-items:end!important}
.home-commerce-products-only .section-head h2{font-size:32px!important;font-weight:900!important;margin-bottom:3px!important}
.home-commerce-products-only .section-head p{font-size:14px!important;margin:0!important}
.home-commerce-products-only .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}

/* ---- Recently viewed remains intentionally small ---- */
.home-viewed-compact{margin-top:24px!important;padding-top:18px!important;border-top:1px solid rgba(154,107,48,.13)}
.home-viewed-compact .section-head h2{font-size:25px!important}
.home-viewed-compact .section-head p{font-size:12px!important}
.home-viewed-compact .product-card{box-shadow:none!important}
.home-viewed-compact .product-card .product-title{font-size:12px!important}
.home-viewed-compact .product-card .price,.home-viewed-compact .product-card .product-price{font-size:14px!important}

/* ---- Decision center: one visual + three practical starting points ---- */
.home-decision-center{margin-top:26px!important}
.home-decision-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.55fr);gap:18px;align-items:stretch}
.home-solution-media{position:relative;margin:0;min-height:360px;overflow:hidden;border-radius:16px;border:1px solid rgba(154,107,48,.14);background:#eadcca}
.home-solution-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;filter:none!important}
.home-solution-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,24,18,.02) 46%,rgba(31,24,18,.62) 100%);pointer-events:none}
.home-solution-media figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff9f0;display:grid;gap:3px}
.home-solution-media figcaption b{font-size:22px;line-height:1.1;font-weight:900}
.home-solution-media figcaption span{font-size:12px;font-weight:650;color:rgba(255,249,240,.86)}
.home-decision-content{min-width:0;padding:4px 0}
.home-decision-content .home-compact-head h2{font-size:31px!important}
.home-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid rgba(154,107,48,.14)!important;border-radius:14px!important;background:rgba(255,251,246,.62)!important}
.home-decision-card{padding:17px!important}
.home-decision-card h3{font-size:20px!important;font-weight:900!important}
.home-decision-card>p{font-size:12px!important}
.home-choice,.v710-planner-presets button{font-size:12px!important;font-weight:850!important}

/* ---- Buying info stays one thin row ---- */
.home-buying-links{margin-top:14px!important}
.home-buying-links strong,.home-buying-links a{font-size:12px!important;padding:11px 14px!important}

/* ---- Consultation: compact premium CTA, image presence without heavy effects ---- */
.home-consult-quote{position:relative;overflow:hidden;padding:23px 24px!important;border-color:rgba(154,107,48,.14)!important;box-shadow:none!important;background:linear-gradient(100deg,rgba(255,251,245,.98) 0%,rgba(255,248,238,.94) 62%,rgba(239,222,198,.86) 100%)!important}
.home-consult-quote::after{content:"";position:absolute;right:-34px;top:-80px;width:270px;height:270px;border-radius:50%;background:url('../images/marble-preview/hero-office.jpg') center/cover no-repeat;opacity:.13;pointer-events:none}
.home-consult-quote>*{position:relative;z-index:1}
.home-consult-copy h2{font-size:30px!important;font-weight:900!important}
.home-consult-copy p{font-size:13px!important}
.home-consult-actions .btn{font-size:13px!important;font-weight:900!important}

/* ---- Content/SEO: three useful articles, then quiet SEO copy ---- */
.v710-content{margin-top:26px!important}
.v710-content .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.v710-content .v710-article{box-shadow:none!important;border-color:rgba(154,107,48,.12)!important}
.v710-content .v710-article img{aspect-ratio:16/10!important;object-fit:cover!important;transform:none!important}
.v710-content .v710-article h3{font-size:18px!important;font-weight:900!important}
.v710-content .v710-article p{font-size:12px!important}
.home-seo-copy{margin-top:24px!important;padding-top:22px!important}
.home-seo-copy h2{font-size:29px!important;font-weight:900!important}
.home-seo-copy p{font-size:13px!important;line-height:1.68!important}

@media(max-width:1279px){
  .home-top-layout{grid-template-columns:175px minmax(0,1fr) 235px!important;gap:10px!important}
  .home-intent-intro{grid-template-columns:minmax(0,1fr) minmax(215px,.76fr)!important;gap:12px!important}
  .home-cover-media{min-height:220px!important}
  .home-priority-panel .need-card span{display:none!important}
  .home-priority-panel .need-card{min-height:58px!important}
  .home-first-products__grid,.home-commerce-products-only .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-decision-layout{grid-template-columns:minmax(250px,.62fr) minmax(0,1.5fr)}
  .home-decision-grid{grid-template-columns:1fr 1fr!important}
  .home-decision-card:nth-child(2){border-right:0!important}
  .home-decision-card:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(154,107,48,.14)!important}
}

@media(max-width:1020px){
  .home-top-layout{grid-template-columns:175px minmax(0,1fr)!important}
  .home-top-offers{grid-column:1/-1!important}
  .home-intent-intro{grid-template-columns:1fr!important}
  .home-cover-media{aspect-ratio:16/7!important;min-height:190px!important}
  .home-priority-panel .need-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-priority-panel .need-card:nth-child(2n){border-right:0!important}
  .home-priority-panel .need-card:nth-child(n+3){border-top:1px solid rgba(154,107,48,.14)!important}
  .home-first-products__grid,.home-commerce-products-only .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-decision-layout{grid-template-columns:1fr!important}
  .home-solution-media{min-height:280px;aspect-ratio:16/7}
  .home-decision-grid{grid-template-columns:1fr 1fr!important}
  .v710-content .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .page-shell[data-page="home"] > .container{padding-top:8px!important}
  .page-shell[data-page="home"] .section{margin-top:18px!important}
  .page-shell[data-page="home"] h1{font-size:32px!important;line-height:1.03!important}
  .page-shell[data-page="home"] h2{font-size:25px!important}
  .home-top-layout{grid-template-columns:1fr!important;gap:8px!important}
  .home-top-main{order:1}
  .home-left-quick{order:2;position:relative!important;top:auto!important}
  .home-top-offers{order:3;position:relative!important;top:auto!important}
  .home-priority-panel{padding:12px!important}
  .home-intent-intro{gap:11px!important;padding-bottom:12px!important}
  .home-intent-copy p{font-size:13px!important}
  .home-cover-media{aspect-ratio:16/8.6!important;min-height:0!important}
  .home-priority-panel > .section-head h2{font-size:23px!important}
  .home-priority-panel > .section-head p{font-size:12px!important}
  .home-priority-panel .need-grid{display:flex!important;overflow-x:auto!important;border-top:1px solid rgba(154,107,48,.14)!important;border-bottom:1px solid rgba(154,107,48,.14)!important;scrollbar-width:none}
  .home-priority-panel .need-grid::-webkit-scrollbar{display:none}
  .home-priority-panel .need-card{flex:0 0 160px!important;border-top:0!important;border-right:1px solid rgba(154,107,48,.14)!important;min-height:68px!important}
  .home-priority-panel .need-card span{display:block!important;font-size:10px!important}
  .home-first-products__head h2,.home-commerce-products-only .section-head h2{font-size:26px!important}
  .home-first-products__grid,.home-commerce-products-only .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .home-first-products .product-card .product-title,.home-commerce-products-only .product-card .product-title{font-size:14px!important}
  .home-first-products .product-card .price,.home-first-products .product-card .product-price,.home-commerce-products-only .product-card .price,.home-commerce-products-only .product-card .product-price{font-size:17px!important}
  .trust-strip{display:flex!important;overflow-x:auto!important;scrollbar-width:none}
  .trust-strip::-webkit-scrollbar{display:none}
  .trust-item{flex:0 0 220px!important}
  .home-commerce-products-only .product-section{margin-top:22px!important;padding-top:18px}
  .home-decision-layout{gap:13px}
  .home-solution-media{min-height:0;aspect-ratio:16/9;border-radius:12px}
  .home-solution-media figcaption{left:13px;bottom:12px}
  .home-solution-media figcaption b{font-size:18px}
  .home-decision-grid{grid-template-columns:1fr!important}
  .home-decision-card{border-right:0!important;border-bottom:1px solid rgba(154,107,48,.14)!important}
  .home-decision-card:nth-child(3){grid-column:auto;border-top:0!important;border-bottom:0!important}
  .home-consult-quote{padding:17px!important}
  .home-consult-copy h2{font-size:24px!important}
  .v710-content .article-grid{display:flex!important;overflow-x:auto!important;gap:9px!important;scrollbar-width:none}
  .v710-content .article-grid::-webkit-scrollbar{display:none}
  .v710-content .v710-article{flex:0 0 270px!important}
  .home-seo-copy h2{font-size:24px!important}
}

/* ===== SOURCE: assets/css/v7111-balanced-top-stage.css ===== */
/* =========================================================
   LamiOffice V7.11.1 — Balanced Top Stage
   Cân đáy 3 cột đầu trang, mở rộng Chọn nhanh, tăng kích thước
   các ô Ưu tiên theo nhu cầu. Chỉ dùng layout/background/border;
   không blur, không zoom ảnh, không animation nặng.
   ========================================================= */

/* Desktop: ba cột kết thúc cùng một đường đáy. */
@media (min-width:1021px){
  .home-top-layout{
    align-items:stretch!important;
  }
  .home-top-main{
    align-self:stretch!important;
    height:100%!important;
  }
  .home-left-quick,
  .home-top-offers,
  .home-priority-panel{
    height:100%!important;
    min-height:0!important;
  }

  /* Trái: thêm lựa chọn và chia đều chiều cao thay vì để khoảng trống. */
  .home-left-quick{
    display:flex!important;
    flex-direction:column!important;
  }
  .home-left-quick .category-list{
    flex:1!important;
    min-height:0!important;
    grid-template-rows:repeat(9,minmax(0,1fr))!important;
  }
  .home-left-quick .category-item{
    min-height:0!important;
    height:100%!important;
    padding:8px 8px!important;
  }

  /* Giữa: panel tự kéo xuống đúng đáy của cột giảm giá. */
  .home-priority-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  .home-intent-intro{
    flex:1 1 auto!important;
    min-height:0!important;
  }
  .home-priority-panel > .section-head{
    flex:0 0 auto!important;
  }
  .home-priority-panel .need-grid{
    flex:0 0 auto!important;
  }

  /* Phải: 5 sản phẩm giảm giá chia đều trong cùng chiều cao. */
  .home-top-offers{
    display:flex!important;
    flex-direction:column!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .home-top-offers .offer-head{flex:0 0 auto!important}
  .home-top-offers .offer-list{
    flex:1!important;
    min-height:0!important;
    grid-template-rows:repeat(5,minmax(0,1fr))!important;
  }
  .home-top-offers .offer-card{
    min-height:0!important;
    height:100%!important;
    align-content:center!important;
  }
}

/* Ưu tiên theo nhu cầu: bốn ô lớn, cùng chiều rộng/cùng chiều cao. */
.home-priority-panel .need-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
}
.home-priority-panel .need-card{
  min-height:104px!important;
  height:100%!important;
  padding:17px 15px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home-priority-panel .need-card b{
  font-size:17px!important;
  line-height:1.15!important;
  margin-bottom:6px!important;
}
.home-priority-panel .need-card span{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.38!important;
}

/* Laptop vẫn giữ ô rõ ràng, không làm chúng teo nhỏ. */
@media (min-width:1021px) and (max-width:1279px){
  .home-priority-panel .need-card{
    min-height:94px!important;
    padding:14px 11px!important;
  }
  .home-priority-panel .need-card b{font-size:15px!important}
  .home-priority-panel .need-card span{
    display:block!important;
    font-size:11px!important;
  }
}

/* Tablet: giảm giá chuyển xuống như bản trước; ưu tiên thành lưới 2x2 cân nhau. */
@media (min-width:761px) and (max-width:1020px){
  .home-priority-panel .need-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:1fr!important;
  }
  .home-priority-panel .need-card{
    min-height:96px!important;
  }
}

/* Mobile: giữ cuộn ngang, nhưng mọi ô có kích thước bằng nhau. */
@media (max-width:760px){
  .home-left-quick .category-item{flex-basis:132px!important}
  .home-priority-panel .need-card{
    flex:0 0 176px!important;
    min-height:86px!important;
    padding:13px 12px!important;
  }
  .home-priority-panel .need-card b{font-size:14px!important}
  .home-priority-panel .need-card span{font-size:10.5px!important}
}

/* =========================================================
   LamiOffice V7.11.2 — Larger Need Cards + 10 Items/Group
   - Mở lớn hơn khối "Ưu tiên theo nhu cầu"
   - Nhóm sản phẩm hiển thị 10 sản phẩm / nhóm, bố cục 5 sản phẩm 1 hàng
   ========================================================= */

.home-priority-panel > .section-head h2{
  font-size:42px!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}
.home-priority-panel > .section-head p{
  font-size:15px!important;
  line-height:1.5!important;
}
.home-priority-panel .need-grid{
  margin-top:14px!important;
}
.home-priority-panel .need-card{
  min-height:132px!important;
  padding:21px 18px 19px!important;
}
.home-priority-panel .need-card b{
  font-size:19px!important;
  margin-bottom:7px!important;
}
.home-priority-panel .need-card span{
  font-size:13.5px!important;
  line-height:1.45!important;
}

@media (min-width:1021px) and (max-width:1279px){
  .home-priority-panel > .section-head h2{font-size:36px!important}
  .home-priority-panel > .section-head p{font-size:14px!important}
  .home-priority-panel .need-card{
    min-height:118px!important;
    padding:18px 14px!important;
  }
  .home-priority-panel .need-card b{font-size:17px!important}
  .home-priority-panel .need-card span{font-size:12px!important}
}

@media (min-width:761px) and (max-width:1020px){
  .home-priority-panel > .section-head h2{font-size:34px!important}
  .home-priority-panel > .section-head p{font-size:14px!important}
  .home-priority-panel .need-card{
    min-height:112px!important;
    padding:17px 14px!important;
  }
  .home-priority-panel .need-card b{font-size:17px!important}
  .home-priority-panel .need-card span{font-size:12px!important}
}

@media (max-width:760px){
  .home-priority-panel > .section-head h2{font-size:30px!important}
  .home-priority-panel > .section-head p{font-size:13px!important}
  .home-priority-panel .need-card{
    flex:0 0 196px!important;
    min-height:96px!important;
    padding:14px 13px!important;
  }
  .home-priority-panel .need-card b{font-size:15px!important}
  .home-priority-panel .need-card span{font-size:11px!important}
}

/* =========================================================
   LamiOffice V7.11.3 — Equal Need Cards
   Khóa 4 ô ưu tiên thành 4 phần bằng nhau. Nội dung dài chỉ xuống dòng,
   không được làm thay đổi độ rộng/chiều cao của từng ô.
   ========================================================= */
@media (min-width:1021px){
  .home-priority-panel .need-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .home-priority-panel .need-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    flex:none!important;
  }
  .home-priority-panel .need-card b,
  .home-priority-panel .need-card span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}

@media (min-width:761px) and (max-width:1020px){
  .home-priority-panel .need-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  .home-priority-panel .need-card{
    width:100%!important;
    min-width:0!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
}

/* ===== SOURCE: assets/css/v7114-trust-featured-equal-needs.css ===== */
/* =========================================================
   LamiOffice V7.11.4 — Trust Before Featured + Equal Needs
   - Khóa 4 ô ưu tiên phủ kín 100% hàng, không còn cột trống do cache/CSS cũ.
   - Dải chính sách đặt ngay trước Sản phẩm nổi bật.
   - Tăng typography dải chính sách cho cân với kích thước ô.
   ========================================================= */

/* 4 ô ưu tiên: luôn phủ kín hàng desktop. */
@media (min-width:1021px){
  .home-priority-panel .need-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .home-priority-panel .need-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    flex:none!important;
  }
}

/* Trust strip: nằm trước sản phẩm nổi bật và đọc rõ hơn. */
.page-shell[data-page="home"] .trust-strip{
  margin-top:20px!important;
  margin-bottom:12px!important;
  padding:11px 8px!important;
  min-height:88px!important;
  align-items:stretch!important;
}
.page-shell[data-page="home"] .trust-item{
  min-width:0!important;
  padding:11px 14px!important;
  align-items:center!important;
  gap:11px!important;
}
.page-shell[data-page="home"] .trust-item strong{
  display:block!important;
  font-size:16.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.page-shell[data-page="home"] .trust-item div>span{
  display:block!important;
  margin-top:4px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
.page-shell[data-page="home"] .trust-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
}
.page-shell[data-page="home"] .trust-icon svg{
  width:18px!important;
  height:18px!important;
}

/* Sản phẩm nổi bật nối liền sau dải tạo niềm tin. */
.page-shell[data-page="home"] .trust-strip + .home-first-products{
  margin-top:18px!important;
}

@media (min-width:761px) and (max-width:1020px){
  .home-priority-panel .need-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .page-shell[data-page="home"] .trust-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-shell[data-page="home"] .trust-item strong{font-size:15.5px!important}
  .page-shell[data-page="home"] .trust-item div>span{font-size:12px!important}
}

@media (max-width:760px){
  .page-shell[data-page="home"] .trust-strip{
    margin-top:14px!important;
    margin-bottom:8px!important;
    padding:7px 4px!important;
    min-height:0!important;
  }
  .page-shell[data-page="home"] .trust-item{
    flex:0 0 235px!important;
    padding:10px 11px!important;
  }
  .page-shell[data-page="home"] .trust-item strong{font-size:14.5px!important}
  .page-shell[data-page="home"] .trust-item div>span{font-size:11.5px!important}
  .page-shell[data-page="home"] .trust-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
}

/* ===== SOURCE: assets/css/v7115-premium-need-cards.css ===== */
/* =========================================================
   LamiOffice V7.11.5 — Premium Need Cards
   4 ô ưu tiên bằng nhau, icon vàng nét mảnh, chữ lớn, ít viền.
   Hover/selected chỉ đổi nền + vạch vàng; không hiện nhãn phụ.
   ========================================================= */
.page-shell[data-page="home"] .home-priority-panel > .section-head{
  margin-bottom:0!important;
}
.page-shell[data-page="home"] .home-priority-panel > .section-head .eyebrow{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.page-shell[data-page="home"] .home-priority-panel > .section-head h2{
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:900!important;
  margin:4px 0 8px!important;
}
.page-shell[data-page="home"] .home-priority-panel > .section-head p{
  font-size:14px!important;
  line-height:1.5!important;
  margin:0!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  margin-top:16px!important;
  border-top:1px solid rgba(154,107,48,.18)!important;
  border-bottom:1px solid rgba(154,107,48,.18)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:150px!important;
  min-height:150px!important;
  padding:18px 18px 17px!important;
  border:0!important;
  border-right:1px solid rgba(154,107,48,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:34px 1fr!important;
  align-content:center!important;
  justify-items:start!important;
  text-align:left!important;
  transform:none!important;
  transition:none!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card:last-child{
  border-right:0!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:0!important;
  height:2px!important;
  background:#b98238!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card::after{
  content:none!important;
  display:none!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card:hover,
.page-shell[data-page="home"] .home-priority-panel .need-card:focus-visible{
  background:rgba(191,142,72,.07)!important;
  outline:none!important;
  box-shadow:none!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card:hover::before,
.page-shell[data-page="home"] .home-priority-panel .need-card:focus-visible::before,
.page-shell[data-page="home"] .home-priority-panel .need-card.selected::before{
  transform:scaleX(1)!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-card.selected{
  background:rgba(191,142,72,.10)!important;
  box-shadow:none!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  color:#a96f2e!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-icon svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-copy{
  display:block!important;
  min-width:0!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-copy b{
  display:block!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:900!important;
  margin:5px 0 7px!important;
  color:var(--text)!important;
}
.page-shell[data-page="home"] .home-priority-panel .need-copy > span{
  display:block!important;
  font-size:13px!important;
  line-height:1.42!important;
  color:#71665d!important;
  max-width:23ch!important;
}

@media (min-width:1021px) and (max-width:1279px){
  .page-shell[data-page="home"] .home-priority-panel > .section-head h2{font-size:31px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-card{height:142px!important;min-height:142px!important;padding:16px 13px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-copy b{font-size:16px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-copy > span{font-size:11.5px!important}
}
@media (min-width:761px) and (max-width:1020px){
  .page-shell[data-page="home"] .home-priority-panel .need-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-shell[data-page="home"] .home-priority-panel .need-card{height:132px!important;min-height:132px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-card:nth-child(2n){border-right:0!important}
  .page-shell[data-page="home"] .home-priority-panel .need-card:nth-child(n+3){border-top:1px solid rgba(154,107,48,.14)!important}
}
@media (max-width:760px){
  .page-shell[data-page="home"] .home-priority-panel > .section-head h2{font-size:29px!important}
  .page-shell[data-page="home"] .home-priority-panel > .section-head p{font-size:13px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:0!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .page-shell[data-page="home"] .home-priority-panel .need-grid::-webkit-scrollbar{display:none!important}
  .page-shell[data-page="home"] .home-priority-panel .need-card{
    flex:0 0 205px!important;
    width:205px!important;
    height:126px!important;
    min-height:126px!important;
    padding:14px!important;
    scroll-snap-align:start!important;
  }
  .page-shell[data-page="home"] .home-priority-panel .need-icon{width:27px!important;height:27px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-icon svg{width:24px!important;height:24px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-copy b{font-size:15px!important;margin:3px 0 5px!important}
  .page-shell[data-page="home"] .home-priority-panel .need-copy > span{font-size:11px!important;line-height:1.35!important}
}

/* ===== SOURCE: assets/css/v7116-soft-product-system.css ===== */
/* =========================================================
   LamiOffice V7.11.6 — Soft Product System
   Warm Luxury Office: mềm, liền mạch, ảnh rõ, hover nhẹ.
   Performance: no blur, no image zoom, no animated shadow/filter.
   ========================================================= */

:root{
  --lo-soft-page:#f5f1e9;
  --lo-soft-card:#faf7f1;
  --lo-soft-media:#f7f3ec;
  --lo-soft-accent:#b8894f;
  --lo-soft-accent-strong:#9f6f34;
  --lo-soft-text:#2b2925;
  --lo-soft-muted:#736b62;
  --lo-soft-line:rgba(139,101,52,.14);
  --lo-soft-line-hover:rgba(161,111,48,.34);
}

/* ---------- Product rhythm ---------- */
.home-first-products,
.home-commerce-products-only{
  scroll-margin-top:130px;
}
.home-commerce-products-only .product-section{
  margin-bottom:32px!important;
}
.home-first-products .section-head,
.home-commerce-products-only .section-head{
  margin-bottom:14px!important;
}
.home-first-products .section-head h2,
.home-commerce-products-only .section-head h2{
  letter-spacing:-.025em!important;
}
.product-grid{
  gap:12px!important;
}

/* ---------- One soft card language everywhere ---------- */
.product-card,
body.marble-ui .product-card,
body.signature-v75 .product-card{
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--lo-soft-line)!important;
  border-radius:16px!important;
  background:rgba(250,247,241,.90)!important;
  box-shadow:0 5px 16px rgba(78,57,31,.035)!important;
  transform:none!important;
  transition:border-color .1s linear,background-color .1s linear!important;
}
.product-card:hover,
.product-card:focus-within,
body.marble-ui .product-card:hover,
body.signature-v75 .product-card:hover{
  transform:none!important;
  border-color:var(--lo-soft-line-hover)!important;
  background:#fcf9f4!important;
  box-shadow:0 5px 16px rgba(78,57,31,.035)!important;
}

/* Image surface gần màu card để ảnh không thành một khung trắng tách biệt. */
.product-card .product-media,
body.marble-ui .product-card .product-media,
body.signature-v75 .product-card .product-media,
.home-commerce .product-card .product-media,
.catalog-main .product-card .product-media{
  aspect-ratio:1.22 / 1!important;
  min-height:0!important;
  margin:5px 5px 0!important;
  border-radius:13px!important;
  border:0!important;
  background:var(--lo-soft-media)!important;
  overflow:hidden!important;
}
.product-card .product-media>a,
.product-card .product-media__link{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.product-card .product-media img,
.product-card .product-media__link img,
body.marble-ui .product-card .product-media img,
body.signature-v75 .product-card .product-media img{
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5.5%!important;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.product-card:hover .product-media img,
.product-card:focus-within .product-media img{
  transform:none!important;
  filter:none!important;
}

/* Quick actions: hiện ngay, nhẹ, không bay/zoom. */
.product-card .card-icons{
  top:10px!important;
  right:10px!important;
  gap:5px!important;
  opacity:.86!important;
  transform:none!important;
  transition:opacity .08s linear!important;
}
.product-card:hover .card-icons,
.product-card:focus-within .card-icons{opacity:1!important;transform:none!important}
.product-card .card-icon{
  width:31px!important;
  height:31px!important;
  border-radius:50%!important;
  border:1px solid rgba(139,101,52,.15)!important;
  background:rgba(250,247,241,.94)!important;
  color:#8d6535!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .08s linear,border-color .08s linear,color .08s linear!important;
}
.product-card .card-icon:hover,
.product-card .card-icon.active{
  background:#f1e5d4!important;
  border-color:rgba(159,111,52,.35)!important;
  color:#825a2d!important;
  transform:none!important;
}

/* ---------- Product information ---------- */
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
}
.product-card .product-meta,
.product-card .fit-line{
  display:none!important;
}
.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  min-height:39px!important;
  margin:0 0 7px!important;
  color:var(--lo-soft-text)!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:820!important;
  letter-spacing:-.012em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  overflow:hidden!important;
}
.product-card .swatches{
  min-height:16px!important;
  margin:0 0 5px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.product-card .swatch{
  width:13px!important;
  height:13px!important;
  border:1px solid rgba(70,55,39,.14)!important;
  box-shadow:none!important;
}
.product-card .price-row,
.product-card .product-price-row{
  min-height:26px!important;
  margin-top:auto!important;
  padding:4px 0 0!important;
  gap:7px!important;
  align-items:baseline!important;
}
.product-card .price,
.product-card .product-price{
  color:#9a672d!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
.product-card .old-price{
  color:#9a9187!important;
  font-size:11px!important;
  line-height:1.1!important;
}

/* ---------- Actions ---------- */
.product-card .card-actions,
.product-card .product-actions{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:6px!important;
}
.product-card .card-actions .btn,
.product-card .product-actions .btn{
  min-height:36px!important;
  border-radius:10px!important;
  padding:7px 8px!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .08s linear,border-color .08s linear,color .08s linear!important;
}
.product-card .card-actions .btn.primary,
.product-card .product-actions .btn.primary{
  border:1px solid #aa783b!important;
  background:#b8894f!important;
  color:#fffaf3!important;
}
.product-card .card-actions .btn.primary:hover,
.product-card .product-actions .btn.primary:hover{
  background:#a9793f!important;
  border-color:#9f6f34!important;
}
.product-card .card-actions .btn.secondary,
.product-card .product-actions .btn.secondary{
  border:1px solid rgba(139,101,52,.18)!important;
  background:rgba(255,253,249,.52)!important;
  color:#74552f!important;
}
.product-card .card-actions .btn.secondary:hover,
.product-card .product-actions .btn.secondary:hover{
  background:#f1e5d4!important;
  border-color:rgba(139,101,52,.30)!important;
}

/* Viewed giữ nhỏ hơn card chính như yêu cầu trước. */
.home-viewed-compact .product-card .product-media{aspect-ratio:1.34 / 1!important}
.home-viewed-compact .product-card .product-title{font-size:12.5px!important;min-height:31px!important}
.home-viewed-compact .product-card .price,
.home-viewed-compact .product-card .product-price{font-size:15px!important}
.home-viewed-compact .product-card .card-actions .btn{min-height:31px!important;font-size:9.8px!important}

/* ---------- Responsive product columns ---------- */
@media (min-width:1280px){
  .home-first-products__grid,
  .home-commerce-products-only .product-grid,
  .catalog-main .product-grid,
  .filters-collapsed .catalog-main .product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media (min-width:1021px) and (max-width:1279px){
  .home-first-products__grid,
  .home-commerce-products-only .product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .product-card .product-title{font-size:15px!important}
  .product-card .price,.product-card .product-price{font-size:18px!important}
}
@media (min-width:761px) and (max-width:1020px){
  .home-first-products__grid,
  .home-commerce-products-only .product-grid,
  .catalog-main .product-grid,
  .filters-collapsed .catalog-main .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  .home-first-products__grid,
  .home-commerce-products-only .product-grid,
  .catalog-main .product-grid,
  .filters-collapsed .catalog-main .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .product-card,.product-card:hover{border-radius:13px!important;transform:none!important}
  .product-card .product-media{margin:4px 4px 0!important;border-radius:10px!important;aspect-ratio:1.10 / 1!important}
  .product-card .product-media img{padding:4%!important}
  .product-card .product-body{padding:8px 9px 9px!important}
  .product-card .product-title{font-size:13.5px!important;min-height:33px!important;margin-bottom:5px!important}
  .product-card .price,.product-card .product-price{font-size:16.5px!important}
  .product-card .old-price{font-size:9.5px!important}
  .product-card .card-actions,.product-card .product-actions{grid-template-columns:1fr!important;margin-top:7px!important}
  .product-card .card-actions .btn,.product-card .product-actions .btn{min-height:34px!important;font-size:10px!important}
  .product-card .card-actions .btn.secondary,.product-card .product-actions .btn.secondary{display:none!important}
  .product-card .card-icon{width:28px!important;height:28px!important}
}

/* =========================================================
   Floating actions — vòng ngoài xoay, icon đứng yên.
   ========================================================= */
@keyframes lo-v7116-ring-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.floating-contact .float-btn{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  color:#9a6d36!important;
  background:#fbf7ef!important;
  border:1px solid rgba(151,107,51,.20)!important;
  box-shadow:0 6px 16px rgba(80,58,31,.10)!important;
  transform:none!important;
  transition:background-color .09s linear,border-color .09s linear!important;
}
.floating-contact .float-btn:hover{
  transform:none!important;
  background:#f5ebdc!important;
  border-color:rgba(151,107,51,.34)!important;
  box-shadow:0 6px 16px rgba(80,58,31,.10)!important;
}
.floating-contact .float-symbol{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:2!important;
  pointer-events:none!important;
  transform:none!important;
}
.floating-contact .float-symbol svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform:none!important;
}
.floating-contact .float-symbol-z{
  font:800 17px/1 Arial,sans-serif!important;
  letter-spacing:-.04em!important;
}
.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn.float-cart-action::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  border-radius:50%!important;
  padding:1.4px!important;
  border:0!important;
  background:conic-gradient(from 0deg,transparent 0 252deg,rgba(178,130,68,.16) 274deg,#b57d39 300deg,#f1d9a3 319deg,transparent 347deg 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
  animation:lo-v7116-ring-spin 7.2s linear infinite!important;
}
.floating-contact .float-zalo-action:nth-child(2)::before{animation-duration:8s!important;animation-delay:-2.4s!important}
.floating-contact .float-call-action::before{animation-duration:8.6s!important;animation-delay:-3.1s!important}
.floating-contact .float-cart-action::before{animation-duration:9.2s!important;animation-delay:-1.7s!important}
.floating-contact .to-top::before{display:none!important;animation:none!important}
.floating-contact .to-top .float-symbol{transform:none!important}

@media (prefers-reduced-motion:reduce){
  .floating-contact .float-btn.float-contact-action::before,
  .floating-contact .float-btn.float-cart-action::before{
    animation-name:lo-v7116-ring-spin!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
  }
}

/* ===== SOURCE: assets/css/v7117-full-background-hero.css ===== */
/* =========================================================
   LamiOffice V7.11.7 — Full Background Hero
   Bỏ Chọn nhanh. Ảnh văn phòng phủ toàn hero và chìm sau chữ.
   Không blur/backdrop-filter, không zoom, không hiệu ứng nặng.
   ========================================================= */

/* Hero full-width: ảnh là không gian, chữ nằm trực tiếp trên ảnh. */
.home-hero-full{
  position:relative!important;
  isolation:isolate;
  min-height:560px;
  margin:0!important;
  padding:58px 54px 52px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  border:1px solid rgba(154,107,48,.20);
  border-radius:22px;
  background-image:
    linear-gradient(90deg,rgba(22,17,13,.88) 0%,rgba(28,21,16,.72) 43%,rgba(28,21,16,.28) 72%,rgba(28,21,16,.16) 100%),
    linear-gradient(180deg,rgba(21,16,12,.08) 48%,rgba(21,16,12,.48) 100%),
    url('../images/marble-preview/hero-office.jpg');
  background-size:cover;
  background-position:center 43%;
  background-repeat:no-repeat;
  box-shadow:none!important;
}
.home-hero-full::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,178,112,.58),transparent);
}
.home-hero-content{
  width:min(760px,68%);
  position:relative;
  z-index:1;
  color:#fff8ed;
}
.home-hero-full .eyebrow{
  margin:0 0 10px!important;
  color:#e2bd7d!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  text-shadow:0 1px 8px rgba(0,0,0,.30);
}
.page-shell[data-page="home"] .home-hero-full h1{
  max-width:760px;
  margin:0!important;
  color:#fff9ef!important;
  font-size:clamp(44px,4.35vw,64px)!important;
  line-height:.99!important;
  letter-spacing:-.047em!important;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.home-hero-full p{
  max-width:680px;
  margin:18px 0 0!important;
  color:rgba(255,248,237,.88)!important;
  font-size:17px!important;
  line-height:1.62!important;
  font-weight:560;
  text-shadow:0 1px 10px rgba(0,0,0,.25);
}
.home-hero-full .home-intent-actions{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:10px!important;
  margin-top:24px!important;
}
.home-hero-full .home-intent-consult{
  min-height:46px!important;
  padding:0 20px!important;
  border:1px solid #d2a965!important;
  border-radius:11px!important;
  background:#b8894f!important;
  color:#fffaf2!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
  transform:none!important;
}
.home-hero-full .home-intent-consult:hover{background:#a9793f!important;transform:none!important}
.home-hero-product-link{
  min-height:46px;
  padding:0 17px;
  border:1px solid rgba(255,245,230,.34);
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff8ed!important;
  background:rgba(24,18,14,.28);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  transition:background-color .1s linear,border-color .1s linear;
}
.home-hero-product-link:hover{background:rgba(255,248,237,.10);border-color:rgba(226,189,125,.66)}
.home-hero-caption{
  margin-top:19px;
  color:rgba(255,248,237,.64);
  font-size:11px;
  font-weight:650;
  letter-spacing:.025em;
}

/* Ưu tiên nằm ngay sau hero, full chiều ngang và hòa cùng nền trang. */
.home-priority-full{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin-top:12px!important;
  padding:21px 22px 19px!important;
  border-radius:18px!important;
  border-color:rgba(154,107,48,.14)!important;
  background:rgba(255,251,246,.72)!important;
  box-shadow:none!important;
}
.home-priority-full>.section-head{margin-bottom:12px!important}
.page-shell[data-page="home"] .home-priority-full>.section-head h2{
  font-size:clamp(30px,2.35vw,38px)!important;
  margin:2px 0 5px!important;
}
.home-priority-full>.section-head p{margin:0!important;font-size:14px!important}
.home-priority-full .need-grid{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-columns:minmax(0,1fr)!important;
}
.home-priority-full .need-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:128px!important;
}

/* Ưu đãi từ sidebar thành một dải ngang, giữ nội dung nhưng không phá hero. */
.home-offers-horizontal{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin-top:12px!important;
  padding:15px 16px 16px!important;
  overflow:visible!important;
  border-radius:17px!important;
  border-color:rgba(154,107,48,.13)!important;
  background:rgba(255,251,246,.68)!important;
  box-shadow:none!important;
}
.home-offers-horizontal .offer-head{
  margin:0 0 10px!important;
  padding:0 2px 9px!important;
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid rgba(154,107,48,.13)!important;
}
.home-offers-horizontal .offer-head .eyebrow{font-size:9px!important}
.home-offers-horizontal .offer-head h3{margin:2px 0 0!important;font-size:22px!important;font-weight:900!important}
.home-offers-horizontal .offer-head .link-arrow{font-size:12px!important}
.home-offers-horizontal .offer-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:8px!important;
  background:transparent!important;
}
.home-offers-horizontal .offer-card{
  min-width:0!important;
  height:auto!important;
  min-height:94px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(154,107,48,.12)!important;
  border-radius:12px!important;
  background:rgba(250,247,241,.72)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .09s linear,border-color .09s linear!important;
}
.home-offers-horizontal .offer-card:hover,
.home-offers-horizontal .offer-card:focus-visible{
  background:#fcf8f2!important;
  border-color:rgba(169,113,47,.28)!important;
  box-shadow:none!important;
  transform:none!important;
}
.home-offers-horizontal .offer-card>img{
  width:76px!important;
  height:74px!important;
  padding:4px!important;
  border-radius:10px!important;
  object-fit:contain!important;
  background:#f7f3ec!important;
}
.home-offers-horizontal .offer-card h4{
  margin:0 0 4px!important;
  font-size:12px!important;
  line-height:1.26!important;
  font-weight:850!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.home-offers-horizontal .offer-price{font-size:14px!important;font-weight:900!important}
.home-offers-horizontal .offer-old{font-size:9.5px!important}
.home-offers-horizontal .offer-badge{top:5px!important;left:5px!important}
.home-offers-horizontal .offer-peek{display:none!important}

/* Trust dính gần nhóm sản phẩm nổi bật hơn. */
.page-shell[data-page="home"] .home-offers-horizontal + .trust-strip{margin-top:12px!important}
.page-shell[data-page="home"] .trust-strip + .home-first-products{margin-top:20px!important}

@media(max-width:1279px){
  .home-hero-full{min-height:500px;padding:48px 42px 44px;background-position:center 42%}
  .home-hero-content{width:min(690px,74%)}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:clamp(40px,4vw,52px)!important}
  .home-hero-full p{font-size:15px!important}
  .home-offers-horizontal .offer-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .home-offers-horizontal .offer-card{grid-template-columns:58px minmax(0,1fr)!important;padding:7px!important}
  .home-offers-horizontal .offer-card>img{width:58px!important;height:62px!important}
  .home-offers-horizontal .offer-card h4{font-size:11px!important}
  .home-offers-horizontal .offer-price{font-size:12.5px!important}
}

@media(max-width:1020px){
  .home-hero-full{min-height:470px;padding:42px 34px 38px;background-position:58% center}
  .home-hero-content{width:min(650px,82%)}
  .home-priority-full .need-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-priority-full .need-card{min-height:112px!important}
  .home-offers-horizontal .offer-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-offers-horizontal .offer-card:nth-child(n+4){min-height:88px!important}
}

@media(max-width:760px){
  .home-hero-full{
    min-height:430px;
    padding:32px 22px 28px;
    align-items:flex-end;
    border-radius:16px;
    background-image:
      linear-gradient(90deg,rgba(20,15,12,.86) 0%,rgba(24,18,14,.68) 62%,rgba(24,18,14,.38) 100%),
      linear-gradient(180deg,rgba(20,15,12,.16) 30%,rgba(20,15,12,.67) 100%),
      url('../images/marble-preview/hero-office.jpg');
    background-position:58% center;
  }
  .home-hero-content{width:100%}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:34px!important;line-height:1.01!important}
  .home-hero-full p{margin-top:13px!important;font-size:13px!important;line-height:1.52!important}
  .home-hero-full .home-intent-actions{margin-top:18px!important}
  .home-hero-full .home-intent-consult,.home-hero-product-link{min-height:42px!important;font-size:12px!important}
  .home-hero-caption{display:none}
  .home-priority-full{margin-top:8px!important;padding:14px 12px 12px!important;border-radius:14px!important}
  .page-shell[data-page="home"] .home-priority-full>.section-head h2{font-size:25px!important}
  .home-priority-full>.section-head p{font-size:12px!important}
  .home-priority-full .need-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:0!important;
    scrollbar-width:none;
  }
  .home-priority-full .need-grid::-webkit-scrollbar{display:none}
  .home-priority-full .need-card{flex:0 0 190px!important;min-height:102px!important}
  .home-offers-horizontal{margin-top:8px!important;padding:12px!important;border-radius:14px!important}
  .home-offers-horizontal .offer-head h3{font-size:19px!important}
  .home-offers-horizontal .offer-list{display:flex!important;overflow-x:auto!important;gap:7px!important;scrollbar-width:none}
  .home-offers-horizontal .offer-list::-webkit-scrollbar{display:none}
  .home-offers-horizontal .offer-card{flex:0 0 176px!important;grid-template-columns:62px minmax(0,1fr)!important;min-height:84px!important}
  .home-offers-horizontal .offer-card>img{width:62px!important;height:66px!important}
}

@media(max-width:430px){
  .home-hero-full{min-height:400px;padding:26px 17px 22px;background-position:62% center}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:31px!important}
  .home-hero-full .home-intent-actions{gap:7px!important}
  .home-hero-full .home-intent-consult,.home-hero-product-link{padding-inline:13px!important}
}

/* ===== SOURCE: assets/css/v7118-seo-focus-hero.css ===== */
/* =========================================================
   LamiOffice V7.11.8 — SEO Focus Hero
   Ảnh hero vẫn full, nhưng chỉ vùng chữ được làm chìm để đọc rõ.
   Phần ảnh bên phải giữ nguyên độ rõ để nội thất có không gian "thở".
   Không blur, không filter, không zoom.
   ========================================================= */

.home-hero-full{
  /* Chỉ giữ ảnh thật ở lớp nền. Phần làm chìm được tách sang pseudo-element. */
  background-image:url('../images/marble-preview/hero-office.jpg')!important;
  background-size:cover!important;
  background-position:center 43%!important;
  background-repeat:no-repeat!important;
  align-items:center!important;
}

/* Vùng tối chỉ nằm sau nội dung bên trái và tan dần trước khu ảnh rõ. */
.home-hero-full::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 auto 0 0;
  width:68%;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(18,13,10,.91) 0%,
    rgba(20,15,11,.86) 26%,
    rgba(22,16,12,.72) 53%,
    rgba(22,16,12,.36) 76%,
    rgba(22,16,12,0) 100%
  );
}

/* Chỉ tạo một dải rất nhẹ ở đáy, không phủ tối toàn bộ ảnh. */
.home-hero-full::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:auto 0 0;
  height:25%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(18,13,10,.16));
}

.home-hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(690px,54%)!important;
  padding-right:18px;
}

.page-shell[data-page="home"] .home-hero-full h1{
  max-width:680px!important;
  font-size:clamp(43px,4.05vw,61px)!important;
  line-height:1.01!important;
  letter-spacing:-.043em!important;
  text-wrap:balance;
}

.home-hero-full p{
  max-width:650px!important;
  margin-top:17px!important;
  font-size:16px!important;
  line-height:1.62!important;
  color:rgba(255,248,237,.90)!important;
}
.home-hero-full p strong{
  color:#fffaf2!important;
  font-weight:760!important;
}

/* Liên kết danh mục là nội dung nhìn thấy thật, đồng thời tạo internal link SEO. */
.home-hero-category-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 9px;
  margin-top:15px;
}
.home-hero-category-links a{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(226,189,125,.29);
  border-radius:999px;
  background:rgba(19,14,10,.20);
  color:rgba(255,249,239,.86)!important;
  font-size:11px;
  font-weight:760;
  text-decoration:none;
  transition:background-color .1s linear,border-color .1s linear,color .1s linear;
}
.home-hero-category-links a:hover,
.home-hero-category-links a:focus-visible{
  background:rgba(184,137,79,.20);
  border-color:rgba(226,189,125,.58);
  color:#fffaf2!important;
}

.home-hero-full .home-intent-actions{margin-top:19px!important}
.home-hero-caption{margin-top:15px!important}

/* Màn hình laptop: vẫn chừa gần nửa hero để nhìn ảnh rõ. */
@media(max-width:1279px){
  .home-hero-full::before{width:73%}
  .home-hero-content{width:min(650px,59%)!important}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:clamp(39px,3.9vw,51px)!important}
  .home-hero-full p{font-size:14.5px!important}
}

/* Tablet: ảnh vẫn còn vùng rõ bên phải nhưng overlay rộng hơn để giữ tương phản chữ. */
@media(max-width:1020px){
  .home-hero-full{background-position:58% center!important}
  .home-hero-full::before{width:84%}
  .home-hero-content{width:min(620px,72%)!important}
  .home-hero-category-links{gap:6px}
  .home-hero-category-links a{font-size:10.5px;padding-inline:9px}
}

/* Mobile không đủ chỗ chia trái/phải: chuyển overlay theo chiều dọc quanh vùng chữ. */
@media(max-width:760px){
  .home-hero-full{
    align-items:flex-end!important;
    background-position:61% center!important;
  }
  .home-hero-full::before{
    inset:auto 0 0 0;
    width:100%;
    height:88%;
    background:linear-gradient(
      180deg,
      rgba(18,13,10,0) 0%,
      rgba(18,13,10,.34) 20%,
      rgba(18,13,10,.78) 53%,
      rgba(18,13,10,.93) 100%
    );
  }
  .home-hero-content{width:100%!important;padding-right:0}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:33px!important}
  .home-hero-full p{font-size:13px!important;line-height:1.53!important}
  .home-hero-category-links{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:1px;
  }
  .home-hero-category-links::-webkit-scrollbar{display:none}
  .home-hero-category-links a{flex:0 0 auto}
}

@media(max-width:430px){
  .page-shell[data-page="home"] .home-hero-full h1{font-size:30px!important}
  .home-hero-category-links a{min-height:28px;font-size:10px}
}

/* ===== SOURCE: assets/css/v7119-lami-ecosystem-contact-icons.css ===== */
/* =========================================================
   LamiOffice V7.11.9 — Lami Ecosystem + Contact Icons
   - Topbar: LamiHome / LamiMEP
   - Floating: icon Zalo dạng chat + icon gọi rõ ràng
   ========================================================= */

/* Hệ sinh thái Lami ở topbar: một hàng, không tăng chiều cao header. */
.lami-network{
  gap:0!important;
  white-space:nowrap;
}
.lami-network__label{
  margin-right:8px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#9a6b35;
}
.lami-network__link{
  display:inline-flex!important;
  align-items:baseline;
  gap:5px;
  min-height:24px;
  padding:3px 9px!important;
  border-left:1px solid rgba(151,107,51,.18);
  color:#665b50!important;
  text-decoration:none!important;
}
.lami-network__link strong{
  font-size:11px;
  font-weight:850;
  color:#6f4c27;
  letter-spacing:-.01em;
}
.lami-network__desc{
  font-size:10px;
  color:#81766c;
}
.lami-network__link:hover strong,
.lami-network__link:focus-visible strong{
  color:#a46f31;
}
.lami-network__link:focus-visible{
  outline:1px solid rgba(164,111,49,.42);
  outline-offset:1px;
}

/* Zalo: dùng icon chat nét mảnh thay chữ Z rời. */
.floating-contact .float-symbol-z{
  font:inherit!important;
  letter-spacing:normal!important;
}
.floating-contact .float-symbol-z svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.floating-contact .float-zalo-action,
.floating-contact .float-call-action{
  color:#98682f!important;
}

@media (max-width:1279px) and (min-width:1021px){
  .lami-network__desc{display:none}
  .lami-network__link{padding-inline:8px!important}
}

/* ===== SOURCE: assets/css/v71110-visible-contact-icons.css ===== */
/* =========================================================
   LamiOffice V7.11.10 — Visible Zalo + Call Icons
   - Zalo dùng badge xanh dễ nhận diện
   - Gọi dùng handset nét rõ
   - Icon giữa đứng yên; vòng ngoài tiếp tục xoay
   ========================================================= */

/* Đảm bảo icon luôn nằm trên lớp vòng xoay. */
.floating-contact .float-symbol{
  position:relative!important;
  z-index:3!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Zalo: dùng badge brand rõ thay icon chat quá mảnh. */
.floating-contact .float-zalo-action .float-symbol-z svg{
  display:none!important;
}
.floating-contact .float-zalo-action .float-symbol-z::before{
  content:"Zalo"!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#0068ff!important;
  color:#fff!important;
  font:800 8px/1 Arial,sans-serif!important;
  letter-spacing:-.25px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)!important;
  transform:none!important;
}
.floating-contact .float-zalo-action{
  background:#f7fbff!important;
  border-color:rgba(0,104,255,.22)!important;
}
.floating-contact .float-zalo-action:hover{
  background:#eef6ff!important;
  border-color:rgba(0,104,255,.38)!important;
}

/* Gọi: handset lớn hơn và tương phản rõ. */
.floating-contact .float-call-action .float-symbol svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#98682f!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.floating-contact .float-call-action{
  background:#fffaf1!important;
  border-color:rgba(152,104,47,.28)!important;
}
.floating-contact .float-call-action:hover{
  background:#f7ecdc!important;
  border-color:rgba(152,104,47,.42)!important;
}

/* Giữ vòng ngoài ở sau icon. */
.floating-contact .float-btn.float-contact-action::before,
.floating-contact .float-btn.float-cart-action::before{
  z-index:1!important;
}

/* Không xoay phần icon giữa. */
.floating-contact .float-zalo-action .float-symbol-z::before,
.floating-contact .float-call-action .float-symbol,
.floating-contact .float-call-action .float-symbol svg{
  animation:none!important;
  transform:none!important;
}

/* ===== SOURCE: assets/css/v71112-zalo-gold-tone.css ===== */
/* =========================================================
   LamiOffice V7.11.12 — Zalo Gold Tone
   Đồng bộ màu icon/nút Zalo với nút Gọi.
   Giữ nhận diện chữ Zalo nhưng bỏ xanh brand ở floating cluster.
   ========================================================= */

.floating-contact .float-zalo-action{
  background:#fffaf1!important;
  border-color:rgba(152,104,47,.28)!important;
  color:#98682f!important;
}

.floating-contact .float-zalo-action:hover{
  background:#f7ecdc!important;
  border-color:rgba(152,104,47,.42)!important;
}

.floating-contact .float-zalo-action .float-symbol-z::before{
  background:#98682f!important;
  color:#fffaf1!important;
  box-shadow:inset 0 0 0 1px rgba(255,250,241,.38)!important;
}

/* Zalo + Gọi dùng cùng ngôn ngữ thị giác. */
.floating-contact .float-zalo-action .float-symbol,
.floating-contact .float-call-action .float-symbol{
  width:26px!important;
  height:26px!important;
}

/* ===== SOURCE: assets/css/v71115-product-readable-type.css ===== */
/* =========================================================
   LamiOffice V7.11.15 — Product Readable Type
   - Cột thông tin sản phẩm bên phải rõ và lớn hơn
   - Typography tab mô tả / thông số sẵn sàng cho nội dung dài
   - Siết khoảng chữ ở các tiêu đề lớn cần độ chắc
   ========================================================= */

/* Tiêu đề lớn: chữ sát và chắc hơn, tránh cảm giác rời chữ. */
.home-decision-content .home-compact-head h2{
  letter-spacing:-.05em!important;
  word-spacing:-.055em!important;
  line-height:1.03!important;
}

/* ===== Trang chi tiết sản phẩm — cột phải ===== */
@media (min-width:1021px){
  .detail-info{
    padding:24px!important;
  }
  .detail-info h1{
    font-size:clamp(34px,2.8vw,46px)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    margin:8px 0 12px!important;
  }
  .detail-sku{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  .detail-price{
    margin:12px 0 14px!important;
  }
  .detail-price .price{
    font-size:clamp(32px,2.6vw,40px)!important;
    line-height:1!important;
  }
  .detail-price .old-price{
    font-size:15px!important;
  }
  .v79-product-status{
    gap:9px 13px!important;
    margin:0 0 14px!important;
  }
  .stock-chip,
  .v79-product-status .muted{
    font-size:12.5px!important;
  }
  .stock-chip{
    min-height:31px!important;
    padding:6px 11px!important;
  }
  .detail-description{
    font-size:16.5px!important;
    line-height:1.58!important;
    margin:12px 0!important;
  }
  .detail-info .fit-line{
    font-size:14.5px!important;
    line-height:1.5!important;
  }
  .variant-block{
    margin:18px 0!important;
  }
  .variant-block h3{
    font-size:13.5px!important;
    line-height:1.35!important;
    margin-bottom:9px!important;
  }
  .variant-btn{
    font-size:13.5px!important;
    min-height:40px!important;
    padding:9px 13px!important;
  }
  .qty-control button,
  .qty-control input{
    width:44px!important;
    height:46px!important;
    font-size:15px!important;
  }
  .detail-actions.v79-detail-actions{
    gap:9px!important;
  }
  .detail-actions .btn{
    min-height:50px!important;
    font-size:14.5px!important;
  }
  .v79-purchase-note{
    font-size:13px!important;
    line-height:1.48!important;
  }
  .v79-purchase-note strong,
  .v79-purchase-note span{
    font-size:inherit!important;
  }
  .trust-box{
    gap:8px!important;
    padding:13px!important;
  }
  .trust-box button{
    min-height:42px!important;
    padding:8px 9px!important;
    font-size:12.5px!important;
    line-height:1.4!important;
  }
  .detail-info > p.muted:last-of-type{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
}

/* ===== Khu mô tả / thông số — sẵn sàng cho nội dung dài ===== */
.tabs{
  overflow:hidden;
}
.tab-buttons{
  gap:10px!important;
  padding:10px 10px 9px!important;
}
.tab-btn{
  font-size:15px!important;
  min-height:44px!important;
  padding:10px 15px!important;
}
.tab-panel{
  padding:26px 18px!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.tab-panel p,
.tab-panel li{
  font-size:inherit!important;
  line-height:inherit!important;
}
.tab-panel h2{
  font-size:26px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  margin:24px 0 10px!important;
}
.tab-panel h3{
  font-size:20px!important;
  line-height:1.25!important;
  margin:20px 0 8px!important;
}
.spec-table td{
  padding:14px 13px!important;
  font-size:15px!important;
  line-height:1.45!important;
  vertical-align:top!important;
}
.spec-table td:first-child{
  width:34%!important;
  font-weight:750!important;
}

@media (max-width:1020px){
  .detail-info h1{
    font-size:clamp(30px,5vw,38px)!important;
    letter-spacing:-.04em!important;
  }
  .detail-price .price{font-size:31px!important}
  .detail-description{font-size:15.5px!important;line-height:1.55!important}
  .variant-block h3{font-size:13px!important}
  .variant-btn{font-size:13px!important}
  .detail-actions .btn{font-size:14px!important}
  .tab-panel{padding:22px 14px!important;font-size:15px!important}
  .spec-table td{font-size:14px!important;padding:12px 10px!important}
}

@media (max-width:760px){
  .home-decision-content .home-compact-head h2{
    letter-spacing:-.04em!important;
    word-spacing:-.035em!important;
  }
  .detail-info h1{font-size:32px!important}
  .detail-price .price{font-size:29px!important}
  .tab-btn{font-size:14px!important;padding:9px 12px!important}
  .tab-panel{font-size:14.5px!important;line-height:1.65!important}
  .spec-table td:first-child{width:40%!important}
}

/* ===== SOURCE: assets/css/v71117-auto-seo-line.css ===== */
/* =========================================================
   LamiOffice V7.11.17 — Automatic SEO / need tagline
   ========================================================= */
.product-card .fit-line{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  min-height:34px!important;
  margin:0 0 7px!important;
  color:#746a5f!important;
  font-size:11.5px!important;
  line-height:1.38!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
}
.product-card .fit-line::first-letter{color:var(--gold-2)}

/* Sản phẩm vừa xem vẫn giữ compact như bản đã chốt. */
.home-viewed-compact .product-card .fit-line{
  display:none!important;
}

/* 5 card/hàng: giữ câu SEO gọn, không làm card phình quá nhiều. */
@media (min-width:1280px){
  .page-shell[data-page="home"] .product-card .fit-line,
  .page-shell[data-page="catalog"] .product-card .fit-line{
    font-size:11px!important;
    min-height:31px!important;
  }
}
@media (max-width:760px){
  .product-card .fit-line{
    font-size:11px!important;
    min-height:31px!important;
  }
}

/* ===== SOURCE: assets/css/v71124-global-desktop-100.css ===== */
/* =========================================================
   LamiOffice V7.11.24 — Global Desktop 100% Baseline
   Mục tiêu: mọi trang public giữ cùng một tỷ lệ desktop ở browser zoom 100%.
   - Khung nội dung theo tỷ lệ ảnh chuẩn: rộng, thoáng, không bị bó giữa màn hình.
   - Desktop 1366 / 1440 / 1536 / 1600 / 1920 tự co giãn bằng CSS.
   - Không dùng CSS zoom/transform để giả tỷ lệ.
   - Tablet/mobile giữ responsive hiện có.
   ========================================================= */

:root{
  --lo-desktop-max:1680px;
  --lo-desktop-cut:clamp(72px,8.4vw,144px);
}

/* ===== Public desktop baseline ===== */
@media (min-width:1200px){
  :root{
    --container:1680px!important;
  }

  /* Một chuẩn lề cho header, nav và nội dung của tất cả trang. */
  body .container,
  body.signature-v75 .container{
    width:min(var(--lo-desktop-max),calc(100% - var(--lo-desktop-cut)))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  body .container--wide{
    width:min(var(--lo-desktop-max),calc(100% - var(--lo-desktop-cut)))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  /* Nội dung dài vẫn có cột đọc riêng; không kéo text thành một dòng quá dài. */
  body .container--narrow{
    width:min(1080px,calc(100% - var(--lo-desktop-cut)))!important;
    margin-inline:auto!important;
  }

  /* Header co linh hoạt ở 100% zoom, không cần thu nhỏ trình duyệt. */
  .header-main .container{
    grid-template-columns:clamp(150px,11vw,210px) minmax(280px,1fr) auto!important;
    gap:clamp(10px,1.15vw,20px)!important;
  }
  .brand img{
    width:clamp(142px,10vw,178px)!important;
    height:auto!important;
    max-height:48px!important;
  }
  .desktop-search{min-width:0!important}
  .header-actions{gap:clamp(5px,.55vw,9px)!important;white-space:nowrap}
  .main-nav .container{gap:clamp(3px,.42vw,7px)!important}
  .nav-link{padding-inline:clamp(9px,.72vw,14px)!important}

  /* Cùng nhịp khoảng trống đầu/cuối trang ở mọi template. */
  .page-shell{
    padding-top:clamp(18px,1.35vw,26px)!important;
    padding-bottom:clamp(54px,4vw,76px)!important;
  }
  .page-heading{margin-bottom:clamp(16px,1.25vw,24px)!important}
  .section{margin-top:clamp(28px,2.4vw,44px)!important}

  /* Typography desktop: rõ ở 100%, không phóng bằng zoom. */
  .page-heading h1{
    font-size:clamp(34px,2.6vw,50px)!important;
    line-height:1.04!important;
  }
  .section-head h2{
    font-size:clamp(28px,2vw,40px)!important;
    line-height:1.06!important;
  }
  .page-heading p,
  .section-head p{
    font-size:clamp(14px,.95vw,17px)!important;
    line-height:1.6!important;
  }

  /* Trang chủ lấy tỷ lệ ảnh người dùng chốt làm chuẩn desktop. */
  .page-shell[data-page="home"] .home-hero-full{
    min-height:clamp(500px,33vw,620px)!important;
    border-radius:clamp(20px,1.45vw,28px)!important;
    padding:clamp(44px,3vw,60px)!important;
  }
  .page-shell[data-page="home"] .home-hero-content{
    width:min(700px,48%)!important;
    padding-right:12px!important;
  }
  .page-shell[data-page="home"] .home-hero-full h1{
    font-size:clamp(46px,3.75vw,68px)!important;
    line-height:.99!important;
  }
  .page-shell[data-page="home"] .home-hero-full p{
    font-size:clamp(15px,1vw,18px)!important;
    line-height:1.58!important;
  }

  /* Card/grid giữ cảm giác rộng giống trang chủ, nhưng không phá template riêng. */
  .product-grid{gap:clamp(12px,1vw,18px)!important}

  /* Các khối panel dùng cùng độ bo và nhịp nền trên desktop. */
  .panel{border-radius:clamp(15px,1.05vw,20px)!important}
}

/* 1200–1399: vẫn là desktop 100%, chỉ thu header/action để không tràn. */
@media (min-width:1200px) and (max-width:1399px){
  :root{--lo-desktop-cut:clamp(48px,6vw,82px)}
  .header-main .container{
    grid-template-columns:150px minmax(260px,1fr) auto!important;
    gap:10px!important;
  }
  .brand img{width:142px!important}
  .header-actions{gap:4px!important}
  .header-actions .icon-btn{padding-inline:8px!important;gap:5px!important}
  .header-actions .icon-btn .label{font-size:11px!important}
  .mode-switch button{padding-inline:8px!important;font-size:11px!important}
  .header-consult-btn{padding-inline:10px!important}
  .nav-link{font-size:12px!important;padding-inline:9px!important}

  .page-shell[data-page="home"] .home-hero-full{
    min-height:500px!important;
    padding:42px 38px!important;
  }
  .page-shell[data-page="home"] .home-hero-content{width:min(610px,52%)!important}
  .page-shell[data-page="home"] .home-hero-full h1{font-size:clamp(40px,3.7vw,52px)!important}
}

/* 1400–1599: tỷ lệ trung gian, giữ đúng cảm giác của ảnh chuẩn. */
@media (min-width:1400px) and (max-width:1599px){
  :root{--lo-desktop-cut:clamp(84px,7.6vw,122px)}
}

/* Desktop rất rộng: dừng nội dung ở 1680 để không bị kéo loãng trên 2K/4K. */
@media (min-width:1920px){
  :root{--lo-desktop-cut:144px}
  .page-shell[data-page="home"] .home-hero-full{min-height:620px!important}
}

/* Dưới 1200px quay về responsive hiện có của project. */
@media (max-width:1199px){
  :root{--lo-desktop-cut:0px}
}

/* ===== SOURCE: assets/css/v712-sales-ready.css ===== */
/* LamiOffice V7.12 — Sales Ready final preview layer */
.v712-attribute-strip{margin:14px 0 4px;padding:14px 15px;border:1px solid rgba(172,136,70,.22);border-radius:16px;background:rgba(255,252,246,.66)}
.v712-attribute-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8c6a32;margin-bottom:9px}
.v712-attribute-list{display:flex;flex-wrap:wrap;gap:8px}
.v712-attribute-chip{display:flex;flex-direction:column;gap:2px;min-width:130px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.64);border:1px solid rgba(119,91,45,.12)}
.v712-attribute-chip small{font-size:11px;color:#7d756a}.v712-attribute-chip strong{font-size:13px;color:#2a251f;line-height:1.3}
.product-choice-btn.is-recommended{border-color:rgba(176,135,58,.72)!important;background:rgba(232,214,177,.34)!important;box-shadow:inset 0 -2px 0 rgba(170,128,49,.42)}
.product-choice-btn.is-recommended::after{content:"Phù hợp";display:block;margin-top:3px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#8a6529;font-weight:800}
.v712-business-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 2px;padding:12px 14px;border-radius:14px;border:1px solid rgba(169,128,54,.28);background:linear-gradient(90deg,rgba(255,251,241,.9),rgba(245,233,207,.55));color:#2f2921;text-decoration:none}
.v712-business-quote strong{font-size:13px}.v712-business-quote span{font-size:12px;font-weight:800;color:#8b672b}
.v712-checkout-mode{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:4px;padding:15px 16px;border-radius:17px;border:1px solid rgba(171,133,61,.2);background:rgba(255,251,243,.72)}
.v712-checkout-mode>div:first-child{display:flex;flex-direction:column;gap:3px}.v712-checkout-mode>div:first-child strong{font-size:18px;color:#2d2720}
.v712-checkout-mode__buttons{display:flex;gap:8px}.v712-checkout-mode__buttons button{border:1px solid rgba(120,94,51,.22);background:#fffaf2;color:#51483c;border-radius:999px;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer;transition:none}
.v712-checkout-mode__buttons button.is-active{border-color:#b78c3d;background:#f1e3c7;color:#3b3020;box-shadow:inset 0 -2px 0 rgba(159,116,42,.3)}
@media(max-width:760px){.v712-attribute-chip{min-width:calc(50% - 4px);flex:1}.v712-checkout-mode{align-items:flex-start;flex-direction:column}.v712-checkout-mode__buttons{width:100%}.v712-checkout-mode__buttons button{flex:1}.v712-business-quote{align-items:flex-start;flex-direction:column;gap:4px}}


/* ===== LamiOffice V7.15 — Expanded catalog and find-more CTA ===== */
.home-expanded-catalog{margin-top:28px}
.home-expanded-catalog__head{align-items:flex-end}
.home-expanded-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.expanded-category-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-height:154px;padding:20px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.expanded-category-card::after{content:"";position:absolute;right:-32px;bottom:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(201,160,81,.18),transparent 68%);pointer-events:none}
.expanded-category-card:hover{transform:translateY(-3px);border-color:rgba(177,133,55,.42);box-shadow:0 16px 34px rgba(74,55,28,.12)}
.expanded-category-card__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;border:1px solid rgba(180,138,61,.32);background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(234,215,178,.58));font-size:22px;font-weight:900;color:#8d6728;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.expanded-category-card span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.expanded-category-card small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8c7453;font-weight:800}
.expanded-category-card strong{font-size:18px;line-height:1.2;color:#29231c}
.expanded-category-card em{font-style:normal;font-size:13px;line-height:1.45;color:#746b5f}
.expanded-category-card>b{grid-column:2;font-size:12px;color:#8d6728}
.home-find-more{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:22px 24px;background:linear-gradient(105deg,rgba(255,253,247,.94),rgba(238,222,190,.6))}
.home-find-more h3{margin:4px 0 6px;font-size:22px;color:#2d271f}.home-find-more p{margin:0;max-width:720px;color:#71675a;line-height:1.55}
.home-find-more__actions{display:flex;gap:10px;flex-shrink:0}.home-find-more__actions .btn{white-space:nowrap}
@media(max-width:980px){.home-expanded-catalog__grid{grid-template-columns:1fr}.home-find-more{align-items:flex-start;flex-direction:column}.home-find-more__actions{width:100%}.home-find-more__actions .btn{flex:1}}
@media(max-width:560px){.home-expanded-catalog__head{align-items:flex-start}.expanded-category-card{grid-template-columns:48px 1fr;min-height:auto;padding:17px}.expanded-category-card__icon{width:46px;height:46px;border-radius:14px}.home-find-more{padding:19px}.home-find-more__actions{flex-direction:column}.home-find-more__actions .btn{width:100%}}

/* ===== LamiOffice V7.16 — Category dropdown navigation + continuous catalog ===== */
.product-category-nav{height:40px!important;overflow:visible!important}
.product-category-nav .container{height:100%;gap:4px!important;overflow:visible!important}
.product-category-nav .nav-item{flex:1 1 auto;min-width:0}
.product-category-nav .nav-link{width:100%;height:36px!important;justify-content:center;padding-inline:10px!important;border-radius:10px;font-size:clamp(11px,.78vw,13px)!important;text-align:center}
.product-category-nav .nav-item:hover>.nav-link,.product-category-nav .nav-item:focus-within>.nav-link,.product-category-nav .nav-item.is-open>.nav-link,.product-category-nav .nav-item.is-active>.nav-link{background:rgba(212,176,106,.16)!important;color:var(--gold-2)!important}
.product-category-nav .nav-dropdown{top:100%;width:260px;padding:8px!important;grid-template-columns:1fr!important;gap:0!important;border-radius:0 0 14px 14px!important;background:linear-gradient(155deg,rgba(17,33,28,.99),rgba(9,22,18,.99))!important;border-top-color:rgba(212,176,106,.42)!important;box-shadow:0 22px 48px rgba(0,0,0,.34)!important}
.product-category-nav .nav-dropdown--two-column{width:520px;grid-template-columns:1fr!important}
.product-category-nav .nav-dropdown--two-column .mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-category-nav .mega-group{padding:0!important}
.product-category-nav .mega-links{display:grid;gap:0!important;padding:0!important}
.product-category-nav .mega-link{border-radius:8px!important;padding:10px 12px!important;font-size:12.5px!important;color:var(--text)!important;border-bottom:1px solid rgba(212,176,106,.10);line-height:1.25}
.product-category-nav .mega-link:last-child{border-bottom:0}
.product-category-nav .mega-link:hover,.product-category-nav .mega-link:focus-visible{background:rgba(212,176,106,.14)!important;color:var(--gold-2)!important}
.product-category-nav .nav-item.is-open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.catalog-auto-load{position:relative;min-height:54px;padding:18px 0 4px!important;color:#776e62}
.catalog-auto-load__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(212,176,106,.12)}
#catalogAutoLoadSentinel{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none}
@media(max-width:1199px) and (min-width:761px){
  .product-category-nav{overflow-x:auto!important;overflow-y:visible!important}
  .product-category-nav .container{width:max-content!important;min-width:100%;padding-inline:12px}
  .product-category-nav .nav-item{flex:0 0 auto}
  .product-category-nav .nav-link{width:auto;min-width:122px;font-size:12px!important}
}
@media(max-width:760px){
  .product-category-nav{display:none!important}
}

/* ===== LamiOffice V7.16.2 — Stable compact category dropdown ===== */
.product-category-nav{
  position:relative!important;
  z-index:420!important;
  height:40px!important;
  overflow:visible!important;
  border-top:1px solid rgba(150,112,52,.10)!important;
  border-bottom:1px solid rgba(150,112,52,.13)!important;
  background:rgba(255,253,248,.98)!important;
  box-shadow:0 7px 22px rgba(74,52,23,.055)!important;
}
.product-category-nav .container{
  height:100%!important;
  overflow:visible!important;
  align-items:stretch!important;
  gap:4px!important;
}
.product-category-nav .nav-item{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-items:stretch!important;
}
.product-category-nav .nav-link{
  position:relative!important;
  width:100%!important;
  height:36px!important;
  justify-content:center!important;
  padding-inline:10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#2f2a23!important;
  background:transparent!important;
  font-size:clamp(11px,.78vw,13px)!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  transition:background-color .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.product-category-nav .nav-item:hover>.nav-link,
.product-category-nav .nav-item:focus-within>.nav-link,
.product-category-nav .nav-item.is-open>.nav-link,
.product-category-nav .nav-item.is-active>.nav-link{
  color:#8a6228!important;
  background:linear-gradient(180deg,#fffaf0,#f3e7cf)!important;
  border-color:rgba(176,132,61,.22)!important;
  box-shadow:inset 0 -2px 0 rgba(170,124,47,.28),0 7px 16px rgba(99,70,30,.065)!important;
}
.product-category-nav .nav-item.has-dropdown>.nav-link::after{
  color:#9c7334!important;
  opacity:.82!important;
  transition:transform .14s ease!important;
}
.product-category-nav .nav-item.is-open>.nav-link::after,
.product-category-nav .nav-item:focus-within>.nav-link::after{
  transform:rotate(180deg)!important;
}
.product-category-nav .nav-dropdown{
  position:absolute!important;
  top:calc(100% - 1px)!important;
  left:0!important;
  display:grid!important;
  width:274px!important;
  max-width:min(92vw,274px)!important;
  max-height:min(68vh,490px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:7px!important;
  gap:0!important;
  grid-template-columns:1fr!important;
  color:#2f2a23!important;
  background:#fffdf8!important;
  border:1px solid rgba(154,112,47,.22)!important;
  border-top-color:rgba(154,112,47,.14)!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 20px 44px rgba(66,45,18,.16),0 3px 9px rgba(66,45,18,.07)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(4px)!important;
  transform-origin:top left!important;
  transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
  z-index:520!important;
  backface-visibility:hidden!important;
}
.product-category-nav .nav-item.align-right>.nav-dropdown{
  left:auto!important;
  right:0!important;
  transform-origin:top right!important;
}
.product-category-nav .nav-dropdown--two-column{
  width:500px!important;
  max-width:min(92vw,500px)!important;
}
.product-category-nav .nav-dropdown--two-column .mega-links{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:7px!important;
}
.product-category-nav .nav-item>.nav-dropdown+.nav-dropdown{
  display:none!important;
}
.product-category-nav .mega-group,
.product-category-nav .mega-links{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.product-category-nav .mega-links{display:grid!important;gap:0!important}
.product-category-nav .mega-link{
  display:flex!important;
  align-items:center!important;
  min-height:39px!important;
  padding:8px 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(124,93,47,.10)!important;
  border-radius:8px!important;
  color:#302a22!important;
  background:transparent!important;
  font-size:12.5px!important;
  font-weight:740!important;
  line-height:1.25!important;
  text-shadow:none!important;
  opacity:1!important;
}
.product-category-nav .mega-link:last-child{border-bottom-color:transparent!important}
.product-category-nav .mega-link:hover,
.product-category-nav .mega-link:focus-visible{
  color:#80591f!important;
  background:linear-gradient(90deg,#f7ecd6,#fffaf1)!important;
  box-shadow:inset 3px 0 0 #c49a52!important;
  outline:none!important;
}
.product-category-nav .nav-item:hover>.nav-dropdown,
.product-category-nav .nav-item.is-open>.nav-dropdown,
.product-category-nav .nav-item:focus-within>.nav-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
  transition-delay:0s!important;
}
/* The complete filtered category is rendered on one page; images keep native lazy loading. */
.catalog-auto-load{display:none!important}

@media (max-width:1199px) and (min-width:761px){
  .product-category-nav{height:auto!important;overflow:visible!important}
  .product-category-nav .container{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:5px 12px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .product-category-nav .nav-item{min-width:0!important}
  .product-category-nav .nav-link{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding-inline:7px!important;
    font-size:11.5px!important;
  }
  .product-category-nav .nav-dropdown{top:calc(100% - 1px)!important}
}
@media (max-width:920px) and (min-width:761px){
  .product-category-nav .nav-dropdown--two-column{
    width:430px!important;
    grid-template-columns:1fr!important;
  }
  .product-category-nav .nav-dropdown--two-column .mega-links{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:760px){
  .product-category-nav{display:none!important}
}

/* =========================================================
   LamiOffice V7.19.4 — Larger Product Image Surface
   Chốt: vùng ảnh chiếm khoảng 70% thẻ; ảnh lớn, dài hơn,
   không crop; tên, giá và nút nằm gọn hoàn toàn phía dưới.
   ========================================================= */
.product-card .product-media,
body.marble-ui .product-card .product-media,
body.signature-v75 .product-card .product-media,
.home-commerce .product-card .product-media,
.catalog-main .product-card .product-media{
  aspect-ratio:1.06 / 1 !important;
  min-height:0 !important;
  margin:5px 5px 0 !important;
}
.product-card .product-media img,
.product-card .product-media__link img,
body.marble-ui .product-card .product-media img,
body.signature-v75 .product-card .product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:2.6% !important;
}
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body{
  flex:1 1 auto !important;
  min-height:132px !important;
  padding:12px 12px 13px !important;
}
.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  margin-bottom:7px !important;
}
.product-card .price-row,
.product-card .product-price-row{
  margin-top:auto !important;
  padding-top:7px !important;
}
.home-viewed-compact .product-card .product-media{
  aspect-ratio:1.16 / 1 !important;
}
@media (max-width:760px){
  .product-card .product-media,
  body.marble-ui .product-card .product-media,
  body.signature-v75 .product-card .product-media,
  .home-commerce .product-card .product-media,
  .catalog-main .product-card .product-media{
    aspect-ratio:1 / 1 !important;
    margin:4px 4px 0 !important;
  }
  .product-card .product-media img,
  .product-card .product-media__link img{
    padding:2.5% !important;
  }
  .product-card .product-body,
  body.marble-ui .product-card .product-body,
  body.signature-v75 .product-card .product-body{
    min-height:118px !important;
    padding:9px 9px 10px !important;
  }
}


/* =========================================================
   LamiOffice V7.19.5 — Unified Product Card on Every Page
   Một mẫu card dùng chung cho trang chủ, danh mục, yêu thích,
   sản phẩm vừa xem, sản phẩm liên quan và trang dự án.
   ========================================================= */
.product-grid{
  align-items:stretch !important;
}
.product-grid > .product-card,
.home-viewed-compact .product-card,
.home-commerce .product-card,
.catalog-main .product-card,
.project-products .product-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.product-card .product-media,
body.marble-ui .product-card .product-media,
body.signature-v75 .product-card .product-media,
.home-viewed-compact .product-card .product-media,
.home-commerce .product-card .product-media,
.catalog-main .product-card .product-media,
.project-products .product-card .product-media{
  position:relative !important;
  flex:0 0 auto !important;
  width:auto !important;
  aspect-ratio:1.06 / 1 !important;
  min-height:0 !important;
  margin:5px 5px 0 !important;
  border-radius:13px !important;
  overflow:hidden !important;
}
.product-card .product-media > a,
.product-card .product-media__link{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
.product-card .product-media img,
.product-card .product-media__link img,
body.marble-ui .product-card .product-media img,
body.signature-v75 .product-card .product-media img,
.home-viewed-compact .product-card .product-media img,
.project-products .product-card .product-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  box-sizing:border-box !important;
  padding:2.6% !important;
}
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body,
.home-viewed-compact .product-card .product-body,
.project-products .product-card .product-body{
  position:relative !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-height:132px !important;
  margin:0 !important;
  padding:12px 12px 13px !important;
  border-radius:0 !important;
}
.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  display:-webkit-box !important;
  min-height:38px !important;
  margin:0 0 7px !important;
  overflow:hidden !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}
.product-card .fit-line{
  min-height:18px !important;
  margin:0 0 5px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
.product-card .swatches,
.product-card .product-colors{
  min-height:18px !important;
  margin:0 0 5px !important;
}
.product-card .price-row,
.product-card .product-price-row{
  display:flex !important;
  align-items:flex-end !important;
  min-height:25px !important;
  margin-top:auto !important;
  padding-top:7px !important;
}
.product-card .price,
.product-card .product-price{
  font-size:17px !important;
  line-height:1.1 !important;
}
.product-card .card-actions,
.product-card .product-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  margin-top:8px !important;
}
.product-card .card-actions .btn,
.product-card .product-actions .btn{
  width:100% !important;
  min-height:34px !important;
  padding:7px 8px !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
}
/* Card cũ trong trang dự án có nhiều dòng hơn; ẩn các dòng phụ
   để hình, tên, giá và nút giống hoàn toàn card chính. */
.project-products .product-card .product-card__top,
.project-products .product-card .product-description,
.project-products .product-card .product-status,
.project-products .product-card .product-viewed{
  display:none !important;
}
.project-products .product-card .product-name{
  margin:0 0 7px !important;
}
/* Không còn kiểu card nhỏ riêng cho “Sản phẩm vừa xem”. */
.home-viewed-compact .product-card .product-title,
.home-viewed-compact .product-card .product-name,
.home-viewed-compact .product-card .price,
.home-viewed-compact .product-card .product-price,
.home-viewed-compact .product-card .card-actions .btn,
.home-viewed-compact .product-card .product-actions .btn{
  font-size:inherit !important;
}
@media (max-width:760px){
  .product-card .product-media,
  body.marble-ui .product-card .product-media,
  body.signature-v75 .product-card .product-media,
  .home-viewed-compact .product-card .product-media,
  .home-commerce .product-card .product-media,
  .catalog-main .product-card .product-media,
  .project-products .product-card .product-media{
    aspect-ratio:1 / 1 !important;
    margin:4px 4px 0 !important;
  }
  .product-card .product-media img,
  .product-card .product-media__link img{
    padding:2.5% !important;
  }
  .product-card .product-body,
  body.marble-ui .product-card .product-body,
  body.signature-v75 .product-card .product-body,
  .home-viewed-compact .product-card .product-body,
  .project-products .product-card .product-body{
    min-height:118px !important;
    padding:9px 9px 10px !important;
  }
  .product-card .product-title,
  .product-card .product-name,
  .product-card .product-name a{
    min-height:34px !important;
    font-size:13.5px !important;
  }
  .product-card .price,
  .product-card .product-price{
    font-size:16.5px !important;
  }
  .product-card .card-actions,
  .product-card .product-actions{
    grid-template-columns:1fr !important;
  }
  .product-card .card-actions .btn.secondary,
  .product-card .product-actions .btn:not(.btn--gold):not(.primary){
    display:none !important;
  }
}

/* =========================================================
   LamiOffice V7.19.6 — Restore Product Card Hover Actions
   Khôi phục nút Lưu / So sánh / Xem nhanh trên mọi kiểu card.
   Chỉ dùng CSS: không prefetch, không tải lại trang khi rê chuột.
   ========================================================= */
.product-card .card-icons,
.product-card .product-media__actions{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:12 !important;
  display:grid !important;
  gap:6px !important;
}

@media (hover:hover) and (pointer:fine){
  .product-card .card-icons,
  .product-card .product-media__actions,
  body.marble-ui .product-card .product-media__actions,
  body.signature-v75 .product-card .product-media__actions{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-4px) !important;
    transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s !important;
  }
  .product-card:hover .card-icons,
  .product-card:focus-within .card-icons,
  .product-card:hover .product-media__actions,
  .product-card:focus-within .product-media__actions,
  body.marble-ui .product-card:hover .product-media__actions,
  body.marble-ui .product-card:focus-within .product-media__actions,
  body.signature-v75 .product-card:hover .product-media__actions,
  body.signature-v75 .product-card:focus-within .product-media__actions{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    transition-delay:0s !important;
  }
}

@media (hover:none), (pointer:coarse){
  .product-card .card-icons,
  .product-card .product-media__actions,
  body.marble-ui .product-card .product-media__actions,
  body.signature-v75 .product-card .product-media__actions{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
}

.product-card .card-icon,
.product-card .product-round-action{
  position:relative !important;
  z-index:1 !important;
  pointer-events:auto !important;
}


/* =========================================================
   LamiOffice V7.19.8 — Taller Product Image + Compact Price Zone
   Hình sản phẩm dài hơn; tên nằm sát giá/Liên hệ; giữ đồng bộ toàn web.
   ========================================================= */
.product-card .product-media,
body.marble-ui .product-card .product-media,
body.signature-v75 .product-card .product-media,
.home-viewed-compact .product-card .product-media,
.home-commerce .product-card .product-media,
.catalog-main .product-card .product-media,
.project-products .product-card .product-media{
  aspect-ratio:.92 / 1 !important;
}
.product-card .product-media img,
.product-card .product-media__link img,
body.marble-ui .product-card .product-media img,
body.signature-v75 .product-card .product-media img{
  padding:2.1% !important;
}
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body,
.home-viewed-compact .product-card .product-body,
.project-products .product-card .product-body{
  min-height:116px !important;
  padding:9px 12px 12px !important;
}
.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  min-height:38px !important;
  margin:0 0 3px !important;
}
.product-card .fit-line,
.product-card .swatches,
.product-card .product-colors{
  display:none !important;
}
.product-card .price-row,
.product-card .product-price-row{
  min-height:24px !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.product-card .card-actions,
.product-card .product-actions{
  margin-top:7px !important;
}
@media (max-width:760px){
  .product-card .product-media,
  body.marble-ui .product-card .product-media,
  body.signature-v75 .product-card .product-media,
  .home-viewed-compact .product-card .product-media,
  .home-commerce .product-card .product-media,
  .catalog-main .product-card .product-media,
  .project-products .product-card .product-media{
    aspect-ratio:.94 / 1 !important;
  }
  .product-card .product-body,
  body.marble-ui .product-card .product-body,
  body.signature-v75 .product-card .product-body,
  .home-viewed-compact .product-card .product-body,
  .project-products .product-card .product-body{
    min-height:108px !important;
    padding:8px 9px 10px !important;
  }
}

/* =========================================================
   LamiOffice V7.19.9 — Restore compact SEO line on product cards
   Trình tự thống nhất: hình → tên → câu SEO nhỏ → giá/Liên hệ → nút.
   Không khôi phục swatch/meta thừa và không liên quan hover-prefetch.
   ========================================================= */
.product-card .fit-line,
.product-card .product-description,
body.marble-ui .product-card .fit-line,
body.marble-ui .product-card .product-description,
body.signature-v75 .product-card .fit-line,
body.signature-v75 .product-card .product-description,
.home-product-grid .product-card .fit-line,
.home-product-grid .product-card .product-description,
.home-viewed-compact .product-card .fit-line,
.home-viewed-compact .product-card .product-description,
.home-commerce .product-card .fit-line,
.home-commerce .product-card .product-description,
.catalog-content .product-card .fit-line,
.catalog-content .product-card .product-description,
.catalog-main .product-card .fit-line,
.catalog-main .product-card .product-description,
.product-grid .product-card .fit-line,
.product-grid .product-card .product-description,
.project-products .product-card .fit-line,
.project-products .product-card .product-description{
  display:-webkit-box !important;
  min-height:16px !important;
  max-height:16px !important;
  margin:0 0 3px !important;
  overflow:hidden !important;
  color:#746a5f !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  line-height:16px !important;
  letter-spacing:-.004em !important;
  white-space:normal !important;
  text-overflow:ellipsis !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:1 !important;
  line-clamp:1 !important;
}
.product-card .fit-line::first-letter{
  color:var(--gold-2) !important;
}
.product-card .product-body,
body.marble-ui .product-card .product-body,
body.signature-v75 .product-card .product-body,
.home-viewed-compact .product-card .product-body,
.project-products .product-card .product-body{
  min-height:135px !important;
}
.product-card .product-title,
.product-card .product-name,
.product-card .product-name a{
  margin-bottom:3px !important;
}
.product-card .price-row,
.product-card .product-price-row{
  margin-top:0 !important;
  padding-top:0 !important;
}
.product-card .swatches,
.product-card .product-colors{
  display:none !important;
}
@media (max-width:760px){
  .product-card .fit-line,
  .product-card .product-description,
  body.marble-ui .product-card .fit-line,
  body.marble-ui .product-card .product-description,
  body.signature-v75 .product-card .fit-line,
  body.signature-v75 .product-card .product-description,
  .home-viewed-compact .product-card .fit-line,
  .home-viewed-compact .product-card .product-description,
  .product-grid .product-card .fit-line,
  .product-grid .product-card .product-description{
    display:-webkit-box !important;
    min-height:15px !important;
    max-height:15px !important;
    margin-bottom:3px !important;
    font-size:9.8px !important;
    line-height:15px !important;
    -webkit-line-clamp:1 !important;
    line-clamp:1 !important;
  }
  .product-card .product-body,
  body.marble-ui .product-card .product-body,
  body.signature-v75 .product-card .product-body,
  .home-viewed-compact .product-card .product-body,
  .project-products .product-card .product-body{
    min-height:126px !important;
  }
}

/* =========================================================
   LamiOffice V7.19.10 — Product Card Purchase Actions
   Card bán hàng dùng đúng 2 nút: Thêm vào giỏ + Mua ngay.
   Giữ nguyên hình lớn, dòng SEO, hover actions và menu ổn định.
   ========================================================= */
.product-card .card-actions,
.product-card .product-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr) !important;
  gap:6px !important;
}
.product-card .card-actions .btn,
.product-card .product-actions .btn{
  min-width:0 !important;
  white-space:nowrap !important;
}
.product-card .card-buy-now,
.product-card .product-buy-now,
body.marble-ui .product-card .product-actions .product-buy-now,
body.signature-v75 .product-card .product-actions .product-buy-now{
  display:inline-flex !important;
  width:auto !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(132,83,34,.58) !important;
  background:linear-gradient(135deg,#6e4424,#9a6a31) !important;
  color:#fffaf3 !important;
  box-shadow:0 7px 18px rgba(96,58,26,.14) !important;
  font-size:10px !important;
}
.product-card .card-buy-now:hover,
.product-card .product-buy-now:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(96,58,26,.20) !important;
}
body.marble-ui .product-card .product-actions .product-buy-now::before,
body.signature-v75 .product-card .product-actions .product-buy-now::before{
  content:none !important;
  display:none !important;
}
@media (max-width:760px){
  .product-card .card-actions,
  .product-card .product-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,.78fr) !important;
    gap:5px !important;
  }
  .product-card .card-actions .btn,
  .product-card .product-actions .btn,
  .product-card .card-buy-now,
  .product-card .product-buy-now,
  body.marble-ui .product-card .product-actions .product-buy-now,
  body.signature-v75 .product-card .product-actions .product-buy-now{
    display:inline-flex !important;
    min-height:32px !important;
    width:auto !important;
    padding:6px 5px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   LamiOffice V7.19.11 — Full Category + One Uniform Product Card
   Danh mục cha/con hiển thị đủ sản phẩm; Bàn ăn và Sản phẩm khác
   dùng đúng cùng khung card, khoảng chữ, giá và nút như các nhóm còn lại.
   ========================================================= */
.product-card.product-card--uniform{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.product-card.product-card--uniform .product-media{
  flex:0 0 auto !important;
  width:auto !important;
  aspect-ratio:.92 / 1 !important;
  margin:5px 5px 0 !important;
  overflow:hidden !important;
}
.product-card.product-card--uniform .product-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-height:135px !important;
  padding:9px 12px 12px !important;
}
.product-card.product-card--uniform .product-title{
  min-height:38px !important;
  margin:0 0 3px !important;
}
.product-card.product-card--uniform .fit-line{
  min-height:16px !important;
  max-height:16px !important;
  margin:0 0 3px !important;
}
.product-card.product-card--uniform .price-row{
  min-height:24px !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.product-card.product-card--uniform .card-actions{
  margin-top:7px !important;
}
/* 443 ảnh minh họa tạm có tỉ lệ ngang; cho phủ đầy đúng khung card.
   Ảnh thật đưa lên WooCommerce sau này vẫn dùng object-fit:contain. */
.product-card.product-card--uniform .product-media img[src*="source-catalog-v719/"]{
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}
/* Toàn bộ card đã có trong DOM; trình duyệt chỉ trì hoãn vẽ phần ngoài màn hình. */
.catalog-main .product-card.product-card--uniform{
  content-visibility:auto;
  contain-intrinsic-size:470px;
}
#catalogAutoLoad{
  display:none !important;
}
@media (max-width:760px){
  .product-card.product-card--uniform .product-media{
    aspect-ratio:.94 / 1 !important;
  }
  .product-card.product-card--uniform .product-body{
    min-height:126px !important;
    padding:8px 9px 10px !important;
  }
  .catalog-main .product-card.product-card--uniform{
    contain-intrinsic-size:410px;
  }
}


/* =========================================================
   LamiOffice V7.19.12 — Premium Lightweight Purchase Buttons
   Ánh kim chỉ chạy khi hover; không keyframe liên tục, không filter,
   không backdrop-filter và không JavaScript để giữ hiệu năng nhẹ.
   ========================================================= */
.product-card .card-actions .btn,
.product-card .product-actions .btn,
.detail-actions .btn,
.sticky-buybar .btn{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border-radius:11px !important;
  transform:translate3d(0,0,0) !important;
  backface-visibility:hidden !important;
  transition:
    transform .22s cubic-bezier(.22,.61,.36,1),
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease,
    color .22s ease !important;
  -webkit-tap-highlight-color:transparent;
}

/* Lớp phản sáng ngắn: chỉ hoạt động lúc rê chuột. */
.product-card .card-actions .btn::after,
.product-card .product-actions .btn::after,
.detail-actions .btn::after,
.sticky-buybar .btn::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-95%;
  left:-58%;
  width:34%;
  height:290%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transform:rotate(18deg) translate3d(-240%,0,0);
  transition:transform .48s cubic-bezier(.2,.72,.25,1),opacity .18s ease;
}

/* Thêm vào giỏ: kem ánh vàng, viền kim loại mảnh. */
.product-card .card-actions .btn.primary,
.product-card .product-actions .btn.primary,
.detail-actions .btn.primary,
.sticky-buybar .btn.primary{
  border:1px solid rgba(176,128,65,.72) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,240,227,.98) 48%,rgba(232,214,186,.98) 100%) !important;
  color:#5f3c1d !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(104,63,26,.08),
    0 5px 13px rgba(83,50,21,.10) !important;
}

/* Mua ngay: nâu vàng sâu, nổi bật hơn nhưng không chói. */
.product-card .card-buy-now,
.product-card .product-buy-now,
.product-card .buy-now-btn,
.detail-actions .buy-now,
.sticky-buybar .buy-now{
  border:1px solid rgba(91,52,20,.72) !important;
  background:
    linear-gradient(145deg,#583419 0%,#815326 43%,#a97837 72%,#c09350 100%) !important;
  color:#fffaf1 !important;
  text-shadow:0 1px 1px rgba(38,20,7,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,241,211,.30),
    inset 0 -1px 0 rgba(43,23,8,.28),
    0 7px 16px rgba(75,42,16,.16) !important;
}

@media (hover:hover) and (pointer:fine){
  .product-card .card-actions .btn:hover,
  .product-card .product-actions .btn:hover,
  .detail-actions .btn:hover,
  .sticky-buybar .btn:hover{
    transform:translate3d(0,-2px,0) !important;
  }
  .product-card .card-actions .btn:hover::after,
  .product-card .product-actions .btn:hover::after,
  .detail-actions .btn:hover::after,
  .sticky-buybar .btn:hover::after{
    opacity:.72;
    transform:rotate(18deg) translate3d(760%,0,0);
  }
  .product-card .card-actions .btn.primary:hover,
  .product-card .product-actions .btn.primary:hover,
  .detail-actions .btn.primary:hover,
  .sticky-buybar .btn.primary:hover{
    border-color:rgba(188,134,65,.92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -1px 0 rgba(104,63,26,.08),
      0 9px 19px rgba(83,50,21,.14) !important;
  }
  .product-card .card-buy-now:hover,
  .product-card .product-buy-now:hover,
  .product-card .buy-now-btn:hover,
  .detail-actions .buy-now:hover,
  .sticky-buybar .buy-now:hover{
    border-color:rgba(83,46,16,.92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,241,211,.36),
      inset 0 -1px 0 rgba(43,23,8,.30),
      0 11px 23px rgba(75,42,16,.22) !important;
  }
}

.product-card .card-actions .btn:active,
.product-card .product-actions .btn:active,
.detail-actions .btn:active,
.sticky-buybar .btn:active{
  transform:translate3d(0,0,0) scale(.975) !important;
  transition-duration:.07s !important;
}
.product-card .card-actions .btn:focus-visible,
.product-card .product-actions .btn:focus-visible,
.detail-actions .btn:focus-visible,
.sticky-buybar .btn:focus-visible{
  outline:2px solid rgba(202,156,84,.72) !important;
  outline-offset:2px !important;
}
.product-card .card-actions .btn:disabled,
.product-card .product-actions .btn:disabled,
.detail-actions .btn:disabled,
.sticky-buybar .btn:disabled{
  opacity:.58 !important;
  transform:none !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}

/* Thiết bị cảm ứng không giữ trạng thái hover. */
@media (hover:none), (pointer:coarse){
  .product-card .card-actions .btn::after,
  .product-card .product-actions .btn::after,
  .detail-actions .btn::after,
  .sticky-buybar .btn::after{
    display:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .product-card .card-actions .btn,
  .product-card .product-actions .btn,
  .detail-actions .btn,
  .sticky-buybar .btn,
  .product-card .card-actions .btn::after,
  .product-card .product-actions .btn::after,
  .detail-actions .btn::after,
  .sticky-buybar .btn::after{
    transition:none !important;
  }
}

/* =========================================================
   LamiOffice V7.19.13 — Premium Smooth Controls, Performance Safe
   Chỉ nâng cấp nút trong nội dung. Không chạm cụm nút nổi
   Zalo / Gọi / Giỏ hàng / Lên đầu trang.
   - Không animation lặp
   - Không filter / backdrop-filter
   - Không transition: all
   - Không JavaScript hover
   ========================================================= */
:root{
  --lo-control-ease:cubic-bezier(.22,.61,.36,1);
  --lo-control-line:rgba(163,116,55,.38);
  --lo-control-line-hover:rgba(181,130,62,.68);
  --lo-control-shadow:0 5px 13px rgba(76,49,22,.08);
  --lo-control-shadow-hover:0 9px 20px rgba(76,49,22,.13);
}

/* CTA trong nội dung. float-btn và cart-trigger cố ý không nằm trong selector. */
.btn,
.header-consult-btn,
.v7101-consult-submit,
.sales-action{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:
    transform .18s var(--lo-control-ease),
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .21s ease,
    color .18s ease,
    opacity .18s ease !important;
}

/* Thay vệt sáng cũ chạy bằng left bằng transform GPU nhẹ hơn. */
.btn::before,
.header-consult-btn::before,
.v7101-consult-submit::before,
.sales-action::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-80%;
  left:-42%;
  width:27%;
  height:260%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg) translate3d(-280%,0,0);
  transition:transform .42s var(--lo-control-ease),opacity .14s ease !important;
}

/* Nút mua hàng đã có vệt ::after riêng ở V7.19.12, tránh chạy hai lớp. */
.product-card .card-actions .btn::before,
.product-card .product-actions .btn::before,
.detail-actions .btn::before,
.sticky-buybar .btn::before{
  display:none !important;
}

/* Nhóm nút lựa chọn/lọc: sang bằng chiều sâu tĩnh, không hiệu ứng nặng. */
.planner-option,
.need-card,
.home-choice,
.tab-btn,
.filter-option,
.budget-select{
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:
    transform .17s var(--lo-control-ease),
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .20s ease,
    color .18s ease !important;
}

/* Nút icon trong nội dung/header; loại trừ giỏ hàng để giữ đúng bản đã chốt. */
.icon-btn:not(.cart-trigger),
.modal-close,
.close-btn,
.product-card .card-icon,
.product-card .product-round-action{
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:
    transform .16s var(--lo-control-ease),
    border-color .17s ease,
    background-color .17s ease,
    box-shadow .19s ease,
    color .17s ease,
    opacity .17s ease !important;
}

.link-arrow,
.nav-link,
.mega-link{
  transition:
    color .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    opacity .16s ease,
    transform .16s var(--lo-control-ease) !important;
}

.search-box,
.tool-select{
  transition:
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .20s ease !important;
}
.search-box:focus-within{
  border-color:var(--lo-control-line-hover) !important;
  box-shadow:0 0 0 3px rgba(185,140,69,.08),0 8px 20px rgba(76,49,22,.07) !important;
}

@media (hover:hover) and (pointer:fine){
  .btn:hover,
  .header-consult-btn:hover,
  .v7101-consult-submit:hover,
  .sales-action:hover{
    transform:translate3d(0,-1px,0) !important;
    box-shadow:var(--lo-control-shadow-hover);
  }
  .btn:hover::before,
  .header-consult-btn:hover::before,
  .v7101-consult-submit:hover::before,
  .sales-action:hover::before{
    opacity:.66;
    transform:skewX(-18deg) translate3d(760%,0,0);
  }

  .planner-option:hover,
  .need-card:hover,
  .home-choice:hover,
  .tab-btn:hover,
  .filter-option:hover,
  .budget-select:hover{
    transform:translate3d(0,-1px,0) !important;
    border-color:var(--lo-control-line-hover) !important;
    box-shadow:var(--lo-control-shadow-hover) !important;
  }

  .icon-btn:not(.cart-trigger):hover,
  .modal-close:hover,
  .close-btn:hover,
  .product-card .card-icon:hover,
  .product-card .product-round-action:hover{
    transform:translate3d(0,-1px,0) scale(1.025) !important;
  }

  .link-arrow:hover{
    transform:translate3d(2px,0,0) !important;
  }

  /* Nút mua hàng: giảm độ nâng còn 1px, bóng gọn để danh mục hàng trăm SP vẫn nhẹ. */
  .product-card .card-actions .btn:hover,
  .product-card .product-actions .btn:hover,
  .detail-actions .btn:hover,
  .sticky-buybar .btn:hover{
    transform:translate3d(0,-1px,0) !important;
  }
}

.btn:active,
.header-consult-btn:active,
.v7101-consult-submit:active,
.sales-action:active,
.planner-option:active,
.need-card:active,
.home-choice:active,
.tab-btn:active,
.filter-option:active,
.budget-select:active,
.icon-btn:not(.cart-trigger):active,
.modal-close:active,
.close-btn:active{
  transform:translate3d(0,0,0) scale(.98) !important;
  transition-duration:.06s !important;
}

.btn:focus-visible,
.header-consult-btn:focus-visible,
.v7101-consult-submit:focus-visible,
.sales-action:focus-visible,
.planner-option:focus-visible,
.need-card:focus-visible,
.home-choice:focus-visible,
.tab-btn:focus-visible,
.filter-option:focus-visible,
.budget-select:focus-visible,
.icon-btn:not(.cart-trigger):focus-visible,
.modal-close:focus-visible,
.close-btn:focus-visible{
  outline:2px solid rgba(202,156,84,.66) !important;
  outline-offset:2px !important;
}

/* Touch: không giữ hover, không chạy vệt phản sáng. */
@media (hover:none), (pointer:coarse){
  .btn::before,
  .header-consult-btn::before,
  .v7101-consult-submit::before,
  .sales-action::before{
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .btn,
  .header-consult-btn,
  .v7101-consult-submit,
  .sales-action,
  .planner-option,
  .need-card,
  .home-choice,
  .tab-btn,
  .filter-option,
  .budget-select,
  .icon-btn:not(.cart-trigger),
  .modal-close,
  .close-btn,
  .product-card .card-icon,
  .product-card .product-round-action,
  .link-arrow,
  .nav-link,
  .mega-link,
  .search-box,
  .tool-select,
  .btn::before,
  .header-consult-btn::before,
  .v7101-consult-submit::before,
  .sales-action::before{
    transition:none !important;
  }
}

/* SAFETY: không có selector V7.19.13 nào tác động vào các nút nổi bên dưới.
   Giữ nguyên .floating-contact .float-btn, .float-contact-action,
   .float-cart-action và .to-top từ bản V7.19.11. */