@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--green:#138b28;--lime:#d6f55e;--red:#e42136;--orange:#ff9f31;--dark:#173822;--muted:#607468;--cream:#fffdf6;--radius:25px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;background:var(--cream);line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 42px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;padding:13px 0;background:rgba(19,139,40,.96);backdrop-filter:blur(14px);box-shadow:0 9px 30px #14502a20}.nav-wrap{width:min(1180px,calc(100% - 42px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;max-width:205px}.brand img{max-width:100%;max-height:57px;object-fit:contain}.nav-tabs{display:flex;align-items:center;gap:10px}.tab{color:white;padding:11px 19px;border-radius:15px;font-weight:800;font-size:14px;white-space:nowrap;transition:transform .2s,filter .2s;box-shadow:0 5px 0 #00000018}.tab:hover,.tab:focus-visible{transform:translateY(-3px);filter:brightness(1.07)}.tab-menu{background:#ed2b3f}.tab-branch{background:#ff9823}.tab-about{background:#3ebc5a}.tab-contact{background:#c52f68}.menu-toggle{display:none;border:0;color:white;background:#ffffff25;padding:9px 12px;border-radius:12px}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding-block:70px 85px}.pill{display:inline-block;background:#e5f9d8;color:#11752b;border-radius:50px;padding:8px 17px;font-weight:800;letter-spacing:1px;font-size:12px}h1,h2,h3{font-family:Outfit,'DM Sans',sans-serif;line-height:1.16}h1{font-size:clamp(44px,5.7vw,82px);letter-spacing:-2.5px;margin:25px 0}h1 span,h2 em{color:var(--red);font-style:normal}.hero-copy>p{font-size:18px;color:var(--muted);max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:16px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:white;box-shadow:0 10px 25px #e4213630}.btn-outline{border:2px solid var(--green);color:var(--green)}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chips span{background:#fff;border:1px solid #dcebdc;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:700}.hero-media{min-height:430px;position:relative;display:grid;place-items:center}.image-frame{width:100%;aspect-ratio:1/1;border-radius:43% 40% 44% 38%;overflow:hidden;transform:rotate(-5deg);box-shadow:25px 28px 0 #d8f3ac,0 24px 70px #1d6f322f;position:relative;z-index:2}.image-frame img{width:100%;height:100%;object-fit:cover;transform:rotate(5deg) scale(1.1)}.float-sticker{position:absolute;z-index:3;bottom:10px;left:-22px;border-radius:25px;background:var(--red);color:white;padding:20px 25px;transform:rotate(-9deg);font:900 29px Outfit;box-shadow:0 15px 30px #e4213650}.float-sticker small{display:block;font:700 13px 'DM Sans'}.circle{position:absolute;border-radius:50%}.circle-red{background:#ffaaa3;width:120px;height:120px;right:-27px;top:0}.circle-yellow{background:#ffdc74;width:74px;height:74px;left:-24px;top:50px}.fruit-stripe{display:flex;justify-content:space-around;padding:18px;background:linear-gradient(90deg,#ec2940,#ff9a35,#ffe06a,#b6e75f,#188d34);font-size:29px}.section{padding-block:82px}.section-heading{margin-bottom:28px}.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:2px}.section-heading h2{font-size:clamp(32px,4.2vw,54px);letter-spacing:-1.1px;margin:10px 0}.section-heading p{font-size:17px;color:var(--muted);margin:0}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter{border:1px solid #d9e9da;background:#fff;border-radius:13px;padding:10px 15px;font-weight:800;color:var(--dark);cursor:pointer}.filter.active{background:var(--green);border-color:var(--green);color:white}.search-wrap{display:flex;gap:10px;align-items:center;background:white;border:1px solid #d9e9da;border-radius:14px;padding:10px 15px;min-width:260px}.search-wrap input{outline:none;border:0;width:100%;background:transparent}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.menu-card{background:white;border-radius:21px;overflow:hidden;border:1px solid #e7efe5;box-shadow:0 12px 25px #1c5d2a0d;transition:transform .2s}.menu-card:hover{transform:translateY(-5px)}.menu-card>a{display:block;aspect-ratio:1.2;overflow:hidden}.menu-card>a img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.menu-card:hover img{transform:scale(1.05)}.card-body{padding:17px}.mini-tag{background:#e9f8e3;color:#148932;font-size:11px;font-weight:800;padding:5px 9px;border-radius:7px}.menu-card h3{margin:13px 0 9px;font-size:19px}.card-link{font-weight:800;color:var(--red);font-size:13px}.menu-count{color:var(--muted);font-size:13px}.section-green{background:linear-gradient(145deg,#eaf8e4,#fff9df)}.branch-layout{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:20px}.branch-left,.branch-right,.about-card,.contact-card{border-radius:25px;background:white;box-shadow:0 18px 40px #215d3115;border:1px solid #e5efe4}.branch-left{padding:22px}.field-label{display:block;font-size:13px;font-weight:800;margin:5px 0}.branch-left input,.branch-left select{width:100%;padding:11px 13px;border:1px solid #d7e4d7;border-radius:12px;margin-bottom:12px;background:white;color:var(--dark)}.branch-list-title{display:flex;justify-content:space-between;gap:10px;margin:10px 0;font-size:14px}.branch-list-title span{color:var(--green);font-weight:800}.branch-list{overflow:auto;max-height:450px;display:grid;gap:9px}.branch-option{border:1px solid #e2eee0;text-align:left;border-radius:13px;padding:13px;background:#fbfff9;cursor:pointer;color:var(--dark);width:100%}.branch-option:hover,.branch-option.active{border-color:var(--green);background:#e8f8e7}.branch-option strong{display:block;font-size:14px}.branch-option small{display:block;margin-top:3px;color:var(--muted)}.branch-right{padding:17px}.map-holder{height:430px;position:relative;overflow:hidden;border-radius:16px;background:#e8f6e9}.map-holder iframe{width:100%;height:100%;border:0}.map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--muted);background:linear-gradient(135deg,#f3fce9,#fff6e7)}.map-placeholder>div{font-size:45px}.map-placeholder strong{color:var(--dark)}.map-placeholder p{max-width:250px}.branch-detail{padding:20px 6px 4px;display:flex;align-items:center;justify-content:space-between;gap:16px}.branch-detail small{color:var(--green);font-weight:900;letter-spacing:1px}.branch-detail h3{margin:6px 0;font-size:22px}.branch-detail p{margin:0;color:var(--muted);font-size:14px}.about-card{overflow:hidden;display:grid;grid-template-columns:300px 1fr}.about-banner{color:white;background:linear-gradient(160deg,#119b24,#21b63b 50%,#e42136);padding:35px;position:relative;display:flex;flex-direction:column;gap:9px}.about-year{font:900 71px Outfit}.about-symbol{font-size:100px;margin-top:35px;text-align:center}.about-content{padding:30px 35px}.about-content>h3{font-size:28px;margin:0 0 17px}.about-text{color:#4e6253;line-height:1.85}.about-text b{color:var(--dark)}.certs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.certs a{border-radius:12px;background:#e9f9e9;color:var(--green);font-weight:800;padding:10px 14px}.section-pink{background:#fff0eb}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{padding:30px;display:flex;flex-direction:column;align-items:start;gap:9px}.icon-bubble{font-size:38px}.contact-card h3{font-size:27px;margin:4px 0}.contact-card p{color:var(--muted)}.contact-card>a:not(.btn){color:var(--green);font-weight:800;overflow-wrap:anywhere}.contact-card .btn{margin-top:15px}.contact-card iframe{width:100%;height:280px;border:0;border-radius:16px}.footer{background:linear-gradient(120deg,#0e7d22,#119b2c 60%,#c8293c);color:white;padding:42px 0 18px}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:35px}.footer-brand img{max-width:180px}.footer-brand p{max-width:340px;color:#e8ffe4;font-size:14px}.footer-links,.footer-social{display:flex;flex-direction:column;gap:10px}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff40;margin-top:30px;padding-top:16px;font-size:13px;color:#ecffeb}
@media(max-width:920px){.hero{grid-template-columns:1fr 1fr;gap:30px}.menu-grid{grid-template-columns:repeat(3,1fr)}.branch-layout{grid-template-columns:300px 1fr}.nav-tabs{gap:5px}.tab{padding:9px 11px;font-size:12px}.brand{max-width:150px}.about-card{grid-template-columns:220px 1fr}}
@media(max-width:700px){html{scroll-padding-top:88px}.shell,.nav-wrap{width:calc(100% - 30px)}.site-header{padding:9px 0}.brand{max-width:155px}.menu-toggle{display:block}.nav-tabs{display:none;position:absolute;top:100%;left:15px;right:15px;background:white;box-shadow:0 20px 40px #092d2128;border-radius:16px;padding:12px;flex-direction:column}.nav-tabs.open{display:flex}.tab{width:100%;text-align:center}.hero{padding-block:45px;grid-template-columns:1fr;gap:18px;min-height:0}.hero-media{min-height:0;max-width:370px;margin:0 auto 25px}.hero-copy h1{letter-spacing:-1px}.fruit-stripe{font-size:20px}.fruit-stripe span:nth-child(n+6){display:none}.section{padding-block:52px}.filters{flex-direction:column;align-items:stretch}.search-wrap{min-width:0}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.menu-card h3{font-size:16px}.branch-layout,.about-card,.contact-grid,.footer-inner{grid-template-columns:1fr}.branch-left{padding:16px}.branch-list{max-height:300px}.map-holder{height:320px}.branch-detail{flex-wrap:wrap}.about-banner{min-height:180px}.about-symbol{font-size:70px;position:absolute;right:20px;bottom:10px;margin:0}.about-content{padding:23px}.contact-card{padding:20px}.footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* v4: fluid certification badges, accessible dialog and WhatsApp picker */
.hero-certifications {max-width:1180px;margin:0 auto 14px;padding:0 20px 34px;display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}
.hero-cert {background:#fff;border:1px solid #e2eedb;border-radius:20px;box-shadow:0 12px 28px #194e1720;display:flex;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;color:#22482b;flex:0 1 280px;min-width:0}
.hero-cert img {width:76px;height:68px;object-fit:contain;flex:none}
.hero-cert span {display:flex;flex-direction:column;gap:5px}
.hero-cert strong {font-size:1rem;color:#285333}
.hero-cert small {font-size:.8rem;color:#bb2737}
.hero-cert:hover {transform:translateY(-3px)}
.menu-dialog {border:0;padding:0;border-radius:28px;width:min(880px,calc(100vw - 32px));max-height:min(90dvh,900px);box-shadow:0 30px 80px #0b32164f;color:#26412a;overflow:auto}
.menu-dialog::backdrop {background:rgba(4,28,13,.78);backdrop-filter:blur(6px)}
.dialog-frame {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:#fff;position:relative}
.dialog-photo {min-height:360px;background:#f4fbea;display:flex;align-items:center;justify-content:center}
.dialog-photo img {width:100%;height:100%;max-height:72dvh;object-fit:contain}
.dialog-info {padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}
.dialog-info h2 {font-size:clamp(1.5rem,3vw,2.3rem);margin:0}
.dialog-info p {line-height:1.7;color:#5a6e60}
.dialog-close {position:absolute;top:16px;right:16px;width:43px;height:43px;border:0;border-radius:50%;background:#e53040;color:white;font-size:30px;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 4px 15px #45201d39}
.btn-whatsapp {background:#138c45!important;color:white!important;white-space:normal;text-align:center}
.quick-wa {position:fixed;z-index:70;bottom:18px;right:18px;width:min(360px,calc(100vw - 32px));font-family:inherit}
.quick-wa-toggle {width:100%;border:0;background:#138c45;color:white;border-radius:50px;padding:15px 19px;font-size:1rem;font-weight:800;box-shadow:0 12px 30px #0b572e55;cursor:pointer}
.quick-wa-panel {margin-bottom:10px;background:white;border:1px solid #cfe6d2;border-radius:22px;padding:16px;box-shadow:0 18px 50px #1037193a}
.quick-wa-panel[hidden] {display:none}
.quick-wa-panel label {display:block;font-weight:800;margin:0 0 10px;color:#20542e}
.quick-wa-panel input {width:100%;padding:13px;border:1px solid #c5dcc8;border-radius:12px;margin-bottom:12px}
.quick-wa-results {max-height:245px;overflow:auto;display:flex;flex-direction:column;gap:5px}
.quick-wa-item {padding:10px;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;gap:4px;color:#1f542d;background:#f2fff5}
.quick-wa-item:hover {background:#d9f7df}
.quick-wa-item small {color:#617165}
.quick-wa-panel p {font-size:.75rem;margin:10px 0 0;color:#728175}
@media(max-width:700px){
  html,body {width:100%;overflow-x:clip}
  img,iframe {max-width:100%}
  .hero-certifications {padding:0 16px 25px;gap:10px}
  .hero-cert {flex:1 1 145px;gap:9px;padding:10px;border-radius:16px}
  .hero-cert img {width:54px;height:56px}
  .hero-cert strong {font-size:.82rem}
  .hero-cert small {font-size:.72rem}
  .dialog-frame {grid-template-columns:minmax(0,1fr)}
  .dialog-photo {min-height:0;height:min(50dvh,340px)}
  .dialog-photo img {max-height:100%;object-fit:contain}
  .dialog-info {padding:18px;gap:9px}
  .dialog-info h2 {font-size:1.3rem}
  .dialog-info p {font-size:.85rem;margin:0}
  .quick-wa {right:12px;bottom:12px;width:min(280px,calc(100vw - 24px))}
  .quick-wa-toggle {font-size:.86rem;padding:12px}
  .branch-detail {flex-wrap:wrap;gap:12px}
  .branch-detail a {max-width:100%}
}

/* v5: modal overlay, WhatsApp and map fixes */
[hidden]{display:none!important}
.menu-dialog:not([open]){display:none!important}
.menu-dialog[open]{position:fixed;inset:0;margin:auto;z-index:120;max-width:min(900px,calc(100vw - 22px));max-height:min(94dvh,900px);overscroll-behavior:contain}
.menu-dialog .dialog-close{position:absolute;top:12px;right:12px;z-index:2}
.branch-detail{flex-wrap:wrap}
.branch-detail .btn{min-height:44px;text-align:center}
.btn-whatsapp{background:#1caa56;color:#fff;box-shadow:0 10px 24px #15974730}
@media(max-width:700px){.menu-dialog .dialog-frame{display:block}.menu-dialog .dialog-photo{height:auto;max-height:50dvh}.menu-dialog .dialog-photo img{max-height:50dvh;object-fit:contain}.menu-dialog .dialog-info{padding:16px}.branch-detail .btn{width:100%}.quick-wa{z-index:75}.quick-wa-panel{max-height:65dvh;overflow:auto}}

/* v6: photo-only, large image dialog */
.menu-dialog{width:min(1320px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);border-radius:18px;overflow:hidden;background:transparent;padding:0}
.menu-dialog[open]{width:min(1320px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px)}
.menu-dialog .dialog-frame{display:block;background:#151d16;position:relative;padding:9px;border-radius:18px}
.menu-dialog .dialog-photo{min-height:0;height:min(88dvh,850px);background:#151d16;display:flex;align-items:center;justify-content:center}
.menu-dialog .dialog-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.menu-dialog .dialog-close{position:absolute;right:16px;top:16px;z-index:10;width:51px;height:51px;font-size:34px;box-shadow:0 5px 20px #0007}
.quick-wa{width:min(440px,calc(100vw - 24px))}
.quick-wa-results{max-height:min(54dvh,460px);gap:9px}
.quick-wa-item small{line-height:1.45;overflow-wrap:anywhere;font-size:12px}
.wa-result-count{font-size:12px;font-weight:700;color:#296b3b;margin:4px 0 8px}
@media(max-width:700px){.menu-dialog,.menu-dialog[open]{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.menu-dialog .dialog-frame{padding:5px;border-radius:12px}.menu-dialog .dialog-photo{height:min(90dvh,800px);max-height:none}.menu-dialog .dialog-photo img{max-height:100%}.menu-dialog .dialog-close{right:10px;top:10px;width:44px;height:44px}.quick-wa{right:12px;width:min(350px,calc(100vw - 24px))}.quick-wa-results{max-height:50dvh}}

/* v7: gallery and certification safeguards */
.dialog-arrow{position:absolute;z-index:12;top:50%;transform:translateY(-50%);border:1px solid #fff6;border-radius:999px;background:#102b22b8;color:#fff;width:56px;height:64px;font-size:32px;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}
.dialog-arrow-prev{left:16px}.dialog-arrow-next{right:16px}
.dialog-arrow:hover{background:#287b36e8}
.menu-slide-count{position:absolute;z-index:10;bottom:14px;left:50%;transform:translateX(-50%);padding:6px 13px;border-radius:16px;color:#fff;background:#071a10b5;font-size:13px;pointer-events:none}
.certificate-display{cursor:default!important;text-decoration:none!important;user-select:none}
.certificate-display img{pointer-events:none;user-select:none;-webkit-user-drag:none}
@media(max-width:650px){.dialog-arrow{width:40px;height:48px;font-size:24px}.dialog-arrow-prev{left:5px}.dialog-arrow-next{right:5px}.menu-slide-count{bottom:8px}}

/* v8 - mobile and certificate viewer */
.hero-cert.certificate-display{appearance:none;text-align:left;font:inherit;cursor:pointer!important;width:auto;max-width:100%}
.certificate-dialog{border:0;border-radius:20px;padding:0;width:min(950px,calc(100vw - 20px));max-height:94dvh;background:#eef7ee;box-shadow:0 25px 90px #0006}
.certificate-dialog::backdrop{background:#071b11cc;backdrop-filter:blur(4px)}
.cert-viewer{padding:18px;position:relative}.cert-pages{overflow-y:auto;max-height:80dvh;display:grid;gap:12px;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.cert-sheet{position:relative;background:#fff;text-align:center;overflow:hidden;border-radius:8px}.cert-sheet img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;user-select:none}
.cert-sheet:after{content:'MM JUICE • HANYA UNTUK VERIFIKASI';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:clamp(16px,3vw,34px);font-weight:900;letter-spacing:2px;color:#183d3840;white-space:nowrap;pointer-events:none}
.cert-close{position:sticky;top:0;margin-left:auto;display:block;z-index:5;border:0;background:#ed3642;color:white;border-radius:50%;font-size:28px;width:44px;height:44px;cursor:pointer}
.cert-caption{font-size:12px;color:#34513e;text-align:center;margin-top:12px}
@media(max-width:700px){.shell,.nav-wrap{width:calc(100% - 28px)}.hero{padding-top:34px;padding-bottom:32px}.hero-copy h1{font-size:clamp(2.15rem,10vw,3.45rem);line-height:1.09}.hero-copy p{font-size:15px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .btn{max-width:100%;text-align:center}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{min-width:0}.menu-card img{width:100%;object-fit:cover}.branch-layout{display:grid;grid-template-columns:minmax(0,1fr)}.map-holder{height:300px}.footer-inner{grid-template-columns:1fr}.contact-card iframe{height:270px}.cert-viewer{padding:10px}.cert-sheet:after{font-size:12px;white-space:normal;width:90%}.quick-wa{bottom:10px;right:10px;width:min(340px,calc(100vw - 20px))}.quick-wa-panel{max-height:70dvh;overflow-y:auto}.menu-dialog .dialog-arrow{z-index:20}}
@media(max-width:390px){.menu-grid{grid-template-columns:1fr 1fr;gap:8px}.card-body{padding:10px}.menu-card h3{font-size:14px}.hero-certifications{flex-direction:column}.hero-cert{flex:auto;width:100%}.hero-chips{gap:6px}.hero-chips span{font-size:12px}}

/* Keterangan harga yang terlihat jelas namun tetap menyatu dengan desain */
.price-disclaimer{font-size:clamp(12px,1.7vw,14px);line-height:1.65;color:#6b5045;max-width:950px;margin:6px auto 28px;text-align:center;background:#fff8ec;border:1px solid #f4e5d1;border-radius:12px;padding:10px 16px}
/* Viewer versi 8 dipertahankan. Watermark dibuat lebih terbaca dengan opasitas sedang. */
.cert-sheet:after{content:'MM JUICE • HANYA UNTUK VERIFIKASI'!important;color:rgba(26,66,49,.31)!important;text-shadow:0 1px 1px rgba(255,255,255,.23);font-size:clamp(15px,3.3vw,36px)!important;letter-spacing:1.8px!important;line-height:1.4;text-align:center;max-width:96%;pointer-events:none;}
@media(max-width:600px){.price-disclaimer{text-align:left;margin:8px 0 22px;padding:12px;font-size:12px}.cert-sheet:after{font-size:clamp(12px,3vw,18px)!important;white-space:normal!important;width:94%}}

/* MM Juice V11 */
.hero-media .image-frame{position:relative;isolation:isolate}
.hero-media .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:rotate(5deg) scale(1.1);transition:opacity .75s ease;z-index:0}
.hero-media .hero-slide.active{opacity:1;z-index:1}
.hero-slide-dots{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%) rotate(5deg);display:flex;gap:9px;background:#083d2377;padding:8px 11px;border-radius:30px}
.hero-slide-dots button{width:12px;height:12px;border-radius:99px;background:#fff9;border:0;cursor:pointer;padding:0}
.hero-slide-dots button.active{background:#e42136;width:28px}
.tab-review{background:#f4c22d;color:#194625}
.branch-discovery{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.branch-discovery button{cursor:pointer}.branch-discovery span{font-size:13px;color:#32653b}
.btn-review{background:#ffcb4d;color:#263622}.btn-order{background:#169c4a;color:#fff}
.review-section{background:linear-gradient(130deg,#f1ffe9,#fff8df)}
.review-card{display:grid;grid-template-columns:1.25fr .85fr;gap:36px;align-items:center;padding:36px;background:#fff;border-radius:26px;box-shadow:0 18px 50px #13572b15;border:1px solid #dce9d6}
.review-card h2{font-size:clamp(30px,3.8vw,48px);margin:10px 0 15px}.review-card p{color:#57715d}.review-controls{display:grid;gap:12px}.review-controls label{font-weight:800}.review-controls select{min-width:0;max-width:100%;padding:14px;border-radius:13px;border:1px solid #b9d7b9;background:#fff}.review-controls .btn{text-align:center}.review-controls .btn[aria-disabled="true"]{opacity:.58;cursor:not-allowed}.review-hint{font-size:13px;margin:0}.review-suggestion{color:#137c2a;text-decoration:underline;font-weight:700}
@media(max-width:840px){.review-card{grid-template-columns:1fr}.nav-tabs{flex-wrap:wrap}.hero{gap:28px}}
@media(max-width:700px){.review-card{padding:22px 18px;gap:18px}.branch-discovery .btn{width:100%}.hero-media{min-height:310px}.hero-media .image-frame{max-width:min(83vw,420px)}.branch-detail .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-media .hero-slide{transition:none}}


/* MM Juice V12 */
.branch-selected-display{min-height:52px;display:flex;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid #b9d7b9;background:linear-gradient(135deg,#f7fff2,#fff);font-weight:800;color:#1f4e2a;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.review-suggestion{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;background:#1caa56;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 10px 24px rgba(28,170,86,.2)}
.review-suggestion:hover{filter:brightness(1.03);transform:translateY(-1px)}
.cert-sheet{position:relative;overflow:hidden}
.cert-watermark{position:absolute;left:50%;transform:translateX(-50%) rotate(-28deg);font-weight:900;letter-spacing:2px;color:rgba(214,36,54,.24);text-transform:uppercase;pointer-events:none;user-select:none;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.cert-watermark.top{top:-1.5%;font-size:clamp(16px,3.1vw,34px)}
.cert-watermark.middle{top:50%;transform:translate(-50%,-50%) rotate(-28deg);font-size:clamp(18px,3.6vw,40px);color:rgba(214,36,54,.30)}
.cert-watermark.bottom{bottom:-1.5%;font-size:clamp(16px,3.1vw,34px)}
.cert-sheet:after{content:none!important}
@media(max-width:700px){.branch-selected-display{min-height:48px;padding:12px 14px;font-size:14px}.cert-watermark{letter-spacing:1.1px}.cert-watermark.top,.cert-watermark.bottom{font-size:clamp(12px,2.8vw,18px)}.cert-watermark.middle{font-size:clamp(14px,3.2vw,22px)}}

/* V13: five red translucent watermark stripes, per certificate page */
.cert-sheet:after{content:none!important}
.cert-watermark{font-weight:850;color:rgba(195,18,35,.25);white-space:nowrap;left:50%;line-height:1.1;letter-spacing:.4px;font-size:clamp(15px,2.7vw,32px);max-width:none}
.cert-watermark.top-2{top:0%;transform:translate(-50%,-60%) rotate(-22deg)}
.cert-watermark.top-1{top:25%;transform:translate(-50%,-50%) rotate(-22deg)}
.cert-watermark.middle{top:50%;transform:translate(-50%,-50%) rotate(-22deg);color:rgba(195,18,35,.29);font-size:clamp(15px,2.7vw,32px)}
.cert-watermark.bottom-1{top:75%;transform:translate(-50%,-50%) rotate(-22deg)}
.cert-watermark.bottom-2{top:100%;transform:translate(-50%,-40%) rotate(-22deg)}
@media(max-width:650px){.cert-watermark,.cert-watermark.middle{font-size:clamp(10px,2.65vw,18px);letter-spacing:0}}

/* V14 — premium responsive refinement and unified CTA language */
:root{--cta-red:#e52f42;--cta-green:#189747;--cta-radius:14px;--cta-shadow:0 11px 26px rgba(16,63,33,.12)}
.btn,.review-suggestion,.quick-wa-toggle,.filter,.nav-tabs .tab{font-family:inherit;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,filter .2s ease}
.btn,.review-suggestion{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 21px;border-radius:var(--cta-radius);font-weight:750;line-height:1.35;box-shadow:var(--cta-shadow);text-align:center;text-decoration:none}
.btn-red{background:var(--cta-red);color:#fff}.btn-whatsapp,.review-suggestion{background:var(--cta-green)!important;color:#fff!important}
.btn:hover,.review-suggestion:hover{transform:translateY(-2px);filter:brightness(1.04)}
.btn:focus-visible,.review-suggestion:focus-visible,.filter:focus-visible,.tab:focus-visible,.hero-slide-dots button:focus-visible{outline:3px solid #ffb72b;outline-offset:4px}
.section{scroll-margin-top:96px}.menu-card{overflow:hidden}.menu-card img{display:block}.review-card,.contact-card,.about-card{min-width:0}
/* Leave embedded Google map width responsive, without clipping contents */
.map-holder iframe,.contact-card iframe{width:100%;max-width:100%;border:0}
@media(max-width:900px){.nav-wrap{gap:12px}.nav-tabs{gap:6px}.nav-tabs .tab{font-size:13px;padding:10px 12px}.hero{gap:20px}.review-card{gap:20px}}
@media(max-width:700px){
 html{scroll-padding-top:82px}body{overflow-x:hidden}.shell,.nav-wrap{width:calc(100% - 32px);max-width:100%}
 .site-header{position:sticky;top:0;z-index:90}.nav-wrap{min-height:70px}.brand img{max-width:150px;height:auto}
 .nav-tabs.open{display:flex;flex-direction:column;gap:9px;padding:14px;background:linear-gradient(150deg,#fffaf2,#f1ffed);border-radius:16px;box-shadow:0 20px 38px rgba(14,79,26,.17)}
 .nav-tabs.open .tab{width:100%;text-align:center;min-height:45px;display:flex;align-items:center;justify-content:center}
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:22px;padding-bottom:28px}
 .hero-copy h1{font-size:clamp(2.1rem,8.8vw,3.25rem);line-height:1.12;overflow-wrap:break-word}.hero-copy p{font-size:15px;line-height:1.7}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hero-actions .btn{padding:12px 8px;font-size:13px;min-width:0}
 .hero-media{min-height:275px}.hero-media .image-frame{width:min(78vw,385px);max-width:100%;margin-inline:auto}.float-sticker{right:0}
 .section{padding-top:44px;padding-bottom:44px}.section-heading h2{font-size:clamp(1.75rem,7vw,2.5rem);overflow-wrap:break-word}
 .filters{align-items:stretch}.filter-buttons{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:8px}.filter{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:43px}
 .search-wrap{width:100%}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-card{min-width:0}.card-body{padding:12px}.menu-card h3{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.menu-card img{aspect-ratio:4/3;object-fit:cover}.card-link{font-size:12px}
 .branch-layout,.contact-grid,.footer-inner{grid-template-columns:minmax(0,1fr)}.branch-left,.branch-right{min-width:0}.map-holder{height:320px}.branch-detail{display:flex;flex-direction:column;align-items:stretch}.branch-detail .btn{width:100%}
 .review-card{padding:22px 17px}.review-card h2{font-size:clamp(1.9rem,7vw,2.5rem)}.review-controls{min-width:0}.review-controls .btn,.review-suggestion{width:100%;min-width:0;font-size:14px}
 .quick-wa{width:min(360px,calc(100vw - 24px));right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.quick-wa-panel{max-height:min(68dvh,560px)}
 .menu-dialog .dialog-photo{height:min(78dvh,720px)}.menu-dialog .dialog-close{min-width:44px;min-height:44px}.certificate-dialog{width:calc(100vw - 14px)}
}
@media(max-width:380px){.menu-grid{gap:8px}.card-body{padding:10px}.hero-actions{grid-template-columns:1fr}.hero-media{min-height:235px}.quick-wa-toggle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.btn,.review-suggestion,.filter{transition:none!important}}

/* Review branch shortcut and ISO certification visibility (v15). */
.review-branch-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.review-find-branch{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #238447;border-radius:10px;color:#176c35;background:#f2fff1;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s ease}
.review-find-branch:hover,.review-find-branch:focus-visible{background:#dcf7dd}
.iso-cert-icon{width:76px;height:68px;display:flex!important;align-items:center;justify-content:center;flex:none;border:3px solid #2373a2;border-radius:50%;font-size:24px;font-weight:900;color:#2373a2;letter-spacing:-1px}.hero-cert[data-certificate="iso"]{display:flex!important}@media(max-width:700px){.iso-cert-icon{width:54px;height:56px;font-size:19px}}

/* Selected branch review action */
.selected-location-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}
.selected-location-heading .branch-review-button{min-height:36px;padding:8px 12px;font-size:12px;white-space:normal}
@media(max-width:700px){.selected-location-heading{align-items:stretch}.selected-location-heading .branch-review-button{width:auto}}


/* V20: equal certification cards, consistent logo framing and responsive sizing. */
.hero-certifications{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,280px));
  justify-content:start;
  align-items:stretch;
  gap:16px;
}
.hero-cert.certificate-display{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:none;
  min-height:100px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
}
.hero-cert.certificate-display img{
  display:block;
  width:76px;
  height:76px;
  flex:0 0 76px;
  object-fit:contain;
  object-position:center;
}
.hero-cert.certificate-display span{min-width:0}
.hero-cert.certificate-display strong{line-height:1.3;overflow-wrap:break-word}
.hero-cert.certificate-display:focus-visible{outline:3px solid #ffb72b;outline-offset:3px}
@media(max-width:700px){
  .hero-certifications{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-cert.certificate-display{min-height:88px;gap:9px;padding:10px}
  .hero-cert.certificate-display img{width:54px;height:54px;flex-basis:54px}
  .hero-cert.certificate-display strong{font-size:clamp(12px,2.5vw,14px)}
  .hero-cert.certificate-display small{font-size:11px}
  .certificate-dialog{max-width:calc(100vw - 14px)}
  .cert-pages{max-height:calc(100dvh - 110px)}
}
@media(max-width:390px){
  .hero-certifications{grid-template-columns:1fr}
  .hero-cert.certificate-display{min-height:78px}
}