/* Genki silver-charcoal theme, loaded after the legacy sheets. */
:root{--red:#ed002b;--ink:#f5f6f7;--cream:#353b42;--muted:#c9cdd0}
html,body{background:#353b42;color:#f5f6f7}
body{background-image:radial-gradient(circle at 80% 2%,#6d737a77,transparent 36%),repeating-linear-gradient(125deg,#ffffff06 0 1px,transparent 1px 8px)}
body:after{opacity:.11;mix-blend-mode:screen}
#header,.site-header{background:#242a31!important;color:#fff!important;border-color:#ffffff20}
.site-header{position:relative}.header-inner{width:min(1440px,calc(100% - 48px));min-height:88px}
.logo{background:#fff!important;padding:5px!important;border-radius:7px!important}
.nav a,.nav button{background:transparent!important;color:#f8f8f8!important;border-color:#ffffff28!important}
.nav a.active,.nav a:hover,.nav button:hover{background:#df0026!important;border-color:#df0026!important}
.lang,.mobile-menu{color:#fff!important;border-color:#ffffff5a!important}.lang span{color:#cdd0d4!important}
.header-cta{display:inline-flex!important}.mega{background:#202730!important;color:#fff!important;border:1px solid #ffffff24!important;padding:24px!important;left:max(24px,calc((100% - 1440px)/2));right:max(24px,calc((100% - 1440px)/2));display:block!important;max-height:min(75vh,720px);overflow:auto;z-index:45}
.mega[hidden]{display:none!important}.mega-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.mega-top h2{margin:0;font:700 27px/1.1 Arial,sans-serif;color:#fff}.mega-close{font-size:31px;line-height:1;width:42px;height:42px;border:1px solid #ffffff45;border-radius:50%;background:#111820;color:#fff}.mega-all{display:inline-flex!important;margin:16px 0;padding:9px 15px!important;border-radius:25px;background:#e50021!important;color:#fff!important;font-weight:700}.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mega-item{display:flex!important;align-items:center;gap:10px;padding:7px!important;border:1px solid #ffffff1a;border-radius:10px;min-width:0}.mega-item img{width:50px;height:50px;object-fit:cover;border-radius:7px;flex:none}.mega-item span:nth-child(2){flex:1;line-height:1.25}.mega-item:hover{background:#ffffff18!important;color:#fff!important}
.welcome-hero{background:#171e27!important;min-height:0!important;isolation:isolate}.welcome-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;border-radius:0!important}.welcome-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}.welcome-art:after{display:block!important;background:linear-gradient(90deg,#121923f5 0%,#121923d6 27%,#1219236e 55%,#1219230e 100%),linear-gradient(0deg,#121923e8,transparent 35%)!important}.welcome-hero>.wrap{position:relative;z-index:1;width:min(1440px,calc(100% - 48px))}.welcome-copy{width:min(640px,53%)!important;max-width:none!important;padding:75px 0 30px!important}.welcome-copy h1{font:800 clamp(42px,4.4vw,72px)/.98 Arial,Helvetica,sans-serif!important;letter-spacing:-2px!important;color:#fff!important}.welcome-copy p,.welcome-copy .welcome-lead{color:#f5f6f7!important}.welcome-copy .welcome-lead{font-size:20px!important;font-weight:650}.welcome-kicker{color:#ff5970!important}.welcome-copy .btn{font-family:Arial,Helvetica,sans-serif!important}.welcome-copy .btn.outline{background:#10182096!important;color:#fff!important;border-color:#fff!important}.welcome-copy .facts{margin-top:42px;padding-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1440px,calc(100vw - 48px))}.welcome-copy .fact{color:#fff}
.welcome-benefits{background:#363d45!important}.benefit{background:#252c34!important;border:1px solid #ffffff1b!important;color:#fff}.benefit p{color:#d2d6da!important}.benefit h3{color:#fff}.benefit .icon{background:#ed002b1c!important}
.section,.subhero,.catalog-hero,.brand-hero,.delivery-showcase,.delivery-benefits,.delivery-location,.contact-section{background:transparent!important;color:#f7f8f9!important}.section h2,.section h3,.subhero h1,.subhero h2,.catalog-hero h1,.brand-hero h1{color:#fff}.section p,.subhero p,.catalog-hero p,.brand-hero p{color:#d1d6db}.section-heading h2 em{color:#ff3150}.text-link{color:#ff4964}
.category{box-shadow:0 14px 25px #0004;transition:transform .22s ease}.category:hover{transform:translateY(-5px)}.category:before{background:linear-gradient(0deg,#0a0f17f5,#0a0f1750 62%,transparent)!important}
.promo{color:#fff!important;border:1px solid #ffffff28!important;box-shadow:0 20px 30px #0004}.promo.delivery{background:linear-gradient(90deg,#131b25ee,#131b2585 70%,#131b2530),url('assets/delivery-card-dark.webp') center/cover no-repeat!important}.promo.brand-promo{background:linear-gradient(90deg,#14191fe6,#14191fb0),url('assets/brand-card-dark.webp') center/cover no-repeat!important}.promo.delivery h3,.promo.brand-promo h3{color:#fff!important}.promo.delivery p:not(.eyebrow),.promo.brand-promo p:not(.eyebrow){color:#ecedef!important}.promo .promo-content{z-index:2}.promo.brand-promo{align-items:stretch;min-height:310px}.brand-promo .promo-content{width:55%;flex:0 0 55%;align-self:center}.brand-bottles{position:relative;z-index:1;display:flex;align-items:end;justify-content:center;gap:5px;width:45%;max-width:260px;min-width:0;align-self:stretch}.brand-bottles img{display:block;height:100%;max-height:230px;width:32%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 9px 7px #0009)}
.brand-hero-art{background:linear-gradient(180deg,#555b62,#1d2228);border-radius:18px;min-height:400px;display:grid;place-items:center}.brand-hero-art .brand-bottles{width:100%;max-width:550px;height:360px;gap:20px;padding:15px}.brand-hero-art .brand-bottles img{max-height:340px;width:30%}
.promo.catalog-promo{background:linear-gradient(125deg,#131a23,#27303a)!important}.catalog-promo .cover{border-radius:5px}.promo .btn.white{background:#fff!important;color:#15202b!important;border-color:#fff!important}
.order-banner{background:#1a2028;border:1px solid #ffffff22;border-radius:16px;padding:20px;display:flex;gap:20px;align-items:center}.order-banner img{width:75px;height:98px;object-fit:cover}.order-banner h3{color:#fff;margin:0 0 5px}.order-banner p{color:#ccd2d7;margin:0 0 10px}.site-footer{background:#171c23!important;color:#eef1f3!important}.site-footer .footer-top{padding-bottom:20px}.site-footer .btn{padding:8px 18px;font-size:12px}
.page-head{background:#292f37!important;color:#fff!important}.page-head p:not(.eyebrow){color:#d1d6db!important}.subhero{background:#343b43!important}.split p,.brand-line p{color:#d1d6db!important}.brand-line,.product,.product-tools,form,.empty,.contact-info-card,.catalog-hero-art{background:#252c34!important;color:#fff!important;border:1px solid #ffffff20!important}.product h3,.product .product-category,.product p,.product small{color:#e8eaec!important}.product-picture{background:#fff!important;border-radius:10px}.product-tools label,.product-tools span,.results-bar h2{color:#fff!important}.results-bar p{color:#cbd0d4!important}.field,input,select,textarea{background:#e9ecee!important;color:#1b2229!important}.breadcrumb,.hint{color:#d0d4d8!important}.catalog-hero{padding:55px 0!important}.catalog-hero-grid,.brand-hero-grid{align-items:center}.route-map,.delivery-map-feature,.delivery-motion,.delivery-location-copy{background:#252c34;color:#fff}.cta-panel{background:#1a222c!important}.cta-panel:before{background:linear-gradient(90deg,#141b25eb 30%,#141b2590),url('assets/brand-card-dark.webp') center/cover!important}
@media(max-width:1180px){.header-cta{display:none!important}.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-copy .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.welcome-copy{width:min(640px,62%)!important}}
@media(max-width:850px){.nav.open{background:#202730!important;max-height:80vh;overflow:auto}.mega{position:absolute!important;top:80px!important;left:0!important;right:0!important;max-height:calc(100vh - 80px)!important;border-radius:0!important}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-copy{width:min(600px,78%)!important}.welcome-art:after{background:linear-gradient(90deg,#121923ec,#12192380),linear-gradient(0deg,#121923d8,transparent 65%)!important}}
@media(max-width:600px){.header-inner,.welcome-hero>.wrap{width:calc(100% - 32px)!important}.welcome-hero{display:block!important;min-height:0!important}.welcome-art{position:absolute!important;inset:0!important;height:100%!important}.welcome-art img{object-position:57% center}.welcome-art:after{display:block!important;background:linear-gradient(90deg,#121923d9,#12192385),linear-gradient(0deg,#121923f0,#12192345 70%)!important}.welcome-copy{width:100%!important;max-width:none!important;padding:42px 0 25px!important}.welcome-copy h1{font-size:clamp(35px,10vw,48px)!important}.welcome-copy p{font-size:15px!important}.welcome-copy .welcome-lead{font-size:17px!important}.welcome-copy .actions{display:flex;flex-direction:column;align-items:stretch}.welcome-copy .actions .btn{max-width:none;width:100%}.welcome-copy .facts{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;padding-top:20px}.welcome-copy .fact{font-size:11px}.welcome-benefits .benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}.promos{grid-template-columns:1fr}.promo.brand-promo{min-height:285px}.brand-promo .promo-content{width:60%;flex-basis:60%}.brand-promo .brand-bottles{width:40%;min-width:0}.brand-bottles img{max-height:180px}.mega{padding:17px!important}.mega-item{font-size:12px!important;gap:7px}.mega-item img{width:39px;height:39px}.order-banner{align-items:start}.brand-hero-art{min-height:300px}.brand-hero-art .brand-bottles{height:270px}.brand-hero-art .brand-bottles img{max-height:250px}}
@media(max-width:390px){.mega-grid{grid-template-columns:1fr}.welcome-benefits .benefits{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.category,.btn{transition:none!important;animation:none!important}}
/* Keep the silver-gray surface visible between the darker content panels. */
html,body{background-color:#535b63}
body{background-image:radial-gradient(circle at 80% 2%,#a8adb180,transparent 38%),repeating-linear-gradient(125deg,#ffffff09 0 1px,transparent 1px 8px)}
.welcome-benefits{background:#535b63!important}
.promo.brand-promo{flex-direction:column;align-items:stretch;justify-content:space-between;min-height:410px}
.promo.brand-promo .promo-content{width:100%;flex:0 0 auto;align-self:stretch}
.promo.brand-promo .brand-bottles{width:100%;max-width:none;min-height:190px;height:190px;align-self:stretch;gap:12px}
.promo.brand-promo .brand-bottles img{height:190px;max-height:190px;width:auto;max-width:30%;object-fit:contain}
.order-banner .btn.white{background:#fff!important;border-color:#fff!important;color:#17202a!important}
@media(max-width:600px){.promo.brand-promo{min-height:410px}.promo.brand-promo .promo-content{width:100%;flex-basis:auto}.promo.brand-promo .brand-bottles{width:100%;min-height:195px;height:195px}.promo.brand-promo .brand-bottles img{height:195px;max-height:195px;width:auto;max-width:30%}}
.mega-top{position:sticky;top:-24px;z-index:3;background:#202730;padding:0 0 9px}
.brand-hero .brand-hero-grid p:not(.eyebrow){color:#f1f3f5!important}
.promo.brand-promo .brand-bottles{gap:0}
.promo.brand-promo .brand-bottles img{width:32%;max-width:32%;height:190px;object-fit:contain}
@media(max-width:600px){.promo.brand-promo .brand-bottles img{width:32%;max-width:32%;height:195px}}
.brand-bottles img{background:#fff;border:1px solid #ffffffa8;border-radius:8px;padding:3px;filter:drop-shadow(0 7px 8px #0009)!important}
.brand-hero-art .brand-bottles img{background:#fff;width:30%;height:100%;max-height:320px;object-fit:contain}

/* Fine Japanese-inspired texture adds depth without competing with the products. */
body{background-color:#535b63;background-image:url('assets/silver-pattern.svg'),radial-gradient(circle at 70% 10%,#a7adb344,transparent 42%);background-size:min(1440px,100%) auto,auto;background-position:center top;background-repeat:repeat-y,no-repeat}
.section,.page-head,.subhero,.brand-hero,.contact-section,.delivery-benefits,.delivery-location{background-image:url('assets/silver-pattern.svg')!important;background-size:min(1440px,100%) auto!important;background-position:center top!important;background-repeat:repeat-y!important}
.welcome-benefits{background-image:url('assets/silver-pattern.svg')!important;background-size:1200px auto!important}

/* Navigation and action buttons stay available while scrolling. */
#header{position:sticky;top:0;z-index:100}
.site-header{position:relative!important;box-shadow:0 8px 24px #13182030}
body:has(#wpadminbar) #header{top:32px}
@media(max-width:782px){body:has(#wpadminbar) #header{top:46px}}

/* The Genki logo is a quiet, oversized part of the brand page background. */
.brand-hero-copy{position:relative;isolation:isolate;padding:32px 28px 36px 0;min-height:350px;display:flex;flex-direction:column;justify-content:center}
.brand-hero-copy:before{content:"";position:absolute;inset:0 3% 0 -6%;z-index:-1;background:url('assets/genki-logo.png') center/contain no-repeat;opacity:.11;filter:grayscale(1)}
.brand-hero-copy h1,.brand-hero-copy p{position:relative;text-shadow:0 1px 3px #26303a80}
.brand-hero-copy h1{color:#fff!important}

/* All copy on silver-gray backgrounds needs a fixed high-contrast color. */
.delivery-showcase{background:transparent!important}
.delivery-showcase-copy h1{color:#fff!important;text-shadow:0 2px 8px #151a2099}
.delivery-showcase-copy p:not(.eyebrow){color:#f2f5f7!important;font-size:clamp(15px,1.15vw,18px);line-height:1.6}
.delivery-showcase-copy .btn.outline{background:#242b34!important;color:#fff!important;border-color:#f3f5f6!important}
.delivery-showcase-art{box-shadow:0 20px 35px #11182155}
.delivery-showcase-art .delivery-showcase-image{display:block;width:100%;height:100%;aspect-ratio:1.72/1;object-fit:cover;object-position:center}
.delivery-route-heading h2{color:#fff!important}
.delivery-location-copy h2,.delivery-location-copy p{color:#fff!important}
.map.contact-map{background:#222a33!important;border:1px solid #ffffff35!important;color:#fff!important;box-shadow:0 18px 30px #10151b45}
.map.contact-map>.contact-map-copy{background:#303944!important;border:1px solid #ffffff29!important;box-shadow:none!important}
.contact-map-copy h3,.contact-map-copy p{color:#f1f4f6!important}
.contact-map-copy .eyebrow{color:#ff526d!important}
.map.contact-map>.contact-map-art{background:#e9edef!important;border-radius:12px!important;padding:8px!important}

/* A miniature asphalt road replaces the former single rule. */
.delivery-route-section{background:#29323b!important;background-image:url('assets/silver-pattern.svg')!important;background-size:min(1440px,100%) auto!important;border-color:#ffffff25!important;padding:38px 0 34px!important}
.delivery-route-section .delivery-motion{width:min(850px,100%);height:136px;background:linear-gradient(180deg,#37414b,#202933);border:1px solid #ffffff26;border-radius:18px;box-shadow:inset 0 5px 16px #10182050,0 16px 28px #11182040;overflow:visible}
.delivery-route-section .delivery-motion-track{left:68px;right:78px;top:43px;height:40px;border-top:4px solid #9aa4ac;border-bottom:4px solid #9aa4ac;border-radius:6px;background:linear-gradient(180deg,#20242a,#3b424a 45%,#1e242a);box-shadow:0 5px 0 #181e25,0 8px 14px #0008}
.delivery-route-section .delivery-motion-track:after{content:"";position:absolute;left:3px;right:3px;top:16px;border-top:3px dashed #f2e8c4;opacity:.92}
.delivery-route-section .delivery-motion-hub{top:25px;left:10px;z-index:2}
.delivery-route-section .delivery-motion-restaurant{top:21px;right:8px;z-index:3;overflow:visible;border:3px solid #fa3352}
.delivery-route-section .delivery-motion-restaurant>img{border-radius:50%;display:block}
.delivery-route-section .delivery-motion-truck{top:25px;left:70px;z-index:4;animation:genki-road-drive 12s ease-in-out infinite}
.delivery-route-section .delivery-motion-label,.delivery-route-section .delivery-motion-destination{bottom:11px;color:#f2f4f5!important}
.delivery-route-section .delivery-motion-label{left:12px}.delivery-route-section .delivery-motion-destination{right:12px}
@keyframes genki-road-drive{0%,7%{left:70px}77%,100%{left:calc(100% - 190px)}}
.arrival-confetti{position:absolute;inset:-50px;pointer-events:none}
.arrival-confetti i{position:absolute;left:50%;top:50%;width:8px;height:15px;background:#ef2141;opacity:0;transform:translate(0,0) rotate(0);animation:genki-confetti 12s ease-out infinite}
.arrival-confetti i:nth-child(3n){background:#ffd35a}.arrival-confetti i:nth-child(3n+1){background:#fff}
.arrival-confetti i:nth-child(2){--dx:-85px;--dy:-54px;--rot:230deg}.arrival-confetti i:nth-child(3){--dx:75px;--dy:-68px;--rot:-180deg}.arrival-confetti i:nth-child(4){--dx:-68px;--dy:48px;--rot:310deg}.arrival-confetti i:nth-child(5){--dx:88px;--dy:35px;--rot:170deg}.arrival-confetti i:nth-child(6){--dx:-28px;--dy:-92px;--rot:-300deg}.arrival-confetti i:nth-child(7){--dx:30px;--dy:87px;--rot:280deg}.arrival-confetti i:nth-child(8){--dx:-106px;--dy:4px;--rot:200deg}.arrival-confetti i:nth-child(9){--dx:105px;--dy:-14px;--rot:-250deg}.arrival-confetti i:nth-child(10){--dx:-18px;--dy:70px;--rot:370deg}.arrival-confetti i:nth-child(11){--dx:54px;--dy:-98px;--rot:-210deg}.arrival-confetti i:nth-child(12){--dx:-48px;--dy:98px;--rot:290deg}.arrival-confetti i:first-child{--dx:42px;--dy:62px;--rot:300deg}
@keyframes genki-confetti{0%,75%{opacity:0;transform:translate(0,0) rotate(0)}78%{opacity:1}91%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}99%,100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 25px)) rotate(var(--rot))}}
@media(max-width:600px){.brand-hero-copy{min-height:0;padding:22px 0 34px}.brand-hero-copy:before{inset:0;opacity:.08}.delivery-route-section .delivery-motion{height:112px}.delivery-route-section .delivery-motion-track{left:48px;right:55px;top:38px;height:34px}.delivery-route-section .delivery-motion-track:after{top:13px}.delivery-route-section .delivery-motion-hub{left:5px;top:25px;width:44px;height:44px}.delivery-route-section .delivery-motion-restaurant{right:4px;top:22px;width:54px;height:54px}.delivery-route-section .delivery-motion-truck{top:22px;left:48px}.delivery-route-section .delivery-motion-label,.delivery-route-section .delivery-motion-destination{bottom:7px}.delivery-showcase-art .delivery-showcase-image{aspect-ratio:1.45/1}}
@media(max-width:520px){.delivery-route-section .delivery-motion-truck{animation-name:genki-road-drive-mobile}.arrival-confetti{inset:-32px}.arrival-confetti i{width:6px;height:11px}@keyframes genki-road-drive-mobile{0%,7%{left:48px}77%,100%{left:calc(100% - 146px)}}}
@media(prefers-reduced-motion:reduce){.delivery-route-section .delivery-motion-truck{animation:none!important;left:calc(100% - 190px)}.arrival-confetti i{animation:none!important;opacity:0}}

/* Requested Genki + Nihon Food delivery photograph. */
.delivery-showcase-art:after{display:none!important}
.delivery-showcase-art>.crop{display:block;width:100%;height:auto;aspect-ratio:1.72/1;border-radius:16px}

/* A warm lantern interlude fills the homepage without crowding product cards. */
.home-lantern-banner{position:relative;min-height:315px;display:flex;align-items:center;background:linear-gradient(90deg,#111820f0 0%,#111820b7 36%,#11182024 78%),url('assets/home-lanterns.webp') center/cover no-repeat;color:#fff;overflow:hidden;border-block:1px solid #ffffff29}
.home-lantern-banner .wrap{position:relative;z-index:1}
.home-lantern-copy{max-width:580px;padding:44px 0}
.home-lantern-copy h2{font:700 clamp(30px,3vw,44px)/1.08 Georgia,serif;color:#fff;margin:0 0 12px}
.home-lantern-copy p:not(.eyebrow){color:#f2f3f4;font-size:16px;max-width:500px}
.home-lantern-copy .btn.white{background:#fff;color:#17202a;border-color:#fff}

/* The contact page uses an original Japanese street scene as its backdrop. */
#main[data-page="/kontakt"] .page-head{background:linear-gradient(90deg,#111820f0 0%,#111820ae 48%,#1118204d 100%),url('assets/contact-japan-street.webp') center 45%/cover no-repeat!important;min-height:350px;display:flex;align-items:center}
#main[data-page="/kontakt"] .page-head .wrap{position:relative;z-index:1}
#main[data-page="/kontakt"] .page-head h1,#main[data-page="/kontakt"] .page-head p:not(.eyebrow){color:#fff!important;text-shadow:0 2px 8px #000a}
#main[data-page="/kontakt"] .contact-section{background:linear-gradient(#27313be9,#27313bf2),url('assets/contact-japan-street.webp') center top/cover no-repeat!important}
#main[data-page="/kontakt"] .contact-info-card,#main[data-page="/kontakt"] #contact-form{box-shadow:0 18px 34px #0b121a65}
#main[data-page="/kontakt"] #contact-form h3{color:#fff!important}

/* Geometric cross is precisely centered, including in the compact menu. */
.mega-close{position:relative;display:grid!important;place-items:center!important;flex:0 0 42px;padding:0!important;font-size:0!important;line-height:0!important}
.mega-close:before,.mega-close:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:2px;background:#fff;transform-origin:center}
.mega-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.mega-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:600px){.home-lantern-banner{min-height:300px;background-position:62% center}.home-lantern-copy{padding:36px 0}.home-lantern-copy h2{font-size:31px}.home-lantern-copy p:not(.eyebrow){font-size:14px}#main[data-page="/kontakt"] .page-head{min-height:330px;background-position:60% center!important}.delivery-showcase-art>.crop{border-radius:0}}