/*
Theme Name: AIMA Cambodia
Author: AIMA Cambodia
Description: Accessible product and showroom theme for AIMA Cambodia.
Version: 1.1.0
Text Domain: aima-cambodia
*/
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--aima-dark); background: #fff; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.aima-container { width: min(calc(100% - 40px), var(--aima-max)); margin-inline: auto; }
.aima-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid var(--aima-border); }
.aima-header-inner { display: flex; align-items: center; justify-content: space-between; }
.aima-nav ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.aima-nav a { font-weight: 600; }
.aima-button { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.aima-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.aima-eyebrow { text-transform: uppercase; font-weight: 700; }
.aima-section.gray { background: var(--aima-light); }
.aima-section-header { display: flex; align-items: end; justify-content: space-between; }
.aima-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aima-card { background: #fff; }
.aima-card-image { display: grid; place-items: center; overflow: hidden; }
.aima-card-image img { width: 100%; height: 100%; }
.aima-card h3 { margin: 0 0 4px; }
.aima-card-subtitle, .aima-meta { color: var(--aima-gray); }
.aima-meta { font-size: 14px; }
.aima-price { font-weight: 800; }
.aima-dark-section { color: #fff; }
.aima-content { margin-inline: auto; padding: 70px 0 100px; }
.aima-model-price { font-weight: 800; }
.aima-model-specs { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--aima-border); background: var(--aima-border); }
.aima-model-spec { padding: 24px; background: #fff; }
.aima-dealer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aima-dealer-card { padding: 26px; border: 1px solid var(--aima-border); }
.aima-footer { color: #fff; }
.aima-footer-bottom { margin-top: 50px; padding-top: 24px; border-top: 1px solid; }

/* 2026 editorial layout: clear prices, readable content and accessible navigation. */
:root {
    --aima-pink:#ae285d;
    --aima-pink-soft:#f8edf1;
    --aima-dark:#202622;
    --aima-gray:#5b655e;
    --aima-light:#f3f4ef;
    --aima-border:#dce1d9;
    --aima-max:1240px}

body {
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Khmer",Arial,sans-serif;
    line-height:1.7}

a:focus-visible,button:focus-visible {
    outline:3px solid #ae285d;
    outline-offset:5px}

.aima-skip {
    position:absolute;
    left:12px;
    top:-100px;
    background:#fff;
    padding:12px;
    z-index:2000}
.aima-skip:focus {
    top:12px}

.aima-brand {
    font-weight: 800;
    display:inline-flex;
    flex-direction:column;
    font-size:30px;
    line-height:1;
    letter-spacing:-1.2px}
.aima-brand span {
    font-size:9px;
    letter-spacing:3px;
    margin-top:7px;
    color:inherit}

.aima-header {
    background:#fff;
    backdrop-filter:none}
.aima-header-inner {
    min-height:90px;
    gap:24px}
.aima-nav ul {
    gap:28px}
.aima-nav a {
    font-size:13px}
.aima-nav a:hover {
    text-decoration:underline;
    text-underline-offset:6px}

.aima-button {
    border-radius:6px;
    background:#273d31;
    color:#fff;
    gap:20px;
    padding:13px 22px;
    font-size:14px;
    min-height:48px}
.aima-button.secondary {
    color:var(--aima-dark);
    border:1px solid #aab5ad;
    background:transparent;
    border-color:#aab5ad}
.aima-button:hover {
    background:#385941;
    color:#fff;
    transform:none}
.header-cta {
    font-size:12px;
    padding:10px 16px}

.aima-hero {
    min-height:0;
    padding:90px 0 100px;
    background:#f1f3ec}
.aima-hero-layout {
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:80px;
    align-items:center}
.aima-hero h1 {
    font-size:clamp(40px,4.8vw,68px);
    line-height:1.08;
    letter-spacing:-.055em;
    margin:22px 0}
.aima-hero h1 em {
    font-weight:450;
    font-style:normal;
    color:#536b58}
.aima-hero p {
    font-size:17px;
    max-width:510px;
    margin:0 0 28px}
.aima-hero .aima-hero-note {
    font-size:12px;
    margin:24px 0 0;
    color:#556158}
.aima-eyebrow {
    font-size:11px;
    letter-spacing:.14em;
    color:#526b58}

.aima-price-panel {
    background:#fff;
    padding:32px 36px;
    border:1px solid #dce1d9;
    border-radius:12px;
    box-shadow:0 16px 44px #25342b08}
.aima-price-panel h2 {
    font-size:28px;
    line-height:1.2;
    letter-spacing:-1px;
    margin:12px 0}
.aima-price-panel p {
    font-size:12px;
    margin-bottom:20px}
.aima-price-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid var(--aima-border);
    padding:16px 0;
    font-size:18px;
    gap:16px}
.aima-price-row strong {
    font-size:17px;
    white-space:nowrap}
.aima-price-row strong span {
    margin-left:16px;
    font-weight:400;
    color:#68766a}
.aima-price-row:hover {
    color:#ae285d}
.aima-price-panel small {
    font-size:11px;
    color:var(--aima-gray);
    display:block;
    margin-top:16px}

.aima-section {
    padding:80px 0}
.aima-section-header {
    margin-bottom:36px;
    gap:50px}
.aima-section-header h1,.aima-section-header h2 {
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.15;
    letter-spacing:-.045em;
    margin:12px 0 0}
.aima-section-header p {
    font-size:15px;
    max-width:410px}
.aima-grid {
    gap:22px}
.aima-card {
    border:0;
    border-radius:0;
    overflow:visible}
.aima-card:hover {
    transform:none;
    box-shadow:none}
.aima-card-image {
    aspect-ratio:1/1;
    background:#f0f2ec;
    border-radius:8px}
.aima-card-image img {
    object-fit:contain;
    padding:12px}
.aima-card-body {
    padding:20px 0}
.aima-card h3 {
    font-size:25px;
    letter-spacing:-.7px}
.aima-card-subtitle {
    min-height:44px;
    margin:8px 0;
    font-size:12px}
.aima-card-placeholder {
    width:100%;
    padding:22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#46604f;
    text-align:center;
    min-height:240px}
.aima-card-placeholder span {
    font-size:10px;
    letter-spacing:5px}
.aima-card-placeholder strong {
    font-size:clamp(32px,4vw,56px);
    line-height:1.3;
    font-weight:500;
    letter-spacing:-2px}
.aima-card-placeholder small {
    font-size:10px;
    font-weight:400;
    color:#667267;
    margin-top:24px}
.aima-price {
    font-size:24px;
    margin-top:14px}
.aima-price small,.aima-model-price small {
    font-size:12px;
    font-weight:500;
    color:var(--aima-gray)}
.aima-card-link {
    display:block;
    border-top:1px solid var(--aima-border);
    margin-top:18px;
    padding-top:14px;
    font-size:12px;
    font-weight:600}
.aima-card:hover .aima-card-link {
    color:var(--aima-pink)}

.aima-guide-card {
    background:#fff;
    border:1px solid var(--aima-border);
    padding:30px;
    border-radius:8px}
.aima-guide-card h3 {
    font-size:23px;
    line-height:1.25;
    letter-spacing:-.5px}
.aima-guide-card p {
    font-size:14px;
    color:var(--aima-gray);
    min-height:72px}
.aima-guide-card>span:last-child {
    font-size:12px;
    font-weight:600}
.aima-language-links {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:22px;
    margin-top:32px;
    font-size:13px}
.aima-language-links span {
    color:var(--aima-gray)}
.aima-language-links a {
    text-decoration:underline;
    text-underline-offset:4px}

.aima-dark-section {
    background:#263c30;
    padding:76px 0}
.aima-dark-section .aima-eyebrow {
    color:#c1d3c2}
.aima-dark-section h2 {
    font-size:48px;
    line-height:1.1;
    margin:18px 0}
.aima-dark-section p {
    color:#d2ded4;
    font-size:16px}
.aima-visit-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:80px}
.aima-dark-section .aima-button {
    background:#e2edbd;
    color:#263c30}
.aima-dark-section .aima-button.secondary {
    color:#fff;
    background:transparent}
.aima-address {
    font-size:22px!important;
    line-height:1.6}

.aima-product-layout {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:64px;
    align-items:center;
    margin:32px 0 70px}
.aima-product-visual {
    background:#f0f2ec;
    border-radius:12px;
    aspect-ratio:1.12;
    display:grid;
    place-items:center;
    overflow:hidden}
.aima-product-visual img {
    width:100%;
    height:100%;
    object-fit:contain;
    padding:24px}
.aima-product-visual .aima-card-placeholder strong {
    font-size:72px}
.aima-model-hero {
    padding:30px 0 60px}
.aima-model-hero h1 {
    font-size:64px;
    margin:14px 0}
.aima-model-price {
    color:#273d31;
    font-size:36px;
    margin:24px 0 8px}
.aima-product-layout p {
    font-size:14px;
    color:var(--aima-gray)}
.aima-breadcrumb {
    font-size:12px;
    color:var(--aima-gray)}
.aima-breadcrumb a {
    text-decoration:underline}
.aima-model-specs {
    border-radius:6px;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    margin:24px 0}
.aima-model-spec dt {
    font-size:12px;
    color:var(--aima-gray)}
.aima-model-spec dd {
    margin:6px 0;
    font-size:22px;
    font-weight:600}
.aima-model-content {
    padding:16px 0 32px}
.aima-content {
    max-width:850px;
    overflow-wrap:anywhere}
.aima-content h1 {
    line-height:1.2;
    font-size:clamp(32px,4vw,52px)}
.aima-content h2 {
    line-height:1.3;
    margin-top:36px;
    font-size:28px}
.aima-content a:not(.aima-button) {
    text-decoration:underline;
    text-underline-offset:3px}
.aima-content table {
    display:block;
    overflow-x:auto;
    max-width:100%;
    border-collapse:collapse;
    font-size:14px}
.aima-content th,.aima-content td {
    padding:12px;
    text-align:start;
    border-bottom:1px solid var(--aima-border)}
.aima-content th {
    background:var(--aima-light)}

.aima-showroom {
    padding:32px;
    background:var(--aima-light);
    border-radius:8px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:32px;
    margin:24px 0 40px}
.aima-showroom h2 {
    margin:8px 0;
    font-size:30px}
.aima-dealer-card {
    border-radius:8px}
.aima-dealer-card h2 {
    line-height:1.35;
    font-size:23px}
.aima-dealer-card p {
    font-size:14px}
.navigation.pagination {
    grid-column:1/-1;
    margin-top:24px}
.nav-links {
    display:flex;
    gap:16px;
    flex-wrap:wrap}
.page-numbers {
    padding:8px}

.aima-footer {
    background:#18251d;
    padding:60px 0 24px}
.aima-footer-grid {
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:40px}
.aima-footer p {
    font-size:13px;
    line-height:2;
    color:#bdc9c0}
.aima-footer strong {
    font-size:13px}
.aima-footer a:hover {
    text-decoration:underline}
.aima-footer-bottom {
    font-size:11px;
    color:#b0bdb2;
    border-color:#3b4a40}

@media(max-width:1000px) {
    .aima-hero-layout {
    gap:32px}
.aima-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))}
.aima-header-inner {
    gap:18px}
.aima-nav ul {
    gap:16px}
.aima-product-layout {
    gap:32px}
.aima-footer-grid {
    grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px) {
    .aima-container {
    width:calc(100% - 32px)}
.aima-header-inner {
    flex-wrap:wrap;
    padding:16px 0;
    gap:14px}
.aima-header .aima-brand {
    font-size:25px}
.header-cta {
    margin-left:auto;
    min-height:40px}
.aima-nav {
    display:block;
    order:3;
    width:100%}
.aima-nav ul {
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap}
.aima-nav a {
    font-size:12px;
    padding:8px 0;
    display:block}
.aima-hero {
    padding:46px 0}
.aima-hero-layout,.aima-product-layout,.aima-visit-layout {
    grid-template-columns:1fr;
    gap:32px}
.aima-hero h1 {
    font-size:43px}
.aima-hero p {
    font-size:15px}
.aima-price-panel {
    padding:24px}
.aima-section {
    padding:52px 0}
.aima-section-header {
    display:block}
.aima-section-header p {
    margin-top:20px}
.aima-dealer-grid {
    grid-template-columns:1fr}
.aima-guide-card p {
    min-height:0}
.aima-dark-section {
    padding:50px 0}
.aima-dark-section h2 {
    font-size:40px}
.aima-model-hero h1 {
    font-size:48px}
.aima-product-layout {
    margin-bottom:48px}
.aima-showroom {
    display:block;
    padding:24px}
.aima-showroom .aima-button {
    margin-top:16px}
.aima-content {
    padding:36px 0 56px}
.aima-footer-grid {
    gap:32px}
.aima-footer-grid>div:first-child {
    grid-column:1/-1}
.aima-content h1 {
    font-size:34px}
}

@media(max-width:440px) {
    .aima-grid {
    grid-template-columns:1fr}
.aima-hero h1 {
    font-size:38px}
.aima-card-image {
    aspect-ratio:1.3}
.aima-actions .aima-button {
    width:100%}
.aima-footer-grid {
    grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto}
* {
    transition:none!important}
}

/* Visible ownership mark; image URLs remain crawlable. */
.aima-watermarked, .aima-catalogue { position: relative; display: block; }
.aima-watermarked { width: 100%; }
.aima-watermarked::after, .aima-catalogue::after {
  content: "AIMA CAMBODIA · aimacambodia.com";
  position: absolute; left: 5%; right: 5%; top: 55%; z-index: 1;
  transform: rotate(-16deg); text-align: center; pointer-events: none;
  color: rgba(22,48,36,.45); text-shadow: 0 1px 2px rgba(255,255,255,.95);
  font: 700 clamp(10px, 1.5vw, 22px)/1.5 Arial, sans-serif;
  letter-spacing: .035em; user-select: none;
}
.aima-watermarked img, .aima-catalogue img { -webkit-user-drag: none; }

.aima-brand { display: inline-flex; flex-direction: row; align-items: center; gap: 10px; }
.aima-brand .aima-brand-mark { width: 52px; height: 52px; border-radius: 50%; display: block; }
.aima-brand .aima-brand-name { margin-top: 0; font-size: 24px; letter-spacing: -.05em; line-height: 1; }
.aima-brand-name small { display: block; font-size: 9px; letter-spacing: .28em; margin-top: 8px; }

/* Public indicative price labels; keep long four-digit bands readable on mobile. */
.aima-price-band strong{font-size:1.35rem;white-space:nowrap}.aima-price-band span,.aima-price-band small{font-size:.85rem;line-height:1.5}

.aima-guide-table-scroll{overflow-x:auto}.aima-guide-table-scroll table{width:100%;border-collapse:collapse}.aima-guide-table-scroll th,.aima-guide-table-scroll td{text-align:left;padding:12px;border-bottom:1px solid #ddd}.aima-guide-table-scroll td{white-space:nowrap}
