/* P'tiTemps — Conteneurs, sections, en-tête et pied de page. */
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.narrow { max-width: 820px; }
.section { padding: 88px 0; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: .7rem 1rem; transform: translateY(-150%); border-radius: 10px; color: white; background: var(--green-dark); }
.skip-link:focus { transform: none; }

.site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid rgba(23, 142, 121, .12); background: rgba(255, 255, 255, .94); backdrop-filter: blur(14px); }
.header-inner { min-height: 76px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand img { border-radius: 14px; }
.brand span { display: flex; flex-direction: column; line-height: 1.15; }
.brand strong { color: var(--green-dark); font-size: 1.1rem; }
.brand small { margin-top: 4px; font-size: .72rem; }
.site-header nav { display: flex; gap: 25px; margin-left: auto; }
.site-header nav a, .cart-link { color: var(--ink); font-size: .9rem; font-weight: 700; text-decoration: none; }
.site-header nav a:hover, .cart-link:hover { color: var(--green); }
.cart-link { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 999px; }

.site-footer { padding: 34px 0; color: #d7e8e4; background: #102d27; font-size: .8rem; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.footer-inner p { margin: 0; }
.footer-inner div { display: flex; gap: 18px; }
.footer-inner a:hover { color: white; }

@media (max-width: 900px) {
  .site-header nav { display: none; }
  .cart-link { margin-left: auto; }
}

@media (max-width: 620px) {
  .section { padding: 62px 0; }
  .container { width: min(100% - 28px, var(--container)); }
  .brand small { display: none; }
  .footer-inner, .footer-inner div { flex-direction: column; align-items: flex-start; }
}