/*!
 * DS Product sticky form
 *
 * The sticky add-to-cart of sections/main-product.liquid. Mobile first:
 * - below 768px the bottom bar of Figma node 1598:20516 — thumbnail, text, round
 *   cart button with the icon from the design;
 * - from 768px the floating card of Figma node 1598:21685 — larger thumbnail and a
 *   pill button with the label.
 *
 * The theme styles this form with (0,1,0) and (0,2,0) selectors, some of them inside
 * the same breakpoints. Everything here is scoped to `.product-sticky-form.ds-sticky-form`,
 * (0,2,0) and up, so it wins on specificity rather than on stylesheet order.
 *
 * The button colors come from the sticky block settings as --color-button-* on the
 * element, so the theme's button styles (hover fill included) keep working.
 */.product-sticky-form.ds-sticky-form .product-sticky-form__card{padding:12px 14px;border:0;border-radius:24px 24px 0 0;background-color:#fff;box-shadow:0 -11px 33px #221c351a;color:#221c35}.product-sticky-form.ds-sticky-form .product-sticky-form__card:before{border-radius:24px 24px 0 0;background-color:#fff}.product-sticky-form.ds-sticky-form .product-sticky-form__variant{grid-template-columns:74px minmax(0,1fr) auto;gap:13px}.product-sticky-form.ds-sticky-form .product-sticky-form__variant.no-image{grid-template-columns:minmax(0,1fr) auto}.product-sticky-form.ds-sticky-form .media{width:100%;aspect-ratio:1;border-radius:10px}.product-sticky-form.ds-sticky-form .media>img{width:100%;height:100%}.ds-sticky-form__text{gap:1.86px;min-width:0}.ds-sticky-form__title,.ds-sticky-form__options{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ds-sticky-form__title{font-size:15px;line-height:20.4px;font-weight:600}.ds-sticky-form__options{font-size:14px;line-height:16.7px;color:#221c3599}.ds-sticky-form__price{padding-block-start:1.86px}.ds-sticky-form__price .price{gap:6.5px}.ds-sticky-form__price .price__regular{font-size:15px;line-height:20.4px;font-weight:700;color:#221c35}.ds-sticky-form__price .price--on-sale .price__regular{color:#fc0000}.ds-sticky-form__price .price__sale{order:-1;font-size:13px;line-height:16.7px;font-weight:600;color:#221c3599;text-decoration:line-through}.ds-sticky-form__price .price__sale:before{content:none}.product-sticky-form.ds-sticky-form .button{width:40px;height:40px;padding:0;border-radius:9999px}@media screen and (min-width:768px){.product-sticky-form.ds-sticky-form{width:600px;max-width:calc(100% - var(--sp-5) * 2)}.product-sticky-form.ds-sticky-form .product-sticky-form__card{padding:16px 15.6px;border-radius:16px;box-shadow:0 11px 33px #221c351a}.product-sticky-form.ds-sticky-form .product-sticky-form__variant{grid-template-columns:89px minmax(0,1fr) auto;gap:15.6px}.product-sticky-form.ds-sticky-form .media{border-radius:12px}.ds-sticky-form__text{gap:2.23px}.ds-sticky-form__title{font-size:17.18px;line-height:24.5px}.ds-sticky-form__options{font-size:16px;line-height:20px}.ds-sticky-form__price{padding-block-start:2.23px}.ds-sticky-form__price .price{gap:7.8px}.ds-sticky-form__price .price__regular{font-size:18px;line-height:24.5px}.ds-sticky-form__price .price__sale{font-size:14.5px;line-height:20px}.product-sticky-form.ds-sticky-form .button{width:auto;height:60px;max-height:none;padding:0 28px;font-size:14px;line-height:18.36px;font-weight:600;letter-spacing:.28px;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-product-sticky-form.css.map */