/* =====================================================================
   Mr Pollo Fresco — extra ALT looks (built on top of ALT 8.1 "sign")
   ALT 8.2 mercado · ALT 8.3 cho · ALT 8.4 chalk · ALT 8.5 kraft · ALT 8.6 modern
   Used by the website and by the order / recipes / blog / account pages.
   ===================================================================== */
.picado,.lanterns,.cutchart,.qbar{display:none}

/* ---------------------------------------------------------------- 8.2 MERCADO */
html[data-variant="mercado"]{--navy:#c4532d;--red:#c4532d;--ink:#3b1f14;--muted:#7a5a48;--line:#ecd3b4;--paper:#fff;--cream:#fff3df;--bg:#fff3df;--soft:#ffe9c7}
html[data-variant="mercado"] body{background:#fff3df;color:#3b1f14;font-family:Nunito,"Be Vietnam Pro",system-ui,sans-serif!important}
html[data-variant="mercado"] h1,html[data-variant="mercado"] h2,html[data-variant="mercado"] h3,html[data-variant="mercado"] h4{font-family:Lobster,"Playfair Display",Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
html[data-variant="mercado"] nav.top,html[data-variant="mercado"] body:not(.site)>header{background:#12a39a!important;border-bottom:0!important;color:#fff!important}
html[data-variant="mercado"] nav.top .brand,html[data-variant="mercado"] body:not(.site)>header .name{color:#fff!important;font-family:Lobster,Georgia,serif!important;text-transform:none!important;font-weight:400!important;font-size:26px}
html[data-variant="mercado"] nav.top .links a{color:#fff!important;font-family:Nunito,sans-serif!important;font-weight:800;text-transform:none!important}
html[data-variant="mercado"] .btn,html[data-variant="mercado"] button,html[data-variant="mercado"] .chip,html[data-variant="mercado"] .kicker,html[data-variant="mercado"] .promise{font-family:Nunito,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
html[data-variant="mercado"] .btn{border-radius:99px!important;font-weight:800}
html[data-variant="mercado"] .btn.red,html[data-variant="mercado"] .btn.primary{background:#e0337a!important;color:#fff!important}
html[data-variant="mercado"] .picado{display:block;height:46px;margin:0 0 22px;border-top:2px solid #3b1f14;
  background:repeating-linear-gradient(90deg,#e0337a 0 54px,#0000 54px 60px,#f2a516 60px 114px,#0000 114px 120px,#12a39a 120px 174px,#0000 174px 180px,#c4532d 180px 234px,#0000 234px 240px,#7b4fd1 240px 294px,#0000 294px 300px);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='46'%3E%3Cpath d='M0 0h60v34l-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8z' fill='%23000'/%3E%3Cpath d='M30 10l5 5-5 5-5-5zM15 22l3 3-3 3-3-3zM45 22l3 3-3 3-3-3z' fill='%23fff'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='46'%3E%3Cpath d='M0 0h60v34l-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8-5 8-5-8z' fill='%23000'/%3E%3C/svg%3E") repeat-x}
html[data-variant="mercado"] .hero{background:#fff3df!important;border-bottom:6px solid #f2a516!important;color:#3b1f14}
html[data-variant="mercado"] .hero .wrap{padding-top:0}
html[data-variant="mercado"] .hero h1{color:#c4532d!important;font-size:clamp(40px,6vw,72px)}
html[data-variant="mercado"] .hero h1 em{color:#12a39a!important}
html[data-variant="mercado"] .hero .kicker{color:#e0337a!important}
html[data-variant="mercado"] .hero .btn.light{background:#c4532d!important;color:#fff!important}
html[data-variant="mercado"] .hero .btn.line{border-color:#12a39a!important;color:#12a39a!important}
html[data-variant="mercado"] .signband{background:#fff!important;border:5px solid #12a39a!important;border-radius:18px!important;box-shadow:8px 8px 0 #f2a516!important}
html[data-variant="mercado"] .signband .sb1{color:#c4532d!important;font-family:Lobster,Georgia,serif!important;text-transform:none!important}
html[data-variant="mercado"] .signband .sb2{color:#12a39a!important;font-family:Nunito,sans-serif!important;font-weight:900!important}
html[data-variant="mercado"] .promise{background:#c4532d!important;color:#fff!important}
html[data-variant="mercado"] .sec-head h2{color:#c4532d!important}
html[data-variant="mercado"] .sec-head .kicker{color:#e0337a!important}
html[data-variant="mercado"] #products{background:#ffe9c7!important}
html[data-variant="mercado"] .guide .gtools{border-top:3px dotted #c4532d;border-bottom:3px dotted #c4532d}
html[data-variant="mercado"] .guide .gview{border-color:#c4532d;border-radius:99px}
html[data-variant="mercado"] .guide .gview button{font-family:Nunito,sans-serif;text-transform:none}
html[data-variant="mercado"] .guide .gview button.on{background:#c4532d}
html[data-variant="mercado"] .guide .gidx a{color:#c4532d}
html[data-variant="mercado"] .guide .gentries.tiles .entry{border:0;border-radius:6px;overflow:hidden;box-shadow:0 10px 22px #3b1f141f;position:relative;padding-top:18px;background:#fff}
html[data-variant="mercado"] .guide .gentries.tiles .entry::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(90deg,#c4532d 0 22px,#fff6e6 22px 44px);
  -webkit-mask:radial-gradient(11px at 11px 100%,#0000 98%,#000) 0 0/22px 100%;mask:radial-gradient(11px at 11px 100%,#0000 98%,#000) 0 0/22px 100%}
html[data-variant="mercado"] .guide .entry:nth-child(3n+2)::before{background:repeating-linear-gradient(90deg,#12a39a 0 22px,#fff6e6 22px 44px)!important}
html[data-variant="mercado"] .guide .entry:nth-child(3n)::before{background:repeating-linear-gradient(90deg,#f2a516 0 22px,#fff6e6 22px 44px)!important}
html[data-variant="mercado"] .guide .plate figcaption{display:none}
html[data-variant="mercado"] .guide .etext h3{color:#3b1f14!important;font-size:26px}
html[data-variant="mercado"] .guide .alts{color:#12a39a}
html[data-variant="mercado"] .guide .pr,html[data-variant="mercado"] .guide .tprice .pr{background:#2b2b2b;color:#fff!important;border:3px solid #8b5a2b!important;border-radius:4px}
html[data-variant="mercado"] .guide .pr small{color:#ddd!important}
html[data-variant="mercado"] .guide .eact .btn{background:#e0337a}
html[data-variant="mercado"] .guide .gdet{color:#12a39a!important;font-family:Nunito,sans-serif!important;text-transform:none!important}
html[data-variant="mercado"] .guide .about::first-letter{color:#e0337a;font-family:Lobster,serif}
html[data-variant="mercado"] .direct,html[data-variant="mercado"] .appbox,html[data-variant="mercado"] .feature{background:linear-gradient(150deg,#12a39a,#0c6f69)!important}
html[data-variant="mercado"] .final{background:#c4532d!important}
html[data-variant="mercado"] footer{background:#3b1f14!important}
html[data-variant="mercado"] body:not(.site) .hero,html[data-variant="mercado"] body:not(.site) .head{background:#c4532d!important;border-bottom:6px solid #f2a516!important}
html[data-variant="mercado"] .cartbar{background:#e0337a!important}

/* ---------------------------------------------------------------- 8.3 CHỢ */
html[data-variant="cho"]{--navy:#a3121b;--red:#a3121b;--ink:#2a1410;--muted:#6d5148;--line:#e6d3b0;--paper:#fffaf0;--cream:#fbf3e6;--bg:#fbf3e6;--soft:#f3e4c8}
html[data-variant="cho"] body{background:#fbf3e6;color:#2a1410;font-family:"Be Vietnam Pro",Nunito,system-ui,sans-serif!important}
html[data-variant="cho"] h1,html[data-variant="cho"] h2,html[data-variant="cho"] h3,html[data-variant="cho"] h4{font-family:"Playfair Display",Georgia,serif!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
html[data-variant="cho"] nav.top,html[data-variant="cho"] body:not(.site)>header{background:#a3121b!important;border-bottom:4px solid #d9a43a!important;color:#f7d98a!important}
html[data-variant="cho"] nav.top .brand,html[data-variant="cho"] body:not(.site)>header .name{color:#f7d98a!important;font-family:"Playfair Display",Georgia,serif!important;font-weight:800;text-transform:none!important}
html[data-variant="cho"] nav.top .links a{color:#fff3d6!important;font-family:"Be Vietnam Pro",sans-serif!important;text-transform:none!important;font-weight:600}
html[data-variant="cho"] .btn,html[data-variant="cho"] button,html[data-variant="cho"] .chip,html[data-variant="cho"] .kicker,html[data-variant="cho"] .promise{font-family:"Be Vietnam Pro",sans-serif!important;text-transform:none!important;letter-spacing:.01em!important}
html[data-variant="cho"] .btn{border-radius:6px!important;font-weight:700}
html[data-variant="cho"] .btn.red,html[data-variant="cho"] .btn.primary{background:#a3121b!important;color:#fff!important}
html[data-variant="cho"] .hero{background:#7e0d14 radial-gradient(circle at 20px 20px,#ffffff10 2px,#0000 3px) 0 0/40px 40px!important;border-bottom:6px solid #d9a43a!important;color:#fff3d6;position:relative;overflow:hidden}
html[data-variant="cho"] .hero h1{color:#f7d98a!important}
html[data-variant="cho"] .hero h1 em{color:#fff!important;font-style:italic}
html[data-variant="cho"] .hero p{color:#fbe6c8!important}
html[data-variant="cho"] .hero .kicker{color:#f7d98a!important}
html[data-variant="cho"] .hero .btn.light{background:#d9a43a!important;color:#2a1410!important}
html[data-variant="cho"] .hero .btn.line{border-color:#f7d98a!important;color:#f7d98a!important}
html[data-variant="cho"] .lanterns{display:flex;justify-content:space-between;position:absolute;left:4%;right:4%;top:0;pointer-events:none;z-index:0}
html[data-variant="cho"] .lanterns i{display:block;width:44px;height:58px;margin-top:38px;border-radius:44% / 50%;background:radial-gradient(circle at 50% 40%,#ff5a3a,#c4161c 60%,#8a0c12);box-shadow:0 0 26px #ff6a3a77;position:relative}
html[data-variant="cho"] .lanterns i::before{content:"";position:absolute;left:50%;top:-40px;width:2px;height:40px;background:#d9a43a}
html[data-variant="cho"] .lanterns i::after{content:"";position:absolute;left:10px;right:10px;top:-4px;bottom:-4px;border-top:6px solid #d9a43a;border-bottom:6px solid #d9a43a;border-radius:4px}
html[data-variant="cho"] .lanterns i:nth-child(2),html[data-variant="cho"] .lanterns i:nth-child(4){margin-top:70px}
@media(max-width:760px){html[data-variant="cho"] .lanterns i:nth-child(2),html[data-variant="cho"] .lanterns i:nth-child(3){display:none}}
html[data-variant="cho"] .hero .wrap{position:relative;z-index:1}
html[data-variant="cho"] .signband{background:#a3121b!important;border:6px double #d9a43a!important;border-radius:8px!important;box-shadow:0 14px 30px #0006!important}
html[data-variant="cho"] .signband .sbt{flex-direction:column-reverse!important}
html[data-variant="cho"] .signband .sb1 img{height:1.9em!important;box-shadow:0 0 0 3px #d9a43a!important}
html[data-variant="cho"] .signband .sb2{color:#f7d98a!important;font-family:"Playfair Display",serif!important;font-weight:900!important;text-transform:uppercase}
html[data-variant="cho"] .signband .sb1{color:#fff!important;font-family:"Be Vietnam Pro",sans-serif!important;font-weight:800!important;font-size:clamp(20px,3.4vw,40px)!important;letter-spacing:.12em!important}
html[data-variant="cho"] .promise{background:#0f5132!important;color:#f7d98a!important}
html[data-variant="cho"] .sec-head h2{color:#a3121b!important}
html[data-variant="cho"] .sec-head .kicker{color:#b07d1e!important}
html[data-variant="cho"] #products{background:#efe2c3 repeating-linear-gradient(90deg,#0000 0 70px,#e3d2ab 70px 74px,#0000 74px 140px)!important}
html[data-variant="cho"] .guide .gtools{border-top:3px double #a3121b;border-bottom:1px solid #a3121b}
html[data-variant="cho"] .guide .gview{border-color:#a3121b}
html[data-variant="cho"] .guide .gview button{font-family:"Be Vietnam Pro",sans-serif;text-transform:none}
html[data-variant="cho"] .guide .gview button.on{background:#a3121b}
html[data-variant="cho"] .guide .gidx a{color:#a3121b}
html[data-variant="cho"] .guide .gentries.tiles .entry{border:0;border-top:6px solid #d9a43a;background:#fffaf0;box-shadow:0 10px 24px #2a141018}
html[data-variant="cho"] .guide .plate figcaption{display:none}
html[data-variant="cho"] .guide .etext h3{color:#a3121b!important}
html[data-variant="cho"] .guide .alts{color:#0f5132}
html[data-variant="cho"] .guide .pr,html[data-variant="cho"] .guide .tprice .pr{background:#a3121b;color:#fff!important;border:2px solid #d9a43a!important;border-radius:8px}
html[data-variant="cho"] .guide .pr small{color:#f7d98a!important}
html[data-variant="cho"] .guide .eact .btn{background:#0f5132}
html[data-variant="cho"] .guide .gdet{color:#a3121b!important;font-family:"Be Vietnam Pro",sans-serif!important;text-transform:none!important}
html[data-variant="cho"] .guide .about::first-letter{color:#d9a43a;font-family:"Playfair Display",serif}
html[data-variant="cho"] .direct,html[data-variant="cho"] .appbox,html[data-variant="cho"] .feature{background:linear-gradient(150deg,#a3121b,#6e0a10)!important}
html[data-variant="cho"] .final{background:#7e0d14!important}
html[data-variant="cho"] footer{background:#2a1410!important}
html[data-variant="cho"] body:not(.site) .hero,html[data-variant="cho"] body:not(.site) .head{background:#7e0d14!important;border-bottom:6px solid #d9a43a!important}
html[data-variant="cho"] .cartbar{background:#a3121b!important}

/* ---------------------------------------------------------------- 8.4 CHALKBOARD */
html[data-variant="chalk"]{--navy:#2b3330;--red:#c8432f;--ink:#232826;--muted:#5d625f;--line:#d8d2c5;--cream:#f4f0e6;--bg:#f4f0e6}
html[data-variant="chalk"] body{background:#f4f0e6;font-family:"Be Vietnam Pro",Nunito,system-ui,sans-serif!important}
html[data-variant="chalk"] h1,html[data-variant="chalk"] h2,html[data-variant="chalk"] h3,html[data-variant="chalk"] h4{font-family:"Patrick Hand","Comic Sans MS",cursive!important;font-weight:400!important;text-transform:none!important;letter-spacing:.01em!important}
html[data-variant="chalk"] nav.top,html[data-variant="chalk"] body:not(.site)>header{background:#3b2a1c!important;border-bottom:6px solid #6b4423!important;color:#f3ead7!important}
html[data-variant="chalk"] nav.top .brand,html[data-variant="chalk"] body:not(.site)>header .name{color:#fff!important;font-family:"Patrick Hand",cursive!important;font-weight:400!important;text-transform:none!important;font-size:27px}
html[data-variant="chalk"] nav.top .links a{color:#f3ead7!important;font-family:"Patrick Hand",cursive!important;font-size:19px;text-transform:none!important;font-weight:400}
html[data-variant="chalk"] .btn,html[data-variant="chalk"] .chip,html[data-variant="chalk"] .kicker,html[data-variant="chalk"] .promise{font-family:"Patrick Hand",cursive!important;text-transform:none!important;letter-spacing:.02em!important;font-size:1.08em}
html[data-variant="chalk"] .btn.red,html[data-variant="chalk"] .btn.primary{background:#c8432f!important;color:#fff!important}
html[data-variant="chalk"] .hero,html[data-variant="chalk"] #products,html[data-variant="chalk"] .final{background:radial-gradient(ellipse at 30% 20%,#ffffff0c,#0000 60%),radial-gradient(ellipse at 80% 70%,#ffffff08,#0000 55%),#252b29!important;color:#efece4!important;border-top:14px solid #6b4423;border-bottom:14px solid #6b4423!important}
html[data-variant="chalk"] .hero h1,html[data-variant="chalk"] .hero p,html[data-variant="chalk"] #products h2,html[data-variant="chalk"] #products p,html[data-variant="chalk"] .final h2,html[data-variant="chalk"] .final p{color:#f2efe7!important;text-shadow:0 0 1px #fff8,0 0 6px #ffffff22}
html[data-variant="chalk"] .hero h1 em{color:#f6e27a!important}
html[data-variant="chalk"] .hero .kicker,html[data-variant="chalk"] #products .kicker{color:#f4a6b8!important}
html[data-variant="chalk"] .hero .btn.light{background:#f2efe7!important;color:#252b29!important}
html[data-variant="chalk"] .hero .btn.line{border:2px dashed #f2efe7!important;color:#f2efe7!important}
html[data-variant="chalk"] .signband{background:#2f3634!important;border:12px solid #6b4423!important;border-radius:4px!important;box-shadow:inset 0 0 30px #0008,0 14px 30px #0006!important}
html[data-variant="chalk"] .signband .sb1{color:#fff!important;font-family:"Patrick Hand",cursive!important;text-transform:none!important;font-weight:400!important}
html[data-variant="chalk"] .signband .sb2{color:#f4a6b8!important;font-family:"Patrick Hand",cursive!important;font-weight:400!important}
html[data-variant="chalk"] .promise{background:#6b4423!important;color:#f3ead7!important}
html[data-variant="chalk"] .sec-head h2{color:#2b3330!important}
html[data-variant="chalk"] .cutchart{display:block;margin:0 0 18px;border:2px dashed #ffffff55;border-radius:6px;padding:12px 10px 4px}
html[data-variant="chalk"] .cutchart h4{margin:0 0 4px;color:#f6e27a!important;font-size:22px!important;text-align:center}
html[data-variant="chalk"] .cutchart .cc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html[data-variant="chalk"] .cutchart figure{margin:0;text-align:center}
html[data-variant="chalk"] .cutchart svg{width:100%;max-width:230px;height:auto}
html[data-variant="chalk"] .cutchart figcaption{font:19px "Patrick Hand",cursive;color:#f2efe7}
html[data-variant="chalk"] .cutchart small{display:block;color:#cfcac0;font-size:15px}
@media(max-width:600px){html[data-variant="chalk"] .cutchart .cc{grid-template-columns:1fr 1fr 1fr}html[data-variant="chalk"] .cutchart figcaption{font-size:15px}html[data-variant="chalk"] .cutchart small{font-size:12px}}
html[data-variant="chalk"] .guide .gtools{border-top:2px dashed #ffffff66;border-bottom:2px dashed #ffffff66}
html[data-variant="chalk"] .guide .gsearch{background:#1d2220;color:#f2efe7;border-color:#ffffff55;font-family:"Patrick Hand",cursive;font-size:19px}
html[data-variant="chalk"] .guide .gview{border-color:#ffffff88}
html[data-variant="chalk"] .guide .gview button{background:#0000;color:#f2efe7;font-family:"Patrick Hand",cursive;font-size:17px;text-transform:none}
html[data-variant="chalk"] .guide .gview button.on{background:#f2efe7;color:#252b29}
html[data-variant="chalk"] .guide .gidx b{color:#f6e27a}
html[data-variant="chalk"] .guide .gidx a{color:#f2efe7;font-family:"Patrick Hand",cursive;font-size:17px;text-transform:none;border-bottom-color:#ffffff66}
html[data-variant="chalk"] .guide .entry{border-bottom-color:#ffffff33}
html[data-variant="chalk"] .guide .gentries.tiles .entry{background:#0000;border:2px dashed #ffffff55;box-shadow:none}
html[data-variant="chalk"] .guide .plate{background:#0000;border:0;box-shadow:none}
html[data-variant="chalk"] .guide .plate .pimg{border:3px solid #f2efe7;filter:saturate(.9) contrast(1.05)}
html[data-variant="chalk"] .guide .plate figcaption{color:#cfcac0}
html[data-variant="chalk"] .guide .plate figcaption b{color:#f6e27a}
html[data-variant="chalk"] .guide .etext h3{color:#fff!important;font-size:30px}
html[data-variant="chalk"] .guide .alts{color:#f4a6b8;font-family:"Patrick Hand",cursive;font-size:17px;text-transform:none}
html[data-variant="chalk"] .guide .about{color:#e9e5dc!important}
html[data-variant="chalk"] .guide .about::first-letter{color:#f6e27a;font-family:"Patrick Hand",cursive}
html[data-variant="chalk"] .guide .infobox{background:#0000;border-color:#ffffff44;color:#f2efe7}
html[data-variant="chalk"] .guide .infobox th{background:#ffffff10;color:#f6e27a;border-color:#ffffff22;font-family:"Patrick Hand",cursive;font-size:16px;text-transform:none}
html[data-variant="chalk"] .guide .infobox td{border-color:#ffffff22}
html[data-variant="chalk"] .guide .pr,html[data-variant="chalk"] .guide .tprice .pr{color:#f6e27a!important;border:2px dashed #f6e27a!important;background:#0000;font-family:"Patrick Hand",cursive!important}
html[data-variant="chalk"] .guide .pr small{color:#f2efe7!important;font-family:"Patrick Hand",cursive!important}
html[data-variant="chalk"] .guide .eact .btn{background:#f2efe7;color:#252b29}
html[data-variant="chalk"] .guide .gdet{color:#f6e27a!important;font-family:"Patrick Hand",cursive!important;font-size:17px!important;text-transform:none!important}
html[data-variant="chalk"] .guide .gcredits{color:#cfcac0;border-top-color:#ffffff55}
html[data-variant="chalk"] .guide .gcredits h4{color:#fff}
html[data-variant="chalk"] .guide .gcredits a{color:#f6e27a}
html[data-variant="chalk"] .guide .none{color:#cfcac0}
html[data-variant="chalk"] .direct,html[data-variant="chalk"] .appbox,html[data-variant="chalk"] .feature{background:#2f3634!important;border:10px solid #6b4423}
html[data-variant="chalk"] footer{background:#3b2a1c!important}
html[data-variant="chalk"] body:not(.site) .hero,html[data-variant="chalk"] body:not(.site) .head{background:#252b29!important;border-bottom:10px solid #6b4423!important}
html[data-variant="chalk"] body:not(.site) .hero h1,html[data-variant="chalk"] body:not(.site) .head h1{font-size:clamp(40px,6vw,64px)}
html[data-variant="chalk"] .cartbar{background:#3b2a1c!important}

/* ---------------------------------------------------------------- 8.5 FARMHOUSE KRAFT */
html[data-variant="kraft"]{--navy:#4a3320;--red:#b3261e;--ink:#3a2a1a;--muted:#6f5a44;--line:#d7c2a0;--paper:#f6ecd9;--cream:#ead9bb;--bg:#ead9bb;--soft:#e2cba6}
html[data-variant="kraft"] body{background:repeating-linear-gradient(17deg,#0000 0 3px,#ffffff10 3px 4px),repeating-linear-gradient(-23deg,#0000 0 5px,#0000000d 5px 6px),#d8bc93;color:#3a2a1a;font-family:Nunito,"Be Vietnam Pro",system-ui,sans-serif!important}
html[data-variant="kraft"] h1,html[data-variant="kraft"] h2,html[data-variant="kraft"] h3,html[data-variant="kraft"] h4{font-family:"Roboto Slab",Georgia,serif!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
html[data-variant="kraft"] nav.top,html[data-variant="kraft"] body:not(.site)>header{background:#f3e7d0!important;border-bottom:3px dashed #8a6a43!important;color:#3a2a1a!important;box-shadow:0 3px 0 #f3e7d0}
html[data-variant="kraft"] nav.top .brand,html[data-variant="kraft"] body:not(.site)>header .name{color:#4a3320!important;font-family:"Roboto Slab",serif!important;font-weight:800;text-transform:none!important}
html[data-variant="kraft"] nav.top .links a{color:#4a3320!important;font-family:"Roboto Slab",serif!important;text-transform:none!important;font-weight:600}
html[data-variant="kraft"] .btn,html[data-variant="kraft"] button,html[data-variant="kraft"] .chip,html[data-variant="kraft"] .kicker,html[data-variant="kraft"] .promise{font-family:"Roboto Slab",serif!important;text-transform:none!important;letter-spacing:0!important}
html[data-variant="kraft"] .btn{border-radius:4px!important}
html[data-variant="kraft"] .btn.red,html[data-variant="kraft"] .btn.primary{background:#4a3320!important;color:#f6ecd9!important}
html[data-variant="kraft"] .hero{background:#0000!important;border-bottom:3px dashed #8a6a43!important;color:#3a2a1a}
html[data-variant="kraft"] .hero h1{color:#3a2a1a!important}
html[data-variant="kraft"] .hero h1 em{color:#b3261e!important;font-style:normal}
html[data-variant="kraft"] .hero p{color:#4a3a2a!important}
html[data-variant="kraft"] .hero .kicker{color:#b3261e!important}
html[data-variant="kraft"] .hero .btn.light{background:#4a3320!important;color:#f6ecd9!important}
html[data-variant="kraft"] .hero .btn.line{border:2px solid #4a3320!important;color:#4a3320!important}
html[data-variant="kraft"] .signband{background:#f6ecd9!important;border:3px dashed #7a5a3a!important;border-radius:6px!important;box-shadow:0 0 0 8px #f6ecd9,0 16px 28px #3a2a1a40!important;transform:rotate(-1deg)}
html[data-variant="kraft"] .signband .sb1{color:#3a2a1a!important;font-family:"Roboto Slab",serif!important;font-weight:900!important}
html[data-variant="kraft"] .signband .sb2{color:#b3261e!important;font-family:"Roboto Slab",serif!important;font-weight:900!important;border:4px solid #b3261e;padding:2px 12px;border-radius:6px;transform:rotate(-3deg);display:inline-block;opacity:.88}
html[data-variant="kraft"] .promise{background:#4a3320!important;color:#f6ecd9!important}
html[data-variant="kraft"] .sec-head h2{color:#3a2a1a!important}
html[data-variant="kraft"] .sec-head .kicker{color:#b3261e!important}
html[data-variant="kraft"] #products{background:#b98a57 repeating-linear-gradient(0deg,#0000 0 52px,#8f643a 52px 55px)!important}
html[data-variant="kraft"] #products .ghead,html[data-variant="kraft"] #products .gtools{background:#f6ecd9;padding:16px 18px;border-radius:4px;box-shadow:0 8px 18px #3a2a1a33}
html[data-variant="kraft"] #products .ghead{margin-bottom:14px}
html[data-variant="kraft"] .guide .gtools{border:0}
html[data-variant="kraft"] .guide .gview{border-color:#4a3320}
html[data-variant="kraft"] .guide .gview button{font-family:"Roboto Slab",serif;text-transform:none}
html[data-variant="kraft"] .guide .gview button.on{background:#4a3320}
html[data-variant="kraft"] .guide .gidx a{color:#4a3320}
html[data-variant="kraft"] .guide .gidx b{color:#b3261e}
html[data-variant="kraft"] .guide .gentries.tiles .entry{background:#f6ecd9;border:0;outline:2px dashed #a17d52;outline-offset:-8px;box-shadow:0 10px 20px #3a2a1a40;position:relative}
html[data-variant="kraft"] .guide .gentries.tiles .entry:nth-child(odd){transform:rotate(-.6deg)}
html[data-variant="kraft"] .guide .gentries.tiles .entry:nth-child(even){transform:rotate(.6deg)}
html[data-variant="kraft"] .guide .entry::after{content:attr(data-stamp);position:absolute;top:18px;left:14px;z-index:2;font:800 12px "Roboto Slab",serif;color:#b3261e;border:3px solid #b3261e;padding:3px 7px;border-radius:4px;transform:rotate(-8deg);background:#f6ecd9cc;letter-spacing:.06em;text-transform:uppercase}
html[data-variant="kraft"] .guide .gentries:not(.tiles) .entry{background:#f6ecd9;padding:22px;margin-bottom:16px;border-radius:4px;position:relative}
html[data-variant="kraft"] .guide .plate{background:#fff;padding:8px 8px 22px;box-shadow:0 6px 14px #3a2a1a33}
html[data-variant="kraft"] .guide .plate figcaption{display:none}
html[data-variant="kraft"] .guide .etext h3{color:#3a2a1a!important}
html[data-variant="kraft"] .guide .alts{color:#7a5a3a}
html[data-variant="kraft"] .guide .pr,html[data-variant="kraft"] .guide .tprice .pr{background:#fffaf0;color:#3a2a1a!important;border:2px solid #3a2a1a!important;border-radius:4px 14px 14px 4px;position:relative;padding-left:22px!important}
html[data-variant="kraft"] .guide .pr::before{content:"";position:absolute;left:7px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;border:2px solid #3a2a1a;background:#d8bc93}
html[data-variant="kraft"] .guide .eact .btn{background:#4a3320;color:#f6ecd9}
html[data-variant="kraft"] .guide .gdet{color:#b3261e!important;font-family:"Roboto Slab",serif!important;text-transform:none!important}
html[data-variant="kraft"] .guide .about::first-letter{color:#b3261e;font-family:"Roboto Slab",serif}
html[data-variant="kraft"] .guide .gcredits{background:#f6ecd9;padding:12px 16px;border-radius:4px}
html[data-variant="kraft"] .direct,html[data-variant="kraft"] .appbox,html[data-variant="kraft"] .feature{background:#4a3320!important}
html[data-variant="kraft"] .final{background:#4a3320!important}
html[data-variant="kraft"] footer{background:#2e2014!important}
html[data-variant="kraft"] body:not(.site) .hero,html[data-variant="kraft"] body:not(.site) .head{background:#4a3320!important;border-bottom:3px dashed #d8bc93!important}
html[data-variant="kraft"] .cartbar{background:#4a3320!important}

/* ---------------------------------------------------------------- 8.6 MODERN FRESH MARKET */
html[data-variant="modern"]{--navy:#1f4fd8;--red:#e3262f;--ink:#111827;--muted:#5b6474;--line:#e6e8ee;--paper:#fff;--cream:#fff;--bg:#fff;--soft:#f3f5f9}
html[data-variant="modern"] body{background:#fff;color:#111827;font-family:Montserrat,"Be Vietnam Pro",system-ui,sans-serif!important}
html[data-variant="modern"] h1,html[data-variant="modern"] h2,html[data-variant="modern"] h3,html[data-variant="modern"] h4{font-family:Montserrat,"Be Vietnam Pro",sans-serif!important;font-weight:800!important;text-transform:none!important;letter-spacing:-.02em!important}
html[data-variant="modern"] nav.top,html[data-variant="modern"] body:not(.site)>header{background:#fff!important;border-bottom:0!important;box-shadow:0 2px 16px #11182714!important;color:#111827!important}
html[data-variant="modern"] nav.top .brand,html[data-variant="modern"] body:not(.site)>header .name{color:#111827!important;font-family:Montserrat,sans-serif!important;font-weight:800;text-transform:none!important;letter-spacing:-.02em}
html[data-variant="modern"] nav.top .links a{color:#111827!important;font-family:Montserrat,sans-serif!important;text-transform:none!important;font-weight:600}
html[data-variant="modern"] .btn,html[data-variant="modern"] button,html[data-variant="modern"] .chip,html[data-variant="modern"] .kicker,html[data-variant="modern"] .promise{font-family:Montserrat,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
html[data-variant="modern"] .btn{border-radius:14px!important;font-weight:700}
html[data-variant="modern"] .btn.red,html[data-variant="modern"] .btn.primary{background:#e3262f!important;color:#fff!important}
html[data-variant="modern"] .hero{background:linear-gradient(100deg,#0f2f9ae6 0%,#1f4fd8b3 45%,#1f4fd822 100%),url(photos/garden-grove-2.jpg) center/cover!important;border-bottom:0!important;color:#fff}
html[data-variant="modern"] .hero .wrap{text-align:left!important;justify-items:start!important;padding-top:64px!important;padding-bottom:72px!important}
html[data-variant="modern"] .hero .signband{display:none!important}
html[data-variant="modern"] .hero h1{color:#fff!important;font-size:clamp(38px,6vw,68px);max-width:760px}
html[data-variant="modern"] .hero h1 em{color:#ffd23f!important;font-style:normal}
html[data-variant="modern"] .hero p{color:#e8edff!important;margin-left:0!important}
html[data-variant="modern"] .hero .cta{justify-content:flex-start!important}
html[data-variant="modern"] .hero .kicker{color:#ffd23f!important}
html[data-variant="modern"] .hero .btn.light{background:#e3262f!important;color:#fff!important}
html[data-variant="modern"] .hero .btn.line{border:2px solid #fff!important;color:#fff!important}
html[data-variant="modern"] .promise{background:#e3262f!important;color:#fff!important}
html[data-variant="modern"] .sec-head h2{color:#111827!important;font-size:clamp(30px,4vw,44px)}
html[data-variant="modern"] .sec-head .kicker{color:#e3262f!important}
html[data-variant="modern"] #products{background:#f3f5f9!important}
html[data-variant="modern"] .guide .gtools{border:0;padding:0}
html[data-variant="modern"] .guide .gsearch{border-radius:14px;border:1px solid #d9dde6;font-family:Montserrat,sans-serif;padding:14px 16px}
html[data-variant="modern"] .guide .gview{border:0;border-radius:14px;background:#e6e9f0;padding:4px}
html[data-variant="modern"] .guide .gview button{background:#0000;border:0!important;border-radius:10px;font-family:Montserrat,sans-serif;text-transform:none;font-weight:700}
html[data-variant="modern"] .guide .gview button.on{background:#fff;color:#111827;box-shadow:0 2px 6px #0001}
html[data-variant="modern"] .guide .gidx{display:none}
html[data-variant="modern"] .guide .gentries.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
html[data-variant="modern"] .guide .gentries.tiles .entry{border:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #1118270f;transition:transform .15s,box-shadow .15s}
html[data-variant="modern"] .guide .gentries.tiles .entry:hover{transform:translateY(-3px);box-shadow:0 14px 32px #1118271c}
html[data-variant="modern"] .guide .gentries.tiles .plate{padding:0;border:0;background:#0000}
html[data-variant="modern"] .guide .gentries.tiles .plate .pimg{aspect-ratio:1/1}
html[data-variant="modern"] .guide .plate figcaption,html[data-variant="modern"] .guide .plate .inset{display:none}
html[data-variant="modern"] .guide .gentries:not(.tiles) .plate{border:0;padding:0;border-radius:18px;overflow:hidden}
html[data-variant="modern"] .guide .etext h3{color:#111827!important;font-size:21px}
html[data-variant="modern"] .guide .alts{color:#5b6474;font-family:Montserrat,sans-serif;text-transform:none;font-weight:600}
html[data-variant="modern"] .guide .pr,html[data-variant="modern"] .guide .tprice .pr{border:0!important;padding:0!important;font:800 24px Montserrat,sans-serif!important;color:#111827!important}
html[data-variant="modern"] .guide .pr small{font-family:Montserrat,sans-serif!important;text-transform:none!important}
html[data-variant="modern"] .guide .eact .btn{background:#1f4fd8;border-radius:12px}
html[data-variant="modern"] .guide .gdet{color:#1f4fd8!important;font-family:Montserrat,sans-serif!important;text-transform:none!important;text-decoration:none!important;font-weight:700!important}
html[data-variant="modern"] .guide .about::first-letter{float:none;font:inherit;color:inherit;margin:0}
html[data-variant="modern"] .guide .infobox{border-radius:12px;overflow:hidden;border-color:#e6e8ee}
html[data-variant="modern"] .guide .infobox th{background:#f3f5f9;font-family:Montserrat,sans-serif;text-transform:none}
html[data-variant="modern"] .direct,html[data-variant="modern"] .appbox,html[data-variant="modern"] .feature{background:linear-gradient(135deg,#1f4fd8,#0f2f9a)!important;border-radius:24px}
html[data-variant="modern"] .final{background:#1f4fd8!important}
html[data-variant="modern"] footer{background:#111827!important}
html[data-variant="modern"] body.site{padding-bottom:76px}
html[data-variant="modern"] .qbar{display:flex;position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;width:min(720px,calc(100% - 24px));align-items:center;gap:12px;justify-content:space-between;background:#111827;color:#fff;border-radius:18px;padding:10px 10px 10px 18px;box-shadow:0 14px 34px #11182755;font:600 15px Montserrat,sans-serif}
html[data-variant="modern"] .qbar .btn{background:#e3262f!important;color:#fff!important;padding:10px 18px;white-space:nowrap}
@media(max-width:520px){html[data-variant="modern"] .qbar span{font-size:13px}}
html[data-variant="modern"] body:not(.site) .hero,html[data-variant="modern"] body:not(.site) .head{background:linear-gradient(120deg,#1f4fd8,#0f2f9a)!important;border-bottom:0!important}
html[data-variant="modern"] .card,html[data-variant="modern"] .rc,html[data-variant="modern"] .post{border-radius:18px!important}
html[data-variant="modern"] .cartbar{background:#e3262f!important;border-radius:16px!important}

/* nav buttons & account chip contrast */
html[data-variant="mercado"] nav.top [data-acct-chip],html[data-variant="cho"] nav.top [data-acct-chip],html[data-variant="chalk"] nav.top [data-acct-chip],html[data-variant="mercado"] body>header [data-acct-chip],html[data-variant="cho"] body>header [data-acct-chip],html[data-variant="chalk"] body>header [data-acct-chip]{color:#fff!important;border-color:#ffffff99!important}
html[data-variant="cho"] nav.top .btn.red{background:#d9a43a!important;color:#2a1410!important}
html[data-variant="mercado"] .signband .sb2,html[data-variant="kraft"] .signband .sb2,html[data-variant="cho"] .signband .sb2{font-size:clamp(24px,4.6vw,58px)!important}
html[data-variant="mercado"] .signband .sb1{font-size:clamp(30px,5.6vw,70px)!important}

/* ALT (Chợ) home page: store photo behind the hero, with a red lacquer tint so the text stays readable */
html[data-variant="cho"] body.site .hero{background:linear-gradient(180deg,#7e0d14e0 0%,#7e0d14c4 45%,#5c070de6 100%),url(photos/garden-grove-2.jpg) center 40%/cover no-repeat!important}