.pdp-related-add-on{border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1rem;padding:1.6rem;background:rgba(var(--color-foreground),.03)}.pdp-related-add-on__content{display:grid;gap:1.6rem;grid-template-columns:auto 1fr;align-items:start}.pdp-related-add-on__media-column{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;gap:.6rem}.pdp-related-add-on__media{width:10rem;height:10rem;flex-shrink:0;overflow:hidden;border-radius:.75rem;background:#fff}.pdp-related-add-on__media img{display:block;width:100%;height:100%;object-fit:contain}.pdp-related-add-on__details{min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch}.pdp-related-add-on__toggle{display:flex;align-items:start;gap:.75rem}.pdp-related-add-on__checkbox{width:2rem;height:2rem;margin-top:.1rem;flex:0 0 2rem;cursor:pointer;accent-color:rgb(var(--color-foreground))}.pdp-related-add-on__copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem}.pdp-related-add-on__headline{font-weight:600}.pdp-related-add-on__link{color:inherit;text-decoration:underline;text-underline-offset:.2rem}.pdp-related-add-on__link:hover{text-decoration-thickness:.2rem}.pdp-related-add-on__price{opacity:.8;font-size:1.6rem;line-height:1.4;padding-bottom:1rem}.pdp-related-add-on__quantity-row{margin-top:1.2rem}.pdp-related-add-on__quantity-group{display:flex;align-items:center;gap:.8rem;margin:0;padding:0;border:0}.pdp-related-add-on__quantity-label{color:rgba(var(--color-foreground),.75);font-size:1.6rem;line-height:1.4}.pdp-related-add-on__quantity-input{width:7rem;min-height:4rem;padding:.8rem 1rem;border:0;border-radius:var(--inputs-radius-outset);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity))}.pdp-related-add-on__quantity-input:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.pdp-related-add-on__status,.pdp-related-add-on__warning,.pdp-related-add-on__editor-note{margin:.6rem 0 0;font-size:1.3rem;line-height:1.4}.pdp-related-add-on__warning{margin-bottom:0}.pdp-related-add-on__editor-note{color:rgba(var(--color-foreground),.72)}.pdp-related-add-on__payment-button--hidden{visibility:hidden;pointer-events:none}@media screen and (max-width:749px){.pdp-related-add-on__media{width:8rem;height:8rem}.pdp-related-add-on__content{gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/pdp-related-add-on.css.map */
