.sp-cats{padding:56px 0 42px;background:linear-gradient(180deg,#fff,#edf6e9);overflow:hidden;color:#173d25}.sp-cats *{box-sizing:border-box}.sp-cats__header{text-align:center;padding:0 20px 30px;max-width:850px;margin:auto}.sp-cats__heart{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;margin:0 auto 12px;background:#e2f3da;color:#017a2b;font-size:30px;line-height:1}.sp-cats__header h2{font-family:inherit;font-size:clamp(26px,3.2vw,38px);font-weight:750;line-height:1.25;letter-spacing:-.7px;color:#173d25;margin:0 0 12px}.sp-cats__header p{font-size:15px;line-height:1.6;color:#5f6b62;margin:0 0 18px}.sp-cats__rows{display:grid;gap:16px;max-width:1440px;margin:auto}.sp-cats__row{overflow:hidden}.sp-cats__track{display:flex;width:max-content;animation:sp-cats-scroll 48s linear infinite}.sp-cats__track--reverse{animation-direction:reverse;animation-duration:52s}.sp-cats__group{display:flex;flex-shrink:0;gap:16px;padding-right:16px}.sp-cats__frame{flex:0 0 230px;width:230px;height:230px;background:#e7eee3;border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 3px 12px #173d2510}.sp-cats__image{display:block;width:100%;height:100%;object-fit:cover}.sp-cats__rows:hover .sp-cats__track{animation-play-state:paused}@keyframes sp-cats-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:599px){.sp-cats{padding:36px 0 30px}.sp-cats__header{padding-bottom:24px}.sp-cats__frame{flex-basis:160px;width:160px;height:160px;border-radius:14px;border-width:3px}.sp-cats__rows{gap:12px}.sp-cats__group{gap:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.sp-cats__track{animation:none}.sp-cats__group[aria-hidden=true]{display:none}.sp-cats__row{overflow-x:auto;padding:4px 16px;scrollbar-width:thin}}.sp-demo{display:block;background:#f4f6f4;color:#17251a;padding:56px 20px;font-family:inherit;scroll-margin-top:100px}.sp-demo [hidden]{display:none!important}.sp-demo__pagination{text-align:center;margin-top:30px}.sp-demo__progress{font-size:14px;color:#5f6b62;margin:0 0 16px}.sp-demo__more{border:0;border-radius:40px;padding:15px 30px;background:#017a2b;color:#fff;font:inherit;font-weight:700;cursor:pointer;min-height:48px}.sp-demo__more:hover{background:#075e25}.sp-demo__more:focus-visible,.sp-demo__card:focus-visible{outline:3px solid #b77700;outline-offset:4px}.sp-demo *{box-sizing:border-box}.sp-demo__wrap{max-width:1200px;margin:0 auto}.sp-demo__notice{background:#fff6df;border:1px solid #d8b15d;border-left:5px solid #aa7920;border-radius:12px;padding:20px 24px;color:#503b17;margin-bottom:36px}.sp-demo__notice strong{font-size:18px;line-height:1.4;display:block}.sp-demo__notice p{font-size:14px;line-height:1.7;margin:8px 0 0}.sp-demo__header{text-align:center;margin-bottom:36px}.sp-demo__header h2{font-family:inherit;font-size:clamp(26px,3.2vw,38px);font-weight:750;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px;color:#173d25}.sp-demo__header p{color:#5f6b62;font-size:14px;margin:0}.sp-demo__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.sp-demo__card{min-width:0;background:#fff;border:1px solid #dfe7df;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #153b2010}.sp-demo__photo{display:block;width:100%;height:280px;object-fit:contain;background:#edf1ec;margin:0}.sp-demo__body{padding:21px}.sp-demo__stars{color:#b77700;display:flex;gap:3px;font-size:19px;line-height:1;margin-bottom:13px}.sp-demo__star--empty{color:#ccd3cb}.sp-demo__body h4{font-family:inherit;font-size:16px;line-height:1.5;font-weight:700;margin:0 0 10px;color:#1d3323}.sp-demo__text{font-size:14px;line-height:1.85;margin:0 0 20px;color:#425047;overflow-wrap:anywhere}.sp-demo__author{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:650;color:#35503d;border-top:1px solid #eef1ed;padding-top:14px}.sp-demo__initial{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e5f2df;color:#286033;font-size:12px}@media(max-width:999px){.sp-demo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.sp-demo{padding:32px 16px}.sp-demo__grid{grid-template-columns:minmax(0,1fr);gap:16px}.sp-demo__notice{padding:17px;margin-bottom:28px}.sp-demo__header{text-align:left}.sp-demo__photo{height:340px}.sp-demo__body{padding:22px}.sp-demo__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */