/* Blackshep responsive rebuild: desktop/tablet/mobile */
.product-card-share-btn{
  position:absolute;top:14px;right:52px;z-index:5;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.45);color:var(--white);
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-spring)
}
.product-card-share-btn:hover{background:var(--gold);color:var(--black);transform:translateY(-2px)}
.product-card-share-btn svg{width:16px;height:16px}
.product-card-colors{display:flex;gap:8px;align-items:center;margin:10px 0 6px;flex-wrap:wrap}
.product-card-colors .color-swatch{width:18px;height:18px;min-width:18px;padding:0}
.product-card-sizes{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 12px;color:var(--white-dim);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.product-card-sizes span{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:2px 7px;background:rgba(255,255,255,.03)}
.product-card-subtitle{margin:4px 0 0;color:var(--white-dim);font-size:.76rem;line-height:1.35}
.color-swatch.disabled,.overlay-size-btn.disabled{opacity:.35;cursor:not-allowed;filter:grayscale(1)}
.pulse-alert{animation:blackshepPulseAlert .8s ease}
@keyframes blackshepPulseAlert{0%,100%{filter:none}50%{filter:drop-shadow(0 0 10px var(--gold))}}
.blackshep-editable-home{min-height:60vh}.blackshep-coin-store-page{padding-top:calc(var(--nav-h) + 60px)}
.coins-pack-grid-page{max-width:980px;margin:0 auto}.coins-pack-page{min-height:180px;justify-content:center}
.blackshep-editable-header .navbar{position:fixed;left:0;right:0}.blackshep-editable-footer .footer-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}

@media (max-width:1200px){
  .container{width:min(100% - 40px, var(--container-width, 1180px))}
  .hero-bg-text{font-size:clamp(4rem,15vw,12rem)}
  .products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
}
@media (max-width:992px){
  :root{--nav-h:76px}.navbar{top:14px}.nav-container{min-height:58px;padding:0 16px}.nav-links{position:fixed;top:86px;left:20px;right:20px;display:none;flex-direction:column;gap:8px;padding:18px;border-radius:22px;background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
  .nav-links.active{display:flex}.nav-links li,.nav-links a{width:100%;text-align:center}.mobile-menu-btn{display:flex}.hero-container{grid-template-columns:1fr;text-align:center;min-height:auto;padding-top:130px;padding-bottom:70px}.hero-product-container{order:1;margin:20px auto;max-width:440px}.hero-content{order:2}.hero-badge{position:relative;order:0;margin:0 auto 8px}.product-badge-float{transform:scale(.86)}
  .product-overlay-content{width:min(94vw,760px);max-height:90vh;overflow:auto;padding:24px}.product-overlay-grid{grid-template-columns:1fr}.overlay-visual-side{min-height:320px}.overlay-info-side{padding:0}.cart-drawer,.user-drawer{width:min(92vw,430px)}
  #gameCanvas{width:100%;height:auto;max-height:58vh}.game-area{padding:10px}.game-mobile-controls{display:flex}
}
@media (max-width:768px){
  .section-padding{padding:70px 0}.section-header h2{font-size:clamp(2rem,10vw,3.3rem)}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{border-radius:18px}.product-3d-wrapper{aspect-ratio:.88}.product-info{padding:14px}.product-name{font-size:.95rem}.product-card-subtitle{display:none}.product-card-sizes{gap:4px}.product-card-sizes span{font-size:.58rem;padding:1px 5px}.product-footer{align-items:flex-end;gap:8px}.product-price{font-size:.88rem}.product-coins-price{font-size:.68rem}.add-to-cart-icon{width:38px;height:38px;min-width:38px}.fav-card-btn,.product-card-share-btn{width:30px;height:30px;top:10px}.product-card-share-btn{right:46px}.fav-card-btn{right:10px}.filter-tabs{gap:8px;margin-bottom:28px}.filter-btn{font-size:.68rem;padding:8px 14px}.hero-content h1{font-size:clamp(2.8rem,16vw,5rem)}.hero-content p{font-size:.95rem}.hero-product-img{max-height:380px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-links{grid-template-columns:1fr 1fr;gap:18px}.coins-pack-grid{grid-template-columns:1fr;gap:12px}.overlay-share-row{align-items:flex-start;gap:12px;flex-direction:column}.share-social-buttons{flex-wrap:wrap}.user-drawer-tabs{overflow-x:auto;display:flex}.user-tab-btn{min-width:max-content}.cart-item{grid-template-columns:64px 1fr auto;gap:10px}.cart-item img{width:64px;height:64px}.overlay-size-selector{gap:7px}.overlay-size-btn{min-width:42px;padding:9px 10px}.overlay-color-select-row{align-items:flex-start!important;gap:10px;flex-direction:column}.overlay-color-selector{flex-wrap:wrap}.color-swatch{width:24px;height:24px}
}
@media (max-width:480px){
  .container{width:calc(100% - 24px)}.navbar{top:10px}.nav-container{border-radius:22px}.logo-img{max-width:118px}.nav-actions{gap:6px}.user-btn,.cart-btn,.mobile-menu-btn{width:38px;height:38px}.cart-count{min-width:17px;height:17px;font-size:.62rem}.hero-container{padding-top:110px}.hero-bg-text{font-size:18vw;top:130px}.hero-product-container{max-width:310px}.product-badge-float{display:none}.btn-primary{padding:12px 18px;font-size:.76rem}.products-grid{grid-template-columns:1fr;gap:18px}.product-3d-wrapper{aspect-ratio:1}.product-front img,.product-back img{width:86%;height:86%}.product-info{padding:16px}.product-card-colors .color-swatch{width:22px;height:22px}.product-card-sizes span{font-size:.64rem}.cart-drawer,.user-drawer{width:100vw;border-radius:0;right:-100vw}.cart-drawer.active,.user-drawer.active{right:0}.user-auth-modal{width:92vw;padding:24px}.product-overlay-content{width:96vw;padding:18px;border-radius:18px}.overlay-visual-side{min-height:250px}.overlay-main-img{max-height:260px}.overlay-purchase-block{position:relative;bottom:auto}.game-stats{flex-direction:column;gap:6px}.game-control-btn{font-size:1.1rem;padding:12px}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}
}
@media (hover:none){.product-3d-wrapper .product-inner{transform:none!important}.product-back{display:none}.product-back-overlay{opacity:1;position:static;background:transparent}.quick-add-btn,.view-more-btn{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Fix requested: hamburger icon compact on responsive, with a normal touch target */
@media (max-width: 992px){
  .mobile-menu-btn{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 50%;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.08);
  }
  .mobile-menu-btn span{
    width: 18px !important;
    max-width: 18px !important;
    height: 1.5px !important;
    flex: 0 0 auto !important;
    transform-origin: center;
  }
  .mobile-menu-btn.active span:nth-child(1){ transform: translateY(5.5px) rotate(45deg) !important; }
  .mobile-menu-btn.active span:nth-child(3){ transform: translateY(-5.5px) rotate(-45deg) !important; }
}
@media (max-width: 480px){
  .mobile-menu-btn{width:32px !important;height:32px !important;min-width:32px !important;}
  .mobile-menu-btn span{width:17px !important;max-width:17px !important;}
}

/* Fix hero mobile order: imagen primero, título y botón debajo */
@media (max-width: 768px){
  .hero{height:auto!important;min-height:100dvh!important;padding-top:calc(var(--nav-h) + 28px)!important;padding-bottom:54px!important;align-items:flex-start!important;overflow:hidden}
  .hero-container{height:auto!important;min-height:calc(100dvh - var(--nav-h) - 70px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:12px!important;padding-top:0!important;padding-bottom:0!important}
  .hero-badge{order:1!important;margin:0 auto 4px!important;flex:0 0 auto!important;transform:scale(.9)}
  .hero-product-container{order:2!important;margin:8px auto 6px!important;max-width:min(78vw,330px)!important;flex:0 0 auto!important}
  .hero-product-img{max-height:44vh!important;width:100%!important;object-fit:contain!important}
  .hero-info{order:3!important;margin:4px auto 0!important;position:relative!important;z-index:4!important;flex:0 0 auto!important;width:100%!important}
  .hero-title-min{font-size:clamp(1.8rem,10vw,3rem)!important;margin-bottom:12px!important;line-height:1.05!important}
  .hero-cta-min{margin-top:0!important;width:100%!important;max-width:320px!important;align-items:center!important;justify-content:center!important}
  .hero-bg-text{top:34%!important;font-size:18vw!important;opacity:.9!important}
}
@media (max-width: 480px){
  .hero{padding-top:calc(var(--nav-h) + 18px)!important;padding-bottom:44px!important}
  .hero-container{min-height:calc(100dvh - var(--nav-h) - 50px)!important;gap:8px!important}
  .hero-product-container{max-width:min(82vw,300px)!important;margin-top:6px!important}
  .hero-product-img{max-height:40vh!important}
  .hero-title-min{font-size:clamp(1.6rem,12vw,2.6rem)!important;margin-bottom:10px!important}
  .hero-cta-min .btn-primary{width:100%!important;justify-content:center!important}
  .tetris-controls{grid-template-columns:repeat(3,1fr)}
  .tetris-controls #btnDrop{grid-column:span 3}
}

/* ===== Blackshep v6 fixes: mobile alignment, hero badges, coin image, dropdown, footer ===== */
html, body { max-width: 100%; overflow-x: hidden; }

/* Use the uploaded ShepCoin image everywhere the coin icon appears */
.coin-icon-gold,
.coin-icon-gold.small{
  background-image: url('../img/moneda.webp') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px rgba(212,175,55,.45) !important;
}

/* Sale prices: regular price muted, discounted price gold */
.product-price del,
.overlay-product-price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del{
  color: rgba(255,255,255,.42) !important;
  opacity: 1 !important;
  margin-right: .35em;
}
.product-price ins,
.product-price ins .woocommerce-Price-amount,
.overlay-product-price ins,
.overlay-product-price ins .woocommerce-Price-amount,
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins .woocommerce-Price-amount,
.woocommerce div.product span.price ins,
.woocommerce div.product span.price ins .woocommerce-Price-amount{
  color: var(--gold) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

/* Mobile dropdown: Prendas now expands cleanly */
@media (max-width: 992px){
  .nav-links .nav-dropdown{width:100%;}
  .nav-links .dropdown-toggle{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;}
  .nav-links .dropdown-menu{
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: none !important;
    width: 100% !important;
    margin: 8px auto 0 !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }
  .nav-links .nav-dropdown.open .dropdown-menu{display:block !important;}
  .nav-links .nav-dropdown.open .dropdown-toggle .arrow{transform:rotate(180deg);}
  .nav-links .dropdown-menu li a{padding:10px 12px !important;font-size:.78rem !important;}
}

/* Keep hero composition/gramaje badges visible on mobile instead of hiding them */
@media (max-width: 768px){
  .hero-product-container{overflow:visible !important;}
  .product-badge-float{
    display:flex !important;
    position:absolute !important;
    padding:7px 10px !important;
    gap:6px !important;
    max-width:170px !important;
    animation:none !important;
    transform:none !important;
    z-index:5 !important;
  }
  .product-badge-float .badge-icon{font-size:12px !important;}
  .product-badge-float .badge-text{font-size:9px !important;line-height:1.15 !important;white-space:normal !important;}
  .badge-left{left:2vw !important;top:34% !important;}
  .badge-right{right:0 !important;bottom:26% !important;}
}
@media (max-width: 420px){
  .product-badge-float{padding:6px 8px !important;max-width:145px !important;}
  .product-badge-float .badge-text{font-size:8px !important;}
  .badge-left{left:-2px !important;top:32% !important;}
  .badge-right{right:-2px !important;bottom:25% !important;}
}

/* Center size guide/calculator/care content on mobile and prevent clipping to the right */
@media (max-width: 768px){
  .size-guide,
  .care-guide{
    overflow-x:hidden !important;
  }
  .size-guide > .container,
  .care-guide > .container{
    width:min(100% - 24px, 440px) !important;
    max-width:440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .size-guide-container{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }
  .size-calculator,
  .size-content,
  .size-table,
  .size-tip,
  .measure-guide,
  .care-grid,
  .care-symbols{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
  .size-calculator{padding:24px 18px !important;}
  .size-content{align-items:center !important;text-align:center !important;}
  .size-selector{justify-content:center !important;flex-wrap:wrap !important;width:100% !important;}
  .size-table{overflow:hidden !important;border-radius:18px !important;}
  .size-table table{width:100% !important;min-width:0 !important;table-layout:fixed !important;}
  .size-table th,
  .size-row td{padding:12px 7px !important;text-align:center !important;font-size:.72rem !important;line-height:1.25 !important;word-break:normal !important;}
  .size-table th{font-size:.62rem !important;letter-spacing:.08em !important;}
  .size-row .size-label{width:34px !important;height:34px !important;margin:0 auto !important;}
  .size-tip{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:18px 14px !important;}
  .size-tip p{font-size:.86rem !important;line-height:1.5 !important;}
  .measure-guide h4{text-align:center !important;font-size:1.05rem !important;line-height:1.2 !important;}
  .measure-step{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:10px !important;}
  .measure-step p{max-width:100% !important;margin-left:auto !important;margin-right:auto !important;}
}
@media (max-width: 380px){
  .size-table th,
  .size-row td{padding:10px 5px !important;font-size:.66rem !important;}
  .size-table th{font-size:.56rem !important;}
  .size-row .size-label{width:30px !important;height:30px !important;font-size:.68rem !important;}
}

/* Mobile product modal: make composition and specs visible/readable */
@media (max-width: 600px){
  .product-overlay-content{width:96vw !important;max-height:92dvh !important;padding:18px !important;}
  .product-overlay-grid{display:flex !important;flex-direction:column !important;gap:18px !important;}
  .product-overlay-visuals{min-height:220px !important;padding:16px !important;}
  .overlay-tilt-img{width:78% !important;max-height:230px !important;object-fit:contain !important;}
  .product-overlay-info{display:flex !important;text-align:left !important;}
  .overlay-tabs{overflow-x:auto !important;white-space:nowrap !important;gap:10px !important;}
  .tab-description{display:block !important;font-size:.82rem !important;line-height:1.55 !important;}
  .specs-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .spec-tile{display:flex !important;padding:10px !important;min-height:86px !important;}
  .spec-tile strong{font-size:.72rem !important;line-height:1.2 !important;}
  .fabric-breakdown{display:flex !important;}
}
@media (max-width: 380px){
  .specs-grid{grid-template-columns:1fr !important;}
}

/* Footer: same global footer, mobile links horizontal/wrapped and signature update spacing */
@media (max-width: 768px){
  .footer-top{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:26px !important;}
  .footer-links,
  .footer-menu{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:18px 22px !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
  }
  .footer-col{min-width:auto !important;flex:0 1 auto !important;text-align:center !important;}
  .footer-col h4{font-size:.72rem !important;margin-bottom:8px !important;}
  .footer-col ul{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:10px 14px !important;padding:0 !important;margin:0 !important;list-style:none !important;}
  .footer-menu li{display:inline-flex !important;}
  .footer-col li a,
  .footer-menu a{font-size:.78rem !important;white-space:nowrap !important;}
  .footer-bottom{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:8px !important;}
}

/* WordPress native menu compatibility for Prendas children */
@media (max-width: 992px){
  .nav-links .menu-item-has-children{width:100%;}
  .nav-links .menu-item-has-children > a{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;}
  .nav-links .sub-menu{
    position:static !important;
    display:none !important;
    width:100% !important;
    margin:8px auto 0 !important;
    padding:8px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    list-style:none !important;
  }
  .nav-links .menu-item-has-children.open > .sub-menu{display:block !important;}
  .nav-links .sub-menu a{padding:10px 12px !important;font-size:.78rem !important;}
}

/* ===== Blackshep v7 refinements: about image, transparent logo, Instagram icon, mobile centering ===== */
.about-img-2{
  background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.08), rgba(0,0,0,.94) 64%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
.about-img-2 img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
.about-logo-card{
  padding:12px !important;
  border-radius:24px !important;
  min-width:90px !important;
  min-height:90px !important;
  justify-content:center !important;
  background:rgba(0,0,0,.76) !important;
}
.about-logo-card img{
  width:74px !important;
  height:74px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.16));
}
.footer-logo-transparent{
  height:54px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.13));
}
.footer-social .footer-instagram-link svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:currentColor !important;
}
.footer-social .footer-instagram-link{
  text-indent:0 !important;
  font-size:0 !important;
}

/* Make the Prendas submenu work and stay readable in mobile menus, including WP custom menus */
@media (max-width: 992px){
  .nav-links.active,
  .nav-links.open{
    overflow-y:auto !important;
    max-height:calc(100dvh - 100px) !important;
  }
  .nav-links .nav-dropdown.open > .dropdown-menu,
  .nav-links .menu-item-has-children.open > .sub-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:6px !important;
  }
  .nav-links .dropdown-menu a,
  .nav-links .sub-menu a{
    color:rgba(255,255,255,.78) !important;
    text-align:center !important;
  }
}

/* Extra mobile centering for size calculator/table and measuring guide */
@media (max-width: 768px){
  .size-guide,
  .care-guide,
  .size-guide * ,
  .care-guide *{
    max-width:100%;
    box-sizing:border-box;
  }
  .size-guide .container,
  .care-guide .container{
    width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden !important;
  }
  .size-guide-container,
  .size-content,
  .size-calculator,
  .measure-guide,
  .care-grid,
  .care-symbols{
    transform:none !important;
    translate:none !important;
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .calc-header,
  .calc-field,
  .slider-row,
  .calc-input-row,
  .gender-tabs,
  .fit-options,
  .calc-btn,
  .size-result-card{
    width:100% !important;
    max-width:100% !important;
  }
  .slider-row,
  .calc-input-row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
  }
  .calc-number-input{
    min-width:0 !important;
    width:min(170px, 52vw) !important;
  }
  .measure-guide{
    overflow:hidden !important;
  }
  .measure-step p{
    width:100% !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .about-img-grid{
    height:380px !important;
  }
  .about-img-1{
    width:60% !important;
    height:62% !important;
  }
  .about-img-2{
    width:64% !important;
    height:62% !important;
    padding:12px !important;
  }
  .about-logo-card{
    min-width:78px !important;
    min-height:78px !important;
  }
  .about-logo-card img{
    width:62px !important;
    height:62px !important;
  }
  .footer-social{
    justify-content:center !important;
  }
  .footer-brand p{
    max-width:min(100%, 340px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width: 420px){
  .about-img-grid{height:340px !important;}
  .about-img-2{width:70% !important;height:60% !important;}
  .footer-links,
  .footer-menu{gap:14px 16px !important;}
}

/* V13: en móvil/tablet la card completa abre el modal del producto,
   sin interferir con favoritos, colores, compartir o carrito. */
@media (max-width: 820px), (hover: none){
  .product-card{
    cursor:pointer;
    -webkit-tap-highlight-color: rgba(212,175,55,.18);
  }
  .product-card button,
  .product-card a,
  .product-card .card-color-swatch{
    cursor:pointer;
  }
}


/* V24: ShepCoins home logo limpio sin resplandor */
.shepcoins-home .shepcoins-home__coin,
.shepcoins-home .coin-icon-gold.shepcoins-home__coin{
  filter:none!important;
  box-shadow:none!important;
  background-color:transparent!important;
  animation:spinCoin 3s infinite linear!important;
}
.shepcoins-home::before{
  display:none!important;
  content:none!important;
  background:none!important;
}


/* ===== V27 · ShepCoin gold logo clean globally ===== */
.coin-icon-gold,
.coin-icon-gold.small,
.shepcoins-home .shepcoins-home__coin,
.blackshep-shepcoins-locked__coin,
.pack-amount .coin-icon-gold,
.pack-amount .coin-icon-gold.small,
.product-coins-price .coin-icon-gold,
.user-coins-display .coin-icon-gold,
.overlay-product-price .coin-icon-gold,
.coupon-row .coin-icon-gold {
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  background-color:transparent!important;
  border-radius:0!important;
  outline:none!important;
  animation:spinCoin 3s infinite linear!important;
}

.coin-icon-gold::before,
.coin-icon-gold::after,
.coin-icon-gold.small::before,
.coin-icon-gold.small::after,
.shepcoins-home .shepcoins-home__coin::before,
.shepcoins-home .shepcoins-home__coin::after {
  display:none!important;
  content:none!important;
  box-shadow:none!important;
  background:none!important;
}


/* ===== V29 · Ocultar títulos en página ShepCoins ===== */
.blackshep-is-shepcoins-page .entry-header,
.blackshep-is-shepcoins-page .entry-title,
.blackshep-is-shepcoins-page h1.entry-title,
.blackshep-is-shepcoins-page .page-title,
.blackshep-is-shepcoins-page .wp-block-post-title,
.blackshep-is-shepcoins-page .blackshep-coin-store-page .section-header h1,
.blackshep-is-shepcoins-page .blackshep-coin-store-page .section-header .stag,
.blackshep-coin-store-page .section-header h1,
.blackshep-coin-store-page .section-header .stag,
.blackshep-shepcoins-locked__card h1,
.blackshep-shepcoins-locked__card .stag{
  display:none!important;
}
.blackshep-is-shepcoins-page .entry-content{
  margin-top:0!important;
}


/* ===== V30 · Títulos ShepCoins conservados en HTML, ocultos visualmente ===== */
.blackshep-shepcoins-seo-title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* ===== V31 · Auth remember checkbox ===== */
.auth-remember-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:2px 0 16px;
  color:rgba(255,255,255,.74);
  font-size:.82rem;
  line-height:1.35;
  cursor:pointer;
  user-select:none;
}
.auth-remember-row input{
  width:16px;
  height:16px;
  accent-color:var(--gold);
  flex:0 0 auto;
}
.auth-remember-row span{
  display:block;
}


/* ===== V35 · Page title visibility controls ===== */
.blackshep-hide-page-title .entry-header,
.blackshep-hide-page-title .entry-title,
.blackshep-hide-page-title h1.entry-title,
.blackshep-hide-page-title .page-title,
.blackshep-hide-info-page-title .blackshep-info-page > .section-header h1,
.blackshep-hide-info-page-title .blackshep-info-page .section-header > h1{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.blackshep-hide-page-title .entry-content{
  margin-top:0!important;
}

/* V51 · Responsive product cards: swipe to back image + modal button */
.product-mobile-view-more.view-more-btn{
  display:none;
}
@media (max-width:820px), (hover:none){
  .product-card .product-3d-wrapper{
    touch-action:pan-y;
  }
  .product-card .product-3d-wrapper .product-inner{
    transform-style:preserve-3d;
    transition:transform .42s cubic-bezier(.16,1,.3,1)!important;
  }
  .product-card .product-back{
    display:flex!important;
    transform:rotateY(180deg)!important;
  }
  .product-card.is-mobile-flipped .product-3d-wrapper .product-inner{
    transform:rotateY(180deg)!important;
  }
  .product-card .product-back-overlay{
    position:absolute!important;
    inset:0!important;
    opacity:1!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:linear-gradient(to top, rgba(0,0,0,.52), rgba(0,0,0,0) 62%)!important;
    padding:14px!important;
    pointer-events:none;
  }
  .product-card .product-back-overlay .quick-add-btn,
  .product-card .product-back-overlay .view-more-btn{
    display:none!important;
  }
  .product-mobile-view-more.view-more-btn{
    position:absolute;
    left:50%;
    bottom:12px;
    z-index:12;
    transform:translateX(-50%);
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:118px;
    max-width:calc(100% - 28px);
    padding:9px 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(0,0,0,.70)!important;
    color:var(--white)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .product-mobile-view-more.view-more-btn:active{
    transform:translateX(-50%) scale(.96)!important;
    color:var(--gold)!important;
  }
}
@media (max-width:480px){
  .product-mobile-view-more.view-more-btn{
    bottom:10px;
    min-width:108px;
    padding:8px 12px!important;
    font-size:9px!important;
  }
}


/* V53 · Tooltip responsive para indicar gesto de deslizamiento en cards */
.product-swipe-tooltip{
  display:none;
}
@media (max-width:820px), (hover:none), (pointer:coarse){
  .product-card .product-swipe-tooltip{
    position:absolute;
    left:50%;
    top:12px;
    z-index:18;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    max-width:calc(100% - 28px);
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.68);
    color:var(--white);
    box-shadow:0 12px 28px rgba(0,0,0,.35);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    font-family:var(--font-heading);
    font-size:9px;
    font-weight:800;
    line-height:1;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    transform:translateX(-50%) translateY(-8px) scale(.96);
    animation:blackshepSwipeHint 5.8s ease-in-out 1s 4 both;
  }
  .product-card.is-swipe-hint-hidden .product-swipe-tooltip,
  .product-card.is-mobile-flipped .product-swipe-tooltip{
    opacity:0!important;
    visibility:hidden!important;
    animation:none!important;
    transform:translateX(-50%) translateY(-8px) scale(.96)!important;
  }
  .product-swipe-tooltip__icon{
    display:inline-flex;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:var(--gold);
    font-size:13px;
    line-height:1;
    animation:blackshepSwipeIcon 1.15s ease-in-out infinite;
  }
  body.light-mode .product-card .product-swipe-tooltip{
    background:rgba(255,255,255,.86);
    color:var(--black);
    border-color:rgba(0,0,0,.10);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
  }
  @keyframes blackshepSwipeHint{
    0%, 16%, 100%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96);}
    24%, 58%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
    72%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.98);}
  }
  @keyframes blackshepSwipeIcon{
    0%,100%{transform:translateX(-2px);}
    50%{transform:translateX(2px);}
  }
}
@media (max-width:480px){
  .product-card .product-swipe-tooltip{
    top:10px;
    padding:7px 10px;
    font-size:8px;
    max-width:calc(100% - 22px);
  }
  .product-swipe-tooltip__icon{
    width:18px;
    height:18px;
    font-size:12px;
  }
}


/* V54 · Grid colección y tooltip más duradero */
@media (min-width:1200px){
  .products-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    gap:22px!important;
  }
}
@media (min-width:821px) and (max-width:1199px){
  .products-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }
}
@media (max-width:820px){
  .products-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .product-3d-wrapper{
    aspect-ratio:1!important;
  }
}
@media (max-width:820px), (hover:none), (pointer:coarse){
  .product-card .product-swipe-tooltip{
    animation:blackshepSwipeHintV54 9s ease-in-out 1s 4 both!important;
  }
  @keyframes blackshepSwipeHintV54{
    0%, 10%, 100%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96);}
    18%, 78%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
    90%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.98);}
  }
}

/* V58 · Ocultar títulos visuales de páginas en responsive */
body .site-main > article > .entry-header,
body .site-main > article > header.entry-header,
body h1.entry-title,
body .entry-header .entry-title,
body .page-header,
body .page-title,
body .woocommerce-products-header,
body .woocommerce-products-header__title,
body.woocommerce-page .entry-title,
body.error404 main > h1{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}