:root{--green:#073b2a;--green-2:#0b523a;--lime:#b9d86b;--cream:#f6f1e6;--cream-2:#fffaf1;--white:#fff;--ink:#173229;--muted:#66756f;--line:#dfe7e2;--danger:#b42318;--shadow:0 18px 55px rgba(7,59,42,.13);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Be Vietnam Pro",system-ui,sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.eyebrow{display:block;margin-bottom:10px;color:var(--green-2);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:#d8eda9}
.form-page{min-height:100vh;background:var(--cream)}.form-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.brand-panel{position:relative;min-height:100vh;padding:38px clamp(28px,5vw,78px);overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 90%,#226c4b 0,transparent 35%),linear-gradient(145deg,#052f22,#0a4934)}.brand-panel:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-120px;top:-160px;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025)}.main-logo{position:relative;z-index:2;display:inline-block}.main-logo img{display:block}.brand-copy{position:relative;z-index:2;margin-top:10vh;max-width:650px}.brand-copy .eyebrow{color:#d6eea2}.brand-copy h1{margin:0;font-size:clamp(38px,5.2vw,72px);line-height:1.04;letter-spacing:-.04em}.brand-copy p{max-width:530px;margin:22px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:#dce9e4}.hero-drinks{position:absolute;z-index:1;width:min(48vw,620px);height:auto;right:-60px;bottom:-12px;filter:drop-shadow(0 20px 20px rgba(0,0,0,.22))}.trust-row{position:absolute;z-index:2;left:clamp(28px,5vw,78px);bottom:42px;display:flex;align-items:center;gap:12px}.trust-row img{width:74px;height:34px;padding:5px 8px;object-fit:contain;background:rgba(255,255,255,.92);border-radius:8px}.form-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#f8f3e9,#fff)}.form-card{width:min(100%,540px);padding:42px;background:#fff;border:1px solid rgba(7,59,42,.08);border-radius:28px;box-shadow:var(--shadow)}.form-heading{margin-bottom:30px}.step-badge{display:inline-flex;padding:7px 12px;color:var(--green);background:#e7f1c8;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em}.form-heading h2{margin:15px 0 6px;font-size:28px;letter-spacing:-.03em}.form-heading p{margin:0;color:var(--muted)}.field{margin:0 0 18px}.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.field label span{color:var(--danger)}.field input{width:100%;height:54px;padding:0 16px;border:1px solid #cfdad4;border-radius:13px;outline:none;color:var(--ink);background:#fff;transition:.2s}.field input:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(11,82,58,.1)}.field input.invalid{border-color:var(--danger)}.error{display:block;min-height:0;margin-top:6px;color:var(--danger);font-size:12px}.error:not(:empty){min-height:18px}.consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.55;color:#52645e;cursor:pointer}.consent input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--green)}.consent-error{margin-left:29px}.primary-button{width:100%;min-height:56px;margin-top:20px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:var(--green);font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 24px rgba(7,59,42,.22);transition:transform .2s,background .2s}.primary-button:hover{background:var(--green-2);transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:wait}.primary-button svg{width:22px;fill:none;stroke:currentColor;stroke-width:2}.loading svg{animation:moveArrow .8s ease-in-out infinite alternate}@keyframes moveArrow{to{transform:translateX(4px)}}.form-status{margin-top:14px;padding:0;border-radius:10px;font-size:13px;font-weight:600;text-align:center}.form-status:not(:empty){padding:11px 13px}.success-status{color:#146c43;background:#e9f7ef}.error-status{color:#9d2017;background:#fff0ee}.privacy-note{margin:14px 0 0;color:#7c8984;font-size:11px;text-align:center}
.site-header{position:sticky;z-index:20;top:0;background:rgba(255,255,255,.94);border-bottom:1px solid #edf1ef;backdrop-filter:blur(12px)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.header-inner img{display:block}.header-contact{padding:10px 15px;color:#fff;background:var(--green);border-radius:10px;font-size:13px;font-weight:700}.recipe-hero{padding:70px 0 60px;color:#fff;background:radial-gradient(circle at 78% 20%,#287254,transparent 28%),linear-gradient(135deg,#052f22,#0b5039)}.hero-content{text-align:center}.hero-content h1{margin:0;font-size:clamp(36px,7vw,66px);line-height:1.05;letter-spacing:-.045em}.hero-content>p{max-width:680px;margin:18px auto 30px;color:#dceae4;font-size:17px;line-height:1.7}.search-box{max-width:700px;height:58px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.search-box svg{width:23px;fill:none;stroke:#677871;stroke-width:2}.search-box input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);font-size:15px}.filters-section{padding:28px 0 10px}.filter-block{display:flex;align-items:flex-start;gap:16px;padding:9px 0}.filter-label{flex:0 0 98px;padding-top:8px;font-size:13px;font-weight:700;color:#52635d}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:8px 12px;border:1px solid #dce5e0;border-radius:999px;background:#fff;color:#5e6f68;font-size:12px;cursor:pointer}.filter-chip:hover,.filter-chip.active{border-color:var(--green);color:#fff;background:var(--green)}.recipe-section{padding:48px 0 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.result-count{padding:7px 11px;border-radius:999px;color:var(--green);background:#edf4dc;font-size:12px;font-weight:700}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.recipe-card{min-width:0;background:#fff;border:1px solid #e5ebe8;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(7,59,42,.07);transition:transform .25s,box-shadow .25s}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,59,42,.12)}.card-open{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.card-image-wrap{position:relative;aspect-ratio:1.4;overflow:hidden;background:var(--cream)}.card-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.recipe-card:hover .card-image{transform:scale(1.035)}.new-badge{position:absolute;left:14px;top:14px;padding:7px 9px;border-radius:8px;color:#fff;background:#e4713e;font-size:10px;font-weight:800;letter-spacing:.08em}.card-body{padding:20px}.brand-tags{display:flex;gap:6px;flex-wrap:wrap}.brand-tags span{padding:5px 7px;color:var(--green);background:#edf4dc;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}.card-body h3{margin:12px 0 7px;font-size:20px;letter-spacing:-.025em}.card-body p{min-height:44px;margin:0;color:#6c7b75;font-size:13px;line-height:1.65}.view-recipe{display:block;margin-top:16px;color:var(--green);font-size:13px;font-weight:700}.all-recipes{padding-bottom:80px}.empty-state,.load-error{grid-column:1/-1;padding:70px 20px;text-align:center;color:#71807a;background:#f8faf9;border-radius:20px}.empty-state div{font-size:45px}.empty-state h3{margin:10px 0 5px;color:var(--ink)}.empty-state p{margin:0}.about-section{padding:75px 0;color:#fff;background:var(--green)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-grid h2{margin:0;font-size:clamp(30px,4.5vw,48px);line-height:1.15;letter-spacing:-.04em}.about-grid p{margin:2px 0 26px;color:#d6e4de;line-height:1.8}.distribution{padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}.distribution strong,.distribution span{display:block}.distribution span{margin-top:8px;color:#bdd0c8;font-size:13px;line-height:1.6}.site-footer{padding:42px 0 90px;color:#c4d1cc;background:#03291e}.footer-grid{display:grid;grid-template-columns:200px 1fr 250px;gap:34px;align-items:start}.footer-grid strong{color:#fff;font-size:13px}.footer-grid p{margin:8px 0 0;font-size:12px;line-height:1.7}.footer-grid a:hover{color:#fff}.sticky-contact{position:fixed;z-index:30;left:50%;bottom:14px;width:min(520px,calc(100% - 24px));display:flex;gap:8px;transform:translateX(-50%);padding:8px;background:rgba(255,255,255,.95);border:1px solid #e3e9e6;border-radius:15px;box-shadow:0 10px 35px rgba(0,0,0,.16);backdrop-filter:blur(10px)}.sticky-contact a{flex:1;min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:#fff;font-size:13px;font-weight:800}.sticky-contact span{font-weight:600}.call-button{background:#237347}.zalo-button{background:#0778e8}.recipe-modal{width:min(880px,calc(100% - 28px));max-height:90vh;padding:0;border:0;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.3);overflow:auto}.recipe-modal::backdrop{background:rgba(2,30,21,.72);backdrop-filter:blur(3px)}.modal-close{position:fixed;z-index:3;margin:14px 0 0 calc(min(880px,calc(100vw - 28px)) - 58px);width:40px;height:40px;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.52);font-size:27px;cursor:pointer}.modal-image{width:100%;max-height:370px;display:block;object-fit:cover;background:var(--cream)}.modal-body{padding:30px}.modal-body h2{margin:12px 0 8px;font-size:34px;letter-spacing:-.04em}.modal-description{margin:0 0 28px;color:var(--muted)}.recipe-details{display:grid;grid-template-columns:1fr 1fr;gap:26px}.recipe-details section{padding:22px;background:#f7f9f8;border-radius:16px}.recipe-details h3{margin:0 0 15px;font-size:16px}.recipe-details ul,.recipe-details ol{margin:0;padding:0;list-style:none}.recipe-details li{padding:9px 0;border-bottom:1px solid #e0e6e3;font-size:13px;line-height:1.55}.recipe-details li:last-child{border:0}.recipe-details ul li{display:flex;justify-content:space-between;gap:12px}.recipe-details ol{counter-reset:steps}.recipe-details ol li{display:grid;grid-template-columns:24px 1fr;gap:8px}.recipe-details ol li:before{counter-increment:steps;content:counter(steps);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:11px;font-weight:700}.used-products{margin-top:20px;padding:17px 19px;border-left:4px solid var(--lime);background:#f3f7e9}.used-products strong{font-size:13px}.used-products p{margin:5px 0 0;color:#5b6c65;font-size:13px}.modal-cta{max-width:340px;margin:22px 0 0}
@media(max-width:900px){.form-shell{grid-template-columns:1fr}.brand-panel{min-height:420px;padding:28px 24px}.brand-copy{margin-top:55px;max-width:520px}.brand-copy h1{font-size:43px}.hero-drinks{width:390px;right:-55px;bottom:-30px;opacity:.75}.trust-row{left:24px;bottom:26px}.form-panel{padding:24px}.recipe-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:160px 1fr}.footer-grid>div:last-child{grid-column:2}.about-grid{gap:35px}.modal-close{position:absolute;right:14px;margin-top:14px}}@media(max-width:620px){.container{width:min(100% - 24px,1160px)}.brand-panel{min-height:400px}.brand-copy{margin-top:50px}.brand-copy h1{font-size:34px}.brand-copy p{max-width:340px;font-size:14px}.hero-drinks{width:310px;right:-95px;opacity:.55}.trust-row{gap:6px}.trust-row img{width:61px;height:29px}.form-panel{padding:16px 12px 28px}.form-card{padding:25px 18px;border-radius:21px}.form-heading h2{font-size:23px}.recipe-hero{padding:48px 0 40px}.hero-content h1{font-size:34px}.hero-content>p{font-size:14px}.filters-section{padding-top:18px}.filter-block{display:block}.filter-label{display:block;padding:0;margin-bottom:9px}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.filter-chip{flex:0 0 auto}.recipe-section{padding-top:38px}.recipe-grid{grid-template-columns:1fr;gap:16px}.latest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.latest-grid .recipe-card{flex:0 0 84%;scroll-snap-align:start}.section-heading h2{font-size:27px}.card-body p{min-height:auto}.about-section{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.recipe-details{grid-template-columns:1fr}.modal-body{padding:22px 17px}.modal-body h2{font-size:27px}.sticky-contact span{display:none}.sticky-contact a{font-size:14px}.site-footer{padding-bottom:92px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* KÍCH THƯỚC LOGO TÙY CHỈNH */

/* Logo Minh Đức tại trang đăng ký */
.main-logo img {
  width: 360px;
  height: 160px;
}

/* Logo Minh Đức trên đầu trang công thức */
.header-inner img {
  width: 360px;
  height: 160px;
}

/* Logo Minh Đức dưới chân trang */
.site-footer img {
  width: 240px;
  height: auto;
}

/* Logo BKB, Agary và Updeli */
.trust-row img {
  width: 85px;
  height: 38px;
  object-fit: contain;
}

/* Kích thước trên điện thoại */
@media (max-width: 620px) {
  .main-logo img {
    width: 175px;
  }

  .header-inner img {
    width: 145px;
  }

  .site-footer img {
    width: 165px;
  }

  .trust-row img {
    width: 65px;
    height: 30px;
  }
}