:root{--o:#f36b21;--b:#161616;--c:#f7f2eb;--w:#fff;--m:#746f69;--l:#e5ded5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--b);font-family:'DM Sans',sans-serif}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.top{background:var(--b);color:#fff;text-align:center;padding:8px;font-size:11px}.top b{color:var(--o)}header{position:sticky;top:0;z-index:10;background:#fffdf9ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--l)}.head{height:76px;display:flex;align-items:center;gap:28px}.brand{font:700 27px 'Playfair Display'}.brand i{font-style:normal;margin-right:7px}.brand span{color:var(--o)}nav{display:flex;gap:23px;margin:auto;font-size:12px;font-weight:700}.search{display:flex;border:1px solid var(--l);border-radius:99px;padding:8px 12px;width:200px}.search input{border:0;outline:0;background:transparent;width:100%}.cart-btn{border:0;background:var(--b);color:#fff;padding:10px 14px;border-radius:99px;cursor:pointer}.hero{margin-top:18px;min-height:540px;background:var(--c);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:75px 55px}.hero-copy small{letter-spacing:2px;font-weight:800}.hero h1{font:700 clamp(50px,6vw,78px)/.98 'Playfair Display';margin:18px 0}.hero p{color:var(--m);max-width:430px;line-height:1.65}.hero-copy>a{display:inline-block;background:var(--b);color:#fff;border-radius:99px;padding:14px 20px;font-weight:700;margin-top:8px}.trust{display:flex;gap:22px;margin-top:36px;font-size:11px;font-weight:700}.hero-pet{position:relative;background:var(--o);border-radius:50% 0 0 50%}.hero-pet>img{width:100%;height:100%;object-fit:cover}.feature{position:absolute;right:25px;bottom:28px;background:#fff;padding:16px;border-radius:16px;width:190px;box-shadow:0 18px 45px #0003}.feature b{font-size:10px;color:var(--o)}.feature strong{display:block;font-size:13px;margin:7px 0}.feature button,.submit,.cart-summary button{border:0;background:var(--b);color:#fff;border-radius:10px;padding:10px;width:100%;font-weight:800;cursor:pointer}.categories{padding:35px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-head h2{font:700 31px 'Playfair Display';margin:0}.section-head p{color:var(--m);font-size:12px}.category-list{display:flex;gap:13px;overflow:auto}.category{min-width:130px;border:1px solid var(--l);background:#fff;border-radius:99px;padding:12px 17px;text-align:center;cursor:pointer;font-weight:700}.category.active{background:var(--o);color:#fff;border-color:var(--o)}.campaign{height:260px;background:var(--b);color:#fff;border-radius:22px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;margin-bottom:35px}.campaign div{padding:42px}.campaign small{color:var(--o);letter-spacing:2px}.campaign h2{font:700 38px 'Playfair Display';margin:10px 0}.campaign img{width:100%;height:100%;object-fit:cover}.products-section{padding-bottom:60px}.section-head select{border:1px solid var(--l);border-radius:10px;padding:9px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{border:1px solid var(--l);border-radius:17px;padding:11px;background:#fff}.product-img{height:200px;background:var(--c);border-radius:12px;display:grid;place-items:center;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:contain}.placeholder{font-weight:800;color:var(--o);text-align:center}.product h3{font-size:13px;height:38px}.product .meta{font-size:10px;color:var(--m)}.product-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.product-row b{font-size:17px}.add{border:0;background:var(--o);color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}.add:disabled{background:#bbb}.more{display:block;margin:25px auto;border:1px solid var(--b);background:#fff;border-radius:99px;padding:11px 22px;cursor:pointer}footer{background:var(--b);color:#fff;padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between}.foot p{color:#bbb}.foot>div{display:flex;gap:20px;font-size:12px}.overlay{position:fixed;inset:0;background:#0008;z-index:30;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;z-index:31;transform:translateX(100%);transition:.25s;padding:22px;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-head button,.dialog-close{border:0;background:#eee;border-radius:50%;width:35px;height:35px;font-size:22px}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid var(--l);padding:14px 0}.cart-item small{color:var(--m)}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;width:26px;height:26px;border-radius:50%}.cart-summary{border-top:1px solid var(--l)}.cart-summary p{display:flex;justify-content:space-between;font-size:18px}dialog{border:0;border-radius:20px;width:min(520px,calc(100% - 24px));padding:0;box-shadow:0 25px 80px #0005}dialog::backdrop{background:#0009}dialog form{padding:28px;position:relative}dialog h2{font:700 31px 'Playfair Display';margin:0}.dialog-close{position:absolute;right:18px;top:18px}dialog label{display:block;font-size:12px;font-weight:700;margin-top:13px}dialog input,dialog textarea,dialog select{display:block;width:100%;margin-top:5px;border:1px solid var(--l);border-radius:9px;padding:10px}dialog textarea{min-height:70px}.order-total{display:flex;justify-content:space-between;margin:18px 0}.toast{position:fixed;bottom:20px;right:20px;background:var(--b);color:#fff;padding:12px 17px;border-radius:99px;z-index:40;opacity:0;transform:translateY(50px);transition:.2s}.toast.show{opacity:1;transform:none}#formMessage{font-size:12px;margin-top:10px}.error{color:#b91c1c}.success{color:#15803d}@media(max-width:900px){nav{display:none}.search{margin-left:auto}.hero{grid-template-columns:1fr}.hero-pet{min-height:410px}.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 20px)}.head{gap:8px}.brand{font-size:20px}.search{width:44px}.search input{display:none}.hero-copy{padding:45px 24px}.hero h1{font-size:49px}.trust{flex-wrap:wrap}.hero-pet{min-height:340px}.campaign{height:auto;grid-template-columns:1fr}.campaign img{height:210px}.products{grid-template-columns:1fr 1fr;gap:9px}.product-img{height:150px}.product h3{font-size:11px}.foot{display:block}.foot>div{margin-top:15px}}
