/* Indonesian coffee detail page; use alongside MCC main style.css */
.coffee-hero{background:linear-gradient(120deg,#153b34,#326553);color:#fff;padding:28px 0 64px}.coffee-crumb{font-size:13px;margin-bottom:30px;color:#e0ece4}.coffee-crumb a{color:inherit}.coffee-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}.coffee-kicker{font-size:13px;letter-spacing:.08em;font-weight:700;color:#d8e7c4}.coffee-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.24;margin:14px 0 22px;color:#fff}.coffee-hero p{line-height:1.85;color:#eaf1eb}.coffee-hero-photo{display:block;width:100%;height:410px;object-fit:cover;border-radius:12px;box-shadow:0 16px 38px #092a204d}.coffee-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.coffee-note-light{font-size:12px;margin-top:20px}.coffee-section{padding:68px 0}.coffee-pale{background:#f5f8f5}.coffee-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.coffee-card{background:#fff;border:1px solid #e1e9e1;padding:30px;border-radius:12px;box-shadow:0 7px 22px #1b38230c}.coffee-card-label{color:#9a8657;font-size:24px;font-weight:800}.coffee-card h3{color:#173c31;font-size:23px;margin:10px 0}.coffee-card p{color:#586a62;line-height:1.85}.coffee-card a{color:#17604a;font-weight:700}.coffee-variety-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.coffee-variety-list article{display:flex;gap:17px;padding:22px;background:#fff;border:1px solid #e1e9e1;border-radius:10px}.coffee-variety-list article>span{font-weight:800;font-size:21px;color:#b2995d}.coffee-variety-list h3{margin:0 0 9px;font-size:19px;color:#163e32}.coffee-variety-list p{margin:0;color:#617269;font-size:14px;line-height:1.8}.coffee-muted{font-size:13px;color:#687970;margin-top:20px;line-height:1.7}.coffee-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coffee-facts>div{padding:22px;background:#fff;border:1px solid #e2e9e2;border-radius:10px}.coffee-facts b{color:#1b5746}.coffee-facts p{color:#66766d;line-height:1.7;font-size:14px;margin:9px 0 0}.coffee-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coffee-gallery figure{margin:0;background:#fff;border:1px solid #e0e8df;border-radius:10px;overflow:hidden}.coffee-gallery img{display:block;width:100%;height:300px;object-fit:contain;background:#e9eee8}.coffee-gallery figcaption{font-weight:700;color:#244838;font-size:14px;padding:13px 15px}.coffee-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coffee-process>div{border:1px solid #e2e9e2;padding:22px;border-radius:9px}.coffee-process b{font-size:27px;color:#b69a5d}.coffee-process h3{font-size:17px;color:#234a3a}.coffee-process p{font-size:14px;color:#66766d;line-height:1.7}.coffee-bottom{background:#173b32;padding:55px 0;color:#fff}.coffee-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:26px}.coffee-bottom h2{color:#fff;font-size:29px}.coffee-bottom p{color:#e2eae4;max-width:680px;line-height:1.8}
@media(max-width:900px){.coffee-hero-grid{grid-template-columns:1fr}.coffee-hero-photo{height:330px}.coffee-facts,.coffee-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.coffee-hero{padding:22px 0 48px}.coffee-hero-grid{gap:20px}.coffee-hero-photo{height:auto;max-height:400px;object-fit:contain}.coffee-section{padding:48px 0}.coffee-two-cards,.coffee-variety-list,.coffee-facts,.coffee-gallery,.coffee-process{grid-template-columns:1fr}.coffee-gallery img{height:auto;max-height:430px}.coffee-bottom-inner{flex-direction:column;align-items:flex-start}.coffee-bottom h2{font-size:24px}}

/* Portrait gallery: four photos per row on desktop, no empty side panels */
.coffee-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.coffee-gallery figure{min-width:0}
.coffee-gallery img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center;background:#e9eee8}
@media(max-width:900px){.coffee-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.coffee-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coffee-gallery img{height:auto;max-height:none;aspect-ratio:9/16}.coffee-gallery figcaption{font-size:12px;padding:10px}}

/* Eight images in two rows of four; landscape sample cropped in gallery thumbnail only */
.coffee-gallery figure:last-child img{object-fit:cover;}


/* Gallery layout fixed here so old cached CSS cannot force three columns. */
.coffee-gallery {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;align-items:stretch !important;}
.coffee-gallery > figure {display:flex !important;flex-direction:column !important;min-width:0 !important;margin:0 !important;overflow:hidden !important;border-radius:10px !important;}
.coffee-gallery > figure > img {display:block !important;width:100% !important;height:auto !important;aspect-ratio:3/4 !important;object-fit:cover !important;object-position:center !important;max-height:none !important;}
.coffee-gallery > figure > figcaption {flex:1 !important;font-size:13px !important;line-height:1.5 !important;padding:10px 11px !important;}
@media(max-width:700px){.coffee-gallery {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}}