.horizontal-product-block{--hpb-accent-start: var(--accent-start, #ef4a65);--hpb-accent-end: var(--accent-end, #ff6b9d);--hpb-success: var(--hpb-success, #22c55e);--hpb-selected-border: var(--selected-border-color, #000000);--hpb-selected-bg: var(--selected-bg-color, #f5f5f5);--hpb-shadow-color: var(--hpb-shadow, rgba(239, 74, 101, .12));--hpb-card-radius: var(--global-button-radius, 12px);--hpb-card-border-width: var(--global-button-border-width, 1.5px);--hpb-transition: all .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;width:100%}.horizontal-block-title{font-size:18px;font-weight:800;margin-bottom:12px;color:#000;letter-spacing:-.02em}.horizontal-selection-wrapper{padding:24px;background:#fdfdfd;border:1px solid #e5e7eb;border-radius:var(--hpb-card-radius);box-shadow:0 2px 12px #00000008;margin-bottom:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.horizontal-options-container{display:flex;flex-direction:column;gap:16px;width:100%;padding-top:16px;border-top:1px solid #f3f4f6}.horizontal-product-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:var(--hpb-card-border-width) solid #e5e7eb;border-radius:var(--hpb-card-radius);cursor:pointer;background-color:#fff;position:relative;transition:var(--hpb-transition);box-sizing:border-box}.horizontal-product-option:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.horizontal-product-option.selected{border-color:var(--hpb-selected-border);background:var(--hpb-selected-bg);box-shadow:0 8px 24px var(--hpb-shadow-color)}.horizontal-option-left{display:flex;align-items:center;gap:20px;flex:1}.horizontal-radio-indicator{width:28px;height:28px;min-width:28px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:var(--hpb-transition);position:relative}.horizontal-product-option.selected .horizontal-radio-indicator{border-color:var(--hpb-accent-start)!important;background-color:#fff!important}.horizontal-radio-dot{width:12px;height:12px;border-radius:50%;background-color:var(--hpb-accent-start);opacity:0;transform:scale(0);transition:var(--hpb-transition);position:relative}.horizontal-radio-dot:after{display:none}.horizontal-product-option.selected .horizontal-radio-dot{opacity:1!important;transform:scale(1)!important}.horizontal-option-details{display:flex;flex-direction:column;gap:4px}.horizontal-option-title{font-size:var(--hpb-option-title-size, 17px)!important;font-weight:var(--hpb-option-title-weight, 700)!important;font-family:var(--font-heading-family-override);color:#111;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.horizontal-option-subtitle{font-size:var(--hpb-option-subtitle-size, 14px)!important;color:#6b7280;letter-spacing:0;font-weight:var(--hpb-option-subtitle-weight, 500)!important}.horizontal-option-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:90px}.horizontal-option-price{font-weight:800!important;font-size:20px;color:#000;letter-spacing:-.02em}.horizontal-option-compare-price{text-decoration:line-through;color:#9ca3af;font-size:14px;font-weight:500;text-align:right;width:100%}.horizontal-badge{position:absolute;top:-10px;right:12px;font-size:9px;font-weight:800;padding:4px 10px;border-radius:24px;text-transform:uppercase;letter-spacing:.05em;background:var(--badge-bg, #181b1d)!important;color:var(--badge-text, #fff)!important;box-shadow:0 4px 12px #0000001a;z-index:10;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);-webkit-text-stroke:.4px currentColor}.horizontal-save-badge{background:#22c55e1a;color:var(--hpb-success);font-size:12px;padding:3px 10px;border-radius:6px;font-weight:700;letter-spacing:0;border:1px solid rgba(34,197,94,.2);white-space:nowrap;display:inline-block;vertical-align:middle}.horizontal-save-badge.muted{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.horizontal-one-time-purchase{text-align:center;margin-top:24px;font-size:14px;font-weight:600;color:#4b5563;letter-spacing:0}.one-time-purchase-link{text-decoration:underline;color:#111;font-weight:700}@media (max-width: 480px){.horizontal-frequency-selector{margin-bottom:0}.frequency-options{gap:6px!important}.frequency-option{padding:10px 8px!important}.frequency-radio{gap:4px!important}.frequency-radio label{font-size:11px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:3px!important}.frequency-radio-indicator{width:20px!important;height:20px!important;min-width:20px!important}.frequency-radio-dot{width:10px!important;height:10px!important;min-width:10px!important}.horizontal-save-badge{font-size:11px!important;padding:3px 8px!important;margin:0!important}.horizontal-product-option{padding:16px 20px;gap:12px}.horizontal-option-left{gap:12px}.horizontal-radio-indicator{width:24px;height:24px;min-width:24px}.horizontal-option-title{font-size:calc(var(--hpb-option-title-size, 17px) * .88)!important}.horizontal-option-price{font-size:18px}.horizontal-badge{font-size:9px;padding:4px 10px;top:-10px;right:18px}}.horizontal-frequency-selector{width:100%;margin-bottom:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;position:relative;display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;height:auto}.frequency-title{font-size:13px;font-weight:800;margin-bottom:14px;color:#000;text-transform:uppercase;letter-spacing:.1em}.frequency-options{display:flex;flex-direction:row;gap:8px;width:100%;flex:0 0 auto}.frequency-option{flex:1;padding:12px 14px;border:var(--hpb-card-border-width) solid #e5e7eb;border-radius:var(--hpb-card-radius);cursor:pointer;transition:var(--hpb-transition);background:#fff;display:flex;align-items:center;justify-content:flex-start;position:relative}.frequency-option:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.frequency-option.selected{border-color:var(--hpb-selected-border);background:var(--hpb-selected-bg);box-shadow:0 8px 24px var(--hpb-shadow-color)}.horizontal-frequency-selector.autoship-active .frequency-option:last-of-type:not(.selected){align-self:flex-start;margin-bottom:12px}.horizontal-frequency-selector .frequency-option{margin-bottom:0}.autoship-benefits{width:100%;padding:16px 20px;background:var(--hpb-selected-bg, #f9fafb);border:var(--hpb-card-border-width) solid var(--hpb-selected-border);border-radius:var(--hpb-card-radius);box-shadow:0 8px 24px var(--hpb-shadow-color);border-top-left-radius:0;border-top-right-radius:var(--hpb-card-radius);margin-top:calc(-1 * var(--hpb-card-border-width) - 1px);position:relative;z-index:1}.frequency-option.minimal-style{border-color:#f3f4f6!important;background:#f9fafb!important;box-shadow:none!important;padding:12px 16px!important;border-radius:var(--hpb-card-radius)}.frequency-option.minimal-style.selected{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 1px 2px #0000000d!important}.frequency-option.minimal-style:hover{transform:none!important;background:#fff!important;border-color:#d1d5db!important}.frequency-option.minimal-style .frequency-radio label{font-weight:500;color:#6b7280;display:flex;align-items:center;gap:8px;white-space:nowrap}.frequency-option.minimal-style.selected .frequency-radio label{font-weight:700;color:#000}.horizontal-frequency-selector.autoship-active .frequency-option.autoship-option{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--hpb-selected-bg);padding-bottom:20px;margin-bottom:0;z-index:5;box-shadow:0 -4px 12px -2px var(--hpb-shadow-color)}.horizontal-frequency-selector.autoship-active .frequency-option.autoship-option:hover{transform:none;border-bottom-color:var(--hpb-selected-bg);z-index:5;box-shadow:0 -4px 12px -2px var(--hpb-shadow-color)}.autoship-benefits .benefit-callouts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.autoship-benefits .benefit-item{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;margin:0;padding:0;min-height:0;opacity:0;transform:translateY(10px);animation:benefitFadeIn .4s ease forwards}.autoship-benefits .benefit-item:nth-child(1){animation-delay:.05s}.autoship-benefits .benefit-item:nth-child(2){animation-delay:.1s}.autoship-benefits .benefit-item:nth-child(3){animation-delay:.15s}.autoship-benefits .benefit-item:nth-child(4){animation-delay:.2s}@keyframes benefitFadeIn{to{opacity:1;transform:translateY(0)}}.autoship-benefits .benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--hpb-selected-border);border-radius:50%;flex-shrink:0;color:var(--hpb-accent-start)}.autoship-benefits .benefit-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none}.autoship-benefits .benefit-text{font-size:13px;font-weight:600;color:#1f2937;line-height:1.2}.autoship-benefits .savings-highlight{background:var(--hpb-accent-start);color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;font-size:.9em}.most-popular-badge{right:12px!important;top:-15px!important;transform:none!important;white-space:nowrap;font-size:8px!important;padding:4px 8px!important;font-weight:800!important;letter-spacing:.05em!important}.frequency-radio{display:flex;align-items:center;gap:12px;width:100%}.frequency-radio label{display:flex;align-items:center;justify-content:space-between;width:100%}.frequency-radio input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.frequency-radio-indicator{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:var(--hpb-transition);position:relative}.frequency-option.selected .frequency-radio-indicator{border-color:var(--hpb-accent-start)!important;background-color:#fff!important}.frequency-radio-dot{width:12px;height:12px;border-radius:50%;background-color:var(--hpb-accent-start);opacity:0;transform:scale(0);transition:var(--hpb-transition)}.frequency-radio-dot:after{display:none}.frequency-option.selected .frequency-radio-dot{opacity:1!important;transform:scale(1)!important;display:block!important;visibility:visible!important}.frequency-radio label{cursor:pointer;font-size:16px;font-weight:700;color:#111;line-height:1.2;flex:1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.horizontal-save-badge{margin-left:0}.frequency-option.selected label{color:#000}.frequency-dropdown-container{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.frequency-dropdown-container label{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.frequency-dropdown{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;background-color:#f9fafb;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.horizontal-block-footer{display:flex;justify-content:center;margin-top:0}.one-time-purchase-link{font-size:14px;font-weight:600;color:#4b5563;text-decoration:underline;text-underline-offset:4px;transition:color .2s}.one-time-purchase-link:hover{color:#000}.horizontal-quantity-selector{margin-top:0;display:flex;align-items:center;justify-content:space-between;padding:4px 0 0;width:100%;box-sizing:border-box}.quantity-label{font-size:14px;font-weight:700;color:#000;letter-spacing:-.01em}.quantity-input-wrapper{display:flex;align-items:center;border:1.5px solid #000;border-radius:24px;overflow:hidden;background:#fff;height:36px}.quantity-btn{background:none;border:none;width:36px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;transition:background .2s;padding:0}.quantity-btn:hover{background:#f3f4f6}.quantity-input{width:32px;border:none;text-align:center;font-size:14px;font-weight:700;color:#000;background:transparent;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compare-price{text-decoration:line-through;opacity:.6;font-size:.85em;font-weight:500;margin-left:6px}.one-time-current-price{font-weight:700;color:#000;margin-left:4px}.one-time-compare-price{font-weight:500;color:#9ca3af;text-decoration:line-through;margin-left:4px}.unit-price-display{transition:color .2s}.frequency-option.selected .unit-price-display{color:var(--hpb-accent-start)}@media (max-width: 480px){.frequency-option{padding:12px 14px}.frequency-radio label{font-size:14px}.quantity-input-wrapper{height:32px}.quantity-btn{width:32px}.benefit-item .savings-highlight{display:block;width:fit-content;margin-top:4px}.autoship-benefits .benefit-item{align-items:flex-start}.autoship-benefits .benefit-icon{margin-top:2px}.horizontal-block-title{margin-bottom:24px}.benefit-item .savings-highlight{display:block;width:fit-content;margin-top:2px}.horizontal-selection-wrapper{padding:0;border:none;background:transparent;box-shadow:none;border-radius:0}.horizontal-product-option{width:100%}.horizontal-option-details{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.autoship-benefits .benefit-item{flex-direction:row;align-items:center;gap:8px}.autoship-benefits .benefit-icon{width:20px;height:20px;margin-top:0}.autoship-benefits .benefit-text{font-size:12px;line-height:1.25;white-space:nowrap}.horizontal-quantity-selector{padding:12px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/horizontal-product-block.css.map */