yo-cart-addon{display:block;margin-block:24px;border-radius:var(--btn-border-radius,8px);color:rgb(var(--text-color));font-size:1em}.yo-addon-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(16px,3vw,28px);border:1px solid rgb(var(--text-color)/.15);border-radius:inherit;background:var(--bg-grad);background-color:rgb(var(--bg-color))}.yo-addon-copy{min-width:0}.yo-addon-copy h2{margin:0 0 8px;color:rgb(var(--heading-color));text-transform:none;line-height:1.3}.yo-addon-copy p{margin:0 0 8px;font-size:.94em;line-height:1.5}.yo-addon-offer{font-size:.85em;font-weight:600}.yo-addon-banner>.btn{flex-shrink:0;white-space:normal;text-align:center;font-size:.9em}.yo-addon-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(580px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:rgb(var(--bg-color));color:rgb(var(--text-color));overflow:auto;overscroll-behavior:contain;box-shadow:-12px 0 48px #0002}.yo-addon-dialog::backdrop{background:#0006}.yo-addon-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgb(var(--text-color)/.15);background:rgb(var(--bg-color))}.yo-addon-header h2{margin:0;line-height:1.3;text-transform:none;color:rgb(var(--heading-color));font-size:clamp(20px,2.5vw,26px)}.yo-addon-close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(var(--text-color)/.2);border-radius:50%;font:inherit;font-size:28px;background:transparent;color:inherit;cursor:pointer}.yo-addon-close:focus-visible,.yo-addon-card a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.yo-addon-body{padding:20px 24px max(24px,env(safe-area-inset-bottom))}.yo-addon-intro{font-size:1em;line-height:1.5;margin:0 0 8px}.yo-addon-preview{display:block;font-size:.78em;opacity:.8;margin-bottom:20px}.yo-addon-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid rgb(var(--text-color)/.15)}.yo-addon-image{display:block;align-self:start;aspect-ratio:1;background:rgb(var(--text-color)/.04);border-radius:8px;overflow:hidden}.yo-addon-image img{display:block;width:100%;height:100%;object-fit:contain}.yo-addon-card h3{font-size:1em;line-height:1.45;text-transform:none;margin:0 0 8px;overflow-wrap:anywhere;color:rgb(var(--heading-color))}.yo-addon-card h3 a{text-decoration:none}.yo-addon-price{font-size:.94em;margin:0 0 10px}.yo-addon-product-link{display:inline-block;font-size:.85em;line-height:1.5;padding-block:5px}.yo-addon-terms{font-size:.82em;line-height:1.6;border-top:1px solid rgb(var(--text-color)/.15);padding-top:16px;margin-top:12px}.yo-addon-terms summary{cursor:pointer;font-weight:600}.yo-addon-terms p{margin:12px 0 0}yo-cart-addon [hidden]{display:none!important}@media(max-width:600px){.yo-addon-banner{align-items:stretch;flex-direction:column;gap:16px}.yo-addon-banner>.btn{width:100%}.yo-addon-header,.yo-addon-body{padding:16px}.yo-addon-card{grid-template-columns:88px minmax(0,1fr);gap:16px}.yo-addon-copy h2{font-size:1.15em}.yo-addon-header h2{font-size:20px}}@media(prefers-reduced-motion:no-preference){.yo-addon-dialog[open]{animation:yo-addon-enter .2s ease-out}@keyframes yo-addon-enter{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}}.yo-addon-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.yo-addon-variant{width:100%;max-width:100%;min-width:0;font:inherit;font-size:.85em;padding:10px}.yo-addon-select{font-size:.85em;min-height:42px;padding:10px 20px;white-space:normal}.yo-addon-action-status{flex-basis:100%;font-size:.82em;line-height:1.45;margin:0}.yo-addon-select:disabled{opacity:.5;cursor:not-allowed}yo-cart-addon,yo-cart-addon *{box-sizing:border-box}.yo-addon-banner{flex-wrap:wrap;gap:clamp(16px,2vw,24px)}.yo-addon-copy{flex:1 1 260px;overflow-wrap:anywhere}.yo-addon-banner>.btn{flex:0 1 auto;max-width:100%;min-height:44px}.yo-addon-copy h2,.yo-addon-header h2{font-weight:700}.yo-addon-header h2{min-width:0;overflow-wrap:anywhere}[data-addon-status],[data-addon-panel-status],.yo-addon-offer,.yo-addon-intro{font-weight:700;line-height:1.5;overflow-wrap:anywhere}[data-addon-panel-status]{margin:0 0 16px}.yo-addon-discount{color:#c92107;font-weight:700}.yo-addon-dialog{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow-x:hidden}.yo-addon-body{padding-bottom:max(24px,env(safe-area-inset-bottom))}.yo-addon-card{grid-template-columns:clamp(72px,22vw,112px) minmax(0,1fr);gap:clamp(12px,3vw,20px)}.yo-addon-card>*,.yo-addon-action{min-width:0}.yo-addon-variant{min-height:44px;font-size:16px}.yo-addon-select,.yo-addon-banner>[data-addon-open]{background:#000!important;color:#fff!important;border-color:#000!important;font-weight:700;max-width:100%;min-height:44px;line-height:1.4}.yo-addon-select{padding:12px 16px;overflow-wrap:anywhere}.yo-addon-select:disabled{opacity:1;cursor:not-allowed}.yo-addon-select:focus-visible,[data-addon-open]:focus-visible{outline:3px solid #C92107;outline-offset:3px}@media(max-width:600px){.yo-addon-copy{flex:auto}.yo-addon-banner>.btn{flex:auto;width:100%}.yo-addon-select{width:100%}.yo-addon-header{gap:12px;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.yo-addon-body{padding:16px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/yo-cart-addon.css.map */