/* Caliente 1986 — mobile-only usability polish.
   Load after all existing theme layers. No SEO, checkout logic or desktop changes. */
/* Top shipping announcement: slightly larger, clearer and bold on every device. */
html body.ep-body .ep-shipping-strip > span:nth-child(2){
 font-size:10px!important;font-weight:700!important;line-height:1.3!important
}
.ep-mobile-backdrop[hidden],.ep-filter-backdrop[hidden]{display:none!important}
@media(max-width:740px){
 /* A compact, useful header: menu + search | logo | language + cart.
    The account and wishlist links are present in the mobile menu. */
 html body.ep-body .ep-header-main{
  grid-template-columns:minmax(69px,1fr) auto minmax(78px,1fr)!important;
  gap:4px!important;padding-inline:12px!important;min-width:0;
 }
 html body.ep-body .ep-header-left{display:flex!important;align-items:center;gap:2px;min-width:0}
 html body.ep-body .ep-header-left :is(.ep-menu-opener,.ep-search-trigger){
  display:inline-flex!important;align-items:center;justify-content:center;
  width:38px!important;min-width:38px!important;height:44px!important;
  border:0!important;border-radius:0!important;padding:0!important;
  background:transparent!important;color:#2d2823!important;cursor:pointer;
 }
 html body.ep-body .ep-header-left .ep-search-trigger span{display:none!important}
 html body.ep-body .ep-header-left .ep-search-trigger svg{width:21px;height:21px}
 html body.ep-body .ep-logo{width:auto!important;max-width:145px!important;min-width:0!important}
 html body.ep-body .ep-logo img{width:clamp(110px,32vw,145px)!important;max-width:100%!important;height:auto!important}
 html body.ep-body .ep-header-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:7px!important;min-width:0}
 html body.ep-body .ep-header-tools .ep-account-group{display:none!important}
 html body.ep-body .ep-header-tools .ep-header-language .ep-lang-trigger{
  min-width:48px!important;width:auto!important;padding:0 4px!important;gap:4px!important
 }
 html body.ep-body .ep-header-tools button.ep-cart-link{
  min-width:36px!important;min-height:44px!important;
 }
 html body.ep-body .ep-shipping-strip{padding:0 5px;text-align:center;letter-spacing:.7px;gap:7px}
 html body.ep-body .ep-shipping-strip > span:nth-child(2){font-size:9px!important;font-weight:700!important;white-space:normal;line-height:1.3!important}
 .ep-mobile-backdrop,.ep-filter-backdrop{
  position:fixed;inset:0;z-index:2600;background:rgba(27,23,20,.65);
  overscroll-behavior:contain;
 }
 html body.ep-body .ep-mobile-drawer{
  position:fixed!important;z-index:2601!important;
  inset:0 auto 0 0!important;width:min(88vw,390px)!important;max-width:none!important;
  height:100vh;height:100dvh;box-sizing:border-box;
  padding:calc(12px + env(safe-area-inset-top)) 19px
   calc(24px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;overscroll-behavior:contain;
  box-shadow:6px 0 30px #0002!important;
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-head{
  position:sticky;top:0;z-index:5;background:#fff;
  padding:7px 0 12px;align-items:center
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-head button{
  min-width:44px;min-height:44px;display:inline-flex;
  justify-content:center;align-items:center
 }
 html body.ep-body .ep-mobile-drawer > a,
 html body.ep-body .ep-mobile-drawer summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center}
 html body.ep-body .ep-mobile-drawer .ep-mobile-subgroup a{
  min-height:40px;display:flex;align-items:center;overflow-wrap:anywhere
 }
 html body.ep-body .ep-mobile-search input{min-width:0;font-size:16px}
 html body.ep-body .ep-mobile-search button{min-width:44px;min-height:44px}
 html body.ep-body .ep-search-panel .ep-search-dialog{
  width:calc(100% - 20px)!important;max-width:600px!important;
  max-height:calc(100dvh - 20px)!important;margin:10px auto!important;
  padding:20px 15px calc(22px + env(safe-area-inset-bottom))!important;
  overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box
 }
 html body.ep-body .ep-search-heading{align-items:center;gap:9px}
 html body.ep-body .ep-search-heading button{
  flex:0 0 44px;min-width:44px;min-height:44px
 }
 html body.ep-body #ep-search-input{font-size:16px!important;min-width:0}
 html body.ep-body .ep-search-form{gap:9px;padding:8px 10px}
 html body.ep-body .ep-search-form button{min-width:42px;min-height:42px}
 /* Filter panel always sits above the sticky header, and never blocks footer
    access after closing. */
 html body.ep-body .ep-catalog-filters{
  position:fixed!important;z-index:2601!important;
  inset:0 auto 0 0!important;width:min(90vw,410px)!important;
  height:100vh;height:100dvh;max-height:100dvh!important;
  padding:calc(12px + env(safe-area-inset-top)) 18px
   calc(20px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box!important;
  box-shadow:3px 0 25px #0002!important;
 }
 html body.ep-body .ep-filter-title{
  position:sticky;top:0;z-index:4;background:#fff;
  min-height:52px;align-items:center;padding-bottom:12px
 }
 html body.ep-body .ep-filter-title button{min-width:44px;min-height:44px}
 html body.ep-body .ep-filter-apply{
  min-height:48px!important;width:100%!important;
  position:sticky;bottom:0;z-index:2;
 }
 html body.ep-body .ep-catalog-toolbar{
  position:sticky;top:103px;z-index:45;
  background:#fff;border-bottom:1px solid #e5ded7;
  gap:9px!important;min-width:0
 }
 html body.ep-body.admin-bar .ep-catalog-toolbar{top:149px}
 html body.ep-body .ep-catalog-toolbar :is(.ep-filter-button,.ep-sort select){
  min-height:44px!important;box-sizing:border-box
 }
 html body.ep-body .ep-catalog-toolbar .ep-sort{min-width:0;max-width:58%}
 html body.ep-body .ep-catalog-toolbar .ep-sort select{
  width:100%;max-width:100%;font-size:12px!important
 }
 html body.ep-body .ep-catalog,
 html body.ep-body .ep-single{min-width:0;max-width:100%;box-sizing:border-box;padding-inline:12px}
 html body.ep-body .ep-catalog-heading{padding:22px 10px 24px!important;margin-bottom:11px}
 html body.ep-body .ep-catalog-heading h1{font-size:clamp(26px,7vw,33px)!important}
 html body.ep-body .ep-product-grid{gap:22px 10px!important;min-width:0}
 html body.ep-body .ep-product-entry{min-width:0}
 html body.ep-body .ep-product-entry .ep-product-card h2,
 html body.ep-body .ep-premium-card-info h3{
  line-height:1.45!important;overflow-wrap:anywhere
 }
 html body.ep-body .ep-product-entry .ep-price{
  font-size:12px!important;line-height:1.5;overflow-wrap:anywhere
 }
 html body.ep-body .ep-product-entry .ep-quick-open{
  min-height:38px!important;max-width:calc(100% - 12px)!important;
  bottom:7px!important;padding:8px 9px!important;font-size:9px!important
 }
 html body.ep-body .ep-product-photo .ep-gallery-arrow:not([hidden]){
  width:35px!important;min-height:44px!important
 }
 html body.ep-body .ep-color-choices{gap:5px!important}
 html body.ep-body .ep-color-choice{min-height:34px;padding:5px 6px!important}
 html body.ep-body .ep-premium-section{padding-inline:12px;max-width:100%;box-sizing:border-box}
 html body.ep-body .ep-premium-section-head{gap:8px;flex-wrap:wrap}
 html body.ep-body .ep-premium-more{min-height:34px;display:inline-flex;align-items:center}
 /* Modals: less wasted photo height, enough space for variant controls, safe-area bottom. */
 html body.ep-body .ep-quick-modal{
  top:50%!important;width:calc(100vw - 16px)!important;max-width:430px!important;
  max-height:calc(100dvh - 18px)!important;
  overscroll-behavior:contain;overflow-y:auto!important
 }
 html body.ep-body .ep-quick-layout{grid-template-columns:minmax(0,1fr)!important}
 html body.ep-body .ep-quick-close{
  position:sticky!important;top:5px;float:right;z-index:8;
  min-width:44px;min-height:44px;margin-bottom:-44px
 }
 html body.ep-body .ep-quick-media,
 html body.ep-body .ep-quick-media img{
  min-height:0!important;height:clamp(140px,27dvh,205px)!important;
  max-height:205px!important;object-fit:contain
 }
 html body.ep-body .ep-quick-body{
  padding:17px 17px calc(24px + env(safe-area-inset-bottom))!important;
 }
 html body.ep-body .ep-quick-body .ep-quick-quantity input{
  min-height:44px;font-size:16px!important
 }
 html body.ep-body .ep-quick-body .ep-quick-action{min-height:48px!important}
 html body.ep-body .ep-guide-modal{
  z-index:2750!important;padding:9px!important
 }
 html body.ep-body .ep-guide-panel{
  min-height:0!important;max-height:calc(100dvh - 18px)!important;
  padding-bottom:calc(22px + env(safe-area-inset-bottom))!important
 }
 html body.ep-body .ep-guide-chart-mount{
  max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch
 }
 html body.ep-body .ep-guide-measure-grid input{font-size:16px!important}
 html body.ep-body .ep-zoom-overlay{z-index:2900!important}
 html body.ep-body .ep-mobile-buy-price{white-space:normal!important;max-width:45%;font-size:13px!important}
 html body.ep-body .ep-mobile-buy-button{min-height:48px!important}
 /* The selected editorial homepage uses 2 real Instagram images per row
    rather than four unreadably small mobile cells. */
 html body.ep-body .ep-community-grid .ep-original-instagram
 #sb_instagram #sbi_images{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body.ep-body .ep-hero--selected{
  height:clamp(385px,123vw,510px)!important;min-height:0!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center{
  width:87%!important;left:6.5%!important
 }
 html body.ep-body .ep-footer-inner-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  row-gap:28px!important;padding:31px 20px 35px!important
 }
 html body.ep-body .ep-footer-inner-grid :is(.ep-footer-contact,.ep-footer-social,.ep-footer-help){
  grid-column:1/-1!important;min-width:0!important
 }
 html body.ep-body .ep-footer-link-columns{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px 15px!important
 }
 html body.ep-body .ep-footer-link-columns a,
 html body.ep-body .ep-footer-contact>a{overflow-wrap:anywhere;line-height:1.7}
 html body.ep-body.woocommerce-checkout :is(input.input-text,select,textarea),
 html body.ep-body.woocommerce-cart :is(input.input-text,select,textarea){font-size:16px!important}
 html body.ep-body.woocommerce-checkout #order_review,
 html body.ep-body.woocommerce-cart :is(.cart-collaterals,.cart_totals){
  max-width:100%;min-width:0;box-sizing:border-box
 }
}
@media(max-width:480px){
 html body.ep-body .ep-footer-link-columns{
  grid-template-columns:minmax(0,1fr)!important;row-gap:12px!important
 }
}
@media(max-width:370px){
 html body.ep-body .ep-header-main{padding-inline:9px!important;gap:2px!important}
 html body.ep-body .ep-header-left :is(.ep-menu-opener,.ep-search-trigger){
  width:35px!important;min-width:35px!important
 }
 html body.ep-body .ep-header-tools{gap:4px!important}
 html body.ep-body .ep-logo img{width:clamp(105px,32vw,120px)!important}
 html body.ep-body .ep-footer-link-columns{grid-template-columns:minmax(0,1fr)!important}
 html body.ep-body .ep-quick-body .ep-quick-sizes button{min-width:43px!important}
}
@media(prefers-reduced-motion:reduce){
 .ep-mobile-backdrop,.ep-filter-backdrop{transition:none!important}
}

/* October mobile refinements — photograph rails, editorial cards and navigation. */
@media(max-width:740px){
 /* The floating GTranslate selector is a duplicate of our header control.
    Keep its DOM and translation engine intact but hide only the duplicate UI. */
 /* Keep GTranslate's working floating widget available as fallback until
    switching through the header is confirmed on a real phone. */
 /* Center each mobile menu row and make disclosure arrows unambiguous. */
 html body.ep-body .ep-mobile-drawer > a,
 html body.ep-body .ep-mobile-drawer > details > summary{
  justify-content:center!important;text-align:center!important;
  position:relative;min-height:50px!important;
  letter-spacing:1.1px!important
 }
 html body.ep-body .ep-mobile-drawer > details > summary{
  list-style:none!important;padding:14px 44px!important;
  cursor:pointer;user-select:none
 }
 html body.ep-body .ep-mobile-drawer > details > summary::-webkit-details-marker{display:none!important}
 html body.ep-body .ep-mobile-drawer > details > summary::after{content:none!important}
 html body.ep-body .ep-mobile-drawer .ep-mobile-chevron{
  position:absolute;right:13px;top:50%;transform:translateY(-56%);
  font-size:22px;line-height:1;color:#847569;
  transition:transform .18s ease;pointer-events:none
 }
 html body.ep-body .ep-mobile-drawer details[open] > summary .ep-mobile-chevron{
  transform:translateY(-46%) rotate(180deg)
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-group,
 html body.ep-body .ep-mobile-drawer .ep-mobile-subgroup a,
 html body.ep-body .ep-mobile-drawer .ep-mobile-subgroup strong{
  text-align:center!important;justify-content:center!important;
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-subgroup{padding-inline:13px!important}
 html body.ep-body .ep-mobile-drawer .ep-mobile-cart-link{
  font-weight:600!important;color:#30271f!important;
  border:1px solid #e8e0d7!important;background:#faf8f5!important;
  margin:12px 0 4px!important;min-height:48px!important
 }
 /* The editorial hero must not drift left in narrow viewports. */
 html body.ep-body .ep-hero--selected .ep-hero-center{
  left:50%!important;right:auto!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(90%,430px)!important;max-width:430px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;
  padding:0 10px!important;box-sizing:border-box
 }
 html body.ep-body .ep-hero--selected .ep-hero-center :is(h1,p,span){
  width:100%!important;max-width:100%!important;text-align:center!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center h1{
  font-size:clamp(34px,10vw,47px)!important;line-height:1.04!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center p{
  max-width:310px!important;margin:0 auto 23px!important;
  font-size:10px!important;line-height:1.7!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center .ep-button{margin-inline:auto!important}
 html body.ep-body .ep-tiles .ep-tile-label{
  left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;min-width:0!important;
  box-sizing:border-box!important;
  min-height:66px!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:5px!important;
  background:linear-gradient(0deg,rgba(24,20,16,.77),rgba(24,20,16,0))!important;
  padding:18px 6px 9px!important;
 }
 html body.ep-body .ep-tiles .ep-tile-label :is(strong,small){
  width:100%;text-align:center!important;color:#fff!important;
  line-height:1.2!important
 }
 html body.ep-body .ep-tiles .ep-tile-label strong{font-size:clamp(15px,4.3vw,19px)!important}
 html body.ep-body .ep-tiles .ep-tile-label small{font-size:10px!important}
 /* Real brand artwork sometimes has white padding in the image. Enlarge the
    logos without changing their aspect ratio or downloading replacements. */
 html body.ep-body .ep-brand-row.ep-brand-slider{
  grid-template-rows:repeat(2,85px)!important;
  grid-auto-columns:calc((100% - 10px)/2)!important;
  gap:10px!important
 }
 html body.ep-body .ep-brand-slider > .ep-brand-item{
  height:85px!important;padding:5px 8px!important;overflow:hidden!important
 }
 html body.ep-body .ep-brand-slider > .ep-brand-item img{
  display:block;max-width:100%!important;max-height:75px!important;
  object-fit:contain!important
 }
 html body.ep-body .ep-brand-slider > .ep-brand-item[aria-label="Emporio Armani"] img{
  transform:scale(1.6);transform-origin:center
 }
 html body.ep-body .ep-brand-slider > .ep-brand-item[aria-label="Marciano"] img{
  transform:scale(1.35);transform-origin:center
 }
 html body.ep-body .ep-brand-slider > .ep-brand-item[aria-label="Guess"] img{
  transform:scale(1.1);transform-origin:center
 }
 /* A gallery rail must never shrink all eight products into one phone screen.
    Two generously sized cards (with the next partly visible) can scroll. */
 html body.ep-body .ep-new-arrivals .ep-premium-rail,
 html body.ep-body .ep-recently-viewed .ep-premium-rail,
 html body.ep-body .ep-complete-look .ep-premium-rail,
 html body.ep-body .ep-premium-section:not(.ep-featured-brands) > .ep-premium-rail,
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-rail{
  display:flex!important;flex-flow:row nowrap!important;
  grid-auto-flow:unset!important;grid-template-columns:none!important;
  gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-padding-left:2px;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  width:100%!important;max-width:100%!important;
  padding:0 1px 17px!important;box-sizing:border-box
 }
 html body.ep-body .ep-premium-rail > .ep-premium-card,
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-rail > .ep-premium-card,
 html body.ep-body .ep-single-content .ep-recently-viewed .ep-premium-rail > .ep-premium-card{
  flex:0 0 clamp(160px,47vw,214px)!important;
  width:clamp(160px,47vw,214px)!important;
  min-width:0!important;max-width:none!important;
  align-self:stretch!important;scroll-snap-align:start!important
 }
 html body.ep-body .ep-premium-card .ep-product-photo{
  position:relative!important;display:block!important;
  width:100%!important;min-width:0!important;
  height:auto!important;aspect-ratio:2/3!important;overflow:hidden!important
 }
 html body.ep-body .ep-premium-card .ep-premium-card-photo{
  position:absolute!important;inset:0!important;
  display:block!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;overflow:hidden!important
 }
 html body.ep-body .ep-premium-card .ep-premium-card-photo img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important
 }
 html body.ep-body .ep-premium-card .ep-premium-card-info{
  display:block!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;padding-top:10px!important
 }
 html body.ep-body .ep-premium-card .ep-premium-card-info h3{
  font-size:12px!important;line-height:1.5!important;
  overflow-wrap:break-word!important;word-break:normal!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden!important;min-height:54px;margin-bottom:8px!important
 }
 html body.ep-body .ep-premium-card .ep-price{
  font-size:12px!important;line-height:1.55!important;white-space:normal!important
 }
 html body.ep-body .ep-premium-card .ep-price small{
  display:block!important;font-size:10px!important
 }
 html body.ep-body .ep-premium-card .ep-quick-open{
  position:absolute!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:10px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;max-width:calc(100% - 12px)!important;
  padding:8px 9px!important;min-height:36px!important;
  white-space:nowrap!important;font-size:9px!important;z-index:9!important
 }
 html body.ep-body .ep-premium-card .ep-premium-wish{
  top:8px!important;right:8px!important;width:34px!important;height:34px!important
 }
 /* Featured brands: show full editorial photography, not 3 tiny overlapping columns. */
 html body.ep-body .ep-featured-brand-grid{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;
  width:100%!important;max-width:100%!important;box-sizing:border-box;
  padding:0 0 16px!important
 }
 html body.ep-body .ep-featured-brand-grid > .ep-featured-brand{
  flex:0 0 min(79vw,335px)!important;width:min(79vw,335px)!important;
  min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;
  aspect-ratio:3/4!important;scroll-snap-align:center!important
 }
 html body.ep-body .ep-featured-brand-grid > .ep-featured-brand > img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;object-fit:cover!important
 }
 html body.ep-body .ep-featured-brand-overlay{
  left:17px!important;right:17px!important;bottom:21px!important;
  gap:9px!important;text-align:left!important
 }
 html body.ep-body .ep-featured-brand-overlay strong{
  display:block;max-width:100%;white-space:normal!important;
  overflow-wrap:break-word!important;
  font-size:clamp(18px,5vw,24px)!important;line-height:1.18!important
 }
 html body.ep-body .ep-featured-brand-overlay small{
  display:block;font-size:10px!important;line-height:1.5!important;
  letter-spacing:.6px!important;white-space:normal!important
 }
 html body.ep-body .ep-featured-brands .ep-premium-section-head{
  justify-content:center!important;text-align:center!important
 }
 html body.ep-body .ep-featured-brands .ep-premium-section-head > div{
  width:100%;text-align:center!important
 }
 /* Single product 'Complete your look' keeps its rail, with a clear image
    and intact swipe/tap actions. */
 html body.ep-body .ep-single-content .ep-complete-look{
  width:100%!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;padding:30px 0 32px!important
 }
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-section-head{
  justify-content:center!important;text-align:center!important;
  padding:0 8px 15px!important
 }
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-section-head > div{
  width:100%;text-align:center!important
 }
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-section-head h2{
  font-size:clamp(24px,7vw,31px)!important
 }
 html body.ep-body .ep-single-content .ep-complete-look .ep-premium-rail{
  overflow-x:auto!important;overflow-y:hidden!important
 }
}


/* Customer actions sit together below the shopping categories on mobile. */
@media(max-width:740px){
 html body.ep-body .ep-mobile-drawer:not([hidden]){
  display:flex!important;flex-direction:column!important
 }
 html body.ep-body .ep-mobile-drawer > :is(.ep-mobile-head,.ep-mobile-search,details,a){
  flex-shrink:0!important
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-secondary{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;margin-top:auto!important;
  padding-top:24px!important;padding-bottom:8px!important;
  border-top:1px solid #ded5cc!important;flex-shrink:0!important
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-secondary > a{
  display:flex!important;min-height:49px!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;
  box-sizing:border-box!important;gap:8px!important;
  padding:11px 7px!important;margin:0!important;
  border:0!important;border-bottom:1px solid #f1ede8!important;
  background:#fff!important;color:#352b26!important;
  font:600 11px/1.45 Montserrat,Arial,sans-serif!important;
  letter-spacing:1px!important;text-decoration:none!important
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-secondary > a:last-child{
  border-bottom:0!important
 }
 html body.ep-body .ep-mobile-drawer .ep-mobile-secondary > a:focus-visible{
  outline:2px solid #766453;outline-offset:-2px
 }
}


/* Keep translation failures readable instead of silently switching the flag. */
.ep-lang-panel .ep-lang-status{
 margin:9px 4px 2px!important;padding:10px 11px!important;
 border:1px solid #ebd4bd!important;background:#fff9f2!important;
 color:#744e2c!important;font:500 11px/1.5 Montserrat,Arial,sans-serif!important
}
.ep-lang-panel .ep-lang-status[hidden]{display:none!important}


/* Show BOTH editable homepage hero campaigns on mobile/tablet: woman then man.
   Each photograph and its own headline share a grid row, so no absolute
   desktop positioning can hide the second promotion. */
@media(max-width:800px){
 html body.ep-body .ep-hero.ep-hero--selected{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:clamp(420px,111vw,550px) clamp(420px,111vw,550px)!important;
  height:auto!important;min-height:0!important;width:100%!important;
  overflow:hidden!important;position:relative!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-left,
 html body.ep-body .ep-hero--selected .ep-hero-right{
  position:relative!important;display:block!important;
  width:100%!important;height:100%!important;min-height:0!important;
  background-position:center center!important;background-size:cover!important;
  z-index:0!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-left{
  grid-area:1 / 1!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-right{
  grid-area:2 / 1!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center,
 html body.ep-body .ep-hero--selected .ep-hero-men-copy{
  display:flex!important;position:relative!important;
  flex-direction:column!important;justify-content:center!important;
  align-items:center!important;text-align:center!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:100%!important;min-height:0!important;
  inset:auto!important;top:auto!important;right:auto!important;
  bottom:auto!important;left:auto!important;
  transform:none!important;margin:0!important;
  padding:32px 8%!important;box-sizing:border-box!important;
  background:transparent!important;color:#fff!important;
  z-index:3!important;pointer-events:none!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center{
  grid-area:1 / 1!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-men-copy{
  grid-area:2 / 1!important
 }
 html body.ep-body .ep-hero--selected :is(.ep-hero-center,.ep-hero-men-copy) > :is(span,h1,h2,p){
  width:100%!important;max-width:340px!important;
  text-align:center!important;align-self:center!important;
  margin-left:auto!important;margin-right:auto!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-men-copy p{
  margin:0 auto 20px!important;font-size:11px!important;
  line-height:1.7!important;color:#fff!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-men-copy a{
  pointer-events:auto!important;align-self:center!important;
  margin:0 auto!important
 }
}


/* Homepage image fit and editable typography.
   The real image ALWAYS uses contain; blurred edges fill uncovered space.
   No stretching or cutting off merchandise/model photos at any breakpoint. */
html body.ep-body .ep-hero--selected .ep-hero-left,
html body.ep-body .ep-hero--selected .ep-hero-right,
html body.ep-body .ep-tiles .ep-tile,
html body.ep-body .ep-featured-brands .ep-featured-brand{
 position:relative!important;isolation:isolate;overflow:hidden!important;
 background-color:#d2c9bf!important
}
html body.ep-body .ep-hero--selected .ep-hero-left::before,
html body.ep-body .ep-hero--selected .ep-hero-right::before,
html body.ep-body .ep-tiles .ep-tile::before,
html body.ep-body .ep-featured-brands .ep-featured-brand::before{
 content:"";position:absolute;inset:-20px;
 background-image:var(--ep-cover-photo);background-position:center;
 background-size:cover;background-repeat:no-repeat;
 filter:blur(19px) saturate(.88) brightness(.93);
 z-index:0;pointer-events:none
}
html body.ep-body .ep-hero--selected .ep-hero-left > .ep-hero-full-photo,
html body.ep-body .ep-hero--selected .ep-hero-right > .ep-hero-full-photo,
html body.ep-body .ep-tiles .ep-tile > img,
html body.ep-body .ep-featured-brands .ep-featured-brand > img{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 transform:none!important;filter:none!important;
 z-index:1!important
}
html body.ep-body .ep-hero--selected .ep-hero-left::after,
html body.ep-body .ep-hero--selected .ep-hero-right::after{
 z-index:2!important;
 background:linear-gradient(90deg,rgba(29,23,20,.31),rgba(29,23,20,.12))!important
}
html body.ep-body .ep-tiles .ep-tile .ep-tile-label{
 position:absolute!important;z-index:3!important
}
html body.ep-body .ep-featured-brands .ep-featured-brand::after{z-index:2!important}
html body.ep-body .ep-featured-brands .ep-featured-brand .ep-featured-brand-overlay{
 z-index:3!important
}

/* Per-section text color: WordPress > Portada Caliente > Blanco / Negro. */
html body.ep-body .ep-hero--selected .ep-hero-center[data-ep-text-color="black"] :is(h1,span,p),
html body.ep-body .ep-hero--selected .ep-hero-men-copy[data-ep-text-color="black"] :is(h2,span,p){
 color:#191715!important;text-shadow:0 1px 8px rgba(255,255,255,.32)!important
}
html body.ep-body .ep-hero--selected .ep-hero-center[data-ep-text-color="white"] :is(h1,span,p),
html body.ep-body .ep-hero--selected .ep-hero-men-copy[data-ep-text-color="white"] :is(h2,span,p){
 color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.32)!important
}
html body.ep-body .ep-hero--selected .ep-hero-center[data-ep-text-color="black"] .ep-button{
 color:#191715!important;background:rgba(255,255,255,.93)!important;
 border:1px solid rgba(25,23,21,.28)!important
}
html body.ep-body .ep-hero--selected .ep-hero-center[data-ep-text-color="white"] .ep-button{
 color:#fff!important;background:#26221e!important
}
html body.ep-body .ep-hero--selected .ep-hero-men-copy[data-ep-text-color="black"] a{
 color:#191715!important;background:rgba(255,255,255,.86)!important;
 border:1px solid rgba(25,23,21,.35)!important
}
html body.ep-body .ep-hero--selected .ep-hero-men-copy[data-ep-text-color="white"] a{
 color:#fff!important;background:rgba(25,23,21,.22)!important;
 border:1px solid rgba(255,255,255,.58)!important
}
html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="black"] .ep-tile-label{
 background:linear-gradient(90deg,rgba(248,245,241,.60),rgba(248,245,241,.89))!important
}
html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="white"] .ep-tile-label{
 background:linear-gradient(90deg,rgba(18,16,14,.26),rgba(18,16,14,.68))!important
}
html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="black"] .ep-tile-label :is(strong,small){
 color:#191715!important;text-shadow:none!important
}
html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="white"] .ep-tile-label :is(strong,small){
 color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.22)!important
}
html body.ep-body .ep-featured-brands .ep-featured-brand[data-ep-text-color="black"]::after{
 background:linear-gradient(0deg,rgba(250,246,241,.87),transparent 72%)!important
}
html body.ep-body .ep-featured-brands .ep-featured-brand[data-ep-text-color="white"]::after{
 background:linear-gradient(0deg,rgba(17,12,9,.66),transparent 72%)!important
}
html body.ep-body .ep-featured-brands .ep-featured-brand[data-ep-text-color="black"] .ep-featured-brand-overlay :is(strong,small){
 color:#191715!important;text-shadow:none!important
}
html body.ep-body .ep-featured-brands .ep-featured-brand[data-ep-text-color="white"] .ep-featured-brand-overlay :is(strong,small){
 color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.36)!important
}
@media(max-width:800px){
 html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="black"] .ep-tile-label{
  background:linear-gradient(0deg,rgba(248,245,241,.91),rgba(248,245,241,.25))!important
 }
 html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="white"] .ep-tile-label{
  background:linear-gradient(0deg,rgba(18,16,14,.76),rgba(18,16,14,.13))!important
 }
}


/* Harmonise the two campaign headlines: identical typeface, size, line-height,
   letter spacing and rhythm, while preserving each WordPress title and color. */
html body.ep-body .ep-hero--selected .ep-hero-center > h1,
html body.ep-body .ep-hero--selected .ep-hero-men-copy > h2{
 font:400 clamp(43px,5vw,88px)/1 Georgia,serif!important;
 letter-spacing:-.035em!important;
 margin:9px 0 18px!important;
 white-space:normal!important;
 text-wrap:balance;
}
@media(max-width:800px){
 html body.ep-body .ep-hero--selected .ep-hero-center > h1,
 html body.ep-body .ep-hero--selected .ep-hero-men-copy > h2{
  font-size:clamp(43px,12vw,61px)!important;
  line-height:1.02!important;
  margin:12px auto 16px!important;
 }
}
/* Only desktop/tablet-wide category cards: picture on the left, title/action
   on the right. Keep mobile arrangement and the uncropped-photo treatment. */
@media(min-width:801px){
 html body.ep-body .ep-tiles .ep-tile > img{
  left:0!important;right:auto!important;top:0!important;bottom:0!important;
  width:56%!important;height:100%!important;
  object-fit:contain!important;object-position:left center!important;
 }
 html body.ep-body .ep-tiles .ep-tile > .ep-tile-label{
  left:auto!important;right:0!important;top:0!important;bottom:0!important;
  width:44%!important;min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  text-align:center!important;
 }
}


/* Campaign layout parity: woman's text matches the men's typography and is
   inset into the left hero, rather than drifting outside the photograph. */
@media(min-width:801px){
 html body.ep-body .ep-hero--selected .ep-hero-center{
  left:clamp(48px,10.7vw,190px)!important;
  right:auto!important;
  width:min(30%,475px)!important;
  align-items:flex-start!important;
  text-align:left!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center > h1,
 html body.ep-body .ep-hero--selected .ep-hero-men-copy > h2{
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-size:clamp(43px,5vw,88px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  margin:9px 0 18px!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center > :is(span,p),
 html body.ep-body .ep-hero--selected .ep-hero-men-copy > :is(span,p){
  text-align:left!important
 }
 html body.ep-body .ep-hero--selected .ep-hero-center[data-ep-text-color="white"] .ep-button{
  color:#fff!important;
  background:rgba(25,23,21,.22)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  padding:13px 20px!important;
  font:600 10px Montserrat,Arial,sans-serif!important
 }
}
/* Four latest-arrival tiles: the picture takes its natural portrait width;
   the title panel fills the remaining space. No blurred empty side strips. */
@media(min-width:801px){
 html body.ep-body .ep-tiles .ep-tile{
  display:flex!important;flex-direction:row!important;
  align-items:stretch!important;justify-content:flex-start!important;
  height:clamp(215px,17vw,300px)!important;
  min-height:0!important;
  background:#f3eee9!important
 }
 html body.ep-body .ep-tiles .ep-tile::before{display:none!important}
 html body.ep-body .ep-tiles .ep-tile > img{
  position:relative!important;inset:auto!important;
  flex:0 1 auto!important;
  width:auto!important;height:100%!important;max-width:62%!important;
  min-width:0!important;
  object-fit:contain!important;object-position:left center!important;
  display:block!important;z-index:1!important
 }
 html body.ep-body .ep-tiles .ep-tile > .ep-tile-label{
  position:relative!important;inset:auto!important;
  flex:1 1 auto!important;
  width:auto!important;max-width:none!important;
  min-width:35%!important;height:100%!important;
  margin:0!important;padding:12px 10px!important;
  box-sizing:border-box!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important
 }
 html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="black"] > .ep-tile-label{
  background:#f3eee9!important
 }
 html body.ep-body .ep-tiles .ep-tile[data-ep-text-color="white"] > .ep-tile-label{
  background:#2c2926!important
 }
}
@media(min-width:801px) and (max-width:1299px){
 html body.ep-body .ep-tiles{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}


/* Both cover campaigns now share ONE visual typography system. Mujer is the
   reference: keep its appearance, apply the same copy/button styling to Hombre.
   Content remains real, accessible WordPress-editable HTML over the photo. */
html body.ep-body .ep-hero--selected .ep-hero-copy{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:center!important;
 box-sizing:border-box!important;
 text-align:left!important;
 pointer-events:none!important;
}
html body.ep-body .ep-hero--selected .ep-hero-copy > :is(span,.ep-hero-title,p){
 user-select:none;
 -webkit-user-select:none;
}
html body.ep-body .ep-hero--selected .ep-hero-copy > span{
 display:block!important;
 font:600 10px/1.4 Montserrat,Arial,sans-serif!important;
 letter-spacing:2.1px!important;
 text-align:left!important;
}
html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-hero-title{
 font:400 clamp(43px,5vw,88px)/1 Georgia,serif!important;
 letter-spacing:-.035em!important;
 text-transform:none!important;
 text-align:left!important;
 margin:9px 0 18px!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 white-space:normal!important;
 text-wrap:balance;
}
html body.ep-body .ep-hero--selected .ep-hero-copy > p{
 font:400 11px/1.7 Montserrat,Arial,sans-serif!important;
 letter-spacing:1.1px!important;
 text-transform:uppercase!important;
 max-width:290px!important;
 margin:0 0 22px!important;
 text-align:left!important;
}
html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-button{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 align-self:flex-start!important;
 flex:0 0 auto!important;
 box-sizing:border-box!important;
 pointer-events:auto!important;
 padding:14px 21px!important;
 font:600 10px/1.3 Montserrat,Arial,sans-serif!important;
 letter-spacing:.7px!important;
 text-decoration:none!important;
 margin:0!important;
 min-height:42px!important;
 border-radius:0!important;
}
html body.ep-body .ep-hero--selected .ep-hero-copy[data-ep-text-color="white"] > .ep-button{
 background:#26221e!important;
 color:#fff!important;
 border:1px solid #26221e!important;
}
html body.ep-body .ep-hero--selected .ep-hero-copy[data-ep-text-color="black"] > .ep-button{
 background:rgba(255,255,255,.94)!important;
 color:#191715!important;
 border:1px solid rgba(25,23,21,.3)!important;
}
@media(min-width:801px){
 html body.ep-body .ep-hero--selected .ep-hero-men-copy.ep-hero-copy{
  padding:0!important;
  background:transparent!important;
 }
}
@media(max-width:800px){
 html body.ep-body .ep-hero--selected .ep-hero-copy{
  align-items:center!important;
  text-align:center!important;
 }
 html body.ep-body .ep-hero--selected .ep-hero-copy > :is(span,.ep-hero-title,p){
  align-self:center!important;
  text-align:center!important;
 }
 html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-hero-title{
  font-size:clamp(43px,12vw,61px)!important;
  line-height:1.02!important;
  margin:12px auto 16px!important;
 }
 html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-button{
  align-self:center!important;
  margin:0 auto!important;
 }
}


/* 2026-10-21: both editable covers use ONE identical title typography.
   Stronger than old h1/h2-only rules, in both desktop and mobile layouts. */
html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-hero-title{
 font-family:Georgia,serif!important;
 font-weight:400!important;
 font-style:normal!important;
 font-size:clamp(43px,5vw,88px)!important;
 line-height:1!important;
 letter-spacing:-.035em!important;
 text-transform:none!important;
 text-shadow:inherit;
 margin:9px 0 18px!important;
 white-space:normal!important;
}
@media(max-width:800px){
 html body.ep-body .ep-hero--selected .ep-hero-copy > .ep-hero-title{
  font-size:clamp(43px,12vw,61px)!important;
  line-height:1.02!important;
  margin:12px auto 16px!important;
 }
}

/* The actual campaign photos must keep their unmodified color.
   The blurred fill preserves the image aspect ratio without a sepia veil. */
html body.ep-body .ep-hero--selected :is(.ep-hero-left,.ep-hero-right){
 filter:none!important;
 opacity:1!important;
}
html body.ep-body .ep-hero--selected :is(.ep-hero-left,.ep-hero-right) > .ep-hero-full-photo{
 filter:none!important;
 opacity:1!important;
 mix-blend-mode:normal!important;
}
html body.ep-body .ep-hero--selected :is(.ep-hero-left,.ep-hero-right)::before{
 filter:blur(19px)!important;
}
html body.ep-body .ep-hero--selected :is(.ep-hero-left,.ep-hero-right)::after{
 content:none!important;
 display:none!important;
 background:none!important;
}