/*
Theme Name: PuntoClaus Child
Theme URI: https://puntoclaus.es
Description: Child theme PuntoClaus
Author: PuntoClaus
Template: Divi
Version: 1.0.0
Text Domain: puntoclaus-child
*/
/* v1.1.0 - Rebuild completo */
/* Inter font loaded via snippet 12 (wp_head hook) */

:root{--pc-black:#0a0a0a;--pc-gold:#F5A800;--pc-gold-dark:#d4900b;--pc-white:#ffffff;--pc-text:#1a1a1a;--pc-gray:#f7f7f7;--pc-border:#e8e8e8;}

html,body,#page-container{background-color:var(--pc-white)!important;color:var(--pc-text)!important;}
a{color:var(--pc-gold);}a:hover{color:var(--pc-gold-dark);}

/* === HEADER === */
#main-header,#main-header.et-fixed-header,.et-fixed-header,body.et_fixed_nav #main-header,body.et_fixed_nav #main-header.et-fixed-header{background-color:var(--pc-black)!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important;border-bottom:1px solid #1c1c1c!important;}
.container.clearfix.et_menu_container{background:transparent!important;}
#logo{max-height:56px!important;min-height:40px!important;width:auto!important;}
.logo_container{display:flex!important;align-items:center!important;}

/* === NAVIGATION === */
#top-menu>li>a,#top-menu li a,#et-top-navigation #top-menu>li>a{color:#ffffff!important;font-weight:500!important;font-size:13px!important;letter-spacing:.8px!important;text-transform:uppercase!important;padding:8px 12px!important;}
#top-menu>li>a:hover,#top-menu li a:hover,#top-menu li.current-menu-item>a{color:var(--pc-gold)!important;}
.nav li ul,.et_mobile_menu,#top-menu li ul{background:#0f0f0f!important;border-top:2px solid var(--pc-gold)!important;border-color:var(--pc-gold)!important;}
#top-menu li ul li a{color:#cccccc!important;border-bottom:1px solid #222!important;padding:9px 16px!important;}
#top-menu li ul li a:hover{color:var(--pc-gold)!important;background:transparent!important;}
.et_pb_cart_count{background:var(--pc-gold)!important;color:var(--pc-black)!important;font-weight:700!important;}
#et_mobile_nav_menu,.et_mobile_nav_menu .et_toggle_slide_menu{background:var(--pc-black)!important;}
.et_mobile_menu li a{color:#ffffff!important;border-color:#1c1c1c!important;}
.et_mobile_menu li a:hover,.et_close_menu{color:var(--pc-gold)!important;}

/* === PRODUCT GRID (Divi + WooCommerce) === */
.woocommerce ul.products,.woocommerce-page ul.products,body.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important;float:none!important;clear:both!important;}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important;content:none!important;}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:100%!important;margin:0!important;padding:0!important;background:var(--pc-white)!important;border:1px solid var(--pc-border)!important;border-radius:10px!important;overflow:hidden!important;transition:box-shadow .25s ease,transform .25s ease!important;display:flex!important;flex-direction:column!important;}
.woocommerce ul.products li.product:hover{box-shadow:0 8px 32px rgba(0,0,0,.1)!important;transform:translateY(-3px)!important;}
.woocommerce ul.products li.product .et_shop_image{position:relative!important;display:block!important;overflow:hidden!important;background:var(--pc-gray)!important;line-height:0!important;}
.woocommerce ul.products li.product .et_shop_image img,.woocommerce ul.products li.product img.wp-post-image,.woocommerce ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;display:block!important;transition:transform .35s ease!important;}
.woocommerce ul.products li.product:hover .et_shop_image img{transform:scale(1.05)!important;}
.woocommerce ul.products li.product .et_shop_image .et_overlay{background-color:rgba(245,168,0,.88)!important;border-color:var(--pc-gold)!important;}
.woocommerce ul.products li.product .et_shop_image .et_overlay:before{color:var(--pc-black)!important;font-size:28px!important;}
.woocommerce ul.products li.product a.woocommerce-loop-product__link{display:flex!important;flex-direction:column!important;flex:1!important;text-decoration:none!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:14px!important;font-weight:600!important;line-height:1.4!important;color:var(--pc-text)!important;padding:14px 16px 4px!important;margin:0!important;letter-spacing:0!important;}
.woocommerce ul.products li.product .price{font-size:19px!important;font-weight:700!important;color:var(--pc-text)!important;padding:2px 16px 16px!important;margin:0!important;display:block!important;line-height:1.3!important;}
.woocommerce ul.products li.product .price small.woocommerce-price-suffix{font-size:11px!important;font-weight:400!important;color:#999!important;}
.woocommerce ul.products li.product .price del{color:#bbb!important;font-size:13px!important;}
.woocommerce ul.products li.product .price ins{text-decoration:none!important;color:var(--pc-gold)!important;}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .add_to_cart_button,.woocommerce ul.products li.product a.button{display:block!important;background:var(--pc-gold)!important;color:var(--pc-black)!important;border:none!important;border-radius:6px!important;font-weight:700!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.6px!important;padding:11px 16px!important;margin:4px 16px 16px!important;width:calc(100% - 32px)!important;text-align:center!important;transition:background .2s!important;box-sizing:border-box!important;}
.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .add_to_cart_button:hover{background:var(--pc-gold-dark)!important;color:var(--pc-black)!important;}

/* === GLOBAL BUTTONS === */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--pc-gold)!important;color:var(--pc-black)!important;border:none!important;border-radius:6px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;transition:background .2s!important;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--pc-gold-dark)!important;color:var(--pc-black)!important;}

/* === SINGLE PRODUCT === */
.woocommerce div.product .product_title{font-size:32px!important;font-weight:900!important;color:var(--pc-black)!important;line-height:1.15!important;margin-bottom:16px!important;}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:28px!important;font-weight:800!important;color:var(--pc-gold)!important;}
.puntoclaus-solo-recogida{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--pc-black)!important;color:var(--pc-gold)!important;font-size:12px!important;font-weight:700!important;padding:5px 12px!important;border-radius:4px!important;letter-spacing:1px!important;text-transform:uppercase!important;margin:0 0 16px!important;}

/* === TYPOGRAPHY === */
h1,h2,h3,h4,h5,h6,.et_pb_slide_description .et_pb_title_container,.et_pb_title_container h1{font-weight:800!important;color:var(--pc-black)!important;}
.woocommerce-products-header__title,.woocommerce-page h1.page-title,h1.page-title{font-size:36px!important;font-weight:900!important;color:var(--pc-black)!important;margin-bottom:24px!important;letter-spacing:-1px!important;}
.woocommerce-breadcrumb{font-size:13px!important;color:#888!important;margin-bottom:16px!important;}
.woocommerce-breadcrumb a{color:var(--pc-gold)!important;}

/* Category filter pills */
.puntoclaus-category-filter{margin-bottom:28px;}
.puntoclaus-category-pills{display:flex;flex-wrap:wrap;gap:10px;}
.cat-pill{display:inline-block;padding:7px 18px;border-radius:25px;border:2px solid var(--pc-border);font-size:13px;font-weight:600;color:var(--pc-text);text-decoration:none;transition:all .2s;white-space:nowrap;}
.cat-pill:hover,.cat-pill.active{background:var(--pc-gold);border-color:var(--pc-gold);color:var(--pc-black);}

/* === WC NOTICES === */
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--pc-gold)!important;}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--pc-gold)!important;}
.solo-recogida-notice{background:#fffbee!important;border-left:4px solid var(--pc-gold)!important;border-radius:6px;padding:14px 18px!important;font-weight:500;}

/* === FORMS === */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{border:1.5px solid var(--pc-border)!important;border-radius:6px!important;padding:10px 14px!important;}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus{border-color:var(--pc-gold)!important;outline:none!important;box-shadow:0 0 0 3px rgba(245,168,0,.12)!important;}

/* === FOOTER === */
#main-footer,#footer-widgets,.footer-widget,.et_pb_footer_bottom_bar{background-color:var(--pc-black)!important;color:#bbbbbb!important;}
#main-footer .widget-title,#main-footer h3,#main-footer h4{color:#ffffff!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;}
#main-footer a,#main-footer .footer-widget a{color:#bbbbbb!important;}
#main-footer a:hover,#main-footer .footer-widget a:hover{color:var(--pc-gold)!important;}
.et_pb_footer_bottom_bar{background:#000!important;border-top:1px solid #1c1c1c!important;}
.et_pb_footer_bottom_bar p,.et_pb_footer_bottom_bar a{color:#555!important;font-size:12px!important;}

.woocommerce-MyAccount-navigation ul li.is-active>a,.woocommerce-MyAccount-navigation ul li>a:hover{background:var(--pc-gold)!important;color:var(--pc-black)!important;}

/* === RESPONSIVE === */
@media(max-width:980px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)!important;gap:18px!important;}}
@media(max-width:767px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:13px!important;padding:10px 12px 4px!important;}.woocommerce ul.products li.product .price{font-size:16px!important;padding:2px 12px 14px!important;}}
@media(max-width:480px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important;}}

/* ===================================================
   DIVI THEME BUILDER — Cabecera y Pie
   =================================================== */

/* --- CABECERA --- */
.pc-header,
.pc-header.et_pb_section {
  background-color: #0a0a0a !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pc-header .et_pb_row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex;
  align-items: center;
}
.pc-header .et_pb_column_0_tb_header {
  display: flex;
  align-items: center;
  padding: 8px 0 !important;
}
.pc-header .et_pb_image_0_tb_header img {
  max-width: 140px !important;
  width: 140px;
  height: auto;
  display: block;
}

/* Menú */
.pc-header .et_pb_menu_0_tb_header {
  background: transparent !important;
}
.pc-header .et_pb_menu_inner_container {
  background: transparent !important;
}
.pc-header .et-menu-nav .et-menu > li > a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 24px 14px !important;
  letter-spacing: 0.3px;
}
.pc-header .et-menu-nav .et-menu > li > a:hover,
.pc-header .et-menu-nav .et-menu > li.current-menu-item > a {
  color: #F5A800 !important;
}
/* Submenús */
.pc-header .et-menu .sub-menu {
  background-color: #111111 !important;
  border-top: 2px solid #F5A800 !important;
  min-width: 180px;
}
.pc-header .et-menu .sub-menu li a {
  color: #cccccc !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
}
.pc-header .et-menu .sub-menu li a:hover {
  color: #F5A800 !important;
  background: rgba(245,168,0,.08) !important;
}
/* Hamburger / móvil */
.pc-header .mobile_nav .mobile_menu_bar:before {
  color: #ffffff !important;
  font-size: 22px;
}
.pc-header .mobile_menu_bar {
  background: transparent !important;
}
.pc-header .et_mobile_menu {
  background-color: #111111 !important;
  border-top: 2px solid #F5A800 !important;
}
.pc-header .et_mobile_menu li a {
  color: #cccccc !important;
  border-bottom: 1px solid #1c1c1c !important;
}
.pc-header .et_mobile_menu li a:hover {
  color: #F5A800 !important;
}

/* --- PIE DE PÁGINA --- */
.pc-footer,
.pc-footer.et_pb_section {
  background-color: #0a0a0a !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  border-top: 1px solid #1c1c1c !important;
}
.pc-footer .et_pb_row {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
  align-items: center;
}
.pc-footer .et_pb_image_0_tb_footer img {
  max-width: 100px !important;
  width: 100px;
  height: auto;
  filter: brightness(0.8);
}
.pc-footer .et_pb_text_inner,
.pc-footer .et_pb_text_inner p {
  color: #888888 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
.pc-footer .et_pb_text_inner a {
  color: #888888 !important;
  text-decoration: none !important;
}
.pc-footer .et_pb_text_inner a:hover {
  color: #F5A800 !important;
}
/* Ocultar pie por defecto de Divi si existe */
#main-footer {
  display: none !important;
}

/* --- RESPONSIVE CABECERA --- */
@media (max-width: 980px) {
  .pc-header .et_pb_row {
    flex-wrap: wrap;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pc-header .et_pb_column_0_tb_header,
  .pc-header .et_pb_column_1_tb_header {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .pc-header .et_pb_column_0_tb_header {
    width: 70% !important;
  }
  .pc-header .et_pb_column_1_tb_header {
    width: 30% !important;
    justify-content: flex-end;
  }
  .pc-footer .et_pb_column_0_tb_footer,
  .pc-footer .et_pb_column_1_tb_footer,
  .pc-footer .et_pb_column_2_tb_footer {
    width: 100% !important;
    text-align: center !important;
  }
  .pc-footer .et_pb_text_inner p {
    text-align: center !important;
  }
  .pc-footer .et_pb_image_0_tb_footer {
    text-align: center !important;
  }
}

/* ===================================================
   FIX: Anchos de columna Divi TB Header (CSS dinámico no generado)
   =================================================== */
.pc-header .et_pb_row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.pc-header .et_pb_column_0_tb_header {
  width: 25% !important;
  flex: 0 0 25% !important;
}
.pc-header .et_pb_column_1_tb_header {
  width: 75% !important;
  flex: 0 0 75% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* FIX: Menú horizontal en la cabecera */
.pc-header .et_pb_menu .et_pb_menu_inner_container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
}
.pc-header .et_pb_menu .et_pb_menu__wrap {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  justify-content: flex-end !important;
}
.pc-header .et_pb_menu .et_pb_menu__menu {
  display: block !important;
}
.pc-header .et-menu-nav {
  display: block !important;
}
.pc-header .et-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
}
.pc-header .et-menu > li {
  display: inline-block !important;
  position: relative !important;
  float: none !important;
}
/* Submenús: ocultos por defecto, visibles al hover */
.pc-header .et-menu .sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
  min-width: 200px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  list-style: none !important;
}
.pc-header .et-menu > li:hover > .sub-menu {
  display: block !important;
}
.pc-header .et-menu .sub-menu li {
  display: block !important;
  float: none !important;
  position: relative !important;
}
/* Menú móvil: oculto en desktop */
.pc-header .mobile_nav {
  display: none !important;
}
@media (max-width: 980px) {
  .pc-header .et_pb_menu .et_pb_menu__menu {
    display: none !important;
  }
  .pc-header .mobile_nav {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .pc-header .et_pb_column_0_tb_header {
    width: 70% !important;
    flex: 0 0 70% !important;
  }
  .pc-header .et_pb_column_1_tb_header {
    width: 30% !important;
    flex: 0 0 30% !important;
  }
}
/* Menú móvil abierto */
.pc-header .et_mobile_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99998;
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.pc-header .et_mobile_menu.open,
.pc-header .mobile_nav.opened .et_mobile_menu {
  display: block !important;
}

/* ===================================================
   FIX: Ocultar sidebar y contenido full-width
   =================================================== */
#sidebar {
  display: none !important;
}
#left-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-right: 0 !important;
}
#main-content .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
/* Quitar padding extra que Divi añade cuando hay sidebar */
.et_pb_gutters3 #main-content .container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ===================================================
   FIX: Logo en cabecera — sin borde ni fondo negro extra
   =================================================== */
.pc-header .et_pb_image_0_tb_header .et_pb_image_wrap {
  display: inline-block !important;
  line-height: 0 !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
}
.pc-header .et_pb_image_0_tb_header img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
  display: block !important;
}

/* ===================================================
   HOME HERO — pc-hero-text, pc-badge
   =================================================== */
.pc-hero-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 20px 0;
}
.pc-hero-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f5c842;
  margin-bottom: 20px;
}
.pc-hero-title {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff !important;
  margin: 0 0 24px 0;
}
.pc-hero-title br { display: block; }
.pc-hero-sub {
  font-size: 17px;
  color: #cccccc;
  line-height: 1.6;
  margin-bottom: 36px;
  max-width: 420px;
}
.pc-cta-btn {
  display: inline-block;
  background: #f5c842;
  color: #0a0a0a;
  font-weight: 700;
  font-size: 15px;
  padding: 16px 36px;
  border-radius: 4px;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: background 0.2s;
  align-self: flex-start;
}
.pc-cta-btn:hover { background: #ffd84d; color: #0a0a0a; }

/* Trust badges */
.pc-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #cccccc;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 8px 0;
}
.pc-badge-icon {
  font-size: 20px;
  color: #f5c842;
}

/* Mobile hero */
@media (max-width: 767px) {
  .pc-hero-title { font-size: 36px; }
  .pc-hero-sub   { font-size: 15px; }
  .pc-cta-btn    { padding: 14px 28px; }
  .pc-badge      { font-size: 12px; }
}

/* Hero title override — Divi anula el color sin !important */
.et_pb_text .pc-hero-title,
h1.pc-hero-title {
  color: #ffffff !important;
  font-size: 56px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin: 0 0 24px 0 !important;
}
@media (max-width: 767px) {
  .et_pb_text .pc-hero-title, h1.pc-hero-title { font-size: 36px !important; }
}

/* ===================================================
   SHOP HERO — inyectado via woocommerce_before_shop_loop
   =================================================== */
.pc-shop-hero {
  background: #0a0a0a !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: -20px !important;
  margin-bottom: 40px !important;
  width: 100vw !important;
  position: relative !important;
}
.pc-shop-hero-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 70px 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
}
.pc-shop-hero-text {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.pc-shop-hero-title {
  font-size: 58px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}
.pc-shop-hero-sub {
  font-size: 17px !important;
  color: #cccccc !important;
  line-height: 1.7 !important;
  margin: 0 0 36px 0 !important;
  max-width: 440px !important;
}
.pc-shop-hero-btn {
  display: inline-block !important;
  background: #f5c842 !important;
  color: #0a0a0a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 16px 36px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: background 0.2s !important;
}
.pc-shop-hero-btn:hover {
  background: #ffd84d !important;
  color: #0a0a0a !important;
}
.pc-shop-hero-img {
  flex: 0 0 420px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.pc-shop-hero-img img {
  max-width: 380px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)) !important;
}

/* Trust badges */
.pc-shop-badges {
  background: #111111 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 60px !important;
  padding: 22px 48px !important;
}
.pc-shop-badge {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #cccccc !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.pc-shop-badge span { color: #cccccc !important; }

/* Mobile hero */
@media (max-width: 980px) {
  .pc-shop-hero-inner {
    flex-direction: column !important;
    padding: 50px 24px 40px !important;
    text-align: center !important;
  }
  .pc-shop-hero-text { align-items: center !important; }
  .pc-shop-hero-title { font-size: 38px !important; }
  .pc-shop-hero-sub   { font-size: 15px !important; max-width: 100% !important; }
  .pc-shop-hero-img   { flex: none !important; width: 100% !important; max-width: 280px !important; }
  .pc-shop-badges     { flex-wrap: wrap !important; gap: 16px 30px !important; }
}

/* ===================================================
   HERO — fondo amarillo (override dark theme)
   =================================================== */
.pc-shop-hero {
  background: #f5c842 !important;
}
.pc-shop-hero-title {
  color: #0a0a0a !important;
}
.pc-shop-hero-sub {
  color: #333333 !important;
}
.pc-hero-tag {
  color: #0a0a0a !important;
  opacity: 0.7 !important;
}
.pc-shop-hero-btn {
  background: #0a0a0a !important;
  color: #f5c842 !important;
}
.pc-shop-hero-btn:hover {
  background: #222222 !important;
  color: #f5c842 !important;
}
.pc-shop-hero-img img {
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.25)) !important;
}
.pc-shop-badges {
  background: #e8b800 !important;
}
.pc-shop-badge,
.pc-shop-badge span {
  color: #0a0a0a !important;
}