:root{--paper:#fff;--ink:#171d1a;--muted:#6f7b73;--line:#e1e6e1;--accent:#d9a52d;--green:#234535;background:#f5f7f4}body{background:#f5f7f4;color:var(--ink)}.container{width:min(1420px,calc(100% - 56px))}.topbar{background:#172c22}.topbar .container{min-height:32px}header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(24,39,31,.06);border-bottom:1px solid #e3e7e3}.header-main{gap:32px;padding-block:16px}.brand{width:270px!important;height:66px!important;flex:0 0 270px!important;background:url('/shop/tokarshop-store-logo-v534.svg') left center/contain no-repeat!important}.brand>*{display:none!important}.search-box{height:52px;border-radius:12px;background:#f5f7f4;border:1px solid #dbe2dc;transition:border-color .18s,box-shadow .18s,background .18s}.search-box:focus-within{background:#fff;border-color:#8ea494;box-shadow:0 0 0 4px rgba(62,92,73,.10)}.search-box input{font-size:13px}.cart-button{padding:10px 0}.category-nav{height:50px;gap:28px}.category-nav .catalog-button{border-radius:9px;padding:10px 16px;background:#1f392d}.hero{min-height:500px;margin-top:22px;border-radius:18px;box-shadow:0 24px 60px rgba(22,38,29,.13)}.hero-content{padding:68px;max-width:640px}.hero h1{font-size:52px;line-height:1.08;letter-spacing:-2.1px}.hero p{font-size:14px;max-width:430px}.primary{border-radius:9px;padding:14px 22px;box-shadow:0 7px 18px rgba(181,128,16,.16)}.benefits{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:18px;padding-block:20px}.catalog-section{padding-top:54px}.section-heading h2{font-size:34px}.catalog-layout{grid-template-columns:236px minmax(0,1fr);gap:34px}.filters{position:sticky;top:150px;align-self:start;max-height:calc(100vh - 170px);overflow:auto;padding-right:4px}.category-list button{border-radius:8px;padding:10px 12px}.filter-help{border-radius:12px}.catalog-toolbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:54px;margin-bottom:18px}.sort-and-view select{background:#f7f9f6;border:1px solid #e0e5df;border-radius:8px;padding:8px 10px}.product-grid{gap:18px}.product-card{border-radius:14px;border-color:#e2e7e2;box-shadow:0 3px 14px rgba(20,36,27,.035);transition:transform .18s,box-shadow .18s,border-color .18s}.product-card:hover{transform:translateY(-3px);border-color:#b9c8bc;box-shadow:0 18px 36px rgba(20,36,27,.09)}.product-image{background:linear-gradient(180deg,#f8faf8,#eef2ef);aspect-ratio:1.35}.product-body{padding:18px}.product-title{font-size:13px;line-height:1.55}.price{font-size:17px}.add-button{border-radius:8px;padding:9px 10px}.delivery-section{background:#edf2ee}.delivery-cards>div{border-radius:12px;background:#fff}.dialog{border-radius:16px}.pagination button{border-radius:8px}
body:has(.active-filters) .hero,body:has(.active-filters) .benefits,body:has(.active-filters) .delivery-section{display:none!important}body:has(.active-filters) .catalog-section{width:min(1580px,calc(100% - 48px));padding-top:30px;min-height:calc(100vh - 150px);padding-bottom:56px}body:has(.active-filters) .catalog-section .section-heading{margin-bottom:18px}body:has(.active-filters) .catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:28px}body:has(.active-filters) .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body:has(.active-filters) .catalog-toolbar{position:sticky;top:116px;z-index:18;box-shadow:0 8px 20px rgba(20,36,27,.06)}body:has(.active-filters) .filters{top:116px}body:has(.active-filters) footer{margin-top:0}
@media(max-width:1320px){body:has(.active-filters) .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{width:232px!important;flex-basis:232px!important}.header-main{gap:22px}}@media(max-width:980px){.container{width:min(100% - 32px,1420px)}.brand{width:190px!important;height:52px!important;flex-basis:190px!important}.header-main{padding-block:12px}.hero{min-height:430px}.hero-content{padding:44px}.hero h1{font-size:42px}body:has(.active-filters) .catalog-section{width:calc(100% - 28px)}body:has(.active-filters) .catalog-layout{grid-template-columns:1fr}body:has(.active-filters) .filters{position:fixed;top:0;max-height:none}body:has(.active-filters) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.active-filters) .catalog-toolbar{top:93px}}@media(max-width:640px){.container{width:calc(100% - 22px)}.topbar{display:none}.header-main{gap:10px}.brand{width:150px!important;height:42px!important;flex-basis:150px!important}.search-box{height:46px;border-radius:10px}.hero{min-height:390px;border-radius:13px}.hero-content{padding:30px}.hero h1{font-size:35px}.benefits{border-radius:10px}.catalog-section{padding-top:38px}.section-heading h2{font-size:28px}body:has(.active-filters) .catalog-section{width:calc(100% - 18px);padding-top:18px;min-height:calc(100vh - 105px)}body:has(.active-filters) .product-grid{grid-template-columns:1fr;gap:12px}body:has(.active-filters) .catalog-toolbar{top:82px}.product-card{border-radius:11px}.product-body{padding:15px}}