/* ANT Apparel: balanced mobile layout + selectively rounded buttons. Loaded last. */
:root{--ant-button-radius:14px}
/* Rounded, not excessively pill-shaped: primary actions */
.header .header-actions .solid-btn,.header .header-actions .outline-btn,
.hero .hero-buttons > .solid-btn.big,.hero .hero-buttons > #heroAccount,
.add-button,.product-info .add-button,.offer-button,.ant-wholesale-link,
.contact .solid-btn,#checkoutButton,#authSubmit,.modal .solid-btn,
.filter,.size-picker-button{border-radius:var(--ant-button-radius)!important}
/* Smaller controls use proportionate corners */
.quantity-btn,.auth-tabs button,.modal .close,.menu-toggle{border-radius:10px!important}
.header .header-actions button,.hero .hero-buttons > *{box-sizing:border-box!important}
@media(hover:hover){.header .header-actions button:hover,.hero .hero-buttons > *:hover{transform:translateY(-2px)}}
@media(max-width:700px){
  /* Existing three-row mobile header was overly tall. Keep all actions visible in a compact second row. */
  header.header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:58px auto!important;align-items:center!important;gap:0 10px!important;height:auto!important;min-height:0!important;padding:7px 16px 11px!important}
  header.header > .brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;max-width:150px!important;margin:0!important}
  header.header > .brand .brand-logo{width:120px!important;height:46px!important;object-position:left center!important}
  header.header > #menuToggle{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:43px!important;height:43px!important;min-width:43px!important;margin:0!important;padding:0!important;border:1px solid #b99b69!important;background:rgba(255,255,255,.04)!important;color:#f7eee0!important;font-size:24px!important}
  header.header > #nav{grid-column:1/-1!important;grid-row:3!important;position:static!important;min-width:0!important;width:100%!important;margin:0!important}
  header.header > #nav:not(.open){display:none!important}
  header.header > #nav.open{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px 4px!important}
  header.header > .header-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:2px 0 0!important;padding:0!important}
  header.header > .header-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:44px!important;height:44px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.015em!important;white-space:nowrap!important;border-radius:12px!important}
  header.header > .header-actions #cartButton{background:#c9a66b!important;color:#17120b!important;border:1px solid #c9a66b!important}
  header.header > .header-actions #accountButton{background:transparent!important;color:#f4ead8!important;border:1px solid #b99b69!important}
  header.header > .header-actions #cartCount{font-size:inherit!important;margin:0!important}
  .hero .hero-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:520px!important;gap:10px!important;margin-top:8px!important}
  .hero .hero-buttons > .solid-btn.big,.hero .hero-buttons > #heroAccount{width:100%!important;min-width:0!important;min-height:49px!important;height:auto!important;padding:12px 9px!important;flex:none!important;font-size:11px!important;letter-spacing:.015em!important;line-height:1.3!important;text-align:center!important;border-radius:13px!important;white-space:normal!important}
  .hero .hero-buttons > #heroAccount{text-decoration:none!important}
  .hero .lead{margin-bottom:20px!important}
}
@media(max-width:380px){
 header.header{padding-left:12px!important;padding-right:12px!important}
 header.header > .header-actions{gap:8px!important}
 header.header > .header-actions button{font-size:11px!important;padding:7px 6px!important}
 .hero .hero-buttons{gap:8px!important}
 .hero .hero-buttons > .solid-btn.big,.hero .hero-buttons > #heroAccount{font-size:10px!important;padding:11px 6px!important}
}
@media(prefers-reduced-motion:reduce){.hero .hero-buttons > *,.header .header-actions button{transition:none!important}}