/*
Theme Name: Палитра Мод
Description: Яркий каталог текстиля и трикотажа.
Version: 1.0
*/
:root{--a:#1646a0;--hot:#d92867;--sun:#f5bd16;--ink:#171b25;--bg:#f4f5f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.6 Rubik,Arial}a{text-decoration:none;color:inherit}img{width:100%;display:block}.w{width:min(1240px,calc(100% - 34px));margin:auto}.header{height:84px;display:flex;align-items:center;gap:28px}.logo{font-size:24px;font-weight:800;color:var(--a);margin-right:auto}.nav{display:flex;gap:22px;font-weight:600}.cart{padding:13px 18px;background:var(--hot);color:#fff;border:0}.hero{min-height:590px;display:flex;align-items:center;background:linear-gradient(90deg,#fff 0%,#ffffffeb 38%,transparent 67%),var(--hero) center/cover}.copy{max-width:560px}.tag{display:inline-block;padding:6px 10px;background:var(--sun);font-weight:800;font-size:10px;text-transform:uppercase}h1{font-size:64px;line-height:1;margin:20px 0}h2{font-size:38px;margin:0 0 30px}.lead{font-size:18px;color:#626878}.btn{display:inline-block;background:var(--a);color:#fff;padding:15px 24px;font-weight:700}.sec{padding:75px 0}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{padding:25px;min-height:150px;background:var(--a);color:#fff;font-size:19px;font-weight:700;display:flex;align-items:end}.cat:nth-child(2n){background:var(--hot)}.cat:nth-child(3n){background:var(--sun);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{background:#fff;border:1px solid #e2e4e9}.pic{aspect-ratio:3/4;overflow:hidden;background:#e8e9ee}.pic img{height:100%;object-fit:cover}.info{padding:15px}.info h3{margin:4px 0;font-size:16px}.buy{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.add{background:var(--hot);color:#fff;border:0;width:38px;height:38px}.dark{background:var(--ink);color:#fff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.page{padding:60px 0;background:var(--bg)}.content{padding:60px 0}.content article{max-width:850px}.footer{background:var(--a);color:#fff;padding:50px 0}.drawer{position:fixed;z-index:20;right:0;top:0;width:min(420px,100%);height:100%;background:#fff;padding:25px;transform:translateX(105%);transition:.2s}.drawer.open{transform:none}.field{width:100%;padding:12px;margin:5px 0}@media(max-width:800px){.nav{display:none}h1{font-size:43px}.hero{align-items:end;background:linear-gradient(0deg,#fff 0%,#fffffff2 52%,transparent 78%),var(--hero) 65% center/cover}.copy{padding:260px 0 40px}.cats,.grid{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}}@media(max-width:450px){.cats,.grid{grid-template-columns:1fr}}