/* Only the requested country dialog, empty cart, index navbar and legal typography. */
#language-popup,#openLanguagePopup{display:none!important}
.su-country-shade{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.su-country-shade.is-open{opacity:1;visibility:visible}
.su-country-popup{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#333;padding:30px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:4px;z-index:9999;font-family:Arial,Helvetica,sans-serif;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;text-align:left;line-height:normal}
.su-country-popup.is-open{opacity:1;visibility:visible}
.su-country-popup .su-country-title{display:block;font-size:12px;letter-spacing:1px;font-weight:700;margin:0 0 24px}
.su-country-popup .su-country-close{position:absolute;top:10px;right:10px;display:block;flex:0 0 26px;width:26px;height:26px;min-width:26px;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0;line-height:0;cursor:pointer;box-shadow:none}
.su-country-popup .su-country-close::before,.su-country-popup .su-country-close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1px;background:#233f32;transform-origin:center}
.su-country-popup .su-country-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.su-country-popup .su-country-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.su-country-popup label{display:block;font-size:12px;margin:0 0 8px;font-weight:400;letter-spacing:0;text-transform:uppercase}
.su-country-popup select{box-sizing:border-box;width:100%;padding:10px;font:12px Arial,Helvetica,sans-serif;color:#111;border:1px solid #ccc;border-radius:0;background:#fff;height:38px}
.su-country-popup .su-country-save{box-sizing:border-box;width:100%;margin-top:20px;padding:10px;background:#233f32;color:#fff;font:12px Arial,Helvetica,sans-serif;border:none;border-radius:0;cursor:pointer;text-transform:uppercase}
.su-country-detect{display:block;margin:14px 0 0;padding:0;border:0;background:none;color:#233f32;font:11px 'Poppins',sans-serif;cursor:pointer;text-decoration:underline;text-align:left}
.su-country-detect:disabled{opacity:.6;cursor:wait}
.su-country-button{position:fixed;left:16px;bottom:16px;z-index:990;background:#fff;color:#333;border:0;border-radius:0;padding:12px 14px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2px;font-weight:400;text-transform:uppercase;cursor:pointer;line-height:1.5}
.su-country-button img{display:block;width:20px;height:15px;object-fit:contain}.su-country-button .su-country-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 3px;flex-shrink:0}
.su-country-button:focus-visible,.su-country-popup :focus-visible{outline:2px solid #233f32;outline-offset:3px}
.sucesso-empty-cart{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-height:calc(100dvh - 160px);padding:32px 20px;color:#999;font-size:1rem;text-align:center}
.sucesso-empty-cart-image{display:block;width:min(230px,65%);max-height:38dvh;height:auto;object-fit:contain;margin:0 auto}
header.navbar.sucesso-solid-navbar{position:fixed!important;top:0!important;background:#fff!important;color:#000!important;border-bottom:1px solid #ddd!important;--nav-fg:#000;--nav-shadow:none;--nav-icon-filter:none;transition:none!important}
header.navbar.sucesso-solid-navbar .logo,header.navbar.sucesso-solid-navbar .account-icon,header.navbar.sucesso-solid-navbar .cart-icon{filter:none!important}
/* Content colors deliberately inherit the original declarations. */
main.sucesso-legal-type,main.sucesso-legal-type p,main.sucesso-legal-type span,main.sucesso-legal-type li,main.sucesso-legal-type ol,main.sucesso-legal-type ul{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.2!important;letter-spacing:-.45px!important;text-align:left!important}
main.sucesso-legal-type h1,main.sucesso-legal-type h2,main.sucesso-legal-type>ol>li>strong{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.4px!important;text-transform:uppercase}
main.sucesso-legal-type h2{margin-top:52px!important;margin-bottom:12px!important}
main.sucesso-legal-type p{margin-top:0!important;margin-bottom:0!important}
main.sucesso-legal-type>ol>li{margin-bottom:52px!important}
main.sucesso-legal-type>ol>li>strong{display:inline-block;margin-bottom:12px}
@media(max-width:480px){.su-country-popup{padding:30px}.su-country-button{left:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);padding:10px;font-size:9px;letter-spacing:1.5px}.sucesso-empty-cart-image{width:min(210px,70%)} }
@media(prefers-reduced-motion:reduce){.su-country-popup,.su-country-shade{transition:none}}

/* ==========================================================
   AUTH PAGES — navbar/search/cart + form alignment fixes
   Scoped to login.html, registro.html and recuperar.html only.
   ========================================================== */
body.auth-page{background:#fff!important;}
body.auth-page header.navbar{left:0;right:0;box-sizing:border-box;overflow:visible;}
body.auth-page .navbar-right{margin-left:auto!important;}

/* Search bar: keep the close X pinned exactly to the right edge. */
body.auth-page .search-bar{box-sizing:border-box!important;padding-right:58px!important;}
body.auth-page .search-bar input{box-sizing:border-box!important;padding-right:48px!important;}
body.auth-page .search-bar .close-search{
  position:absolute!important;right:20px!important;top:50%!important;
  transform:translateY(-50%)!important;margin:0!important;padding:0!important;
  width:24px!important;height:24px!important;min-width:24px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;color:#000!important;
}

/* Auth content: same width/design, only moved lower from the navbar. */
body.auth-page .auth-shell{
  box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:388px!important;
  margin:150px auto 48px!important;padding:0!important;transform:none!important;
}
body.auth-page .auth-shell h2{margin-top:0!important;margin-bottom:32px!important;text-align:center!important;}
body.auth-page .auth-shell form{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
body.auth-page .auth-shell input[type="email"],
body.auth-page .auth-shell input[type="password"]{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  padding:.75rem!important;border:1px solid #ccc!important;border-radius:1px!important;
  margin-bottom:1rem!important;background:#fff!important;color:#111!important;
}
body.auth-page .auth-shell button[type="submit"]{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  border-radius:1px!important;background:#233f32!important;color:#fff!important;
}
body.auth-page .auth-shell .success,
body.auth-page .auth-shell .error{font-size:12px;line-height:1.45;margin-top:12px;text-align:center;}
body.auth-page .auth-shell .success{color:#233f32;}
body.auth-page .auth-shell .error{color:#a12622;}

/* Cart drawer. recuperar.html was missing the drawer styles entirely. */
body.auth-page .cart-overlay{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
  background:rgba(0,0,0,.4)!important;display:flex!important;justify-content:flex-end!important;
  z-index:9999!important;opacity:0;pointer-events:none;transition:opacity .3s ease;
}
body.auth-page .cart-overlay.hidden{visibility:hidden;}
body.auth-page .cart-overlay.active{opacity:1!important;pointer-events:auto!important;visibility:visible!important;}
body.auth-page .cart-panel{
  box-sizing:border-box!important;background:#fff!important;width:400px!important;max-width:100%!important;
  height:100%!important;max-height:100vh!important;padding:1.5rem!important;
  display:flex!important;flex-direction:column!important;overflow-y:auto!important;
  transform:translateX(100%);transition:transform .3s ease-in-out;
  box-shadow:-2px 0 5px rgba(0,0,0,.2)!important;
}
body.auth-page .cart-overlay.active .cart-panel{transform:translateX(0)!important;}
body.auth-page .cart-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e0e0e0!important;padding-bottom:1rem!important;}
body.auth-page .cart-header h2{margin:0!important;font-size:1.25rem!important;white-space:nowrap;}
body.auth-page .cart-header .close-cart{
  flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;
  color:#000!important;font-size:26px!important;line-height:32px!important;font-weight:400!important;
  display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;
}
body.auth-page .cart-items{flex:1 1 auto!important;overflow-y:auto!important;margin:1rem 0!important;}

@media (min-width:1536px){
  body.auth-page .navbar-right{margin-left:auto!important;gap:14px!important;}
  body.auth-page #cart-text-btn{color:#000!important;opacity:1!important;visibility:visible!important;}
  body.auth-page #cart-count-text{color:inherit!important;}
}
@media (max-width:768px){
  body.auth-page .auth-shell{width:calc(100% - 40px)!important;max-width:388px!important;margin:130px auto 40px!important;}
  body.auth-page .search-bar .close-search{right:16px!important;}
}
body.auth-page header.navbar button{width:auto!important;max-width:none!important;}


/* ==========================================================
   CART — remove a complete product line + 3s emptying feedback
   Shared by every page that loads cart.js.
   ========================================================== */
.cart-panel{position:relative;}
.cart-item{position:relative;box-sizing:border-box;}
.cart-item .cart-item-details{padding-right:0;box-sizing:border-box;}
.cart-remove-item{
  position:absolute!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  z-index:4!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:28px!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
}
.cart-remove-item:hover{opacity:.55;}
.cart-remove-item:focus-visible{outline:1px solid #111!important;outline-offset:2px;}
.cart-process-overlay{
  position:absolute;
  inset:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.cart-panel.cart-processing .cart-process-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cart-panel.cart-processing{overflow:hidden!important;}

/* ==========================================================
   CART REFINEMENT — product rows / wish list / checkout total
   This block only affects the cart drawer and scroll locking
   while the cart or responsive side menu is open.
   ========================================================== */
html.sucesso-scroll-locked,
body.sucesso-scroll-locked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

/* Keep the drawer itself scrollable if many products are present. */
.cart-panel,
.cart-items{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.cart-panel{touch-action:pan-y;}

/* Main cart close X: thin crossed strokes like the reference. */
.close-cart{
  position:relative!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  appearance:none!important;
  box-shadow:none!important;
}
.close-cart::before,
.close-cart::after,
.cart-remove-item::before,
.cart-remove-item::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:1px;
  background:#111;
  transform-origin:center;
}
.close-cart::before,
.cart-remove-item::before{transform:translate(-50%,-50%) rotate(45deg);}
.close-cart::after,
.cart-remove-item::after{transform:translate(-50%,-50%) rotate(-45deg);}
.close-cart:hover{opacity:.55;}

.cart-items{
  padding-right:0!important;
}
.cart-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid #ececec!important;
  box-sizing:border-box!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.cart-item-image-link{
  display:block!important;
  width:90px!important;
  height:112px!important;
  margin:0!important;
  padding:0!important;
  background:#f7f7f7!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.cart-item-image-link img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}
.cart-item-details{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  height:112px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.cart-item-title-link{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  text-decoration:none!important;
}
.cart-item-title-link:hover h4,
.cart-item-title-link:focus-visible h4{text-decoration:none!important;}
.cart-item-details h4{
  margin:0 0 3px!important;
  padding:0!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:12.5px!important;
  line-height:1.18!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  overflow-wrap:anywhere;
}
.cart-item-price{
  margin:0 0 7px!important;
  padding:0!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.cart-item-size{
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:400!important;
  text-transform:uppercase!important;
}
.cart-item-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:24px!important;
  margin-top:auto!important;
}
.quantity-selector{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.quantity-selector button,
.quantity-selector input{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:24px!important;
  font-weight:400!important;
  text-align:center!important;
  appearance:none!important;
}
.quantity-selector button{
  width:14px!important;
  cursor:pointer!important;
}
.quantity-selector input{
  width:14px!important;
  pointer-events:none!important;
}

/* Same heart system used by Product Page / Wish List. */
.cart-wishlist-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  margin:0 0 0 auto!important;
  padding:2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#233f32!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.cart-wishlist-item svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  overflow:visible!important;
}
.cart-wishlist-item path{
  fill:transparent;
  stroke:#233f32;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:fill .18s ease,stroke .18s ease,transform .18s ease;
  transform-origin:center;
}
.cart-wishlist-item:hover path,
.cart-wishlist-item:focus-visible path,
.cart-wishlist-item.is-active path{
  fill:#233f32;
  stroke:#233f32;
}
.cart-wishlist-item:hover path{transform:scale(1.05);}
.cart-wishlist-item:focus-visible{outline:1px solid #233f32!important;outline-offset:1px!important;}

/* Line-item remove X, beside the heart. */
.cart-remove-item{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
}
.cart-remove-item::before,
.cart-remove-item::after{
  width:11px;
  height:1px;
}
.cart-remove-item:hover{opacity:.55!important;}
.cart-remove-item:focus-visible{outline:1px solid #111!important;outline-offset:1px!important;}

/* No separate Total line: the cart total is displayed on the checkout button. */
.cart-total{display:none!important;}
.cart-footer{
  padding-top:14px!important;
}
.checkout-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #233f32!important;
  border-radius:0!important;
  background:#233f32!important;
  color:#fff!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:12.25px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  cursor:pointer!important;
}
.checkout-btn::after{
  content:attr(data-total);
  display:block;
  margin-left:auto;
  color:inherit;
  font:inherit;
  font-weight:600;
  white-space:nowrap;
}
.checkout-btn:hover{
  background:#1a2d27!important;
  border-color:#1a2d27!important;
}

/* Auth pages have a more specific legacy close-button rule. */
body.auth-page .cart-header .close-cart{
  position:relative!important;
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  font-weight:400!important;
}

@media (max-width:500px){
  .cart-item{
    grid-template-columns:80px minmax(0,1fr)!important;
    gap:11px!important;
    margin-bottom:15px!important;
    padding-bottom:15px!important;
  }
  .cart-item-image-link{
    width:80px!important;
    height:102px!important;
  }
  .cart-item-details{height:102px!important;}
  .cart-item-details h4{font-size:11.5px!important;}
  .cart-item-price{font-size:11px!important;margin-bottom:5px!important;}
  .cart-item-size{font-size:10px!important;}
  .cart-item-actions{gap:6px!important;}
  .quantity-selector{gap:6px!important;}
  .checkout-btn{
    min-height:46px!important;
    padding:0 13px!important;
    font-size:11.75px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .cart-wishlist-item path{transition:none!important;}
}

/* Responsive side menu remains internally usable while background is locked. */
.sidebar.active{
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* =========================================================
   Product-card wish list heart — shared across collections,
   tees, predictive/page search and related products.
   Matches the existing cart/product-page heart behavior.
   ========================================================= */
.related-product-media,
.su-search-product-media,
.has-listing-wishlist-heart{
  position:relative!important;
}

.listing-wishlist-item{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:8!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#233f32!important;
  box-shadow:none!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.listing-wishlist-item svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.listing-wishlist-item path{
  fill:transparent!important;
  stroke:#233f32!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:fill .18s ease,stroke .18s ease,transform .18s ease!important;
  transform-origin:center!important;
}
.listing-wishlist-item:hover path,
.listing-wishlist-item:focus-visible path,
.listing-wishlist-item.is-active path{
  fill:#233f32!important;
  stroke:#233f32!important;
}
.listing-wishlist-item:hover path{transform:scale(1.05)!important;}
.listing-wishlist-item:focus-visible{
  outline:1px solid #233f32!important;
  outline-offset:1px!important;
}

@media (max-width:600px){
  .listing-wishlist-item{top:7px!important;right:7px!important;}
}

@media (prefers-reduced-motion:reduce){
  .listing-wishlist-item path{transition:none!important;}
}

/* === SUCESSO NAVBAR HOVER MENUS 2026-09-13 === */
@media (min-width: 1536px) and (hover: hover) and (pointer: fine) {
  .nav-desktop .nav-item.has-dropdown {
    position: relative !important;
  }

  /* Never leave a menu pinned because of legacy page classes. */
  .nav-desktop .nav-item.has-dropdown:not(.su-hover-open) > .dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .nav-desktop .nav-item.has-dropdown > .nav-arrow svg {
    transform: rotate(0deg) !important;
    transition: transform .22s ease !important;
  }

  .nav-desktop .nav-item.has-dropdown.su-hover-open > .nav-arrow svg {
    transform: rotate(90deg) !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown.sucesso-hover-dropdown,
  .nav-desktop .nav-item.has-dropdown > .dropdown {
    position: fixed !important;
    top: var(--sucesso-navbar-bottom, 70px) !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-top: 24px !important;
    padding-right: max(28px, env(safe-area-inset-right)) !important;
    padding-bottom: 24px !important;
    padding-left: var(--sucesso-dropdown-left, 32px) !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.055), 0 1px 0 rgba(0,0,0,.07) inset !important;
    white-space: nowrap !important;
    z-index: 10050 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none !important;
    transition: opacity .18s ease, visibility .18s ease !important;
  }

  .nav-desktop .nav-item.has-dropdown.su-hover-open > .dropdown.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    transition: none !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -3px !important;
    width: 100% !important;
    height: 1px !important;
    background: currentColor !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform .18s ease !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:hover::after,
  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:focus-visible::after {
    transform: scaleX(1) !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item.active,
  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item.active.deemphasize {
    color: #111 !important;
    text-decoration: none !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item.active::after {
    transform: scaleX(0) !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item.active:hover::after,
  .nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item.active:focus-visible::after {
    transform: scaleX(1) !important;
  }

  .nav-desktop { --sucesso-page-gutter: clamp(24px, 3vw, 48px); }

  #nav-collections > .dropdown.collection-dropdown {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    min-height: 426px !important;
    padding-top: 28px !important;
    padding-right: max(28px, env(safe-area-inset-right)) !important;
    padding-bottom: 30px !important;
    padding-left: var(--sucesso-page-gutter, 32px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 1.6vw, 32px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  #nav-collections > .dropdown.collection-dropdown::-webkit-scrollbar {
    display: none !important;
  }

  #nav-collections > .dropdown.collection-dropdown .collection-hover-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: clamp(18px, 1.6vw, 32px) !important;
    width: auto !important;
    max-width: none !important;
  }

  #nav-collections .collection-hover-card {
    display: block !important;
    flex: 0 0 clamp(218px, 12.6vw, 240px) !important;
    width: clamp(218px, 12.6vw, 240px) !important;
    max-width: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  #nav-collections .collection-hover-card::after {
    content: none !important;
    display: none !important;
  }

  #nav-collections .collection-hover-card img {
    display: block !important;
    width: 100% !important;
    height: 355px !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f4f4f4 !important;
    transition: none !important;
  }

  #nav-collections .collection-hover-card:hover img,
  #nav-collections .collection-hover-card:focus-visible img {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  #nav-collections .collection-hover-name {
    display: block !important;
    margin-top: 13px !important;
    text-align: center !important;
    color: #111 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  #nav-collections .collection-hover-card:hover .collection-hover-name,
  #nav-collections .collection-hover-card:focus-visible .collection-hover-name {
    text-decoration: none !important;
    color: #111 !important;
  }

  /* Remove any page-specific "always open" visual state from the old navigation. */
  .nav-desktop #nav-shop.open > .dropdown,
  .nav-desktop #nav-collections.open > .dropdown,
  .nav-desktop #nav-support.open > .dropdown,
  .nav-desktop #nav-brand.open > .dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .nav-desktop #nav-shop.su-hover-open > .dropdown,
  .nav-desktop #nav-collections.su-hover-open > .dropdown,
  .nav-desktop #nav-support.su-hover-open > .dropdown,
  .nav-desktop #nav-brand.su-hover-open > .dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

@media (min-width: 1536px) and (hover: hover) and (pointer: fine) {
  #nav-shop,
  #nav-collections,
  #nav-support,
  #nav-brand {
    margin: 0 17px !important;
  }

  #nav-shop .dropdown .dropdown-item,
  #nav-collections .dropdown .dropdown-item,
  #nav-support .dropdown .dropdown-item,
  #nav-brand .dropdown .dropdown-item,
  #nav-brand .dropdown .dropdown-item[href*="about"],
  #nav-brand .dropdown .dropdown-item[data-i18n="nav_about"],
  #nav-support .dropdown .dropdown-item.active,
  .nav-desktop .dropdown .about-sticky {
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }

  #nav-shop .dropdown .dropdown-item:hover,
  #nav-support .dropdown .dropdown-item:hover,
  #nav-brand .dropdown .dropdown-item:hover,
  #nav-shop .dropdown .dropdown-item:focus-visible,
  #nav-support .dropdown .dropdown-item:focus-visible,
  #nav-brand .dropdown .dropdown-item:focus-visible {
    color: #111 !important;
    text-decoration: none !important;
  }

  .nav-desktop .nav-item.has-dropdown > .dropdown::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -31px;
    height: 31px;
    background: transparent;
  }
}

/* === SUCESSO 2026-09-13: home products, NEW IN badges, collection editorial card === */
.home-new-in-products {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}
.home-new-in-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
  align-items:start;
}
.home-new-in-grid .related-product-card {
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
}
.home-new-in-grid .related-product-media { width:100%; aspect-ratio:2/3; }
.home-new-in-grid .related-product-info { padding:10px 10px 22px; }

.listing-new-in-badge {
  position:absolute;
  top:10px;
  left:10px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:19px;
  padding:3px 6px 2px;
  border:1px solid rgba(35,63,50,.22);
  background:rgba(255,255,255,.86);
  color:#233f32;
  font-family:"SystemSansBold","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
  box-sizing:border-box;
}
.has-listing-new-in-badge { position:relative; }

@media (max-width:1023px){
  .home-new-in-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .listing-new-in-badge { top:8px; left:8px; font-size:8px; }
}

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  #nav-collections > .dropdown.collection-dropdown {
    height:min(610px, calc(100vh - var(--sucesso-navbar-bottom, 70px) - 24px)) !important;
    min-height:520px !important;
    padding:0 !important;
    gap:0 !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card {
    position:relative !important;
    display:block !important;
    flex:0 0 25vw !important;
    width:25vw !important;
    min-width:340px !important;
    max-width:520px !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#eee !important;
    color:#fff !important;
    text-decoration:none !important;
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card img {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    background:#eee !important;
    transform:scale(1) !important;
    transition:transform .55s cubic-bezier(.2,.75,.25,1) !important;
    will-change:transform;
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card:hover img,
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card:focus-visible img {
    transform:scale(1.045) !important;
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-name {
    position:absolute !important;
    left:22px !important;
    bottom:22px !important;
    z-index:2 !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif !important;
    font-size:clamp(24px,1.65vw,32px) !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-.045em !important;
    text-transform:none !important;
    text-align:left !important;
    text-decoration:none !important;
    text-shadow:0 1px 12px rgba(0,0,0,.18);
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card::before {
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:36%;
    z-index:1;
    background:linear-gradient(to top,rgba(0,0,0,.28),rgba(0,0,0,0));
    pointer-events:none;
  }
  #nav-collections > .dropdown.collection-dropdown .collection-hover-card::after,
  #nav-collections > .dropdown.collection-dropdown .collection-hover-name::after {
    display:none !important;
    content:none !important;
  }
}

@media (max-width:1535px){
  #nav-collections .collection-hover-card img { transition:transform .4s ease; }
}


/* === SUCESSO T-SHIRTS PINNED CATEGORY NAV + ACCOUNT DROPDOWN STACK 20260913 === */
/* My Account fixed section links must sit below navbar mega menus. */
.sidebar-menu{z-index:900!important;}

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  body.su-tshirts-page header.navbar{
    transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease!important;
  }
  body.su-tshirts-page header.navbar .navbar-center,
  body.su-tshirts-page header.navbar .navbar-right,
  body.su-tshirts-page header.navbar .menu-toggle,
  body.su-tshirts-page header.navbar #nav-collections,
  body.su-tshirts-page header.navbar #nav-support,
  body.su-tshirts-page header.navbar #nav-brand,
  body.su-tshirts-page header.navbar #nav-shop > .nav-main,
  body.su-tshirts-page header.navbar #nav-shop > .nav-arrow{
    transition:transform .28s cubic-bezier(.22,.7,.2,1),opacity .2s ease!important;
    will-change:transform,opacity;
  }
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown{
    top:70px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    height:56px!important;
    min-height:56px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    display:flex!important;
    justify-content:center!important;
  }
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown .dropdown-item{
    height:56px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown .dropdown-item.active::after{
    transform:scaleX(1)!important;
  }
  body.su-tshirts-page.su-nav-scrolled-down header.navbar{
    transform:none!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .navbar-center,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .navbar-right,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .menu-toggle,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-collections,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-support,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-brand,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-shop > .nav-main,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-shop > .nav-arrow{
    transform:translateY(-82px)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.su-tshirts-page.su-nav-scrolled-down #nav-shop.su-tshirts-pinned > .dropdown{
    top:0!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.035)!important;
  }
}

/* === SUCESSO T-SHIRTS NAV + PRODUCT GALLERY PLACEMENT FIX 20260913 === */
/* Keep My Account links below every full-width navbar dropdown. */
.sidebar-menu { z-index: 850 !important; }

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  /* T-Shirts page: the normal navbar stays untouched; only its top position slides. */
  body.su-tshirts-page header.navbar{
    top:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#fff !important;
    border-bottom:1px solid #e5e5e5 !important;
    box-shadow:none !important;
    z-index:10100 !important;
    transition:top .30s cubic-bezier(.22,.72,.24,1) !important;
    will-change:top;
  }

  /* Undo the previous per-element hiding so the logo/nav remain identical to other pages. */
  body.su-tshirts-page header.navbar .navbar-center,
  body.su-tshirts-page header.navbar .navbar-right,
  body.su-tshirts-page header.navbar .menu-toggle,
  body.su-tshirts-page header.navbar #nav-shop,
  body.su-tshirts-page header.navbar #nav-collections,
  body.su-tshirts-page header.navbar #nav-support,
  body.su-tshirts-page header.navbar #nav-brand,
  body.su-tshirts-page header.navbar #nav-shop > .nav-main,
  body.su-tshirts-page header.navbar #nav-shop > .nav-arrow{
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  /* SHOP submenu is permanently pinned on the category page. */
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown{
    position:fixed !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 max(28px,env(safe-area-inset-right)) 0 var(--sucesso-dropdown-left,32px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.025) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:10060 !important;
    transition:top .30s cubic-bezier(.22,.72,.24,1),opacity .18s ease !important;
  }
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown .dropdown-item{
    height:auto !important;
    display:inline-block !important;
    align-items:initial !important;
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
  }
  body.su-tshirts-page #nav-shop.su-tshirts-pinned > .dropdown .dropdown-item.active::after{
    transform:scaleX(1) !important;
  }

  /* When another navbar item is being hovered, its menu replaces the pinned Shop strip. */
  body.su-tshirts-page #nav-shop:not(.su-tshirts-pinned) > .dropdown{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Smooth linked movement: navbar goes up, pinned Shop strip docks at the viewport top. */
  body.su-tshirts-page.su-nav-scrolled-down header.navbar{
    top:-70px !important;
    background:#fff !important;
    border-bottom:1px solid #e5e5e5 !important;
    box-shadow:none !important;
  }
  body.su-tshirts-page.su-nav-scrolled-down #nav-shop.su-tshirts-pinned > .dropdown{
    top:0 !important;
  }

  /* Reserve space for the permanently visible 56px category strip. */
  body.su-tshirts-page .collections{
    padding-top:56px !important;
  }
}

/* Product page: breadcrumb belongs at the page's upper-left, just below the navbar. */
@media (min-width:769px){
  body:has(main.product-page) .product-context-breadcrumb{
    position:absolute !important;
    top:88px !important;
    left:clamp(20px,2.1vw,40px) !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin:0 !important;
    padding:0 !important;
    z-index:30 !important;
    font-family:'Poppins',sans-serif !important;
    font-size:10px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    color:#233f32 !important;
    white-space:nowrap !important;
  }

  /* Thumbnail rail lives BESIDE the grey image viewport, never over it. */
  body:has(main.product-page) .product-container{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:18px !important;
    width:100% !important;
    max-width:1440px !important;
    margin:0 auto !important;
    padding:2rem clamp(22px,2.5vw,42px) !important;
    box-sizing:border-box !important;
  }
  body:has(main.product-page) .product-thumbnail-rail{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    flex:0 0 58px !important;
    width:58px !important;
    align-self:center !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 8px 0 0 !important;
    z-index:8 !important;
  }
  body:has(main.product-page) .product-thumbnail{
    width:58px !important;
    height:72px !important;
    flex:0 0 72px !important;
    background:#f5f5f5 !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:.38 !important;
  }
  body:has(main.product-page) .product-thumbnail.is-active,
  body:has(main.product-page) .product-thumbnail:hover,
  body:has(main.product-page) .product-thumbnail:focus-visible{
    opacity:1 !important;
    outline:none !important;
  }
  body:has(main.product-page) .product-thumbnail img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#f5f5f5 !important;
  }
  body:has(main.product-page) .image-scroll-container{
    flex:0 1 760px !important;
    width:min(56vw,760px) !important;
    max-width:760px !important;
    margin-left:0 !important;
  }
  body:has(main.product-page) .product-info{
    flex:1 1 390px !important;
    min-width:340px !important;
    max-width:520px !important;
  }
}

/* Mobile product imagery remains centered and thumbnails stay hidden. */
@media (max-width:768px){
  body:has(main.product-page) .product-context-breadcrumb{
    position:static !important;
    width:100% !important;
    padding:10px 18px 8px !important;
    margin:0 !important;
    white-space:normal !important;
  }
  body:has(main.product-page) .product-thumbnail-rail{display:none !important;}
  body:has(main.product-page) .product-container{
    display:flex !important;
    flex-direction:column !important;
    gap:1rem !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 16px 24px !important;
  }
}

/* Final guard: when the T-Shirts navbar slides away, only the navbar box moves.
   Its children keep their normal layout so the logo/navigation never distort. */
@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .navbar-center,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .navbar-right,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar .menu-toggle,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-shop,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-collections,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-support,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-brand,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-shop > .nav-main,
  body.su-tshirts-page.su-nav-scrolled-down header.navbar #nav-shop > .nav-arrow{
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* === SUCESSO T-SHIRTS NAV FINAL POLISH 20260913 === */
.home-new-in-products{scroll-margin-top:70px;}

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  /* Keep the Sucesso logo in exactly the navbar's vertical center. */
  body.su-tshirts-page header.navbar .navbar-center{
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    width:auto !important;
    height:70px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2 !important;
  }
  body.su-tshirts-page header.navbar .navbar-center > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:70px !important;
    line-height:0 !important;
  }
  body.su-tshirts-page header.navbar .navbar-center .logo{
    display:block !important;
    width:130px !important;
    height:auto !important;
    max-height:35px !important;
    margin:0 !important;
  }

  /* On T-Shirts, the small one-link menus temporarily occupy the exact pinned-strip slot. */
  body.su-tshirts-page #nav-support.su-hover-open > .dropdown,
  body.su-tshirts-page #nav-brand.su-hover-open > .dropdown{
    position:fixed !important;
    top:var(--sucesso-navbar-bottom,70px) !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:0 max(28px,env(safe-area-inset-right)) 0 var(--sucesso-dropdown-left,32px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:0 !important;
    background:#fff !important;
    box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.025) !important;
    overflow:hidden !important;
    z-index:10060 !important;
  }
  body.su-tshirts-page #nav-support.su-hover-open > .dropdown .dropdown-item,
  body.su-tshirts-page #nav-brand.su-hover-open > .dropdown .dropdown-item{
    margin:0 !important;
    padding:0 !important;
    height:auto !important;
  }

  /* COLLECTIONS keeps its editorial mega-menu; it starts flush against the navbar too. */
  body.su-tshirts-page #nav-collections.su-hover-open > .dropdown.collection-dropdown{
    top:var(--sucesso-navbar-bottom,70px) !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    margin:0 !important;
  }

  /* Cart / search / sidebar are real overlays, therefore they must cover the pinned category strip. */
  body.su-tshirts-page .cart-overlay{z-index:13000 !important;}
  body.su-tshirts-page .search-bar{z-index:13020 !important;}
  body.su-tshirts-page .search-results{z-index:13030 !important;}
  body.su-tshirts-page .overlay{z-index:13010 !important;}
  body.su-tshirts-page .sidebar,
  body.su-tshirts-page .sidebar.active{z-index:13000 !important;}
}

@media (max-width:1535px){
  /* Mobile/laptop overlays still stay above any category strip or navbar dropdown. */
  body.su-tshirts-page .cart-overlay{z-index:13000 !important;}
  body.su-tshirts-page .search-bar{z-index:13020 !important;}
  body.su-tshirts-page .search-results{z-index:13030 !important;}
  body.su-tshirts-page .overlay{z-index:13010 !important;}
  body.su-tshirts-page .sidebar,
  body.su-tshirts-page .sidebar.active{z-index:13000 !important;}
}

/* === SUCESSO T-SHIRTS SHARED STRIP FINAL 20260913 === */
@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  body.su-tshirts-special-nav header.navbar{
    top:0 !important;
    transition:top .30s cubic-bezier(.22,.72,.24,1) !important;
    z-index:10070 !important;
  }

  body.su-tshirts-special-nav.su-nav-scrolled-down header.navbar{
    top:-70px !important;
  }

  /* One single shared white strip for SHOP / SUPPORT / BRAND. */
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip{
    position:fixed !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:0 28px 0 var(--su-strip-left,32px) !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.025) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    overflow:hidden !important;
    z-index:10060 !important;
    transition:top .30s cubic-bezier(.22,.72,.24,1),opacity .12s ease !important;
  }
  body.su-tshirts-special-nav.su-nav-scrolled-down #nav-shop > .dropdown.su-tshirts-shared-strip{
    top:0 !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip.su-strip-hidden{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link{
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
    background:transparent !important;
    font-family:'Poppins',sans-serif !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link::after{
    display:none !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link:hover,
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link:focus-visible,
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link.is-current{
    color:#111 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:4px !important;
    outline:none !important;
  }

  /* The actual SUPPORT / BRAND menus are never separately positioned on T-Shirts. */
  body.su-tshirts-special-nav #nav-support > .dropdown,
  body.su-tshirts-special-nav #nav-brand > .dropdown{
    display:none !important;
  }

  /* COLLECTIONS remains the normal editorial mega menu and completely covers the shared strip. */
  body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown{
    position:fixed !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    margin:0 !important;
    z-index:10065 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
  body.su-tshirts-special-nav.su-nav-scrolled-down #nav-collections.su-hover-open > .dropdown.collection-dropdown{
    top:0 !important;
  }

  /* Arrows: the currently represented section points down. */
  body.su-tshirts-special-nav .nav-item.has-dropdown > .nav-arrow svg{
    transform:rotate(0deg) !important;
    transition:transform .12s ease !important;
  }
  body.su-tshirts-special-nav .nav-item.has-dropdown.su-proxy-open > .nav-arrow svg,
  body.su-tshirts-special-nav #nav-collections.su-hover-open > .nav-arrow svg{
    transform:rotate(90deg) !important;
  }

  /* Instant underline only for links/buttons shown inside navbar strips. */
  body.su-tshirts-special-nav .dropdown .dropdown-item::after{
    display:none !important;
    transition:none !important;
  }
  body.su-tshirts-special-nav .dropdown .dropdown-item:hover,
  body.su-tshirts-special-nav .dropdown .dropdown-item:focus-visible{
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:4px !important;
    transition:none !important;
  }

  /* Keep content below the 56px persistent strip. */
  body.su-tshirts-special-nav .collections{
    padding-top:56px !important;
  }

  /* Existing overlays always cover navbar strips. */
  body.su-tshirts-special-nav .cart-overlay{z-index:13000 !important;}
  body.su-tshirts-special-nav .search-bar{z-index:13020 !important;}
  body.su-tshirts-special-nav .search-results{z-index:13030 !important;}
  body.su-tshirts-special-nav .overlay{z-index:13010 !important;}
  body.su-tshirts-special-nav .sidebar,
  body.su-tshirts-special-nav .sidebar.active{z-index:13000 !important;}
}

/* === FINAL NAV/RELATED FIXES 20260913 === */

/* Product page: keep the standard four-column storefront grid; with three related products, the fourth slot intentionally stays empty. */
/* Every navbar dropdown link uses a simple immediate underline. No animated line. */
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item{
  transition:none !important;
}
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item::after,
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:hover::after,
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:focus-visible::after{
  content:none !important;
  display:none !important;
  transition:none !important;
}
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:hover,
.nav-desktop .nav-item.has-dropdown > .dropdown .dropdown-item:focus-visible{
  color:#111 !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  transition:none !important;
}

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  /* The persistent T-Shirts strip uses exactly the same typography as normal dropdown buttons. */
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link{
    color:#111 !important;
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    opacity:0 !important;
    transition:opacity .18s ease !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip.su-shared-content-visible .su-shared-link{
    opacity:1 !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link.is-current{
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
  }
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link:not(.is-current):hover,
  body.su-tshirts-special-nav #nav-shop > .dropdown.su-tshirts-shared-strip .su-shared-link:not(.is-current):focus-visible{
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
  }

  /* On T-Shirts, Collections completely replaces/covers the fixed Shop strip. */
  body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown{
    position:fixed !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:min(610px,calc(100vh - 70px - 24px)) !important;
    min-height:520px !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    background:#fff !important;
    z-index:10120 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
  body.su-tshirts-special-nav.su-nav-scrolled-down #nav-collections.su-hover-open > .dropdown.collection-dropdown{
    top:0 !important;
    height:min(610px,calc(100vh - 24px)) !important;
  }
  body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown > .collection-hover-card{
    margin:0 !important;
    flex:0 0 25vw !important;
    width:25vw !important;
    min-width:340px !important;
    max-width:520px !important;
    height:100% !important;
  }
  body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown > .collection-hover-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}

/* === SUCESSO FINAL DROPDOWN HOVER + TSHIRTS COLLECTION ALIGN 20260913 === */
/* All simple navbar dropdown buttons: instant underline only, no animated line/color change. */
.nav-desktop #nav-shop > .dropdown .dropdown-item,
.nav-desktop #nav-support > .dropdown .dropdown-item,
.nav-desktop #nav-brand > .dropdown .dropdown-item,
.nav-desktop #nav-shop > .dropdown .su-shared-link,
.nav-desktop #nav-support > .dropdown .su-shared-link,
.nav-desktop #nav-brand > .dropdown .su-shared-link {
  color:#111 !important;
  text-decoration:none !important;
  transition:none !important;
}
.nav-desktop #nav-shop > .dropdown .dropdown-item::before,
.nav-desktop #nav-shop > .dropdown .dropdown-item::after,
.nav-desktop #nav-support > .dropdown .dropdown-item::before,
.nav-desktop #nav-support > .dropdown .dropdown-item::after,
.nav-desktop #nav-brand > .dropdown .dropdown-item::before,
.nav-desktop #nav-brand > .dropdown .dropdown-item::after,
.nav-desktop #nav-shop > .dropdown .su-shared-link::before,
.nav-desktop #nav-shop > .dropdown .su-shared-link::after,
.nav-desktop #nav-support > .dropdown .su-shared-link::before,
.nav-desktop #nav-support > .dropdown .su-shared-link::after,
.nav-desktop #nav-brand > .dropdown .su-shared-link::before,
.nav-desktop #nav-brand > .dropdown .su-shared-link::after {
  content:none !important;
  display:none !important;
  transition:none !important;
}
.nav-desktop #nav-shop > .dropdown .dropdown-item:hover,
.nav-desktop #nav-shop > .dropdown .dropdown-item:focus-visible,
.nav-desktop #nav-support > .dropdown .dropdown-item:hover,
.nav-desktop #nav-support > .dropdown .dropdown-item:focus-visible,
.nav-desktop #nav-brand > .dropdown .dropdown-item:hover,
.nav-desktop #nav-brand > .dropdown .dropdown-item:focus-visible,
.nav-desktop #nav-shop > .dropdown .su-shared-link:hover,
.nav-desktop #nav-shop > .dropdown .su-shared-link:focus-visible,
.nav-desktop #nav-support > .dropdown .su-shared-link:hover,
.nav-desktop #nav-support > .dropdown .su-shared-link:focus-visible,
.nav-desktop #nav-brand > .dropdown .su-shared-link:hover,
.nav-desktop #nav-brand > .dropdown .su-shared-link:focus-visible {
  color:#111 !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  transition:none !important;
}

@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  /* On T-Shirts the Collections mega-menu must start flush at the viewport's left edge
     and touch the navbar with no dead hover gap. It fully covers the fixed T-Shirts strip. */
  html body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown {
    position:fixed !important;
    top:var(--su-collections-top,70px) !important;
    left:0 !important;
    inset-inline-start:0 !important;
    right:auto !important;
    inset-inline-end:auto !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    transform:none !important;
    z-index:10150 !important;
    overflow:hidden !important;
  }

  html body.su-tshirts-special-nav.su-nav-scrolled-down #nav-collections.su-hover-open > .dropdown.collection-dropdown {
    top:0 !important;
  }

  html body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown > .collection-hover-card,
  html body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown > .collection-hover-grid,
  html body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown .collection-hover-card {
    margin-left:0 !important;
    margin-inline-start:0 !important;
  }

  html body.su-tshirts-special-nav #nav-collections.su-hover-open > .dropdown.collection-dropdown > .collection-hover-card {
    align-self:stretch !important;
  }

  /* Invisible hover bridge under COLLECTIONS so the cursor can never fall into a dead gap. */
  html body.su-tshirts-special-nav #nav-collections.su-hover-open::after {
    content:'' !important;
    position:fixed !important;
    left:0 !important;
    top:calc(var(--su-collections-top,70px) - 8px) !important;
    width:100vw !important;
    height:8px !important;
    background:transparent !important;
    pointer-events:auto !important;
    z-index:10149 !important;
  }
}

/* === ROUTE-SPECIFIC NAV ARROWS 2026-09-13 === */
@media (min-width:1536px) and (hover:hover) and (pointer:fine){
  /* T-Shirts: SHOP arrow is intentionally always down, even though hovering
     SHOP no longer opens a dropdown on this page. */
  body.tshirts-fixed-page #nav-shop > .nav-arrow svg,
  body.tshirts-fixed-page #nav-shop.su-hover-open > .nav-arrow svg {
    transform:rotate(90deg) !important;
  }

  /* Dice Drp: SHOP stays in its normal/right-facing state at all times. */
  body.collection-page #nav-shop > .nav-arrow svg,
  body.collection-page #nav-shop.su-hover-open > .nav-arrow svg {
    transform:rotate(0deg) !important;
  }

  /* Dice Drp: COLLECTIONS is the current section, so its arrow remains down
     permanently, whether or not its mega-menu is currently visible. */
  body.collection-page #nav-collections > .nav-arrow svg,
  body.collection-page #nav-collections.su-hover-open > .nav-arrow svg {
    transform:rotate(90deg) !important;
  }
}
/* === SUCESSO INTERACTIVE SIZE GUIDE 20260914 === */
#size-guide-section.info-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#size-guide-section.info-content.open {
  max-height: 620px !important;
  padding-top: 14px !important;
  padding-bottom: 18px !important;
  overflow: hidden !important;
}

#size-guide-section .su-size-guide {
  width: 100%;
  box-sizing: border-box;
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#size-guide-section .su-size-guide-units {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  color: #111;
}

#size-guide-section .su-size-unit {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  padding: 0 0 2px;
  margin: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1;
  border-bottom: 1px solid transparent;
}

#size-guide-section .su-size-unit:hover,
#size-guide-section .su-size-unit:focus-visible,
#size-guide-section .su-size-unit.is-active {
  border-bottom-color: #111;
  outline: none;
}

#size-guide-section .su-size-guide-divider {
  font-size: 10px;
  line-height: 1;
  color: #111;
}

#size-guide-section .su-size-guide-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

#size-guide-section .su-size-guide-table {
  width: 100%;
  min-width: 390px;
  border-collapse: collapse;
  table-layout: fixed;
  color: #111;
  font-size: 11px;
  line-height: 1.2;
}

#size-guide-section .su-size-guide-table th,
#size-guide-section .su-size-guide-table td {
  border: 0;
  padding: 7px 5px;
  text-align: center;
  font-weight: 400;
  white-space: nowrap;
}

#size-guide-section .su-size-guide-table thead th {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 9px;
}

#size-guide-section .su-size-guide-table th:first-child,
#size-guide-section .su-size-guide-table td:first-child {
  width: 29%;
  text-align: left;
  padding-left: 0;
  font-weight: 500;
  text-transform: uppercase;
}

#size-guide-section .su-size-guide-table tbody tr + tr th,
#size-guide-section .su-size-guide-table tbody tr + tr td {
  border-top: 1px solid rgba(0,0,0,.20);
}

#size-guide-section .su-size-guide-diagram-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 18px;
  padding: 0;
}

#size-guide-section .su-size-guide-diagram {
  display: block;
  width: 190px;
  max-width: 46%;
  height: auto;
  object-fit: contain;
  background: #fff;
  margin: 0;
  padding: 0;
  cursor: default !important;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 768px) {
  #size-guide-section.info-content.open {
    max-height: 680px !important;
    padding-top: 12px !important;
    padding-bottom: 16px !important;
  }

  #size-guide-section .su-size-guide-units {
    margin-bottom: 14px;
  }

  #size-guide-section .su-size-guide-table {
    min-width: 0;
    font-size: 10px;
  }

  #size-guide-section .su-size-guide-table th,
  #size-guide-section .su-size-guide-table td {
    padding: 7px 3px;
  }

  #size-guide-section .su-size-guide-table th:first-child,
  #size-guide-section .su-size-guide-table td:first-child {
    width: 31%;
  }

  #size-guide-section .su-size-guide-diagram {
    width: 170px;
    max-width: 52%;
  }
}

/* === SUCESSO DESKTOP PRODUCT ZOOM — REFERENCE VIEWER 20260914 === */
/* Desktop/laptop only. Do not alter the existing phone zoom. */
@media (min-width:769px) and (hover:hover) and (pointer:fine){
  body:has(main.product-page) .image-box img{
    cursor:zoom-in !important;
  }

  #zoom-overlay.su-desktop-product-zoom{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    background:#fff !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scroll-behavior:auto !important;
    z-index:2147483647 !important;
    cursor:default !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  #zoom-overlay.su-desktop-product-zoom::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }

  #zoom-overlay.su-desktop-product-zoom #zoom-image{
    display:block !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 auto !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#fff !important;
    transform:none !important;
    transform-origin:center center !important;
    transition:none !important;
    cursor:default !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  /* Small, clean close mark matching the supplied desktop reference. */
  #zoom-overlay.su-desktop-product-zoom #close-zoom{
    position:fixed !important;
    top:2px !important;
    right:4px !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#111 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:27px !important;
    line-height:1 !important;
    font-weight:300 !important;
    opacity:1 !important;
    cursor:pointer !important;
    z-index:2147483647 !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  #zoom-overlay.su-desktop-product-zoom #close-zoom:hover,
  #zoom-overlay.su-desktop-product-zoom #close-zoom:focus-visible{
    color:#111 !important;
    background:transparent !important;
    outline:none !important;
  }
}
/* === SUCESSO PRODUCT PAGE RESPONSIVE FINAL GUARD 20260914 === */
/*
   The original product page accumulated several fixed widths (800px media,
   900px panels, 15rem gaps, 100vw children).  These rules only normalize the
   product page layout at responsive sizes; they do not change the desktop
   image-zoom behavior or any other page.
*/

body:has(main.product-page),
body:has(main.product-page) main.product-page,
body:has(main.product-page) #product-details {
  max-width:100% !important;
  box-sizing:border-box !important;
}

body:has(main.product-page) main.product-page {
  width:100% !important;
  overflow:visible !important;
}

body:has(main.product-page) #product-details {
  width:100% !important;
}

/* Desktop + laptop: fluid two-column product layout. */
@media (min-width:769px) {
  body:has(main.product-page) .product-container {
    display:grid !important;
    grid-template-columns:56px minmax(0, 1.6fr) minmax(320px, .95fr) !important;
    align-items:start !important;
    column-gap:clamp(14px,1.4vw,24px) !important;
    row-gap:0 !important;
    width:min(100%,1440px) !important;
    max-width:1440px !important;
    margin:0 auto !important;
    padding:32px clamp(20px,3vw,48px) 42px !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) .product-thumbnail-rail {
    grid-column:1 !important;
    position:sticky !important;
    top:50% !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    align-self:start !important;
    width:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  body:has(main.product-page) .product-thumbnail {
    width:56px !important;
    height:70px !important;
    min-width:56px !important;
    min-height:70px !important;
    flex:0 0 70px !important;
  }

  body:has(main.product-page) .image-scroll-container {
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:min(78vh,900px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) .image-wrapper {
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  body:has(main.product-page) .image-box {
    width:100% !important;
    min-width:0 !important;
    height:min(78vh,900px) !important;
    min-height:520px !important;
    padding:clamp(26px,4vw,60px) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body:has(main.product-page) .image-box img {
    display:block !important;
    width:108% !important;
    height:108% !important;
    max-width:108% !important;
    max-height:108% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:auto !important;
  }

  body:has(main.product-page) .product-info {
    grid-column:3 !important;
    position:sticky !important;
    top:clamp(104px,14vh,178px) !important;
    width:100% !important;
    min-width:0 !important;
    max-width:520px !important;
    margin:0 !important;
    padding:0 clamp(0px,1vw,12px) !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) .carousel-dots {
    display:none !important;
  }
}

/* Smaller laptops/tablets: preserve the same visual hierarchy without overflow. */
@media (min-width:769px) and (max-width:1100px) {
  body:has(main.product-page) .product-container {
    grid-template-columns:46px minmax(0, 1.35fr) minmax(290px, .95fr) !important;
    column-gap:12px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body:has(main.product-page) .product-thumbnail-rail {
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
  }

  body:has(main.product-page) .product-thumbnail {
    width:46px !important;
    min-width:46px !important;
    height:58px !important;
    min-height:58px !important;
    flex-basis:58px !important;
  }

  body:has(main.product-page) .image-scroll-container,
  body:has(main.product-page) .image-box {
    height:min(72vh,720px) !important;
  }

  body:has(main.product-page) .image-box {
    min-height:460px !important;
    padding:clamp(18px,3vw,36px) !important;
  }

  body:has(main.product-page) .product-info {
    top:104px !important;
    max-width:none !important;
  }

  body:has(main.product-page) #product-name {
    font-size:clamp(21px,2.25vw,25px) !important;
  }

  body:has(main.product-page) .product-sizes {
    gap:clamp(28px,3.7vw,38px) !important;
  }
}

/* Phones: horizontal image carousel + full-width information, no desktop rail. */
@media (max-width:768px) {
  body:has(main.product-page) main.product-page {
    margin:70px 0 0 !important;
    padding:0 !important;
    width:100% !important;
  }

  body:has(main.product-page) .product-context-breadcrumb {
    position:static !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:14px 16px 12px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
  }

  body:has(main.product-page) .product-container {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 0 28px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body:has(main.product-page) .product-thumbnail-rail {
    display:none !important;
  }

  body:has(main.product-page) .image-scroll-container {
    order:1 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }

  body:has(main.product-page) .image-scroll-container::-webkit-scrollbar {
    display:none !important;
  }

  body:has(main.product-page) .image-wrapper {
    display:flex !important;
    flex-direction:row !important;
    gap:0 !important;
    width:200% !important;
    min-width:200% !important;
    height:auto !important;
  }

  body:has(main.product-page) .image-box {
    flex:0 0 50% !important;
    width:50% !important;
    min-width:50% !important;
    max-width:50% !important;
    height:clamp(430px,112vw,680px) !important;
    min-height:0 !important;
    padding:clamp(18px,6vw,34px) !important;
    box-sizing:border-box !important;
    scroll-snap-align:start !important;
    overflow:hidden !important;
    background:#f5f5f5 !important;
  }

  body:has(main.product-page) .image-box img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  body:has(main.product-page) .carousel-dots {
    order:2 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    min-height:28px !important;
    margin:0 !important;
    padding:10px 0 6px !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) .product-info {
    order:3 !important;
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:22px 18px 0 !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) .product-wishlist-toggle {
    right:18px !important;
  }

  body:has(main.product-page) .product-sizes {
    width:100% !important;
    max-width:100% !important;
    flex-wrap:wrap !important;
  }

  body:has(main.product-page) .product-buttons,
  body:has(main.product-page) .product-buttons .add-to-cart,
  body:has(main.product-page) .product-info-sections,
  body:has(main.product-page) .info-button,
  body:has(main.product-page) .info-content {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body:has(main.product-page) #size-guide-section .su-size-guide {
    width:100% !important;
    max-width:100% !important;
  }

  body:has(main.product-page) #size-guide-section .su-size-guide-table-wrap {
    max-width:100% !important;
    overflow-x:auto !important;
  }

  /* Keep the existing phone zoom rules intact. */
}

/* Very narrow phones. */
@media (max-width:420px) {
  body:has(main.product-page) .image-box {
    height:clamp(390px,118vw,540px) !important;
    padding:16px !important;
  }

  body:has(main.product-page) .product-info {
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body:has(main.product-page) .product-sizes {
    justify-content:space-between !important;
    gap:0 !important;
  }
}

/* =========================================================
   SUCESSO — Bookmark wish-list system + right-side drawer
   2026-09-29
   ========================================================= */

/* Product-card / cart bookmark: same compact outline icon as the reference.
   Hover/fill is intentionally instant — no transition animation. */
.listing-wishlist-item path,
.cart-wishlist-item path{
  fill:transparent!important;
  stroke:#233f32!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:none!important;
  transform:none!important;
}
.listing-wishlist-item:hover path,
.listing-wishlist-item:focus-visible path,
.listing-wishlist-item.is-active path,
.cart-wishlist-item:hover path,
.cart-wishlist-item:focus-visible path,
.cart-wishlist-item.is-active path{
  fill:#233f32!important;
  stroke:#233f32!important;
  transform:none!important;
}
.listing-wishlist-item:hover path,
.cart-wishlist-item:hover path{transform:none!important;}

/* Right-side Wish List panel: mirrors the cart drawer footprint/behavior. */
.wishlist-overlay{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:rgba(0,0,0,.4)!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  z-index:14000!important;
  opacity:0!important;
  visibility:visible!important;
  pointer-events:none!important;
  overflow:visible!important;
  transition:opacity .3s ease!important;
}
.wishlist-overlay.hidden{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.wishlist-overlay.active{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.wishlist-panel{
  position:relative!important;
  width:400px!important;
  max-width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  margin:0!important;
  padding:1.5rem!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:-2px 0 5px rgba(0,0,0,.2)!important;
  display:flex!important;
  flex-direction:column!important;
  transform:translateX(100%)!important;
  transition:transform .3s ease-in-out!important;
  overflow:hidden!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.wishlist-overlay.active .wishlist-panel{transform:translateX(0)!important;}

.wishlist-drawer-header{
  flex:0 0 auto!important;
  min-height:38px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:0 0 12px!important;
  border:0!important;
}
.wishlist-drawer-header h2{
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
.wishlist-close{
  position:relative!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  margin:-5px -4px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  appearance:none!important;
}
.wishlist-close::before,
.wishlist-close::after{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:12px!important;
  width:20px!important;
  height:1px!important;
  background:#111!important;
}
.wishlist-close::before{transform:rotate(45deg)!important;}
.wishlist-close::after{transform:rotate(-45deg)!important;}
.wishlist-close:hover{opacity:.55!important;}
.wishlist-close:focus-visible{outline:1px solid #233f32!important;outline-offset:1px!important;}

.wishlist-drawer-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
.wishlist-drawer-mode{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:40px!important;
  margin:0 0 16px!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  background:#f1eee9!important;
  color:#111!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.wishlist-drawer-mode[hidden]{display:none!important;}
.wishlist-drawer-items{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.wishlist-drawer-empty{
  margin:24px 0!important;
  color:#555!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.wishlist-drawer-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 28px!important;
  align-items:start!important;
  column-gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 16px!important;
  box-sizing:border-box!important;
  border:0!important;
}
.wishlist-drawer-item + .wishlist-drawer-item{
  padding-top:16px!important;
  border-top:1px solid #eee!important;
}
.wishlist-drawer-image{
  display:block!important;
  width:88px!important;
  height:116px!important;
  margin:0!important;
  background:#f4f4f4!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.wishlist-drawer-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#f4f4f4!important;
}
.wishlist-drawer-details{
  min-width:0!important;
  padding-top:2px!important;
}
.wishlist-drawer-name{
  display:block!important;
  margin:0 0 3px!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
.wishlist-drawer-name:hover,
.wishlist-drawer-name:focus-visible{text-decoration:none!important;color:#111!important;}
.wishlist-drawer-price{
  margin:0 0 10px!important;
  color:#111!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:600!important;
}
.wishlist-drawer-sizes{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0 18px!important;
  margin:0!important;
  padding:0!important;
}
.wishlist-drawer-sizes button{
  min-width:12px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:20px!important;
  font-weight:500!important;
  cursor:pointer!important;
  appearance:none!important;
  text-decoration:none!important;
}
.wishlist-drawer-sizes button:hover,
.wishlist-drawer-sizes button:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  outline:none!important;
}
.wishlist-drawer-selected-size{
  margin:0 0 10px!important;
  color:#111!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:500!important;
  text-transform:uppercase!important;
}
.wishlist-drawer-add{
  min-width:84px!important;
  height:27px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:#f1eee9!important;
  color:#111!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:27px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  appearance:none!important;
}
.wishlist-drawer-add:hover,
.wishlist-drawer-add:focus-visible{
  background:#e6e1da!important;
  outline:none!important;
}
.wishlist-drawer-bookmark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  margin:-2px -2px 0 0!important;
  padding:4px!important;
  border:0!important;
  background:transparent!important;
  color:#233f32!important;
  cursor:pointer!important;
  appearance:none!important;
}
.wishlist-drawer-bookmark svg{width:18px!important;height:18px!important;display:block!important;}
.wishlist-drawer-bookmark path{
  fill:#233f32!important;
  stroke:#233f32!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:none!important;
}
.wishlist-drawer-bookmark:hover path,
.wishlist-drawer-bookmark:focus-visible path{fill:#233f32!important;stroke:#233f32!important;}
.wishlist-drawer-bookmark:focus-visible{outline:1px solid #233f32!important;outline-offset:1px!important;}

/* Four-second standard spinner used only when removing from the drawer. */
.wishlist-action-loader{
  position:fixed!important;
  inset:0!important;
  z-index:20000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.76)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.wishlist-action-loader.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.wishlist-action-loader .spinner{
  width:34px!important;
  height:34px!important;
  border:3px solid rgba(35,63,50,.18)!important;
  border-top-color:#233f32!important;
  border-radius:50%!important;
  animation:su-wishlist-spin .7s linear infinite!important;
}
@keyframes su-wishlist-spin{to{transform:rotate(360deg)}}

@media (max-width:600px){
  .wishlist-panel{
    width:100vw!important;
    max-width:100vw!important;
    padding:14px 14px 16px!important;
  }
  .wishlist-drawer-item{
    grid-template-columns:82px minmax(0,1fr) 28px!important;
    column-gap:10px!important;
  }
  .wishlist-drawer-image{width:82px!important;height:108px!important;}
  .wishlist-drawer-sizes{gap:0 16px!important;}
}

@media (prefers-reduced-motion:reduce){
  .wishlist-overlay,
  .wishlist-panel{transition:none!important;}
}

/* After removing a filled bookmark, keep it visibly empty even while the
   pointer is still resting on the icon; normal hover resumes after mouseleave. */
.listing-wishlist-item.wishlist-just-removed:hover path,
.product-wishlist-toggle.wishlist-just-removed:hover path{
  fill:transparent!important;
  stroke:#233f32!important;
}

/* BCV rate shown only inside the location dialog for Venezuela. */
.su-country-rate{
  margin:10px 0 0;
  color:#233f32;
  font:600 12px/1.45 Arial,Helvetica,sans-serif;
  letter-spacing:0;
}
.su-country-rate[hidden]{display:none!important;}

/* Venezuela cart: USD total with the BCV-converted VES amount directly below it. */
.checkout-btn::after{display:none!important;content:none!important;}
.cart-checkout-label{display:block;min-width:0;}
.cart-checkout-totals{
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  line-height:1.05;
  white-space:nowrap;
}
.cart-checkout-usd{font:600 12.25px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;}
.cart-checkout-ves{font:500 10.5px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;opacity:.9;}
.cart-checkout-ves[hidden]{display:none!important;}

/* Purchases: secondary VES amount when Venezuela is the selected location. */
.order-summary .order-ves-row{
  margin-top:2px;
  font-size:11px!important;
  color:#555;
}
.order-summary .order-ves-row span:last-child{font-weight:500;white-space:nowrap;}
.cart-checkout-label{align-self:flex-start;padding-top:1px;}


/* === Cart checkout label vertical-centering fix 2026-09-30 === */
/* Keep the checkout/finalizar-compra label vertically centered while the
   USD/VES totals remain right-aligned. */
.checkout-btn .cart-checkout-label{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:100%!important;
  padding-top:0!important;
  line-height:1!important;
}

/* SUCESSO — product sizes S / M / L on phones.
   Compact left-aligned selector matching the Add to Cart left edge.
   No desktop, tablet or cart behavior changes. */
@media (max-width: 600px) {
  body:has(main.product-page) .product-sizes {
    justify-content: flex-start !important;
    gap: 40px !important;
  }
  body:has(main.product-page) .product-sizes span {
    font-size: 13px !important;
  }
}