.section-zones{padding:var(--space-10,2.5rem) var(--section-px-mobile,1rem);background:var(--bgSecondary)}.section-zones-inner{max-width:1280px;margin:0 auto}.section-zones-title{font-family:var(--font-title);color:var(--text);margin:0 0 var(--space-2,.5rem) 0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.section-zones-sub{font-family:var(--font-body);color:var(--textSecondary);margin:0 0 var(--space-6,1.5rem) 0;font-size:.95rem;line-height:1.5}.section-zones-grid{gap:var(--space-3,.75rem);grid-template-columns:1fr;display:grid}.section-zones-card{padding:var(--space-4,1rem) var(--space-5,1.25rem);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);justify-content:space-between;align-items:center;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex}.section-zones-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #b8954a1a}.section-zones-card-name{font-family:var(--font-body);font-size:1rem;font-weight:600}.section-zones-card-arrow{color:var(--accent);flex-shrink:0;transition:transform .18s}.section-zones-card:hover .section-zones-card-arrow{transform:translate(3px)}@media (min-width:640px){.section-zones-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.section-zones{padding:var(--space-12,3rem) var(--section-px-tablet,2rem)}}@media (min-width:1024px){.section-zones{padding:var(--space-12,3rem) var(--section-px-desktop,3rem)}.section-zones-grid{grid-template-columns:repeat(3,1fr)}}
