/* Shared header, footer, navigation and theme controls for every public page. */
body.site-shell-724{--c724-bg:#0d1119;--c724-panel:#151b26;--c724-panel-2:#1d2533;--c724-line:#2e394c;--c724-text:#f3f5fc;--c724-muted:#b0bbcd;--c724-accent:#d4b6fa;--c724-teal:#98e4cf;--c724-soft:#242638;--c724-selected-bg:#30273e;--c724-selected-line:#b99bdc;--c724-icon-bg:#1c3432;--c724-cta:linear-gradient(110deg,#bda3ff,#e9b2d2);--c724-cta-text:#23162e;--c724-pink:#f0b1d2;--c724-pink-bg:#38273a;--c724-footer:#111722;--c724-shadow:0 14px 35px #0003;--c724-success-bg:#17372e;--c724-success:#a4e8cc;--c724-error-bg:#3c2530;--c724-error:#ffc1d3;--c724-star:#e9bc74;--c724-mode:dark;}
html[data-c724-theme="light"] body.site-shell-724{--c724-bg:#f7f8fc;--c724-panel:#fff;--c724-panel-2:#eff2f8;--c724-line:#d9e1ed;--c724-text:#182238;--c724-muted:#56647a;--c724-accent:#7040a3;--c724-teal:#176b53;--c724-soft:#f0eaf8;--c724-selected-bg:#f1eaf9;--c724-selected-line:#8d5ab8;--c724-icon-bg:#e6f3ee;--c724-cta:linear-gradient(110deg,#703ba1,#944273);--c724-cta-text:#fff;--c724-pink:#964073;--c724-pink-bg:#f7e9f0;--c724-footer:#eef1f7;--c724-shadow:0 14px 35px #24355312;--c724-success-bg:#e7f5ed;--c724-success:#1d6349;--c724-error-bg:#fff0f3;--c724-error:#9e2949;--c724-star:#936006;--c724-mode:light;}
body.site-shell-724 .top--head-area{display:none!important}
body.site-shell-724 header.c724-site-header{position:relative;top:auto;z-index:120;padding:0;border:0;border-bottom:1px solid var(--c724-line);box-shadow:none;background:var(--c724-panel)!important}
body.site-shell-724 header .container{width:calc(100% - 48px);max-width:1240px;padding:0}
body.site-shell-724 header .header{height:72px;min-height:0;gap:22px;padding:0;margin:0;background:transparent!important;box-shadow:none;border:0}
body.site-shell-724 header .logo{display:flex;align-items:center;flex:0 0 auto;margin:0;line-height:1}
body.site-shell-724 header .logo img{width:150px;height:auto;max-height:32px;object-fit:contain}
body.site-shell-724 header .navbar{margin-left:auto!important;margin-right:0!important;min-width:0}
body.site-shell-724 header .navbar>ul{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;margin:0;padding:0}
body.site-shell-724 header .navbar>ul>.nav-item{margin:0;padding:0;flex:0 0 auto}
body.site-shell-724 header .navbar>ul>.nav-item>.nav-link{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;padding:10px 0!important;color:var(--c724-muted)!important;line-height:1.4}
body.site-shell-724 header .navbar>ul>.nav-item>.nav-link>i{display:none}
body.site-shell-724 header .navbar>ul>.nav-item.active>.nav-link,
body.site-shell-724 header .navbar>ul>.nav-item>.nav-link:hover{color:var(--c724-accent)!important}
body.site-shell-724 header .navbar .nav-sub-content{top:50px!important;border:1px solid var(--c724-line);border-radius:16px;padding:12px;background:var(--c724-panel)!important;box-shadow:var(--c724-shadow)}
body.site-shell-724 header .navbar .nav-sub-content:before{border-bottom-color:var(--c724-panel)}
body.site-shell-724 header .nav-sub-link{border-radius:10px;padding:12px;color:var(--c724-text)!important}
body.site-shell-724 header .nav-sub-link:hover{background:var(--c724-panel-2)}
body.site-shell-724 header .nav-sub-link .icon{background:var(--c724-soft)!important;color:var(--c724-accent)!important;border:0;box-shadow:none}
body.site-shell-724 .navbar-action-area{display:flex;align-items:center;flex:0 0 auto;gap:9px;margin:0}
body.site-shell-724 .navbar-action-area .navbar--action{order:-1;margin:0}
body.site-shell-724 header .nav-user-action .butto{height:38px;min-height:38px;padding:9px 14px!important;font-size:12px;gap:8px;line-height:1.4;white-space:nowrap;border:1px solid var(--c724-line);border-radius:10px;background:var(--c724-soft)!important;color:var(--c724-accent)!important;box-shadow:none}
body.site-shell-724 header .nav-user-action .butto i{font-size:16px}
body.site-shell-724 header .cart,
body.site-shell-724 .c724-theme-toggle,
body.site-shell-724 .c724-header-search{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--c724-line);border-radius:10px;background:var(--c724-panel-2)!important;color:var(--c724-text)!important;font:inherit;font-size:12px;font-weight:600;box-shadow:none;cursor:pointer;text-decoration:none;position:relative;margin:0}
body.site-shell-724 header .cart i,
body.site-shell-724 .c724-header-search i{font-size:19px}
body.site-shell-724 header .cart{width:38px}
body.site-shell-724 .c724-theme-toggle{width:80px;flex:0 0 80px;box-sizing:border-box}
body.site-shell-724 .c724-header-search{width:38px;flex:0 0 38px;padding:0;box-sizing:border-box}
body.site-shell-724 header .cart .counter{min-width:14px!important;height:14px!important;line-height:14px!important;font-size:9px!important;top:-5px!important;right:-5px!important;padding:0 3px!important;border:2px solid var(--c724-panel)!important;box-sizing:content-box;background:var(--c724-accent)!important;color:var(--c724-bg)!important;box-shadow:none!important}
body.site-shell-724 .c724-theme-toggle:hover,
body.site-shell-724 .c724-header-search:hover,
body.site-shell-724 header .cart:hover{border-color:var(--c724-selected-line)}
body.site-shell-724 .c724-theme-moon{display:none}
html[data-c724-theme="light"] body.site-shell-724 .c724-theme-sun{display:none}
html[data-c724-theme="light"] body.site-shell-724 .c724-theme-moon{display:block}
html[data-c724-theme="light"] body.site-shell-724 header .logo img,
html[data-c724-theme="light"] body.site-shell-724 .control--area .logo img{filter:none}
body.site-shell-724 .c724-menu-toggle{appearance:none;border:1px solid var(--c724-line);background:var(--c724-panel-2);border-radius:10px;width:38px;height:38px;padding:10px 9px;gap:4px;justify-content:center;flex-shrink:0;cursor:pointer}
body.site-shell-724 .c724-menu-toggle .line{display:block;width:18px;height:2px;min-height:2px;border-radius:2px;background:var(--c724-text)!important;position:static;transform:none!important}
body.site-shell-724 .c724-menu-toggle .line:nth-child(2){width:13px;align-self:flex-end}
body.site-shell-724 .control--area{max-width:360px;width:calc(100% - 34px);background:var(--c724-panel)!important;color:var(--c724-text)!important;border-right:1px solid var(--c724-line);box-shadow:var(--c724-shadow)}
body.site-shell-724 .control--area .top-side{height:66px;padding:16px 20px;border-color:var(--c724-line)}
body.site-shell-724 .control--area .top-side .logo img{max-width:145px;height:auto;max-height:32px}
body.site-shell-724 .control--area .top-side .close{border:1px solid var(--c724-line);background:var(--c724-panel-2);color:var(--c724-text);width:36px;height:36px;border-radius:10px;cursor:pointer}
body.site-shell-724 .control--area .content-side{padding:14px 16px 28px;overflow-y:auto;max-height:calc(100dvh - 66px)}
body.site-shell-724 .control--area .nav-link{color:var(--c724-text)!important;border-color:var(--c724-line);font-size:14px;border-radius:9px}
body.site-shell-724 .control--area .nav-link:hover{background:var(--c724-panel-2)}
body.site-shell-724 .control--area .nav-link .icon,
body.site-shell-724 .control--area .nav-sub-item .icon{background:var(--c724-soft)!important;color:var(--c724-accent)!important;box-shadow:none}
body.site-shell-724 .control--area .nav-sub-content{background:var(--c724-panel-2)!important;border-radius:12px;color:var(--c724-text)!important}
body.site-shell-724 .control--area .nav-sub-link{color:var(--c724-text)!important}
body.site-shell-724 .order-search-modal{background:var(--c724-panel)!important;border:1px solid var(--c724-line);border-radius:20px;color:var(--c724-text)!important}
body.site-shell-724 .order-search-close{color:var(--c724-text);background:var(--c724-panel-2)}
body.site-shell-724 .order-search-modal input{background:var(--c724-bg);color:var(--c724-text);border-color:var(--c724-line)}
body.site-shell-724 .order-search-modal .butto{background:var(--c724-cta);color:var(--c724-cta-text);border:0}
body.site-shell-724 header :focus-visible,
body.site-shell-724 .bottom--menu :focus-visible,
body.site-shell-724 .control--area :focus-visible{outline:2px solid var(--c724-accent);outline-offset:3px}
body.site-shell-724 .footer--top{background:var(--c724-panel);color:var(--c724-text);border:1px solid var(--c724-line);box-shadow:none;border-radius:16px}
body.site-shell-724 .footer--top .text span{color:var(--c724-text)}
body.site-shell-724 .footer--top .text p{color:var(--c724-muted)}
body.site-shell-724 .footer--top .action .item{background:var(--c724-panel-2);color:var(--c724-accent);border-color:var(--c724-line)}
body.site-shell-724 footer,
body.site-shell-724 .footer--area,
body.site-shell-724 .footer-bottom{background:var(--c724-footer)!important;border-color:var(--c724-line)!important}
body.site-shell-724 .footer-nav-heading{color:var(--c724-text)!important}
body.site-shell-724 .fn-item,
body.site-shell-724 .footer-about-desc,
body.site-shell-724 .copyright{color:var(--c724-muted)!important}
body.site-shell-724 .fsocial-item{background:var(--c724-panel-2)!important;color:var(--c724-accent)!important}
body.site-shell-724 .bottom--menu{display:none}
@media (max-width:1100px){
body.site-shell-724 header .navbar{display:none!important}
body.site-shell-724 header .navbar-action-area{margin-left:auto}
body.site-shell-724 header .navbar--action,
body.site-shell-724 .c724-header-search{display:none!important}
body.site-shell-724 .c724-menu-toggle{display:flex!important}
}
@media (max-width:800px){
body.site-shell-724 header .container{width:calc(100% - 28px)}
body.site-shell-724 header .header{height:60px;gap:12px}
body.site-shell-724 header .logo img{width:138px;max-height:30px}
body.site-shell-724 header .cart{display:none!important}
body.site-shell-724 .navbar-action-area{gap:7px}
body.site-shell-724 .c724-theme-toggle{width:38px;flex-basis:38px;padding:0}
body.site-shell-724 .c724-theme-toggle span{display:none}
body.site-shell-724 .bottom--menu,
body.site-shell-724 .bottom--menu.end{display:block!important;position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;min-height:0;margin:0;padding:0;opacity:1!important;visibility:visible!important;transform:none!important;z-index:95}
body.site-shell-724 .bottom--content{position:static!important;left:auto;right:auto;bottom:auto;top:auto;width:100%!important;max-width:none;min-height:0;height:auto;margin:0!important;padding:3px max(10px,env(safe-area-inset-right,0px)) calc(3px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));border:0;border-top:1px solid var(--c724-line);border-radius:0!important;background:var(--c724-panel)!important;box-shadow:0 -5px 20px #0000000c!important;transform:none!important}
body.site-shell-724 .bottom-content-nav{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center!important;gap:2px;margin:0;padding:0;height:44px!important;min-height:44px!important}
body.site-shell-724 .bottom-content-nav .bm-item{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center!important;gap:1px;width:100%;height:44px!important;min-width:0;min-height:44px!important;padding:0 2px!important;margin:0;border:0;border-radius:8px;background:transparent!important;box-shadow:none!important;color:var(--c724-muted)!important;font:inherit;cursor:pointer;text-decoration:none;position:relative;transform:none!important}
body.site-shell-724 .bottom-content-nav .bm-item:before,
body.site-shell-724 .bottom-content-nav .bm-item:after{display:none!important}
body.site-shell-724 .bottom-content-nav .bm-item .icon,
body.site-shell-724 .bottom-content-nav .bm-cart-item .bm-cart-icon{display:flex!important;align-items:center;justify-content:center;position:relative;top:auto;width:20px!important;height:20px!important;flex:0 0 20px!important;min-width:0;min-height:0;font-size:19px!important;line-height:20px;padding:0;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--c724-accent)!important;transform:none!important}
body.site-shell-724 .bottom-content-nav .bm-item .icon i,
body.site-shell-724 .bottom-content-nav .bm-cart-item .bm-cart-icon>i{font-size:19px!important;line-height:20px!important}
body.site-shell-724 .bottom-content-nav .bm-item .text{font-size:10px!important;font-weight:600!important;line-height:13px!important;letter-spacing:0;white-space:nowrap;color:var(--c724-muted)!important;margin:0!important}
body.site-shell-724 .bottom-content-nav .bm-item:hover{background:var(--c724-soft)!important}
body.site-shell-724 .bottom-content-nav .bm-cart-item .bottom-cart-counter{position:absolute;top:-5px!important;right:-9px!important;min-width:12px!important;height:12px!important;padding:0 2px!important;border-radius:20px;background:var(--c724-accent)!important;color:var(--c724-bg)!important;font-size:8px!important;font-weight:700;line-height:12px!important;box-shadow:none!important;border:1px solid var(--c724-panel)!important;box-sizing:content-box}
body.site-shell-724{padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:360px){
body.site-shell-724 header .logo img{width:128px}
body.site-shell-724 .navbar-action-area{gap:5px}
}
@media (prefers-reduced-motion:reduce){
body.site-shell-724 .c724-site-header *,
body.site-shell-724 .bottom--menu *{transition:none!important}
}
/* Public page content keeps its own presentation; theme colors here belong to the shared frame. */
body.site-shell-724{--c724-bottom-nav:calc(51px + env(safe-area-inset-bottom,0px))}
body.site-shell-724:not(.page-category){color-scheme:light}
body.site-shell-724 :is(.c724-site-header,.c724-site-footer,.control--area,.order-search-modal,.bottom--menu){color-scheme:var(--c724-mode)}
body.site-shell-724 .c724-site-header *,body.site-shell-724 .c724-site-footer *,body.site-shell-724 .c724-footer-support *,body.site-shell-724 .bottom--menu *{box-sizing:border-box}
body.site-shell-724 header .header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;padding:0!important}
body.site-shell-724 header .logo{grid-column:1}
body.site-shell-724 header .navbar{grid-column:2;justify-self:end}
body.site-shell-724 header .navbar-action-area{grid-column:3;justify-self:end}
body.site-shell-724 .c724-menu-toggle{display:none!important;align-items:center;justify-content:center;padding:0;line-height:1;color:var(--c724-text)}
body.site-shell-724 .c724-menu-toggle svg{display:block;width:20px;height:20px;flex:none}
html:not([data-c724-theme="light"]) body.site-shell-724 header .logo img,
html:not([data-c724-theme="light"]) body.site-shell-724 .control--area .logo img{filter:brightness(0) invert(1)}
body.site-shell-724 header .navbar .nav-sub-content{max-width:min(640px,calc(100vw - 48px));overflow-wrap:anywhere}
body.site-shell-724 header .navbar .nav-sub-content .nav-sub-link{min-width:0}
body.site-shell-724 header .nav-sub-link .text{min-width:0}
body.site-shell-724 header .nav-sub-link .text span{white-space:normal}
body.site-shell-724 .order-search-modal input::placeholder{color:var(--c724-muted);opacity:1}
body.site-shell-724 .order-search-modal input:focus-visible{outline:2px solid var(--c724-accent);outline-offset:2px}
body.site-shell-724 .c724-site-footer>.container,
body.site-shell-724 .c724-site-footer .footer-bottom>.container,
body.site-shell-724 .c724-footer-support{width:calc(100% - 48px);max-width:1240px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
body.site-shell-724 .footer--top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;height:auto;min-height:0;padding:24px;margin-top:40px;margin-bottom:-38px}
body.site-shell-724 .footer--top .text{flex:1 1 280px;min-width:0;padding:0;text-align:left}
body.site-shell-724 .footer--top .text span{display:block;font-size:21px;line-height:1.35;overflow-wrap:anywhere}
body.site-shell-724 .footer--top .text p{line-height:1.6;font-size:14px;margin:6px 0 0}
body.site-shell-724 .footer--top .action{display:flex;flex:0 1 auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin:0;max-width:100%;width:auto}
body.site-shell-724 .footer--top .action .item{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;width:auto;height:auto;min-height:42px;min-width:0;margin:0;padding:10px 14px;font-size:13px;line-height:1.4;border:1px solid var(--c724-line);border-radius:10px;white-space:nowrap;box-shadow:none}
body.site-shell-724 .footer--top .action .item i{font-size:18px;line-height:1;margin:0;padding:0;width:auto;height:auto;background:none;border:0}
body.site-shell-724 .c724-site-footer{padding-top:76px}
body.site-shell-724 footer .footer--area{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);align-items:start;gap:42px;padding:0 0 34px;margin:0}
body.site-shell-724 footer .footer--area .footer-about{width:auto;min-width:0;padding:0;margin:0}
body.site-shell-724 footer .footer--area.c724-footer-menu-only{grid-template-columns:minmax(0,1fr)}
body.site-shell-724 footer .footer-socials{display:flex;gap:9px;margin:0 0 14px;min-width:0}
body.site-shell-724 footer .footer-about-desc{font-size:13px;line-height:1.75;overflow-wrap:anywhere;margin:0}
body.site-shell-724 footer .footer--area .footer-actions{width:auto;min-width:0;padding:0;margin:0;border:0}
body.site-shell-724 footer .footer-actions .footer-navs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:25px}
body.site-shell-724 footer .footer-nav-item{min-width:0;margin:0;padding:0;border:0}
body.site-shell-724 footer .footer-nav-heading{font-size:14px;font-weight:700;line-height:1.5;letter-spacing:0;min-height:0;margin:0 0 12px;padding-left:0;overflow-wrap:anywhere}
body.site-shell-724 footer .footer-nav-heading:before{display:none}
body.site-shell-724 footer .footer-nav-item ul{margin:0;padding:0;list-style:none}
body.site-shell-724 footer .footer-nav-item li{padding:0;margin:0 0 6px;min-width:0}
body.site-shell-724 footer .fn-item{display:block;font-size:13px;line-height:1.6;padding:3px 0;margin:0;overflow-wrap:anywhere}
body.site-shell-724 footer .fn-item:hover{color:var(--c724-accent)!important}
body.site-shell-724 footer .footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:40px}
body.site-shell-724 footer .copyright{font-size:12px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
body.site-shell-724 footer .footer-bottom img{max-width:min(300px,100%);width:auto;height:auto;object-fit:contain}
html[data-c724-theme="light"] body.site-shell-724 footer .footer-bottom img{filter:brightness(0);opacity:.72}
body.site-shell-724 .c724-site-footer :focus-visible,body.site-shell-724 .c724-footer-support :focus-visible{outline:2px solid var(--c724-accent);outline-offset:3px}
body.site-shell-724 .bottom-content-nav .bm-item[aria-current="page"]{background:var(--c724-soft)!important}
body.site-shell-724 header .nav-link[aria-current="page"]{color:var(--c724-accent)!important}
body.site-shell-724.c724-header-compact header .navbar,
body.site-shell-724.c724-header-compact header .navbar--action,
body.site-shell-724.c724-header-compact .c724-header-search{display:none!important}
body.site-shell-724.c724-header-compact header .navbar-action-area{margin-left:auto}
body.site-shell-724.c724-header-compact .c724-menu-toggle{display:flex!important}
@media(max-width:1100px){body.site-shell-724 .c724-menu-toggle{display:flex!important}}
@media(max-width:900px){
  body.site-shell-724 footer .footer--area{grid-template-columns:1fr;gap:26px}
  body.site-shell-724 footer .footer-about-desc{max-width:650px}
}
@media(max-width:800px){
  body.site-shell-724{padding-bottom:var(--c724-bottom-nav)}
  body.site-shell-724 .c724-site-footer>.container,
  body.site-shell-724 .c724-site-footer .footer-bottom>.container,
  body.site-shell-724 .c724-footer-support{width:calc(100% - 28px)}
  body.site-shell-724 .footer--top{flex-direction:column;align-items:stretch;gap:16px;padding:20px;margin-top:28px;margin-bottom:-32px;text-align:left}
  body.site-shell-724 .footer--top .text{flex:0 1 auto;width:auto}
  body.site-shell-724 .footer--top .text span{font-size:19px}
  body.site-shell-724 .footer--top .text p{font-size:13px}
  body.site-shell-724 .footer--top .action{justify-content:flex-start;width:100%}
  body.site-shell-724 .footer--top .action .item{flex:1 1 auto;width:auto;font-size:12px;padding:10px}
  body.site-shell-724 .c724-site-footer{padding-top:64px}
  body.site-shell-724 footer .footer-actions .footer-navs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  body.site-shell-724 footer .footer-bottom .container{flex-direction:column;justify-content:center;gap:10px;text-align:center}
  body.site-shell-724 footer .footer-bottom img{max-width:min(280px,100%)}
}
@media(max-width:360px){body.site-shell-724 .footer--top .action .item{flex-basis:calc(50% - 4px)}}