/* Presentation only: shared real resource URLs and unchanged inquiry processing. */
.customer-flow {background:#f2f5f6;border-block:1px solid #dce3e7;color:#182e3c}
.customer-flow .container {max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;gap:12px;padding:18px 20px}
.customer-flow a {display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #cbd6dc;border-radius:6px;background:white;color:#182e3c;text-decoration:none;font-weight:600}
.customer-flow small {font-size:12px;font-weight:400}
.customer-flow a.customer-flow-cta {background:#b73e00;border-color:#b73e00;color:white;margin-left:auto}
.customer-flow a:hover {text-decoration:underline}
.customer-flow a:focus-visible,.dalon-customer a:focus-visible,.dalon-customer button:focus-visible {outline:3px solid #b73e00;outline-offset:3px}
.dalon-customer {background:#f2f5f6;color:#182e3c}
.dalon-customer .hero-banner {background:#182e3c!important;padding:48px 20px!important}
.dalon-customer .container {max-width:1200px}
.dalon-customer .products-area {padding-block:36px!important}
.dalon-customer .products-wrapper>.row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
.dalon-customer .products-wrapper>.row>.col {width:auto;padding:0;min-width:0}
.dalon-customer .card {border:1px solid #dce3e7!important;border-top:3px solid #b73e00!important;border-radius:8px;box-shadow:0 4px 16px #182e3c0a;overflow:hidden}
.dalon-customer .card-img-top {width:100%;height:220px;object-fit:contain;background:white;padding:16px}
.dalon-customer .card-body {padding:20px}
.dalon-customer .card a::after {content:none!important}
.dalon-customer .card-title {font-size:1.15rem;color:#182e3c!important;line-height:1.4;overflow-wrap:anywhere}
.dalon-customer .btn-primary {background:#b73e00;border-color:#b73e00;color:white}
.dalon-customer .btn {min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal}
.dalon-customer .btn-outline-primary {color:#182e3c;border-color:#182e3c}
.dalon-customer .certificate-archive-note {font-size:.875rem;color:#4b5f6a;line-height:1.5}
.dalon-customer .modal-body img {display:block;max-width:100%;height:auto;margin:auto}
.dalon-inquiry h1 {margin:28px 0;font-size:clamp(1.8rem,4vw,2.6rem);color:#182e3c}
.dalon-inquiry .mail-box-header {background:#e8eef1!important}
.dalon-inquiry .mail-box-header h2,.dalon-inquiry .card h2 {color:#182e3c!important;font-size:1.35rem}
.dalon-inquiry .form-control {min-height:44px;border-color:#afbec6}
.dalon-inquiry textarea.form-control {min-height:190px;resize:vertical}
.dalon-inquiry .card {overflow-wrap:anywhere}
.dalon-inquiry .whatsapp-float {position:static;display:flex;width:max-content;margin:12px auto;border-radius:6px;z-index:auto}
@media(max-width:991px) {
 .dalon-customer .products-wrapper>.row {grid-template-columns:repeat(2,minmax(0,1fr))}
 .dalon-inquiry section>.row {gap:20px}
}
@media(max-width:575px) {
 .customer-flow .container {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 16px}
 .customer-flow a {font-size:14px;flex-wrap:wrap;padding:10px;gap:4px}
 .customer-flow a.customer-flow-cta {margin-left:0}
 .dalon-customer .products-wrapper>.row {grid-template-columns:minmax(0,1fr)}
 .dalon-customer .hero-banner {padding:32px 16px!important}
 .dalon-customer .hero-banner h1 {font-size:1.8rem}
 .dalon-customer .card-img-top {height:230px}
 .dalon-inquiry .mail-body {padding:20px!important}
 .dalon-inquiry .col-form-label {padding-bottom:6px}
}