:root{--khaki-accent: #C5A880;--khaki-dark: #8F7250;--khaki-light: #DFD3C3;--khaki-subtle: #F3ECE1;--espresso-black: #16120F;--espresso-dark: #221B17;--espresso-muted: #3D322B;--bg-page: #FAF8F5;--bg-surface: #FFFFFF;--bg-sand-muted: #F4EFEA;--text-primary: #1C1815;--text-secondary: #574E47;--text-muted: #877C73;--text-white: #FAF8F5;--text-white-dim: #D1C7BD;--border-light: #E7DFD5;--border-khaki: rgba(197, 168, 128, .45);--border-dark: rgba(255, 255, 255, .12);--header-height: 3.75rem;--container-max: 1160px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;font-size:15px}body{min-height:100vh;overflow-x:hidden;line-height:1.5;background-color:#f7f3ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-40 140 C 120 165, 210 95, 360 185 C 480 255, 590 220, 740 330 C 820 390, 880 370, 950 420' stroke='%23C5A880' stroke-width='1.8' stroke-opacity='0.28'/%3E%3Cpath d='M-20 155 C 135 175, 225 115, 355 200 C 460 268, 610 240, 735 345' stroke='%23A68963' stroke-width='0.85' stroke-opacity='0.18'/%3E%3Cpath d='M360 185 C 410 140, 495 125, 580 70 C 650 25, 720 10, 790 -20' stroke='%23C5A880' stroke-width='1.1' stroke-opacity='0.22'/%3E%3Cpath d='M120 -30 C 180 70, 155 160, 245 265 C 330 365, 290 480, 420 590 C 535 685, 680 670, 820 790 C 865 830, 910 865, 950 890' stroke='%23B89972' stroke-width='1.5' stroke-opacity='0.24'/%3E%3Cpath d='M245 265 C 190 330, 110 370, -30 430' stroke='%23C5A880' stroke-width='0.95' stroke-opacity='0.20'/%3E%3Cpath d='M-50 640 C 90 610, 210 680, 350 620 C 490 560, 585 630, 730 555 C 815 510, 875 535, 940 500' stroke='%23C5A880' stroke-width='1.4' stroke-opacity='0.25'/%3E%3Cpath d='M420 590 C 455 675, 415 770, 490 860 L 520 930' stroke='%23A68963' stroke-width='0.9' stroke-opacity='0.18'/%3E%3Cpath d='M640 -20 C 690 95, 620 210, 740 330 C 795 385, 760 490, 860 595' stroke='%23C5A880' stroke-width='1.0' stroke-opacity='0.19'/%3E%3Cpath d='M-30 820 C 110 780, 205 845, 340 790 C 430 755, 510 810, 650 760' stroke='%23B89972' stroke-width='1.1' stroke-opacity='0.20'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse 80% 50% at 18% 15%,rgba(255,253,249,.55) 0%,transparent 65%),radial-gradient(ellipse 70% 50% at 82% 52%,rgba(218,201,178,.28) 0%,transparent 65%),linear-gradient(135deg,#faf7f1c4,#f4ede2bf,#f9f5eec7),url(/assets/banners/marble-bg.jpg);background-size:900px 900px,100% 100%,100% 100%,100% 100%,980px auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat,repeat;background-attachment:fixed}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,.hero-heading,.h2-title,.h2-title-lg,.story-card-title,.story-philosophy-title,.arutala-card-title,.store-card-title,.cpi-title,.reel-card-title,.blog-main-title,.blog-stack-title,.maps-title,.loyal-customer-title,.footer-col-title{font-family:var(--font-heading);letter-spacing:-.015em}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.25rem}.top-header{position:sticky;top:0;z-index:50;height:var(--header-height);background-color:#16120ffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(197,168,128,.22)}.top-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.header-brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:-.01em}.header-brand-logo{width:2.35rem;height:2.35rem;border-radius:50%;object-fit:cover;background-color:#fff;border:1.5px solid var(--khaki-accent);box-shadow:0 2px 6px #0000004d;flex-shrink:0}.header-brand-text{font-size:1.35rem;font-weight:800;letter-spacing:-.015em;color:var(--khaki-accent)}.bento-coffee-logo-img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;background-color:#fff;border:2px solid var(--khaki-accent);box-shadow:0 4px 12px #00000040;margin-bottom:1.15rem}.header-logo-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:.18rem .45rem;border:1.5px solid var(--khaki-accent);border-radius:4px;background:#0d0a08;color:var(--khaki-accent);font-size:.6rem;font-weight:800;line-height:1.05;letter-spacing:.08em}.header-nav{display:flex;align-items:center;gap:1.65rem;list-style:none}.header-nav a{color:#faf8f5d1;font-size:.85rem;font-weight:500;transition:color .15s ease}.header-nav a:hover{color:var(--khaki-accent)}.header-actions{display:flex;align-items:center;gap:.65rem}.header-cart-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border-radius:var(--radius-sm);background:#c5a88024;border:1px solid rgba(197,168,128,.35);color:#fff;font-size:.8rem;font-weight:600;transition:all .15s ease}.header-cart-btn:hover{background:var(--khaki-accent);color:var(--espresso-black)}.cart-pill-count{background:var(--khaki-accent);color:var(--espresso-black);font-size:.72rem;font-weight:800;padding:.05rem .42rem;border-radius:999px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:var(--radius-sm);background:#c5a88024;border:1px solid rgba(197,168,128,.35);color:var(--khaki-accent);cursor:pointer;transition:all .15s ease}.mobile-menu-btn:hover{background:var(--khaki-accent);color:var(--espresso-black)}.hero-banner{position:relative;box-sizing:border-box;min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));background-color:var(--espresso-black);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2.5rem 0}.hero-bg-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.76) contrast(1.04);pointer-events:none}.hero-overlay-solid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#100d0ad1,#100d0aa3 55%,#100d0a7a);pointer-events:none}.hero-content{position:relative;z-index:10;width:100%}.now-live-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .75rem;border-radius:999px;border:1px solid rgba(197,168,128,.4);background:#16120fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--khaki-accent)}.live-dot{width:7px;height:7px;border-radius:50%;background-color:#34d399;box-shadow:0 0 0 3px #34d39947}.hero-heading{margin-top:.5rem;font-size:clamp(2.35rem,4vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;max-width:680px}.hero-heading .solid-khaki-span{color:var(--khaki-accent)}.hero-subtitle{margin-top:1rem;max-width:650px;font-size:1.12rem;line-height:1.65;font-weight:500;color:#faf8f5}.hero-subtitle strong{color:var(--khaki-accent);font-weight:600}.hero-buttons{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.hero-simplify-box{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.65rem;border-radius:10px;background:var(--khaki-accent);color:var(--espresso-black);border:1px solid rgba(255,255,255,.25);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;box-shadow:0 8px 22px #00000052;-webkit-user-select:none;user-select:none}.btn-hero-khaki{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.35rem;border-radius:var(--radius-sm);background:var(--khaki-accent);color:var(--espresso-black);font-size:.86rem;font-weight:700;box-shadow:0 8px 20px #00000047;transition:all .15s ease}.btn-hero-khaki:hover{background:#d4bc9a;transform:translateY(-1px)}.btn-hero-glass{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.35rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;font-size:.86rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.hero-beans-row{margin-top:1.15rem;display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.hero-beans-label{font-size:.78rem;font-weight:700;color:var(--khaki-accent);text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.35rem}.hero-bean-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .8rem;background:#14100dc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(197,168,128,.38);border-radius:999px;font-size:.8rem;font-weight:600;color:#faf8f5;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hero-bean-pill:hover{border-color:var(--khaki-accent);background:#c5a88038;transform:translateY(-1px)}.btn-hero-glass:hover{background:#ffffff29}.hero-feature-cards{margin-top:2.75rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;max-width:1060px}.hero-glass-card{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(197,168,128,.2);background:#16120f9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-glass-icon{width:2rem;height:2rem;border-radius:6px;background:#c5a88029;color:var(--khaki-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.hero-glass-title{font-size:.82rem;font-weight:700;color:#fff}.hero-glass-desc{margin-top:.15rem;font-size:.72rem;line-height:1.4;color:var(--text-white-dim)}.section-spacer{padding-top:4.5rem}.section-head-left{margin-bottom:1.75rem}.section-head-center{text-align:center;max-width:580px;margin:0 auto 2rem}.h2-title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.h2-title-lg{font-size:1.9rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.sub-text{margin-top:.3rem;font-size:.9rem;color:var(--text-secondary)}.story-section{background:var(--bg-surface);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.story-lead-quote{font-family:var(--font-heading);font-size:1.22rem;font-weight:600;color:var(--khaki-dark);border-left:3px solid var(--khaki-accent);padding-left:1.25rem;margin:1.5rem 0 2.25rem;line-height:1.6;font-style:italic;background:#c5a8800f;padding:1rem 1.25rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.story-timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.story-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000000a;transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.story-card-img-wrap{position:relative;width:100%;height:240px;overflow:hidden;background:#2a2421}.story-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.story-card:hover .story-card-img-wrap img{transform:scale(1.05)}.story-card-badge{position:absolute;top:1rem;left:1rem;background:#14100de0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--khaki-accent);font-size:.76rem;font-weight:700;padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(197,168,128,.35);letter-spacing:.02em}.story-card-body{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.story-card-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.85rem;line-height:1.35;font-family:var(--font-heading)}.story-card-text{font-size:.94rem;line-height:1.75;color:var(--text-secondary)}.story-philosophy-card{margin-top:2.25rem;background:linear-gradient(135deg,#1c1714,#2a221c);border:1px solid rgba(197,168,128,.3);border-radius:var(--radius-lg);padding:3rem 2.25rem;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000029}.story-philosophy-card:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:420px;height:420px;background:radial-gradient(circle,rgba(197,168,128,.15) 0%,transparent 70%);pointer-events:none}.story-philosophy-tag{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.18em;color:var(--khaki-accent);margin-bottom:.85rem;text-transform:uppercase}.story-philosophy-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3.2vw,2.45rem);font-weight:900;margin-bottom:1.15rem;color:#fff;letter-spacing:-.01em}.story-philosophy-desc{max-width:820px;margin:0 auto 1.35rem;font-size:1rem;line-height:1.82;color:#d6ccc2}.story-philosophy-signature{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--khaki-accent);background:#c5a8801f;padding:.5rem 1.25rem;border-radius:999px;border:1px solid rgba(197,168,128,.28)}.legalitas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.legalitas-full-banner{grid-column:1 / -1;margin-top:.5rem}.bento-grid-arutala{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:1.15rem}.bento-box{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #00000008}.bento-tall-coffee{grid-column:1;grid-row:span 2;background-color:#1f1915;border-color:#c5a88047;color:#fff}.bento-coffee-circle{width:2.75rem;height:2.75rem;border-radius:999px;background:#c5a88029;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-weight:800;font-size:.72rem;color:var(--khaki-accent);border:1px solid rgba(197,168,128,.35)}.bento-tall-coffee h3{font-size:1.55rem;font-weight:800;letter-spacing:-.015em;margin-bottom:.65rem;color:#fff}.bento-tall-coffee p{font-size:1rem;line-height:1.68;font-weight:500;color:#faf8f5}.bento-coffee-meta{margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:.5rem;font-size:.92rem;line-height:1.55;color:#faf8f5}.bento-coffee-meta strong{color:var(--khaki-accent);font-weight:700}.bento-btn-khaki{margin-top:1.35rem;display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.55rem 1.05rem;border-radius:var(--radius-sm);background:var(--khaki-accent);color:var(--espresso-black);font-size:.88rem;font-weight:700;transition:background .15s ease}.bento-btn-khaki:hover{background:#d4bc9a}.bento-sand{background-color:var(--bg-sand-muted)}.bento-title-row{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.bento-desc-sm{font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.pill-outline-khaki{display:inline-flex;align-items:center;width:fit-content;margin-top:.75rem;padding:.18rem .6rem;border-radius:999px;border:1px solid var(--khaki-dark);color:var(--khaki-dark);font-size:.7rem;font-weight:700}.bento-award{position:relative;overflow:hidden;align-items:center;justify-content:center;text-align:center;background-color:#fff}.bento-big-word{font-size:2.35rem;font-weight:800;line-height:1.05;color:var(--text-primary);letter-spacing:-.03em}.pill-khaki-tag{padding:.18rem .65rem;border-radius:999px;border:1px solid var(--khaki-accent);background:var(--khaki-subtle);color:var(--khaki-dark);font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0}.icon-circle-khaki{width:2.2rem;height:2.2rem;border-radius:999px;background:var(--khaki-subtle);color:var(--khaki-dark);display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;border:1px solid var(--border-light)}.bento-merged-card{grid-column:span 1;grid-row:span 1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.bento-merged-top{display:flex;flex-direction:column;gap:.45rem}.bento-merged-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.bento-doc-card{background:#fff;border:1px solid #DFD3C3;border-radius:10px;padding:.65rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:.45rem}.bento-doc-card:hover{border-color:var(--khaki-dark);box-shadow:0 6px 16px #00000017;transform:translateY(-2px)}.bento-doc-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bento-doc-badge{font-size:.72rem;font-weight:700;color:var(--text-primary)}.bento-doc-zoom{font-size:.68rem;font-weight:700;color:var(--khaki-dark);background:var(--khaki-subtle);padding:.15rem .5rem;border-radius:999px}.bento-doc-img-wrap{width:100%;height:195px;background:#faf8f5;border:1px solid #EBE3D8;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.bento-doc-img-wrap img{width:100%;height:100%;object-fit:contain;padding:4px}.bento-doc-caption{font-size:.68rem;font-weight:600;color:var(--text-muted);text-align:center}.bento-wide-2{grid-column:2 / span 3;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.marketplace-pills{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.mp-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.35rem;padding:0 .9rem 0 .45rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#fff;font-size:.8rem;font-weight:600;color:var(--text-primary);transition:all .15s ease}.mp-btn:hover{background:var(--bg-sand-muted);border-color:var(--khaki-accent);color:var(--text-primary)}.mp-btn-soon{background:#faf8f5;color:var(--text-muted);border-style:dashed;cursor:default}.mp-btn-soon:hover{background:#faf8f5;border-color:var(--border-light);color:var(--text-muted)}.mp-dot{width:8px;height:8px;border-radius:50%}.store-grid-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.25rem;background:var(--bg-sand-muted);border:1px solid var(--border-light);border-radius:var(--radius-md)}.store-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.store-tab{padding:.45rem .95rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#fff;border:1px solid var(--border-light);transition:all .15s ease}.store-tab:hover{border-color:var(--khaki-accent)}.store-tab.active{background:var(--espresso-dark);color:#fff;border-color:var(--espresso-dark)}.store-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.35rem}.store-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000008;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.store-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -10px #16120f1a;border-color:var(--khaki-accent)}.store-card-img{position:relative;aspect-ratio:4 / 3.4;background:#171310;overflow:hidden;cursor:pointer}.store-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.store-card:hover .store-card-img img{transform:scale(1.03)}.store-card.is-out-of-stock .store-card-img img{filter:grayscale(85%) contrast(85%);opacity:.65}.store-card.is-out-of-stock{border-color:#e2d9cf;background:#faf8f5}.store-card-badge-soldout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c9342b;color:#fff;padding:.4rem .95rem;border-radius:6px;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px #00000073;z-index:2;pointer-events:none;white-space:nowrap}.store-card-tag.tag-stock-out{background:#c9342b!important;color:#fff!important;border-color:#c9342b!important}.store-card-tag.tag-stock-low{background:#b38600!important;color:#fff!important;border-color:#b38600!important}.store-card-tag{position:absolute;top:.75rem;left:.75rem;background:#16120fe0;color:var(--khaki-light);border:1px solid rgba(197,168,128,.35);font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.store-card-title{font-size:1.08rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;cursor:pointer}.store-card-title:hover{color:var(--khaki-dark)}.store-card-desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:.9rem;line-height:1.5}.store-option-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:.3rem;display:block}.store-weight-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.75rem}.mini-weight-btn{padding:.32rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-page);font-size:.74rem;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.mini-weight-btn:hover{border-color:var(--khaki-accent)}.mini-weight-btn.active{background:var(--espresso-dark);color:#fff;border-color:var(--espresso-dark);font-weight:700}.store-grind-select{width:100%;padding:.45rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-page);font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:.9rem}.store-card-footer{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.store-price{font-size:1.12rem;font-weight:800;color:var(--text-primary)}.contained-dark-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3.5rem 1.5rem;color:#fff;background-color:var(--espresso-black);border:1px solid rgba(197,168,128,.25)}.contained-dark-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.contained-dark-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#14100dbd}.banner-inner-box{position:relative;z-index:5;max-width:780px;display:flex;flex-direction:column;align-items:center;text-align:center}.banner-inner-box h2{font-size:clamp(1.6rem,2.8vw,2.15rem);font-weight:800;letter-spacing:-.02em;color:#fff}.loyal-customer-title{font-family:var(--font-heading);font-size:clamp(1.95rem,3.8vw,2.85rem)!important;font-weight:900!important;line-height:1.28;letter-spacing:-.015em;display:flex;flex-direction:column;align-items:center;gap:.45rem;margin:0;text-align:center}.loyal-line{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:0;row-gap:.2rem}.cl-char{color:var(--c);display:inline-block;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s ease;text-shadow:0 3px 12px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4);font-weight:800;-webkit-user-select:none;user-select:none}.cl-char:hover{transform:translateY(-4px) scale(1.12);filter:brightness(1.2)}.cl-space{display:inline-block;width:.35em}.banner-inner-box p{margin-top:.65rem;font-size:1rem;color:var(--text-white-dim)}.banner-btn-khaki{margin-top:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.65rem;border-radius:var(--radius-sm);background:var(--khaki-accent);color:var(--espresso-black);font-size:.86rem;font-weight:700;transition:all .15s ease}.banner-btn-khaki:hover{background:#d4bc9a;transform:translateY(-1px)}.arutala-showcase-wrap{max-width:900px;margin:0 auto}.arutala-overlap-stage{display:flex;align-items:center;position:relative}.arutala-stage-photo{width:380px;height:380px;border-radius:var(--radius-lg);overflow:hidden;background:var(--espresso-black);flex-shrink:0;border:1px solid var(--border-light)}.arutala-stage-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.arutala-stage-photo:hover img{transform:scale(1.03)}.arutala-floating-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 18px 40px -10px #16120f1f;border:1px solid var(--border-light);padding:1.85rem;margin-left:-60px;z-index:10;flex:1}.arutala-price-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;border-radius:999px;background:var(--espresso-dark);color:var(--khaki-light);font-size:.74rem;font-weight:700;margin-bottom:.65rem}.arutala-card-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:.45rem}.arutala-card-desc{font-size:.88rem;line-height:1.55;color:var(--text-secondary);margin-bottom:1.15rem}.inline-variant-bar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:.75rem;background:var(--bg-sand-muted);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:1.15rem}.arutala-pill-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;border-radius:var(--radius-sm);background:var(--espresso-dark);color:#fff;font-size:.84rem;font-weight:700;transition:background .15s ease}.arutala-pill-btn:hover{background:var(--espresso-muted)}.carousel-dot-bar{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.85rem}.circle-arrow-btn{width:2.1rem;height:2.1rem;border-radius:999px;border:1px solid var(--border-light);background:#fff;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000a;transition:all .15s ease}.circle-arrow-btn:hover{background:var(--espresso-dark);color:#fff;border-color:var(--espresso-dark)}.dots-track{display:flex;align-items:center;gap:.35rem}.dot-indicator{height:6px;width:6px;border-radius:999px;background:#d4cbbe;transition:all .25s ease}.dot-indicator.active{width:16px;background:var(--espresso-dark)}.blog-2col-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:2.5rem}.blog-time{display:block;font-size:.8rem;color:var(--text-muted)}.blog-main-title{margin-top:.6rem;font-size:1.65rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary)}.blog-main-excerpt{margin-top:.85rem;font-size:.95rem;line-height:1.65;color:var(--text-secondary)}.blog-continue-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.15rem;font-size:.85rem;font-weight:700;color:var(--khaki-dark)}.blog-continue-link:hover{color:var(--espresso-dark)}.blog-right-stack{display:flex;flex-direction:column}.blog-stack-item{padding:1.5rem 0;border-bottom:1px solid var(--border-light)}.blog-stack-item:first-child{padding-top:0}.blog-stack-item:last-child{border-bottom:none;padding-bottom:0}.blog-stack-title{margin-top:.35rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.blog-stack-excerpt{margin-top:.5rem;font-size:.85rem;line-height:1.55;color:var(--text-secondary)}.blog-card-interactive{cursor:pointer;padding:1.35rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-light);box-shadow:0 2px 8px #00000008;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-card-interactive:hover{transform:translateY(-2px);border-color:var(--khaki-accent);box-shadow:0 10px 24px #16120f12}.blog-card-interactive:hover .blog-main-title,.blog-card-interactive:hover .blog-stack-title{color:var(--khaki-dark)}.blog-right-stack{display:flex;flex-direction:column;gap:1rem}.blog-right-stack .blog-stack-item{padding:1.25rem 1.35rem;border:1px solid var(--border-light)}dialog.blog-reader-dialog{max-width:740px}.blog-modal-hero-img{width:100%;height:240px;border-radius:var(--radius-md);overflow:hidden;background:var(--espresso-black);border:1px solid var(--border-light);margin-bottom:1.25rem}.blog-modal-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-modal-article-body{display:flex;flex-direction:column;gap:.85rem;font-size:.94rem;line-height:1.72;color:var(--text-secondary)}.blog-modal-article-body h4{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-top:.45rem}.blog-modal-article-body ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.blog-modal-article-body strong{color:var(--text-primary);font-weight:700}.blog-modal-footer{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.maps-card-wrapper{display:grid;grid-template-columns:1fr 1.35fr;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #0000000a}.maps-info-card{padding:2.25rem;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bg-page);border-right:1px solid var(--border-light)}.maps-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.maps-logo-img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--khaki-accent);box-shadow:0 2px 8px #00000014;flex-shrink:0}.maps-title{font-size:1.22rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.maps-badge-pill{display:inline-block;padding:.18rem .65rem;border-radius:999px;background:#c5a8802e;border:1px solid rgba(197,168,128,.35);color:var(--espresso-dark);font-size:.72rem;font-weight:700}.maps-detail-stack{display:flex;flex-direction:column;gap:.95rem;margin-bottom:1.75rem}.maps-detail-row{display:flex;align-items:flex-start;gap:.75rem}.maps-pin-icon{font-size:1.15rem;line-height:1.2;flex-shrink:0}.maps-row-title{display:block;font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.maps-row-desc{font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.maps-btn-group{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding-top:1.25rem;border-top:1px solid var(--border-light)}.btn-maps-wa{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.15rem;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border-light);color:var(--text-primary);font-size:.84rem;font-weight:600;transition:all .15s ease}.btn-maps-wa:hover{background:var(--bg-sand-muted);border-color:var(--khaki-accent);color:var(--espresso-dark)}.maps-frame-container{width:100%;min-height:420px;background-color:var(--bg-sand-muted)}.maps-frame-container iframe{width:100%;height:100%;min-height:420px;display:block}.arutala-footer{margin-top:4.5rem;background-color:var(--espresso-black);color:#fff;padding:4.5rem 0 2.25rem;border-top:1px solid rgba(197,168,128,.25)}.footer-cols-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:2.25rem;max-width:900px;padding-bottom:3.5rem}.footer-col-title{font-size:.86rem;font-weight:700;color:var(--khaki-accent);margin-bottom:1.25rem}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:.85rem}.footer-links-list a{font-size:.85rem;color:var(--text-white-dim);transition:color .15s ease}.footer-links-list a:hover{color:#fff}.courier-plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.courier-plain-list li{font-size:.82rem;color:var(--text-white-dim);line-height:1.4;letter-spacing:.01em;display:flex;align-items:center;gap:.45rem}.courier-plain-list li:before{content:"•";color:var(--khaki-accent, #C5A880);font-size:.85rem;line-height:1}.connect-item-link{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-white-dim);font-size:.85rem;transition:color .15s ease,transform .15s ease}.connect-item-link:hover{color:#fff;transform:translate(2px)}.brand-icon-wrap{width:1.75rem;height:1.75rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon-themed{width:1.75rem;height:1.75rem;border-radius:6px;background-color:#211b16;border:1px solid rgba(197,168,128,.28);color:var(--khaki-accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.connect-item-link:hover .brand-icon-themed,.mp-btn:hover .brand-icon-themed{background-color:var(--khaki-accent);color:var(--espresso-black);border-color:var(--khaki-accent)}.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-muted)}dialog.kopi-dialog{margin:auto;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#fff;color:var(--text-primary);max-width:720px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 45px -10px #0000004d;padding:0;box-sizing:border-box}dialog.cart-dialog{margin:0 0 0 auto;max-width:420px;width:100%;height:100vh;max-height:100vh;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}dialog::backdrop{background-color:#16120fa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-pad{padding:1.5rem;box-sizing:border-box}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid var(--border-light);margin-bottom:1.15rem}.close-circle-btn{width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-sand-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.modal-2col{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.35rem;width:100%;box-sizing:border-box}.modal-2col>*{min-width:0;max-width:100%;box-sizing:border-box}.modal-specs-box{background:var(--coffee-latte, #F9F6F0);border:1px solid var(--border-warm, #E6DCCD);border-radius:10px;padding:.75rem .85rem;font-size:.8rem;display:flex;flex-direction:column;gap:.35rem;width:100%;box-sizing:border-box}.modal-spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:.45rem;font-size:.78rem}.modal-spec-row span{color:var(--text-500, #736357);flex-shrink:0;font-size:.75rem}.modal-spec-row strong{text-align:right;word-break:break-word;color:var(--text-primary, #16120F);font-size:.78rem}.modal-action-bar{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-light, #EFECE6);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cart-list{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.15rem}.cart-row{display:flex;gap:.65rem;padding:.65rem;border-radius:var(--radius-sm);background:var(--bg-sand-muted);border:1px solid var(--border-light);align-items:center}.cart-row img{width:54px;height:54px;border-radius:6px;object-fit:cover}.qty-box{display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem}.qty-btn-sm{width:1.4rem;height:1.4rem;border-radius:4px;border:1px solid var(--border-light);background:#fff;font-weight:700;font-size:.75rem}.form-stack{display:flex;flex-direction:column;gap:.65rem;padding-top:.85rem;border-top:1px solid var(--border-light)}.form-group{display:flex;flex-direction:column;gap:.2rem}.form-group label{font-size:.74rem;font-weight:700;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.48rem .68rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-page);font-size:.82rem}.toast-bar{position:fixed;bottom:1.5rem;right:1.5rem;z-index:95;background:var(--espresso-dark);color:var(--khaki-light);border:1px solid var(--khaki-accent);padding:.75rem 1.15rem;border-radius:8px;box-shadow:0 12px 28px #00000040;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transform:translateY(140%);opacity:0;transition:all .25s ease}.toast-bar.show{transform:translateY(0);opacity:1}.floating-cart-fab{position:fixed;right:1.5rem;bottom:1.75rem;z-index:85;display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1.15rem;border-radius:999px;background-color:var(--khaki-accent);color:var(--espresso-black);border:1.5px solid #d4bc9a;box-shadow:0 8px 24px #00000059;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.floating-cart-fab:hover{background-color:#d8c19f;transform:translateY(-2px);box-shadow:0 12px 28px #0000006b}.floating-cart-fab:active{transform:translateY(0)}.floating-cart-fab.cart-bounce{animation:cartFabBounce .55s cubic-bezier(.175,.885,.32,1.275)}@keyframes cartFabBounce{0%{transform:scale(1)}35%{transform:scale(1.2) translateY(-4px)}65%{transform:scale(.95)}to{transform:scale(1)}}.fab-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center}.fab-badge{position:absolute;top:-8px;right:-9px;background-color:var(--espresso-black);color:var(--khaki-accent);border:1.5px solid var(--khaki-accent);font-size:.68rem;font-weight:800;border-radius:999px;min-width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .2rem;line-height:1}.mobile-drawer-dialog{margin:0 0 0 auto;max-width:330px;width:88%;height:100vh;height:100dvh;max-height:100dvh;border:none;background-color:var(--espresso-black);color:#fff;padding:0;border-left:1px solid rgba(197,168,128,.25);box-shadow:-10px 0 35px #0000008c;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.mobile-drawer-dialog::backdrop{background-color:#0d0a08c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-drawer-inner{display:flex;flex-direction:column;min-height:100%;padding:1.25rem 1.25rem 2rem}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.15rem;border-bottom:1px solid rgba(197,168,128,.2);margin-bottom:1.25rem}.mobile-drawer-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--khaki-accent);margin-bottom:.65rem}.mobile-nav-menu{display:flex;flex-direction:column;gap:.35rem}.mobile-nav-item{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(197,168,128,.12);color:#fff;font-size:.88rem;font-weight:600;transition:all .15s ease}.mobile-nav-item:hover,.mobile-nav-item:active{background:#c5a88029;border-color:var(--khaki-accent);color:var(--khaki-accent)}.mobile-nav-badge{font-size:.95rem;line-height:1}.mobile-drawer-divider{height:1px;background:#c5a8802e;margin:1.25rem 0}.mobile-drawer-actions{display:flex;flex-direction:column;gap:.55rem}.btn-drawer-cart{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .95rem;border-radius:var(--radius-sm);background:var(--khaki-accent);color:var(--espresso-black);border:none;font-size:.86rem;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-drawer-cart:hover{background:#d8c19f}.btn-drawer-wa{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem .95rem;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(197,168,128,.28);color:#fff;font-size:.82rem;font-weight:600;transition:all .15s ease}.btn-drawer-wa:hover{background:#c5a8802e;color:var(--khaki-accent)}.mobile-drawer-marketplaces{display:flex;flex-direction:column;gap:.55rem}.floating-music-player{position:fixed;left:1.5rem;bottom:1.5rem;z-index:95}.music-toggle-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .95rem .45rem .55rem;background:#1a1512eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(197,168,128,.35);border-radius:999px;color:#fff;cursor:pointer;box-shadow:0 6px 20px #00000038;transition:all .25s ease;-webkit-user-select:none;user-select:none}.music-toggle-btn:hover{background:#241d18fa;border-color:var(--khaki-accent);transform:translateY(-2px);box-shadow:0 10px 24px #0000004d}.music-disc-icon{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#2e2520,#15110f);border:1px solid rgba(197,168,128,.4);display:flex;align-items:center;justify-content:center;color:var(--khaki-accent);transition:transform .3s ease}.floating-music-player.playing .music-disc-icon{animation:spinDisc 3s linear infinite;color:#4ade80;border-color:#4ade80}@keyframes spinDisc{to{transform:rotate(360deg)}}.music-info-text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.music-title{font-size:.78rem;font-weight:700;color:#fff;letter-spacing:.02em}.music-status{font-size:.68rem;color:var(--khaki-accent);font-weight:500}.floating-music-player.playing .music-status{color:#4ade80}.music-play-icon{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#c5a88029;color:var(--khaki-accent);margin-left:.15rem;transition:background .2s ease,color .2s ease}.floating-music-player.playing .music-play-icon{background:#4ade8033;color:#4ade80}.floating-music-player.needs-interaction .music-toggle-btn{border-color:var(--khaki-accent);animation:pulseAttention 2s ease-in-out infinite}@keyframes pulseAttention{0%,to{box-shadow:0 4px 18px #00000059}50%{box-shadow:0 6px 25px #c5a88099;border-color:#fff}}@media(max-width:1200px)and (min-width:981px){.bento-grid-arutala{grid-template-columns:repeat(2,1fr)}.bento-tall-coffee{grid-column:span 2;grid-row:span 1}.bento-merged-card{grid-column:span 1;grid-row:span 1}.bento-wide-2{grid-column:span 2}}@media(max-width:980px){.story-timeline-grid,.legalitas-grid{grid-template-columns:1fr}.floating-music-player{left:1rem;bottom:1.25rem}.hero-feature-cards{grid-template-columns:repeat(2,1fr)}.bento-grid-arutala,.blog-2col-grid,.footer-cols-wrap{grid-template-columns:1fr}.bento-tall-coffee,.bento-merged-card,.bento-wide-2{grid-column:span 1;grid-row:span 1}.arutala-overlap-stage{flex-direction:column}.arutala-stage-photo{width:100%;max-width:380px;height:300px}.arutala-floating-card{margin-left:0;margin-top:-24px;width:100%}.modal-2col{grid-template-columns:minmax(0,1fr)}.maps-card-wrapper{grid-template-columns:1fr}.maps-info-card{border-right:none;border-bottom:1px solid var(--border-light);padding:1.5rem}.maps-frame-container,.maps-frame-container iframe{min-height:340px}}@media(max-width:640px){.hero-feature-cards{grid-template-columns:1fr}.hero-subtitle{font-size:.98rem}.header-nav,.header-cart-btn{display:none}.mobile-menu-btn{display:inline-flex}.floating-cart-fab{right:.85rem;bottom:1.15rem;padding:.5rem .8rem;font-size:.8rem;gap:.45rem;z-index:95}.floating-music-player{left:.85rem;bottom:1.15rem;z-index:90;max-width:calc(100vw - 145px)}.music-toggle-btn{padding:.35rem .6rem .35rem .45rem;gap:.45rem;max-width:100%}.music-disc-icon{width:1.85rem;height:1.85rem;flex-shrink:0}.music-info-text{max-width:80px;overflow:hidden}.music-title{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-status{display:none!important}.music-play-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-left:0}.store-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.store-card{border-radius:var(--radius-md)}.store-card-body{padding:.65rem .55rem}.store-card-tag{top:.45rem;left:.45rem;font-size:.58rem;padding:.12rem .35rem}.store-card-meta{font-size:.64rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card-title{font-size:.82rem;line-height:1.25;min-height:2.05rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.2rem}.store-card-desc{display:none!important}.store-option-label{font-size:.62rem;margin-bottom:.18rem}.store-weight-row{grid-template-columns:repeat(2,1fr)!important;gap:.2rem!important;margin-bottom:.45rem}.mini-weight-btn{padding:.22rem .25rem;font-size:.68rem}.store-grind-select{font-size:.68rem;padding:.25rem .35rem;height:1.85rem;margin-bottom:.5rem}.store-card-footer{padding-top:.45rem;flex-direction:column;align-items:stretch;gap:.45rem}.store-card-footer>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.store-price{font-size:.95rem}.store-card-actions{display:flex;flex-direction:column;gap:.3rem;width:100%}.btn-card-add{width:100%;padding:.42rem .4rem!important;font-size:.72rem!important;justify-content:center}.btn-card-detail{width:100%;height:1.85rem!important;padding:0 .4rem!important;font-size:.72rem!important;justify-content:center}dialog.kopi-dialog{width:calc(100% - 1.25rem)!important;max-width:440px!important;max-height:86vh!important;border-radius:16px!important;margin:auto!important;overflow-x:hidden!important}.dialog-pad{padding:.85rem .85rem 1rem!important;overflow-x:hidden!important;box-sizing:border-box!important}.dialog-top{margin-bottom:.65rem!important;padding-bottom:.5rem!important;gap:.5rem!important;align-items:flex-start!important}#productModalTitle{font-size:1.05rem!important;line-height:1.28!important;margin:.15rem 0 0!important;word-break:break-word!important}.modal-2col{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;width:100%!important}.modal-2col>*{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.modal-gallery-wrap{gap:.45rem!important;width:100%!important}.modal-main-stage{aspect-ratio:auto!important;height:220px!important;max-height:220px!important;border-radius:10px!important;background:#16120f!important;width:100%!important}.modal-main-stage img{object-fit:contain!important;width:100%!important;height:100%!important;padding:4px!important;box-sizing:border-box!important}.modal-main-stage video{object-fit:contain!important;width:100%!important;height:100%!important}.modal-stage-nav-btn{width:30px!important;height:30px!important;font-size:1rem!important}.modal-stage-badge{font-size:.65rem!important;padding:.15rem .45rem!important;top:6px!important;left:6px!important}.modal-thumbs-track{gap:.35rem!important;padding-bottom:.25rem!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.modal-thumb-btn{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:6px!important}.modal-thumb-video-icon{font-size:.58rem!important}.modal-specs-box{padding:.55rem .65rem!important;font-size:.75rem!important;gap:.25rem!important}.modal-spec-row{font-size:.72rem!important;gap:.35rem!important}.modal-spec-row span{font-size:.7rem!important}.modal-spec-row strong{font-size:.72rem!important}.modal-action-bar{padding-top:.55rem!important;margin-top:.55rem!important;gap:.5rem!important}.modal-action-bar strong{font-size:1.15rem!important}.modal-action-bar .arutala-pill-btn{padding:.55rem .95rem!important;font-size:.8rem!important}}.reels-roastery-section{background:#16120f;border-top:1px solid #382A21;border-bottom:1px solid #382A21;padding:4.5rem 0;overflow:hidden}.reels-roastery-section .h2-title{color:#faf8f5!important;font-size:1.85rem!important;font-weight:800!important;letter-spacing:-.02em!important;margin-top:.5rem!important;margin-bottom:.35rem!important}.reels-roastery-section .sub-text{color:#dfd3c3!important;font-size:.95rem!important;line-height:1.6!important;max-width:680px}.reels-roastery-section .reels-pill-badge{background:#28201a!important;border:1px solid #C5A880!important;color:#faf8f5!important;font-weight:800!important;box-shadow:0 2px 8px #0006}.reels-head-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:1.5rem}.reels-pill-badge{display:inline-flex;align-items:center;gap:.5rem;background:#221b17;border:1px solid #382A21;color:#c5a880;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .85rem;border-radius:999px}.reels-live-dot{width:8px;height:8px;background:#e53935;border-radius:50%;box-shadow:0 0 8px #e53935;animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.reels-nav-btns{display:flex;gap:.5rem}.reel-arrow-btn{width:44px;height:44px;border-radius:50%;background:#221b17;border:1px solid #382A21;color:#faf8f5;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.reel-arrow-btn:hover{background:#c5a880;color:#16120f;border-color:#c5a880}.reels-carousel-wrap{position:relative;width:100%}.reels-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#382A21 transparent}.reels-track::-webkit-scrollbar{height:6px}.reels-track::-webkit-scrollbar-thumb{background:#382a21;border-radius:999px}.reel-card{flex:0 0 250px;width:250px;height:440px;scroll-snap-align:start;border-radius:18px;background:#221b17;border:1px solid #382A21;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006;transition:transform .25s ease,border-color .25s ease}.reel-card:hover{transform:translateY(-4px);border-color:#c5a880}.reel-video-container{width:100%;height:100%;position:relative;background:#0d0a08}.reel-video-elem{width:100%;height:100%;object-fit:cover;display:block}.reel-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#100d0a29;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;cursor:pointer}.reel-card.is-playing .reel-poster-overlay{opacity:0;pointer-events:none}.reel-center-play{width:58px;height:58px;border-radius:50%;background:#16120fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #C5A880;color:#c5a880;font-size:1.4rem;display:flex;align-items:center;justify-content:center;padding-left:3px;cursor:pointer;box-shadow:0 6px 20px #00000080;transition:transform .2s ease,background .2s ease}.reel-card:hover .reel-center-play{transform:scale(1.1);background:#c5a880;color:#16120f}.reel-card-sound-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#16120fb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #382A21;color:#faf8f5;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .2s ease}.reel-card-sound-btn:hover{background:#c5a880;color:#16120f;border-color:#c5a880}.reel-card-badge{position:absolute;top:14px;left:14px;background:#16120fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #382A21;color:#c5a880;font-size:.68rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;z-index:5}.reel-card-bottom-info{position:absolute;bottom:0;left:0;right:0;padding:1.25rem 1rem 1rem;background:linear-gradient(to top,rgba(16,13,10,.96) 0%,rgba(16,13,10,.75) 60%,transparent 100%);display:flex;flex-direction:column;gap:.4rem;z-index:5}.reel-card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#faf8f5;margin:0;line-height:1.3}.reel-card-desc{font-size:.78rem;color:#e2d6cd;margin:0 0 .4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-card-actions{display:flex;gap:.45rem;align-items:center}.reel-btn-detail{flex:1;background:#c5a880;color:#16120f;border:none;font-size:.75rem;font-weight:700;padding:.45rem .6rem;border-radius:8px;cursor:pointer;text-align:center;transition:background .2s ease}.reel-btn-detail:hover{background:#dfc49e}.reel-btn-play-pause{width:34px;height:34px;border-radius:8px;background:#221b17;border:1px solid #382A21;color:#faf8f5;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.reel-btn-play-pause:hover{border-color:#c5a880;color:#c5a880}@media(max-width:640px){.reel-card{flex:0 0 210px;width:210px;height:380px}.reels-head-bar{flex-direction:column;align-items:flex-start;gap:1rem}}.cpi-section{background:#faf8f559;border-top:1px solid var(--border-light, #EFECE6);border-bottom:1px solid var(--border-light, #EFECE6);padding:4.5rem 0}.cpi-grid-wrapper{display:grid;grid-template-columns:1.15fr .85fr;gap:1.75rem;align-items:stretch}.cpi-main-card{background:#fff;border:1px solid var(--border-light, #E5DFD7);border-radius:var(--radius-lg, 18px);overflow:hidden;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column}.cpi-image-box{position:relative;height:260px;background:#16120f;overflow:hidden}.cpi-image-box img{width:100%;height:100%;object-fit:cover;display:block}.cpi-badge-overlay{position:absolute;bottom:12px;left:12px;background:#16120fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #C5A880;color:#faf8f5;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:6px}.cpi-content-box{padding:1.65rem;display:flex;flex-direction:column;gap:.85rem;flex:1}.cpi-tag{font-size:.75rem;font-weight:700;color:#8a6240;text-transform:uppercase;letter-spacing:.05em}.cpi-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--coffee-dark, #16120F);line-height:1.35;margin:0}.cpi-desc{font-size:.88rem;color:var(--text-600, #5A4E46);line-height:1.65;margin:0}.cpi-action-row{margin-top:auto;padding-top:.75rem}.cpi-features-stack{display:flex;flex-direction:column;gap:.85rem}.cpi-feature-card{background:#fff;border:1px solid var(--border-light, #E5DFD7);border-radius:14px;padding:1.15rem 1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 15px #00000005;transition:transform .2s ease,border-color .2s ease}.cpi-feature-card:hover{transform:translateY(-2px);border-color:#c5a880}.cpi-icon-pill{width:42px;height:42px;border-radius:10px;background:#211b16;border:1px solid rgba(197,168,128,.32);color:var(--khaki-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.cpi-feature-card:hover .cpi-icon-pill{background:var(--khaki-accent);color:var(--espresso-black);border-color:var(--khaki-accent)}.cpi-feat-title{font-size:.92rem;font-weight:700;color:var(--coffee-dark, #16120F);margin:0 0 .25rem;line-height:1.3}.cpi-feat-desc{font-size:.8rem;color:var(--text-500, #736357);line-height:1.5;margin:0}@media(max-width:900px){.cpi-grid-wrapper{grid-template-columns:1fr}}.modal-gallery-wrap{display:flex;flex-direction:column;gap:.65rem}.modal-main-stage{border-radius:14px;overflow:hidden;background:#16120f;border:1px solid var(--border-warm, #382A21);position:relative;aspect-ratio:1 / 1;max-height:400px;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.modal-main-stage img{width:100%;height:100%;object-fit:contain;display:block}.modal-main-stage video{width:100%;height:100%;object-fit:contain;display:block}.modal-stage-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#16120fbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #382A21;color:#faf8f5;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.modal-stage-nav-btn:hover{background:#c5a880;color:#16120f;border-color:#c5a880}.modal-nav-prev{left:10px}.modal-nav-next{right:10px}.modal-stage-badge{position:absolute;top:10px;left:10px;background:#16120fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #382A21;color:#c5a880;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;z-index:10}.modal-thumbs-track{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.modal-thumb-btn{flex:0 0 54px;width:54px;height:54px;border-radius:8px;overflow:hidden;border:2px solid #382A21;background:#16120f;cursor:pointer;padding:0;position:relative;transition:all .2s ease}.modal-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.modal-thumb-btn.active{border-color:#c5a880;transform:scale(1.05)}.modal-thumb-video-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16120fcc;color:#c5a880;font-size:.65rem;font-weight:700;gap:2px}.testimoni-section{background-color:#faf8f559;position:relative;overflow:hidden;padding:4.5rem 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.testimoni-badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background-color:var(--bg-surface);border:1px solid var(--border-light);box-shadow:0 1px 3px #0000000a;margin-bottom:.85rem;font-size:.82rem;font-weight:600;color:var(--espresso-dark)}.testimoni-badge-pill .stars-icon{color:#d97706;font-size:.95rem;letter-spacing:1px}.testimoni-carousel-wrapper{position:relative;margin-top:2.2rem}.testimoni-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.5rem .25rem 1.25rem;scrollbar-width:thin;scrollbar-color:var(--khaki-accent) transparent}.testimoni-track::-webkit-scrollbar{height:6px}.testimoni-track::-webkit-scrollbar-track{background:transparent}.testimoni-track::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:9999px}.testimoni-track::-webkit-scrollbar-thumb:hover{background:var(--khaki-accent)}.testimoni-card{flex:0 0 280px;scroll-snap-align:start;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column}.testimoni-card:hover,.testimoni-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 24px #16120f14;border-color:var(--khaki-accent);outline:none}.testimoni-img-box{position:relative;width:100%;height:260px;background-color:#f8f6f2;overflow:hidden;border-bottom:1px solid var(--border-light)}.testimoni-img-box img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s ease;display:block}.testimoni-card:hover .testimoni-img-box img{transform:scale(1.03)}.testimoni-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#16120fa6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;opacity:0;transition:opacity .2s ease;font-size:.78rem;font-weight:600}.testimoni-card:hover .testimoni-zoom-overlay,.testimoni-card:focus-visible .testimoni-zoom-overlay{opacity:1}.testimoni-card-body{padding:1rem;display:flex;flex-direction:column;flex:1;gap:.5rem}.testimoni-stars{color:#d97706;font-size:.95rem;letter-spacing:2px}.testimoni-quote{font-size:.82rem;line-height:1.45;color:var(--text-primary);font-style:italic;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimoni-author-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-top:1px dashed var(--border-light);padding-top:.6rem;margin-top:auto;font-size:.75rem}.testimoni-user{font-weight:700;color:var(--espresso-dark)}.testimoni-tag{color:var(--khaki-dark);font-weight:700;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.testimoni-nav-btn{position:absolute;top:40%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-light);color:var(--espresso-dark);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;font-size:1.5rem;line-height:1;transition:all .2s ease}.testimoni-nav-btn:hover{background:var(--espresso-dark);color:var(--text-white);border-color:var(--espresso-dark)}.testimoni-nav-btn.prev-btn{left:-20px}.testimoni-nav-btn.next-btn{right:-20px}@media(max-width:768px){.hero-bg-media{object-position:38% 25%}.testimoni-nav-btn{display:none}.testimoni-card{flex:0 0 240px}.testimoni-img-box{height:220px}}.testimoni-footer-note{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.testimoni-footer-note p{font-size:.82rem;color:var(--text-secondary)}.testimoni-shopee-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--text-white);text-decoration:none;padding:.55rem 1.15rem;border-radius:var(--radius-sm);background-color:var(--espresso-dark);border:1px solid rgba(197,168,128,.35);transition:all .2s ease}.testimoni-shopee-link:hover{background-color:var(--khaki-accent);color:var(--espresso-black);border-color:var(--khaki-accent)}.testimoni-dialog{max-width:520px;width:92vw;padding:0;border:none;border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:0 20px 40px #00000059;overflow:hidden}.testimoni-dialog::backdrop{background:#16120fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.testimoni-dialog-content{display:flex;flex-direction:column}.testimoni-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);background:var(--bg-sand-muted)}.testimoni-dialog-title-box{display:flex;align-items:center;gap:.5rem}.testimoni-dialog-caption{font-size:.85rem;font-weight:700;color:var(--text-primary)}.testimoni-dialog-img-wrap{max-height:80vh;overflow-y:auto;background:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem}.testimoni-dialog-img-wrap img{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block;border-radius:var(--radius-sm)}