:root {
  color-scheme: light;
  --ink: #1d2429;
  --ink-soft: #313b42;
  --muted: #69757d;
  --red: #c9202b;
  --red-dark: #a91620;
  --paper: #f4f6f7;
  --line: #e2e7e9;
  --white: #fff;
  --radius: 18px;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.55 Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
html[dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
a { transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.site-header { position: sticky; z-index: 50; top: 0; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(29,36,41,.08); box-shadow: 0 4px 22px rgba(29,36,41,.045); backdrop-filter: blur(12px); }
.header-inner { min-height: 82px; display: flex; align-items: center; gap: 28px; }
.brand { color: var(--ink); text-decoration: none; font-size: 19px; font-weight: 900; letter-spacing: .035em; white-space: nowrap; }
.brand b { color: var(--red); }
.nav-links { display: flex; align-items: center; gap: 28px; margin-inline: auto; }
.nav-links a { position: relative; color: #47535a; text-decoration: none; font-size: 14px; font-weight: 700; }
.nav-links a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; content: ""; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.nav-links a:hover { color: var(--red); }
.nav-links a:hover::after { transform: scaleX(1); }
.lang-switch { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 999px; background: #f7f8f9; }
.lang-switch button { min-width: 38px; border: 0; border-radius: 999px; background: transparent; color: #4d5960; padding: 7px 9px; font-size: 11px; font-weight: 850; cursor: pointer; }
.lang-switch button:hover { color: var(--red); }
.lang-switch button.selected { background: var(--ink); color: #fff; box-shadow: 0 2px 7px rgba(29,36,41,.18); }
.btn { display: inline-flex; min-height: 46px; justify-content: center; align-items: center; gap: 8px; padding: 11px 19px; border: 1px solid transparent; border-radius: 10px; background: var(--red); color: #fff; text-decoration: none; font-weight: 800; line-height: 1.2; cursor: pointer; box-shadow: 0 5px 13px rgba(201,32,43,.16); transition: background .18s ease, transform .18s ease, box-shadow .18s ease; }
.btn:hover { background: var(--red-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(201,32,43,.22); }
.btn:focus-visible, .lang-switch button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(201,32,43,.22); outline-offset: 2px; }
.btn.secondary { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.45); color: #fff; box-shadow: none; }
.btn.secondary:hover { background: #fff; color: var(--ink); }
.btn.ghost { background: #fff; color: var(--ink); border-color: var(--line); box-shadow: none; }
.btn.ghost:hover { color: var(--red); border-color: var(--red); background: #fff8f8; }
.btn.small { min-height: 38px; padding: 8px 12px; font-size: 13px; }
.hero { position: relative; overflow: hidden; isolation: isolate; min-height: 570px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(17,23,27,.94) 0%, rgba(17,23,27,.78) 50%, rgba(17,23,27,.48) 100%), url("../img/airport-banner.jpg") center 54% / cover no-repeat, #20272b; color: #fff; padding: 70px 0 76px; }
.hero::after { position: absolute; z-index: -1; right: -35px; bottom: -118px; color: rgba(255,255,255,.06); content: "ABQ"; font-size: clamp(180px,28vw,360px); font-weight: 950; letter-spacing: -.08em; line-height: 1; pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,410px); gap: clamp(30px,6vw,80px); align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--red); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hero .eyebrow { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; padding: 8px 13px; letter-spacing: .08em; }
.hero h1 { max-width: 680px; margin: 22px 0 16px; font-size: clamp(38px,5.4vw,66px); font-weight: 850; letter-spacing: -.045em; line-height: 1.04; }
.hero p { max-width: 590px; margin: 0 0 25px; color: rgba(255,255,255,.8); font-size: clamp(16px,1.5vw,19px); }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.booking-card, .card, .admin-card { border: 1px solid rgba(20,28,32,.08); border-radius: var(--radius); background: #fff; color: var(--ink); box-shadow: 0 20px 55px rgba(8,13,17,.2); }
.booking-card { position: relative; padding: 25px; }
.booking-card::before { position: absolute; top: 0; right: 25px; left: 25px; height: 3px; border-radius: 0 0 4px 4px; background: var(--red); content: ""; }
.booking-card h2 { margin: 0 0 17px; font-size: 20px; font-weight: 850; }
.field { display: grid; gap: 6px; margin: 11px 0; }
.field label { color: #58646b; font-size: 12px; font-weight: 800; }
.field input, .field select, .field textarea { width: 100%; min-height: 47px; border: 1px solid #d9e0e3; border-radius: 9px; background: #fbfcfc; color: var(--ink); padding: 11px 13px; font: inherit; transition: border-color .18s, background .18s, box-shadow .18s; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: #b9c4c9; background: #fff; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--red); outline: 0; background: #fff; box-shadow: 0 0 0 4px rgba(201,32,43,.1); }
.field input[type="file"] { padding: 8px; }
.booking-card .btn { width: 100%; margin-top: 10px; }
.section { padding: 76px 0; }
.section-head { max-width: 720px; margin: 0 auto 35px; text-align: center; }
.section-head h2, .page-title { margin: 8px 0 10px; font-size: clamp(29px,4vw,43px); font-weight: 850; letter-spacing: -.035em; line-height: 1.12; }
.section-head p, .muted { color: var(--muted); }
.section-head p { margin: 0; font-size: 16px; }
.cars-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.car-card { display: flex; overflow: hidden; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 7px 24px rgba(25,36,42,.055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.car-card:hover { transform: translateY(-5px); border-color: #d6b3b6; box-shadow: 0 18px 38px rgba(25,36,42,.13); }
.car-photo { display: grid; height: 180px; place-items: center; overflow: hidden; background: linear-gradient(145deg,#eef1f2,#f8f9fa); padding: 10px 18px; }
.car-photo img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.car-card:hover .car-photo img { transform: scale(1.015); }
.car-placeholder { opacity: .65; filter: grayscale(1); font-size: 100px; }
.car-body { display: grid; flex: 1; gap: 13px; padding: 21px; }
.car-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.car-heading h3 { margin: 0; font-size: 20px; font-weight: 850; letter-spacing: -.02em; }
.price { color: var(--red); font-size: 16px; font-weight: 900; white-space: nowrap; }
.specs { display: flex; flex-wrap: wrap; gap: 7px; }
.specs span, .pill { border: 1px solid #e5e9eb; border-radius: 999px; background: #f8f9fa; color: #526067; padding: 5px 10px; font-size: 12px; font-weight: 700; }
.car-body .btn { align-self: end; width: 100%; margin-top: auto; }
.empty-state { grid-column: 1/-1; border: 1px dashed #d2d9dc; border-radius: 15px; background: rgba(255,255,255,.7); color: var(--muted); padding: 42px 24px; text-align: center; }
.contact-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.contact-card { display: grid; align-content: start; gap: 9px; min-width: 0; border: 1px solid var(--line); border-radius: 15px; background: #fff; padding: 22px; box-shadow: 0 5px 18px rgba(25,36,42,.035); transition: transform .2s ease, box-shadow .2s ease; }
.contact-card:hover { transform: translateY(-3px); box-shadow: 0 13px 28px rgba(25,36,42,.09); }
.contact-card > span:first-child { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: #fff0f1; color: var(--red); font-size: 20px; }
.contact-card h3 { margin: 0; font-size: 16px; font-weight: 850; }
.contact-card a { color: var(--red); font-weight: 800; text-decoration: none; overflow-wrap: anywhere; }
.contact-card a:hover { color: var(--red-dark); text-decoration: underline; }
.site-footer { background: #1c2226; color: #e8ecee; padding: 42px 0 28px; }
.footer-grid { display: flex; justify-content: space-between; align-items: flex-start; gap: 25px; flex-wrap: wrap; }
.footer-grid p { margin: 3px 0; color: #c2c9cd; }
.footer-grid a { display: inline-block; margin-inline-end: 12px; color: inherit; text-decoration: none; }
.footer-grid a:hover { color: #ff8a90; }
.foot-note { margin-top: 24px; border-top: 1px solid rgba(255,255,255,.13); color: #a7b0b5; padding-top: 16px; font-size: 12px; }
.page-main { min-height: 68vh; padding: 54px 0 72px; }
.page-card { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; padding: clamp(22px,4vw,40px); box-shadow: 0 12px 34px rgba(27,43,51,.065); }
.page-title { margin-top: 4px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 18px; }
.form-grid .full { grid-column: 1/-1; }
.admin-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.admin-top-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.admin-list { display: grid; gap: 10px; padding: 16px; }
.admin-row { display: grid; grid-template-columns: 90px minmax(0,1fr) auto; align-items: center; gap: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fff; padding: 13px; transition: border-color .18s, box-shadow .18s; }
.admin-row:hover { border-color: #d7b5b8; box-shadow: 0 5px 16px rgba(25,36,42,.06); }
.admin-row img { width: 90px; height: 68px; border-radius: 9px; background: #eef1f2; object-fit: cover; }
.admin-actions { display: flex; gap: 8px; }
.admin-message { margin: 12px 0; border: 1px solid #e7ebed; border-radius: 10px; background: #f8fafb; color: var(--muted); padding: 12px 14px; font-size: 13px; }
.admin-message.error { border-color: #f1c6c9; background: #fff4f4; color: #9d1b24; }
.status { color: var(--muted); font-size: 13px; }
.reservation-summary { margin: 18px 0; border: 1px solid var(--line); border-radius: 13px; background: #f7f9fa; padding: 17px; }
.reservation-summary p { margin: 5px 0; }
.hidden { display: none !important; }
#adminGate { max-width: 510px; margin: 52px auto; }
[dir="rtl"] .car-heading { flex-direction: row-reverse; }
[dir="rtl"] .nav-links a::after { transform-origin: right; }
[dir="rtl"] .brand { letter-spacing: 0; }
@media (max-width: 850px) {
  .header-inner { min-height: 72px; flex-wrap: wrap; gap: 12px; padding: 11px 0; }
  .nav-links { order: 3; width: 100%; justify-content: center; gap: 22px; margin: 0; }
  .header-cta { margin-inline-start: auto; }
  .hero { min-height: auto; padding: 56px 0; }
  .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .booking-card { width: min(100%,620px); }
  .cars-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .wrap { width: min(100% - 26px,1160px); }
  .header-inner { justify-content: space-between; }
  .brand { font-size: 16px; }
  .nav-links { gap: 14px; font-size: 12px; }
  .nav-links a { font-size: 12px; }
  .lang-switch button { min-width: 32px; padding: 6px 7px; }
  .header-cta { display: none; }
  .hero { padding: 43px 0; background-position: center; }
  .hero h1 { font-size: clamp(35px,10vw,45px); }
  .hero p { font-size: 15px; }
  .booking-card { padding: 21px; }
  .cars-grid, .contact-cards, .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .car-photo { height: 160px; padding: 8px 14px; }
  .admin-row { grid-template-columns: 70px minmax(0,1fr); }
  .admin-row img { width: 70px; height: 60px; }
  .admin-actions { grid-column: 1/-1; }
  .section { padding: 53px 0; }
  .section-head { margin-bottom: 25px; }
  .page-main { padding: 32px 0 46px; }
  #adminGate { margin: 25px auto; }
  .foot-note { line-height: 1.7; }
}/* Footer refinement */
.site-footer { position: relative; overflow: hidden; border-top: 3px solid transparent; border-image: linear-gradient(90deg,#99151d,var(--red),#f1666e) 1; background: radial-gradient(ellipse at 8% 0%,rgba(201,32,43,.16),transparent 36%),#1c2226; padding: 52px 0 22px; }
.footer-main { display: grid; grid-template-columns: minmax(240px,1.25fr) minmax(150px,.7fr) minmax(240px,1fr); gap: clamp(28px,5vw,70px); padding-bottom: 38px; }
.footer-brand .brand { display: inline-block; margin-bottom: 13px; color: #fff; font-size: 22px; }
.footer-tagline { max-width: 340px; margin: 0 0 11px; color: #e2e7e9; font-size: 14px; font-weight: 650; line-height: 1.6; }
.footer-hours { color: #aeb8bd; font-size: 13px; }
.footer-nav, .footer-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-nav h2, .footer-contact h2 { margin: 3px 0 7px; color: #fff; font-size: 14px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.footer-nav a { position: relative; margin: 0; color: #c5cdd1; font-size: 14px; font-weight: 600; text-decoration: none; }
.footer-nav a:hover { color: #fff; transform: translateX(3px); }
.footer-contact-link { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; color: #e5e9eb !important; font-size: 14px; font-weight: 600 !important; text-decoration: none; }
.footer-contact-link:hover { color: #ff8a90 !important; }
.footer-icon { display: inline-grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.07); color: #ff7c83; font-size: 13px; }
.footer-address { margin: 4px 0 0; color: #aeb8bd; font-size: 12px; }
.foot-note { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 0; border-top: 1px solid rgba(255,255,255,.13); padding-top: 17px; color: #9fa9ae; font-size: 12px; }
.foot-note a { color: #bbc3c7; text-decoration: none; }
.foot-note a:hover { color: #fff; }
[dir="rtl"] .footer-nav a:hover { transform: translateX(-3px); }
[dir="rtl"] .footer-main { text-align: right; }
[dir="rtl"] .footer-nav, [dir="rtl"] .footer-contact { align-items: flex-end; }
[dir="rtl"] .footer-contact-link { flex-direction: row-reverse; }
@media (max-width: 760px) { .footer-main { grid-template-columns: 1fr 1fr; gap: 30px 24px; } .footer-brand { grid-column: 1/-1; } }
@media (max-width: 480px) { .site-footer { padding: 38px 0 18px; } .footer-main { grid-template-columns: 1fr; gap: 24px; padding-bottom: 28px; } .footer-brand { grid-column: auto; } .foot-note { align-items: flex-start; flex-direction: column; gap: 8px; } }

/* Polished agency theme and uncropped vehicle photography */
:root {
  --ink: #17232d;
  --ink-soft: #243744;
  --muted: #647583;
  --red: #c92332;
  --red-dark: #a91c29;
  --paper: #f3f6f8;
  --line: #e0e7eb;
  --radius: 20px;
}
body { background: linear-gradient(180deg,#f7f9fa 0%,#eef3f5 100%); }
.site-header { border-bottom-color: rgba(23,35,45,.08); box-shadow: 0 8px 28px rgba(23,35,45,.07); }
.brand { letter-spacing: .045em; }
.lang-switch { box-shadow: inset 0 1px 3px rgba(23,35,45,.045); }
.btn { border-radius: 12px; box-shadow: 0 8px 20px rgba(201,35,50,.19); }
.btn:hover { box-shadow: 0 12px 25px rgba(201,35,50,.25); }
.hero { background-image: linear-gradient(105deg,rgba(13,25,34,.96) 0%,rgba(16,34,46,.85) 52%,rgba(16,34,46,.53) 100%),url("../img/airport-banner.jpg"); }
.hero::before { position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--red),#f0b35b,transparent 78%); content:""; }
.booking-card { border-color:rgba(255,255,255,.8); border-radius:22px; box-shadow:0 24px 65px rgba(7,16,23,.3); }
.booking-card::before { height:4px; background:linear-gradient(90deg,var(--red),#ec9b58); }
.section:nth-of-type(even) { background:rgba(255,255,255,.62); }
.car-card { border-color:#e2e8ec; border-radius:20px; box-shadow:0 10px 30px rgba(24,42,54,.075); }
.car-card:hover { border-color:rgba(201,35,50,.38); box-shadow:0 20px 42px rgba(24,42,54,.15); }
.car-photo { position:relative; height:230px; padding:14px 22px; background:#edf1f4 url("../img/car-studio-background.png") center 62% / cover no-repeat; }
.car-photo::after { position:absolute; z-index:2; right:18px; bottom:12px; content:"AL-Cars"; color:rgba(23,35,45,.12); font-size:15px; font-weight:950; font-style:italic; letter-spacing:.06em; pointer-events:none; user-select:none; }
.car-photo img { position:relative; z-index:1; object-fit:contain; object-position:center; }
.specs span { border-color:#e2e9ed; background:linear-gradient(180deg,#fff,#f4f7f8); color:#425563; padding:6px 11px; }
.specs .baby-seat-chip { border-color:#f0d9a8; background:linear-gradient(135deg,#fff9eb,#fff); color:#875a10; }
.price { color:#b51f2c; }
.page-card, .admin-card, .contact-card { border-color:#e1e8ec; border-radius:20px; box-shadow:0 12px 34px rgba(24,42,54,.075); }
.admin-row { border-radius:16px; }
.admin-row img { object-fit:contain; }
#photoPreview { object-fit:contain !important; background:linear-gradient(145deg,#f2f5f6,#fff); padding:8px; }
.field input:focus, .field select:focus, .field textarea:focus { box-shadow:0 0 0 4px rgba(201,35,50,.12); }
.check-field { display:flex !important; grid-template-columns:none; align-items:center; gap:12px !important; width:fit-content; border:1px solid var(--line); border-radius:13px; background:linear-gradient(135deg,#fff,#f4f7f8); padding:13px 16px; cursor:pointer; }
.check-field input { width:19px !important; min-height:19px !important; height:19px; margin:0; accent-color:var(--red); }
.check-field span { color:var(--ink-soft); font-size:14px; }
@media (max-width:560px) { .car-photo { height:205px; padding:10px 16px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* Refined shared masthead and agency footer */
.site-header { position:sticky; isolation:isolate; background:rgba(255,255,255,.94); border-bottom:1px solid rgba(23,35,45,.09); box-shadow:0 7px 24px rgba(18,34,45,.065); }
.site-header::before { position:absolute; z-index:-1; inset:0 0 auto; height:3px; background:linear-gradient(90deg,#8e111b 0%,var(--red) 35%,#ef7d65 72%,transparent 100%); content:""; }
.header-inner { min-height:86px; gap:clamp(16px,2.6vw,38px); }
.brand { display:inline-flex; align-items:center; gap:5px; font-size:19px; font-weight:950; letter-spacing:.045em; }
.brand b { position:relative; color:var(--red); }
.nav-links { gap:3px; padding:5px; border:1px solid #e7ecef; border-radius:999px; background:linear-gradient(180deg,#f8fafb,#f1f4f6); }
.nav-links a { padding:10px 15px; border-radius:999px; color:#475963; font-size:13px; font-weight:750; transition:background .18s,color .18s,box-shadow .18s,transform .18s; }
.nav-links a::after { display:none; }
.nav-links a:hover { color:var(--red-dark); background:#fff; box-shadow:0 3px 11px rgba(23,35,45,.09); transform:translateY(-1px); }
.lang-switch { gap:3px; padding:4px; background:#f4f6f7; }
.lang-switch button { min-width:36px; padding:8px 9px; }
.lang-switch button.selected { background:var(--ink); color:#fff; box-shadow:0 3px 9px rgba(23,35,45,.2); }
.header-cta { min-height:44px; padding-inline:21px; box-shadow:0 8px 18px rgba(201,35,50,.17); }
.site-footer { position:relative; isolation:isolate; border:0; border-top:3px solid transparent; border-image:linear-gradient(90deg,#8e111b,var(--red),#ef9273,#8e111b) 1; background:radial-gradient(ellipse at 8% 0%,rgba(201,35,50,.17),transparent 31%),radial-gradient(ellipse at 93% 100%,rgba(53,84,104,.18),transparent 34%),linear-gradient(135deg,#161c21,#20282e 56%,#182126); }
.site-footer::after { position:absolute; z-index:-1; right:3%; bottom:2%; content:"AL-CARS"; color:rgba(255,255,255,.025); font-size:clamp(62px,12vw,170px); font-weight:950; letter-spacing:.12em; line-height:1; pointer-events:none; }
.footer-main { max-width:1050px; grid-template-columns:minmax(260px,1.2fr) minmax(150px,.65fr) minmax(280px,1fr); gap:clamp(38px,7vw,100px); padding:8px 0 36px; }
.footer-brand { position:relative; }
.footer-brand::before { display:block; width:46px; height:3px; margin-bottom:18px; border-radius:5px; background:linear-gradient(90deg,var(--red),#f08b69); content:""; }
.footer-brand .brand { margin-bottom:14px; font-size:22px; }
.footer-tagline { max-width:290px; color:#f0f2f3; font-size:14px; font-weight:700; line-height:1.7; }
.footer-hours { display:inline-flex; align-items:center; gap:8px; margin-top:8px; border:1px solid rgba(255,255,255,.11); border-radius:999px; background:rgba(255,255,255,.045); padding:7px 12px; color:#bdc7cc; font-size:12px; }
.footer-nav,.footer-contact { gap:8px; }
.footer-nav h2,.footer-contact h2 { margin:3px 0 11px; color:#fff; font-size:12px; letter-spacing:.14em; }
.footer-nav h2::after,.footer-contact h2::after { display:block; width:26px; height:2px; margin-top:10px; border-radius:3px; background:var(--red); content:""; }
.footer-nav a { padding:4px 0; color:#cbd2d6; font-size:13px; }
.footer-nav a:hover { color:#fff; transform:translateX(4px); }
.footer-contact { gap:7px; }
.footer-contact-link { width:100%; max-width:310px; min-height:40px; padding:5px 9px !important; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:rgba(255,255,255,.035); color:#e6ebed !important; font-size:13px !important; transition:background .18s,border-color .18s,transform .18s; }
.footer-contact-link:hover { transform:translateX(2px); border-color:rgba(241,103,111,.4); background:rgba(255,255,255,.075); }
.footer-icon { border:1px solid rgba(243,100,108,.22); background:rgba(201,35,50,.13); color:#ff8c91; }
.footer-address { max-width:310px; margin:7px 0 0; padding:9px 0 0 37px; border-top:1px solid rgba(255,255,255,.09); color:#aebbc1; font-size:12px; line-height:1.55; }
.foot-note { margin-top:0; padding-top:17px; color:#aeb9bf; font-size:11px; }
.foot-note a { display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.035); padding:7px 11px; color:#c4cdd2; }
.foot-note a:hover { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.08); }
@media(max-width:850px){.header-inner{min-height:76px}.nav-links{order:3;width:auto;margin-inline:auto}.footer-main{grid-template-columns:minmax(220px,1fr) minmax(135px,.65fr) minmax(250px,1fr);gap:28px}}
@media(max-width:650px){.header-inner{justify-content:space-between;gap:10px;padding:13px 0}.brand{font-size:16px}.nav-links{order:4;width:100%;justify-content:center;gap:1px;padding:4px}.nav-links a{padding:8px 12px;font-size:12px}.header-cta{display:inline-flex;min-height:38px;padding:8px 13px;font-size:12px}.lang-switch button{min-width:30px;padding:6px}.footer-main{grid-template-columns:1fr 1fr;gap:26px 18px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-contact-link{max-width:none}.footer-address{max-width:none}.site-footer::after{right:-7%;bottom:13%}}
@media(max-width:390px){.header-inner{column-gap:6px}.brand{font-size:14px}.lang-switch{gap:1px}.nav-links a{padding-inline:9px}.header-cta{padding-inline:10px}.footer-main{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}}