/* Women's pages only (women.html, women-spats.html). Loaded after site.css. */

/* sub-menu under the main header */
.subnav { border-bottom:1px solid var(--line); background:var(--paper); }
.subnav .wrap { display:flex; align-items:center; gap:28px; height:46px; }
.subnav .lab { font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--stone); }
.subnav a { position:relative; font-size:12px; letter-spacing:.26em; text-transform:uppercase; padding:14px 0; color:var(--stone); }
.subnav a:hover { color:var(--green); }
.subnav a[aria-current="page"] { color:var(--ink); }
.subnav a[aria-current="page"]:after { content:""; position:absolute; left:0; right:.26em; bottom:-1px; height:2px; background:var(--green); }

.line-top { border-top:1px solid var(--line); }
.pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.card .ph.tall { aspect-ratio:4/5; }
.products.two-up { grid-template-columns:1fr 1fr; gap:28px; }
.pill.pick { background:var(--green); color:#fff; }

/* plain facts box, used for the white-fabric warning */
.plain { margin-top:44px; padding:26px 28px; background:var(--white); border:1px solid var(--line); max-width:46em; }
.plain h3 { font-size:17px; font-weight:500; margin:0 0 8px; }
.plain p { margin:0; color:#2b2b29; font-size:15px; }

.facts { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; margin-top:44px; }
.facts b { display:block; font-weight:500; font-size:16px; margin-bottom:6px; }
.facts p { margin:0; font-size:15px; color:#2b2b29; }

/* size menu (same as men.css) */
.size select { appearance:none; -webkit-appearance:none; width:100%; max-width:260px; padding:13px 44px 13px 16px; font:inherit; font-size:14px; color:var(--ink); background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111110' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 16px center; border:1px solid var(--line); border-radius:0; cursor:pointer; }
.size select:focus-visible { outline:2px solid var(--green); outline-offset:2px; }

@media (max-width: 860px) {
  .subnav .wrap { justify-content:center; gap:22px; height:44px; }
  .subnav .lab { display:none; }
  .products.two-up { grid-template-columns:1fr; gap:44px; }
  .facts { grid-template-columns:1fr; gap:22px; }
}