#aplus-quote-form-wrap {
max-width: 820px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #1a1a1a;
} .aq-lang-toggle {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
gap: 4px;
}
.aq-lang-btn {
padding: 5px 14px;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
color: #555;
transition: all .15s;
}
.aq-lang-btn.active {
background: #2C3E50;
color: #fff;
border-color: #2C3E50;
} .aq-section {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 24px;
margin-bottom: 20px;
}
.aq-section-title {
font-size: 16px;
font-weight: 700;
color: #2C3E50;
margin: 0 0 18px;
padding-bottom: 10px;
border-bottom: 2px solid #f0f0f0;
} .aq-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media (max-width: 600px) {
.aq-grid-2 { grid-template-columns: 1fr; }
}
.aq-field {
display: flex;
flex-direction: column;
}
.aq-field label {
font-size: 13px;
font-weight: 600;
color: #444;
margin-bottom: 6px;
}
.aq-field input,
.aq-field textarea,
.aq-field select {
padding: 9px 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
color: #1a1a1a;
transition: border .15s;
outline: none;
width: 100%;
box-sizing: border-box;
}
.aq-field input:focus,
.aq-field textarea:focus {
border-color: #2C3E50;
box-shadow: 0 0 0 2px rgba(44,62,80,.1);
}
.aq-field input.aq-error {
border-color: #e74c3c;
}
.aq-hint {
font-size: 11px;
color: #888;
margin-top: 4px;
} .aq-product-row {
display: grid;
grid-template-columns: 1fr 80px 100px 36px;
gap: 8px;
align-items: start;
margin-bottom: 16px !important;
position: relative;
}
@media (max-width: 600px) {
.aq-product-row { grid-template-columns: 1fr 70px 80px 32px; }
}
.aq-product-row input {
padding: 9px 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
outline: none;
}
.aq-product-row input:focus { border-color: #2C3E50; }
.aq-product-row .aq-remove-row {
background: #e74c3c;
color: #fff;
border: none;
border-radius: 5px;
width: 36px;
height: 38px;
cursor: pointer;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
flex-shrink: 0;
}
.aq-row-labels {
display: grid;
grid-template-columns: 1fr 80px 100px 36px;
gap: 8px;
margin-bottom: 4px;
}
.aq-row-labels span {
font-size: 12px;
font-weight: 600;
color: #666;
}
@media (max-width: 600px) {
.aq-row-labels { grid-template-columns: 1fr 70px 80px 32px; }
} .aq-sku-wrap { position: relative; }
.aq-sku-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 5px 5px;
z-index: 999;
max-height: 220px;
overflow-y: auto;
box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
.aq-sku-item {
padding: 9px 12px;
cursor: pointer;
font-size: 13px;
border-bottom: 1px solid #f0f0f0;
display: flex;
flex-direction: column;
gap: 2px;
}
.aq-sku-item:hover { background: #f5f7fa; }
.aq-sku-item .aq-sku-name { font-weight: 600; color: #1a1a1a; }
.aq-sku-item .aq-sku-meta { font-size: 11px; color: #888; }
.aq-sku-item.aq-sku-manual { color: #2980b9; font-style: italic; }
.aq-sku-loading { padding: 10px 12px; font-size: 13px; color: #888; }
.aq-product-selected {
font-size: 11px;
color: #27AE60;
margin-top: 3px;
grid-column: 1;
} .aq-btn-secondary {
background: #fff;
color: #2C3E50;
border: 1.5px solid #2C3E50;
border-radius: 5px;
padding: 8px 18px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
margin-top: 8px;
transition: all .15s;
}
.aq-btn-secondary:hover {
background: #2C3E50;
color: #fff;
}
.aq-btn-primary {
background: #27AE60;
color: #fff;
border: none;
border-radius: 6px;
padding: 13px 32px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background .15s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.aq-btn-primary:hover { background: #219150; }
.aq-btn-primary:disabled { background: #aaa; cursor: not-allowed; }
.aq-btn-wa {
display: inline-flex;
align-items: center;
gap: 6px;
background: #25D366;
color: #fff;
padding: 8px 16px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: background .15s;
}
.aq-btn-wa:hover { background: #1ebe5d; color: #fff; } .aq-contact-block {
margin-top: 16px;
padding: 12px 16px;
background: #f8fafb;
border-radius: 6px;
border: 1px dashed #ccc;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.aq-contact-block > span {
font-size: 13px;
color: #555;
} .aq-submit-row {
text-align: center;
padding: 8px 0 4px;
}
.aq-submit-hint {
font-size: 12px;
color: #888;
margin-top: 10px;
} #aq-status {
margin-top: 16px;
padding: 0;
}
.aq-status-loading {
background: #eaf4fb;
border: 1px solid #aed6f1;
border-radius: 6px;
padding: 16px 20px;
color: #1a5276;
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
}
.aq-status-success {
background: #eafaf1;
border: 1px solid #a9dfbf;
border-radius: 6px;
padding: 16px 20px;
color: #1e8449;
font-size: 14px;
}
.aq-status-error {
background: #fdedec;
border: 1px solid #f5b7b1;
border-radius: 6px;
padding: 16px 20px;
color: #922b21;
font-size: 14px;
}
.aq-spinner {
width: 18px;
height: 18px;
border: 3px solid #aed6f1;
border-top-color: #1a5276;
border-radius: 50%;
animation: aq-spin .7s linear infinite;
flex-shrink: 0;
}
@keyframes aq-spin { to { transform: rotate(360deg); } }
#aplus-quote-form-wrap textarea {
padding: 9px 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
resize: vertical;
outline: none;
box-sizing: border-box;
}
#aplus-quote-form-wrap textarea:focus {
border-color: #2C3E50;
box-shadow: 0 0 0 2px rgba(44,62,80,.1);
} .aq-cat-select {
width: 100%;
margin-top: 5px;
padding: 5px 8px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 12px;
color: #555;
background: #fff;
cursor: pointer;
}
.aq-cat-select:focus { outline: none; border-color: #2C3E50; } .aq-cart-quote-btn {
display: block;
width: auto;
margin-left: 8px;
padding: 12px 16px;
background: #ffffff;
color: #2C3E50;
text-align: center;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border: 2px solid #2C3E50;
box-sizing: border-box;
transition: background .2s, color .2s;
line-height: 1.5;
}
.aq-cart-quote-btn:hover,
.aq-cart-quote-btn:visited {
background: #2C3E50;
color: #ffffff;
text-decoration: none;
}