.grouped-options-button{width:100%;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;padding:12px;text-align:left;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;min-height:50px}.grouped-options-button:hover{border-color:#007cba;background:#e8f4f8}.grouped-options-button.complete{border-color:#28a745;background:#d4edda}.grouped-options-button.incomplete{border-color:#dc3545;background:#f8d7da}.grouped-options-button.has-selections{border-color:#17a2b8;background:#d1ecf1}.grouped-options-content{flex:1}.grouped-options-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.grouped-options-selections{font-size:13px;color:#555;margin-bottom:4px;line-height:1.5;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grouped-options-status{font-size:12px;color:#666;margin-top:4px}.grouped-options-status.complete{color:#28a745;font-weight:600}.grouped-options-status.incomplete{color:#dc3545;font-weight:600}.grouped-options-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s}.grouped-options-overlay.active{display:flex}.grouped-options-modal{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s}.grouped-options-header{padding:20px 30px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.grouped-options-title{font-size:20px;font-weight:700;color:#333}.grouped-options-close{width:32px;height:32px;border:none;background:transparent;font-size:28px;line-height:1;color:#999;cursor:pointer;transition:all .3s;border-radius:4px;display:flex;align-items:center;justify-content:center}.grouped-options-close:hover{background:#e0e0e0;color:#333}.grouped-options-body{display:flex;flex:1;overflow:hidden}.options-category-list{width:280px;border-right:2px solid #e0e0e0;overflow-y:auto;background:#fafafa}.options-category-group{border-bottom:2px solid #e0e0e0}.options-category-group-title{padding:15px 20px;font-size:13px;font-weight:600;color:#666;background:#f0f0f0;text-transform:uppercase;letter-spacing:.5px}.options-category-item{padding:15px 20px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;outline:none}.options-category-item:hover{background:#f8f9fa;border-left-color:#007cba}.options-category-item:focus{background:#e8f4f8;border-left-color:#007cba;box-shadow:0 0 0 2px #007cba33}.options-category-item.active{background:#e8f4f8;border-left-color:#007cba;font-weight:600}.options-category-item.required .options-category-name:after{content:"\5fc5\9808";display:inline-block;margin-left:8px;padding:2px 6px;background:#dc3545;color:#fff;font-size:10px;border-radius:3px;font-weight:700}.options-category-name{font-size:14px;color:#333;flex:1}.options-category-check{font-size:16px;color:#28a745;display:none}.options-category-item.selected .options-category-check{display:block}.options-detail-panel{flex:1;overflow-y:auto;padding:30px}.option-detail-section{display:none}.option-detail-section.active{display:block;animation:fadeIn .2s}.option-detail-title{font-size:18px;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.option-detail-description{font-size:14px;color:#666;line-height:1.8;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007cba}.option-detail-description a{color:#007cba;text-decoration:underline}.option-detail-description ul{margin:10px 0;padding-left:20px}.option-detail-description li{margin:5px 0}.option-detail-choices{display:grid;gap:12px}.option-detail-choice{position:relative}.option-detail-choice input[type=radio]{position:absolute;opacity:0}.option-detail-choice label{display:block;padding:15px;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .3s;background:#fff}.option-detail-choice label:hover{border-color:#007cba;background:#f8f9fa}.option-detail-choice input[type=radio]:checked+label{border-color:#007cba;background:#e8f4f8;font-weight:600}.option-detail-choice-label{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;color:#333}.option-price-modifier{display:inline-block;font-size:12px;font-weight:600;color:#dc3545;margin-left:auto;white-space:nowrap}.custom-size-input{display:none;margin-top:20px;padding:20px;background:#f8f9fa;border-radius:6px;border:2px solid #007cba}.custom-size-input.active{display:block}.custom-size-input-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.custom-size-input-fields{display:flex;align-items:center;gap:10px}.custom-size-input-fields input{width:120px;padding:10px;border:2px solid #dee2e6;border-radius:4px;font-size:14px}.custom-size-input-fields input:focus{outline:none;border-color:#007cba}.grouped-options-footer{padding:20px 30px;border-top:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.grouped-options-validation{font-size:14px;color:#dc3545;font-weight:600;display:none}.grouped-options-validation.active{display:block}.grouped-options-validation.error{display:block;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.grouped-options-actions{display:flex;gap:12px}.grouped-options-cancel,.grouped-options-confirm{padding:12px 30px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.grouped-options-cancel{background:#f8f9fa;color:#666;border:2px solid #dee2e6}.grouped-options-cancel:hover{background:#e9ecef}.grouped-options-confirm{background:linear-gradient(135deg,#ff6b00,#ff8c00);color:#fff;box-shadow:0 4px 12px #ff6b004d}.grouped-options-confirm:hover{background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 6px 16px #ff6b0066}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.grouped-options-modal{width:95%;max-height:90vh}.grouped-options-body{flex-direction:column}.options-category-list{width:100%;max-height:200px;border-right:none;border-bottom:2px solid #e0e0e0}.option-detail-choices{grid-template-columns:1fr}}.grouped-options-modal .red,.option-detail-description .red{color:red}.grouped-options-modal .bold,.option-detail-description .bold{font-weight:700}.grouped-options-modal .blue,.option-detail-description .blue{color:#00f}.option-detail-description ul{list-style:none;padding:0;margin:0}.option-detail-description li{list-style:none}.clear-option-btn{margin-left:auto;padding:6px 14px;font-size:13px;font-weight:500;color:#fff;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.clear-option-btn:hover{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 3px 6px #dc35454d;transform:translateY(-1px)}.clear-option-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.option-detail-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.custom-size-field.input-error{border-color:#dc3545!important;background-color:#fff5f5!important}.custom-size-error{color:#dc3545;font-size:12px;margin-top:4px}.additional-fields-container{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f0f7ff,#e8f4fc);border-radius:8px;border:2px solid #007cba}.additional-fields-container.active{display:block}.additional-fields-title{font-size:14px;font-weight:700;margin-bottom:16px;color:#007cba;padding-bottom:8px;border-bottom:1px solid #cce5ff}.additional-field-item{margin-bottom:16px}.additional-field-item:last-child{margin-bottom:0}.additional-field-item label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.additional-field-item .required-mark{color:#dc3545;margin-left:4px}.additional-field-input{width:100%;padding:12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.additional-field-input:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 3px #007cba1a}.additional-field-input::placeholder{color:#adb5bd}.additional-field-input.input-error{border-color:#dc3545;background-color:#fff5f5}textarea.additional-field-input{min-height:80px;resize:vertical}.additional-fields-error{margin-top:12px;padding:10px;background:#fff5f5;border-radius:4px;color:#dc3545;font-size:13px}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-option label{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:600;color:#495057}.checkbox-option label:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#007cba}.checkbox-option input[type=checkbox]:checked+label{background:linear-gradient(135deg,#007cba,#0056b3);border-color:#007cba;color:#fff;box-shadow:0 4px 12px #007cba4d}.checkbox-option input[type=checkbox]:checked+label .option-detail-choice-label{color:#fff}.checkbox-option input[type=checkbox]:checked+label .option-modifiers{color:#fff}.additional-fields-container.disabled{opacity:.5;pointer-events:none;position:relative}.additional-fields-container.disabled:before{content:"\300c\5e0c\671b\3059\308b\300d\3092\9078\629e\3059\308b\3068\5165\529b\3067\304d\307e\3059";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:10;white-space:nowrap}.additional-fields-container.disabled .additional-field-input{background:#f5f5f5;cursor:not-allowed}.additional-fields-container:not(.disabled){animation:fadeInActive .3s ease}@keyframes fadeInActive{0%{opacity:.5}to{opacity:1}}.split-delivery-container{margin-top:20px;padding:20px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-radius:8px;border:2px solid #ffc107}.split-delivery-info{margin-bottom:16px;padding:12px;background:#fff;border-radius:6px;font-size:13px;line-height:1.6}.split-delivery-info p{margin:4px 0}.split-delivery-info strong{color:#dc3545}.split-delivery-list{display:flex;flex-direction:column;gap:16px}.split-delivery-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.split-delivery-item-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#343a40,#495057);color:#fff}.split-delivery-item-title{font-weight:600;font-size:14px}.split-delivery-remove-btn{padding:4px 12px;font-size:12px;font-weight:500;color:#fff;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.split-delivery-remove-btn:hover{background:linear-gradient(135deg,#c82333,#a71d2a);transform:scale(1.05)}.split-delivery-item-body{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-delivery-field{grid-column:span 2}.split-delivery-field.split-delivery-field-half{grid-column:span 1}.split-delivery-field label{display:block;font-size:12px;font-weight:600;color:#333;margin-bottom:4px}.split-delivery-field .required-mark{color:#dc3545;margin-left:2px}.split-delivery-input{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.split-delivery-input:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.split-delivery-input::placeholder{color:#adb5bd}.split-delivery-quantity-wrapper{display:flex;align-items:center;gap:8px}.split-delivery-quantity{flex:1;text-align:right;font-weight:600}.quantity-unit{font-size:14px;color:#666;font-weight:500}.split-delivery-actions{margin-top:16px;text-align:center}.split-delivery-add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.split-delivery-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.split-delivery-add-btn:disabled{opacity:.5;cursor:not-allowed}.split-delivery-add-btn .remaining-count{font-size:12px;font-weight:400;opacity:.9}.split-delivery-summary{margin-top:20px;padding:16px;background:#fff;border-radius:8px;border:2px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-row:not(:last-child){border-bottom:1px solid #e9ecef}.summary-label{color:#666}.summary-value{font-weight:600;color:#333}.fee-row .summary-value{color:#dc3545;font-size:16px}.fee-row .summary-value.has-fee{color:#dc3545;font-weight:700}.remaining-quantity{font-size:13px;font-weight:600;margin-left:8px}.remaining-quantity.warning{color:#f59e0b}.remaining-quantity.error{color:#dc3545}.remaining-quantity.success{color:#10b981}.split-delivery-validation-error{margin-top:12px;padding:12px 16px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.split-delivery-validation-error.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.split-delivery-validation-error.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.split-delivery-quantity.input-over-limit{border-color:#dc3545!important;background-color:#fff5f5!important;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.split-delivery-input.input-error,.split-delivery-select.input-error{border-color:#dc3545!important;background-color:#fff5f5!important;box-shadow:0 0 0 3px #dc354526!important}.split-delivery-input.input-error:focus,.split-delivery-select.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354540!important}.split-delivery-validation-error.shake-animation{animation:shake .4s ease-in-out}#split-delivery-error{margin-top:12px;padding:12px;background:#fff5f5;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-size:13px}.split-delivery-container.disabled{opacity:.6;pointer-events:none}.split-delivery-container.disabled .split-delivery-input,.split-delivery-container.disabled .split-delivery-select,.split-delivery-container.disabled .split-delivery-textarea{background:#f5f5f5;cursor:not-allowed}.split-delivery-section{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.split-delivery-section:last-child{margin-bottom:0}.split-delivery-section-title{font-size:13px;font-weight:700;color:#495057;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #dee2e6}.split-delivery-quantity-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784}.split-delivery-quantity-section .split-delivery-section-title{color:#2e7d32;border-bottom-color:#81c784}.split-delivery-field-quantity{grid-column:span 2!important}.split-delivery-field-quantity .split-delivery-quantity-wrapper{max-width:200px}.split-delivery-field-quantity .split-delivery-quantity{font-size:18px;font-weight:700;padding:12px 16px}.split-delivery-order-info{font-size:12px;font-weight:500;color:#666;margin-left:8px}.split-delivery-order-info strong{color:#333}.split-delivery-remaining-info{margin-top:8px}.remaining-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.remaining-badge.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.remaining-badge.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.remaining-badge.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.remaining-badge strong{font-weight:700}.split-delivery-select{width:100%;padding:10px 40px 10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.split-delivery-select:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.split-delivery-textarea{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;resize:vertical;min-height:60px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.split-delivery-textarea:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.split-delivery-input-with-suffix{display:flex;align-items:center;gap:8px}.split-delivery-input-with-suffix .split-delivery-input{flex:1}.split-delivery-input-with-suffix .input-suffix{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.split-delivery-sender-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#64b5f6}.split-delivery-sender-section .split-delivery-section-title{color:#1565c0;border-bottom-color:#64b5f6}.split-delivery-sender-checkbox{grid-column:span 2;margin-bottom:8px}.split-delivery-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;background:#fff;border:2px solid #64b5f6;border-radius:6px;transition:all .2s ease}.split-delivery-checkbox-label:hover{background:#e3f2fd}.split-delivery-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#1976d2;cursor:pointer}.split-delivery-checkbox-label span{font-size:14px;font-weight:600;color:#1565c0}.split-delivery-sender-fields{margin-top:12px;padding-top:12px;border-top:1px dashed #90caf9;display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-delivery-sender-fields .split-delivery-field{grid-column:span 2}.split-delivery-sender-fields .split-delivery-field.split-delivery-field-half{grid-column:span 1}.split-delivery-zip{width:100%}.split-delivery-item-title{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}.split-delivery-item-body{padding:16px;display:flex;flex-direction:column;gap:0}@media screen and (max-width:600px){.split-delivery-item-body{display:flex;flex-direction:column}.split-delivery-section{padding:12px}.split-delivery-field.split-delivery-field-half{width:100%}.split-delivery-sender-fields{grid-template-columns:1fr}.split-delivery-sender-fields .split-delivery-field.split-delivery-field-half{grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/grouped-options-modal.css.map */