/* Apex Product Options frontend */
.apex-options-wrap {
    width: 100%;
    margin: 28px 0 0;
    padding: 28px 0 0;
    border-top: 1px solid rgba(201,162,75,.18);
}
.apex-option-group { margin: 0 0 28px; }
.apex-option-group:last-child { margin-bottom: 0; }
.apex-option-label {
    display:block;
    margin:0 0 12px;
    color:#b8afa4;
    font-size:12px;
    font-weight:500;
    line-height:1.5;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.apex-required { color:#e4c878; }
.apex-optional { opacity:.72; letter-spacing:.08em; }

.apex-chip-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.apex-chip-label {
    position:relative;
    display:flex;
    min-height:58px;
    margin:0;
    padding:0;
    cursor:pointer;
}
.apex-chip-input {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
.apex-chip-content {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:58px;
    box-sizing:border-box;
    padding:13px 15px;
    color:#f2eee7;
    background:linear-gradient(145deg,#201d20,#151316);
    border:1px solid rgba(201,162,75,.18);
    border-radius:7px;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.apex-chip-label:hover .apex-chip-content {
    border-color:rgba(201,162,75,.55);
    transform:translateY(-1px);
}
.apex-chip-input:checked + .apex-chip-content {
    background:linear-gradient(145deg,rgba(201,162,75,.18),#201d20);
    border-color:#e4c878;
    box-shadow:0 0 0 1px rgba(228,200,120,.22),0 12px 28px -18px rgba(125,60,170,.7);
}
.apex-chip-input:focus-visible + .apex-chip-content {
    outline:2px solid #e4c878;
    outline-offset:2px;
}
.apex-chip-name { font-size:14px; line-height:1.35; }
.apex-chip-price {
    flex:0 0 auto;
    color:#e4c878;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}

.apex-select-wrap { position:relative; }
.apex-option-select {
    width:100%;
    min-height:58px;
    margin:0;
    padding:0 48px 0 16px;
    color:#f2eee7;
    background:#201d20;
    border:1px solid rgba(201,162,75,.22);
    border-radius:7px;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    font-size:14px;
}
.apex-option-select:hover,
.apex-option-select:focus {
    border-color:#e4c878;
    outline:none;
    box-shadow:0 0 0 1px #e4c878,0 0 24px rgba(125,60,170,.25);
}
.apex-select-wrap::after {
    content:'';
    position:absolute;
    right:18px;
    top:50%;
    width:8px;
    height:8px;
    border-right:1px solid #e4c878;
    border-bottom:1px solid #e4c878;
    transform:translateY(-65%) rotate(45deg);
    pointer-events:none;
}
@media (max-width:767px) {
    .apex-chip-grid { grid-template-columns:1fr; }
    .apex-chip-content,.apex-option-select { min-height:54px; }
}