.variant-picker .variant-option--nanoglans{display:flex;flex-direction:column;gap:var(--ng-gap,12px);width:100%;min-width:0;padding:0;border:0;margin-inline:0}.variant-picker .variant-option--nanoglans legend{display:block;width:100%;padding:0;margin:0 0 12px;color:var(--ng-heading-color,#555);font-family:var(--ng-heading-font,inherit);font-style:var(--ng-heading-style,normal);font-size:var(--ng-heading-size,18px);font-weight:var(--ng-heading-weight,700);line-height:1.4}.variant-option--nanoglans .ng-card-option{display:block;position:relative;width:100%;min-width:0;margin:0;cursor:pointer;letter-spacing:normal;text-transform:none}.variant-option--nanoglans .ng-card-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}.ng-card-option .ng-card-surface{display:flex;align-items:center;gap:12px;padding:var(--ng-padding,16px);min-height:104px;border:var(--ng-border-width,1px) solid var(--ng-border,#e2e2e2);border-radius:var(--ng-radius,12px);color:var(--ng-name-color,#262626);background:var(--ng-background,#fff);transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.ng-card-surface *{box-sizing:border-box}.ng-card-option:hover .ng-card-surface{border-color:var(--ng-hover-border,#b1b1b1)}.ng-card-input:checked+.ng-card-surface{border-color:var(--ng-accent,#c91d2e);background:var(--ng-selected-background,#fff);box-shadow:0 0 0 .5px var(--ng-accent,#c91d2e)}.ng-card-input:checked+.ng-card-surface .ng-card-name{color:var(--ng-selected-name-color,#262626)}.ng-card-input:focus-visible+.ng-card-surface{outline:3px solid var(--ng-accent,#c91d2e);outline-offset:3px}.ng-card-surface .ng-card-radio{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ng-border,#aaa);background:var(--ng-background,#fff)}.ng-card-input:checked+.ng-card-surface .ng-card-radio{border:5px solid var(--ng-accent,#c91d2e)}.ng-card-surface .ng-card-image{display:flex;align-items:center;justify-content:center;flex:0 0 var(--ng-image-size,64px);width:var(--ng-image-size,64px);height:calc(var(--ng-image-size,64px) * 1.12);border-radius:6px;overflow:hidden}.ng-card-image img{display:block;width:100%;height:100%;object-fit:contain}.ng-card-surface .ng-card-info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.ng-card-info .ng-card-name{color:var(--ng-name-color,#262626);font-family:var(--ng-name-font,inherit);font-style:var(--ng-name-style,normal);font-size:var(--ng-name-size,16px);font-weight:var(--ng-name-weight,700);line-height:1.35;overflow-wrap:anywhere}.ng-card-info .ng-card-badge{display:inline-block;padding:3px 8px;border-radius:var(--ng-badge-radius,30px);background:var(--ng-badge-background,#c91d2e);color:var(--ng-badge-color,#fff);font-family:var(--ng-badge-font,inherit);font-style:var(--ng-badge-style,normal);font-size:var(--ng-badge-size,11px);font-weight:var(--ng-badge-weight,700);line-height:1.4;overflow-wrap:anywhere}.ng-card-info .ng-card-note,.ng-card-info .ng-card-stock,.variant-picker .ng-card-intro,.variant-picker .ng-card-footer,.ng-card-pricing .ng-card-unit{font-family:var(--ng-note-font,inherit);font-style:var(--ng-note-style,normal);font-size:var(--ng-note-size,13px);font-weight:var(--ng-note-weight,400);line-height:1.4;color:var(--ng-note-color,#606060);overflow-wrap:anywhere}.variant-picker .ng-card-intro{margin:0 0 4px;width:100%}.variant-picker .ng-card-footer{margin:12px 0 0}.ng-card-info .ng-card-percent{color:var(--ng-percent-color,#606060);font-family:var(--ng-percent-font,inherit);font-style:var(--ng-percent-style,normal);font-size:var(--ng-percent-size,13px);font-weight:var(--ng-percent-weight,400);line-height:1.4}.ng-card-surface .ng-card-pricing{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:8px;flex:0 0 auto;max-width:43%}.ng-card-pricing .ng-card-price-row{display:flex;justify-content:flex-end;align-items:baseline;gap:7px;flex-wrap:wrap}.ng-card-pricing .ng-card-compare{font-family:var(--ng-compare-font,inherit);font-style:var(--ng-compare-style,normal);font-size:var(--ng-compare-size,15px);font-weight:var(--ng-compare-weight,400);line-height:1.3;color:var(--ng-compare-color,#999)}.ng-card-pricing .ng-card-price{font-family:var(--ng-price-font,inherit);font-style:var(--ng-price-style,normal);font-size:var(--ng-price-size,19px);font-weight:var(--ng-price-weight,700);line-height:1.3;color:var(--ng-price-color,#262626)}.ng-card-pricing .ng-card-saving{display:inline-block;padding:6px 10px;border-radius:var(--ng-saving-radius,30px);font-family:var(--ng-saving-font,inherit);font-style:var(--ng-saving-style,normal);font-size:var(--ng-saving-size,13px);font-weight:var(--ng-saving-weight,700);line-height:1.4;color:var(--ng-saving-color,#f04e07);background:var(--ng-saving-background,#fdebdf);overflow-wrap:anywhere}.ng-card-option:has(.ng-card-input:disabled){cursor:not-allowed}.ng-card-input:disabled+.ng-card-surface{opacity:.6}@media(max-width:749px){.variant-picker .variant-option--nanoglans legend{font-size:var(--ng-heading-mobile,16px)}.ng-card-option .ng-card-surface{padding:clamp(8px,calc(var(--ng-padding,16px) * .8),30px);gap:8px}.ng-card-surface .ng-card-image{width:clamp(30px,calc(var(--ng-image-size,64px) * .8),80px);flex-basis:clamp(30px,calc(var(--ng-image-size,64px) * .8),80px);height:calc(var(--ng-image-size,64px) * .9)}.ng-card-surface .ng-card-radio{width:16px;height:16px;flex-basis:16px}.ng-card-info .ng-card-name{font-size:var(--ng-name-mobile,14px)}.ng-card-info .ng-card-note,.ng-card-info .ng-card-stock,.variant-picker .ng-card-intro,.variant-picker .ng-card-footer,.ng-card-pricing .ng-card-unit{font-size:var(--ng-note-mobile,12px)}.ng-card-info .ng-card-badge{font-size:var(--ng-badge-mobile,10px)}.ng-card-info .ng-card-percent{font-size:var(--ng-percent-mobile,12px)}.ng-card-pricing .ng-card-price{font-size:var(--ng-price-mobile,16px)}.ng-card-pricing .ng-card-compare{font-size:var(--ng-compare-mobile,12px)}.ng-card-pricing .ng-card-saving{font-size:var(--ng-saving-mobile,11px);padding:5px 8px}}@media(prefers-reduced-motion:reduce){.ng-card-option .ng-card-surface{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/nanoglans-variant-cards.css.map */