*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fdfcf8;color:#253e33;font-family:Vazirmatn,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}input,select,textarea{outline-color:#56816a} .announcement{background:#224f3c;color:white;text-align:center;font-size:12px;padding:10px}.announcement span{margin-right:45px;opacity:.8}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;gap:50px}.logo{font-size:35px;font-weight:900;line-height:1.2}.logo span{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:8px}.search{display:flex;align-items:center;background:#f1f1eb;border:1px solid #e6e8df;border-radius:9px;flex:1;max-width:580px;padding:8px 15px;gap:10px}.search span{font-size:28px}.search input{border:0;background:transparent;width:100%;font-size:12px}.search kbd{font:10px Vazirmatn;color:#8b9386;border:1px solid #d9dcd1;padding:3px;border-radius:4px}.cartbutton{font-size:12px;white-space:nowrap}.cartbutton b{background:#e4eddf;border-radius:50%;padding:3px 8px;margin:8px}.cartbutton span{font-size:24px}.site-nav{border-block:1px solid #e7e9e1;display:flex;justify-content:center;gap:37px;padding:16px 25px;font-size:12px}.special{color:#ad673c;margin-right:50px}.site-main{max-width:1210px;margin:auto;padding:28px 25px}.hero{min-height:505px;border-radius:20px;background:#ecf0e2;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden}.herotext{padding:47px 50px}.eyebrow{font-size:11px;color:#69836a}.herotext h1{font-size:53px;line-height:1.6;font-weight:900;margin:18px 0}.herotext em{font-style:normal;color:#68805c}.herotext p{color:#72816d;font-size:14px;line-height:2}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#254e3d;color:white;padding:14px 25px;border-radius:7px;font-size:12px}.primary:hover{background:#3c6852}.herofoot{display:flex;gap:25px;font-size:10px;color:#76836f;margin-top:30px}.herovisual{position:relative;margin:20px 0 20px 20px;overflow:hidden;border-radius:12px}.herovisual img{height:100%;width:100%;object-fit:cover}.circletext{position:absolute;top:22px;left:20px;border-radius:50%;background:#f4ce7b;width:98px;height:98px;display:grid;align-content:center;text-align:center;font-size:13px;line-height:1.5;transform:rotate(-14deg);font-weight:800}.floating{position:absolute;bottom:27px;right:22px;background:#fffdf2ed;padding:13px 22px;border-radius:9px;font-size:16px;font-weight:700;box-shadow:0 5px 25px #213d3222}.floating span{display:block;font-size:10px;font-weight:400;margin-top:4px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8px;border-bottom:1px solid #e4e7dd;gap:20px}.benefits>div{display:flex;gap:13px;align-items:center}.benefits i{font-style:normal;font-size:28px;color:#728a61}.benefits b{font-size:12px}.benefits small{display:block;color:#92998c;font-size:10px;margin-top:4px}section.categories,#catalog,#guide{padding-top:53px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.sectionhead h2{font-size:25px;margin:5px 0 0}.sectionhead p,.sectionhead>a{font-size:11px;color:#7f8a78}.categorygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.category{background:#f2eee5;border-radius:13px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:.2s;text-align:right}.category:hover{transform:translateY(-4px);background:#e7ecd9}.category:nth-child(2){background:#eaf0e3}.category:nth-child(3){background:#f8edd8}.category:nth-child(4){background:#e4eef0}.category:nth-child(5){background:#f0e8e0}.category .animal{font-size:48px}.category strong{font-size:15px}.category small{display:block;font-size:9px;color:#869080;margin-top:5px}.filterbar{display:flex;justify-content:space-between;border-bottom:1px solid #e4e7df;margin-bottom:22px;padding-bottom:15px;gap:15px}.filterbar button{font-size:11px;padding:7px 17px;border-radius:6px}.filterbar button.active{background:#294e3d;color:white}.filterbar select{font-size:10px;border:1px solid #e0e4d8;background:transparent;border-radius:5px;padding:5px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.product{border:1px solid #e6e8df;background:white;border-radius:12px;padding:12px;transition:.2s}.product:hover{box-shadow:0 8px 25px #244b3c0d;transform:translateY(-3px)}.productvisual{height:220px;background:#f5f5ef;border-radius:8px;position:relative;display:grid;place-items:center;overflow:hidden}.badge{position:absolute;right:10px;top:10px;background:#e6eddb;color:#5c7551;font-size:9px;padding:4px 8px;border-radius:4px}.heart{position:absolute;left:8px;top:7px;font-size:21px;z-index:1}.heart.liked{color:#bf6e51}.bag{width:112px;height:158px;background:linear-gradient(100deg,#ffffff88,transparent 30%,#00000014),var(--bag);border-radius:9px 9px 17px 17px;box-shadow:8px 12px 15px #253e331c;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;padding:13px 7px;border-top:8px solid #ffffff66;border-bottom:10px solid #ffffff33;color:white}.bag .brand{font-size:13px;font-weight:900;letter-spacing:1px}.bag .pet{font-size:45px;line-height:1.4}.bag small{font-size:8px}.bag strong{font-size:11px}.bag .weight{font-size:8px;margin-top:5px}.productmeta{font-size:9px;color:#929b8d;margin-top:15px}.product h3{font-size:12px;line-height:1.9;margin:7px 0;min-height:45px}.rating{font-size:9px;color:#8d9586}.rating span{color:#c7994b}.pricebar{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.price{font-size:15px;font-weight:800}.price small{font-size:9px;font-weight:400}.add{width:32px;height:32px;border:1px solid #dce4d5;border-radius:7px;font-size:21px}.add:hover{background:#254e3d;color:white}.banner{margin-top:55px;border-radius:16px;background:#f3e6ce;display:flex;justify-content:space-between;padding:35px 45px;overflow:hidden}.banner>div>span{font-size:11px;color:#967b52}.banner h2{font-size:30px;line-height:1.8;margin:10px 0 20px}.bannerart{position:relative;font-size:180px;line-height:1;color:#ad6846;width:40%;transform:rotate(-12deg);text-align:center}.bannerart span{display:block;font-size:18px!important;color:#846b47!important;font-weight:900;letter-spacing:3px}.bannerart b{position:absolute;font-size:80px;left:0;top:15px;color:#c29e60}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guides article{padding:25px;background:#f2f3ec;border-radius:12px}.guides article span{font-size:10px;color:#8a987c}.guides h3{font-size:15px}.guides p{font-size:12px;line-height:2.1;color:#7b8874}.newsletter{margin:50px 0 20px;display:flex;align-items:center;justify-content:space-between;padding:30px 35px;background:#e9eedf;border-radius:12px}.newsletter h2{font-size:21px;margin:0}.newsletter p{font-size:11px;color:#7f8c74}.newsletter form{display:flex;background:white;padding:5px;border-radius:7px}.newsletter input{border:0;background:transparent;padding:8px;min-width:240px;font-size:12px}.newsletter button{background:#294e3d;color:white;border-radius:5px;font-size:11px;padding:10px 20px}.site-footer{background:#edf0e7;padding:45px max(25px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1.3fr 1fr 1fr 1.5fr;gap:30px}.site-footer .logo span{font-size:10px;letter-spacing:0}.site-footer b{font-size:12px;display:block;margin-bottom:12px}.site-footer a,.site-footer button{display:block;font-size:11px;line-height:2.4;padding:0}.site-footer p{font-size:10px;line-height:2.2;color:#849079}.copyright{grid-column:1/-1;border-top:1px solid #d9dfd1;padding-top:18px;font-size:9px;color:#8a9580}dialog{border:1px solid #e3e7da;border-radius:15px;padding:25px;color:#294535;width:min(520px,92vw);max-height:88vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#132a2170;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{font-size:20px}.close{font-size:26px}.wide{width:100%;margin-top:20px}.cartrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e9dd;padding:16px 0;gap:10px}.cartrow h4{font-size:12px;margin:0 0 5px}.cartrow small{font-size:11px}.qty{display:flex;align-items:center;gap:10px}.qty button{border:1px solid #dae0d1;border-radius:4px;padding:2px 9px}#cartTotal{font-size:13px;line-height:2;margin-top:20px}label{display:block;font-size:12px;margin:12px 0}label input,label select,textarea{display:block;width:100%;border:1px solid #d8dfd1;border-radius:6px;padding:10px;margin-top:6px;background:white}.demo{font-size:11px;background:#f6eddb;padding:10px;border-radius:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 25px;background:#254e3d;color:white;border-radius:9px;font-size:12px;display:none;z-index:10}#info p{font-size:13px;line-height:2}#detail .productvisual{height:250px}#detail p{font-size:12px;line-height:2}#empty{padding:40px;text-align:center;color:#89927f}
@media(min-width:1400px){.site-main{max-width:1290px}.hero{min-height:530px}.herotext{padding-right:65px}.productvisual{height:240px}}@media(max-width:800px){.site-header{gap:15px;padding:20px}.logo{font-size:27px}.search kbd{display:none}.site-nav{gap:23px;justify-content:flex-start;overflow:auto;white-space:nowrap}.special{margin:0}.hero{grid-template-columns:1fr 1fr;min-height:430px}.herotext{padding:30px 25px}.herotext h1{font-size:37px}.herovisual{margin:15px 0 15px 15px}.benefits{grid-template-columns:repeat(2,1fr)}.categorygrid{gap:8px}.category{flex-direction:column;text-align:center;padding:12px 5px}.category .animal{font-size:35px}.products{grid-template-columns:repeat(2,1fr)}.guides{grid-template-columns:1fr}.newsletter{gap:20px;flex-direction:column;align-items:stretch}.site-footer{grid-template-columns:repeat(2,1fr)}.filterbar{flex-wrap:wrap}.filterbar button{padding:7px 12px}}@media(max-width:520px){.announcement{font-size:9px}.announcement span{display:none}.site-header{flex-wrap:wrap}.search{order:3;flex-basis:100%;max-width:none}.logo span{font-size:7px}.site-main{padding:15px}.hero{display:flex;flex-direction:column}.herotext{padding:28px}.herotext h1{font-size:39px;margin:12px 0}.herofoot{margin-top:20px}.herovisual{height:260px;margin:0 15px 15px}.herovisual img{object-position:center 40%}.circletext{width:74px;height:74px;font-size:10px}.floating{font-size:13px}.benefits{gap:18px;padding:22px 0}.benefits b{font-size:10px}.benefits small{font-size:8px}.benefits i{font-size:22px}.sectionhead h2{font-size:21px}.sectionhead p{display:none}.categorygrid{grid-template-columns:repeat(5,minmax(0,1fr))}.category strong{font-size:11px}.category small{display:none}.category .animal{font-size:29px}.product{padding:9px}.products{gap:10px}.productvisual{height:195px}.bag{transform:rotate(-5deg) scale(.9)}.product h3{font-size:11px}.price{font-size:12px}.banner{padding:25px;margin-top:35px}.banner h2{font-size:23px}.bannerart{font-size:110px;align-self:center}.bannerart span{font-size:11px!important;letter-spacing:1px}.bannerart b{font-size:40px}.newsletter{padding:24px}.newsletter input{min-width:0;width:100%}.newsletter button{white-space:nowrap}.site-footer{gap:25px}.site-footer .logo{grid-column:1/-1}.site-footer p{grid-column:1/-1}section.categories,#catalog,#guide{padding-top:35px}}