.home-warehouses { margin-block: 56px; }
.warehouse-panel { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; padding: 40px; background: var(--warehouse-bg); border-radius: var(--warehouse-radius); }
.warehouse-intro .eyebrow { color: var(--warehouse-accent); font-weight: 700; }
.warehouse-intro h2 { font-family: inherit; font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.25; margin: 12px 0 18px; }
.warehouse-intro p, .warehouse-location p { font-size: 16px; line-height: 1.8; margin: 0; }
.warehouse-intro .warehouse-hours { margin-top: 16px; }
.warehouse-contact { display: inline-flex; align-items: center; gap: 24px; margin-top: 22px; padding: 12px 20px; border-radius: 8px; background: #171717; color: #fff; font-weight: 700; text-decoration: none; }
.warehouse-contact:hover { background: var(--warehouse-accent); }
.warehouse-contact:focus-visible { outline: 3px solid var(--warehouse-accent); outline-offset: 4px; }
.warehouse-locations { display: grid; gap: 16px; align-content: center; }
.warehouse-location { display: flex; gap: 18px; background: #fff; border: 1px solid #e0e7e7; border-radius: var(--warehouse-radius); padding: 24px; }
.warehouse-location svg { flex: 0 0 28px; width: 28px; height: 28px; fill: none; stroke: var(--warehouse-accent); stroke-width: 1.7; }
.warehouse-location h3 { font-family: inherit; font-size: 22px; font-weight: 800; margin: 0 0 4px; }
.warehouse-subtitle { display: block; color: #526565; font-size: 14px; margin-bottom: 8px; }
@media(max-width: 760px) { .home-warehouses { margin-block: 32px; } .warehouse-panel { grid-template-columns: 1fr; gap: 24px; padding: 24px 18px; } .warehouse-location { padding: 20px 16px; gap: 12px; } }