/* Kopi Matahari — additional sections and responsive pages. */
.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .35s}
.product-visual.has-photo .product-photo{opacity:1}
.product-visual.has-photo::before{content:'';position:absolute;inset:-25px;z-index:0;background-position:center;background-size:cover;filter:blur(26px);opacity:.4}
.product-card[data-product="80"] .product-visual.has-photo::before{background-image:url('./assets/kopi-matahari-80g.webp')}
.product-card[data-product="200"] .product-visual.has-photo::before{background-image:url('./assets/kopi-matahari-200g.webp')}
.product-visual.has-photo .coffee-pouch,.product-visual.has-photo .floating-bean,.product-visual.has-photo .visual-footnote{visibility:hidden}
.product-visual.has-photo .product-top-label{z-index:4}
.offers-section{background:#f8f3e9;overflow:hidden}
.offers-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:9%}
.offers-intro h2,.community-section h2,.reseller-teaser h2{font:500 clamp(38px,4.4vw,68px)/1.22 var(--serif);letter-spacing:-.045em;margin:26px 0}
.offers-intro h2 em,.community-section h2 em{font-weight:400;color:#a77942}
.offers-intro p,.community-layout>div>p{font-size:14px;color:#766b5d;line-height:1.95;max-width:480px;margin-bottom:34px}
.bundle-card{position:relative;overflow:hidden;background:#281f17;color:#f5e8d5;padding:33px 38px 25px;box-shadow:0 22px 50px #32231225}
.bundle-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 35%,#bd884321,transparent 60%)}
.bundle-top{position:relative;display:flex;align-items:center;justify-content:space-between;font:600 10px var(--mono);letter-spacing:.15em;color:#dbb783;border-bottom:1px solid #65503b;padding-bottom:21px}
.bundle-art{height:220px;display:flex;align-items:center;justify-content:center;position:relative}
.bundle-sun{position:absolute;font-size:235px;color:#a7793e24;line-height:1}
.bundle-cup{font-size:97px;filter:drop-shadow(0 14px 12px #0008);transform:rotate(-8deg)}
.bundle-card h3{position:relative;font:500 31px var(--serif);margin:0 0 12px}
.bundle-card>p:not(.bundle-note){position:relative;line-height:1.75;color:#c7b6a0;font-size:13px;max-width:450px}
.bundle-bottom{border-top:1px solid #65503b;padding-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}
.bundle-bottom>div{display:flex;flex-direction:column;gap:7px}.bundle-bottom small{color:#b6a68e;font-size:11px}.bundle-bottom strong{font-size:28px;color:#f1cf98}
.bundle-bottom .button{padding:17px 20px;gap:17px}
.bundle-note{font-size:10px;color:#9c8d79;line-height:1.7;margin:22px 0 0}
.community-section{background:#e7dfd2}
.community-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}
.community-card{min-height:370px;background:#f6f0e7;padding:40px 44px;border:1px solid #d8c9b8;box-shadow:18px 18px 0 #c9b69a;display:flex;flex-direction:column;align-items:flex-start}
.community-quote{font:500 110px/.7 var(--serif);color:#b78c55;margin-top:25px}
.community-card p{font:500 clamp(25px,2.5vw,37px)/1.35 var(--serif);color:#3c3023;max-width:420px;margin:18px 0 21px}
.community-card small{font-size:12px;line-height:1.8;color:#857461}
.community-rule{margin-top:auto;margin-bottom:13px;display:block;width:70px;height:1px;background:#bc9560}
.community-card b{font:500 9px var(--mono);letter-spacing:.2em;color:#9f7848}
.reseller-teaser{color:#fff;background:radial-gradient(ellipse at right,#4b3824,#1c1712 65%)}
.reseller-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:65px}
.reseller-teaser h2{margin-bottom:18px}.reseller-teaser h2 em{color:#ebbd7b}.reseller-teaser p{color:#c2b4a2;font-size:14px;line-height:1.9;max-width:570px}
.reseller-teaser .button{flex-shrink:0}
.consent-banner{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 32px));background:#fffaf2;border:1px solid #bc9c73;box-shadow:0 12px 40px #0004;padding:18px 23px;display:flex;align-items:center;gap:25px;color:#35291c}
.consent-banner[hidden]{display:none}.consent-banner p{font-size:12px;line-height:1.6;flex:1}.consent-banner a{text-decoration:underline;color:#815b2a}.consent-banner>div{display:flex;gap:8px;flex-shrink:0}
.consent-banner button{border:1px solid #a67a44;background:#fffaf2;padding:12px 13px;color:#5b4224;font-size:11px;font-weight:700}.consent-banner button:last-child{background:#2a2118;color:#ffe9c3;border-color:#2a2118}
.inner-page{background:#f5efe5}.inner-page .site-header{position:relative;top:auto;background:#1b1711}.inner-page .announcement{height:29px}.inner-page .mobile-nav{top:76px}
.subpage-hero{background:radial-gradient(circle at 78% 40%,#624527,#1b1711 60%);padding:105px 0 110px;color:#fff;position:relative;overflow:hidden}.subpage-hero:after{content:'✺';position:absolute;right:3%;bottom:-100px;font:400 480px/.8 Georgia;color:#bd8d4c18;pointer-events:none}
.subpage-hero .container{position:relative;z-index:1}.subpage-hero h1{font:500 clamp(53px,6vw,95px)/1.12 var(--serif);letter-spacing:-.05em;margin:30px 0}.subpage-hero h1 em{color:#e8bd83}.subpage-hero p{font-size:15px;line-height:1.95;max-width:620px;color:#cabdab}
.partner-section{padding:110px 0;background:#f3ece0}.partner-section h2,.partner-form-section h2{font:500 clamp(37px,4vw,63px)/1.25 var(--serif);margin:20px 0 38px}
.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.partner-card{background:#fff9f0;padding:37px 30px;min-height:255px;border-top:3px solid #bb8d52}.partner-card span{font:500 11px var(--mono);color:#a77c45}.partner-card h3{font:600 25px var(--serif);margin:24px 0 14px}.partner-card p{font-size:13px;line-height:1.85;color:#776b5d}
.partner-form-section{background:#e8dfd1;padding:105px 0}.partner-form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.partner-form-section p{font-size:14px;color:#766a5b;line-height:1.9}
.partner-form{background:#fffaf2;padding:38px;box-shadow:0 18px 40px #4c301718;display:grid;gap:16px}
.partner-form label{font-weight:700;font-size:12px}.partner-form input,.partner-form select,.partner-form textarea{display:block;width:100%;font:inherit;border:1px solid #cfc1ae;background:#fff;padding:14px;margin-top:9px;color:#362a1c;border-radius:0}
.partner-form textarea{resize:vertical;min-height:100px}.partner-form .button{width:100%}.partner-form small{font-size:11px;line-height:1.6;color:#7c6b5a}.form-status{font-size:12px;min-height:1em;color:#6e5231}
.faq-section{background:#f5efe5;padding:90px 0}.faq-section h2{font:500 44px var(--serif);margin-bottom:35px}.faq-section details{border-top:1px solid #d0c4b6;padding:23px 0}.faq-section details:last-child{border-bottom:1px solid #d0c4b6}.faq-section summary{cursor:pointer;font-weight:700}.faq-section p{color:#796c5b;font-size:13px;line-height:1.85}
.privacy-page{background:#f6efe5;padding:85px 0 110px}.privacy-content{max-width:820px}.privacy-content h1{font:500 62px var(--serif);line-height:1.2}.privacy-content h2{font:600 27px var(--serif);margin-top:35px}.privacy-content p,.privacy-content li{font-size:14px;line-height:1.9;color:#695e50}.privacy-content a{text-decoration:underline}
@media(max-width:1180px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}}
@media(max-width:900px){.offers-grid,.community-layout,.partner-form-layout{grid-template-columns:1fr;gap:55px}.reseller-teaser-inner{flex-direction:column;align-items:flex-start;gap:25px}.partner-cards{grid-template-columns:1fr 1fr}.consent-banner{flex-direction:column;align-items:stretch;gap:8px}.consent-banner>div{justify-content:flex-end}}
@media(max-width:640px){.product-photo{padding:0}.bundle-card{padding:25px 24px}.bundle-art{height:160px}.bundle-sun{font-size:180px}.bundle-cup{font-size:76px}.bundle-bottom{align-items:flex-start;flex-direction:column}.community-card{box-shadow:8px 8px 0 #c9b69a;padding:25px 29px;min-height:340px}.partner-cards{grid-template-columns:1fr}.partner-card{min-height:0}.partner-form{padding:25px 21px}.subpage-hero{padding:75px 0}.subpage-hero h1{font-size:48px}.subpage-hero:after{font-size:300px;bottom:-45px}.privacy-content h1{font-size:48px}.consent-banner{bottom:8px}.consent-banner>div{flex-direction:column}.consent-banner button{width:100%}}