:root{--dark:#21180f;--brown:#463022;--cream:#f4eee2;--ivory:#e4d6c4;--gold:#c7a675;--maroon:#651f2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:Arial,Helvetica,sans-serif;color:var(--dark)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:#f4eee2f0;backdrop-filter:blur(12px);border-bottom:1px solid #d7c7b2;padding:14px max(5vw,22px);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-family:Georgia,serif;font-size:26px;font-weight:bold;letter-spacing:-1px}.brand span{display:block;font:9px Arial;letter-spacing:3px;text-align:center}nav{display:flex;gap:24px;align-items:center;font-size:13px}nav a:hover{color:#a35d43}.shop{border:1px solid #4c3526;padding:11px 15px}.hero{background:var(--dark);color:var(--cream);min-height:530px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px max(5vw,22px);gap:30px;overflow:hidden}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px}.hero h1{font:clamp(48px,7vw,110px)/.98 Georgia,serif;letter-spacing:-3px;margin:28px 0}.hero em,.heading em{color:var(--gold);font-weight:400}.hero p{max-width:390px;font-size:17px;line-height:1.8;color:#d2c4b6}.cta{display:inline-block;background:var(--gold);color:var(--dark);padding:15px 22px;margin-top:20px;font-size:13px;font-weight:bold}.hero-img{height:430px;width:100%;object-fit:cover;border-radius:220px 220px 5px 5px}section{padding:84px max(5vw,22px)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.heading{font:clamp(35px,5vw,65px)/1.1 Georgia,serif;letter-spacing:-2px;margin:14px 0 24px}.muted{color:#806e60;font-size:14px;line-height:1.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 30px}.filter{border:1px solid #c9bba9;background:transparent;padding:10px 17px;border-radius:100px;font-size:13px}.filter.active{background:var(--dark);color:white}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{min-width:0}.photo{height:350px;background:#e6dccb;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo img{height:94%;width:94%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.photo:hover img{transform:scale(1.09)}.photo .badge{position:absolute;top:12px;left:12px;background:#f9f3e9;color:#5b3c31;padding:7px 10px;font-size:10px;z-index:1}.product h3{font:22px Georgia;margin:14px 0 6px}.product p{font-size:12px;color:#897566;margin:0 0 13px}.details{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:12px;padding:0}.story{background:var(--dark);color:#e8dccf;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}.story img{max-height:650px;max-width:100%;display:block;margin:auto;object-fit:contain}.story h2{font:clamp(40px,5vw,68px)/1.08 Georgia;margin:16px 0 24px}.story p{font-size:15px;line-height:2;color:#d0bfb1}.story small{display:block;color:var(--gold);font-size:12px;letter-spacing:2px;margin-top:22px}.contact{background:#e7dbc8}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-grid a{padding:20px;border:1px solid #bbab98;display:block}.contact-grid b{display:block;font:22px Georgia;margin-top:10px}footer{background:var(--dark);color:white;padding:35px 5vw;display:flex;justify-content:space-between;font-size:12px}dialog{border:0;padding:0;max-width:min(94vw,980px);width:100%;background:var(--cream);color:var(--dark);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#100a07bf}.modal{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.modal-img{background:#e8ddcd;display:flex;align-items:center;justify-content:center;min-height:400px;padding:24px}.modal-img img{width:100%;height:500px;max-height:70vh;object-fit:contain;mix-blend-mode:multiply}.modal-img img.back{mix-blend-mode:normal}.modal-copy{padding:45px 30px;position:relative}.close{position:absolute;right:15px;top:15px;border:0;background:#ded0be;border-radius:50%;font-size:22px;width:35px;height:35px}.modal-copy h2{font:42px Georgia;margin:20px 0}.copy{font-size:13px;line-height:1.8;color:#5f4d41;max-height:225px;overflow:auto}.modal-actions a{display:inline-block;padding:13px 19px;background:var(--dark);color:white;margin-top:22px;font-size:12px}@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.photo{height:320px}}@media(max-width:620px){header{padding:12px 16px}.brand{font-size:20px}nav{gap:10px}nav a:not(.shop){display:none}.hero{grid-template-columns:1fr;padding:55px 22px}.hero h1{font-size:53px}.hero-img{height:310px}.products{gap:14px}.photo{height:260px}.photo img{width:100%;height:100%}.product h3{font-size:19px}.story{grid-template-columns:1fr}.story img{max-height:450px}.contact-grid{grid-template-columns:1fr}.modal{grid-template-columns:1fr}.modal-img{min-height:290px}.modal-img img{height:330px}.modal-copy{padding:28px 22px}.modal-copy h2{font-size:32px}}

/* Artuland kimliği ve QR menü */
.brand{background:#090909;color:#f9eee0;padding:12px 22px 10px;border-radius:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;letter-spacing:-1.5px;min-width:194px;box-shadow:0 3px 12px #0002}
.brand span{color:#d2b48a;font-size:10px;letter-spacing:3.2px;margin-top:3px}
.qr-section{background:#f5eddf;border-top:1px solid #ddcbb8}.qr-note{font-size:11px;letter-spacing:2px;color:#856f5e;font-weight:bold;white-space:nowrap}.qr-tabs{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.qr-tab{border:1px solid #a98e78;border-radius:50px;background:transparent;padding:15px 24px;font-weight:bold;font-size:14px}.qr-tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}.qr-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.qr-item{background:#fffaf2;border:1px solid #d9c8b4;padding:23px;min-height:153px;display:flex;flex-direction:column;justify-content:space-between}.qr-item h3{font:24px Georgia,serif;margin:0 0 10px}.qr-item p{font-size:13px;line-height:1.6;color:#746254;margin:0}.qr-item .type{margin-top:20px;color:#926d51;text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:1.6px}.qr-foot{font-size:13px;margin-top:25px;color:#655246}.qr-foot a{text-decoration:underline;text-underline-offset:4px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid b{overflow-wrap:anywhere}
@media(max-width:900px){.qr-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.brand{font-size:24px;padding:10px 13px;min-width:148px}.brand span{font-size:8px;letter-spacing:2px}nav a[href="#qr-menu"]{display:inline-block!important;font-size:12px}.qr-items{grid-template-columns:1fr}.qr-tab{flex:1;padding:13px 11px;font-size:12px}.qr-note{display:none}.contact-grid{grid-template-columns:1fr}}

/* Mağaza konumu */
.location-section{background:#f4eee2;border-top:1px solid #d7c7b2;padding-top:70px;padding-bottom:85px}.location-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center}.location-copy p{line-height:1.8;color:#776554;max-width:400px}.location-map{height:390px;border:1px solid #c5b5a0;background:#dfd4c6;overflow:hidden;box-shadow:0 16px 34px #24171016}.location-map iframe{width:100%;height:100%;border:0;display:block}.location-link{display:inline-block;background:#23180f;color:#fff;margin-top:20px;padding:15px 19px;font-size:13px;font-weight:bold}.location-hint{font-size:11px!important;line-height:1.6!important;color:#846f5a!important;margin-top:15px}
@media(max-width:720px){.location-wrap{grid-template-columns:1fr}.location-map{height:340px}.location-section{padding-top:54px;padding-bottom:65px}}

/* Yeni sürüm: ürün görseli, menü ve mobil düzen rötuşları */
:root{--gold:#d3ae75;--cream:#f3eadd}
header{box-shadow:0 12px 24px #26180e0b}
.brand{font-size:34px!important;min-width:213px!important;padding:13px 24px 11px!important;border:1px solid #b99d7528}
.brand span{font-size:10px!important}
.photo{height:390px;background:#dfd3bf;border-radius:10px;isolation:isolate}
.photo img{height:110%;width:110%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.photo:hover img{transform:scale(1.14)}
.product h3{margin-top:19px}
.products{gap:23px}
.qr-share{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#6c594a}
.qr-share-btn{border:1px solid #3c2a22;background:#3c2a22;color:#fff;padding:11px 16px;font-weight:700;border-radius:4px}
.preview-note{font-size:11px;color:#7b6859;line-height:1.4;margin:0 0 12px}
@media(max-width:1100px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:340px}}
@media(max-width:620px){header{gap:8px}.brand{font-size:24px!important;min-width:148px!important;padding:10px 13px!important}.brand span{font-size:8px!important}.hero h1{font-size:clamp(42px,11vw,55px)}.photo{height:280px}.photo img{height:112%;width:112%}.products{gap:13px}.story{padding:55px 22px}.story img{max-height:350px}.qr-share{align-items:stretch;flex-direction:column}.qr-share-btn{width:max-content}footer{gap:15px;flex-direction:column}}

/* Giriş videosu — ilk ekrandaki görsel alan */
.hero{min-height:590px}
.hero > div:first-child{position:relative;z-index:2}
.hero-media{position:relative;height:500px;min-width:0;background:#e7e1d6;overflow:hidden;border-radius:45% 45% 12px 12px/23% 23% 12px 12px;box-shadow:0 30px 80px #08050375;isolation:isolate}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#e9e9e9}
.hero-media:after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(transparent,#130c09a8);pointer-events:none}
.video-kicker{position:absolute;left:24px;bottom:27px;z-index:1;font:700 10px Arial,sans-serif;letter-spacing:2.2px;color:#fff;display:flex;gap:9px;align-items:center;text-shadow:0 1px 5px #0009}
.video-kicker i{display:inline-block;width:4px;height:4px;background:#e0b983;border-radius:50%}
.video-toggle{position:absolute;top:22px;right:22px;z-index:2;color:#fff;background:#21180fd9;border:1px solid #ffffff77;border-radius:100px;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:11px;line-height:1;backdrop-filter:blur(8px)}
.video-toggle:focus-visible{outline:3px solid #d3ae75;outline-offset:3px}
.video-toggle:hover{background:#2f1e14}
@media(max-width:1000px){.hero-media{height:450px}}
@media(max-width:620px){.hero{gap:28px;min-height:auto;padding-top:44px;padding-bottom:32px}.hero-media{height:300px;border-radius:45% 45% 10px 10px/24% 24% 10px 10px}.video-toggle{top:12px;right:12px}.video-kicker{bottom:18px;left:15px;font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.photo img{transition:none}.hero-video{animation:none}}

/* Kahve ürün açıklamaları */
.product .product-profile{color:#49372d;font-size:13px;line-height:1.6;min-height:64px;margin:6px 0 12px}
.profile-kicker{color:#98734e;letter-spacing:1.8px;font-size:11px;font-weight:700;text-transform:uppercase;margin:15px 0 10px}
.profile-summary{font-size:14px;line-height:1.75;color:#493e33;margin:0 0 16px}
.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 22px}
.profile-meta span{border:1px solid #d4c2ae;padding:12px;font-size:12px;line-height:1.5;color:#554231}
.profile-meta b{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px;color:#997851}
.profile-separator{border-top:1px solid #d2c0ab;margin-top:20px;padding-top:19px;color:#98734e;letter-spacing:1.4px;font-size:10px;font-weight:700}
.profiles-disclaimer{font-size:12px;color:#7e6855;line-height:1.5;margin:20px 0 0}
@media(max-width:620px){.product .product-profile{min-height:0;font-size:12px}.profile-meta{grid-template-columns:1fr 1fr}}

/* Tek görsel + kullanılabilir ürün kartları */
.product-photo-btn{border:0;padding:0;width:100%;font:inherit;text-align:left;appearance:none;display:flex}
.product-name-btn{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-align:left;cursor:pointer}
.product-name-btn:hover,.product-name-btn:focus-visible{text-decoration:underline;text-underline-offset:5px}
.product-photo-btn:focus-visible,.product-name-btn:focus-visible,.details:focus-visible,.qr-item-button:focus-visible{outline:3px solid #9d6d36;outline-offset:3px}
.modal-img[hidden],.modal-actions[hidden]{display:none!important}
.modal:has(.modal-img[hidden]){grid-template-columns:1fr}
.modal-img img{mix-blend-mode:multiply}
.qr-item-button{display:flex;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;appearance:none}
.qr-item-button:hover{border-color:#9f6c46;box-shadow:0 10px 25px #32201518;transform:translateY(-2px)}
.qr-item-main{display:flex;flex-direction:column;gap:10px}
.qr-item-name{display:block;font:24px Georgia,serif}
.qr-item-desc{display:block;font-size:13px;line-height:1.6;color:#746254}
.qr-item-button .type{display:block}
@media(max-width:620px){.qr-item-name{font-size:21px}dialog{max-height:90dvh;overflow:auto}.modal-img{min-height:230px;padding:16px}.modal-img img{height:260px}}

/* Shared finishing rules: preserve the original composition and assets. */
:root{--dark:#171313;--maroon:#651f2d}
.hero,.story,footer{background:var(--dark)}
.filter.active,.qr-tab.active,.location-link,.modal-actions a,.qr-share-btn{background:var(--maroon);border-color:var(--maroon);color:#fff}
section[id]{scroll-margin-top:105px}
.dialog-open{overflow:hidden}
dialog{max-height:90dvh;overflow:auto;border-radius:12px}
.modal{position:relative}
.modal-copy{position:static}
.close{position:sticky;top:12px;float:right;z-index:5;margin:12px 12px -56px 0;width:44px;height:44px}
.copy{max-height:none;overflow:visible}
.modal-copy{padding-top:50px}
.modal-img img{height:500px;width:100%;max-height:65vh}
.photo img{max-width:none}
.story .story-image{background:var(--cream);border-radius:180px 180px 12px 12px;overflow:hidden;padding:15px}
.story img{mix-blend-mode:multiply}
.product .details{min-height:44px;text-align:left}
.qr-item-button{transition:border-color .2s,box-shadow .2s}
.skip-link{position:fixed;left:12px;top:-100px;z-index:99;background:var(--cream);padding:14px}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #a57a45;outline-offset:4px}
@media(max-width:1100px) and (min-width:621px){header{padding-inline:22px;gap:14px}nav{gap:14px}nav a[href="#artuland"]{display:none}}
@media(max-width:620px){header{flex-wrap:wrap}nav{flex:1;justify-content:flex-end;gap:8px}.shop{padding:10px 8px;font-size:11px}.brand{min-width:136px!important;padding:10px!important}.section-top{align-items:flex-start}.modal-img img{height:320px}.modal-img{padding-top:45px}.modal-copy{padding-top:25px}.qr-item-button{min-height:145px}.photo{height:270px}.photo img{width:112%;height:112%}.story .story-image{max-width:340px;margin:auto}section[id]{scroll-margin-top:100px}}
@media(max-width:360px){header{padding-inline:10px}.brand{min-width:123px!important;font-size:22px!important}nav{gap:6px}.shop{font-size:10px;padding:9px 5px}.photo{height:235px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.qr-item-button{transition:none}}

/* Non-destructive photo silhouettes: original JPEGs remain untouched. */
.photo img{height:132%;width:auto;object-fit:fill;mix-blend-mode:normal;flex:none}.modal-img{overflow:hidden}.modal-img img{width:auto;max-width:none;object-fit:fill;mix-blend-mode:normal}.story img{width:100%;height:auto;mix-blend-mode:normal}
img[src$="/etiyopya.jpg"]{clip-path:polygon(31.671% 20.965%,33.915% 19.800%,65.586% 22.296%,67.332% 23.794%,68.329% 31.115%,70.823% 36.772%,73.566% 44.260%,75.561% 52.912%,75.561% 72.379%,76.808% 76.539%,72.818% 78.203%,37.905% 83.195%,25.935% 80.033%,25.436% 78.369%,27.182% 76.373%,26.933% 53.245%,27.431% 48.253%,29.925% 36.938%)}
img[src$="/brezilya.jpg"]{clip-path:polygon(29.925% 17.970%,31.671% 15.807%,69.077% 16.140%,71.322% 17.471%,72.569% 29.617%,75.062% 38.436%,77.307% 47.088%,77.057% 73.211%,77.805% 77.537%,41.397% 85.191%,37.656% 85.025%,24.688% 80.865%,24.439% 79.201%,25.436% 77.537%,24.190% 48.752%,26.434% 37.604%)}
img[src$="/kolombiya.jpg"]{clip-path:polygon(24.938% 6.656%,27.681% 4.326%,76.808% 6.656%,79.551% 8.486%,80.299% 19.800%,82.793% 29.617%,87.032% 43.095%,87.531% 79.368%,87.282% 82.862%,88.279% 86.190%,36.409% 92.180%,32.668% 92.013%,16.958% 88.519%,17.207% 86.855%,17.955% 85.691%,16.958% 73.211%,17.456% 44.925%,20.200% 34.775%,23.192% 17.637%)}
img[src$="/guatemala.jpg"]{clip-path:polygon(29.676% 24.126%,30.673% 21.963%,68.080% 22.629%,70.324% 23.461%,71.322% 30.782%,72.818% 39.101%,74.564% 47.920%,75.062% 73.211%,75.561% 77.205%,36.409% 80.865%,26.434% 77.371%,27.182% 75.541%,26.434% 48.918%,28.678% 36.938%)}
img[src$="/setuarto.jpg"]{clip-path:polygon(30.673% 14.309%,32.419% 12.978%,47.631% 11.814%,66.584% 9.651%,69.077% 10.815%,69.825% 16.473%,72.818% 24.459%,76.060% 35.108%,75.561% 80.532%,75.810% 86.023%,61.097% 91.015%,58.603% 91.514%,21.197% 85.025%,20.948% 83.694%,22.444% 81.697%,21.696% 77.038%,21.446% 39.933%,21.945% 35.774%,25.187% 28.120%,29.177% 19.468%)}
img[src$="/intense.jpg"]{clip-path:polygon(31.172% 22.629%,32.419% 20.466%,66.833% 23.295%,68.828% 24.459%,69.825% 31.115%,73.317% 41.098%,76.060% 48.586%,76.309% 74.376%,76.808% 78.037%,40.648% 86.522%,37.905% 86.356%,25.935% 80.200%,25.436% 78.869%,26.683% 77.371%,25.935% 49.917%,27.182% 44.260%,29.925% 35.441%)}
img[src$="/filtre.jpg"]{clip-path:polygon(25.187% 22.130%,26.933% 19.800%,70.574% 18.136%,72.818% 19.468%,73.566% 32.280%,75.561% 45.591%,76.808% 57.571%,77.057% 72.379%,77.805% 74.210%,68.579% 79.534%,66.584% 81.364%,20.200% 75.874%,19.451% 74.709%,20.449% 72.213%,21.446% 56.572%,22.943% 39.767%,25.187% 31.947%)}
.photo img[src$="/coffee-ritual.jpg"]{height:100%;width:100%;object-fit:cover}.modal-img img[src$="/coffee-ritual.jpg"]{max-width:100%;width:100%;object-fit:contain}
.photo img,.modal-img img{mix-blend-mode:multiply}
.modal-img{align-items:flex-start;position:sticky;top:0;max-height:90dvh;padding:0}
.modal-img img{height:min(86vh,740px);max-height:none}
.video-toggle{top:auto;bottom:58px;right:20px}
@media(max-width:620px){.modal-img{position:static;max-height:none;padding:10px 0 0}.modal-img img{height:410px}.video-toggle{top:auto;bottom:48px;right:14px}}
/* Keep every pack within the card and avoid moving targets on small screens. */
html{scroll-behavior:auto}
button{scroll-margin-block:120px 40px}
.photo:hover img{transform:none}
.photo img{height:120%}
.photo img[src$="/etiyopya.jpg"]{height:132%}
.photo img[src$="/guatemala.jpg"]{height:140%}
.photo img[src$="/kolombiya.jpg"]{height:103%}
.photo img[src$="/setuarto.jpg"]{height:108%}
.photo img[src$="/coffee-ritual.jpg"]{height:100%}

/* Verified product content */
.product-source{font-size:12px;margin:24px 0}.product-source a{text-decoration:underline;text-underline-offset:4px}.brand-story{border-top:1px solid #d2c0ab;padding-top:18px;line-height:1.8}.brand-story summary{cursor:pointer;font-weight:700;margin-bottom:14px}.product-description-text p{overflow-wrap:anywhere}.story img[src$="/setuarto-marka.jpg"]{max-height:680px;width:100%;object-fit:contain}.profile-meta{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Artuland coffee break */
.coffee-game-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ecdfce;border-top:1px solid #d8c6b0;padding:64px max(6vw,24px)}.coffee-game-entry h2{font-size:clamp(28px,4vw,48px);margin:14px 0;color:#421821}.coffee-game-entry p{max-width:520px;line-height:1.7}.coffee-game-entry small{display:block;margin-top:18px;color:#62534b}.entry-cup{font-size:110px}.game-button{border:0;border-radius:40px;padding:16px 28px;background:#641f30;color:#fff5e8;font:inherit;font-weight:700;cursor:pointer;min-height:48px}.game-button:focus-visible,#coffeeBean:focus-visible,.game-close:focus-visible{outline:3px solid #b87b30;outline-offset:4px}#coffeeGame{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;border:0;border-radius:24px;background:#fff7eb;color:#3b2021;padding:32px 24px;text-align:center}#coffeeGame::backdrop{background:#170b0dc9;backdrop-filter:blur(5px)}#coffeeGame h2{font-size:32px;margin:18px 0 8px}#coffeeGame p{line-height:1.6}#coffeeGame .eyebrow{font-size:10px}#coffeeGameStatus{font-weight:700;margin:12px} .game-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:30px;color:#641f30;cursor:pointer;width:44px;height:44px}#coffeeGameField{height:260px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(#ead9c64d,#e4cdbb);margin:16px 0}#coffeeBean{position:absolute;top:8px;left:calc(50% - 30px);width:60px;height:60px;border:0;background:transparent;cursor:pointer;z-index:2;touch-action:manipulation}#coffeeBean span{display:block;width:32px;height:44px;border-radius:50%;background:#61341f;transform:rotate(30deg);margin:auto;box-shadow:inset -5px -3px 0 #452619}#coffeeBean span:after{content:'';display:block;border-right:3px solid #d49a65;border-radius:50%;height:38px;width:15px}.game-cup{position:absolute;bottom:18px;left:calc(50% - 55px);width:110px;height:86px;border:5px solid #641f30;border-radius:8px 8px 35px 35px;background:#fff9ef;isolation:isolate}.game-cup:after{content:'';position:absolute;right:-28px;top:8px;width:23px;height:37px;border:6px solid #641f30;border-left:0;border-radius:0 25px 25px 0}.game-cup b{position:relative;font-size:12px;top:30px;color:#641f30}#coffeeFill{position:absolute;bottom:0;width:100%;height:0;background:#c6956b;border-radius:0 0 29px 29px;transition:height .35s}#coffeeGameWin h3{font-size:26px;margin:12px}#coffeeGameWin small{display:block;margin-bottom:20px;color:#66524a}@media(max-width:520px){.entry-cup{font-size:58px}.coffee-game-entry{gap:8px;padding:40px 22px}#coffeeGame{padding:28px 18px}#coffeeGameField{height:230px}}@media(prefers-reduced-motion:reduce){#coffeeFill{transition:none}}

.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-actions .cta{margin-top:0}.hero-game-button{border:1px solid #d5ae70;background:transparent;color:#d5ae70;cursor:pointer;font-family:inherit;min-height:48px}.hero-game-button:hover{background:#d5ae70;color:#191312}.hero-game-button:focus-visible{outline:2px solid #fff3df;outline-offset:4px}

.story .story-image{background:transparent;border-radius:0;padding:0;overflow:visible;width:100%}.story .story-image img{width:auto;max-width:100%;height:560px;max-height:none;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 20px 18px #0005)}@media(max-width:620px){.story .story-image img{height:420px;max-width:100%}}

.story .story-image img[src$="/setuarto-on-arka.png"]{width:100%;height:auto;max-height:650px;object-fit:contain;clip-path:none;filter:none}@media(max-width:620px){.story .story-image img[src$="/setuarto-on-arka.png"]{height:auto;max-height:520px}}

.discovery-section{background:#ede1d1}.discovery-section>p{line-height:1.7}#coffeeFinder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}#coffeeFinder fieldset{border:1px solid #ccb8a0;padding:18px;min-width:0;border-radius:12px}#coffeeFinder legend{font-weight:bold;padding:0 6px}#coffeeFinder label{display:flex;gap:10px;align-items:center;min-height:48px;cursor:pointer;line-height:1.5}#coffeeFinder input{accent-color:#651f2d;width:18px;height:18px;flex:none}#coffeeFinder button{width:max-content}#finderResult{margin-top:28px;border-left:4px solid #651f2d;background:#fff9ee;padding:24px}#finderResult h3{font:30px Georgia;margin:0 0 12px}.brew-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brew-grid details{border:1px solid #d5c2ab;border-radius:12px;padding:20px}.brew-grid summary{cursor:pointer;font-weight:bold;min-height:32px}.brew-grid p{line-height:1.8}.menu-price{font-weight:bold;display:block;margin-top:8px}.unavailable{opacity:.65}@media(max-width:720px){#coffeeFinder,.brew-grid{grid-template-columns:1fr}nav{flex-wrap:wrap}nav a[href="#kahveni-bul"]{display:block!important}}

#memoryGame{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:34px 24px 24px;border-radius:22px;text-align:center;background:#f4eee2}#memoryGame::backdrop{background:#170b0dcc;backdrop-filter:blur(4px)}#memoryGame h2{font:clamp(26px,5vw,36px) Georgia;margin:18px 0 12px}.memory-stats{display:flex;justify-content:center;gap:20px;font-size:14px;margin:20px 0}.memory-stats b{color:#651f2d;font-size:20px}#memoryBoard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.memory-card{height:125px;position:relative;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#651f2d;color:#e4c697;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.memory-card .memory-back{font-size:24px}.memory-card img{display:none;height:110%;max-width:none;width:auto;object-fit:contain}.memory-card.revealed,.memory-card.matched{background:#e6dccb}.memory-card.revealed img,.memory-card.matched img{display:block}.memory-card.revealed .memory-back,.memory-card.matched .memory-back{display:none}.memory-card.matched{border-color:#597353}.memory-card:focus-visible{outline:3px solid #b58740;outline-offset:2px}.memory-note{display:block;margin-top:16px;color:#736050}#memoryStatus{min-height:40px;line-height:1.5}@media(max-width:480px){#memoryGame{padding:30px 14px 20px}#memoryBoard{gap:7px}.memory-card{height:100px}.memory-stats{gap:12px;font-size:12px}}

#arcade{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border-radius:24px;padding:36px 24px 24px;background:#f4eee2;text-align:center}#arcade::backdrop{background:#170b0dcc;backdrop-filter:blur(4px)}#arcade h2{font:36px Georgia;margin:18px 0 22px}.arcade-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arcade-menu button{border:1px solid #d4bfa2;background:#fff9ef;border-radius:14px;padding:20px 12px;color:#651f2d;cursor:pointer}.arcade-menu b{display:block;font-size:18px;margin:8px}.arcade-menu small{display:block;color:#665449;line-height:1.5}.arcade-back{background:none;border:0;text-decoration:underline;padding:12px;color:#651f2d}#arcadeHint{line-height:1.6}#arcadeStats{font-weight:bold;margin:14px}#arcadeMessage{min-height:44px;line-height:1.5}.arcade-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}.arcade-choices button,.catch-controls button{background:#651f2d;color:#fff;border:0;border-radius:10px;min-height:48px;padding:12px 18px}.order-card{background:#fff9ef;border-radius:14px;padding:22px;border:1px solid #d4bfa2;font-size:22px}.order-card small{display:block;font-size:14px;margin-top:12px}.catch-field{height:270px;background:#e6d7c3;border-radius:16px;position:relative;overflow:hidden;touch-action:none}.catch-cup{position:absolute;bottom:8px;width:60px;font-size:42px;line-height:50px;left:calc(50% - 30px);text-align:center}.catch-bean{position:absolute;top:0;width:24px;height:34px;background:#65402b;border-radius:50%;border-left:6px solid #a77951;pointer-events:none}.catch-controls{display:flex;justify-content:center;gap:22px;margin:12px}.puzzle-board{width:min(300px,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:16px auto}.puzzle-tile{border:2px solid #f4eee2;background-image:url('/assets/setuarto-on-arka.png');background-size:300% 300%;border-radius:4px;min-width:0}.puzzle-tile.selected{border-color:#651f2d;outline:3px solid #c7a675;z-index:1}.puzzle-reference{height:90px;width:90px;object-fit:cover;object-position:center}.timing-track{height:62px;position:relative;background:#d7c6b2;border-radius:14px;margin:30px 0;overflow:hidden}.timing-target{position:absolute;left:40%;width:20%;height:100%;background:#6e8860}.timing-pointer{position:absolute;left:0;top:0;width:5px;height:100%;background:#651f2d}.timing-action{min-width:160px}.arcade-menu button:focus-visible,#arcade button:focus-visible{outline:3px solid #b58740;outline-offset:3px}@media(max-width:480px){#arcade{padding:32px 16px 20px}.arcade-menu{gap:8px}.arcade-menu button{padding:14px 8px}.arcade-menu b{font-size:16px}.arcade-choices button{padding:10px 12px}}

.memory-caption{display:none;position:absolute;bottom:0;left:0;right:0;background:#fff6e9ed;color:#4c242b;font-size:11px;font-weight:bold;padding:5px 2px}.memory-card.revealed .memory-caption,.memory-card.matched .memory-caption{display:block}.puzzle-reference{object-fit:fill}

/* Explicit hidden states prevent grid/flex rules exposing inactive screens. */
#arcadeMenu[hidden],#arcadePlay[hidden],#arcadeStage[hidden],#arcadeBack[hidden],#arcadeStart[hidden],#coffeeGameField[hidden],#coffeeGameWin[hidden],#memoryBoard[hidden]{display:none!important}
#arcade.start-screen,#coffeeGame.start-screen{width:min(640px,calc(100vw - 24px));padding:38px 24px 24px}#arcade.start-screen #arcadeMessage{margin:36px 0 28px;min-height:0}#arcade.start-screen #arcadeStats{margin:26px 0;font-weight:400}#coffeeGame.start-screen #coffeeGameStatus{margin:28px 0}#coffeeGame.start-screen #coffeeGameStart{margin-top:24px}

/* Photo menu: swipe naturally on touch screens, scroll with keyboard. */
.qr-items{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:4px 2px 24px;scrollbar-color:#6b2034 #e5d8c7;scrollbar-width:thin}
.qr-item{flex:0 0 clamp(270px,30vw,390px);padding:0;overflow:hidden;border-radius:18px;scroll-snap-align:start;justify-content:flex-start;text-align:left;transition:transform .2s,box-shadow .2s}
.qr-item:hover{transform:translateY(-3px);box-shadow:0 10px 28px #40221815}
.qr-photo{display:block;width:100%;height:220px;background:#e9dfcf;overflow:hidden}
.qr-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.qr-item:hover .qr-photo img{transform:scale(1.035)}
.qr-item-main{display:flex;flex-direction:column;padding:24px 24px 0;gap:10px;flex:1}
.qr-item-name{font:26px Georgia,serif;color:#281a17}
.qr-item-desc{font-size:14px;line-height:1.6;color:#756154;min-height:45px}
.qr-item .type{padding:0 24px 24px;margin-top:24px}
.qr-items:focus-visible{outline:2px solid #6b2034;outline-offset:5px}
@media(max-width:620px){.qr-item{flex-basis:82vw;max-width:340px}.qr-photo{height:210px}.qr-items{gap:14px}}

.qr-package img{object-fit:contain;padding:14px;box-sizing:border-box}.qr-swipe-note{color:#856f5e;font-size:13px}

.brand{padding:0!important;width:220px;min-width:0!important;height:96px;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:620px){.brand{width:155px;height:76px}}
/* Header logo blends into cream; stronger navigation text. */
header .brand{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0;width:190px;height:114px;flex-shrink:0}
header .brand img{object-fit:contain;width:100%;height:100%}
header nav{font-size:15px;font-weight:600;gap:22px}
@media(max-width:900px){header nav{gap:14px;font-size:14px}}
@media(max-width:620px){header .brand{width:140px;height:94px}header nav{font-size:13px;gap:10px}header nav a[href="#qr-menu"]{font-size:13px;font-weight:600}}
/* Transparent pouch cutouts share one generous, balanced frame. */
.qr-photo.qr-package{height:270px;display:flex;align-items:center;justify-content:center;background:#e9dfcf}
.qr-package img{width:100%;height:100%;padding:16px 24px;object-fit:contain;clip-path:none;filter:drop-shadow(0 10px 9px #33251c20)}
.qr-item:hover .qr-package img{transform:scale(1.025)}
@media(max-width:620px){.qr-photo.qr-package{height:260px}.qr-package img{padding:15px 22px}}
.qr-photo:not(.qr-package){height:270px;background:#e9dfcf}
.qr-photo:not(.qr-package) img{object-fit:contain;width:100%;height:100%;padding:0}
@media(max-width:620px){.qr-photo:not(.qr-package){height:260px}}
/* Compact phone menu, with a visible preview of the next card. */
@media(max-width:620px){
 #qr-menu .qr-tabs{gap:8px;margin:18px 0}
 #qr-menu .qr-tab{padding:11px 9px;font-size:12px;min-height:44px}
 #qr-menu .qr-items{gap:12px;padding:2px 1px 16px;align-items:flex-start}
 #qr-menu .qr-item{flex:0 0 72vw;width:72vw;max-width:280px;min-width:0;min-height:0;height:auto;border-radius:14px}
 #qr-menu .qr-photo:not(.qr-package),#qr-menu .qr-photo.qr-package{height:165px;flex:none}
 #qr-menu .qr-package img{padding:10px 16px}
 #qr-menu .qr-item-main{padding:14px 15px 0;gap:7px;flex:none}
 #qr-menu .qr-item-name{font-size:21px;line-height:1.2}
 #qr-menu .qr-item-desc{font-size:12px;line-height:1.5;min-height:36px}
 #qr-menu .qr-item .type{font-size:9px;letter-spacing:1px;margin-top:14px;padding:0 15px 15px}
 #qr-menu .qr-swipe-note{font-size:11px}
 #qr-menu #shareMenu{padding:12px 16px;font-size:12px;min-height:44px}
 #qr-menu .qr-foot{font-size:11px;line-height:1.6;margin-top:16px}
}