:root{--tw-navy: #00205B;--tw-black: #18181B;--tw-blue: #3B82F6;--tw-blue-hover: #2563EB;--tw-grey: #71717A;--tw-grey-light: #F5F5F5;--tw-grey-border: #EDEDED;--tw-white: #FFFFFF;--tw-green: #21C45E;--tw-gold: #f59e0b}.refills-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.refills-banner{background:var(--tw-navy);padding:10px 24px;text-align:center;font-size:12px;font-weight:500;color:#fffc}.refills-hero{background:var(--tw-grey-light);padding:56px 24px 48px;text-align:center}.refills-breadcrumb{font-size:12px;color:var(--tw-grey);margin-bottom:20px}.refills-breadcrumb a{color:var(--tw-grey);text-decoration:none}.refills-breadcrumb a:hover{color:var(--tw-blue)}.refills-hero__title{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--tw-navy);margin-bottom:12px;letter-spacing:-.3px;line-height:1.15}.refills-hero__subtitle{font-size:16px;font-weight:400;color:var(--tw-grey);max-width:480px;margin:0 auto;line-height:1.6}.refills-filter{background:var(--tw-white);padding:32px 24px 0}.refills-filter__inner{max-width:900px;margin:0 auto;text-align:center}.refills-filter__label{font-size:15px;font-weight:600;color:var(--tw-navy);margin-bottom:16px}.refills-filter__tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid var(--tw-grey-border)}.refills-tab{padding:10px 20px;border-radius:100px;border:1.5px solid var(--tw-grey-border);background:var(--tw-white);font-size:13px;font-weight:500;color:var(--tw-grey);cursor:pointer;transition:all .2s ease;font-family:inherit}.refills-tab:hover{border-color:var(--tw-blue);color:var(--tw-blue)}.refills-tab.active{background:var(--tw-navy);border-color:var(--tw-navy);color:var(--tw-white)}.refills-products{padding:40px 24px 64px;background:var(--tw-white)}.refills-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.refills-card{background:var(--tw-white);border:1px solid var(--tw-grey-border);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.refills-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00205b0f}.refills-card__image{aspect-ratio:1 / 1;background:var(--tw-grey-light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.refills-card__image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.refills-card__image img{width:90%;height:90%;object-fit:contain;transition:transform .3s ease}.refills-card:hover .refills-card__image img{transform:scale(1.03)}.refills-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.3px;z-index:2}.refills-badge--popular{background:var(--tw-navy);color:var(--tw-white)}.refills-badge--sale{background:var(--tw-green);color:var(--tw-white)}.refills-compat{position:absolute;bottom:12px;left:12px;padding:5px 12px;border-radius:100px;background:#00205bd9;font-size:11px;font-weight:500;color:var(--tw-white);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2}.refills-card__body{padding:20px 20px 24px;display:flex;flex-direction:column;flex:1}.refills-card__title{font-size:16px;font-weight:600;color:var(--tw-navy);margin-bottom:6px;line-height:1.3}.refills-card__title a{color:inherit;text-decoration:none}.refills-card__title a:hover{color:var(--tw-blue)}.refills-card__desc{font-size:13px;font-weight:400;color:var(--tw-grey);line-height:1.55;margin-bottom:16px;flex:1}.refills-interval{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#21c45e14;border-radius:100px;font-size:12px;font-weight:500;color:var(--tw-green);margin-bottom:16px;width:fit-content}.refills-interval svg{flex-shrink:0}.refills-price{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.refills-price__current{font-size:18px;font-weight:700;color:var(--tw-navy)}.refills-price__compare{font-size:14px;font-weight:400;color:var(--tw-grey);text-decoration:line-through}.refills-atc{display:block;width:100%;padding:12px;background:var(--tw-blue);color:var(--tw-white);font-size:14px;font-weight:600;border:none;border-radius:100px;cursor:pointer;text-align:center;transition:background .2s ease;font-family:inherit;margin-top:auto}.refills-atc:hover{background:var(--tw-blue-hover)}.refills-atc:disabled{background:var(--tw-grey-border);color:var(--tw-grey);cursor:not-allowed}.refills-atc--added{background:var(--tw-green)!important}.refills-help{background:var(--tw-grey-light);padding:40px 24px}.refills-help__inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.refills-help__text{display:flex;flex-direction:column;gap:4px}.refills-help__title{font-size:16px;font-weight:600;color:var(--tw-navy)}.refills-help__sub{font-size:13px;color:var(--tw-grey)}.refills-help__cta{padding:12px 28px;background:var(--tw-white);border:1.5px solid var(--tw-grey-border);border-radius:100px;font-size:13px;font-weight:600;color:var(--tw-navy);text-decoration:none;white-space:nowrap;transition:all .2s ease}.refills-help__cta:hover{background:var(--tw-navy);color:var(--tw-white);border-color:var(--tw-navy)}@media(max-width:768px){.refills-hero{padding:40px 20px 36px}.refills-grid{grid-template-columns:repeat(2,1fr);gap:12px}.refills-filter__tabs{gap:6px}.refills-tab{padding:8px 14px;font-size:12px}.refills-card__body{padding:16px 16px 20px}.refills-card__title{font-size:14px}.refills-card__desc{font-size:12px}.refills-price__current{font-size:16px}.refills-help__inner{flex-direction:column;text-align:center}}@media(max-width:480px){.refills-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/collection-refills.css.map */