.speckles-patches{--sp-green: #036247;--sp-yellow: #f4d21c;--sp-blue: #1e9fe0;--sp-light-blue: #9cdae9;--sp-pink: #f4a8c4;--sp-cream: #f7f2ea;--sp-orange: #f0490c;background:#fff}.speckles-patches__inner{max-width:1300px;margin:0 auto;padding:56px 20px 48px;position:relative}@media screen and (min-width:860px){.speckles-patches__inner{padding:72px 20px 64px}}.speckles-patches__heading{color:var(--sp-green);font-weight:700;font-size:32px;line-height:1.15;text-align:center;margin:0 0 8px}@media screen and (min-width:860px){.speckles-patches__heading{font-size:44px}}.speckles-patches__subheading{text-align:center;color:var(--sp-green);font-size:16px;font-weight:500;line-height:1.5;max-width:640px;margin:0 auto 24px}.speckles-patches__tabs{display:flex;justify-content:center;gap:28px;margin:0 0 32px}.speckles-patches__tab{position:relative;background:none;border:none;padding:8px 4px 14px;font-size:16px;font-weight:600;color:#03624773;cursor:pointer;transition:color .16s ease}.speckles-patches__tab:hover{color:#036247b3}.speckles-patches__tab.is-active,.speckles-patches__tab.is-active:hover{color:var(--sp-green)}.speckles-patches__tab:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:6px;border-radius:999px;background:transparent;transition:background-color .16s ease}.speckles-patches__tab.is-active:after{background-color:currentColor}.speckles-patches__tab--green.is-active:after{background-color:var(--sp-green)}.speckles-patches__tab--yellow.is-active:after{background-color:var(--sp-yellow)}.speckles-patches__tab--blue.is-active:after{background-color:var(--sp-blue)}.speckles-patches__tab--light-blue.is-active:after{background-color:var(--sp-light-blue)}.speckles-patches__tab--pink.is-active:after{background-color:var(--sp-pink)}.speckles-patches__tab--cream.is-active:after{background-color:var(--sp-cream)}@media screen and (min-width:860px){.speckles-patches__tab{font-size:18px}}.speckles-patches__panel{display:none}.speckles-patches__panel.is-active{display:block}.speckles-patches__row{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:860px){.speckles-patches__row{flex-direction:row;align-items:stretch;gap:20px}}.speckles-patches__intro{position:relative;border-radius:20px;padding:28px 24px;display:none;flex-direction:column;justify-content:space-between;gap:16px;overflow:hidden;flex-shrink:0}@media screen and (min-width:860px){.speckles-patches__intro{display:flex;width:300px}}.speckles-patches__intro--green{background:var(--sp-green);color:#fff}.speckles-patches__intro--blue{background:var(--sp-blue);color:#fff}.speckles-patches__intro--yellow{background:var(--sp-yellow);color:var(--sp-green)}.speckles-patches__intro--light-blue{background:var(--sp-light-blue);color:var(--sp-green)}.speckles-patches__intro--pink{background:var(--sp-pink);color:var(--sp-green)}.speckles-patches__intro--cream{background:var(--sp-cream);color:var(--sp-green)}.speckles-patches__intro-heading{font-size:24px;font-weight:700;line-height:1.3;margin:0}.speckles-patches__intro-body{font-size:15px;font-weight:500;line-height:1.5;margin:0}.speckles-patches__deco{position:absolute;border-radius:50%;opacity:.25;pointer-events:none}.speckles-patches__deco--a{width:60px;height:60px;top:-20px;right:-20px;background:currentColor}.speckles-patches__deco--b{width:30px;height:30px;bottom:20px;right:30px;background:currentColor}.speckles-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;background:var(--sp-yellow);color:var(--sp-green);border:2.5px solid var(--sp-green);border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:5px 6px 0 var(--sp-green);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .14s ease}.speckles-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:7px 8px 0 var(--sp-green);filter:brightness(.97)}.speckles-btn:active{transform:translateY(0) scale(.98);box-shadow:2px 3px 0 var(--sp-green)}.speckles-btn--small{padding:8px 16px;font-size:13px;box-shadow:4px 5px 0 var(--sp-green)}.speckles-btn--small:hover{box-shadow:5px 6px 0 var(--sp-green)}.speckles-btn--small:active{box-shadow:2px 2px 0 var(--sp-green)}.speckles-btn__arrow{flex-shrink:0}.speckles-patches__track-wrap{position:relative;flex:1;min-width:0}.speckles-patches__track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.speckles-patches__track::-webkit-scrollbar{display:none}.speckles-patches__prev,.speckles-patches__next{display:none}@media screen and (min-width:860px){.speckles-patches__prev,.speckles-patches__next{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--sp-green);color:var(--sp-green);cursor:pointer;box-shadow:3px 4px 0 var(--sp-green)}.speckles-patches__next{right:8px}.speckles-patches__prev{left:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.speckles-patches__prev.is-visible{opacity:1;pointer-events:auto}.speckles-patches__prev:hover,.speckles-patches__next:hover{filter:brightness(.97)}}.speckles-card{position:relative;flex:0 0 280px;scroll-snap-align:start;background:transparent;display:flex;flex-direction:column}@media screen and (min-width:860px){.speckles-card{flex:0 0 340px}}.speckles-card__badge{position:absolute;top:-10px;left:14px;z-index:1;background:#fff;border:1.5px dashed var(--sp-green);color:var(--sp-green);border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px}.speckles-card__image{position:relative;background:#f3f3f0;border-radius:16px;aspect-ratio:4/5;overflow:hidden;margin-bottom:14px;box-shadow:5px 6px 0 var(--sp-green);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.speckles-card__image img,.speckles-card__image svg{width:100%;height:100%;object-fit:cover;display:block}.speckles-card--has-hover .speckles-card__image-base,.speckles-card--has-hover .speckles-card__image-hover{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .22s ease}.speckles-card--has-hover .speckles-card__image-hover{opacity:0}.speckles-card--has-hover:hover .speckles-card__image-hover{opacity:1}.speckles-card--has-hover:hover .speckles-card__image-base{opacity:0}.speckles-card:hover .speckles-card__image{transform:translateY(-3px);box-shadow:7px 8px 0 var(--sp-green)}.speckles-card__title{color:var(--sp-green);font-weight:700;font-size:16px;margin:0 0 2px}.speckles-card__subtitle{color:#5b6a64;font-size:13px;font-weight:500;margin:0 0 8px}.speckles-card__rating{display:flex;align-items:center;gap:6px;margin-bottom:8px}.speckles-card__stars{position:relative;display:inline-flex;line-height:0}.speckles-card__stars-base{display:flex;gap:2px;color:#dedad0}.speckles-card__stars-fill{position:absolute;top:0;left:0;display:flex;gap:2px;color:var(--sp-green);overflow:hidden;white-space:nowrap}.speckles-card__review-count{font-size:12px;font-weight:600;color:#5b6a64}.speckles-card__price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.speckles-card__price{font-weight:700;color:var(--sp-green);font-size:15px}.speckles-card__compare{font-size:13px;color:#a1a89f;text-decoration:line-through}.speckles-card__learn-more{font-size:13px;font-weight:600;color:var(--sp-green);text-decoration:underline;margin-bottom:12px}.speckles-card__add{margin-top:auto;align-self:stretch;justify-content:center}.speckles-card__add:hover{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue)}
/*# sourceMappingURL=/cdn/shop/t/64/assets/speckles-patches-scroller.css.map */