/* Storefront navigation and responsive information pages. */
.ad-target-picker{position:relative;margin:8px 0 14px}.ad-target-picker .ad-target-search{width:100%;box-sizing:border-box}.ad-target-selected{padding:7px 2px;line-height:1.45}.ad-target-results{display:grid;gap:0;max-height:255px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-top:4px;box-shadow:0 6px 18px #15332312}.ad-target-results[hidden],#ad_custom_target[hidden]{display:none!important}.ad-target-option{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font:inherit;cursor:pointer}.ad-target-option b{display:block;font-size:14px;font-weight:500}.ad-target-option small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.ad-target-option:hover,.ad-target-option:focus-visible,.ad-target-option[aria-selected=true]{background:#eaf5e1;color:#193825;outline:0}.ad-target-status{font-size:11px;padding:8px 12px;color:var(--muted)}.ad-editor-preview{flex:1;min-width:130px}.ad-editor-preview img{display:block;width:100%;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}#codexHero{cursor:pointer}body.dark .ad-target-option:hover,body.dark .ad-target-option:focus-visible,body.dark .ad-target-option[aria-selected=true]{background:#26452b;color:#ecf8e7}
#clientMenu{display:none!important}
.shop-menu-links{display:grid;gap:4px}
.shop-custom-header-logo{display:none}.shop-custom-header .shop-custom-header-logo{display:block;width:225px;max-width:100%;height:46px;object-fit:contain}.shop-custom-header>:not(.shop-custom-header-logo){display:none!important}
#codexSideMenu{position:sticky!important;top:calc(var(--shop-header-height,66px) + 12px)!important;height:calc(100dvh - var(--shop-header-height,66px) - 78px)!important;max-height:calc(100dvh - var(--shop-header-height,66px) - 78px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto!important;overflow-anchor:none;overscroll-behavior:contain;align-content:start;scrollbar-gutter:stable}
.codex-cat-tile .codex-cat-title,.codex-cat-tile .codex-cat-count,body.dark .codex-cat-tile .codex-cat-title,body.dark .codex-cat-tile .codex-cat-count{display:block!important;color:#fff!important;text-shadow:0 1px 3px #000c,0 2px 8px #0009!important}
.codex-cat-tile .codex-cat-count{margin-top:3px;font-size:12px}
.codex-cat-tile:after,body.dark .codex-cat-tile:after{background:linear-gradient(90deg,rgba(0,18,7,.52),rgba(0,18,7,.12) 52%,transparent)!important}
.codex-cat-tile-bg{opacity:1!important}
.codex-cat-arrow{background:#ffffffda!important;color:#183324!important}
.codex-hero,.codex-hero.codex-hero-ad-mode{position:relative;box-sizing:border-box;width:100%!important;max-width:none!important;aspect-ratio:1920/700;min-height:0!important;max-height:none!important;background-size:cover!important;background-position:center!important;background-color:#eaf4e5!important;overflow:hidden}
.codex-hero:before{display:none!important}
.codex-hero .codex-hero-btn{position:absolute;left:24px;bottom:20px;z-index:2;display:flex;gap:10px;align-items:center;margin:0;max-width:calc(100% - 110px);min-height:40px}
.codex-hero-btn svg{width:19px;height:19px}
.hero-copy{position:relative;z-index:1;padding:36px 65px;color:#fff;text-shadow:0 2px 12px #000b;background:linear-gradient(90deg,#061d12aa,transparent)}
.hero-ad-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:48px;padding:8px;border:1px solid #ffffff60;border-radius:12px;background:#11221866;color:white;cursor:pointer;z-index:4;backdrop-filter:blur(3px)}
.hero-ad-nav.left{left:10px}.hero-ad-nav.right{right:10px}.hero-ad-nav.left svg{transform:rotate(180deg)}.hero-ad-nav svg{width:22px;height:22px}.hero-ad-nav:hover{background:#112218a6}.hero-ad-nav:focus-visible{outline:3px solid #96d65c;outline-offset:2px}
.shop-side-extra{margin-top:18px;padding:16px 5px 5px;border-top:1px solid #dce7da;display:grid;gap:15px}
.shop-side-contact{background:#f2f9ec;border:1px solid #d8e9cb;border-radius:14px;padding:13px 11px}.shop-side-contact small{display:block;font-size:11px;color:#647362;margin-bottom:6px}.shop-side-contact a{display:block;color:#173b22;font-size:19px;font-weight:600;text-decoration:none;white-space:nowrap;letter-spacing:.015em}
.shop-side-socials{display:grid;grid-template-columns:repeat(4,38px);gap:10px}.shop-side-socials a{display:grid;place-items:center;width:38px;height:38px}.shop-side-socials svg{width:35px;height:35px}.web-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eff2f3;color:#0c172a}.web-icon svg{width:28px;height:28px}
.shop-theme{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.shop-theme>span:nth-child(2){flex:1}.theme-moon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eff2f4;color:#657081}.theme-moon svg{width:23px;height:23px;fill:currentColor;stroke-width:1}.theme-track{position:relative;display:block;flex:0 0 45px;width:45px;height:25px;border-radius:99px;background:#c5ced0;transition:background .18s}.theme-track:after{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .18s}.shop-theme[aria-checked=true] .theme-track{background:#78bd39}.shop-theme[aria-checked=true] .theme-track:after{transform:translateX(20px)}
#codexContactShade{position:fixed;inset:0;z-index:9998;background:#09131a66;opacity:0;pointer-events:none;transition:opacity .2s}#codexContactShade.open{opacity:1;pointer-events:auto}
#codexContactDrawer.shop-contact-drawer{--drawer-pad:20px;position:fixed;inset:0 auto 0 0;z-index:9999;display:block;width:min(85vw,400px);max-width:100%;box-sizing:border-box;padding:0!important;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#0b1427;box-shadow:14px 0 45px #07101c33;border-radius:24px 24px 24px 0;transform:translateX(-105%);transition:transform .22s}
#codexContactDrawer.shop-contact-drawer.open{transform:translateX(0)}
.shop-drawer-main{padding:22px var(--drawer-pad) 0}.shop-drawer-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:22px}.shop-drawer-logo{display:block;width:calc(100% - 43px);height:auto;max-height:75px;object-fit:contain;object-position:left center}.shop-drawer-close{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #e3e8ed;border-radius:9px;padding:8px;background:#fff;color:#6a7485}.shop-drawer-close svg{width:20px;height:20px}
.shop-drawer-phone{display:grid;grid-template-columns:44px minmax(0,1fr) 14px;gap:12px;align-items:center;border:1px solid #d6eac5;background:linear-gradient(110deg,#eef8e6,#f9fcf6);border-radius:14px;padding:11px 12px;text-decoration:none;color:#10192a}.phone-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8cc83a,#56ad20);color:white}.phone-badge svg{width:24px;height:24px;fill:currentColor}.shop-drawer-phone>svg{width:14px;height:20px;color:#6a7283}.shop-drawer-phone b{display:block;font-size:clamp(14px,4.3vw,21px);font-weight:600;white-space:nowrap;letter-spacing:.01em}.shop-drawer-phone small{display:block;font-size:13px;color:#7d8796;margin-top:3px}
.shop-social-title{font-size:16px;color:#7b8494;margin:22px 0 12px!important}
#codexContactDrawer .shop-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#codexContactDrawer .shop-socials a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:77px;height:auto;padding:9px 2px;border:1px solid #e9edf1;border-radius:13px;background:#fafbfc;text-decoration:none;color:#111b2d;font-size:11px;box-shadow:none}
#codexContactDrawer .shop-socials svg{display:block;width:34px;height:34px;margin:0}.shop-socials .web-icon{width:34px;height:34px}.shop-socials .web-icon svg{width:26px!important;height:26px!important}
.shop-drawer-list{margin-top:18px;border-top:1px solid #ebedf1}
#codexContactDrawer .shop-drawer-list .codex-drawer-row{display:grid;grid-template-columns:42px minmax(0,1fr) 15px;align-items:center;gap:12px;width:100%;padding:14px 0;margin:0;border:0;border-bottom:1px solid #eceff2;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer;min-height:0}
.row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0f8e9;color:#58a420}.row-icon svg{width:26px;height:26px}.shop-drawer-list b{display:block;font-size:17px;font-weight:500;line-height:1.25}.shop-drawer-list small{display:block;font-size:12px;color:#80899a;margin-top:4px;line-height:1.25}.row-chevron svg{width:15px;height:19px;color:#6d7788}
#codexContactDrawer .shop-theme{padding:16px 0;border-bottom:1px solid #eceff2;font-size:16px}
.shop-drawer-footer{position:relative;min-height:150px;margin:0;overflow:hidden;background:#fff}.shop-footer-logo{position:relative;z-index:1;display:block;width:76%;height:auto;max-height:60px;object-fit:contain;object-position:left top;margin:15px var(--drawer-pad) 60px}.shop-drawer-decoration{display:block;position:absolute;inset:auto 0 0;width:100%;height:auto;min-height:100px;object-fit:cover;object-position:center bottom;pointer-events:none}
body.dark .shop-contact-drawer{background:#101b29!important;color:#eff5f8!important}body.dark .shop-drawer-close{background:#182739;border-color:#314256;color:#c3cedb}body.dark .shop-drawer-phone{background:#1b3020;border-color:#426337;color:#eff9ec}body.dark .shop-drawer-phone small,body.dark .shop-drawer-list small,body.dark .shop-social-title{color:#b0becb}body.dark #codexContactDrawer .shop-socials a{background:#182739;color:#e8f1fa;border-color:#2c3e54}body.dark .row-icon{background:#203622;color:#8bcf4e}body.dark .theme-moon{background:#233349;color:#bccddd}body.dark .shop-drawer-footer{background:#101b29}body.dark .shop-footer-logo,body.dark .shop-drawer-logo{filter:drop-shadow(0 0 1px #ffffff8c)}body.dark .shop-side-contact{background:#192e1c;border-color:#365334}body.dark .shop-side-contact a{color:#effdec}body.dark .shop-side-contact small{color:#a8b7a4}
body.shop-quality-fullscreen .wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
#qualitySection{padding:0;margin:0;width:100%;max-width:none;background:#f6faf5;min-height:calc(100dvh - var(--shop-header-height,66px) - 56px)}
#qualitySection .quality-image{display:block;width:100%;height:calc(100dvh - var(--shop-header-height,66px) - 56px);min-height:0;max-width:none;object-fit:contain;object-position:center;background:#f6faf5;border:0;border-radius:0}
@media(min-width:761px){body.codex-about-fullscreen .codex-about-bg{height:calc(100dvh - var(--shop-header-height,66px) - 56px)!important;min-height:0!important;background-size:contain!important;background-position:center!important}}
.quality-text{padding:clamp(24px,6vw,80px);max-width:1000px;margin:auto;white-space:pre-wrap;line-height:1.6}.quality-text h1{margin:0 0 20px}
.shop-banner-sizes{border:1px solid #cfe4bf;background:#f3faed;padding:12px;border-radius:10px;font-size:13px;line-height:1.6;color:#294825}#quality_settings{margin-top:18px}#quality_settings>.help,#shop_menu_assets>.help{margin-top:14px}#quality_settings button,#shop_menu_assets button{margin:8px 0}#quality_settings textarea{min-height:100px}
.codex-list-arrow-wrap{justify-content:center!important;align-items:center!important;width:100%!important}
#shopAdminLauncher{position:fixed;right:16px;bottom:78px;z-index:500;border-radius:24px;box-shadow:0 6px 22px #284e3033}#shopAdminLauncher[hidden]{display:none!important}
#bannerPreviewDesktop .banner-canvas-box{aspect-ratio:1920/700!important}#bannerPreviewMobile .banner-canvas-box{aspect-ratio:var(--shop-mobile-banner-ratio,4/3)!important}
@media(min-width:901px){.topbar{grid-template-columns:42px minmax(210px,235px) minmax(180px,1fr) 42px 42px!important;max-width:1280px!important;margin:auto!important}.codex-menu-logo{min-width:0!important;gap:8px!important}.codex-menu-logo-sub{display:block!important;font-size:8px!important;white-space:nowrap!important}.codex-menu-logo-title{font-size:25px!important}.codex-menu-logo-mark{width:42px!important;height:42px!important}.search-wrap{max-width:none!important}.codex-menu-main,.codex-category-tiles{width:100%;min-width:0}}
@media(max-width:900px){#codexSideMenu{display:none!important}.codex-shop-layout{grid-template-columns:1fr!important}.codex-hero{aspect-ratio:1200/520!important}.codex-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}.codex-benefit{padding:12px!important;gap:8px!important}.codex-benefit-icon{width:30px!important;height:30px!important}.codex-benefit-icon svg{width:22px!important;height:22px!important}.codex-benefit b{font-size:12px!important}.codex-benefit span span{font-size:11px!important}}
@media(max-width:760px){.topbar{grid-template-columns:35px minmax(0,1fr) 35px 35px!important;gap:8px!important;max-width:none!important;padding:0!important}.top{padding:8px 12px 10px!important}.codex-menu-logo{grid-column:2!important;grid-row:1!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;max-width:100%!important;overflow:hidden}.codex-menu-logo-mark{width:36px!important;height:36px!important;border-radius:10px!important}.codex-menu-logo-title{font-size:clamp(17px,4.8vw,23px)!important;line-height:1.05!important;letter-spacing:-.04em!important}.codex-menu-logo-sub{display:block!important;font-size:7px!important;line-height:1.2!important;max-width:100%!important;white-space:normal!important;margin-top:3px!important}#menuBtn{grid-column:1!important;grid-row:1!important}#layoutBtn{grid-column:3!important;grid-row:1!important}#cartBtn{grid-column:4!important;grid-row:1!important}#menuBtn,#layoutBtn,#cartBtn{width:35px!important;height:35px!important;padding:7px!important}#codexMobileSearchBtn{display:none!important}.topbar .search-wrap{grid-column:1/-1!important;grid-row:2!important;margin-top:4px!important;width:100%!important}.topbar .search-wrap #search{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:15px!important;line-height:20px!important;border-radius:11px!important;padding:8px 36px 8px 39px!important}.search-wrap:before{content:'';position:absolute;left:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);background:#6b7580;pointer-events:none;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M10 2a8 8 0 1 0 4.9 14.3L21 22l1-1-5.7-6.1A8 8 0 0 0 10 2m0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12"/></svg>') center/contain no-repeat}.codex-hero .codex-hero-btn{left:12px;bottom:12px;font-size:12px!important;min-height:34px!important;padding:8px 12px!important}.hero-ad-nav{width:29px;height:38px;padding:5px;border-radius:9px}.hero-ad-nav.left{left:7px}.hero-ad-nav.right{right:7px}.hero-ad-nav svg{width:18px;height:18px}.codex-category-tiles{grid-template-columns:1fr!important;gap:10px!important}.codex-cat-tile{aspect-ratio:4.2;min-height:88px!important;height:auto!important;padding:14px!important}.codex-cat-title{font-size:19px!important}.codex-cat-count{font-size:12px!important}.codex-cat-arrow{width:28px!important;height:28px!important;padding:6px!important}.codex-cat-arrow svg{width:16px!important;height:16px!important}.codex-shop-menu{gap:12px!important}#qualitySection .quality-image{height:auto;min-height:calc(100dvh - var(--shop-header-height,106px) - 56px);object-fit:contain}.shop-drawer-phone{padding:10px}.shop-drawer-main{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.shop-theme *,.hero-ad-nav,#codexContactDrawer,#codexContactShade{transition:none!important}}
.shop-hero-image{display:none}
@media(max-width:900px){
  .codex-shop-layout{grid-template-columns:minmax(0,1fr)!important}
  .codex-menu-main,.codex-category-tiles{min-width:0!important;max-width:100%!important;box-sizing:border-box}
  .codex-cat-tile{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
  .codex-hero.codex-hero-ad-mode{aspect-ratio:auto!important}
  .codex-hero .shop-hero-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto 4/3;object-fit:contain}
  .codex-hero.codex-hero-ad-mode .hero-copy{position:absolute;inset:0;overflow:auto}
}
@media(max-width:760px){
  .codex-category-tiles{grid-template-columns:minmax(0,1fr)!important}
  .topbar .search-wrap #search{height:32px!important;min-height:32px!important;max-height:32px!important;font-size:16px!important;line-height:20px!important;padding-top:5px!important;padding-bottom:5px!important;border-radius:10px!important}
}