:root{font-family:Arial,sans-serif;color:#162b25;background:#f6f7f4;font-size:16px;--green:#162b25;--lime:#dcf16c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #c9cec8;background:white;border-radius:9px;padding:12px 16px;min-height:44px;color:var(--green)}button:hover{background:#e9eee5}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #749433;outline-offset:3px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;z-index:9}header{padding:23px 5%;display:flex;align-items:center;gap:16px;background:white;border-bottom:1px solid #dce0d8;position:sticky;top:0;z-index:3}.brand{text-decoration:none;letter-spacing:2px;white-space:nowrap}.brand span{display:block;font-size:12px;letter-spacing:3px;margin-top:5px}header input{flex:1;min-width:130px;background:#f4f6f2;border:1px solid #d5dbd2;padding:14px;border-radius:9px}#count{background:var(--green);color:white;border-radius:20px;padding:3px 7px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:50px 0 38px}small{font-size:12px;letter-spacing:2px;font-weight:bold}h1{font-size:clamp(36px,5vw,65px);letter-spacing:-2px;line-height:1.02;margin:18px 0}p{line-height:1.6;color:#546058}.intro p{max-width:470px}.primary{display:inline-block;text-decoration:none;padding:14px 22px;background:var(--green);color:white;border-radius:9px}.coffee-art{background:var(--green);color:var(--lime);border-radius:20px;position:relative;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.coffee-art span{font-size:110px;line-height:.9;transform:rotate(-25deg);color:#a3b897}.coffee-art div{text-align:center;font-size:24px;letter-spacing:5px}.coffee-art small{position:absolute;bottom:15px;letter-spacing:0;color:#cad6c8}nav{display:flex;gap:8px;overflow:auto;padding:10px 0 24px}nav button{white-space:nowrap;border-radius:24px}nav button.active{background:var(--green);color:white}nav small{margin-left:8px;letter-spacing:0}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.filters{display:flex;gap:12px}.filters label{font-size:14px;display:grid;gap:8px}select{padding:12px;background:white;border:1px solid #ccd3c8;border-radius:8px;max-width:200px}.notice{font-size:14px;background:#eaf0df;padding:14px;border-radius:9px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 60px}.card{background:white;border:1px solid #dde2d9;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.art{background:#ecf0e8;height:175px;display:flex;align-items:center;justify-content:center;position:relative;font-size:52px;color:#55745d}.art small{position:absolute;bottom:10px;font-size:12px;letter-spacing:0;color:#536052}.card .body{padding:18px;flex:1;display:flex;flex-direction:column}.card h3{font-size:18px;line-height:1.35;margin:8px 0}.meta{font-size:14px;color:#536052;overflow-wrap:anywhere}.card .actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.card .actions button{padding:10px;flex:1;font-size:14px}.add{background:var(--green);color:white}.card .add:hover{background:#2b4c40}.badge{font-size:12px;color:#5d6f4d}footer{padding:35px 0;border-top:1px solid #d4dbcd}dialog{width:min(640px,94vw);max-height:90vh;border:0;border-radius:18px;padding:32px;color:var(--green)}dialog::backdrop{background:#14291fb3}.close{float:right;font-size:24px;padding:4px 12px}dl{display:grid;grid-template-columns:145px 1fr;gap:12px;font-size:14px}dt{font-weight:bold}dd{margin:0;overflow-wrap:anywhere}.cartrow{padding:15px 0;border-bottom:1px solid #dbe0d7;display:flex;gap:12px;align-items:center}.cartrow div{flex:1}.cartrow input{width:65px;padding:10px}textarea{width:100%;min-height:160px;font:14px monospace;padding:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:10px;padding:14px;z-index:6;display:none}@media(max-width:950px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}header{flex-wrap:wrap}header input{order:3;flex-basis:100%}header .brand{margin-right:auto}.intro{padding-top:30px}.sectionhead{align-items:flex-start}.filters{flex-direction:column}}@media(max-width:600px){header{padding:16px 5%;gap:8px}header button{font-size:14px;padding:10px}.intro{grid-template-columns:1fr;gap:20px}.coffee-art{min-height:180px}.coffee-art span{font-size:70px}.coffee-art div{font-size:19px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card .body{padding:12px}.card h3{font-size:16px}.art{height:130px;font-size:40px}.card .actions{flex-direction:column}.sectionhead{display:block}.filters{flex-direction:row;margin:18px 0}.filters label{width:50%}select{width:100%}dl{grid-template-columns:110px 1fr}dialog{padding:22px}h1{font-size:42px}}@media(prefers-reduced-motion:no-preference){button,.card{transition:background .16s,transform .16s}.card:hover{transform:translateY(-3px)}}
/* Catalog-first layout keeps controls and first coffee row in the opening screen. */
.intro{padding:28px 0 20px;grid-template-columns:1.6fr 1fr}h1{font-size:44px;margin:10px 0;line-height:1.04}.intro h1 br{display:none}.intro p{margin:10px 0;max-width:620px}.coffee-art{min-height:200px}.coffee-art span{font-size:72px}.intro .primary{padding:11px 18px}.sectionhead{padding-top:5px}.sectionhead p{margin:8px 0}nav{padding-bottom:16px}.grid{margin-top:18px}@media(max-width:600px){.intro{display:block;padding:22px 0 8px}.intro h1{font-size:30px;letter-spacing:-1px}.intro p{font-size:14px;line-height:1.4}.intro .primary,.coffee-art{display:none}.sectionhead h2{font-size:25px}.sectionhead small{display:none}.filters{margin:12px 0}.filters label{gap:5px}.notice{padding:10px;margin:10px 0}.grid{margin-top:14px}nav{padding:14px 0 10px}}
.art img{width:100%;height:100%;object-fit:contain;padding:8px 8px 25px}.art:has(img){background:#f9faf7}
dialog .art{height:240px;border-radius:10px;margin:15px 0}
/* Mühür brand refinement: local typography, cocoa surfaces and product hierarchy. */
@font-face{font-family:Manrope;src:url('fonts/manrope-latin-ext-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url('fonts/manrope-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Manrope,Arial,sans-serif;color:#402d28;background:#fbf8f2;--green:#402d28;--lime:#ebaa78}
header{background:#fffdf9;border-color:#e7dfd6;padding-top:19px;padding-bottom:19px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:1.5px}.brand>div>strong{font-size:20px;letter-spacing:2px}.brand .tech{display:inline;font-size:14px;letter-spacing:1px;color:#806c61}.brand>div>span{font-size:11px;letter-spacing:3px;color:#79675d}.brand img{flex-shrink:0}header input{background:#f7f2e9;border-color:#e5ddd2}button{border-color:#d9cec2;font-weight:600;border-radius:7px}button:hover{background:#f0e7db}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#a94e35}.intro{grid-template-columns:1.3fr 1fr;align-items:center;padding:32px 0 28px;gap:50px}.intro small{color:#9a4e36;letter-spacing:2px}.intro h1{font-family:Georgia,serif;font-size:clamp(38px,4vw,56px);letter-spacing:-1.8px;font-weight:400;margin:12px 0}.intro h1 br{display:block}.intro p{font-size:16px;color:#706257;line-height:1.65;max-width:470px}.intro .primary{font-size:14px;padding:13px 22px;margin-top:6px}.coffee-art{background:#402d28;min-height:240px;border-radius:14px;box-shadow:inset 0 0 0 1px #6d5145}.hero-packs{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:200px;padding:12px 30px 25px}.hero-packs img{width:30%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #1f120a70)}.hero-packs img:first-child{transform:rotate(-7deg)}.hero-packs img:last-child{transform:rotate(7deg)}.coffee-art small{font-weight:500;color:#e9d7c4;bottom:14px}.sectionhead h2{font-weight:650;font-size:29px}.sectionhead>div>small{color:#9a4e36}.sectionhead p{color:#76675c;font-size:14px}.notice{background:#f2eadd;color:#6d584b;border:1px solid #e6d6c3;font-size:13px;padding:12px 15px}.grid{gap:22px}.card{border:1px solid #e6ded4;border-radius:12px;box-shadow:0 4px 16px #402d2805}.art{height:210px;background:#efe8de;color:#8e7057}.art:has(img){background:#fffdf8}.art img{padding:18px 18px 30px}.art small{font-size:11px;color:#8b7665;font-weight:500}.card .body{padding:19px 18px 18px;border-top:1px solid #f0e9df}.badge{color:#9a4e36;font-size:12px;font-weight:650}.card h3{letter-spacing:-.35px;font-size:17px;line-height:1.4;font-weight:700}.meta{color:#806f62;font-size:13px;line-height:1.6}.card strong{font-size:15px}.card .actions{gap:7px}.card .actions button{font-size:13px;border-radius:6px}.card .add:hover{background:#614338}.filters label{color:#725f51}select{border-color:#dcd2c6;background:#fffdf9}nav button{background:#fffdf9;border-color:#e0d5c7;font-size:14px}nav button.active{box-shadow:0 3px 9px #402d2815}footer{border-color:#ded3c5}footer p{color:#806e60;font-size:14px}dialog{background:#fffdf9}dialog .art{background:#f8f3eb}.cartrow{border-color:#e4d9cb}#toast{box-shadow:0 10px 30px #402d2830}
@media(max-width:950px){.intro{gap:25px}.hero-packs{padding-left:15px;padding-right:15px}.grid{gap:16px}.art{height:190px}}
@media(max-width:600px){header{padding:14px 5%;gap:7px}.brand img{width:28px;height:28px}.brand>div>strong{font-size:16px;letter-spacing:1px}.brand .tech{font-size:11px}.brand>div>span{font-size:9px;letter-spacing:2px}header button{font-size:12px;padding:10px 9px}.intro{padding:23px 0 8px}.intro h1{font-size:33px;letter-spacing:-1px;line-height:1.08}.intro h1 br{display:none}.intro p{font-size:14px;line-height:1.5;margin-top:10px}.intro small{font-size:10px}.grid{gap:12px}.art{height:165px}.art img{padding:14px 10px 26px}.card .body{padding:14px 12px}.card h3{font-size:15px}.card .actions button{font-size:12px}.card .meta{font-size:12px}.sectionhead h2{font-size:25px}.notice{font-size:12px}.filters label{font-size:13px}.coffee-art{display:none}}
@media(max-width:600px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.brand{grid-column:1;grid-row:1;margin-right:0}#basket{grid-column:2;grid-row:1}#search{grid-column:1;grid-row:2;width:100%;min-width:0;font-size:13px;padding:12px;order:initial}#business{grid-column:2;grid-row:2}}