/* Sothing shared layout: readable controls, compact navigation and clear account entry. */
#header .sothing-member-button,#main-menu .sothing-member-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 13px;border:1px solid #b7d3e5;border-radius:8px;background:#f3f9fd;color:#24546d;font-size:14px;font-weight:600;line-height:1.45;text-transform:none;white-space:nowrap;box-sizing:border-box}
#header .sothing-member-button:hover,#main-menu .sothing-member-button:hover{background:#e6f3fb;border-color:#6aa9d0;color:#174b6a}
#header .sothing-member-button svg,#main-menu .sothing-member-button svg{flex:0 0 18px}
#header #wide-nav>.flex-row{gap:14px}
#header #wide-nav .flex-center{flex:1 1 auto;min-width:0;margin:0}
#header #wide-nav .nav-center{justify-content:flex-start;gap:0;flex-wrap:nowrap}
#header #wide-nav .nav-center>li{margin:0 8px}
#header #wide-nav .nav-center>li>a{font-size:14px;min-height:44px;line-height:1.5;white-space:nowrap}
#header #wide-nav .flex-right{flex:0 0 auto}
#header #wide-nav .nav-right>li{margin:0}
#header #wide-nav .header-button a{min-height:38px;padding:7px 15px;line-height:1.5;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin:0}
#header #mega-menu-title{font-size:14px;line-height:1.5;min-height:44px;display:flex;align-items:center;gap:8px;padding:9px 13px}
#header #mega-menu-title .icon-menu{margin:0}
#main-menu .sothing-member-button{margin:12px 20px;width:calc(100% - 40px)}
#main-menu .nav-sidebar>li>a{font-size:15px;line-height:1.6;min-height:44px}
#header a:focus-visible,#main-menu a:focus-visible,.sothing-commerce a:focus-visible,.sothing-commerce button:focus-visible{outline:3px solid #6ba8cf;outline-offset:3px}
.sothing-commerce .pd-description,.sothing-commerce .pd-description p,.sothing-commerce .pd-description li,.sothing-commerce .member-page p{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.sothing-commerce .pd-description img{max-width:100%;height:auto}
.sothing-commerce .pd-thumbnails{max-width:100%;overflow-x:auto}
.sothing-commerce input:not([type=checkbox]):not([type=radio]),.sothing-commerce select,.sothing-commerce textarea{font-size:16px;min-height:44px;max-width:100%;box-sizing:border-box}
.sothing-commerce button,.sothing-commerce .button{min-height:44px;line-height:1.5}
.sothing-commerce .member-account-shell,.sothing-commerce .account-form,.sothing-commerce .member-page,.sothing-commerce .checkout-layout>*{min-width:0}
.sothing-commerce .shop-catalog .shop-card h2{line-height:1.65}
@media(min-width:850px) and (max-width:1140px){#header #wide-nav>.flex-row{gap:8px}#header #wide-nav .nav-center>li{margin:0 5px}#header #wide-nav .nav-center>li>a{font-size:12.5px}#header #wide-nav .header-button a{font-size:12.5px;padding:7px 11px}#header #mega-menu-title{font-size:13px;padding:9px 10px}}
@media(max-width:849px){#header .mobile-nav.nav-right{gap:6px;flex-wrap:nowrap}#header .mobile-nav.nav-right>li{margin:0}#header .sothing-member-button{font-size:13px;min-height:40px;padding:7px 9px;gap:5px}#header .sothing-member-button svg{width:16px;flex-basis:16px}#header .header-cart{min-height:40px;min-width:40px;padding:8px!important}#header .header-inner{gap:8px}#header #logo{max-width:180px;min-width:0}.sothing-commerce .pd-description,.sothing-commerce .pd-description p{font-size:15px;line-height:1.85}}
@media(max-width:390px){#header #logo{max-width:136px}#header .header-inner{gap:5px}#header .sothing-member-button{padding:7px;font-size:12px;gap:4px}#header .sothing-member-button svg{display:none}#header .sothing-cart-count{min-width:17px;height:17px}.sothing-commerce .container{padding-left:16px;padding-right:16px}}
#header #wide-nav .nav-center{gap:16px!important}
#header #wide-nav .nav-center>li{margin:0!important}
@media(min-width:850px) and (max-width:1140px){#header #wide-nav .nav-center{gap:12px!important}}
#header input.search-field{font-size:14px;min-height:38px}
@media(min-width:960px) and (max-width:1140px){#header #wide-nav .nav-center>li>a{font-size:14px}}