@import url('header-user-cards-v80.css?v=20260901-v80');
@import url('header-quick-nav-v87-safe.css?v=20260901-v90');
/* KINTO HOME STORE PORTALS V62 — presentation only */
:root{--v55-emerald:#063b32;--v55-emerald-deep:#022c25;--v55-gold:#e5b93f;--v55-gold-soft:#ffe08a;--v55-glass:rgba(255,255,255,.075);--v55-line:rgba(229,185,63,.24);--v55-text:#f8fafc;--v55-muted:#b8c8c3;--v61-showcase-h:clamp(190px,22vw,270px)}
#meshwarStoreTabs{display:none!important}
#internationalStoresSection.mw-v55-section-hidden,#localStoresPublic.mw-v55-section-hidden{display:none!important}
#internationalStoresSection.mw-v55-active,#localStoresPublic.mw-v55-active{display:block!important}
.mw-v55-portal-shell{max-width:1120px;margin:34px auto 42px;padding:0 18px;box-sizing:border-box}
.mw-v55-portal-head{text-align:center;margin:0 auto 22px;max-width:760px}.mw-v55-portal-head h2{margin:0;color:var(--v55-text);font-size:clamp(22px,3vw,34px);font-weight:900}.mw-v55-portal-head p{margin:9px 0 0;color:var(--v55-muted);font-size:14px;line-height:1.8}
.mw-v55-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.mw-v55-portal{appearance:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:210px;padding:24px;border-radius:28px;border:1px solid var(--v55-line);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:0 22px 60px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);color:var(--v55-text);cursor:pointer;text-align:right;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.mw-v55-portal:hover,.mw-v55-portal:focus-visible{transform:translateY(-4px);border-color:rgba(229,185,63,.55);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(229,185,63,.045));box-shadow:0 28px 70px rgba(0,0,0,.20),0 0 0 1px rgba(229,185,63,.08);outline:none}
.mw-v55-portal-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.mw-v55-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(229,185,63,.18),rgba(255,255,255,.06));border:1px solid rgba(229,185,63,.32);font-size:25px}.mw-v55-arrow{color:var(--v55-gold-soft);font-size:24px}
.mw-v55-portal h3{margin:18px 0 5px;font-size:22px;font-weight:900;color:#fff}.mw-v55-portal p{margin:0;color:var(--v55-muted);font-size:13px;line-height:1.7}
.mw-v55-logo-strip{display:flex;align-items:center;gap:8px;margin-top:18px;min-height:38px;direction:ltr}.mw-v55-logo-strip img,.mw-v55-logo-fallback{width:42px;height:42px;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.96);padding:4px;box-sizing:border-box;border:1px solid rgba(255,224,138,.48);box-shadow:0 8px 22px rgba(0,0,0,.18)}.mw-v55-logo-fallback{display:grid;place-items:center;color:#76570b;font-weight:950;background:linear-gradient(145deg,#fff8dc,#f6e7a8)}.mw-v55-logo-fallback--named{font-size:11px;letter-spacing:-.5px}
.mw-v55-content-head{max-width:1120px;margin:22px auto 10px;padding:0 18px;display:flex;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box}.mw-v55-content-title{color:var(--v55-gold-soft);font-size:18px;font-weight:900}
@keyframes mwV62HeaderBackGlow{0%,100%{box-shadow:0 8px 24px rgba(229,185,63,.16),0 0 0 0 rgba(255,224,138,0),inset 0 1px rgba(255,255,255,.10)}50%{box-shadow:0 10px 34px rgba(229,185,63,.42),0 0 0 4px rgba(255,224,138,.09),inset 0 1px rgba(255,255,255,.18)}}
.mw-v55-back{border:1px solid rgba(229,185,63,.34);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mw-v55-back:hover{background:rgba(229,185,63,.13);border-color:rgba(229,185,63,.55)}
#meshwarHeaderControls .mw-v62-header-back{display:none!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px!important;border:1px solid rgba(255,224,138,.72)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(229,185,63,.15))!important;color:#fff!important;font-size:12px!important;font-weight:900!important;white-space:nowrap;backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important;box-shadow:0 8px 24px rgba(229,185,63,.18),inset 0 1px rgba(255,255,255,.14)!important}
body.mw-v55-browse-mode #meshwarHeaderControls .mw-v62-header-back{display:inline-flex!important;animation:mwV62HeaderBackGlow 2s ease-in-out infinite!important}
#meshwarHeaderControls .mw-v62-header-back:hover,#meshwarHeaderControls .mw-v62-header-back:focus-visible{background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(229,185,63,.24))!important;border-color:#ffe08a!important;outline:none!important;box-shadow:0 10px 34px rgba(229,185,63,.46),0 0 0 3px rgba(255,224,138,.10)!important}
.kinto-v61-showcase-frame{width:100%!important;max-width:1120px!important;height:var(--v61-showcase-h)!important;min-height:var(--v61-showcase-h)!important;max-height:var(--v61-showcase-h)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;overflow:hidden!important}
#meshwarVideoAd>.kinto-v61-showcase-frame video{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.header-container.kinto-featured-store.kinto-v61-showcase-frame{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;align-items:center!important;gap:18px!important;padding:22px!important;margin-top:30px!important;margin-bottom:35px!important}
.header-container.kinto-featured-store.kinto-v61-showcase-frame .kinto-featured-logo-wrap,.header-container.kinto-featured-store.kinto-v61-showcase-frame .kinto-featured-copy{min-width:0!important;max-height:100%!important;overflow:hidden!important}
.header-container.kinto-featured-store.kinto-v61-showcase-frame .main-logo{display:block!important;width:auto!important;max-width:100%!important;max-height:calc(var(--v61-showcase-h) - 44px)!important;margin:0 auto!important;object-fit:contain!important}
body.mw-v55-browse-mode .mw-v55-portal-shell{margin-bottom:16px}.mw-v55-portal[aria-pressed="true"]{border-color:rgba(229,185,63,.62);box-shadow:0 20px 55px rgba(0,0,0,.18),0 0 0 1px rgba(229,185,63,.10)}
/* V83: CSS-only entry point for the existing homepage order modal. */
#orderModal:target{display:block!important}
/* remove heavy black/grey panels from the store browsing surfaces */
#internationalStoresSection.mw-v55-active,#localStoresPublic.mw-v55-active,.mw-v55-content-head{background:transparent!important}
#internationalStoresSection.mw-v55-active .store-card,#localStoresPublic.mw-v55-active .local-public-card{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border-color:rgba(229,185,63,.22)!important;color:#fff!important;box-shadow:0 14px 36px rgba(0,0,0,.13)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
#internationalStoresSection.mw-v55-active .logo-container,#localStoresPublic.mw-v55-active .local-public-logo{background:rgba(255,255,255,.92)!important;border-color:rgba(229,185,63,.20)!important}
#internationalStoresSection.mw-v55-active .store-link,#localStoresPublic.mw-v55-active .local-store-open,#localStoresPublic.mw-v55-active .local-public-open{background:linear-gradient(135deg,#f5d66d,#d8a91f)!important;color:#17221f!important;border-color:rgba(255,224,138,.7)!important;box-shadow:none!important}
@media(max-width:720px){:root{--v61-showcase-h:210px}.mw-v55-portals{grid-template-columns:1fr;gap:16px}.mw-v55-portal{min-height:185px;padding:20px}.mw-v55-portal-shell{margin-top:24px}.mw-v55-content-head{align-items:flex-start}.mw-v55-logo-strip img,.mw-v55-logo-fallback{width:34px;height:34px}.header-container.kinto-featured-store.kinto-v61-showcase-frame{grid-template-columns:.8fr 1.2fr!important;gap:10px!important;padding:14px!important}.header-container.kinto-featured-store.kinto-v61-showcase-frame .kinto-featured-title{font-size:clamp(16px,5vw,24px)!important}.header-container.kinto-featured-store.kinto-v61-showcase-frame .kinto-featured-subtitle{font-size:11px!important;line-height:1.45!important}#meshwarHeaderControls .mw-v62-header-back{padding:7px 10px!important;font-size:11px!important;min-height:36px}}
@media(prefers-reduced-motion:reduce){.mw-v55-portal{transition:none!important}body.mw-v55-browse-mode #meshwarHeaderControls .mw-v62-header-back{animation:none!important}}
/* V203: merchandising emphasis — local first, cleaner cards, stronger logo visibility. */
.mw-v55-portal[data-kind="local"]{border-color:rgba(255,224,138,.42);background:linear-gradient(145deg,rgba(13,104,84,.42),rgba(255,255,255,.045))}.mw-v55-portal[data-kind="local"] .mw-v55-icon{box-shadow:0 0 0 3px rgba(229,185,63,.07),0 10px 26px rgba(0,0,0,.16)}
@media(max-width:720px){.mw-v55-logo-strip{gap:9px}.mw-v55-logo-strip img,.mw-v55-logo-fallback{width:42px;height:42px}.mw-v55-portal p{font-size:14px;line-height:1.75}.mw-v55-portal h3{font-size:24px}}

/* V204 — lively merchandising copy without affecting store logic. */
.mw-v55-logo-strip--loading{direction:rtl;justify-content:flex-start}
.mw-v55-logo-wait{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(255,224,138,.28);border-radius:12px;background:rgba(255,255,255,.055);color:#f7dda0;font-size:12px;font-weight:850}
.mw-v55-logo-wait i{color:#ffe08a}
.mw-v55-shimmer-title{position:relative;display:inline-block;background:linear-gradient(110deg,#fff 0%,#fff 38%,#ffe69a 47%,#fff8d7 52%,#fff 61%,#fff 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:mwV204TitleShimmer 3.8s ease-in-out infinite}
@keyframes mwV204TitleShimmer{0%,28%{background-position:120% 0}72%,100%{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){.mw-v55-shimmer-title{animation:none;background:#fff;-webkit-background-clip:text;background-clip:text}}

/* V205 — shimmer belongs to supporting copy, not the title. */
.mw-v55-shimmer-title{animation:none!important;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.mw-v55-shimmer-copy{background:linear-gradient(110deg,var(--v55-muted) 0%,var(--v55-muted) 42%,#ffe8a6 49%,#fff8dd 52%,var(--v55-muted) 59%,var(--v55-muted) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:mwV205CopyShimmer 7.5s ease-in-out infinite}
@keyframes mwV205CopyShimmer{0%,34%{background-position:125% 0}70%,100%{background-position:-125% 0}}
@media(prefers-reduced-motion:reduce){.mw-v55-shimmer-copy{animation:none;background:none;color:var(--v55-muted)!important;-webkit-text-fill-color:var(--v55-muted)!important}}

/* V206 — strict portal child allow-list: removes legacy pills regardless of their old class/source. */
#kintoStorePortalsV55 .mw-v55-portal>:not(.mw-v55-portal-top):not(h3):not(p):not(.mw-v55-logo-strip){display:none!important}
#kintoStorePortalsV55 .mw-v55-portal>.mw-v55-portal-top>:not(.mw-v55-icon){display:none!important}

/* V207: these two pills are not portal content; suppress the legacy generated labels themselves. */
#kintoStorePortalsV55 [data-kind="local"]::before,#kintoStorePortalsV55 [data-kind="local"]::after,#kintoStorePortalsV55 [data-kind="global"]::before,#kintoStorePortalsV55 [data-kind="global"]::after{content:none!important;display:none!important}

/* V209 — merchandising hierarchy: title high, copy directly below, logos own the lower visual area. */
#kintoStorePortalsV55 .mw-v55-portal{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto 1fr!important;column-gap:16px!important;align-content:start!important}
#kintoStorePortalsV55 .mw-v55-portal-top{grid-column:2!important;grid-row:1 / span 2!important;align-self:start!important}
#kintoStorePortalsV55 .mw-v55-portal>h3{grid-column:1!important;grid-row:1!important;margin:4px 0 6px!important;align-self:start!important}
#kintoStorePortalsV55 .mw-v55-portal>p{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:100%!important;align-self:start!important}
#kintoStorePortalsV55 .mw-v55-logo-strip{grid-column:1 / -1!important;grid-row:3!important;align-self:center!important;justify-self:stretch!important;justify-content:center!important;margin:20px 0 0!important;padding:0!important;gap:14px!important;min-height:76px!important}
#kintoStorePortalsV55 .mw-v55-logo-strip img,#kintoStorePortalsV55 .mw-v55-logo-fallback{width:64px!important;height:64px!important;border-radius:17px!important;padding:5px!important}
#kintoStorePortalsV55 .mw-v55-logo-wait{min-height:64px!important;padding:0 18px!important;font-size:13px!important}
@media(max-width:720px){#kintoStorePortalsV55 .mw-v55-portal{min-height:300px!important;padding:22px!important;grid-template-columns:minmax(0,1fr) 74px!important;column-gap:12px!important}#kintoStorePortalsV55 .mw-v55-portal>h3{font-size:25px!important;margin-top:0!important}#kintoStorePortalsV55 .mw-v55-portal>p{font-size:14px!important;line-height:1.7!important}#kintoStorePortalsV55 .mw-v55-logo-strip{gap:10px!important;margin-top:18px!important;min-height:72px!important;flex-wrap:wrap!important}#kintoStorePortalsV55 .mw-v55-logo-strip img,#kintoStorePortalsV55 .mw-v55-logo-fallback{width:58px!important;height:58px!important;border-radius:15px!important}}

/* V210 — local card uses the same logo-led merchandising language as global. */
#kintoStorePortalsV55 .mw-v55-logo-strip--loading{display:flex!important;min-height:72px!important;background:transparent!important;border:0!important}
#kintoStorePortalsV55 .mw-v55-logo-wait{display:none!important}