.ama-contact-page,
.ama-contact-page * {
box-sizing: border-box;
}
.ama-contact-page {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
color: #1f2937;
font-family: Arial, Helvetica, sans-serif;
}
.ama-contact-header {
max-width: 780px;
margin-bottom: 42px;
}
.ama-contact-label {
display: inline-flex;
align-items: center;
margin-bottom: 12px;
padding: 6px 12px;
border-radius: 999px;
background: #fff0df;
color: #d95f02;
font-size: 12px;
font-weight: 800;
letter-spacing: 1.3px;
}
.ama-contact-header h1 {
margin: 0 0 16px;
color: #111827;
font-size: clamp(36px, 5vw, 52px);
line-height: 1.1;
font-weight: 800;
letter-spacing: -1.2px;
}
.ama-contact-header p {
margin: 0;
color: #5f6878;
font-size: 16px;
line-height: 1.75;
}
.ama-contact-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.ama-contact-card {
padding: 28px;
border: 1px solid #ececec;
border-radius: 18px;
background: #ffffff;
box-shadow:
0 12px 35px rgba(17, 24, 39, 0.06),
0 2px 8px rgba(17, 24, 39, 0.03);
}
.ama-contact-card h2,
.ama-contact-form-area h2 {
margin: 0 0 16px;
color: #111827;
font-size: 23px;
line-height: 1.3;
font-weight: 800;
}
.ama-contact-card p,
.ama-contact-card li,
.ama-contact-card address,
.ama-contact-form-area p {
color: #5f6878;
font-size: 15px;
line-height: 1.75;
}
.ama-contact-card p {
margin: 0 0 14px;
}
.ama-contact-card address {
margin: 0;
font-style: normal;
}
.ama-contact-item {
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid #f0f0f0;
}
.ama-contact-item:first-of-type {
margin-top: 22px;
}
.ama-contact-item strong {
display: block;
margin-bottom: 6px;
color: #111827;
font-size: 13px;
font-weight: 800;
}
.ama-contact-item a {
color: #e8670b;
font-size: 15px;
font-weight: 700;
text-decoration: none;
word-break: break-word;
}
.ama-contact-item a:hover {
color: #c95000;
text-decoration: underline;
}
.ama-contact-note {
margin-top: 20px !important;
padding: 15px 17px;
border-left: 4px solid #ff7a00;
border-radius: 8px;
background: #fff7ef;
}
.ama-contact-card ul {
margin: 0;
padding-left: 20px;
}
.ama-contact-card li {
margin-bottom: 8px;
}
.ama-contact-card li:last-child {
margin-bottom: 0;
}
.ama-contact-form-area {
margin-top: 26px;
padding: 34px;
border: 1px solid #ffd6b0;
border-radius: 18px;
background:
radial-gradient(
circle at 10% 10%,
rgba(255, 122, 0, 0.11),
transparent 35%
),
linear-gradient(
135deg,
#fffaf5 0%,
#ffffff 55%,
#fff1e3 100%
);
}
.ama-contact-form-placeholder {
margin-top: 22px;
padding: 22px;
border: 1px dashed #ffad66;
border-radius: 12px;
background: rgba(255, 255, 255, 0.8);
color: #7a4a24;
font-size: 14px;
line-height: 1.7;
}
.ama-contact-footer {
margin-top: 28px;
padding: 24px;
border-radius: 15px;
background: #111827;
color: #ffffff;
text-align: center;
}
.ama-contact-footer h2 {
margin: 0 0 8px;
color: #ffffff;
font-size: 22px;
}
.ama-contact-footer p {
max-width: 760px;
margin: 0 auto;
color: #d1d5db;
font-size: 14px;
line-height: 1.7;
}
@media (max-width: 760px) {
.ama-contact-page {
padding: 40px 15px;
}
.ama-contact-header {
margin-bottom: 30px;
}
.ama-contact-grid {
grid-template-columns: 1fr;
gap: 17px;
}
.ama-contact-card,
.ama-contact-form-area {
padding: 22px;
border-radius: 15px;
}
.ama-contact-header p {
font-size: 15px;
}
.ama-contact-footer {
padding: 22px 18px;
}
}
