.system-group{margin-bottom:1rem}.system-group header .group-title{display:block;font-weight:bold;margin-bottom:.5rem;font-size:1.1rem}.system-group.pad-group header{margin-bottom:.5rem}.system-group.pad-group header .group-title{margin-bottom:0}.system-group .group-body{border:1px dashed #e0e0e0;padding:1rem}.system-group .group-options .select-option{position:relative;cursor:pointer;padding:1rem;border:1px solid #e0e0e0;margin:0 0 .5rem;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.system-group .group-options .select-option:before{content:"";box-shadow:0 0 0 2px rgb(var(--text-color));border-radius:inherit;opacity:0;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(0.99)}.system-group .group-options .select-option .select-image{max-width:50px}.system-group .group-options .select-option .select-content{flex:1}.system-group .group-options .select-option .select-title{font-weight:bold}.system-group .group-options .select-option .select-badge{display:flex;align-items:center;justify-content:center;background-color:#cea26c;color:#fff;padding:.1rem .5rem;font-size:.8rem;font-weight:bold}.system-group .group-options .select-option .select-description{font-size:.8rem;color:#677}.system-group .group-options .select-option .select-price{color:#cea26c;font-weight:bold;display:flex;gap:.25rem;align-items:center}.system-group .group-options .select-option .checkmark{position:relative;width:30px;height:30px;align-items:center;justify-content:center;background-color:#cea26c;border-radius:50%;transition:all .2s ease}.system-group .group-options .select-option .checkmark img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.system-group .group-options .select-option:hover{background-color:#f2f2f2}.system-group .group-options .select-option.active .checkmark.hidden{display:flex}.system-group .group-options .select-option.active:before{opacity:1;transform:scale(1)}.system-group .group-options .select-option .variant-title{font-weight:bold;margin-bottom:.5rem}.system-group .group-options .select-option .variant-price{color:#cea26c;font-weight:bold}.system-group .group-options .select-option:last-child{margin:0}.system-group.pad-group,.system-group.accessories-group{display:none}button.disabled{opacity:.5;cursor:not-allowed}.original-price{text-decoration:line-through;color:#999;font-size:.9rem;font-weight:normal;opacity:.5}.discounted-price{color:#cea26c;font-weight:bold;font-size:1rem}@media screen and (min-width: 992px){.product-gallery{position:-webkit-sticky;position:sticky;top:100px}}
