/* ============================================================
   Wolvex — CMS pages (privacy, terms, delivery...) + contact
   ============================================================ */
/* padding-top/-bottom only — see product.css for why the shorthand
   `padding` breaks .wrap's side padding on the same element. */
.cms-page{padding-top:32px;padding-bottom:56px;}
.cms-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:36px;max-width:900px;margin:0 auto;}
.cms-card h1{font-size:1.9em;}
.cms-card h2{font-size:1.35em;margin-top:1.4em;}
.cms-card h3{font-size:1.1em;margin-top:1.2em;}
.cms-card ul{list-style:disc;padding-left:22px;margin:0 0 1em 0;}
.cms-card ol{padding-left:22px;margin:0 0 1em 0;}
.cms-card a{color:var(--red-deep);font-weight:600;}
.cms-card table{width:100%;border-collapse:collapse;margin:0 0 1em 0;}
.cms-card th,
.cms-card td{border:1px solid var(--line);padding:10px 12px;text-align:left;}
.cms-card th{background:var(--cloud);}

/* Contact page */
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;padding:32px 0 56px;}
.contact-aside{background:var(--ink);color:#fff;border-radius:var(--radius-m);padding:28px;}
.contact-aside h2{color:#fff;font-size:1.3em;}
.contact-aside p{color:#c7cfe3;}
.contact-aside ul{display:flex;flex-direction:column;gap:14px;margin-top:18px;}
.contact-aside li{display:flex;align-items:center;gap:12px;font-weight:600;}
.contact-aside svg{color:var(--red);flex-shrink:0;}
.contact-aside a{color:#fff;text-decoration:underline;}

@media (max-width:980px){
  .contact-layout{grid-template-columns:1fr;}
}