/* WARKITKU V1 — shared palette; business statuses retain their semantic colors. */
:root{--wk-green:#105332;--wk-deep:#083d25;--wk-orange:#ef650c;--wk-turmeric:#e7ad19;--wk-cream:#fff9ed;--bg:#fff9ed;--surface:#fff;--surface-soft:#fff5df;--text:#163626;--muted:#5b7060;--primary:#105332;--primary-dark:#083d25;--primary-soft:#eaf4e8;--border:#dce6d8;--shadow:0 15px 40px #15482d0d}
html body{background-color:var(--wk-cream);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html body .top-service-bar{background:var(--wk-deep)!important;color:#fff!important;border-bottom:3px solid var(--wk-turmeric)}
html body header.navbar,html body #mainNav{background:#fffdf6!important;border-bottom:1px solid #dfe7d8}
html body .brand-wordmark,html body .brand-wordmark span,html body .brand-wordmark>b{color:var(--wk-green)!important;font-weight:850;letter-spacing:-.025em}
html body .brand-wordmark small{color:#64735b!important;letter-spacing:.07em}
html body .nav-primary button{color:var(--wk-green)!important}
html body .nav-primary button.active,html body .nav-primary button:hover{color:#fff!important;background:var(--wk-green)!important;border-color:var(--wk-green)!important}
html body .btn-login,html body .btn-primary,html body .submit-btn{background:var(--wk-orange)!important;color:#fff!important;border-color:var(--wk-orange)!important;box-shadow:0 4px 10px #ef650c14}
html body .btn-login:hover,html body .btn-primary:hover,html body .submit-btn:hover{background:#cc5004!important;border-color:#cc5004!important}
html body .role-badge,html body .wb-group-mark,html body .reward-banner{background:#ffedb8!important;color:#624200!important;border-color:#e7ad19!important}
html body .wb-group-heading{background:linear-gradient(110deg,#eef5e7,#fff9e8)!important;border-top:3px solid var(--wk-turmeric)}
html body .wb-hub-group a:hover{background:#fff1cd!important;color:var(--wk-deep)!important}
html body .wb-dashboard-hub,html body.wb-dashboard-hub,html body.wb-menu-page{background:var(--wk-cream)!important}
html body #mobileShopHeader{background:#fffdf6!important;border-bottom:2px solid var(--wk-turmeric)}
html body #mobileShopNav{background:var(--wk-green)!important;border-top:3px solid var(--wk-turmeric)}
html body #mobileShopNav>button,html body #mobileShopNav>a{background:transparent!important;color:#fff!important}
html body #mobileShopNav>button.active{background:#ffffff1f!important;color:#ffe19a!important}
html body #wbBackToMap{color:#fff!important;background:transparent!important}
html body header>a:last-child{background:var(--wk-orange);border-color:var(--wk-orange);color:#fff}
html body main>section.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#083e25,#17613a)!important;color:#fff;border:0;padding:64px 52px;min-height:400px;margin:20px 0 42px;border-radius:26px}
html body main>section.hero>span{color:#ffdc78!important}
html body main>section.hero h1{max-width:600px;position:relative;z-index:2;color:#fff!important;font-weight:850;font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.08}
html body main>section.hero p{max-width:520px;position:relative;z-index:2;color:#ecf4e6!important;line-height:1.7}
html body main>section.hero .button{position:relative;z-index:2;background:var(--wk-turmeric)!important;color:#153323!important;font-weight:800;box-shadow:0 5px 20px #0002}
html body #warkitkuHeroArt{position:absolute;right:-10px;bottom:0;width:45%;height:94%;object-fit:contain;z-index:0}
html body main>section.hero.has-photo #warkitkuHeroArt{display:none}
html body .hero-slide-info{background:var(--wk-green)!important;color:#fff!important}
html body .hero-slide-info h2,html body .hero-slide-info p{color:#fff!important}
html body .hero-fallback-photo{background:linear-gradient(145deg,#d5e7bf,#fce3a1)!important}
html body .hero-fallback-mark{background:var(--wk-green)!important;color:var(--wk-turmeric)!important}
html body .product{border-color:#e5e7d4;box-shadow:0 5px 20px #21543805}
html body .product strong,html body .product-price{color:#ba4800}
html body .section-head span{color:#b64605}
html body .note{background:var(--wk-green);border-top:4px solid var(--wk-turmeric);color:#fff}
html body :is(input,select,textarea):focus-visible{outline:3px solid #e7ad1980;outline-offset:2px;border-color:#105332}
html body a:focus-visible,html body button:focus-visible{outline:3px solid var(--wk-turmeric);outline-offset:3px}
@media(min-width:850px){html body main>section.hero:has(#warkitkuHeroArt) h1,html body main>section.hero:has(#warkitkuHeroArt) p{max-width:55%}}
@media(max-width:849px){html body #warkitkuHeroArt{opacity:.15;width:64%;right:-55px}html body main>section.hero{padding:38px 28px;min-height:340px}}
@media(prefers-reduced-motion:reduce){html body *{scroll-behavior:auto!important}}

/* WARKITKU V2: supplied wordmark and responsive tagline. */
html body #mainNav .logo-area{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0}
html body #mainNav .logo-area>img.wk-wordmark{width:270px!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain!important;flex:none!important;border-radius:0;background:transparent}
html body #mainNav .logo-area .wk-tagline{margin:0!important;line-height:1.35!important;letter-spacing:0!important}
html body #mainNav .logo-area .wk-tagline small{display:block;margin:0!important;color:#185b37!important;font-size:12px!important;font-weight:650;letter-spacing:0!important;text-transform:none!important}
html body header>a.brand:has(.wk-wordmark){display:flex!important;flex-direction:column;align-items:flex-start;gap:7px!important;line-height:1.3;letter-spacing:0}
html body header .brand>img.wk-wordmark{width:285px!important;height:auto!important;max-width:100%;flex:none!important;object-fit:contain}
html body header .brand>.wk-tagline{font-size:13px;color:#185b37;font-weight:650;letter-spacing:0}
@media(max-width:700px){html body #mainNav .logo-area>img.wk-wordmark{width:210px!important}html body #mainNav .logo-area .wk-tagline small{font-size:10px!important}html body header .brand>img.wk-wordmark{width:min(230px,53vw)!important}html body header .brand>.wk-tagline{font-size:10px;max-width:55vw}}

html body #mobileShopHeader .wk-mobile-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:0 0 144px;width:144px;min-width:0}html body #mobileShopHeader .wk-mobile-brand .mobile-shop-logo{width:144px!important;height:auto!important;max-height:none!important;object-fit:contain}html body #mobileShopHeader .wk-mobile-brand .wk-mobile-tagline{font-size:8px;line-height:1.35;font-weight:650;color:#185b37;letter-spacing:0}html body #mobileShopHeader .wk-mobile-brand .wb-mobile-logo-home{display:block;flex:none;width:144px;height:auto;min-height:0}html body #mobileShopHeader .wk-mobile-brand .wb-mobile-logo-home>small{display:none}@media(max-width:380px){html body #mobileShopHeader .wk-mobile-brand{flex-basis:118px;width:118px}html body #mobileShopHeader .wk-mobile-brand .mobile-shop-logo,html body #mobileShopHeader .wk-mobile-brand .wb-mobile-logo-home{width:118px!important}html body #mobileShopHeader .wk-mobile-brand .wk-mobile-tagline{font-size:7px}}