/* Meru Deli V6 — ubah warna di bagian :root */:root{--red:#ad281b;--deep:#8b1c14;--cream:#fff7ed;--paper:#fcf8f2;--ink:#361b16;--muted:#7b655e;--line:#e7d5c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Libre Baskerville',serif;font-weight:400;line-height:1.24}em{font-weight:400}.container{width:min(1160px,calc(100% - 42px));margin:auto}.header{background:var(--red);position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff40}.nav{height:84px;display:flex;align-items:center;gap:35px}.logo{width:130px;height:64px;display:flex;align-items:center}.logo img{width:100%;height:100%;object-fit:contain}.navlinks{display:flex;gap:12px;margin:auto}.navlinks a{border:1px solid #ffffff85;color:var(--cream);border-radius:30px;padding:10px 26px;font-weight:800;transition:.25s}.navlinks a:hover,.navlinks a.active{background:var(--cream);color:var(--deep)}.nav-social{color:var(--cream);font-size:30px}.nav-toggle{display:none}.hero{min-height:670px;background:var(--red);color:var(--cream);position:relative;overflow:hidden}.hero-content{position:relative;z-index:1;text-align:center;padding-top:72px}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:900;color:#ffdfcb}.eyebrow.red{color:var(--red)}.hero h1{font-size:clamp(3.5rem,7.3vw,7rem);letter-spacing:-.06em;margin:18px 0}.hero-content>p:not(.eyebrow){font-size:1.1rem}.hero-image{position:absolute;bottom:0;width:100%;height:49%;object-fit:cover;object-position:center 70%}.pill{display:inline-flex;align-items:center;gap:22px;padding:13px 25px;border-radius:99px;font-weight:900;transition:transform .25s}.pill:hover{transform:translateY(-3px)}.pill.light{background:var(--cream);color:var(--deep)}.pill.red-bg{background:var(--red);color:white}.pill.outline{border:1px solid var(--red);color:var(--red)}.section{padding:105px 0}.intro,.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.intro>img,.about>img{width:100%;height:425px;object-fit:cover;border-radius:20px}.intro h2,.about h2,.story h2{font-size:clamp(2.2rem,4.4vw,4rem);letter-spacing:-.055em}.intro p:not(.eyebrow),.about p:not(.eyebrow){color:var(--muted);line-height:1.85}.underlink{display:inline-block;margin-top:15px;padding-bottom:5px;border-bottom:1px solid var(--red);color:var(--red);font-weight:900}.menu-section{background:#fffaf4}.section-title{display:flex;align-items:center;gap:34px;margin-bottom:32px}.section-title h2{font-size:clamp(2.7rem,5vw,4.7rem);color:var(--deep);margin:0}.title-line{height:1px;background:#b57d70;flex:1}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:0;background:#fff;text-align:left;transition:transform .25s,box-shadow .25s}.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #5c1b141b}.category-card img{width:100%;height:290px;object-fit:cover}.category-card .category-label{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:var(--deep);font:400 1.6rem 'Libre Baskerville',serif}.category-card .category-label span{font-family:Nunito,sans-serif}.products-panel{margin-top:55px}.products-panel[hidden]{display:none}.products-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.products-head h3{font-size:clamp(2rem,4vw,3.3rem);margin:10px 0 0;color:var(--deep)}.back-link{border:0;background:none;padding:0;color:var(--red);font-weight:900}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:40px;padding:9px 18px;background:#fff}.search-box input{outline:none;border:0;width:190px;background:transparent}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #4e1b131a}.product-card img{width:100%;height:245px;object-fit:cover}.product-body{padding:18px 20px 22px}.product-body strong{display:block;font:400 1.23rem/1.45 'Libre Baskerville',serif}.product-body small{display:block;margin-top:10px;color:var(--red);font-size:1rem;font-weight:900}.photo-note{color:var(--muted);font-size:.78rem;margin:22px 0 0}.empty{grid-column:1/-1;padding:45px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.story{background:var(--red);color:var(--cream);padding:75px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.story img{width:100%;max-height:270px;object-fit:contain}.story p:not(.eyebrow){line-height:1.7}.about-actions{display:flex;gap:12px;flex-wrap:wrap}.visit{background:var(--deep);color:var(--cream);padding:60px 0}.visit-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.visit h2{font-size:clamp(1.7rem,3.5vw,3rem);margin:0}footer{background:#351b16;color:var(--cream);padding:55px 0 20px}.footer-row{display:flex;justify-content:space-between;gap:30px}.footer-row img{width:120px}.footer-row p{margin:10px 0}.footer-row>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.copyright{text-align:center;margin:45px 0 0;opacity:.7;font-size:.8rem}.product-dialog{width:min(1000px,calc(100% - 28px));max-height:calc(100dvh - 36px);border:0;border-radius:22px;padding:0;background:var(--cream);color:var(--ink);box-shadow:0 25px 90px #210e0c70;overflow:auto}.product-dialog::backdrop{background:#180e0caa;backdrop-filter:blur(4px)}.close-dialog{position:absolute;z-index:2;right:17px;top:17px;border:0;background:var(--cream);width:42px;height:42px;border-radius:50%;font-size:26px;color:var(--deep)}.dialog-layout{display:grid;grid-template-columns:1.2fr 1fr}.dialog-gallery{background:#ead8ca}.dialog-gallery>img{width:100%;height:430px;object-fit:cover}.thumbs{display:flex;gap:12px;padding:14px}.thumbs button{border:2px solid transparent;border-radius:12px;padding:5px;background:#fff;flex:1;max-width:145px;text-align:left;color:var(--deep);font-size:.75rem}.thumbs button.active{border-color:var(--red)}.thumbs img{width:100%;height:76px;object-fit:cover;border-radius:7px;margin-bottom:5px}.dialog-details{padding:95px 35px 30px}.dialog-details h3{font-size:clamp(2rem,3.5vw,3rem);color:var(--deep)}.dialog-price{color:var(--red);font-size:1.4rem;font-weight:900}.dialog-details>p:not(.eyebrow):not(.dialog-price){color:var(--muted);line-height:1.7}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:750px){.nav{height:70px}.logo{width:110px}.nav-toggle{display:block;margin-left:auto;background:transparent;border:0;color:white;font-size:27px}.nav-social{display:none}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:var(--red);padding:16px 22px 25px;flex-direction:column}.navlinks.open{display:flex}.navlinks a{text-align:center}.hero{min-height:620px}.hero-content{padding-top:65px}.hero-image{height:42%}.section{padding:65px 0}.intro,.about,.story-grid{grid-template-columns:1fr;gap:28px}.intro>img,.about>img{height:320px}.category-grid{gap:13px}.category-card img{height:170px}.category-card .category-label{font-size:1rem;padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card img{height:170px}.product-body{padding:13px}.product-body strong{font-size:.95rem}.products-head{align-items:stretch;flex-direction:column}.search-box input{width:100%}.visit-row,.footer-row{align-items:start;flex-direction:column}.dialog-layout{grid-template-columns:1fr}.dialog-gallery>img{height:310px}.dialog-details{padding:20px 24px 30px}.dialog-details h3{font-size:2rem}}@media(max-width:420px){.category-grid{grid-template-columns:1fr}.category-card img{height:210px}.product-grid{grid-template-columns:1fr}.product-card img{height:245px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* V6 Netlify: seamless red hero and transparent logo, layout unchanged */
.header {background:#ad281b;}
.logo img {object-fit:contain;object-position:left center;}
.hero {background:#ad281b;}
.hero-image {
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 12%,rgba(0,0,0,.70) 34%,#000 65%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 12%,rgba(0,0,0,.70) 34%,#000 65%);
}
.hero::after {content:"";pointer-events:none;position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#ad281b 0%,transparent 63%);opacity:.18;}

/* FIX: browser hidden attribute must override grid layout when category changes */
[hidden] { display: none !important; }
/* Logo baru PNG transparan, tidak ada latar kotak */
.logo img { object-fit: contain; object-position: left center; }

/* Revisi final: logo putih dan ilustrasi putih, tanpa mengubah layout V6 */
.logo img { width:100%;height:100%;object-fit:contain;object-position:left center; }
.story img {width:100%;max-height:270px;object-fit:contain;}
.footer-row img {width:120px;height:auto;object-fit:contain;}

.variant-gallery:not([hidden]){display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.variant-gallery button{border:1px solid #d8b8a6;background:#fff9f3;border-radius:10px;padding:7px;cursor:pointer;color:#922419;font:600 12px Nunito,sans-serif;max-width:120px}.variant-gallery button.active{border:2px solid #a81a0e}.variant-gallery img{display:block;width:96px;height:75px;object-fit:cover;border-radius:6px;margin-bottom:5px}

/* Our Story image opens Meru Deli location */
.about-map-link{position:relative;display:block;overflow:hidden;border-radius:20px;cursor:pointer}.about-map-link img{width:100%;height:425px;object-fit:cover;transition:transform .3s}.about-map-link:hover img{transform:scale(1.025)}.about-map-link:focus-visible{outline:3px solid var(--red);outline-offset:4px}.about-map-hint{position:absolute;bottom:18px;left:18px;right:18px;width:max-content;max-width:calc(100% - 36px);background:#fff7edea;color:var(--deep);font-weight:900;padding:12px 17px;border-radius:40px;font-size:.88rem;box-shadow:0 4px 18px #0002}@media(max-width:750px){.about-map-link img{height:320px}.about-map-hint{font-size:.78rem}}

.product-no-image{aspect-ratio:4/3;background:#f5ece5;color:#8e5149;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:Georgia,serif;font-size:1.25rem;}