:root{--orange:#ff5a14;--orange2:#ff7a13;--green:#087347;--cream:#fff9ed;--text:#342f2a;--line:#eadfce;--muted:#8d8277;--shadow:0 5px 18px rgba(82,48,13,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#ff5b0e 0,#ff8c10 29%,#fff5e8 65%);min-height:100vh}.page-shell{max-width:1380px;margin:auto;padding:10px 14px 36px}.topbar{height:86px;background:#fffaf1;border-radius:22px;display:grid;grid-template-columns:300px 1fr 330px;align-items:center;padding:0 22px;gap:24px;box-shadow:var(--shadow);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green)}.brand-mark{width:60px;height:56px;position:relative}.brand-mark span{position:absolute;border-radius:60% 10% 60% 10%;transform:rotate(-35deg)}.brand-mark span:nth-child(1){width:32px;height:45px;background:#16753a;left:0;top:6px}.brand-mark span:nth-child(2){width:34px;height:29px;background:#f79a14;right:0;bottom:0;transform:rotate(15deg)}.brand-mark span:nth-child(3){width:22px;height:35px;background:#3c9f50;right:8px;top:0;transform:rotate(30deg)}.brand b,.brand strong{display:block;font-size:20px;line-height:1.02;letter-spacing:.3px}.brand strong{color:#ff5a1d}.brand small{display:block;font-size:13px;margin-top:5px;color:#2d5140}.search{height:48px;border:1px solid #efd7bf;border-radius:12px;background:white;display:flex;align-items:center;overflow:hidden}.search svg{width:24px;margin:0 12px;fill:none;stroke:#333;stroke-width:1.8}.search input{border:0;outline:0;font-size:15px;flex:1;min-width:0}.search button{height:100%;border:0;padding:0 24px;color:white;background:linear-gradient(135deg,#ff7112,#ff4a12);font-weight:800;font-size:14px;cursor:pointer}.quick-actions{display:flex;justify-content:flex-end;gap:12px}.icon-action,.login{background:none;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#201e1c}.icon-action{width:72px;position:relative;flex-direction:column;font-size:26px}.icon-action small{font-size:11px;margin-top:2px}.badge{position:absolute;top:-4px;right:13px;background:#ff4d23;color:#fff;font-size:10px;border-radius:20px;min-width:18px;height:18px;line-height:18px}.heart{font-size:32px}.login{gap:10px;border-left:1px solid #eadfce;padding-left:20px}.login>span{font-size:31px}.login div{text-align:left}.login b,.login small{display:block;font-size:12px}.hero{height:220px;border-radius:0 0 24px 24px;margin-top:-2px;overflow:hidden;position:relative;background-image:linear-gradient(90deg,rgba(245,82,7,.15),rgba(255,146,19,.05)),url('assets/hero-reference.jpg');background-size:cover;background-position:center;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,77,0,.25),transparent 58%,rgba(3,99,56,.05));pointer-events:none}.hero-content{height:100%;position:relative;z-index:1;padding:24px 0 0 215px;display:flex;align-items:flex-start}.hero-copy{max-width:610px;text-shadow:0 2px 2px rgba(65,39,0,.22)}.eyebrow{background:rgba(255,247,219,.94);color:#9a3a00;border-radius:20px;padding:6px 13px;font-weight:800;font-size:11px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.hero h1{font-size:43px;line-height:.95;margin:14px 0 7px;color:#fff6d9;letter-spacing:-1px;text-shadow:0 3px 0 #b83400,0 6px 13px rgba(102,35,0,.38)}.hero p{font-weight:700;color:#fff7db;margin:0 0 12px}.hero p i{font-style:normal;color:#ffd400;margin:0 8px}.hero-badges{display:flex;gap:10px}.pill{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;color:white;border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 10px rgba(79,38,0,.18)}.pill span{display:flex;flex-direction:column}.pill b{font-size:10px}.pill small{font-size:8px;font-weight:800}.pill.green{background:#0d774a}.pill.gold{background:#e49505}.market-wrap{display:grid;grid-template-columns:260px 1fr;gap:12px;margin-top:12px}.panel,.products-area{background:rgba(255,252,246,.98);border:1px solid rgba(230,215,195,.9);box-shadow:var(--shadow)}.panel{border-radius:14px;padding:14px 13px}.panel+.panel{margin-top:12px}.panel h2{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.panel h2 span{color:var(--orange)}.category{width:100%;border:0;background:transparent;padding:8px 9px;border-radius:8px;display:grid;grid-template-columns:24px 1fr 10px;text-align:left;align-items:center;cursor:pointer;color:#433d36}.category span{font-size:12px}.category b{color:#8f857a}.category.active{background:#ffe7c3;color:#ff5b18}.more{border:0;background:transparent;color:#756d65;padding:8px 34px;cursor:pointer}.filters{padding-top:15px}.filter-group{border-top:1px solid #e9dfd2;padding-top:13px;margin-top:13px}.filter-group:first-of-type{border-top:0;margin-top:0}.filter-group h3{font-size:13px;margin:0 0 9px}.filter-group label{display:flex;gap:8px;align-items:center;margin:9px 0;font-size:12px}.filter-group input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid #c8bfb5;border-radius:3px;background:white;display:grid;place-items:center}.filter-group input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange)}.filter-group input[type=checkbox]:checked:after{content:"✓";color:white;font-size:11px}.price-inputs{display:flex;align-items:center;gap:7px}.price-inputs input{width:100%;min-width:0;border:1px solid #dfd7cf;border-radius:7px;padding:9px 8px;background:white}.range{width:100%;accent-color:var(--orange);margin-top:10px}.products-area{border-radius:14px;padding:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#7e7368}.breadcrumb strong{color:var(--orange);font-weight:600}.view-actions{display:flex;align-items:center;gap:7px}.view-actions label{font-size:11px}.view-actions select{border:1px solid #e1d7cb;background:white;border-radius:7px;padding:8px 29px 8px 10px;font-size:11px}.view-btn{border:1px solid #e1d7cb;background:white;border-radius:7px;width:34px;height:34px;color:#9a8f84;cursor:pointer;font-size:18px}.view-btn.active{color:#ff5c1b;background:#fff2ea;border-color:#ffb48e}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-card{background:white;border:1px solid #eadfd3;border-radius:9px;overflow:hidden;position:relative;transition:.18s;box-shadow:0 1px 3px rgba(80,46,10,.04)}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(93,48,4,.15)}.product-image-wrap{height:150px;background:#eee;overflow:hidden;position:relative}.product-image{width:100%;height:100%;object-fit:cover;display:block}.discount{position:absolute;right:7px;top:6px;background:#ff4f27;color:#fff;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:800}.labels{position:absolute;left:5px;bottom:5px;display:flex;gap:4px;flex-wrap:wrap}.label{font-size:8px;font-weight:900;padding:3px 5px;border-radius:3px;background:#fff;color:#e45c00}.label.ocop{color:#008b51}.label.free{background:#0b8a57;color:white}.label.hot{background:#ff5c1c;color:white}.product-body{padding:9px 10px 10px}.product-title{font-size:12px;line-height:1.35;height:34px;overflow:hidden;margin-bottom:7px}.price-line{display:flex;align-items:baseline;gap:7px}.price{color:#ff4e16;font-size:17px;font-weight:900}.old-price{font-size:9px;color:#9f948a;text-decoration:line-through}.meta{font-size:9px;color:#8a8076;margin-top:7px}.meta .star{color:#ff9912;font-size:12px}.card-actions{display:flex;gap:7px;margin-top:9px}.add-cart,.detail-btn{border:0;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:700;cursor:pointer}.add-cart{background:var(--orange);color:white;flex:1}.detail-btn{background:#fff3e9;color:#f05a16}.product-grid.list{grid-template-columns:1fr}.product-grid.list .product-card{display:grid;grid-template-columns:220px 1fr}.product-grid.list .product-image-wrap{height:155px}.product-grid.list .product-title{font-size:16px;height:auto;margin-bottom:10px}.product-grid.list .price{font-size:20px}.empty{text-align:center;padding:60px 20px;color:#8e8174}.hidden{display:none}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);background:#087347;color:white;padding:10px 18px;border-radius:30px;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:16px;width:min(520px,92vw);box-shadow:0 20px 80px rgba(0,0,0,.3);padding:0}dialog::backdrop{background:rgba(43,23,8,.35);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee}.dialog-head h3{margin:0}.dialog-head button{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{padding:8px 20px;max-height:360px;overflow:auto}.cart-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.cart-row img{width:54px;height:54px;object-fit:cover;border-radius:8px}.cart-row b{display:block;font-size:12px}.cart-row small{color:#f25a1a}.cart-total{display:flex;justify-content:space-between;padding:16px 20px;font-size:16px}.checkout{margin:0 20px 20px;width:calc(100% - 40px);border:0;background:linear-gradient(135deg,#ff6b13,#ff4917);color:white;padding:13px;border-radius:10px;font-weight:800;cursor:pointer}
@media (max-width:1100px){.topbar{grid-template-columns:230px 1fr 190px}.quick-actions .login{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-content{padding-left:80px}.market-wrap{grid-template-columns:220px 1fr}}
@media (max-width:760px){body{background:#fff7ec}.page-shell{padding:0}.topbar{border-radius:0;height:auto;padding:12px;grid-template-columns:1fr auto;gap:10px}.brand{grid-column:1}.brand b,.brand strong{font-size:16px}.brand-mark{width:44px;height:43px}.search{grid-column:1/3;grid-row:2}.quick-actions{grid-column:2;grid-row:1}.icon-action{width:48px}.icon-action small{display:none}.hero{height:240px;border-radius:0;background-position:center}.hero-content{padding:28px 18px}.hero h1{font-size:35px}.hero-badges{flex-wrap:wrap}.market-wrap{grid-template-columns:1fr;margin-top:8px}.sidebar{padding:0 8px}.categories{overflow:auto;white-space:nowrap}.categories h2,.more{display:none}.category{display:inline-grid;width:auto;grid-template-columns:20px auto;padding:8px 10px;margin-right:6px;background:white;border:1px solid #eee}.category b{display:none}.filters{display:none}.products-area{border-radius:0;border-left:0;border-right:0}.toolbar{align-items:flex-start;gap:10px}.view-actions label,.view-btn{display:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:7px}.product-image-wrap{height:142px}.product-title{font-size:11px}.price{font-size:15px}.card-actions{display:none}.product-grid.list .product-card{grid-template-columns:130px 1fr}.product-grid.list .product-image-wrap{height:130px}}

/* Keep the product list centered inside its panel after removing categories. */
.market-wrap{grid-template-columns:260px minmax(0,1fr);min-width:0}
.products-area{min-width:0;overflow:hidden}
.toolbar,.view-actions{min-width:0}
.view-actions select{max-width:100%}
.product-grid{justify-content:center}
.product-card{width:100%;max-width:260px;justify-self:center}
.product-grid.list .product-card{max-width:none}

@media (max-width:1100px) and (min-width:761px){
  .market-wrap{grid-template-columns:220px minmax(0,1fr)}
}

@media (max-width:760px){
  .page-shell{overflow:hidden}
  .topbar{grid-template-columns:minmax(0,1fr) auto}
  .brand{min-width:0}
  .brand-mark{flex:0 0 44px}
  .search{min-width:0}
  .search button{padding:0 18px}
  .market-wrap{grid-template-columns:minmax(0,1fr);width:100%}
  .sidebar{display:none}
  .products-area{width:100%;padding:12px}
  .toolbar{flex-wrap:wrap}
  .view-actions{margin-left:auto}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .product-card{max-width:190px}
  .product-grid.list .product-card{grid-template-columns:130px minmax(0,1fr);max-width:none}
}

/* Streamlined catalog: banner first, no header or filters. */
body{background:#fff7ec}
.page-shell{padding-top:14px}
.hero{height:auto;margin:0;border-radius:22px;background:none;box-shadow:var(--shadow)}
.hero:after{display:none}
.hero>img{display:block;width:100%;height:auto}
.market-wrap{display:block;margin-top:14px}
.products-area{width:100%}

@media (max-width:760px){
  .page-shell{padding-top:0}
  .hero{border-radius:0}
  .market-wrap{margin-top:8px}
}

/* Text-first live deal catalog for Quế Food and Hương Rừng. */
.products-area{padding:20px}
.catalog{display:block}
.brand-section+.brand-section{margin-top:30px}
.brand-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;border-radius:14px;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,#f05a17,#ff8723)}
.brand-heading span{display:block;font-size:10px;font-weight:900;letter-spacing:1.6px;opacity:.9}
.brand-heading h2{margin:2px 0 0;font-size:25px;letter-spacing:.4px}
.brand-heading p{margin:0;max-width:430px;text-align:right;font-size:13px;font-weight:700;line-height:1.4}
.brand-section.huong .brand-heading{background:linear-gradient(135deg,#087347,#0e9a5f)}
.brand-profile{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,2fr);gap:14px;margin-bottom:16px}
.profile-facts,.product-highlight{border:1px solid #eadfd3;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(82,48,13,.06)}
.profile-facts{padding:9px 16px}
.profile-facts>div{padding:9px 0;border-bottom:1px solid #eee5da}
.profile-facts>div:last-child{border-bottom:0}
.profile-facts span{display:block;margin-bottom:3px;color:#a05222;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.brand-section.huong .profile-facts span{color:#087347}
.profile-facts strong{display:block;font-size:12px;line-height:1.45}
.product-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-highlight{padding:15px}
.brand-section.huong .product-highlights{grid-template-columns:1fr}
.highlight-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.highlight-title h3{margin:0;font-size:15px;line-height:1.35}
.highlight-title span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#fff0e7;color:#e64e0a;font-size:9px;font-weight:900;text-transform:uppercase}
.brand-section.huong .highlight-title span{background:#e8f7ef;color:#087347}
.product-highlight ul{margin:11px 0 0;padding-left:17px;color:#665c53;font-size:11px;line-height:1.5}
.product-highlight li+li{margin-top:5px}
.deal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.deal-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #eadfd3;border-top:4px solid #f26722;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(82,48,13,.08)}
.brand-section.huong .deal-card{border-top-color:#087347}
.deal-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.deal-badge{padding:5px 9px;border-radius:999px;background:#fff0e7;color:#e64e0a;font-size:11px;font-weight:900;text-transform:uppercase}
.brand-section.huong .deal-badge{background:#e8f7ef;color:#087347}
.deal-limit{color:#897a6c;font-size:10px;font-weight:800;text-align:right}
.deal-card h3{margin:0 0 12px;font-size:17px;line-height:1.3;color:#342f2a}
.deal-price{color:#ef5415;font-size:26px;font-weight:950;line-height:1}
.brand-section.huong .deal-price{color:#087347}
.deal-old{min-height:18px;margin-top:7px;color:#887b70;font-size:11px;font-weight:700}
.deal-codes{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 2px}
.deal-codes span{padding:5px 8px;border-radius:6px;background:#342f2a;color:#fff;font-size:10px;font-weight:900;letter-spacing:.4px}
.deal-card ul{margin:13px 0 0;padding-left:18px;color:#665c53;font-size:12px;line-height:1.5}
.deal-card li+li{margin-top:5px}

@media (max-width:1100px){
  .brand-profile{grid-template-columns:1fr}
  .deal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .products-area{padding:12px}
  .brand-heading{display:block;padding:14px 16px}
  .brand-heading h2{font-size:22px}
  .brand-heading p{margin-top:6px;text-align:left;font-size:11px}
  .product-highlights{grid-template-columns:1fr}
  .deal-grid{grid-template-columns:1fr;gap:10px}
  .deal-card{padding:14px}
}

/* Two brand URLs with compact product cards and on-demand detail. */
.brand-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:8px;border:1px solid #eadfd3;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(82,48,13,.08)}
.brand-tabs a{padding:12px 18px;border-radius:9px;color:#6f655d;text-align:center;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.5px;transition:.18s}
.brand-tabs a:hover{background:#fff3e9;color:#e64e0a}.brand-tabs .que-tab.active{background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff}.brand-tabs .huong-tab.active{background:linear-gradient(135deg,#087347,#0e9a5f);color:#fff}
.compact-brand-heading{margin-bottom:16px}.compact-brand-heading.huong{background:linear-gradient(135deg,#087347,#0e9a5f)}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,300px));justify-content:center;gap:16px}.deal-product-card{display:flex;flex-direction:column;width:100%;max-width:300px;border-radius:13px;box-shadow:0 4px 14px rgba(82,48,13,.11)}.deal-product-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(93,48,4,.16)}.deal-product-card .product-image-wrap{height:auto;aspect-ratio:3/2;background:#f6eee4}.deal-product-card .discount{top:8px;right:8px;max-width:70%;padding:5px 8px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.deal-product-card .labels{left:8px;bottom:8px;gap:5px}.deal-product-card .label{padding:4px 7px;border-radius:4px;font-size:9px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.deal-product-card .product-body{display:flex;flex:1;flex-direction:column;padding:13px 14px 14px}.deal-product-card .product-title{height:42px;margin-bottom:9px;font-size:14px;font-weight:750;line-height:1.45}.deal-product-card .price-line{min-height:29px;gap:9px;flex-wrap:wrap}.deal-product-card .price{font-size:22px;line-height:1;color:#f45119}.deal-product-card.huong .price{color:#087347}.deal-product-card .old-price{font-size:10px}.deal-product-card .value-note{color:#8a8076;font-size:10px;font-weight:700}.deal-product-card .meta{display:flex;align-items:center;gap:5px;min-height:20px;margin-top:8px;font-size:10px}.deal-product-card .meta .star{font-size:14px}.deal-product-card .meta-separator{color:#d7ccc1}.deal-product-card .card-actions{display:flex;margin-top:auto;padding-top:11px}.deal-product-card .detail-btn{width:100%;padding:10px 12px;border-radius:9px;background:linear-gradient(135deg,#ff7112,#f34f18);color:#fff;font-size:11px;box-shadow:0 4px 10px rgba(243,79,24,.2)}.deal-product-card.huong .detail-btn{background:linear-gradient(135deg,#0e9860,#087347);color:#fff;box-shadow:0 4px 10px rgba(8,115,71,.2)}
.detail-dialog{width:min(760px,94vw);max-height:88vh;overflow:auto}.detail-content{padding:20px}.detail-content form>h2{margin:12px 0 6px;font-size:25px}.detail-content form>h3{margin:22px 0 9px;font-size:15px}.modal-brand{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff0e7;color:#e64e0a;font-size:10px;font-weight:900}.modal-brand.huong{background:#e8f7ef;color:#087347}.modal-price{color:#ef5415;font-size:30px;font-weight:950}.modal-old{margin:4px 0 10px;color:#887b70;font-size:12px;font-weight:700}.modal-list{margin:0;padding-left:20px;color:#5f554d;font-size:13px;line-height:1.6}.modal-product-info{margin-top:16px;padding:15px;border:1px solid #eadfd3;border-radius:11px;background:#fffaf3}.modal-product-info h4{margin:0;font-size:15px}.modal-product-info ul{margin:10px 0 0;padding-left:18px;color:#5f554d;font-size:12px;line-height:1.55}.modal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal-facts>div{padding:10px;border-radius:8px;background:#f7f3ee}.modal-facts span{display:block;color:#9a6743;font-size:9px;font-weight:900;text-transform:uppercase}.modal-facts strong{display:block;margin-top:3px;font-size:11px;line-height:1.4}
.modal-product-image{display:block;width:100%;max-height:300px;margin-bottom:15px;border-radius:12px;object-fit:cover;aspect-ratio:3/2}
@media (max-width:600px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deal-product-card .product-body{padding:9px}.deal-product-card .product-title{height:36px;margin-bottom:7px;font-size:12px;line-height:1.4}.deal-product-card .price{font-size:18px}.deal-product-card .old-price,.deal-product-card .value-note{font-size:8px}.deal-product-card .meta{align-items:flex-start;flex-wrap:wrap;gap:3px;font-size:8px}.deal-product-card .shipping-card-note{font-size:8px}.deal-product-card .detail-btn{padding:9px 6px;font-size:10px}}
@media (max-width:520px){.brand-tabs{margin:8px 8px 0}.brand-tabs a{padding:10px 8px;font-size:11px}.modal-facts{grid-template-columns:1fr}}

.buy-button{display:flex;align-items:center;justify-content:center;gap:7px}.buy-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shipping-card-note{margin-top:4px;color:#9a5d37;font-size:9px;font-weight:700}
.customer-block{margin:20px 0 0;padding:15px;border:1px solid #eadfd3;border-radius:12px;background:#fff}.customer-block>h3{margin:0 0 12px;font-size:15px}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.customer-fields label{display:flex;flex-direction:column;gap:6px}.customer-fields label>span{font-size:11px;font-weight:800}.customer-fields label>span b{color:#e64e0a}.customer-fields input,.customer-fields textarea{width:100%;border:1px solid #d9cfc4;border-radius:8px;padding:10px 11px;background:#fff;color:#342f2a;font:inherit;font-size:12px;outline:none}.customer-fields input:focus,.customer-fields textarea:focus{border-color:#ef6a2e;box-shadow:0 0 0 3px rgba(239,106,46,.1)}.customer-fields textarea{resize:vertical}.customer-fields .address-field{grid-column:1/-1}.shipping-notice{margin:12px 0 0;padding:10px;border-radius:8px;background:#fff3e8;color:#784b2e;font-size:10px;line-height:1.5}.shipping-notice strong{color:#e64e0a}
.payment-block{margin:20px 0 4px;padding:15px;border:1px solid #eadfd3;border-radius:12px;background:#fffaf3}.payment-block>h3{margin:0 0 12px;font-size:15px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-option{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #ded5ca;border-radius:10px;background:#fff;cursor:pointer}.payment-option input{position:absolute;opacity:0;pointer-events:none}.payment-option.active{border-color:#ef6a2e;box-shadow:0 0 0 2px rgba(239,106,46,.12)}.payment-option.disabled{opacity:.48;cursor:not-allowed}.payment-icon{font-size:23px}.payment-option b,.payment-option small{display:block}.payment-option b{font-size:12px}.payment-option small{margin-top:3px;color:#81766c;font-size:9px}.payment-panel{margin-top:11px;padding:11px;border-radius:9px;background:#f3eee8;color:#514940}.payment-panel>b{font-size:12px}.payment-panel>p{margin:5px 0 0;font-size:10px;line-height:1.45}.generate-qr{width:100%;border:0;border-radius:8px;padding:10px;background:#087347;color:#fff;font-weight:800;cursor:pointer}.qr-result{display:flex;flex-direction:column;align-items:center;margin-top:12px}.qr-code{display:grid;place-items:center;width:min(100%,290px);padding:7px;border-radius:8px;background:#fff}.qr-code img{display:block!important;width:100%;max-width:270px;height:auto}.qr-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px}.qr-meta b{font-size:11px}.qr-meta span{padding:5px 8px;border-radius:999px;background:#fff0e7;color:#dc4d0b;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.qr-result>p{margin:10px 0 0;color:#8b6a57;font-size:9px;text-align:center;line-height:1.45}.qr-expired{display:grid;place-items:center;width:210px;height:210px;border:2px dashed #cabdaf;color:#9a3120;font-size:13px;font-weight:800}.hidden{display:none!important}
.confirm-order{width:100%;margin-top:12px;border:0;border-radius:9px;padding:12px;background:linear-gradient(135deg,#ff7112,#f34f18);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.order-feedback{margin:10px 0 0;padding:9px;border-radius:8px;background:#fff0eb;color:#a33c1a;font-size:10px;font-weight:700;line-height:1.45}.order-feedback.success{background:#e9f7ef;color:#087347}
@media (max-width:520px){.customer-fields,.payment-options{grid-template-columns:1fr}.customer-fields .address-field{grid-column:auto}.qr-meta{align-items:flex-start;flex-direction:column}.detail-content{padding:15px}}

.cart-fab{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 15px;background:#26312b;color:#fff;box-shadow:0 8px 24px rgba(25,32,28,.28);font-weight:900;cursor:pointer}.cart-fab.has-items{background:linear-gradient(135deg,#ff7112,#f34f18)}.cart-fab b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#fff;color:#e94e13;font-size:11px}.cart-block{margin-bottom:18px}.cart-block>h3{margin:0 0 12px}.cart-items{display:grid;gap:9px}.cart-item{display:grid;grid-template-columns:72px 1fr auto auto;align-items:center;gap:11px;padding:9px;border:1px solid #e9dfd4;border-radius:11px;background:#fff}.cart-item>img{width:72px;height:58px;border-radius:8px;object-fit:cover}.cart-item-main{min-width:0}.cart-item-main span{display:block;color:#9a6743;font-size:8px;font-weight:900}.cart-item-main b{display:block;margin:3px 0;font-size:12px}.cart-item-main small{color:#7d7168;font-size:9px}.quantity-control{display:flex;align-items:center;gap:7px}.quantity-control button,.remove-cart-item{display:grid;place-items:center;border:1px solid #e0d5ca;background:#fff;cursor:pointer}.quantity-control button{width:28px;height:28px;border-radius:8px;font-size:17px}.quantity-control strong{min-width:18px;text-align:center;font-size:12px}.remove-cart-item{width:26px;height:26px;border-radius:50%;color:#b74626;font-size:17px}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px;border-radius:10px;background:#fff3e8}.cart-total span{font-size:12px;font-weight:800}.cart-total b{color:#ef5415;font-size:23px}.empty-cart{display:grid;place-items:center;padding:42px 20px;text-align:center}.empty-cart>span{font-size:40px}.empty-cart b{margin-top:10px;font-size:17px}.empty-cart p{margin:6px 0 0;color:#776c63;font-size:11px}.confirm-order:disabled{opacity:.65;cursor:wait}
@media (max-width:600px){.cart-fab{right:12px;bottom:12px;padding:10px 12px}.cart-item{grid-template-columns:58px 1fr auto;gap:8px}.cart-item>img{width:58px;height:50px}.remove-cart-item{grid-column:3;grid-row:1;align-self:start}.quantity-control{grid-column:3;grid-row:1;margin-top:29px}.cart-total b{font-size:19px}}
.qr-hint{margin:0;font-size:12px;line-height:1.5}
.order-status{margin:0 0 12px;scroll-margin-top:8px}.status-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid}.status-card>div>b{display:block;font-size:15px}.status-card p{margin:4px 0 0;font-size:12.5px;line-height:1.5}.status-card.ok{background:#ecfdf3;border-color:#86efac;color:#14532d}.status-card.wait{background:#fff7ed;border-color:#fdba74;color:#7c2d12}.status-card.bad{background:#f5f5f4;border-color:#d6d3d1;color:#44403c}.status-icon{font-size:26px;line-height:1}.status-spinner{flex:none;width:24px;height:24px;border-radius:50%;border:3px solid #fed7aa;border-top-color:#ea580c;animation:spin 0.9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Lan Chi Oil */
.brand-tabs{grid-template-columns:repeat(3,1fr)}
.brand-tabs .lanchi-tab.active{background:linear-gradient(135deg,#1d5e2c,#2f8a3e);color:#fff}
.compact-brand-heading.lanchi{background:linear-gradient(135deg,#1d5e2c,#2f8a3e)}
.deal-product-card.lanchi .price{color:#1d6b30}
.deal-product-card.lanchi .detail-btn{background:linear-gradient(135deg,#2f8a3e,#1d5e2c);color:#fff;box-shadow:0 4px 10px rgba(29,94,44,.2)}
.modal-brand.lanchi{background:#eaf6e8;color:#1d6b30}
.brand-notice{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff8e1;border:1px dashed #e0a800;color:#7a5200;font-weight:800;text-align:center}
.product-image[src*="lanchi-"]{object-position:center 58%}
.hero-thumb{position:absolute;right:12px;bottom:12px;z-index:2;width:236px;padding:3px;border:2px solid #fff;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);cursor:pointer;overflow:hidden}
.hero-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}
.hero-thumb span{position:absolute;left:3px;right:3px;bottom:3px;padding:2px 0;border-radius:0 0 7px 7px;background:rgba(240,90,23,.92);color:#fff;font-size:13px;font-weight:800}
.banner-dialog{max-width:min(960px,94vw);padding:0;border:0;border-radius:14px;background:transparent;overflow:visible}
.banner-dialog::backdrop{background:rgba(0,0,0,.7)}
.banner-dialog img{display:block;width:100%;border-radius:14px}
.banner-dialog button{position:absolute;top:-14px;right:-6px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}
@media (max-width:520px){.hero-thumb{width:96px;right:6px;bottom:6px;padding:2px;border-radius:8px}.hero-thumb span{font-size:10px;padding:1px 0}}
/* Cả 3 trang dùng chung màu cam của banner */
.brand-tabs .huong-tab.active,.brand-tabs .lanchi-tab.active{background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff}
.alert-dialog{width:min(420px,90vw);padding:28px 24px 22px;border:0;border-radius:20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.alert-dialog::backdrop{background:rgba(0,0,0,.55)}
.alert-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#fff1e8;color:#f05a17;font-size:38px;font-weight:900;line-height:64px}
.alert-dialog h3{margin:0 0 10px;font-size:22px;color:#222}
.alert-dialog p{margin:0 0 22px;font-size:18px;line-height:1.5;font-weight:700;color:#c2410c}
.alert-dialog button{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff;font-size:17px;font-weight:800;cursor:pointer}
/* Thông báo đã thêm vào giỏ */
.cart-toast{position:fixed;left:50%;bottom:20px;z-index:60;display:grid;grid-template-columns:64px 1fr;gap:6px 12px;align-items:center;width:min(440px,calc(100vw - 20px));padding:12px;border-radius:16px;background:#fff;border:2px solid #22a35a;box-shadow:0 14px 40px rgba(0,0,0,.28);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,1.3,.4,1),opacity .2s}
.cart-toast.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.cart-toast.warn{border-color:#f05a17}
.cart-toast img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.toast-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.toast-main b{color:#168a49;font-size:16px}
.cart-toast.warn .toast-main b{color:#c2410c}
.toast-main span{font-weight:700;font-size:14px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast-main small{color:#6b6b6b;font-size:12px}
.toast-actions{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.toast-actions button{padding:11px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;border:1px solid #e6d8cc;background:#fff;color:#555}
.toast-actions button[data-toast=cart]{border:0;background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff}
.cart-fab.bump{animation:cartBump .5s ease}
@keyframes cartBump{0%,100%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(.95)}}
/* Hoá đơn thành công */
.receipt-dialog{width:min(460px,94vw);max-height:92vh;padding:0;border:0;border-radius:22px;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.receipt-dialog::backdrop{background:rgba(0,0,0,.6)}
.receipt{padding:26px 22px 20px;border-top:8px solid #f05a17;text-align:center;background:#fff}
.receipt-check{width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:#22a35a;color:#fff;font-size:42px;font-weight:900;line-height:72px;box-shadow:0 0 0 10px #e7f7ee}
.receipt h3{margin:8px 0 4px;font-size:24px;color:#1f2937}
.receipt-amount{font-size:40px;font-weight:900;color:#f05a17;line-height:1.15}
.receipt-sub{margin:4px 0 14px;color:#6b7280;font-weight:600}
.receipt dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;padding:14px 0;border-top:2px dashed #eee3d9;text-align:left;font-size:15px}
.receipt dt{color:#6b7280;font-weight:600}
.receipt dd{margin:0;color:#111827;font-weight:700;word-break:break-word}
.receipt-items{list-style:none;margin:0;padding:12px 0;border-top:2px dashed #eee3d9;text-align:left}
.receipt-items li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:15px}
.receipt-items small{color:#9ca3af}
.receipt-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:2px dashed #eee3d9;font-size:18px;font-weight:800}
.receipt-total b{color:#f05a17;font-size:22px}
.receipt-note{margin:4px 0 16px;color:#6b7280;font-size:13px}
.receipt-actions{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.receipt-actions button{padding:14px;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;border:1px solid #e6d8cc;background:#fff;color:#555}
.receipt-actions [data-act=save]{border:0;background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff}
.receipt-open{margin-top:8px;padding:8px 14px;border:0;border-radius:9px;background:#22a35a;color:#fff;font-weight:800;cursor:pointer}
.bulk-line{display:flex;justify-content:space-between;gap:10px;margin:8px 0;padding:10px 12px;border-radius:10px;background:#fff8e1;border:1px dashed #e0a800;color:#7a5200;font-size:14px;font-weight:700}
.bulk-line.ok{background:#e9f8ef;border-color:#22a35a;color:#146c3a}
.bulk-line.ok b{color:#146c3a;white-space:nowrap}
/* chừa chỗ cho nút giỏ hàng nổi, không che nút Mua của thẻ cuối */
.page-shell{padding-bottom:96px}
.quota-left{margin:6px 0 2px;font-size:12px;font-weight:800;color:#c2410c}
.product-card.sold-out .product-image{filter:grayscale(.7);opacity:.75}
.product-card.sold-out .add-cart{background:#cfcfcf!important;box-shadow:none!important;cursor:not-allowed}
.live-note{margin:4px 0;padding:6px 8px;border-radius:8px;background:#fff8e1;border:1px dashed #e0a800;color:#7a5200;font-size:11.5px;font-weight:700;line-height:1.35}
.live-overlay{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8) 35%);color:#fff;font-size:10px;font-weight:700;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.live-overlay span{display:block}
.live-overlay .quota-left{display:block;margin:3px 0 0;color:#ffd54a;font-size:11px}
.live-overlay .quota-left:empty{display:none}
.has-live .labels{top:8px;bottom:auto}
.has-live .discount{max-width:55%}
@media (min-width:700px){.live-overlay{font-size:12px;padding:28px 10px 8px}.live-overlay .quota-left{font-size:13px}}
/* 30/10: ẩn tab Lan Chi → còn 2 tab */
.brand-tabs{grid-template-columns:repeat(2,1fr)}
/* v2: thông tin nhãn hàng */
.brand-info{margin:0 0 16px;background:#fff;border:1px solid #f0e2d6;border-radius:14px;padding:0 16px;box-shadow:0 2px 10px rgba(82,48,13,.06)}
.brand-info summary{cursor:pointer;padding:12px 0;font-weight:800;color:#c2410c;list-style:none}
.brand-info summary::-webkit-details-marker{display:none}
.brand-info summary::after{content:"▾";float:right;transition:transform .2s}
.brand-info[open] summary::after{transform:rotate(180deg)}
.brand-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px;font-size:14px}
.brand-info dt{color:#78716c;font-weight:600} .brand-info dd{margin:0;font-weight:600;color:#1f2937}
.brand-info section{border-top:1px dashed #eadfd3;padding:10px 0}
.brand-info h4{margin:0 0 6px;font-size:15px} .brand-info h4 span{font-size:12px;background:#fff1e8;color:#c2410c;border-radius:999px;padding:2px 8px;margin-left:6px}
.brand-info ul{margin:0;padding-left:20px;font-size:14px;line-height:1.55}
/* v2: nhãn hàng đã ẩn → báo phiên bán đã kết thúc */
.ended-card{margin:24px auto;max-width:560px;text-align:center;background:#fff;border:1px solid #f0e2d6;border-radius:20px;padding:32px 22px;box-shadow:0 6px 24px rgba(82,48,13,.08)}
.ended-icon{font-size:46px} .ended-card h2{margin:10px 0 8px;font-size:22px;color:#1f2937} .ended-card p{color:#57534e;margin:6px 0}
.ended-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
.ended-links a{padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,#f05a17,#ff8723);color:#fff;font-weight:800;text-decoration:none}

/* Màu chủ đạo của phiên live (đổi được trên CMS v2): --theme nền, --theme2 đầu kia của dải màu, --theme-ink chữ trên nền màu, --theme-soft nền nhạt */
:root{--theme:#cdeb52;--theme2:#e4f55e;--theme-ink:#1f3a0e;--theme-soft:#f5fbe3}
body{background:var(--theme-soft)}
.brand-tabs a:hover{background:var(--theme-soft);color:var(--theme-ink)}
.brand-tabs a.active,.brand-tabs .que-tab.active,.brand-tabs .huong-tab.active,.brand-tabs .lanchi-tab.active,
.brand-heading,.brand-section.huong .brand-heading,.compact-brand-heading.huong,.compact-brand-heading.lanchi,
.deal-product-card .detail-btn,.confirm-order,.checkout,.cart-fab.has-items,.alert-dialog button,
.toast-actions button[data-toast=cart],.receipt-actions [data-act=save],.ended-links a{background:linear-gradient(135deg,var(--theme),var(--theme2));color:var(--theme-ink)}
.deal-product-card .detail-btn{box-shadow:0 4px 10px rgba(0,0,0,.12)}
.brand-heading span{opacity:.75}
.deal-badge,.highlight-title span,.modal-brand,.alert-icon{background:var(--theme-soft);color:var(--theme-ink)}
.receipt{border-top-color:var(--theme)}
.cart-toast.warn{border-color:var(--theme)}
/* Gom mọi nhãn vào 1 màn hình (LAYOUT='combined'): tab dính đầu màn hình, bấm để nhảy tới nhãn */
.layout-combined .brand-tabs{position:sticky;top:6px;z-index:15}
.brand-block{scroll-margin-top:84px}.brand-block+.brand-block{margin-top:28px}
.layout-combined .page-shell{overflow:clip}
/* Gom chung 1 khối: tên nhãn nhỏ trên mỗi thẻ để khách biết món của nhãn nào */
.card-brand{margin-bottom:4px;color:#3f6212;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.brand-tabs:empty{display:none}
.discount.code-badge{font-size:13px;letter-spacing:.5px;padding:4px 9px}
/* Số suất còn lại nằm bên phải, cùng hàng với "Chưa bao gồm phí ship COD" */
.card-note-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-top:4px}
.card-note-row .shipping-card-note{flex:1 1 auto;min-width:0;margin-top:0}
.card-note-row .quota-left{flex:0 1 auto;max-width:60%;margin:0;text-align:right;line-height:1.25}
.card-note-row .quota-left:not(.is-long){flex:none;max-width:none;white-space:nowrap}
@media (max-width:600px){.card-note-row .quota-left{font-size:10px}}
/* Khoá mua (Studio): món vẫn hiện nhưng mờ, nhãn "Sắp mở bán" trên ảnh; bấm "Mở cho mua" là sáng lên */
.product-card.is-locked .product-image-wrap::after{content:"SẮP MỞ BÁN";position:absolute;left:8px;top:8px;z-index:2;padding:4px 9px;border-radius:7px;background:rgba(15,23,42,.82);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px}