/* Screen refinement: clear hierarchy, comfortable touch targets, and responsive reading space. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
img,picture,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid #bd914b;outline-offset:3px}
.container{width:min(1260px,calc(100% - clamp(32px,7vw,80px)))}
.section{padding-block:clamp(52px,7vw,82px)}
.section-head,.shop-top{align-items:flex-start}
.product-card,.category-cards button,.floating-card{min-width:0}
.product-name,.desc,.detail-meta,.footer-tagline{overflow-wrap:anywhere}
.btn,.head-icon,.cart-head{min-height:44px}
.btn{padding-inline:clamp(14px,2vw,18px)}
/* Match the NEW DROP badge so the promotion reads as one visual message. */
.promo h2 em{color:rgb(243,167,18)!important}
@media(max-width:700px){
  .container{width:min(100% - 28px,1260px)}
  .section{padding-block:46px}
  .section-head,.shop-top{gap:13px;margin-bottom:20px}
  .section-head h2,.shop-top h2{font-size:clamp(28px,8vw,38px);line-height:1.06}
  .hero-editorial-lead,.hero-copy>p{font-size:15px;line-height:1.62}
  .product-name{font-size:15px;line-height:1.28}
  .desc{font-size:11px;line-height:1.5;min-height:0}
  .product-body{padding:13px}
  .card-actions button{min-height:42px}
  .search-inline{min-height:48px;height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.category-cards button,.btn,.head-icon{transition:none!important;animation:none!important}}

/* Compact save controls: a restrained icon with a larger, invisible touch area. */
#products .product-card .photo .wish-btn{
  top:12px!important;right:12px!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  border:1px solid rgba(33,48,37,.13)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 4px 13px rgba(20,32,23,.12)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
#products .product-card .photo .wish-btn::before{content:"";position:absolute;inset:-6px}
#products .product-card .photo .wish-btn svg{width:16px!important;height:16px!important;stroke-width:1.9!important}
#products .product-card .photo .wish-btn.saved{background:#26372b!important;color:#e1b879!important;border-color:#26372b!important}
@media(max-width:760px){
  #products .product-card .photo .wish-btn{top:10px!important;right:10px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  #products .product-card .photo .wish-btn svg{width:15px!important;height:15px!important}
  #products .product-card .photo .wish-btn::before{inset:-7px}
}
@media(max-width:390px){
  #products .product-card .photo .wish-btn{top:9px!important;right:9px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
  #products .product-card .photo .wish-btn svg{width:14px!important;height:14px!important}
  #products .product-card .photo .wish-btn::before{inset:-8px}
}

/* Contact details: one calm surface with a clear label/value rhythm. */
.contact .contact-info{
  min-width:0!important;max-width:none!important;align-self:start!important;
  padding:9px!important;border:1px solid #e8e8e1!important;border-radius:22px!important;
  background:#fff!important;box-shadow:0 18px 44px rgba(21,31,26,.08)!important;
}
.contact .contact-info::before{
  inset:0 auto auto 25px!important;width:52px!important;height:3px!important;
  border-radius:0 0 5px 5px!important;background:#bb9152!important;box-shadow:none!important;
}
.contact .contact-info>div{
  grid-template-columns:minmax(116px,138px) minmax(0,1fr)!important;gap:18px!important;
  min-height:66px!important;padding:16px 17px!important;border-bottom:1px solid #eceee9!important;
  border-radius:11px!important;background:transparent!important;
}
.contact .contact-info>div:first-child{background:#f8f8f4!important}
.contact .contact-info>div:last-child{border-bottom:0!important}
.contact .contact-info>div:hover{background:#f8f8f4!important}
.contact .contact-info b{
  color:#8c693d!important;font-size:10px!important;font-weight:800!important;
  letter-spacing:.1em!important;line-height:1.4!important;
}
.contact .contact-info span{
  min-width:0!important;color:#26332b!important;font-size:14px!important;font-weight:590!important;
  line-height:1.45!important;letter-spacing:-.01em!important;overflow-wrap:anywhere!important;
}
.contact .contact-info>div:first-child span{color:#15251b!important;font-size:15px!important;font-weight:750!important}
@media(max-width:720px){
  .contact .contact-info{padding:7px!important;border-radius:18px!important}
  .contact .contact-info>div{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;min-height:0!important;padding:13px 14px!important}
  .contact .contact-info b{font-size:10px!important}
  .contact .contact-info span{font-size:14px!important}
  .contact .contact-info>div:first-child span{font-size:15px!important}
}

/* Saved-pair hearts match the compact controls on catalogue photos. */
#wishlistModal.wishlist-new .wish-remove{
  top:20px!important;right:20px!important;
  display:grid!important;place-items:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  padding:0!important;border:1px solid #26372b!important;border-radius:50%!important;
  background:#26372b!important;color:#e1b879!important;
  box-shadow:0 4px 13px rgba(20,32,23,.16)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .18s ease,box-shadow .18s ease!important;
}
#wishlistModal.wishlist-new .wish-remove::before{content:"";position:absolute;inset:-6px}
#wishlistModal.wishlist-new .wish-remove svg{display:block!important;width:16px!important;height:16px!important;stroke:currentColor!important;stroke-width:1.9!important;fill:currentColor!important;transform:none!important}
#wishlistModal.wishlist-new .wish-remove:hover{background:#26372b!important;color:#e1b879!important;transform:scale(1.06)!important;box-shadow:0 6px 17px rgba(20,32,23,.22)!important}
@media(max-width:760px){
  #wishlistModal.wishlist-new .wish-remove{top:16px!important;right:16px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  #wishlistModal.wishlist-new .wish-remove svg{width:15px!important;height:15px!important}
  #wishlistModal.wishlist-new .wish-remove::before{inset:-7px}
}
@media(max-width:390px){
  #wishlistModal.wishlist-new .wish-remove{top:15px!important;right:15px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
  #wishlistModal.wishlist-new .wish-remove svg{width:14px!important;height:14px!important}
  #wishlistModal.wishlist-new .wish-remove::before{inset:-8px}
}

/* One clear shoe per row on portrait phones; landscape keeps its wider grid. */
@media (max-width:767px) and (orientation:portrait){
  #products.product-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  #products.product-grid>.product-card{max-width:520px!important;justify-self:center!important;contain-intrinsic-size:auto 530px!important}
  #products .product-card .product-body{padding:16px!important}
  #products .product-card .brand{font-size:10px!important;letter-spacing:.09em!important}
  #products .product-card .product-name{font-size:17px!important;line-height:1.3!important;min-height:0!important}
  #products .product-card .compact-price{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:6px 12px!important;margin:12px 0!important}
  #products .product-card .price{font-size:18px!important}
  #products .product-card .stock{font-size:11px!important}
  #products .product-card .card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:8px!important}
  #products .product-card .card-actions button{min-height:44px!important}
  #products .product-card .card-actions .primary-action{font-size:12px!important;line-height:1.2!important;padding-inline:10px!important}
  #products .product-card .card-actions .quick{font-size:18px!important}
}

/* Keep already-loaded catalogue photos painted while scrolling back and forth. */
#products.product-grid>.product-card{content-visibility:visible!important}
#products .product-card .photo img{will-change:auto!important}
@media(hover:none){#products .product-card .photo img{transition:none!important}}
