:root{
  --gercan-blue:#0067d9;--gercan-blue-2:#0876e8;--gercan-navy:#07366f;--gercan-text:#082c57;
  --gercan-soft:#f5f9fe;--gercan-line:#d8e5f3;--gercan-red:#e42427;--gercan-green:#16ad48;
  --gercan-dept-bg:#fff;--gercan-dept-border:#d8e5f3;--gercan-dept-text:#073568;--gercan-dept-icon:#073568;
  --gercan-dept-active-bg:#f4f9ff;--gercan-dept-active-border:#1e8cff;--gercan-dept-active-text:#073568;--gercan-dept-active-icon:#0065cc;
}
.gercan-store{font-family:Arial,Helvetica,sans-serif;color:var(--gercan-text);background:#fff;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;line-height:1.25}
.gercan-store *{box-sizing:border-box}.gercan-store svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.gercan-store button,.gercan-store input,.gercan-store select{font:inherit}

/* Custom image icons uploaded from GERCAN Store settings */
.gercan-ui-icon{display:block;width:1.15em;height:1.15em;object-fit:contain;flex:0 0 auto}
.gercan-search-icon .gercan-ui-icon{width:20px;height:20px}
.gercan-store__account .gercan-ui-icon{width:22px;height:22px}
.gercan-dept .gercan-ui-icon{width:24px;height:24px}
.gercan-whatsapp .gercan-ui-icon{width:24px;height:24px}
.gercan-panel-icon .gercan-ui-icon{width:34px;height:34px}
.gercan-add .gercan-ui-icon{width:15px;height:15px;filter:brightness(0) invert(1)}
.gercan-mobile-nav .gercan-ui-icon{width:22px;height:22px}
.gercan-store__topbar{height:98px;display:grid;grid-template-columns:290px minmax(360px,760px) 330px;align-items:center;justify-content:space-between;gap:28px;padding:16px clamp(28px,4vw,64px);background:#fff;border-bottom:1px solid #edf2f7;position:relative;z-index:5}
.gercan-store__brand{display:flex;align-items:center;width:250px;height:58px;overflow:hidden}.gercan-store__brand-art{display:block;width:100%;height:100%;background-image:var(--gercan-logo);background-repeat:no-repeat;background-size:var(--gercan-logo-size-desktop,contain);background-position:var(--gercan-logo-pos-desktop,left center)}
.gercan-store__search{display:flex;align-items:center;position:relative;width:100%;height:48px}.gercan-search-icon{position:absolute;left:16px;color:#0f62bd;display:flex;z-index:1}.gercan-store__search input{height:48px;flex:1;border:1px solid #b8cee7;border-right:0;border-radius:9px 0 0 9px;padding:0 18px 0 46px;outline:none;color:#264b74;background:#fff}.gercan-store__search input:focus{box-shadow:0 0 0 3px rgba(0,103,217,.12);border-color:#6aaaf0}.gercan-store__search > button{height:48px;border:0;background:var(--gercan-blue);color:#fff;padding:0 31px;border-radius:0 9px 9px 0;font-weight:700;cursor:pointer}.gercan-store__search > button:hover{background:#005bbb}
.gercan-store__account{display:flex;align-items:center;justify-content:flex-end;gap:24px;white-space:nowrap}.gercan-store__account a{display:flex;align-items:center;gap:8px;color:#062c5a;text-decoration:none;font-weight:700}.gercan-store__account svg{font-size:22px}.gercan-cart-link{position:relative}.gercan-cart-count{display:inline-flex;min-width:21px;height:21px;padding:0 5px;align-items:center;justify-content:center;background:var(--gercan-blue);color:#fff;border-radius:999px;font-size:12px;margin-left:-3px}
.gercan-store__visual{
  height:286px;
  position:relative;
  box-sizing:border-box;
  width:100vw;
  max-width:100vw;
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  overflow:hidden;
  background-image:linear-gradient(rgba(4,36,72,.02),rgba(4,36,72,.02)),var(--gercan-hero);
  background-size:100% 100%,var(--gercan-hero-size-desktop,cover);
  background-position:center center,var(--gercan-hero-pos-desktop,50% 50%);
  background-repeat:no-repeat,no-repeat;
}
.gercan-dept{position:absolute;z-index:2;border:2px solid var(--gercan-local-border,var(--gercan-dept-border));background:var(--gercan-local-bg,var(--gercan-dept-bg));color:var(--gercan-local-text,var(--gercan-dept-text));border-radius:12px;min-height:54px;padding:8px 22px;box-shadow:0 8px 22px rgba(12,42,78,.18);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;cursor:pointer;transition:.18s ease}.gercan-dept svg{font-size:22px;stroke-width:2.3;color:var(--gercan-local-icon,var(--gercan-dept-icon))}.gercan-dept .gercan-dept-custom-icon{color:var(--gercan-local-icon,var(--gercan-dept-icon))}.gercan-dept:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(12,42,78,.23)}.gercan-dept.is-active{background:var(--gercan-local-active-bg,var(--gercan-dept-active-bg));border-color:var(--gercan-local-active-border,var(--gercan-dept-active-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--gercan-local-active-border,var(--gercan-dept-active-border)) 22%,transparent),0 10px 25px rgba(12,42,78,.2);color:var(--gercan-local-active-text,var(--gercan-dept-active-text))}.gercan-dept.is-active svg,.gercan-dept.is-active .gercan-dept-custom-icon{color:var(--gercan-local-active-icon,var(--gercan-dept-active-icon))}
.gercan-dept-custom-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;background-color:currentColor;-webkit-mask-image:var(--gercan-mask);mask-image:var(--gercan-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.gercan-panel-icon .gercan-dept-custom-icon{width:34px;height:34px;flex-basis:34px;color:currentColor}
.gercan-dept--offer{left:50%;top:15px;transform:translateX(-50%);min-width:180px}.gercan-dept--offer svg,.gercan-dept--offer .gercan-dept-custom-icon{color:var(--gercan-local-icon,var(--gercan-dept-icon))}.gercan-dept--offer.is-active{color:var(--gercan-local-active-text,var(--gercan-dept-active-text))}.gercan-dept--offer.is-active svg,.gercan-dept--offer.is-active .gercan-dept-custom-icon{color:var(--gercan-local-active-icon,var(--gercan-dept-active-icon))}.gercan-dept--offer:hover{transform:translateX(-50%) translateY(-1px)}.gercan-dept--electricidad{left:18%;top:136px;width:190px}.gercan-dept--iluminacion{left:39%;top:136px;width:195px}.gercan-dept--accesorios-electricos{left:57%;top:136px;width:220px}.gercan-dept--herramientas{left:76%;top:136px;width:205px}
.gercan-whatsapp{position:absolute;z-index:3;right:3.2%;bottom:21px;display:flex;align-items:center;gap:8px;background:var(--gercan-green);color:#fff;text-decoration:none;border:2px solid #fff;border-radius:999px;padding:8px 14px 8px 10px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.gercan-whatsapp svg{font-size:24px}.gercan-whatsapp span{display:flex;flex-direction:column}.gercan-whatsapp strong{font-size:12px;line-height:1.05}.gercan-whatsapp small{font-size:9px;opacity:.95;margin-top:2px}
.gercan-store__panel{background:#fff;border-radius:24px 24px 0 0;margin-top:-2px;padding:15px clamp(26px,3vw,52px) 24px;position:relative;z-index:4;border-top:1px solid var(--gercan-line);box-shadow:0 -6px 22px rgba(16,48,82,.04)}
.gercan-store__panel-header{display:flex;align-items:center;gap:14px;margin-bottom:10px;width:100%}.gercan-store__panel-header--left{justify-content:flex-start}.gercan-store__panel-header--left .gercan-panel-copy{text-align:left}.gercan-store__panel-header--center{justify-content:center}.gercan-store__panel-header--center .gercan-panel-copy{text-align:center}.gercan-store__panel-header--right{justify-content:flex-end}.gercan-store__panel-header--right .gercan-panel-copy{text-align:right}.gercan-panel-icon{width:54px;height:54px;flex:0 0 54px;border-radius:14px;background:#eef6ff;color:#065fc8;display:flex;align-items:center;justify-content:center}.gercan-panel-icon svg{font-size:34px}.gercan-panel-copy h2{margin:0;font-size:29px;letter-spacing:-.4px;color:#07458f}.gercan-panel-copy p{margin:3px 0 0;color:#607996;font-size:15px}
.gercan-category-nav{display:block;width:100%}.gercan-cat-arrow{display:none!important}.gercan-category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;width:100%;overflow:visible;padding:3px 0 8px;align-items:stretch;justify-content:center}.gercan-category-strip::-webkit-scrollbar{display:none}.gercan-category{min-width:0;width:100%;min-height:70px;height:auto;background:#fff;border:1px solid var(--gercan-line);border-radius:9px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#123b6a;font-weight:700;cursor:pointer;transition:.15s;text-align:center}.gercan-category:hover{border-color:#9fc8f5}.gercan-category.is-active{border:2px solid var(--gercan-blue);background:#f4f9ff;color:#005dc4}.gercan-category__media{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 48px}.gercan-category__media img{width:48px;height:48px;object-fit:contain}.gercan-category__media svg{font-size:30px}.gercan-category__label{text-align:center;line-height:1.15;overflow-wrap:anywhere}
.gercan-products-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:7px 0 8px}.gercan-products-head h3{font-size:21px;margin:0;color:#092f5d}.gercan-sort-wrap{display:flex;align-items:center;gap:9px;color:#3a5879;font-size:13px}.gercan-sort-wrap select{border:1px solid var(--gercan-line);border-radius:8px;background:#fff;color:#183d68;padding:8px 32px 8px 10px;min-width:170px}
.gercan-products{height:330px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--gercan-product-card-min-desktop,280px)),1fr));gap:10px;padding:2px 8px 10px 1px;scrollbar-width:thin;scrollbar-color:#0b72dd #edf5fd}.gercan-products::-webkit-scrollbar{width:8px}.gercan-products::-webkit-scrollbar-track{background:#edf5fd;border-radius:8px}.gercan-products::-webkit-scrollbar-thumb{background:#0b72dd;border-radius:8px}
.gercan-product{border:1px solid #dce8f4;border-radius:9px;min-height:132px;padding:9px;display:grid;grid-template-columns:calc(var(--gercan-product-image-desktop,92px) + 8px) 1fr;gap:9px;background:#fff;transition:.15s}.gercan-product:hover{box-shadow:0 5px 14px rgba(17,61,103,.09);border-color:#bdd7f0}.gercan-product__image{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:7px}.gercan-product__image img{width:var(--gercan-product-image-desktop,92px);height:var(--gercan-product-image-desktop,92px);object-fit:contain}.gercan-product__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.gercan-product__name{color:#073b79;font-weight:800;text-decoration:none;line-height:1.14;margin:1px 0 5px;font-size:14px}.gercan-product__rating{font-size:11px;color:#f4a000;letter-spacing:-1px;margin-bottom:3px}.gercan-product__rating span{color:#8394a9;letter-spacing:0;margin-left:4px}.gercan-product__price{font-size:18px;font-weight:900;color:#063f8e;margin-top:auto;margin-bottom:6px}.gercan-add{height:31px;background:var(--gercan-blue);border:0;color:#fff;border-radius:6px;padding:0 12px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:6px}.gercan-add svg{font-size:15px}.gercan-out{color:#8c2d2d;font-weight:700}.gercan-empty,.gercan-loading{grid-column:1/-1;padding:28px;text-align:center;color:#6d8197}.gercan-sale-note{padding:12px 16px;background:#fff4f4;color:#c51e25;border:1px solid #ffd1d3;border-radius:9px;font-weight:800;display:inline-block}.gercan-mobile-nav{display:none}
@media(max-width:1280px){.gercan-store__topbar{grid-template-columns:230px minmax(300px,1fr) 270px}.gercan-dept--electricidad{left:13%}.gercan-dept--iluminacion{left:36%}.gercan-dept--accesorios-electricos{left:57%}.gercan-dept--herramientas{left:78%;transform:translateX(-10%)}.gercan-products{}}
@media(max-width:980px){.gercan-store__topbar{height:auto;grid-template-columns:1fr;gap:11px;padding:14px 18px}.gercan-store__brand{justify-content:center;margin:auto}.gercan-store__account{display:none}.gercan-store__visual{height:350px;background-size:100% 100%,var(--gercan-hero-size-mobile,cover);background-position:center,var(--gercan-hero-pos-mobile,center)}.gercan-dept{font-size:14px;min-height:50px;padding:7px 12px}.gercan-dept--offer{top:18px}.gercan-dept--electricidad{left:13%;top:154px;width:155px}.gercan-dept--iluminacion{left:52%;top:154px;width:155px}.gercan-dept--accesorios-electricos{left:13%;top:232px;width:175px}.gercan-dept--herramientas{left:52%;top:232px;width:165px;transform:none}.gercan-whatsapp{right:18px;bottom:12px}.gercan-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--gercan-product-card-min-mobile,220px)),1fr));height:auto;max-height:none;overflow:visible}.gercan-store__panel{padding:16px 16px 88px}.gercan-category-strip{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.gercan-category{min-width:0;min-height:76px;height:auto;flex-direction:column;justify-content:center;gap:3px;padding:6px}.gercan-category__media{width:42px;height:42px;flex-basis:42px}.gercan-category__media img{width:40px;height:40px}.gercan-category__label{text-align:center;font-size:12px}.gercan-products-head{align-items:center}.gercan-mobile-nav{position:fixed;z-index:9999;left:0;right:0;bottom:0;height:68px;background:rgba(255,255,255,.97);border-top:1px solid #dbe7f4;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 -4px 18px rgba(19,52,86,.09)}.gercan-mobile-nav a{position:relative;color:#34577e;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px}.gercan-mobile-nav a svg{font-size:22px}.gercan-mobile-nav a.is-active{color:#0769d8;font-weight:800}.gercan-mobile-cart-count{position:absolute;top:7px;left:calc(50% + 12px);background:#0769d8;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px}}
@media(max-width:620px){.gercan-store__topbar{padding:11px 12px}.gercan-store__brand{width:215px;height:48px}.gercan-store__brand-art{background-size:var(--gercan-logo-size-mobile,contain);background-position:var(--gercan-logo-pos-mobile,center)}.gercan-store__search{height:46px}.gercan-store__search input,.gercan-store__search > button{height:46px}.gercan-store__search > button{padding:0 18px}.gercan-store__visual{height:335px;background-size:100% 100%,var(--gercan-hero-size-mobile,cover);background-position:center,var(--gercan-hero-pos-mobile,center)}.gercan-dept--electricidad{left:5%;width:43%;top:150px}.gercan-dept--iluminacion{left:auto;right:5%;width:43%;top:150px}.gercan-dept--accesorios-electricos{left:5%;width:43%;top:218px}.gercan-dept--herramientas{left:auto;right:5%;width:43%;top:218px}.gercan-whatsapp{padding:7px 10px}.gercan-whatsapp small{display:none}.gercan-whatsapp strong{font-size:11px}.gercan-store__panel{border-radius:20px 20px 0 0;padding:14px 11px 82px}.gercan-panel-icon{width:48px;height:48px;flex-basis:48px}.gercan-panel-copy h2{font-size:25px}.gercan-panel-copy p{font-size:13px}.gercan-category-nav{display:block}.gercan-category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gercan-category{min-width:0;min-height:88px;height:auto}.gercan-products-head{gap:8px;align-items:flex-start}.gercan-products-head h3{font-size:19px;max-width:55%}.gercan-sort-wrap span{display:none}.gercan-sort-wrap select{min-width:125px;max-width:135px;font-size:12px}.gercan-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--gercan-product-card-min-mobile,220px)),1fr));gap:8px}.gercan-product{grid-template-columns:calc(var(--gercan-product-image-mobile,82px) + 8px) 1fr;min-height:126px}.gercan-product__image img{width:var(--gercan-product-image-mobile,82px);height:var(--gercan-product-image-mobile,82px)}}

.gercan-category__copy{display:flex;flex-direction:column;min-width:0;line-height:1.18}
.gercan-category__description{display:block;margin-top:3px;font-size:11px;font-weight:400;opacity:.72;white-space:normal}
.gercan-admin-category-group{margin:18px 0;padding:16px;border:1px solid #dcdcde;border-radius:8px;background:#fff}
.gercan-admin-category-row{padding:10px 0;border-top:1px solid #f0f0f1}
.gercan-admin-category-row:first-of-type{border-top:0}

/* Keep overlays positioned relative to the full-bleed banner */
.gercan-store__visual > *{box-sizing:border-box}

/* v12: full-width centered hero, preserving configured crop */
html,body{overflow-x:hidden}
.gercan-store{width:100%;max-width:none}
.gercan-store__visual{
  width:100vw !important;
  max-width:100vw !important;
  left:50% !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
}
@supports (width:100dvw){
  .gercan-store__visual{
    width:100dvw !important;
    max-width:100dvw !important;
    margin-left:-50dvw !important;
    margin-right:-50dvw !important;
  }
}

/* v12: product card content centered */
.gercan-product{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:8px !important;
}
.gercan-product__image{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.gercan-product__image img{
  display:block !important;
  margin:0 auto !important;
}
.gercan-product__body{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}
.gercan-product__name,
.gercan-product__rating,
.gercan-product__price{
  width:100%;
  text-align:center !important;
}
.gercan-product__price{
  margin-top:4px !important;
}
.gercan-add{
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
}
.gercan-out{
  width:100%;
  text-align:center !important;
}

/* v13 — Hero de tienda realmente a borde de viewport */
.gercan-store__visual{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Evita que Astra o el bloque padre limiten visualmente el full-bleed */
.gercan-store,
.gercan-store__visual-wrap{
  overflow:visible !important;
}

/* Baja exactamente 20 px los cuatro botones de pasillos principales.
   No modifica Ofertas ni WhatsApp. */
.gercan-dept--electricidad,
.gercan-dept--iluminacion,
.gercan-dept--accesorios-electricos,
.gercan-dept--herramientas{
  margin-top:40px !important;
}

/* v14 — orden visual de tarjetas de producto */
.gercan-product{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}
.gercan-product__body{
  display:contents !important;
}
.gercan-product__name{
  order:1 !important;
  width:100% !important;
  text-align:center !important;
  margin:0 0 8px !important;
}
.gercan-product__image{
  order:2 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  margin:0 0 8px !important;
}
.gercan-product__rating{
  order:3 !important;
  width:100% !important;
  text-align:center !important;
  margin:0 0 4px !important;
}
.gercan-product__price{
  order:4 !important;
  width:100% !important;
  text-align:center !important;
  margin:0 0 10px !important;
}
.gercan-buy-controls{
  order:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
}
.gercan-qty-wrap{
  display:inline-flex !important;
  align-items:center !important;
}
.gercan-qty{
  width:64px !important;
  height:38px !important;
  border:1px solid #cfd8e3 !important;
  border-radius:8px !important;
  text-align:center !important;
  font:inherit !important;
  padding:4px 6px !important;
  background:#fff !important;
}
.gercan-add--icon-only{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
}
.gercan-add--icon-only span{display:none !important}
.gercan-add--icon-only svg{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
}

/* v15 — cantidad + carrito centrados como grupo */
.gercan-buy-controls{
  order:5 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}
.gercan-qty-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
}
.gercan-qty{
  display:block !important;
  margin:0 !important;
}
.gercan-add--icon-only{
  margin:0 !important;
  flex:0 0 auto !important;
}

/* v16 — mayor separación entre cantidad y carrito */
.gercan-buy-controls{
  gap:20px !important;
}

/* v17 — animación hover de tarjetas de producto */
.gercan-product{
  transition:transform 200ms ease, box-shadow 200ms ease !important;
  transform-origin:center center !important;
  position:relative !important;
}
@media (hover:hover) and (pointer:fine){
  .gercan-product:hover{
    transform:scale(1.03) !important;
    z-index:10 !important;
    /* No redefinimos box-shadow para conservar exactamente el sombreado actual */
  }
}

/* v18 — espacio de seguridad para que el hover no recorte el borde superior */
.gercan-products{
  padding-top:10px !important;
  padding-bottom:10px !important;
  box-sizing:border-box !important;
  overflow-x:visible !important;
}
@media (hover:hover) and (pointer:fine){
  .gercan-product:hover{
    transform:scale(1.03) !important;
    transform-origin:center center !important;
    z-index:20 !important;
  }
}

/* v19 — cantidad + carrito separados 80 px y centrados como grupo */
.gercan-buy-controls{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:80px !important;
  margin:0 auto !important;
}

/* v20 — tarjetas con ancho estable: 5 por fila en escritorio */
@media (min-width:1200px){
  .gercan-products{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    justify-content:start !important;
    align-items:stretch !important;
  }
  .gercan-product{
    width:100% !important;
    max-width:none !important;
  }
}

/* Tablet: 3 por fila */
@media (min-width:768px) and (max-width:1199px){
  .gercan-products{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    justify-content:start !important;
  }
}

/* Móvil ancho: 2 por fila */
@media (min-width:520px) and (max-width:767px){
  .gercan-products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Móvil angosto: 1 por fila */
@media (max-width:519px){
  .gercan-products{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

/* v21 — hover un poco más pronunciado */
@media (hover:hover) and (pointer:fine){
  .gercan-product:hover{
    transform:scale(1.03) !important;
    z-index:20 !important;
  }
}

/* v24 — estado visual de búsqueda */
.gercan-store__panel-header .gercan-panel-icon img{
  width:28px;
  height:28px;
  object-fit:contain;
}

/* v25 — stock visible y expansión de tarjetas */
.gercan-product{
  cursor:pointer;
}

.gercan-product__stock{
  order:5 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  width:100% !important;
  margin:0 0 10px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  text-align:center !important;
}

.gercan-product__stock.is-in{color:#167a3f}
.gercan-product__stock.is-low{color:#a45b00}
.gercan-product__stock.is-out{color:#b42318}

.gercan-buy-controls{
  order:6 !important;
}

.gercan-product__details{
  order:7 !important;
  display:grid !important;
  grid-template-rows:0fr !important;
  width:100% !important;
  opacity:0 !important;
  overflow:hidden !important;
  transition:grid-template-rows 220ms ease, opacity 180ms ease, margin-top 220ms ease !important;
  margin-top:0 !important;
}

.gercan-product__details-inner{
  min-height:0 !important;
  overflow:hidden !important;
  width:100% !important;
  text-align:left !important;
}

.gercan-product.is-expanded{
  grid-column:span 2 !important;
  cursor:default;
  z-index:15 !important;
  transform:none !important;
  align-self:start !important;
  padding-bottom:16px !important;
}

.gercan-product.is-expanded .gercan-product__details{
  grid-template-rows:1fr !important;
  opacity:1 !important;
  margin-top:14px !important;
}

.gercan-product__details-inner{
  border-top:1px solid #e4eaf2;
  padding:14px 14px 2px;
}

.gercan-product__details h4{
  margin:0 0 12px !important;
  font-size:16px !important;
  text-align:left !important;
}

.gercan-product__detail-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  padding:7px 0;
  font-size:13px;
  text-align:left;
}

.gercan-product__detail-row--description{
  display:block;
}

.gercan-product__detail-row--description p{
  margin:5px 0 0 !important;
  color:#53657a;
  line-height:1.45;
}

.gercan-product__full-link{
  display:inline-flex;
  margin-top:10px;
  font-weight:700;
  text-decoration:none;
}

@media (hover:hover) and (pointer:fine){
  .gercan-product:not(.is-expanded):hover{
    transform:scale(1.03) !important;
  }
  .gercan-product.is-expanded:hover{
    transform:none !important;
  }
}

@media (max-width:767px){
  .gercan-product.is-expanded{
    grid-column:span 1 !important;
  }
}

/* v26 — modal de producto centrado por encima de toda la interfaz */
body.gercan-modal-open{
  overflow:hidden !important;
}

.gercan-product-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  background:rgba(6,18,35,0) !important;
  backdrop-filter:blur(0px);
  transition:background 220ms ease, backdrop-filter 220ms ease !important;
}

.gercan-product-modal.is-visible{
  background:rgba(6,18,35,.52) !important;
  backdrop-filter:blur(3px);
}

.gercan-product-modal__card{
  position:fixed !important;
  z-index:2147483001 !important;
  margin:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border-radius:12px !important;
  overflow:auto !important;
  cursor:default !important;
  transform:none !important;
  transform-origin:center center !important;
  transition:
    left 250ms cubic-bezier(.2,.8,.2,1),
    top 250ms cubic-bezier(.2,.8,.2,1),
    width 250ms cubic-bezier(.2,.8,.2,1),
    height 250ms cubic-bezier(.2,.8,.2,1),
    border-radius 250ms ease,
    opacity 180ms ease,
    box-shadow 250ms ease !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
  padding:24px 28px 28px !important;
}

.gercan-product-modal__card:hover{
  transform:none !important;
}

.gercan-product-modal__card .gercan-product__details{
  order:7 !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  opacity:1 !important;
  grid-template-rows:1fr !important;
  margin-top:16px !important;
}

.gercan-product-modal__card .gercan-product__details-inner{
  overflow:visible !important;
}

.gercan-product-modal__card .gercan-product__image img{
  width:min(220px,var(--gercan-product-image-desktop,220px)) !important;
  height:auto !important;
  max-height:220px !important;
  object-fit:contain !important;
}

.gercan-product-modal__card .gercan-product__name{
  font-size:21px !important;
  line-height:1.25 !important;
  text-decoration:none !important;
}

.gercan-product-modal__card .gercan-product__price{
  font-size:22px !important;
}

.gercan-product-modal__card .gercan-product__stock{
  font-size:13px !important;
}

.gercan-product-modal__close{
  position:fixed !important;
  z-index:2147483002 !important;
  top:18px !important;
  right:20px !important;
  width:44px !important;
  height:44px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#0b3768 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.2) !important;
  font-size:30px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  transition:transform 160ms ease, box-shadow 160ms ease !important;
}

.gercan-product-modal__close:hover{
  transform:scale(1.06) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.26) !important;
}

/* Anula la expansión antigua dentro del grid. */
.gercan-products .gercan-product.is-expanded{
  grid-column:auto !important;
  transform:none !important;
}

@media (max-width:767px){
  .gercan-product-modal__card{
    padding:20px 18px 24px !important;
    border-radius:10px !important;
  }
  .gercan-product-modal__close{
    top:10px !important;
    right:10px !important;
  }
}

/* v27 — ajustes finales del modal */
.gercan-product-modal__card{
  box-sizing:border-box !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:center center !important;
}

/* Quita completamente la animación hover cuando está expandido */
.gercan-product-modal .gercan-product.gercan-product-modal__card:hover,
.gercan-product-modal .gercan-product-modal__card:hover{
  transform:none !important;
  scale:1 !important;
}

/* X dentro de la ventana, sin círculo/óvalo */
.gercan-product-modal__close{
  position:absolute !important;
  top:10px !important;
  right:14px !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:2px 4px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0b3768 !important;
  font-size:30px !important;
  font-weight:400 !important;
  line-height:1 !important;
  cursor:pointer !important;
  transform:none !important;
}

.gercan-product-modal__close:hover,
.gercan-product-modal__close:focus{
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  color:#0065cc !important;
  outline:none !important;
}

/* Seguridad: nunca mostrar "Ver página completa" dentro del modal */
.gercan-product-modal__card .gercan-product__full-link{
  display:none !important;
}

/* El modal debe ocupar exactamente el tamaño calculado por JS, no el 100% del grid */
.gercan-product-modal__card{
  max-width:none !important;
  min-width:0 !important;
}

@media (max-width:767px){
  .gercan-product-modal__close{
    top:8px !important;
    right:10px !important;
    font-size:28px !important;
  }
}

/* v28 — ventana expandida más alta y sin scroll si el contenido cabe */
.gercan-product-modal__card{
  min-height:0 !important;
  max-height:calc(100vh - 24px) !important;
  overscroll-behavior:contain !important;
}

/* La animación del modal la controla Web Animations API; evitamos conflictos CSS. */
.gercan-product-modal__card{
  transition:box-shadow 220ms ease, opacity 180ms ease !important;
}

/* Sin hover de escala mientras está expandida */
.gercan-product-modal__card:hover{
  transform:none !important;
  scale:1 !important;
}

/* v29 — animación FLIP más fluida */
.gercan-product-modal__card{
  will-change:transform,opacity !important;
  transition:none !important;
  backface-visibility:hidden !important;
  -webkit-font-smoothing:antialiased;
}

.gercan-product-modal{
  transition:background 260ms ease,backdrop-filter 260ms ease !important;
}

.gercan-product-modal__card:hover{
  transform:none !important;
  scale:1 !important;
}

/* v30 opción 2 — descripción completa preservando el diseño de v29 */
.gercan-product-modal__card{
  max-width:calc(100vw - 32px) !important;
  max-height:calc(100vh - 20px) !important;
}

.gercan-product-modal__card .gercan-product__description-content{
  margin-top:8px !important;
  color:#53657a !important;
  line-height:1.55 !important;
  font-size:14px !important;
  text-align:left !important;
}

.gercan-product-modal__card .gercan-product__description-content p{
  margin:0 0 14px !important;
}

.gercan-product-modal__card .gercan-product__description-content img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:12px auto 18px !important;
}

.gercan-product-modal__card .gercan-product__description-content figure{
  max-width:100% !important;
  margin:12px auto 18px !important;
}

.gercan-product-modal__card .gercan-product__description-content figure img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
}

/* v31 — cierre continuo del modal */
.gercan-product-modal.is-closing{
  pointer-events:none !important;
}
.gercan-product-modal.is-closing .gercan-product-modal__card{
  will-change:transform,opacity !important;
}

/* v32 — SKU y Stock debajo del carrito, antes del divisor */
.gercan-product-modal__card .gercan-product__stock{
  display:none !important;
}

.gercan-product-modal__meta{
  order:7 !important;
  width:min(430px,100%) !important;
  margin:14px auto 10px !important;
  padding:0 !important;
}

.gercan-product-modal__meta .gercan-product__detail-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:4px 0 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  text-align:left !important;
}

.gercan-product-modal__meta .gercan-product__detail-row strong{
  color:#26384d !important;
  font-weight:700 !important;
}

.gercan-product-modal__meta .gercan-product__detail-row span{
  color:#53657a !important;
  text-align:right !important;
}

.gercan-product-modal__card .gercan-product__details{
  order:8 !important;
  margin-top:10px !important;
}

/* v33 — SKU izquierda y Stock derecha en el mismo renglón */
.gercan-product-modal__meta{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:28px !important;
  width:min(520px,100%) !important;
  margin:14px auto 10px !important;
}

.gercan-product-modal__meta .gercan-product__detail-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 0 !important;
  margin:0 !important;
  width:100% !important;
}

.gercan-product-modal__meta .gercan-product__detail-row--sku{
  justify-content:flex-start !important;
  text-align:left !important;
}

.gercan-product-modal__meta .gercan-product__detail-row--detail-stock{
  justify-content:flex-end !important;
  text-align:right !important;
}

.gercan-product-modal__meta .gercan-product__detail-row--sku span{
  text-align:left !important;
}

.gercan-product-modal__meta .gercan-product__detail-row--detail-stock span{
  text-align:right !important;
}

@media (max-width:520px){
  .gercan-product-modal__meta{
    grid-template-columns:1fr 1fr !important;
    column-gap:12px !important;
    width:100% !important;
  }

  .gercan-product-modal__meta .gercan-product__detail-row{
    font-size:12px !important;
  }
}

/* v34 — sugerencias predictivas de búsqueda */
.gercan-store__search{
  position:relative !important;
}

.gercan-search-suggestions{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:2147482000 !important;
  background:#fff !important;
  border:1px solid #d9e2ec !important;
  border-radius:10px !important;
  box-shadow:0 14px 34px rgba(12,35,63,.18) !important;
  overflow:hidden !important;
  max-height:420px !important;
  overflow-y:auto !important;
}

.gercan-search-suggestions[hidden]{
  display:none !important;
}

.gercan-search-suggestion{
  width:100% !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid #edf1f5 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#18324d !important;
  text-align:left !important;
  cursor:pointer !important;
  min-height:68px !important;
}

.gercan-search-suggestion:last-child{
  border-bottom:0 !important;
}

.gercan-search-suggestion:hover,
.gercan-search-suggestion.is-active{
  background:#f3f8ff !important;
}

.gercan-search-suggestion img{
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  background:#fff !important;
  border-radius:6px !important;
}

.gercan-search-suggestion__copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

.gercan-search-suggestion__copy strong{
  font-size:14px !important;
  line-height:1.25 !important;
  color:#0b3768 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.gercan-search-suggestion__copy small{
  font-size:11px !important;
  color:#718096 !important;
}

.gercan-search-suggestion__price{
  font-size:14px !important;
  font-weight:700 !important;
  color:#0b4c96 !important;
  white-space:nowrap !important;
}

@media (max-width:767px){
  .gercan-search-suggestions{
    top:calc(100% + 5px) !important;
    max-height:360px !important;
  }

  .gercan-search-suggestion{
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:9px !important;
    padding:9px 10px !important;
  }

  .gercan-search-suggestion img{
    width:44px !important;
    height:44px !important;
  }

  .gercan-search-suggestion__price{
    font-size:12px !important;
  }
}

/* v35 — ubicación en resultados y stock en autocompletado */
.gercan-product__location{
  order:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:4px 14px !important;
  width:100% !important;
  margin:2px 0 7px !important;
  font-size:11px !important;
  line-height:1.3 !important;
  color:#61758a !important;
  text-align:center !important;
}

.gercan-product__location strong{
  color:#29455f !important;
  font-weight:700 !important;
}

.gercan-search-suggestion__stock{
  display:block !important;
  margin-top:1px !important;
  font-size:11px !important;
  font-weight:600 !important;
}

.gercan-search-suggestion__stock.is-in{
  color:#167a3f !important;
}

.gercan-search-suggestion__stock.is-low{
  color:#a45b00 !important;
}

.gercan-search-suggestion__stock.is-out{
  color:#b42318 !important;
}

@media (max-width:767px){
  .gercan-product__location{
    gap:3px 8px !important;
    font-size:10px !important;
  }

  .gercan-search-suggestion__stock{
    font-size:10px !important;
  }
}

/* v37 — carrusel de imágenes en tarjeta expandida */
.gercan-sale-note{
  display:none !important;
}

.gercan-product-modal__card .gercan-product-carousel{
  order:2 !important;
  width:min(520px,100%) !important;
  margin:4px auto 12px !important;
  outline:none !important;
}

.gercan-product-carousel__stage{
  position:relative !important;
  width:100% !important;
  min-height:260px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.gercan-product-carousel__main{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:360px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

.gercan-product-carousel__arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  border:1px solid #d5e0ea !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.94) !important;
  color:#0b4c96 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.12) !important;
  font-size:22px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:3 !important;
}

.gercan-product-carousel__arrow--prev{
  left:8px !important;
}

.gercan-product-carousel__arrow--next{
  right:8px !important;
}

.gercan-product-carousel__arrow:hover{
  background:#f4f8ff !important;
  transform:translateY(-50%) !important;
}

.gercan-product-carousel__thumbs{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:10px !important;
}

.gercan-product-carousel__thumb{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  padding:3px !important;
  margin:0 !important;
  border:1px solid #d9e2ec !important;
  border-radius:7px !important;
  background:#fff !important;
  cursor:pointer !important;
  overflow:hidden !important;
}

.gercan-product-carousel__thumb.is-active{
  border:2px solid #0875e1 !important;
}

.gercan-product-carousel__thumb img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

@media (max-width:767px){
  .gercan-product-modal__card .gercan-product-carousel{
    width:100% !important;
  }

  .gercan-product-carousel__stage{
    min-height:210px !important;
  }

  .gercan-product-carousel__main{
    max-height:290px !important;
  }

  .gercan-product-carousel__arrow{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .gercan-product-carousel__thumb{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }
}

/* v38 — tarjetas expandidas más anchas para mejorar lectura */
.gercan-product-modal__card{
  max-width:calc(100vw - 32px) !important;
}

.gercan-product-modal__card .gercan-product__details-inner{
  width:100% !important;
  max-width:none !important;
}

.gercan-product-modal__card .gercan-product__description-content{
  max-width:none !important;
  width:100% !important;
}

.gercan-product-modal__card .gercan-product-modal__meta{
  width:min(720px,100%) !important;
}

.gercan-product-modal__card .gercan-product-carousel{
  width:min(620px,100%) !important;
}

@media (max-width:767px){
  .gercan-product-modal__card{
    max-width:calc(100vw - 20px) !important;
  }
}

/* v40 — imágenes del carrusel un poco más pequeñas */
.gercan-product-modal__card .gercan-product-carousel{
  width:min(540px,100%) !important;
}

.gercan-product-modal__card .gercan-product-carousel__stage{
  min-height:220px !important;
}

.gercan-product-modal__card .gercan-product-carousel__main{
  max-height:300px !important;
  max-width:92% !important;
}

.gercan-product-modal__card .gercan-product-carousel__thumbs{
  gap:6px !important;
  margin-top:8px !important;
}

.gercan-product-modal__card .gercan-product-carousel__thumb{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:2px !important;
}

@media (max-width:767px){
  .gercan-product-modal__card .gercan-product-carousel{
    width:min(460px,100%) !important;
  }

  .gercan-product-modal__card .gercan-product-carousel__stage{
    min-height:185px !important;
  }

  .gercan-product-modal__card .gercan-product-carousel__main{
    max-height:245px !important;
    max-width:90% !important;
  }

  .gercan-product-modal__card .gercan-product-carousel__thumb{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
}

/* v41 — altura fija de la ventana expandida */
.gercan-product-modal__card{
  box-sizing:border-box !important;
}

@media (min-width:768px) and (min-height:940px){
  .gercan-product-modal__card{
    height:920px !important;
    min-height:920px !important;
    max-height:920px !important;
  }
}

@media (max-height:939px) and (min-width:768px){
  .gercan-product-modal__card{
    height:calc(100vh - 20px) !important;
    min-height:calc(100vh - 20px) !important;
    max-height:calc(100vh - 20px) !important;
  }
}

@media (max-width:767px){
  .gercan-product-modal__card{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
  }
}

/* v42 — menos espacio entre SKU/Stock y la línea divisoria */
.gercan-product-modal__meta{
  margin-bottom:2px !important;
}

.gercan-product-modal__card .gercan-product__details{
  margin-top:2px !important;
}

.gercan-product-modal__card .gercan-product__details-inner{
  padding-top:10px !important;
}

/* v43 — compactar controles de compra y SKU/Stock */
.gercan-product-modal__card .gercan-buy-controls{
  margin-bottom:4px !important;
}

.gercan-product-modal__meta{
  margin-top:4px !important;
  margin-bottom:2px !important;
}

.gercan-product-modal__card .gercan-product__detail-row{
  padding-top:2px !important;
  padding-bottom:2px !important;
}

/* Mantiene SKU a la izquierda y Stock a la derecha, pero más cerca entre sí */
.gercan-product-modal__meta{
  width:min(620px,100%) !important;
}

/* v44 — carrito del modal idéntico a tarjeta normal + título estático */
.gercan-product-modal__card .gercan-add{
  height:31px !important;
  background:var(--gercan-blue) !important;
  border:0 !important;
  color:#fff !important;
  border-radius:6px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  box-shadow:none !important;
}

.gercan-product-modal__card .gercan-add--icon-only{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:8px !important;
}

/* El modal está fuera de .gercan-store, así que repetimos explícitamente
   el estilo SVG de las tarjetas normales para que el carrito sea blanco. */
.gercan-product-modal__card .gercan-add svg{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  color:#fff !important;
}

.gercan-product-modal__card .gercan-add .gercan-ui-icon{
  width:15px !important;
  height:15px !important;
  filter:brightness(0) invert(1) !important;
}

.gercan-product-modal__card .gercan-product__name--static{
  color:#073b79 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  line-height:1.14 !important;
  margin:1px 0 5px !important;
  font-size:21px !important;
  cursor:default !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  outline:none !important;
  box-shadow:none !important;
}

.gercan-product-modal__card .gercan-product__name--static:focus,
.gercan-product-modal__card .gercan-product__name--static:active{
  outline:none !important;
  box-shadow:none !important;
}

/* v45 — centrar perfectamente las flechas dentro de los círculos */
.gercan-product-carousel__arrow{
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
  padding:0 !important;
}

.gercan-product-carousel__arrow svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform:none !important;
}

/* v46 — quitar subrayado del botón de WhatsApp */
.gercan-whatsapp,
.gercan-whatsapp:hover,
.gercan-whatsapp:focus,
.gercan-whatsapp:active,
.gercan-whatsapp strong,
.gercan-whatsapp small{
  text-decoration:none !important;
}

/* v47 — animación hover completa para WhatsApp */
.gercan-whatsapp{
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
  text-decoration:none !important;
}

.gercan-whatsapp strong,
.gercan-whatsapp small,
.gercan-whatsapp svg,
.gercan-whatsapp .gercan-ui-icon{
  transition:color .18s ease, filter .18s ease, opacity .18s ease !important;
}

/* Al pasar el cursor, cambia el botón completo a blanco */
.gercan-whatsapp:hover,
.gercan-whatsapp:focus-visible{
  background:#fff !important;
  color:#12a84b !important;
  border-color:#12a84b !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  transform:translateY(-2px) scale(1.02) !important;
  text-decoration:none !important;
}

/* Evita que Astra/WordPress convierta únicamente el texto a azul */
.gercan-whatsapp:hover strong,
.gercan-whatsapp:hover small,
.gercan-whatsapp:focus-visible strong,
.gercan-whatsapp:focus-visible small{
  color:#12a84b !important;
  text-decoration:none !important;
}

.gercan-whatsapp:hover svg,
.gercan-whatsapp:focus-visible svg{
  color:#12a84b !important;
}

.gercan-whatsapp:hover .gercan-ui-icon,
.gercan-whatsapp:focus-visible .gercan-ui-icon{
  filter:none !important;
}

.gercan-whatsapp:active{
  transform:translateY(0) scale(.99) !important;
}

/* v48 — WhatsApp con forma de botón de pasillo y hover verde suave */
.gercan-whatsapp{
  border-radius:10px !important;
  overflow:hidden !important;
  background:#18b84f !important;
  border:1px solid #11983f !important;
}

/* Mantiene el botón verde en hover, solo baja la intensidad */
.gercan-whatsapp:hover,
.gercan-whatsapp:focus-visible{
  background:#49c96f !important;
  color:#fff !important;
  border-color:#2faa58 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
  transform:translateY(-2px) scale(1.02) !important;
}

/* Texto e icono permanecen blancos al pasar el cursor */
.gercan-whatsapp:hover strong,
.gercan-whatsapp:hover small,
.gercan-whatsapp:focus-visible strong,
.gercan-whatsapp:focus-visible small,
.gercan-whatsapp:hover svg,
.gercan-whatsapp:focus-visible svg{
  color:#fff !important;
}

.gercan-whatsapp:hover .gercan-ui-icon,
.gercan-whatsapp:focus-visible .gercan-ui-icon{
  filter:brightness(0) invert(1) !important;
}

/* v49 — borde blanco en WhatsApp + menos espacio superior del encabezado */
.gercan-whatsapp,
.gercan-whatsapp:hover,
.gercan-whatsapp:focus-visible{
  border-color:#fff !important;
}

/* Reduce el aire superior sobre logo, buscador y accesos de cuenta/carrito */
.gercan-store__topbar{
  height:88px !important;
  padding-top:6px !important;
  padding-bottom:10px !important;
}

@media(max-width:980px){
  .gercan-store__topbar{
    padding-top:8px !important;
    padding-bottom:10px !important;
  }
}

/* v50 — encabezado aún más compacto + verde de WhatsApp más intenso */
.gercan-store__topbar{
  height:78px !important;
  padding-top:2px !important;
  padding-bottom:6px !important;
}

.gercan-whatsapp{
  background:#10ad45 !important;
}

.gercan-whatsapp:hover,
.gercan-whatsapp:focus-visible{
  background:#36bf61 !important;
}

@media(max-width:980px){
  .gercan-store__topbar{
    padding-top:4px !important;
    padding-bottom:6px !important;
  }
}

/* v51 — encabezado todavía más compacto */
@media(min-width:981px){
  /* Compensa el espacio superior que deja el contenedor de la página */
  .gercan-store{
    margin-top:-28px !important;
  }

  .gercan-store__topbar{
    height:68px !important;
    padding-top:0 !important;
    padding-bottom:2px !important;
  }

  .gercan-store__brand{
    height:50px !important;
  }

  .gercan-store__search,
  .gercan-store__search input,
  .gercan-store__search > button{
    height:44px !important;
  }
}

@media(max-width:980px){
  .gercan-store{
    margin-top:-12px !important;
  }

  .gercan-store__topbar{
    padding-top:2px !important;
    padding-bottom:4px !important;
  }
}

/* v52 — Ofertas crece según la cantidad de productos, sin scroll interno */
.gercan-products.gercan-products--offers{
  height:auto !important;
  max-height:none !important;
  overflow-y:visible !important;
  overflow-x:visible !important;
  overscroll-behavior:auto !important;
  scrollbar-width:none !important;
}

.gercan-products.gercan-products--offers::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

/* v53 — la tienda visual permanece visible al hacer scroll */
.gercan-store{
  overflow:visible !important;
}

/* La imagen de la tienda con pasillos y WhatsApp queda fija mientras
   se recorren productos, categorías, ofertas o resultados. */
.gercan-store__visual{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  box-shadow:0 6px 18px rgba(8,35,68,.10) !important;
}

/* Cuando WordPress muestra la barra de administración, evitamos que
   la tienda sticky quede escondida debajo de ella. */
body.admin-bar .gercan-store__visual{
  top:32px !important;
}

@media(max-width:782px){
  body.admin-bar .gercan-store__visual{
    top:46px !important;
  }
}

/* El panel de productos pasa por debajo de la tienda fija. */
.gercan-store__panel{
  position:relative !important;
  z-index:4 !important;
}

/* v56 — autocompletado de búsqueda siempre por encima de la imagen de la tienda */
.gercan-store__topbar{
  position:relative !important;
  z-index:120 !important;
  overflow:visible !important;
}

.gercan-store__search{
  position:relative !important;
  z-index:121 !important;
  overflow:visible !important;
}

.gercan-search-suggestions{
  z-index:2147483000 !important;
  overflow-x:hidden !important;
}

/* La imagen de la tienda queda por debajo del encabezado y del desplegable de búsqueda. */
.gercan-store__visual{
  z-index:40 !important;
}

/* v57 — logo GERCAN en páginas WooCommerce/Astra */
.woocommerce .site-branding .custom-logo-link,
.woocommerce-page .site-branding .custom-logo-link{
  display:inline-flex !important;
  align-items:center !important;
}

.woocommerce .site-branding .custom-logo,
.woocommerce-page .site-branding .custom-logo{
  width:auto !important;
  max-width:220px !important;
  max-height:54px !important;
  object-fit:contain !important;
}

/* v58 — la cabecera WooCommerce se estiliza mediante CSS dinámico en wp_head. */

/* v59 — Carrito/Mi cuenta: cabecera limpia y pie editable */

body.woocommerce-cart .site-footer a,
body.woocommerce-account .site-footer a{
  text-decoration:none !important;
}

/* v60 — footer configurable en Carrito / Mi cuenta */
body.woocommerce-cart .site-footer .ast-footer-copyright,
body.woocommerce-account .site-footer .ast-footer-copyright,
body.woocommerce-cart .site-footer .site-info,
body.woocommerce-account .site-footer .site-info,
body.woocommerce-cart .site-footer .ast-builder-html-element,
body.woocommerce-account .site-footer .ast-builder-html-element{
  width:100% !important;
}

/* v61 — los colores individuales de cada pasillo usan sus variables locales */
.gercan-dept{
  background:var(--gercan-local-bg,var(--gercan-dept-bg)) !important;
  border-color:var(--gercan-local-border,var(--gercan-dept-border)) !important;
  color:var(--gercan-local-text,var(--gercan-dept-text)) !important;
}

.gercan-dept.is-active{
  background:var(--gercan-local-active-bg,var(--gercan-dept-active-bg)) !important;
  border-color:var(--gercan-local-active-border,var(--gercan-dept-active-border)) !important;
  color:var(--gercan-local-active-text,var(--gercan-dept-active-text)) !important;
}

.gercan-dept svg,
.gercan-dept .gercan-dept-custom-icon{
  color:var(--gercan-local-icon,var(--gercan-dept-icon)) !important;
}

.gercan-dept.is-active svg,
.gercan-dept.is-active .gercan-dept-custom-icon{
  color:var(--gercan-local-active-icon,var(--gercan-dept-active-icon)) !important;
}

/* v62 — evita el destello del copyright original de Astra */

/* v63 — Finalizar compra usa la misma cabecera y footer que Carrito/Mi cuenta */
body.woocommerce-checkout .site-footer .ast-footer-copyright,
body.woocommerce-checkout .site-footer .site-info,
body.woocommerce-checkout .site-footer .ast-builder-html-element{
  width:100% !important;
}

/* v64 — ajuste dinámico de métodos de envío WooCommerce */


/* v66 — Mi cuenta: menú horizontal arriba, título debajo y contenido a todo lo ancho */
body.woocommerce-account .site-main{
  padding-top:34px !important;
  padding-bottom:56px !important;
}

body.woocommerce-account .entry-content{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
}

body.woocommerce-account .woocommerce{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  align-items:stretch !important;
  width:100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation{
  order:1 !important;
  float:none !important;
  width:100% !important;
  margin:0 !important;
  padding:8px !important;
  background:#fff !important;
  border:1px solid #dbe4ee !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(16,43,76,.06) !important;
  overflow:visible !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  flex:1 1 auto !important;
  min-width:130px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li + li{
  margin-top:0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 14px !important;
  border-radius:10px !important;
  color:#17385f !important;
  background:transparent !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:#eef6ff !important;
  color:#0b70df !important;
  transform:translateY(-1px) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#0b70df !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(11,112,223,.20) !important;
}

body.woocommerce-account .woocommerce > .entry-header{
  order:2 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:4px 0 0 !important;
  padding:0 !important;
}

body.woocommerce-account .woocommerce > .entry-header .entry-title{
  margin:0 !important;
  font-size:32px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  color:#092f5f !important;
  letter-spacing:-.02em !important;
}

body.woocommerce-account .woocommerce-MyAccount-content{
  order:3 !important;
  float:none !important;
  width:100% !important;
  min-height:320px !important;
  margin:0 !important;
  padding:28px 30px !important;
  background:#fff !important;
  border:1px solid #dbe4ee !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(16,43,76,.06) !important;
  color:#3f536b !important;
  font-size:15px !important;
  line-height:1.7 !important;
  box-sizing:border-box !important;
}

/* Evita que los botones queden con texto azul sobre fondo azul. */
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button.button,
body.woocommerce-account .woocommerce-MyAccount-content input.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button{
  background:#0b70df !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  min-height:42px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content input.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover{
  background:#075fbe !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* Direcciones: evita columnas demasiado angostas. */
body.woocommerce-account .woocommerce-Addresses{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

body.woocommerce-account .woocommerce-Address{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:20px !important;
  border:1px solid #dbe4ee !important;
  border-radius:14px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

body.woocommerce-account .woocommerce-Address-title h2{
  font-size:21px !important;
  line-height:1.25 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media(max-width:900px){
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    min-width:0 !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    white-space:normal !important;
    text-align:center !important;
  }
}

@media(max-width:767px){
  body.woocommerce-account .entry-content{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.woocommerce-account .woocommerce > .entry-header .entry-title{
    font-size:27px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content{
    padding:20px 18px !important;
    min-height:0 !important;
  }

  body.woocommerce-account .woocommerce-Addresses{
    grid-template-columns:1fr !important;
  }
}

/* v67 — Mi cuenta: 5 pestañas horizontales, título debajo y contenido al final */
body.woocommerce-account .woocommerce{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation{
  order:1 !important;
  width:100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Ocultamos Direcciones del menú superior, sin desactivar la función de WooCommerce. */
body.woocommerce-account .woocommerce-MyAccount-navigation a{
  width:100% !important;
  min-height:46px !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
}

body.woocommerce-account .woocommerce > .entry-header{
  order:2 !important;
  width:100% !important;
  margin:2px 0 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content{
  order:3 !important;
  width:100% !important;
}

/* En tablet conserva una fila si hay espacio; en móvil pasa a dos columnas. */
@media(max-width:900px){
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    font-size:13px !important;
    white-space:normal !important;
  }
}

@media(max-width:767px){
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

}

/* v70 — control del saludo secundario de Mi cuenta */

/* v71 — espaciado superior de Mi cuenta ajustado en estilos dinámicos */

/* v73 — Direcciones de facturación y envío lado a lado en escritorio */

/* v74 — Direcciones lado a lado reforzado desde estilos dinámicos y JS */

/* v75 — orden: envío primero, facturación después; enlaces Editar como botones */

/* v76 — logo de Carrito/Mi cuenta alineado como en Inicio */

/* v79 — Escritorio: Mi cuenta y Carrito como iconos compactos.
   Al pasar el cursor, el botón se expande y muestra el texto dentro. Móvil sin cambios. */
@media(min-width:981px){
  .gercan-store__account{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
  }

  .gercan-store__account > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    padding:0 10px !important;
    border:1px solid #d8e5f3 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#0b63c7 !important;
    text-decoration:none !important;
    box-shadow:0 4px 12px rgba(14,59,103,.08) !important;
    overflow:visible !important;
    transition:
      width .22s ease,
      padding .22s ease,
      gap .22s ease,
      transform .18s ease,
      box-shadow .18s ease,
      background .18s ease !important;
    box-sizing:border-box !important;
  }

  .gercan-store__account > a:hover,
  .gercan-store__account > a:focus-visible{
    width:122px !important;
    padding:0 12px !important;
    gap:8px !important;
    transform:translateY(-2px) !important;
    box-shadow:0 8px 18px rgba(14,59,103,.14) !important;
    background:#f7fbff !important;
    color:#0b63c7 !important;
  }

  .gercan-store__account > a > span{
    position:static !important;
    display:block !important;
    max-width:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    color:#0b63c7 !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    transform:none !important;
    pointer-events:none !important;
    transition:max-width .22s ease, opacity .15s ease !important;
  }

  .gercan-store__account > a:hover > span,
  .gercan-store__account > a:focus-visible > span{
    max-width:76px !important;
    opacity:1 !important;
  }

  .gercan-store__account > a svg,
  .gercan-store__account > a .gercan-ui-icon{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
  }

  .gercan-store__account .gercan-cart-count{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#0b70df !important;
    color:#fff !important;
    border:2px solid #fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
}


/* v80 — El contador del carrito queda completamente visible fuera del botón. */
@media(min-width:981px){
  .gercan-store__account .gercan-cart-link{
    overflow:visible !important;
  }
  .gercan-store__account .gercan-cart-count{
    z-index:10 !important;
  }
}


/* v81 — Campana y ventana flotante de notificaciones (solo escritorio actual) */
@media(min-width:981px){
  .gercan-notifications{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .gercan-notification-trigger{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    padding:0 10px !important;
    border:1px solid #d8e5f3 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#0b63c7 !important;
    box-shadow:0 4px 12px rgba(14,59,103,.08) !important;
    overflow:visible !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    transition:width .22s ease,padding .22s ease,gap .22s ease,transform .18s ease,box-shadow .18s ease,background .18s ease !important;
  }

  .gercan-notification-trigger:hover,
  .gercan-notification-trigger:focus-visible{
    width:142px !important;
    padding:0 12px !important;
    gap:8px !important;
    transform:translateY(-2px) !important;
    box-shadow:0 8px 18px rgba(14,59,103,.14) !important;
    background:#f7fbff !important;
  }

  .gercan-notification-trigger > span{
    display:block !important;
    max-width:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    color:#0b63c7 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    transition:max-width .22s ease,opacity .15s ease !important;
  }

  .gercan-notification-trigger:hover > span,
  .gercan-notification-trigger:focus-visible > span{
    max-width:90px !important;
    opacity:1 !important;
  }

  .gercan-notification-trigger svg,
  .gercan-notification-trigger .gercan-ui-icon{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
  }

  .gercan-notification-count{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#ef2b2d !important;
    color:#fff !important;
    border:2px solid #fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
    z-index:20 !important;
    box-sizing:border-box !important;
  }

  .gercan-notification-count[hidden]{
    display:none !important;
  }

  .gercan-notification-popover{
    position:absolute !important;
    top:58px !important;
    right:0 !important;
    width:390px !important;
    max-height:480px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #d8e5f3 !important;
    border-radius:16px !important;
    box-shadow:0 18px 48px rgba(13,46,82,.22) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-8px) scale(.98) !important;
    transform-origin:top right !important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
    z-index:2147483500 !important;
  }

  .gercan-notification-popover.is-open{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) scale(1) !important;
  }

  .gercan-notification-popover__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:15px 16px !important;
    border-bottom:1px solid #e6eef7 !important;
    color:#073568 !important;
  }

  .gercan-notification-popover__head strong{
    font-size:16px !important;
    font-weight:800 !important;
  }

  .gercan-notification-close{
    width:30px !important;
    height:30px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#f1f6fb !important;
    color:#31577f !important;
    font-size:22px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .gercan-notification-list{
    max-height:410px !important;
    overflow-y:auto !important;
    padding:8px !important;
  }

  .gercan-notification-item{
    position:relative !important;
    padding:14px 14px 13px 16px !important;
    border-radius:12px !important;
    border:1px solid transparent !important;
    background:#fff !important;
  }

  .gercan-notification-item + .gercan-notification-item{
    margin-top:7px !important;
  }

  .gercan-notification-item.is-unread{
    background:#f4f9ff !important;
    border-color:#d9eaff !important;
  }

  .gercan-notification-item.is-unread::before{
    content:"" !important;
    position:absolute !important;
    left:6px !important;
    top:18px !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#0b70df !important;
  }

  .gercan-notification-item h4{
    margin:0 0 6px !important;
    color:#073568 !important;
    font-size:14px !important;
    font-weight:800 !important;
  }

  .gercan-notification-item p{
    margin:0 !important;
    color:#526d89 !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .gercan-notification-action{
    display:inline-flex !important;
    margin-top:10px !important;
    padding:7px 11px !important;
    border-radius:8px !important;
    background:#0b70df !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:12px !important;
    font-weight:800 !important;
  }

  .gercan-notification-action:hover{
    background:#075fbf !important;
    color:#fff !important;
  }

  .gercan-notification-empty{
    margin:0 !important;
    padding:22px 16px !important;
    color:#6a7f96 !important;
    text-align:center !important;
    font-size:13px !important;
  }
}


/* v82 — X centrada y tarjeta completa de notificación */
@media(min-width:981px){
  .gercan-notification-close{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    text-align:center !important;
    font-family:Arial,sans-serif !important;
  }

  .gercan-notification-item{
    cursor:pointer !important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
  }

  .gercan-notification-item:hover,
  .gercan-notification-item:focus-visible{
    background:#eef6ff !important;
    border-color:#c9e1fb !important;
    outline:none !important;
    transform:translateY(-1px) !important;
  }

  /* En la lista mostramos un resumen; la tarjeta muestra el mensaje completo. */
  .gercan-notification-item > p{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .gercan-notification-item > .gercan-notification-action{
    display:none !important;
  }

  .gercan-notification-detail-overlay{
    position:fixed !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:28px !important;
    background:rgba(6,28,52,.34) !important;
    backdrop-filter:blur(3px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .18s ease,visibility .18s ease !important;
    z-index:2147483640 !important;
  }

  .gercan-notification-detail-overlay.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .gercan-notification-detail-card{
    position:relative !important;
    width:min(520px,calc(100vw - 56px)) !important;
    max-height:min(620px,calc(100vh - 70px)) !important;
    overflow:auto !important;
    padding:32px 32px 28px !important;
    border:1px solid #d7e4f2 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 30px 80px rgba(6,32,61,.28) !important;
    transform:translateY(12px) scale(.98) !important;
    transition:transform .2s ease !important;
    box-sizing:border-box !important;
  }

  .gercan-notification-detail-overlay.is-open .gercan-notification-detail-card{
    transform:translateY(0) scale(1) !important;
  }

  .gercan-notification-detail-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:9px !important;
    background:#f0f5fa !important;
    color:#244c74 !important;
    font-family:Arial,sans-serif !important;
    font-size:24px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .gercan-notification-detail-close:hover{
    background:#e2edf7 !important;
  }

  .gercan-notification-detail-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    margin-bottom:18px !important;
    border-radius:13px !important;
    background:#eef6ff !important;
    color:#0b70df !important;
  }

  .gercan-notification-detail-icon svg,
  .gercan-notification-detail-icon .gercan-ui-icon{
    width:25px !important;
    height:25px !important;
  }

  .gercan-notification-detail-card h3{
    margin:0 44px 12px 0 !important;
    color:#073568 !important;
    font-size:23px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
  }

  .gercan-notification-detail-message{
    color:#4e6882 !important;
    font-size:15px !important;
    line-height:1.65 !important;
    white-space:pre-wrap !important;
  }

  .gercan-notification-detail-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:22px !important;
    min-height:42px !important;
    padding:0 18px !important;
    border-radius:10px !important;
    background:#0b70df !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:800 !important;
  }

  .gercan-notification-detail-action:hover{
    background:#075fbf !important;
    color:#fff !important;
  }
}


/* v83 — imágenes en notificaciones y corrección del botón azul vacío */
@media(min-width:981px){
  .gercan-notification-item{
    display:flex !important;
    align-items:flex-start !important;
    gap:11px !important;
  }

  .gercan-notification-item__copy{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .gercan-notification-item__copy > p{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .gercan-notification-thumb{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    object-fit:cover !important;
    border-radius:9px !important;
    border:1px solid #dce8f3 !important;
    background:#f5f8fb !important;
  }

  .gercan-notification-detail-image{
    width:100% !important;
    max-height:280px !important;
    object-fit:cover !important;
    border-radius:14px !important;
    margin:0 0 20px !important;
    border:1px solid #dbe6f0 !important;
  }

  .gercan-notification-detail-action{
    display:none !important;
  }

  .gercan-notification-detail-action[href]{
    display:inline-flex !important;
  }
}


/* v84 — CTA visible dentro de la tarjeta completa de notificación */
@media(min-width:981px){
  .gercan-notification-detail-action[href]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:124px !important;
    min-height:44px !important;
    padding:0 20px !important;
    margin-top:24px !important;
    border-radius:10px !important;
    background:#0b70df !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:0 8px 18px rgba(11,112,223,.20) !important;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease !important;
  }

  .gercan-notification-detail-action[href]:hover{
    transform:translateY(-1px) !important;
    background:#075fbf !important;
    box-shadow:0 10px 22px rgba(11,112,223,.26) !important;
    color:#fff !important;
  }
}


/* v88 — Las tarjetas de categorías/pasillos crecen como las tarjetas de producto */
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .gercan-category-strip > *{
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      background-color .18s ease !important;
    transform-origin:center !important;
    position:relative !important;
  }

  .gercan-category-strip > *:hover{
    transform:scale(1.03) !important;
    z-index:20 !important;
    box-shadow:0 10px 22px rgba(8,48,92,.12) !important;
  }
}


/* v89 — Hover limpio: solo crecimiento, sin sombreado azul */
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  /* Subcategorías/categorías */
  .gercan-category-strip > *{
    transition:transform .18s ease !important;
    transform-origin:center !important;
    position:relative !important;
  }

  .gercan-category-strip > *:hover{
    transform:scale(1.03) !important;
    z-index:20 !important;
    box-shadow:none !important;
  }

  /* Botones principales de pasillos */
  .gercan-dept{
    transition:transform .18s ease !important;
    transform-origin:center !important;
  }

  .gercan-dept:hover{
    transform:scale(1.03) !important;
    box-shadow:none !important;
  }

  /* Herramientas ya tenía una traslación propia en escritorio:
     conservarla y sumar el crecimiento. */
  .gercan-dept--herramientas:hover{
    transform:translateX(-10%) scale(1.03) !important;
  }
}


/* v90 — Hover definitivo: solo crecimiento, sin sombreado/cambio de color */
@media(min-width:981px) and (hover:hover) and (pointer:fine){

  /* Categorías: conservar exactamente su color normal/activo y solo crecer */
  .gercan-category:not(.is-active):hover,
  .gercan-category:not(.is-active):focus-visible{
    transform:scale(1.03) !important;
    background:#fff !important;
    border-color:var(--gercan-line) !important;
    color:#123b6a !important;
    box-shadow:none !important;
    outline:none !important;
  }

  .gercan-category.is-active:hover,
  .gercan-category.is-active:focus-visible{
    transform:scale(1.03) !important;
    background:#f4f9ff !important;
    border-color:var(--gercan-blue) !important;
    color:#005dc4 !important;
    box-shadow:none !important;
    outline:none !important;
  }

  /* Pasillos principales: solo crecimiento */
  .gercan-dept:hover,
  .gercan-dept:focus-visible{
    box-shadow:none !important;
  }

  .gercan-dept--electricidad:hover,
  .gercan-dept--electricidad:focus-visible,
  .gercan-dept--iluminacion:hover,
  .gercan-dept--iluminacion:focus-visible,
  .gercan-dept--accesorios-electricos:hover,
  .gercan-dept--accesorios-electricos:focus-visible{
    transform:scale(1.03) !important;
  }

  .gercan-dept--offer:hover,
  .gercan-dept--offer:focus-visible{
    transform:translateX(-50%) scale(1.03) !important;
  }

  .gercan-dept--herramientas:hover,
  .gercan-dept--herramientas:focus-visible{
    transform:scale(1.03) !important;
  }

  /* WhatsApp: conserva exactamente el verde y solo crece */
  .gercan-whatsapp:hover,
  .gercan-whatsapp:focus-visible{
    transform:scale(1.03) !important;
    background:#10ad45 !important;
    color:#fff !important;
    border-color:#fff !important;
    box-shadow:none !important;
  }

  .gercan-whatsapp:hover strong,
  .gercan-whatsapp:hover small,
  .gercan-whatsapp:focus-visible strong,
  .gercan-whatsapp:focus-visible small,
  .gercan-whatsapp:hover svg,
  .gercan-whatsapp:focus-visible svg{
    color:#fff !important;
  }

  .gercan-whatsapp:hover .gercan-ui-icon,
  .gercan-whatsapp:focus-visible .gercan-ui-icon{
    filter:brightness(0) invert(1) !important;
  }
}

/* En el ancho donde Herramientas lleva translateX(-10%), conservarlo al crecer */
@media(min-width:981px) and (max-width:1280px) and (hover:hover) and (pointer:fine){
  .gercan-dept--herramientas:hover,
  .gercan-dept--herramientas:focus-visible{
    transform:translateX(-10%) scale(1.03) !important;
  }
}


/* v91 — Contador del carrito dentro del botón, junto al icono */
@media(min-width:981px){
  .gercan-store__account .gercan-cart-link{
    position:relative !important;
    overflow:visible !important;
  }

  .gercan-store__account .gercan-cart-count{
    top:4px !important;
    right:4px !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 4px !important;
    border:0 !important;
    font-size:10px !important;
    z-index:12 !important;
    box-shadow:none !important;
  }

  .gercan-store__account .gercan-cart-link:hover .gercan-cart-count,
  .gercan-store__account .gercan-cart-link:focus-visible .gercan-cart-count{
    right:6px !important;
  }
}


/* v92 — Colores de WhatsApp configurables desde GERCAN Store */
.gercan-whatsapp{
  background:var(--gercan-whatsapp-bg,#10ad45) !important;
  border-color:var(--gercan-whatsapp-border,#fff) !important;
  color:var(--gercan-whatsapp-text,#fff) !important;
}

.gercan-whatsapp strong,
.gercan-whatsapp small,
.gercan-whatsapp svg{
  color:var(--gercan-whatsapp-text,#fff) !important;
}

@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .gercan-whatsapp:hover,
  .gercan-whatsapp:focus-visible{
    background:var(--gercan-whatsapp-hover-bg,#10ad45) !important;
    border-color:var(--gercan-whatsapp-hover-border,#fff) !important;
    color:var(--gercan-whatsapp-hover-text,#fff) !important;
    box-shadow:none !important;
    transform:scale(1.03) !important;
  }

  .gercan-whatsapp:hover strong,
  .gercan-whatsapp:hover small,
  .gercan-whatsapp:focus-visible strong,
  .gercan-whatsapp:focus-visible small,
  .gercan-whatsapp:hover svg,
  .gercan-whatsapp:focus-visible svg{
    color:var(--gercan-whatsapp-hover-text,#fff) !important;
  }
}


/* v93 — La imagen personalizada de WhatsApp se conserva exactamente como fue subida */
.gercan-whatsapp .gercan-ui-icon{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  transition:none !important;
}

.gercan-whatsapp:hover .gercan-ui-icon,
.gercan-whatsapp:focus-visible .gercan-ui-icon,
.gercan-whatsapp:active .gercan-ui-icon{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}

/* El SVG integrado sí puede seguir el color configurable del texto. */
.gercan-whatsapp svg{
  color:var(--gercan-whatsapp-text,#fff) !important;
}

@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .gercan-whatsapp:hover svg,
  .gercan-whatsapp:focus-visible svg{
    color:var(--gercan-whatsapp-hover-text,#fff) !important;
  }
}


/* v94 — Geometría fija para TODAS las tarjetas de producto en escritorio/tablet.
   Ninguna tarjeta cambia de altura por imagen, título, categoría, stock o contenido. */
@media(min-width:768px){

  .gercan-products > .gercan-product{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:10px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /* Zona de imagen siempre idéntica, incluso cuando WooCommerce usa placeholder. */
  .gercan-products > .gercan-product > .gercan-product__image{
    flex:0 0 104px !important;
    width:100% !important;
    height:104px !important;
    min-height:104px !important;
    max-height:104px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 4px !important;
    overflow:hidden !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image img{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* Cuerpo con filas reservadas: si falta un elemento, su espacio permanece. */
  .gercan-products > .gercan-product > .gercan-product__body{
    flex:1 1 auto !important;
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:
      40px   /* nombre */
      46px   /* pasillo / categoría */
      18px   /* rating reservado */
      32px   /* precio */
      30px   /* stock */
      46px   /* cantidad + carrito */
      0px    /* detalles cerrados */
      !important;
    align-content:start !important;
    justify-items:stretch !important;
    align-items:center !important;
    row-gap:0 !important;
    overflow:visible !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__name{
    grid-row:1 !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 3px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    align-self:center !important;
    text-align:center !important;
    line-height:1.15 !important;
    box-sizing:border-box !important;
  }

  .gercan-products > .gercan-product .gercan-product__location{
    grid-row:2 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:2px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:2px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__location span{
    width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .gercan-products > .gercan-product .gercan-product__rating{
    grid-row:3 !important;
    width:100% !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    margin:0 !important;
    align-self:center !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__price{
    grid-row:4 !important;
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__stock{
    grid-row:5 !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-buy-controls{
    grid-row:6 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:72px !important;
    overflow:visible !important;
    align-self:center !important;
  }

  .gercan-products > .gercan-product .gercan-qty-wrap{
    flex:0 0 64px !important;
    width:64px !important;
    height:38px !important;
    margin:0 !important;
  }

  .gercan-products > .gercan-product .gercan-qty{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .gercan-products > .gercan-product .gercan-add--icon-only{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
  }

  .gercan-products > .gercan-product .gercan-out{
    grid-row:6 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  /* Los detalles internos siguen existiendo para el modal, pero nunca alteran el grid. */
  .gercan-products > .gercan-product .gercan-product__details{
    grid-row:7 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
}


/* v95 — Orden fijo definitivo de tarjeta:
   Título → Imagen → Pasillo/Categoría → Rating → Precio → Stock → Compra */
@media(min-width:768px){

  .gercan-products > .gercan-product{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:
      40px   /* título */
      104px  /* imagen */
      46px   /* pasillo / categoría */
      18px   /* rating reservado */
      32px   /* precio */
      30px   /* stock */
      46px   /* cantidad + carrito */
      0px    /* detalles cerrados */
      !important;
    align-content:start !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:0 !important;
    padding:10px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /* Hace que los hijos del body participen directamente en el grid de la tarjeta. */
  .gercan-products > .gercan-product > .gercan-product__body{
    display:contents !important;
  }

  .gercan-products > .gercan-product .gercan-product__name{
    grid-row:1 !important;
    order:unset !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 3px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    align-self:center !important;
    text-align:center !important;
    line-height:1.15 !important;
    box-sizing:border-box !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image{
    grid-row:2 !important;
    order:unset !important;
    width:100% !important;
    height:104px !important;
    min-height:104px !important;
    max-height:104px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image img{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    object-fit:contain !important;
    display:block !important;
  }

  .gercan-products > .gercan-product .gercan-product__location{
    grid-row:3 !important;
    order:unset !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:2px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:2px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__rating{
    grid-row:4 !important;
    order:unset !important;
    width:100% !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    margin:0 !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__price{
    grid-row:5 !important;
    order:unset !important;
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .gercan-products > .gercan-product .gercan-product__stock{
    grid-row:6 !important;
    order:unset !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .gercan-products > .gercan-product .gercan-buy-controls{
    grid-row:7 !important;
    order:unset !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:72px !important;
    overflow:visible !important;
  }

  .gercan-products > .gercan-product .gercan-out{
    grid-row:7 !important;
    order:unset !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .gercan-products > .gercan-product .gercan-product__details{
    grid-row:8 !important;
    order:unset !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
}


/* v96 — Tarjetas: menos espacio entre título e imagen + texto ligeramente mayor */
@media(min-width:768px){

  /* Ajusta las dos primeras filas sin alterar la altura total de la tarjeta. */
  .gercan-products > .gercan-product{
    grid-template-rows:
      34px   /* título */
      110px  /* imagen */
      46px   /* pasillo / categoría */
      18px   /* rating reservado */
      32px   /* precio */
      30px   /* stock */
      46px   /* cantidad + carrito */
      0px
      !important;
  }

  .gercan-products > .gercan-product .gercan-product__name{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    font-size:15px !important;
    line-height:1.08 !important;
    padding:0 3px !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image{
    height:110px !important;
    min-height:110px !important;
    max-height:110px !important;
    align-items:flex-start !important;
    padding-top:2px !important;
    box-sizing:border-box !important;
  }

  .gercan-products > .gercan-product .gercan-product__location{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .gercan-products > .gercan-product .gercan-product__price{
    font-size:19px !important;
  }

  .gercan-products > .gercan-product .gercan-product__stock{
    font-size:13px !important;
  }

  .gercan-products > .gercan-product .gercan-qty{
    font-size:14px !important;
  }
}

/* v97 — Ofertas usa el mismo contenedor con scroll interno que los demás pasillos.
   El listado se desplaza dentro de un área fija, sin empujar el resto de la página. */
@media(min-width:981px){
  .gercan-products.gercan-products--offers{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
    overflow-y:auto !important;
    overflow-x:visible !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:#0b72dd #edf5fd !important;
  }

  .gercan-products.gercan-products--offers::-webkit-scrollbar{
    display:block !important;
    width:8px !important;
    height:auto !important;
  }

  .gercan-products.gercan-products--offers::-webkit-scrollbar-track{
    background:#edf5fd !important;
    border-radius:8px !important;
  }

  .gercan-products.gercan-products--offers::-webkit-scrollbar-thumb{
    background:#0b72dd !important;
    border-radius:8px !important;
  }
}


/* v98 — Todos los pasillos se comportan como Ofertas:
   sin scroll general de página y con scroll interno únicamente en productos. */
@media(min-width:981px){

  html:has(body.gercan-store-lock-scroll),
  body.gercan-store-lock-scroll{
    height:100% !important;
    overflow-y:hidden !important;
  }

  body.gercan-store-lock-scroll .gercan-store{
    height:100vh !important;
    min-height:0 !important;
    max-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  body.admin-bar.gercan-store-lock-scroll .gercan-store{
    height:calc(100vh - 32px) !important;
    max-height:calc(100vh - 32px) !important;
  }

  body.gercan-store-lock-scroll .gercan-store__topbar{
    flex:0 0 68px !important;
  }

  body.gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 286px !important;
    height:286px !important;
    min-height:286px !important;
    max-height:286px !important;
  }

  body.gercan-store-lock-scroll .gercan-store__panel{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding-bottom:10px !important;
  }

  body.gercan-store-lock-scroll .gercan-store__panel-header,
  body.gercan-store-lock-scroll .gercan-category-nav,
  body.gercan-store-lock-scroll .gercan-products-head{
    flex:0 0 auto !important;
  }

  /* Todas las zonas de productos, incluida Ofertas, consumen solamente
     el espacio restante del panel y hacen scroll dentro de sí mismas. */
  body.gercan-store-lock-scroll .gercan-products,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:visible !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:#0b72dd #edf5fd !important;
  }

  body.gercan-store-lock-scroll .gercan-products::-webkit-scrollbar,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers::-webkit-scrollbar{
    display:block !important;
    width:8px !important;
  }

  body.gercan-store-lock-scroll .gercan-products::-webkit-scrollbar-track,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers::-webkit-scrollbar-track{
    background:#edf5fd !important;
    border-radius:8px !important;
  }

  body.gercan-store-lock-scroll .gercan-products::-webkit-scrollbar-thumb,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers::-webkit-scrollbar-thumb{
    background:#0b72dd !important;
    border-radius:8px !important;
  }
}

/* WordPress usa una barra de administración de 46 px en anchos menores.
   Este bloque sigue siendo escritorio/tablet grande y no cambia el layout móvil del plugin. */
@media(min-width:981px) and (max-width:1100px){
  body.admin-bar.gercan-store-lock-scroll .gercan-store{
    height:calc(100vh - 32px) !important;
    max-height:calc(100vh - 32px) !important;
  }
}


/* v100 — Base v98. Todos los pasillos/categorías usan el ancho máximo posible,
   igual que Ofertas. No se modifica el alto ni el comportamiento de scroll de v98. */
@media(min-width:981px){

  body.gercan-store-lock-scroll .gercan-store__panel{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:clamp(22px,3vw,52px) !important;
    padding-right:clamp(22px,3vw,52px) !important;
    box-sizing:border-box !important;
  }

  body.gercan-store-lock-scroll .gercan-store__panel-header,
  body.gercan-store-lock-scroll .gercan-category-nav,
  body.gercan-store-lock-scroll .gercan-category-strip,
  body.gercan-store-lock-scroll .gercan-products-head,
  body.gercan-store-lock-scroll .gercan-products,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Aprovecha el ancho disponible para las columnas de productos. */
  body.gercan-store-lock-scroll .gercan-products,
  body.gercan-store-lock-scroll .gercan-products.gercan-products--offers{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
}


/* v101 — Logo GERCAN 100 px hacia la izquierda en todas las vistas de escritorio */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,3px) !important;
  }

  body.woocommerce-page .custom-logo-link,
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-checkout .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    transform:translate(-90px,3px) !important;
  }
}


/* v105 — Misma posición del logo GERCAN en todas las páginas de escritorio */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,3px) !important;
  }

  body .custom-logo-link{
    transform:translate(-90px,3px) !important;
  }

  body .site-branding,
  body .ast-site-identity{
    transform:none !important;
  }
}


/* v106 — Igualar la posición del logo en páginas internas con la tienda principal.
   La tienda conserva -90px/+3px. En Astra/WooCommerce compensamos la geometría
   distinta del contenedor para que visualmente el logo quede en la misma X. */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,3px) !important;
  }

  body:not(.home) .custom-logo-link,
  body.woocommerce-page .custom-logo-link,
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-checkout .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    transform:translate(-24px,3px) !important;
  }
}


/* v107 — Alineación visual definitiva del logo:
   Mi cuenta, Carrito, Checkout y páginas WooCommerce se desplazan 60 px
   a la derecha respecto a v106 para coincidir con la tienda principal. */
@media(min-width:981px){
  body.woocommerce-page .custom-logo-link,
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-checkout .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    transform:translate(36px,3px) !important;
  }
}


/* v108 — La tienda principal conserva su posición actual.
   Las páginas internas WooCommerce se alinean visualmente con ella. */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,3px) !important;
  }

  body.woocommerce-page .custom-logo-link,
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-checkout .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    position:relative !important;
    left:60px !important;
    top:3px !important;
    transform:none !important;
  }
}


/* v109 — Ajuste fino: Carrito y Mi cuenta 10 px a la izquierda */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:50px !important;
  }
}


/* v110 — Ajuste fino: Carrito y Mi cuenta 5 px a la derecha */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:55px !important;
  }
}


/* v111 — Ajuste fino: Carrito y Mi cuenta 10 px a la derecha */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:65px !important;
  }
}


/* v112 — Ajuste fino: Carrito y Mi cuenta 2 px a la derecha */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:67px !important;
  }
}


/* v113 — Ajuste fino: Carrito y Mi cuenta 2 px más a la derecha */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:69px !important;
  }
}


/* v114 — Ajuste fino: Carrito y Mi cuenta 1 px más a la derecha */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    left:70px !important;
  }
}


/* v115 — Ajuste fino: Carrito y Mi cuenta 1 px hacia arriba */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    top:2px !important;
  }
}


/* v116 — Ajuste fino: Carrito y Mi cuenta 1 px más hacia arriba */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    top:1px !important;
  }
}


/* v117 — Ajuste fino: Carrito y Mi cuenta 1 px más hacia arriba */
@media(min-width:981px){
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    top:0 !important;
  }
}

/* v118 — Ajuste fino solicitado:
   - Página principal: bajar el logo 1 px
   - Carrito y Mi cuenta: bajar el logo 2 px */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,4px) !important;
  }
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    top:2px !important;
  }
}


/* v119 — Ajuste fino:
   solo el logo de la página principal baja 1 px más. */
@media(min-width:981px){
  .gercan-store__brand{
    transform:translate(-90px,5px) !important;
  }
}


/* v120 — Logo completamente fijo: sin transiciones ni animaciones.
   Se mantienen exactamente las posiciones de v119. */
@media(min-width:981px){

  .gercan-store__brand,
  .gercan-store__brand-art,
  body .custom-logo-link,
  body .custom-logo-link img{
    transition:none !important;
    animation:none !important;
    transition-property:none !important;
    transition-duration:0s !important;
    transition-delay:0s !important;
  }

  /* Página principal: conservar posición final de v119 */
  .gercan-store__brand{
    transform:translate(-90px,5px) !important;
  }

  /* Carrito y Mi cuenta: conservar posición final de v119/v118 */
  body.woocommerce-cart .custom-logo-link,
  body.woocommerce-account .custom-logo-link{
    position:relative !important;
    left:70px !important;
    top:2px !important;
    transform:none !important;
  }
}




/* v125 — Un solo header real compartido entre Inicio y páginas internas. */
.gercan-global-header.gercan-store{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:0 !important;
  overflow:visible !important;
  background:#fff !important;
}

body.gercan-global-header-active .site-header,
body.gercan-global-header-active #masthead{
  display:none !important;
}

/* No hay geometría alternativa en páginas internas:
   se usa exactamente .gercan-store__topbar como en Inicio. */
.gercan-global-header.gercan-store .gercan-store__topbar{
  margin:0 !important;
}

/* Mantener el logo fijo, sin animación. */
.gercan-global-header.gercan-store .gercan-store__brand,
.gercan-global-header.gercan-store .gercan-store__brand-art{
  transition:none !important;
  animation:none !important;
}


/* v126 — Mismo header compartido, sin offsets heredados de Inicio en páginas internas.
   No se duplica ni se recrea el header; solo se neutralizan compensaciones de contexto. */
.gercan-global-header.gercan-store{
  margin-top:0 !important;
  top:auto !important;
  transform:none !important;
}

/* En páginas internas el mismo bloque ya nace desde el borde correcto del documento,
   por eso no necesita el translate usado por el contexto de Inicio. */
.gercan-global-header.gercan-store .gercan-store__brand{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  margin:0 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
}

.gercan-global-header.gercan-store .gercan-store__brand-art{
  transform:none !important;
  transition:none !important;
  animation:none !important;
}


/* v127 — Solo el logo de la página principal sube 1 px */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-store__brand{
    transform:translate(-90px,4px) !important;
  }
}


/* v129 — Hero realmente de borde a borde, centrado correctamente.
   Conserva altura, crop, sticky y botones; solo corrige el ancho/centrado. */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-store__visual{
    width:100vw !important;
    max-width:100vw !important;
    left:auto !important;
    right:auto !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    box-sizing:border-box !important;
  }
}

@supports (width:100dvw){
  @media(min-width:981px){
    body:not(.gercan-global-header-active) .gercan-store__visual{
      width:100dvw !important;
      max-width:100dvw !important;
      margin-left:calc(50% - 50dvw) !important;
      margin-right:calc(50% - 50dvw) !important;
    }
  }
}


/* v130 — Hero de borde a borde real.
   Compensa exactamente el ancho que el contenedor de WordPress resta a ambos lados. */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-store__visual{
    width:100vw !important;
    max-width:100vw !important;
    left:auto !important;
    right:auto !important;
    margin-left:calc((100vw - 100%) / -2) !important;
    margin-right:calc((100vw - 100%) / -2) !important;
    box-sizing:border-box !important;
  }
}


/* v133 — Recupera el hero de tienda a ancho completo, de borde a borde.
   Solo escritorio. No toca rutas, rewrites, header, productos ni comportamiento sticky. */
@media(min-width:981px){

  body:not(.gercan-global-header-active) .gercan-store__visual{
    width:calc(100% + 40px) !important;
    max-width:none !important;
    margin-left:-20px !important;
    margin-right:-20px !important;
    left:auto !important;
    right:auto !important;
    box-sizing:border-box !important;
  }
}


/* v134 — Marca de producto debajo del nombre, antes de la imagen.
   Se conserva la altura fija de 350 px de todas las tarjetas. */
.gercan-product__brand{
  width:100%;
  text-align:center;
  color:#66788d;
  font-size:12px;
  font-weight:700;
  line-height:1.15;
}

@media(min-width:768px){
  .gercan-products > .gercan-product{
    grid-template-rows:
      34px   /* título */
      22px   /* marca */
      88px   /* imagen */
      46px   /* pasillo / categoría */
      18px   /* rating reservado */
      32px   /* precio */
      30px   /* stock */
      46px   /* cantidad + carrito */
      0px
      !important;
  }

  .gercan-products > .gercan-product .gercan-product__name{
    grid-row:1 !important;
  }

  .gercan-products > .gercan-product .gercan-product__brand{
    grid-row:2 !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;
    margin:0 !important;
    padding:1px 3px 0 !important;
    display:block !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    align-self:center !important;
    box-sizing:border-box !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image{
    grid-row:3 !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    padding-top:0 !important;
  }

  .gercan-products > .gercan-product > .gercan-product__image img{
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    min-height:82px !important;
    max-width:82px !important;
    max-height:82px !important;
  }

  .gercan-products > .gercan-product .gercan-product__location{grid-row:4 !important;}
  .gercan-products > .gercan-product .gercan-product__rating{grid-row:5 !important;}
  .gercan-products > .gercan-product .gercan-product__price{grid-row:6 !important;}
  .gercan-products > .gercan-product .gercan-product__stock{grid-row:7 !important;}
  .gercan-products > .gercan-product .gercan-buy-controls,
  .gercan-products > .gercan-product .gercan-out{grid-row:8 !important;}
  .gercan-products > .gercan-product .gercan-product__details{grid-row:9 !important;}
}

/* En la tarjeta ampliada/modal la marca se muestra como texto normal bajo el nombre. */
.gercan-product-modal__card .gercan-product__brand{
  margin:4px 0 8px !important;
  color:#66788d !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-align:center !important;
}


/* v137 — Precio 14 px arriba en total; stock 8 px arriba */
.gercan-products > .gercan-product .gercan-product__price{
  transform:translateY(-14px) !important;
}

.gercan-products > .gercan-product .gercan-product__stock{
  transform:translateY(-8px) !important;
}


/* v138 — Reduce 6 px el espacio bajo el encabezado de productos
   para subir el área de tarjetas sin alterar las tarjetas. */
@media(min-width:981px){
  body.gercan-store-lock-scroll .gercan-products-head{
    margin-bottom:2px !important;
  }
}


/* v140 — Ajustes finos de tarjetas de producto
   1) Menos espacio entre título y marca
   2) Stock 6 px más arriba respecto a v138
   3) Tarjeta 8 px más baja en total */
@media(min-width:768px){
  .gercan-products > .gercan-product{
    height:342px !important;
    min-height:342px !important;
    max-height:342px !important;
    grid-template-rows:
      30px   /* título: 4 px menos */
      18px   /* marca: 4 px menos */
      88px   /* imagen */
      46px   /* pasillo / categoría */
      18px   /* rating */
      32px   /* precio */
      30px   /* stock */
      46px   /* cantidad + carrito */
      0px
      !important;
  }

  .gercan-products > .gercan-product .gercan-product__name{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    line-height:1.08 !important;
  }

  .gercan-products > .gercan-product .gercan-product__brand{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding-top:0 !important;
    margin-top:-2px !important;
    line-height:1.05 !important;
  }

  .gercan-products > .gercan-product .gercan-product__stock{
    transform:translateY(-14px) !important;
  }
}


/* v143 — Ajuste adicional:
   4 px menos entre Stock y cantidad/carrito,
   y 4 px menos de altura total de tarjeta. */
@media(min-width:768px){
  .gercan-products > .gercan-product{
    height:328px !important;
    min-height:328px !important;
    max-height:328px !important;
  }

  .gercan-products > .gercan-product .gercan-buy-controls,
  .gercan-products > .gercan-product .gercan-out{
    transform:translateY(-4px) !important;
  }
}


/* v144 — Reduce 10 px el margen inferior del área de tarjetas en escritorio
   para aprovechar ese espacio y mostrar completas las tarjetas. */
@media(min-width:981px){
  body.gercan-store-lock-scroll .gercan-store__panel{
    padding-bottom:0 !important;
  }
}


/* ==========================================================
   v145 — Niveles GERCAN, precios preferenciales y Favoritos
   ========================================================== */

.gercan-favorite-toggle{
  position:absolute;
  top:6px;
  right:7px;
  width:28px;
  height:28px;
  border:1px solid #d7e5f3;
  border-radius:50%;
  background:#fff;
  color:#6c8096;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  z-index:25;
  box-shadow:0 2px 8px rgba(18,54,91,.06);
}
.gercan-favorite-toggle:hover{border-color:#0b72dd;color:#0b72dd}
.gercan-favorite-toggle.is-favorite{color:#e32636;border-color:#f2b4ba;background:#fff8f8}
.gercan-favorite-toggle:disabled{opacity:.55;cursor:wait}

.gercan-store__account .gercan-favorites-trigger{
  position:relative;
  min-width:44px;
  height:44px;
  padding:0 12px;
  border:1px solid #dbe8f5;
  border-radius:9px;
  background:#fff;
  color:#065fc8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  overflow:visible;
  white-space:nowrap;
  transition:width .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gercan-store__account .gercan-favorites-trigger > span:not(.gercan-heart-icon){
  max-width:0;
  overflow:hidden;
  opacity:0;
  transition:max-width .18s ease,opacity .18s ease;
}
.gercan-store__account .gercan-favorites-trigger:hover > span:not(.gercan-heart-icon),
.gercan-store__account .gercan-favorites-trigger:focus-visible > span:not(.gercan-heart-icon){
  max-width:90px;
  opacity:1;
}
.gercan-heart-icon{font-size:22px;line-height:1}
.gercan-favorites-count,
.gercan-mobile-favorites-count{
  position:absolute;
  top:3px;
  right:3px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  background:#0b72dd;
  color:#fff;
  font-size:10px;
  line-height:17px;
  text-align:center;
}

.gercan-favorites-overlay{
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:none;
  align-items:flex-start;
  justify-content:flex-end;
  padding:74px 28px 28px;
  background:rgba(4,18,34,.26);
  backdrop-filter:blur(2px);
}
.gercan-favorites-overlay.is-open{display:flex}
html.gercan-favorites-open{overflow:hidden}
.gercan-favorites-panel{
  width:min(470px,calc(100vw - 32px));
  max-height:calc(100vh - 102px);
  background:#fff;
  border:1px solid #dbe8f5;
  border-radius:16px;
  box-shadow:0 18px 55px rgba(7,38,70,.22);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.gercan-favorites-panel > header{
  min-height:58px;
  padding:13px 15px 13px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e6eef7;
}
.gercan-favorites-panel h3{margin:0;color:#073b79;font-size:20px}
.gercan-favorites-close{
  width:34px;height:34px;border:0;border-radius:9px;background:#eef6ff;color:#075fbf;
  font-size:26px;line-height:1;cursor:pointer
}
.gercan-favorites-list{padding:12px;overflow-y:auto;overscroll-behavior:contain}
.gercan-favorites-empty{padding:28px 14px;text-align:center;color:#607996}
.gercan-favorite-item{
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 38px;
  gap:11px;
  align-items:center;
  padding:10px 10px 42px;
  border:1px solid #dce8f4;
  border-radius:11px;
  background:#fff;
  margin-bottom:10px;
}
.gercan-favorite-item > img{width:76px;height:76px;object-fit:contain;border-radius:8px}
.gercan-favorite-item__copy{min-width:0}
.gercan-favorite-item__copy > a{display:block;color:#073b79;font-weight:800;text-decoration:none;margin-bottom:4px}
.gercan-favorite-item__copy small{color:#4d6885}
.gercan-favorite-item__price{font-size:14px;color:#073b79;margin:3px 0}
.gercan-favorite-item .gercan-favorite-toggle{position:static;justify-self:end}
.gercan-favorite-add-cart{
  position:absolute;
  right:10px;
  bottom:9px;
  border:0;
  border-radius:8px;
  background:#0872df;
  color:#fff;
  padding:7px 13px;
  font-weight:700;
  cursor:pointer;
}

.gercan-level-price-note{
  display:block;
  margin-top:3px;
  color:#678098;
  font-size:11px;
  font-weight:500;
  line-height:1.15;
}
.gercan-level-price-current{
  display:block;
  color:#04723a;
  font-size:14px;
  line-height:1.15;
}
.gercan-price-reference{
  display:block;
  color:#7890a7;
  font-size:11px;
  text-decoration:line-through;
  line-height:1.05;
}
.gercan-product__price .gercan-level-price-note{display:none}
.gercan-product__price .gercan-level-price-current{font-size:13px}
.gercan-product__price .gercan-price-reference{font-size:10px}
.gercan-search-suggestion__price .gercan-level-price-note{display:none}

.gercan-loyalty-dashboard{
  margin:22px 0 6px;
  padding:22px;
  border:1px solid #dce8f4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,52,88,.05);
}
.gercan-loyalty-summary{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:18px;
}
.gercan-loyalty-eyebrow{
  display:block;
  color:#0b72dd;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
  margin-bottom:4px;
}
.gercan-loyalty-summary h2{margin:0 0 5px!important;color:#073b79!important}
.gercan-loyalty-summary p{margin:0!important;color:#58718d}
.gercan-loyalty-metrics{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px}
.gercan-loyalty-metrics > div{
  padding:12px 14px;border-radius:11px;background:#f5f9fe;border:1px solid #e2edf8
}
.gercan-loyalty-metrics small{display:block;color:#688099;margin-bottom:3px}
.gercan-loyalty-metrics strong{display:block;color:#073b79;font-size:18px}
.gercan-loyalty-progress-copy{font-size:13px;color:#496782;margin-bottom:7px}
.gercan-loyalty-progress{height:10px;border-radius:999px;background:#e7f0f9;overflow:hidden;margin-bottom:18px}
.gercan-loyalty-progress span{display:block;height:100%;background:#0b72dd;border-radius:inherit}
.gercan-loyalty-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gercan-level-card{
  position:relative;
  padding:16px;
  border:1px solid #dce8f4;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
}
.gercan-level-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gercan-level-color)
}
.gercan-level-card.is-current{
  border-color:var(--gercan-level-color);
  box-shadow:0 7px 22px rgba(8,74,139,.12)
}
.gercan-level-card.is-locked{opacity:.68}
.gercan-level-card__icon{font-size:26px;color:var(--gercan-level-color);margin:2px 0 5px}
.gercan-level-card h3{margin:0 0 5px!important;color:#073b79!important;font-size:18px!important}
.gercan-level-card p{margin:0 0 10px!important;color:#637d98;font-size:13px}
.gercan-level-card__range{font-weight:800;color:#123b6a;margin-bottom:10px}
.gercan-level-card ul{list-style:none!important;margin:0 0 12px!important;padding:0!important}
.gercan-level-card li{display:flex;gap:7px;margin:5px 0;color:#45627f;font-size:12px}
.gercan-level-card li span{color:var(--gercan-level-color);font-weight:900}
.gercan-level-card__status{
  display:inline-block;padding:5px 8px;border-radius:999px;background:#edf5fd;color:#075fbf;font-size:11px;font-weight:800
}
.gercan-level-card.is-current .gercan-level-card__status{background:var(--gercan-level-color);color:#fff}

@media(max-width:980px){
  .gercan-mobile-nav{grid-template-columns:repeat(4,1fr)!important}
  .gercan-mobile-favorites-trigger{position:relative}
  .gercan-mobile-favorites-trigger .gercan-heart-icon{font-size:22px}
  .gercan-favorites-overlay{padding:16px;align-items:center;justify-content:center}
  .gercan-favorites-panel{width:min(100%,520px);max-height:86vh}
  .gercan-loyalty-summary{flex-direction:column}
  .gercan-loyalty-metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .gercan-loyalty-levels{grid-template-columns:1fr}
}
@media(max-width:620px){
  .gercan-loyalty-dashboard{padding:14px}
  .gercan-loyalty-metrics{grid-template-columns:1fr 1fr}
  .gercan-favorite-item{grid-template-columns:64px minmax(0,1fr) 34px}
  .gercan-favorite-item > img{width:64px;height:64px}
}

.gercan-product-modal__card .gercan-favorite-toggle{top:12px;right:52px}


/* v148 — Favoritos: botones más grandes y panel coherente con Notificaciones */

/* Corazón en las tarjetas normales: ligeramente más grande. */
.gercan-products > .gercan-product .gercan-favorite-toggle{
  width:32px !important;
  height:32px !important;
  font-size:20px !important;
}

/* Corazón en la tarjeta expandida/modal: todavía más grande. */
.gercan-product-modal__card .gercan-favorite-toggle{
  width:38px !important;
  height:38px !important;
  font-size:24px !important;
  top:12px !important;
  right:54px !important;
}

/* Cerrar Favoritos: mismo tamaño/formato visual que Notificaciones. */
.gercan-favorites-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:9px !important;
  background:#f0f5fa !important;
  color:#244c74 !important;
  font-family:Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:400 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
.gercan-favorites-close:hover{
  background:#e2edf7 !important;
}

/* En Favoritos, el botón Agregar ahora usa el mismo icono de carrito de las tarjetas. */
.gercan-favorite-add-cart{
  position:absolute !important;
  right:10px !important;
  bottom:9px !important;
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:#0872df !important;
  color:#fff !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
.gercan-favorite-add-cart svg{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
}
.gercan-favorite-add-cart.is-loading{
  opacity:.65 !important;
}
.gercan-favorite-add-cart.is-added{
  transform:scale(1.04);
}
.gercan-favorite-add-cart.is-error{
  opacity:.75 !important;
}


/* v149 — Ajuste de controles dentro de las tarjetas del panel Favoritos */

/* Corazón pegado a la esquina superior derecha de cada producto. */
.gercan-favorite-item{
  position:relative !important;
}
.gercan-favorite-item .gercan-favorite-toggle{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  margin:0 !important;
}

/* Carrito más arriba, alineado visualmente con la línea de Stock. */
.gercan-favorite-item .gercan-favorite-add-cart{
  position:absolute !important;
  top:58px !important;
  right:8px !important;
  bottom:auto !important;
  margin:0 !important;
}


/* v150 — Favoritos: tarjeta más compacta y stock verde */

/* Reduce la altura efectiva de la tarjeta dejando abajo un margen
   visual equivalente al superior. */
.gercan-favorite-item{
  min-height:0 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  padding-right:54px !important;
  box-sizing:border-box !important;
}

/* Elimina reservas verticales extra en el contenido de Favoritos. */
.gercan-favorite-item__content,
.gercan-favorite-item__body{
  min-height:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* Stock con el mismo verde usado en las tarjetas normales. */
.gercan-favorite-item .gercan-stock,
.gercan-favorite-item .gercan-product__stock,
.gercan-favorite-item [class*="stock"]{
  color:#008a32 !important;
}

/* Ajuste fino para que la tarjeta cierre apenas después de los controles. */
.gercan-favorite-item{
  height:auto !important;
}


/* v151 — Favoritos: margen interior uniforme en los cuatro lados */
.gercan-favorite-item{
  padding-top:10px !important;
  padding-bottom:10px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  box-sizing:border-box !important;
}

/* Mantiene espacio de seguridad para que texto/imagen no invadan
   el corazón ni el botón del carrito del lado derecho. */
.gercan-favorite-item__content,
.gercan-favorite-item__body{
  padding-right:46px !important;
  box-sizing:border-box !important;
}


/* v152 — Mi cuenta > Escritorio: formato inspirado en el render */
body.woocommerce-account .woocommerce-MyAccount-content:has(.gercan-loyalty-dashboard--premium){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content:has(.gercan-loyalty-dashboard--premium) > p{
  display:none !important;
}

.gercan-loyalty-dashboard--premium{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.gercan-loyalty-overview{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  border:1px solid #d8e7f6;
  border-radius:12px;
  background:linear-gradient(90deg,#eef6ff,#f8fbff);
  overflow:hidden;
  box-shadow:0 7px 20px rgba(12,55,96,.05);
}
.gercan-loyalty-overview__item{
  min-height:88px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 17px;
}
.gercan-loyalty-overview__item + .gercan-loyalty-overview__item{border-left:1px solid #d8e7f6}
.gercan-loyalty-overview__icon{
  width:50px;height:50px;flex:0 0 50px;border-radius:50%;
  background:#dceeff;color:#0863bf;display:flex;align-items:center;justify-content:center
}
.gercan-loyalty-overview__icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}
.gercan-loyalty-overview__icon--coins{flex-direction:column;font-size:15px;line-height:.55}
.gercan-loyalty-overview__icon--level{align-items:flex-end;gap:4px}
.gercan-loyalty-overview__icon--level span{width:5px;border-radius:3px;background:#0863bf}
.gercan-loyalty-overview__icon--level span:nth-child(1){height:13px}
.gercan-loyalty-overview__icon--level span:nth-child(2){height:23px}
.gercan-loyalty-overview__icon--level span:nth-child(3){height:31px}
.gercan-loyalty-overview small{display:block;color:#4f6780;font-size:10px;font-weight:700;margin-bottom:2px}
.gercan-loyalty-overview strong{display:block;color:#082f5d!important;font-size:20px;line-height:1.05;font-weight:900!important}
.gercan-loyalty-overview__item > div:last-child > span:not(.gercan-loyalty-level-pill):not(.gercan-loyalty-info){
  display:block;color:#687f96;font-size:9px;line-height:1.2;margin-top:4px
}
.gercan-loyalty-info{
  display:inline-flex!important;width:13px;height:13px;margin-left:3px!important;border-radius:50%;
  background:#0a7ee8;color:#fff;align-items:center;justify-content:center;font-size:8px!important
}
.gercan-loyalty-level-pill{
  display:inline-flex!important;width:auto;padding:4px 10px;margin-top:2px!important;border-radius:6px;
  background:#0877df;color:#fff!important;font-size:13px!important
}

.gercan-loyalty-progress-panel{
  margin-top:9px;padding:12px 20px 10px;border-radius:9px;
  background:linear-gradient(180deg,#073f76,#06345f);color:#fff
}
.gercan-loyalty-progress-panel__copy,.gercan-loyalty-progress-panel__meta{
  display:flex;justify-content:space-between;align-items:center;gap:16px
}
.gercan-loyalty-progress-panel__copy strong{color:#fff!important;font-size:11px}
.gercan-loyalty-progress-panel__copy span{font-size:10px}
.gercan-loyalty-progress-track{
  height:10px;margin:9px 0 5px;background:rgba(255,255,255,.5);border-radius:999px;overflow:hidden
}
.gercan-loyalty-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#0c83f3,#16a2ff);border-radius:inherit}
.gercan-loyalty-progress-panel__meta{color:#d9ecff;font-size:8px}

.gercan-loyalty-levels--premium{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:11px
}
.gercan-level-card--premium{
  min-height:420px;display:flex;flex-direction:column;padding:13px 11px 11px!important;
  border:1px solid #d9e6f2!important;border-radius:9px!important;background:#fff!important;opacity:1!important;box-shadow:none!important
}
.gercan-level-card--premium::before{display:none!important}
.gercan-level-card--premium.is-current{
  border:2px solid #0a85ff!important;box-shadow:0 7px 20px rgba(10,133,255,.12)!important
}
.gercan-level-card__current-ribbon{
  margin:-13px -11px 8px;padding:4px 6px;background:#0a85ff;color:#fff;text-align:center;font-size:8px;font-weight:900
}
.gercan-level-card__header{text-align:center}
.gercan-level-card__header>span{display:block;color:#183e64;font-size:10px;font-weight:900}
.gercan-level-card--premium .gercan-level-card__header h3{
  margin:1px 0!important;color:var(--gercan-level-color)!important;font-size:24px!important;line-height:1!important;font-weight:900!important
}
.gercan-level-card__header small{display:block;min-height:20px;color:var(--gercan-level-color);font-size:9px;font-weight:800}
.gercan-level-card__hero-icon{
  width:58px;height:58px;margin:7px auto;border-radius:50%;
  background:color-mix(in srgb,var(--gercan-level-color) 11%,#fff);color:var(--gercan-level-color);
  display:flex;align-items:center;justify-content:center
}
.gercan-level-card__hero-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.6}
.gercan-level-card__custom-icon{font-size:32px}
.gercan-level-card__range-box{
  padding:7px;border-radius:6px;background:color-mix(in srgb,var(--gercan-level-color) 9%,#f6faff);text-align:center
}
.gercan-level-card__range-box strong{display:block;color:var(--gercan-level-color)!important;font-size:10px}
.gercan-level-card__range-box span{display:block;margin-top:2px;color:#71869b;font-size:8px}
.gercan-level-card__benefits{flex:1;margin:10px 0!important;padding:0!important;list-style:none!important}
.gercan-level-card__benefits li{
  display:flex!important;align-items:flex-start;gap:6px!important;margin:6px 0!important;color:#193f66!important;font-size:9px!important;line-height:1.18
}
.gercan-level-card__benefits li>span{
  width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--gercan-level-color);color:#fff!important;
  display:inline-flex;align-items:center;justify-content:center;font-size:9px
}
.gercan-level-card__footer{
  min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;border-radius:6px;
  background:color-mix(in srgb,var(--gercan-level-color) 8%,#f4f8fc);color:var(--gercan-level-color);text-align:center
}
.gercan-level-card__footer strong{color:var(--gercan-level-color)!important;font-size:9px;line-height:1.2}
.gercan-level-card__footer-icon{font-size:15px;font-weight:900}

.gercan-loyalty-trust{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px;border:1px solid #dce8f4;border-radius:9px;background:#f5f9fd;overflow:hidden
}
.gercan-loyalty-trust>div{min-height:54px;display:flex;align-items:center;gap:9px;padding:8px 12px}
.gercan-loyalty-trust>div+div{border-left:1px solid #dce8f4}
.gercan-loyalty-trust__icon{
  width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#dceeff;color:#0875dd;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900
}
.gercan-loyalty-trust p{margin:0!important}
.gercan-loyalty-trust strong{display:block;color:#173e64!important;font-size:9px;line-height:1.2}
.gercan-loyalty-trust small{display:block;margin-top:2px;color:#6d8399;font-size:7px;line-height:1.25}

@media(max-width:980px){
  .gercan-loyalty-overview{grid-template-columns:1fr}
  .gercan-loyalty-overview__item+.gercan-loyalty-overview__item{border-left:0;border-top:1px solid #d8e7f6}
  .gercan-loyalty-levels--premium{grid-template-columns:1fr!important}
  .gercan-level-card--premium{min-height:0}
  .gercan-loyalty-trust{grid-template-columns:1fr}
  .gercan-loyalty-trust>div+div{border-left:0;border-top:1px solid #dce8f4}
}
@media(max-width:620px){
  .gercan-loyalty-progress-panel__copy{flex-direction:column;align-items:flex-start;gap:3px}
}


/* v153 — Mi cuenta: título por encima del menú horizontal */
body.woocommerce-account .woocommerce{
  gap:14px !important;
}

/* El título "Mi cuenta" pasa a ser el primer bloque. */
body.woocommerce-account .woocommerce > .entry-header{
  order:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* El menú queda inmediatamente debajo del título. */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  order:1 !important;
  margin:0 !important;
}

/* El contenido ocupa ahora la posición que antes dejaba el título debajo del menú. */
body.woocommerce-account .woocommerce-MyAccount-content{
  order:2 !important;
  margin:0 !important;
}


/* v154 — Refuerzo de orden visual en Mi cuenta.
   El JS y el CSS coinciden: título → menú → contenido. */
body.woocommerce-account .woocommerce > .entry-header{
  order:0 !important;
  margin:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation{
  order:1 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content{
  order:2 !important;
}


/* v155 — Título estable por encima del menú de Mi cuenta.
   Se usa un título propio y se elimina por completo el espacio del título original. */
body.woocommerce-account .entry-header{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.woocommerce-account .woocommerce{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

body.woocommerce-account .gercan-account-title-top{
  order:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.woocommerce-account .gercan-account-title-top__text{
  margin:0 !important;
  padding:0 !important;
  font-size:32px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  color:#092f5f !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation{
  order:1 !important;
  margin:0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content{
  order:2 !important;
  margin:0 !important;
}

@media(max-width:767px){
  body.woocommerce-account .gercan-account-title-top__text{
    font-size:27px !important;
  }
}


/* v156 — Se elimina el bloque "Nivel actual" del resumen superior de Mi cuenta */
.gercan-loyalty-overview{
  grid-template-columns:1.15fr 1fr !important;
}


/* v158 — Botones principales centrados y con separación uniforme */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-store__visual{
    position:relative !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--electricidad,
  body:not(.gercan-global-header-active) .gercan-dept--iluminacion,
  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos,
  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    top:164px !important;
    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;
    transform:translateX(-50%) !important;
    margin-top:40px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--electricidad{
    left:22% !important;
    right:auto !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--iluminacion{
    left:40.6667% !important;
    right:auto !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos{
    left:59.3333% !important;
    right:auto !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    left:78% !important;
    right:auto !important;
  }
}


/* v160 — Ajuste horizontal fino adicional de 6 px */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--electricidad,
  body:not(.gercan-global-header-active) .gercan-dept--iluminacion{
    margin-left:-26px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos,
  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    margin-left:26px !important;
  }
}


/* v161 — Ajuste individual de Electricidad y Accesorios eléctricos */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--electricidad{
    margin-left:-36px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos{
    margin-left:36px !important;
  }
}


/* v162 — Ajuste individual adicional */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--electricidad{
    margin-left:-46px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos{
    margin-left:46px !important;
  }
}


/* v163 — Ajustes individuales adicionales */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--electricidad{
    margin-left:-56px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--accesorios-electricos{
    margin-left:26px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    margin-left:46px !important;
  }
}


/* v165 — Ajuste individual adicional desde v163 */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--electricidad{
    margin-left:-66px !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    margin-left:56px !important;
  }
}


/* v166 — Herramientas 10 px adicionales a la derecha */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--herramientas{
    margin-left:66px !important;
  }
}


/* ==========================================================
   v167 — Corrige encuadre de la imagen y solapamiento inferior
   ========================================================== */

/* El editor guarda --gercan-hero-pos-desktop / mobile.
   Estas reglas garantizan que el encuadre configurado sea el que se renderiza. */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-store__visual{
    background-size:
      100% 100%,
      var(--gercan-hero-size-desktop, cover) !important;
    background-position:
      center center,
      var(--gercan-hero-pos-desktop, 50% 50%) !important;
    background-repeat:no-repeat,no-repeat !important;
  }

  /* Separa el contenido de la tienda del borde inferior del hero para
     que títulos y textos no queden por debajo de la imagen sticky. */
  body.gercan-store-lock-scroll .gercan-store__panel{
    margin-top:0 !important;
    padding-top:28px !important;
  }
}

@media(max-width:980px){
  body:not(.gercan-global-header-active) .gercan-store__visual{
    background-size:
      100% 100%,
      var(--gercan-hero-size-mobile, cover) !important;
    background-position:
      center center,
      var(--gercan-hero-pos-mobile, 50% 50%) !important;
    background-repeat:no-repeat,no-repeat !important;
  }

  .gercan-store__panel{
    margin-top:0 !important;
  }
}


/* v168 — 20 px más de altura útil para la imagen de tienda */
@media(min-width:981px){
  body.gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 306px !important;
    height:306px !important;
    min-height:306px !important;
    max-height:306px !important;
  }
}


/* ==========================================================
   v169 — Hero ajustado al recuadro de referencia
   ========================================================== */
@media(min-width:981px){
  body:not(.gercan-global-header-active).gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 335px !important;
    height:335px !important;
    min-height:335px !important;
    max-height:335px !important;
    margin-top:-24px !important;
  }

  /* Baja 20 px adicionales el contenido que aparece debajo del hero. */
  body.gercan-store-lock-scroll .gercan-store__panel{
    padding-top:48px !important;
  }
}


/* ==========================================================
   v170 — Nuevos pasillos: Ventilación y Minisplit
   ========================================================== */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion,
  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    top:18px !important;
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    margin-top:0 !important;
    transform:translateX(-50%) !important;
  }

  /* Ventilación a la izquierda de Ofertas */
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:39% !important;
    right:auto !important;
  }

  /* Minisplit a la derecha de Ofertas */
  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:61% !important;
    right:auto !important;
  }
}

@media(max-width:980px){
  .gercan-dept--ventilacion{
    left:5% !important;
    right:auto !important;
    top:82px !important;
    width:43% !important;
    transform:none !important;
  }

  .gercan-dept--minisplit{
    left:auto !important;
    right:5% !important;
    top:82px !important;
    width:43% !important;
    transform:none !important;
  }
}


/* v171 — Ajuste fino de Ventilación y Minisplit */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:calc(39% - 50px) !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:calc(61% + 50px) !important;
  }
}


/* v173 — Ajuste adicional de posición para Ventilación y Minisplit */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:calc(39% - 150px) !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:calc(61% + 150px) !important;
  }
}


/* v174 — Ajuste adicional de 50 px hacia afuera */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:calc(39% - 200px) !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:calc(61% + 200px) !important;
  }
}


/* v175 — Ajuste adicional de 50 px hacia afuera */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:calc(39% - 250px) !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:calc(61% + 250px) !important;
  }
}


/* v176 — Ajuste fino de 25 px hacia el centro */
@media(min-width:981px){
  body:not(.gercan-global-header-active) .gercan-dept--ventilacion{
    left:calc(39% - 225px) !important;
  }

  body:not(.gercan-global-header-active) .gercan-dept--minisplit{
    left:calc(61% + 225px) !important;
  }
}


/* ==========================================================
   v178 — Icono configurable de Favoritos + posición en tarjetas
   ========================================================== */
.gercan-favorite-custom-icon{
  display:block !important;
  width:20px !important;
  height:20px !important;
  object-fit:contain !important;
  pointer-events:none !important;
}

.gercan-store__account .gercan-favorite-custom-icon,
.gercan-mobile-favorites-trigger .gercan-favorite-custom-icon{
  width:22px !important;
  height:22px !important;
}

.gercan-products > .gercan-product .gercan-favorite-custom-icon{
  width:22px !important;
  height:22px !important;
}

/* Solo tarjetas normales de productos: 50 px más abajo. */
.gercan-products > .gercan-product .gercan-favorite-toggle{
  top:56px !important;
}


/* v180 — Favoritos: misma forma del corazón en estado normal y activo */
.gercan-favorite-toggle .gercan-favorite-glyph{
  display:inline-block !important;
  font-family:Arial,sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
  transform:none !important;
}
.gercan-favorite-toggle.is-favorite .gercan-favorite-glyph{
  color:inherit !important;
}


/* ==========================================================
   v181 — Favoritos: hover seleccionado y corazón relleno activo
   ========================================================== */
.gercan-favorite-toggle{
  transition:
    border-color .16s ease,
    background-color .16s ease,
    color .16s ease,
    box-shadow .16s ease !important;
}

/* Corazón SVG: misma geometría siempre. */
.gercan-favorite-heart-svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.gercan-favorite-heart-svg path{
  fill:transparent !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
  transition:fill .16s ease, stroke .16s ease !important;
}

/* Al pasar el cursor: mismo aspecto visual que un favorito seleccionado,
   pero el corazón permanece solo delineado. */
.gercan-favorite-toggle:hover,
.gercan-favorite-toggle:focus-visible{
  border-color:#ff9eaa !important;
  background:#fff8f9 !important;
  color:#ff1f3d !important;
  box-shadow:0 2px 8px rgba(255,31,61,.08) !important;
}

/* Favorito guardado: mismo borde/fondo y corazón completamente relleno. */
.gercan-favorite-toggle.is-favorite{
  border-color:#ff9eaa !important;
  background:#fff8f9 !important;
  color:#ff1f3d !important;
  box-shadow:0 2px 8px rgba(255,31,61,.08) !important;
}

.gercan-favorite-toggle.is-favorite .gercan-favorite-heart-svg path{
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* En tarjetas normales conserva el tamaño ya aprobado. */
.gercan-products > .gercan-product .gercan-favorite-heart-svg{
  width:22px !important;
  height:22px !important;
}

/* En el modal conserva la escala mayor del botón. */
.gercan-product-modal__card .gercan-favorite-heart-svg{
  width:25px !important;
  height:25px !important;
}


/* ==========================================================
   v182 — Corazón de Favoritos ligeramente más pequeño
   ========================================================== */
.gercan-favorite-toggle .gercan-favorite-heart-svg{
  width:17px !important;
  height:17px !important;
}

/* Tarjetas normales: mantiene una proporción más limpia dentro del círculo. */
.gercan-products > .gercan-product .gercan-favorite-heart-svg{
  width:18px !important;
  height:18px !important;
}

/* Modal: también se reduce proporcionalmente. */
.gercan-product-modal__card .gercan-favorite-heart-svg{
  width:21px !important;
  height:21px !important;
}


/* ==========================================================
   v183 — Header móvil en una sola línea
   Logo a la izquierda + buscador al lado
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:10px 14px !important;
    box-sizing:border-box !important;
  }

  .gercan-store__brand{
    flex:0 0 92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:40px !important;
    margin:0 !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .gercan-store__brand-art{
    width:100% !important;
    height:100% !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }

  .gercan-store__search{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:44px !important;
    margin:0 !important;
  }

  .gercan-store__search input,
  .gercan-store__search > button{
    height:44px !important;
  }

  .gercan-store__search input{
    min-width:0 !important;
    width:100% !important;
    padding-left:39px !important;
    padding-right:9px !important;
    font-size:14px !important;
  }

  .gercan-search-icon{
    left:13px !important;
  }

  .gercan-store__search > button{
    flex:0 0 82px !important;
    width:82px !important;
    padding:0 10px !important;
    font-size:14px !important;
  }
}


/* ==========================================================
   v184 — Ajuste fino del header móvil
   Logo más grande y buscador más cerca
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    gap:6px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .gercan-store__brand{
    flex:0 0 122px !important;
    width:122px !important;
    min-width:122px !important;
    max-width:122px !important;
    height:44px !important;
  }

  .gercan-store__brand-art{
    width:122px !important;
    height:44px !important;
    background-size:contain !important;
    background-position:left center !important;
  }

  .gercan-store__search{
    margin-left:0 !important;
  }

  .gercan-store__search > button{
    flex:0 0 78px !important;
    width:78px !important;
  }
}


/* ==========================================================
   v185 — Header móvil más ancho
   Logo visualmente más grande + buscador más largo
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  /* Contenedor compacto para no robar espacio al buscador. */
  .gercan-store__brand{
    flex:0 0 112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    height:48px !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  /* Agranda el logo real dentro de su contenedor. */
  .gercan-store__brand-art{
    width:112px !important;
    height:48px !important;
    background-size:210% auto !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }

  /* El buscador toma todo el espacio restante del ancho de pantalla. */
  .gercan-store__search{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:46px !important;
    margin:0 !important;
  }

  .gercan-store__search input{
    min-width:0 !important;
    width:100% !important;
    font-size:14px !important;
    padding-left:38px !important;
    padding-right:8px !important;
  }

  .gercan-store__search > button{
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
    padding:0 8px !important;
    font-size:14px !important;
  }
}


/* ==========================================================
   v186 — Header móvil como referencia
   Logo completo, proporcionado y buscador largo
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
  }

  /* Logo completo, sin zoom ni recorte. */
  .gercan-store__brand{
    flex:0 0 118px !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:44px !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .gercan-store__brand-art{
    width:118px !important;
    height:44px !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  /* El buscador ocupa todo el ancho restante. */
  .gercan-store__search{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    margin:0 !important;
  }

  .gercan-store__search input,
  .gercan-store__search > button{
    height:46px !important;
  }

  .gercan-store__search input{
    min-width:0 !important;
    width:100% !important;
    font-size:14px !important;
    padding-left:39px !important;
    padding-right:8px !important;
  }

  .gercan-store__search > button{
    flex:0 0 78px !important;
    width:78px !important;
    min-width:78px !important;
    padding:0 9px !important;
    font-size:14px !important;
  }
}


/* ==========================================================
   v187 — Header móvil: logo más grande + buscador ~20 px más largo
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    gap:6px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }

  .gercan-store__brand{
    flex:0 0 128px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    height:46px !important;
    overflow:hidden !important;
  }

  /* Un poco de zoom para compensar el espacio transparente del archivo,
     sin llegar al recorte agresivo de la v185. */
  .gercan-store__brand-art{
    width:128px !important;
    height:46px !important;
    background-size:125% auto !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }

  .gercan-store__search{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
  }

  .gercan-store__search > button{
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
  }
}


/* ==========================================================
   v188 — Header móvil: logo 50 px a la izquierda
   ========================================================== */
@media(max-width:620px){
  .gercan-store__brand{
    transform:translateX(-50px) !important;
  }
}


/* ==========================================================
   v189 — Header móvil: logo completo y desplazado a la derecha
   ========================================================== */
@media(max-width:620px){
  .gercan-store__brand{
    transform:translateX(-5px) !important;
    overflow:visible !important;
  }

  .gercan-store__brand-art{
    width:128px !important;
    height:46px !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }
}


/* ==========================================================
   v190 — Header móvil: logo a la misma altura del buscador
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    align-items:center !important;
  }

  .gercan-store__brand{
    flex:0 0 138px !important;
    width:138px !important;
    min-width:138px !important;
    max-width:138px !important;
    height:46px !important;
    margin:0 !important;
    align-self:center !important;
    overflow:hidden !important;
    transform:none !important;
  }

  .gercan-store__brand-art{
    width:138px !important;
    height:46px !important;
    background-size:155% auto !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .gercan-store__search,
  .gercan-store__search input,
  .gercan-store__search > button{
    height:46px !important;
  }
}


/* ==========================================================
   v191 — Header móvil: logo completo y buscador más largo
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:10px 8px !important;
    box-sizing:border-box !important;
  }

  .gercan-store__brand{
    flex:0 0 126px !important;
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
    height:46px !important;
    margin:0 !important;
    overflow:visible !important;
    transform:none !important;
    align-self:center !important;
  }

  .gercan-store__brand-art{
    width:126px !important;
    height:46px !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .gercan-store__search{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    margin:0 !important;
  }

  .gercan-store__search input,
  .gercan-store__search > button{
    height:46px !important;
  }

  .gercan-store__search input{
    min-width:0 !important;
    width:100% !important;
    font-size:14px !important;
    padding-left:38px !important;
    padding-right:8px !important;
  }

  .gercan-store__search > button{
    flex:0 0 72px !important;
    width:72px !important;
    min-width:72px !important;
    padding:0 8px !important;
    font-size:14px !important;
  }
}


/* ==========================================================
   v192 — Header móvil como referencia de la imagen 2
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    padding:8px 8px !important;
    box-sizing:border-box !important;
  }

  .gercan-store__brand{
    flex:0 0 68px !important;
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    align-self:center !important;
  }

  .gercan-store__brand-art{
    display:block !important;
    width:68px !important;
    height:42px !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .gercan-store__search{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    margin:0 !important;
  }

  .gercan-store__search input,
  .gercan-store__search > button{
    height:42px !important;
  }

  .gercan-store__search input{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:13px !important;
    padding-left:36px !important;
    padding-right:7px !important;
  }

  .gercan-search-icon{
    left:12px !important;
  }

  .gercan-store__search > button{
    flex:0 0 72px !important;
    width:72px !important;
    min-width:72px !important;
    padding:0 7px !important;
    font-size:13px !important;
  }
}


/* ==========================================================
   v193 — ampliar el área de texto de la búsqueda móvil
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    gap:6px !important;
    padding:8px 6px !important;
  }

  .gercan-store__brand{
    flex:0 0 66px !important;
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    height:42px !important;
  }

  .gercan-store__brand-art{
    width:66px !important;
    height:42px !important;
    background-size:contain !important;
    background-position:left center !important;
  }

  .gercan-store__search{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .gercan-store__search input{
    font-size:12px !important;
    padding-left:34px !important;
    padding-right:6px !important;
  }

  .gercan-store__search > button{
    flex:0 0 68px !important;
    width:68px !important;
    min-width:68px !important;
    font-size:12px !important;
    padding:0 6px !important;
  }
}


/* ==========================================================
   v194 — Header móvil: logo un poco más grande y completo
   ========================================================== */
@media(max-width:620px){
  .gercan-store__topbar{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:8px 6px !important;
    box-sizing:border-box !important;
  }

  .gercan-store__brand{
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    align-self:center !important;
  }

  .gercan-store__brand-art{
    display:block !important;
    width:76px !important;
    height:42px !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .gercan-store__search{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    height:42px !important;
    margin:0 !important;
  }

  .gercan-store__search input,
  .gercan-store__search > button{
    height:42px !important;
  }

  .gercan-store__search input{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:12px !important;
    padding-left:34px !important;
    padding-right:6px !important;
  }

  .gercan-search-icon{
    left:12px !important;
  }

  .gercan-store__search > button{
    flex:0 0 66px !important;
    width:66px !important;
    min-width:66px !important;
    padding:0 5px !important;
    font-size:12px !important;
  }
}

/* v200: standalone Favorites document, with normal page scrolling. */
.gercan-store.gercan-favorites-page{
  width:100%;max-width:760px;margin:0 auto !important;padding:24px 16px 32px;
  overflow:visible;min-height:45vh;background:#fff;
}
.gercan-favorites-page h1{font-size:28px;color:#073b79;margin:0 0 8px;}
.gercan-favorites-page-intro{color:#607996;margin:0 0 24px;}
.gercan-favorites-page-list{padding:0;overflow:visible;}
.gercan-favorites-page .gercan-favorite-item{
  min-height:110px !important;grid-template-columns:76px minmax(0,1fr);
  padding:12px 56px 12px 12px !important;gap:12px;
}
.gercan-favorites-page .gercan-favorite-item__copy{min-width:0;overflow-wrap:anywhere;}
.gercan-favorites-login,.gercan-favorites-back{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:10px 16px;border-radius:9px;font-weight:700;margin:12px 8px 0 0;
}
.gercan-favorites-login{background:#0067d9;color:#fff !important;}
.gercan-favorites-back{color:#073b79;background:#eef6ff;}

/* v199: footer navigation uses the same styling as the storefront.
   The wrapper occupies no space on desktop and does not clip the fixed bar. */
.gercan-store.gercan-global-mobile-nav{
  display:none;width:100%;margin:0 !important;padding:0;height:0;min-height:0;
  overflow:visible;background:transparent;
}
@media(max-width:980px){
  .gercan-store.gercan-global-mobile-nav{display:block;}
  body.gercan-global-header-active{
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important;
  }
  .gercan-mobile-nav{
    height:calc(68px + env(safe-area-inset-bottom,0px));
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
}

/* v213: categories share one mobile row, including those loaded over AJAX. */
@media(max-width:980px){
  #gercan-store .gercan-category-strip{
    display:flex !important;flex-wrap:nowrap !important;gap:4px !important;
    align-items:stretch !important;justify-content:flex-start !important;
    width:100% !important;overflow:visible !important;
  }
  #gercan-store .gercan-category-strip > .gercan-category{
    flex:1 1 0 !important;width:0 !important;min-width:0 !important;
    min-height:64px !important;height:auto !important;padding:6px 2px !important;
    gap:3px !important;flex-direction:column !important;border-radius:7px;
    container-type:inline-size;
  }
  #gercan-store .gercan-category__media{
    width:min(26px,100%) !important;height:26px !important;flex:0 0 26px !important;
    min-width:0 !important;
  }
  #gercan-store .gercan-category__media img,
  #gercan-store .gercan-category__media svg{
    width:100% !important;max-width:26px !important;height:26px !important;
    font-size:26px !important;object-fit:contain;
  }
  #gercan-store .gercan-category__copy{width:100%;min-width:0;}
  #gercan-store .gercan-category__label{
    display:block;white-space:normal;overflow-wrap:normal !important;word-break:normal !important;hyphens:none !important;text-align:center;
    font-size:var(--gercan-category-font,10px) !important;
    line-height:1.2 !important;
  }
  #gercan-store .gercan-category__description{
    white-space:normal;overflow-wrap:normal !important;word-break:normal !important;hyphens:none !important;line-height:1.2;
    font-size:var(--gercan-category-font,9px) !important;
  }
  #gercan-store .gercan-category-strip > .gercan-loading,
  #gercan-store .gercan-category-strip > .gercan-empty{flex:1 1 100%;}
}

/* v211: compact mobile hero with independent image and crop.
   Flow layout reserves real space for each department and WhatsApp. */
@media(max-width:980px){
  #gercan-store .gercan-store__visual{
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto 1fr auto 1fr auto;gap:8px 6px;
    align-content:space-between;align-items:center;padding:12px !important;
    height:auto !important;min-height:var(--gercan-mobile-hero-height,320px) !important;
    max-height:none !important;box-sizing:border-box;
    background-image:linear-gradient(rgba(4,36,72,.02),rgba(4,36,72,.02)),var(--gercan-hero-mobile,var(--gercan-hero)) !important;
    background-size:100% 100%,var(--gercan-hero-size-mobile,cover) !important;
    background-position:center,var(--gercan-hero-pos-mobile,center) !important;
  }
  #gercan-store .gercan-store__visual .gercan-dept{
    position:static !important;transform:none !important;margin:0 !important;
    width:100% !important;min-width:0 !important;max-width:none !important;
    min-height:40px !important;height:auto !important;padding:5px 4px !important;
    gap:4px !important;font-size:clamp(10px,2.8vw,12px) !important;
    border-radius:9px !important;line-height:1.15 !important;
  }
  /* v212: the same two rows and reading order as desktop. */
  #gercan-store .gercan-store__visual .gercan-dept svg,
  #gercan-store .gercan-store__visual .gercan-dept .gercan-ui-icon,
  #gercan-store .gercan-store__visual .gercan-dept .gercan-dept-custom-icon{
    width:17px !important;height:17px !important;font-size:17px !important;flex:0 0 17px !important;
  }
  #gercan-store .gercan-store__visual .gercan-dept > span:not(.gercan-dept-custom-icon){min-width:0;overflow-wrap:anywhere;}
  #gercan-store .gercan-store__visual .gercan-dept--offer{grid-column:2;grid-row:1;width:100% !important;justify-self:center;}
  #gercan-store .gercan-dept--ventilacion{grid-column:1;grid-row:1;}
  #gercan-store .gercan-dept--minisplit{grid-column:3;grid-row:1;}
  #gercan-store .gercan-store__aisles{
    position:static !important;transform:none !important;grid-column:1/-1;grid-row:3;
    display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch;
    width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;
  }
  #gercan-store .gercan-store__aisles .gercan-dept{
    flex-direction:column !important;min-height:62px !important;
    font-size:clamp(10px,2.6vw,12px) !important;text-align:center;
  }
  #gercan-store .gercan-store__visual .gercan-whatsapp{
    position:static !important;transform:none !important;grid-column:1/-1;grid-row:5;
    justify-self:end;min-height:44px !important;margin:0 !important;width:auto !important;
  }
}

/* v206: Astra adds space above the storefront shortcode, whereas the section
   header starts at the viewport edge. Remove that space at its source, and
   cancel the old -12px compensation rather than offsetting the header alone. */
@media(max-width:980px){
  .site-content:has(#gercan-store),
  .ast-container:has(#gercan-store),
  #primary:has(#gercan-store),
  .ast-article-single:has(#gercan-store),
  .entry-content:has(#gercan-store),
  .entry-content :has(#gercan-store){
    margin-top:0 !important;padding-top:0 !important;
  }
  #gercan-store{
    margin-top:0 !important;padding-top:0 !important;
  }
  #gercan-store > .gercan-store__topbar{
    margin-top:0 !important;margin-bottom:0 !important;top:0 !important;
  }
}

/* v205: match the full-width header used by the mobile section views.
   Break out of the theme's content gutters without changing the product area. */
@media(max-width:980px){
  #gercan-store > .gercan-store__topbar{
    width:100vw !important;max-width:100vw !important;
    position:relative !important;left:50% !important;right:auto !important;
    transform:translateX(-50%) !important;margin-left:0 !important;margin-right:0 !important;
    box-sizing:border-box !important;
  }
  .gercan-store .gercan-mobile-nav > a > svg,
  .gercan-store .gercan-mobile-nav > a > .gercan-ui-icon,
  .gercan-store .gercan-mobile-nav > a > .gercan-favorite-custom-icon{
    width:28px !important;height:28px !important;font-size:28px !important;
    flex-shrink:0;object-fit:contain;
  }
}

/* v197: keep the v196 header geometry; use the tightly framed bundled
   GERCAN wordmark on mobile so its artwork fills the existing logo slot. */
@media (max-width:620px){
  .gercan-store__topbar{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    height:72px !important;
    min-height:72px !important;
    gap:8px !important;
    padding:12px 10px !important;
  }
  .gercan-store__brand{
    flex:0 0 clamp(78px,22vw,120px) !important;
    width:clamp(78px,22vw,120px) !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    align-self:center !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .gercan-store__brand-art{
    width:100% !important;
    height:100% !important;
    background-image:url('../images/gercan-logo.png') !important;
    /* v198: compensate for the wordmark's inset; keep search geometry intact. */
    transform:translateX(-3px) !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }
  .gercan-store__search{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
  }
  .gercan-store__search input{
    flex:1 1 0 !important;
    width:0 !important;
    min-width:0 !important;
    height:42px !important;
    font-size:14px !important;
    padding:0 6px 0 30px !important;
    border-radius:9px 0 0 9px !important;
  }
  .gercan-store__search .gercan-search-icon{
    display:flex !important;
    left:10px !important;
    pointer-events:none;
  }
  .gercan-store__search .gercan-search-icon svg,
  .gercan-store__search .gercan-search-icon img{width:16px !important;height:16px !important;}
  .gercan-store__search > button{
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    height:42px !important;
    padding:0 6px !important;
    font-size:14px !important;
    border-radius:0 9px 9px 0 !important;
  }
  .gercan-store__visual{
    height:395px !important;
    min-height:395px !important;
    max-height:none !important;
  }
  .gercan-whatsapp{
    top:auto !important;
    bottom:12px !important;
    min-height:44px !important;
  }
}
@media (max-width:360px){
  .gercan-store__topbar{gap:6px !important;padding-left:8px !important;padding-right:8px !important;}
  .gercan-store__search .gercan-search-icon{display:none !important;}
  .gercan-store__search input{padding-left:8px !important;}
  .gercan-store__search > button{flex-basis:58px !important;width:58px !important;min-width:58px !important;font-size:13px !important;}
}

/* v215: compact mobile catalogue and account. */
.gercan-loyalty-progress-panel .gercan-loyalty-progress-panel__copy > strong{
  color:#fff !important;
}
@media(max-width:980px){
  #gercan-store .gercan-products{
    display:grid !important;grid-template-columns:repeat(var(--gercan-mobile-product-columns,3),minmax(0,1fr)) !important;
    gap:6px !important;padding:2px 0 10px !important;align-items:stretch !important;
  }
  #gercan-store .gercan-products > .gercan-product{
    display:flex !important;flex-direction:column !important;align-items:stretch !important;
    position:relative;min-width:0 !important;width:auto !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    padding:36px 5px 8px !important;gap:5px !important;box-sizing:border-box;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-product__body{display:contents !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-product__name,
  #gercan-store .gercan-products > .gercan-product .gercan-product__brand,
  #gercan-store .gercan-products > .gercan-product .gercan-product__location,
  #gercan-store .gercan-products > .gercan-product .gercan-product__rating,
  #gercan-store .gercan-products > .gercan-product .gercan-product__price,
  #gercan-store .gercan-products > .gercan-product .gercan-product__stock{
    width:100% !important;min-width:0 !important;height:auto !important;
    min-height:0 !important;max-height:none !important;margin:0 !important;padding:0 !important;
    transform:none !important;text-align:center !important;white-space:normal !important;
    overflow-wrap:anywhere;line-height:1.25 !important;box-sizing:border-box;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-product__name{
    order:1 !important;font-size:clamp(10px,2.65vw,13px) !important;
    display:block !important;overflow:visible !important;word-break:normal !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-product__brand{order:2 !important;font-size:9px !important;}
  #gercan-store .gercan-products > .gercan-product > .gercan-product__image{
    order:3 !important;width:100% !important;height:84px !important;min-height:0 !important;
    max-height:none !important;margin:0 !important;padding:0 !important;transform:none !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
  }
  #gercan-store .gercan-products > .gercan-product > .gercan-product__image img{
    width:100% !important;max-width:100% !important;height:84px !important;
    min-width:0 !important;min-height:0 !important;max-height:84px !important;object-fit:contain !important;margin:0 !important;transform:none !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-product__location{
    order:4 !important;display:flex !important;flex-direction:column;gap:2px !important;font-size:9px !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-product__rating{order:5 !important;font-size:9px !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-product__price{
    order:6 !important;margin-top:auto !important;font-size:12px !important;
    display:flex !important;flex-direction:column !important;gap:2px !important;overflow:visible !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-level-price-current{font-size:12px !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-price-reference{font-size:9px !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-product__stock{
    order:7 !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;
    gap:2px !important;font-size:9px !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
    order:8 !important;display:flex !important;gap:4px !important;justify-content:center !important;
    width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;
    margin:0 !important;padding:0 !important;transform:none !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{flex:1 1 32px !important;min-width:0 !important;width:auto !important;margin:0 !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-qty{
    width:100% !important;min-width:0 !important;max-width:48px !important;height:36px !important;
    min-height:36px !important;max-height:36px !important;
    padding:2px !important;font-size:12px !important;box-sizing:border-box;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-add{
    flex:0 0 32px !important;width:32px !important;min-width:32px !important;height:36px !important;
    min-height:36px !important;max-height:36px !important;
    padding:4px !important;justify-content:center !important;margin:0 !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-add svg{width:20px !important;height:20px !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-out{order:8 !important;font-size:10px !important;transform:none !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-favorite-toggle{
    top:4px !important;right:4px !important;width:28px !important;height:28px !important;
  }
  .gercan-favorites-page .gercan-favorites-back{display:none !important;}
  html body.woocommerce-account .gercan-account-title-top--redundant{display:none !important;}
  html body.woocommerce-account #content,
  html body.woocommerce-account #primary,
  html body.woocommerce-account .site-content .ast-container,
  html body.woocommerce-account .site-main,
  html body.woocommerce-account article,
  html body.woocommerce-account .entry-content{
    margin-top:0 !important;padding-top:0 !important;
  }
  html body.woocommerce-account .woocommerce{margin-top:0 !important;padding-top:0 !important;gap:6px !important;}
  html body.woocommerce-account .woocommerce-MyAccount-navigation{padding:4px !important;border-radius:8px !important;}
  html body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex !important;flex-wrap:nowrap !important;gap:2px !important;width:100% !important;
  }
  html body.woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:1 1 0 !important;min-width:0 !important;width:auto !important;margin:0 !important;
  }
  html body.woocommerce-account .woocommerce-MyAccount-navigation a{
    min-height:40px !important;padding:4px 1px !important;
    font-size:clamp(7px,2.05vw,12px) !important;white-space:normal !important;
    word-break:normal !important;overflow-wrap:normal !important;line-height:1.15 !important;
  }
  html body.woocommerce-account .woocommerce-MyAccount-content{padding:8px !important;margin-top:0 !important;}
  html body.woocommerce-account .woocommerce-MyAccount-content > :first-child{margin-top:0 !important;}
}

/* v218: keep purchase controls inside narrow four-column cards. */
@media(max-width:980px){
  #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{flex-wrap:wrap !important;}
  #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{
    min-width:32px !important;display:flex !important;justify-content:center !important;
  }
  #gercan-store .gercan-products > .gercan-product > .gercan-product__image,
  #gercan-store .gercan-products > .gercan-product > .gercan-product__image img{
    height:var(--gercan-product-image-mobile,84px) !important;
    max-height:var(--gercan-product-image-mobile,84px) !important;
  }
  .gercan-store a.gercan-store__brand{cursor:default !important;}
}

/* v219: account headings, progress contrast and the empty-cart presentation. */
html body.woocommerce-account .woocommerce-MyAccount-content
  .gercan-loyalty-progress-panel .gercan-loyalty-progress-panel__copy > strong{
  color:#fff !important;
}
html body.woocommerce-account .gercan-account-title-top{
  display:none !important;
}
html body.woocommerce-cart .entry-header,
html body.woocommerce-cart .wp-block-post-title{
  display:none !important;
}
/* WooCommerce's empty-cart block places its recommendations after this heading. */
html body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
  .wc-block-cart__empty-cart__title ~ *{
  display:none !important;
}
html body.woocommerce-cart .wc-block-cart__empty-cart__title,
html body.woocommerce-cart .cart-empty.woocommerce-info{
  display:block !important;position:relative !important;box-sizing:border-box !important;
  width:100% !important;max-width:100% !important;
  margin:24px auto !important;padding:0 !important;
  text-align:center !important;
}
html body.woocommerce-cart .wc-block-cart__empty-cart__title::before,
html body.woocommerce-cart .cart-empty.woocommerce-info::before{
  display:block !important;position:static !important;
  margin:0 auto 20px !important;transform:none !important;
}

/* v220: predictable search rows on desktop and mobile. */
.gercan-store .gercan-store__search .gercan-search-suggestion{
  height:auto !important;max-height:none !important;white-space:normal !important;
  grid-template-columns:44px minmax(0,1fr) !important;grid-template-rows:auto auto !important;
  gap:4px 10px !important;padding:10px !important;align-items:start !important;
}
.gercan-store .gercan-search-suggestion > img{grid-column:1 !important;grid-row:1 / span 2 !important;width:44px !important;height:44px !important;}
.gercan-store .gercan-search-suggestion__copy{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
.gercan-store .gercan-search-suggestion__copy strong,
.gercan-store .gercan-search-suggestion__copy small{
  display:block !important;position:static !important;white-space:normal !important;
  line-height:1.3 !important;overflow-wrap:anywhere;transform:none !important;
}
.gercan-store .gercan-search-suggestion__price{
  grid-column:2 !important;grid-row:2 !important;position:static !important;
  display:flex !important;flex-direction:column !important;gap:3px !important;
  white-space:normal !important;line-height:1.3 !important;min-width:0 !important;
}
/* Keep the account shell title; endpoint headings above its menu remain hidden. */
@media(max-width:980px){
  .gercan-mobile-view[data-view="account"] > .gercan-mobile-view__heading{
    position:static !important;width:auto !important;height:auto !important;
    margin:0 !important;padding:12px 16px !important;overflow:visible !important;
    clip:auto !important;clip-path:none !important;border-bottom:1px solid #e2ebf5 !important;
  }
  #gercan-store .gercan-products-head{flex-wrap:wrap !important;gap:8px !important;}
  #gercan-store .gercan-products-head h3{
    flex:0 0 100% !important;width:100% !important;max-width:100% !important;
    white-space:nowrap !important;word-break:normal !important;
  }
  #gercan-store .gercan-sort-wrap{margin-left:auto !important;}
}
/* Center the empty state in the available cart document. */
html body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  min-height:calc(100svh - 220px) !important;display:flex !important;
  flex-direction:column !important;align-items:center !important;justify-content:center !important;
}
html.gercan-embedded body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  min-height:calc(100svh - 40px) !important;
}
html body.woocommerce-cart .wc-block-cart__empty-cart__title{flex:none !important;text-align:center !important;}

/* v221: isolate autocomplete cards from the header's submit button. */
.gercan-store .gercan-store__search .gercan-search-suggestion{
  width:100% !important;min-width:0 !important;max-width:none !important;
  flex:none !important;height:auto !important;min-height:76px !important;
  overflow:visible !important;box-sizing:border-box !important;
}
.gercan-store .gercan-store__search .gercan-search-suggestion__copy,
.gercan-store .gercan-store__search .gercan-search-suggestion__price{
  width:auto !important;max-width:100% !important;height:auto !important;
  visibility:visible !important;opacity:1 !important;overflow:visible !important;
}
@media(max-width:980px){
  #gercan-store .gercan-products-head{
    display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;gap:8px !important;
  }
  #gercan-store .gercan-products-head h3{
    width:100% !important;min-width:0 !important;max-width:100% !important;
    margin:0 !important;white-space:nowrap !important;
  }
  #gercan-store .gercan-sort-wrap{margin:0 !important;min-width:0 !important;}
  #gercan-store .gercan-sort-wrap select{
    min-width:92px !important;width:92px !important;max-width:92px !important;
    padding:8px 18px 8px 7px !important;font-size:10px !important;
  }
}
/* The iframe viewport is exactly the space between its title and bottom menu. */
html.gercan-embedded body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  position:fixed !important;inset:0 !important;
  width:100% !important;max-width:none !important;height:100% !important;min-height:0 !important;
  margin:0 !important;padding:0 16px !important;box-sizing:border-box !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
html.gercan-embedded body.woocommerce-cart .wc-block-cart__empty-cart__title{
  width:100% !important;margin:0 !important;padding:0 !important;
  text-align:center !important;
}

/* v222: center the selected filter label on mobile and desktop. */
#gercan-store .gercan-sort-wrap select{
  text-align:center !important;text-align-last:center !important;
  padding-left:18px !important;padding-right:18px !important;
}
#gercan-store .gercan-sort-wrap select option{text-align:center !important;}

/* v225: floating glass navigation, based on the user's v224. */
@media(max-width:980px){
  html body .gercan-store .gercan-mobile-nav{
    position:fixed !important;
    left:max(12px,env(safe-area-inset-left,0px)) !important;
    right:max(12px,env(safe-area-inset-right,0px)) !important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--gercan-shell-keyboard,0px)) !important;
    width:auto !important;height:64px !important;min-height:64px !important;
    margin:0 !important;padding:0 6px !important;box-sizing:border-box !important;
    border:0 !important;border-radius:var(--gercan-mobile-nav-radius,23px) !important;
    background:rgba(var(--gercan-mobile-nav-rgb,246,251,255),var(--gercan-mobile-nav-alpha,.45)) !important;
    box-shadow:0 8px 28px rgba(7,46,83,calc(var(--gercan-mobile-nav-alpha,.45) * .3)) !important;
    overflow:visible !important;
  }
  @supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
    html body .gercan-store .gercan-mobile-nav{
      background:rgba(var(--gercan-mobile-nav-rgb,246,251,255),var(--gercan-mobile-nav-alpha,.45)) !important;
      -webkit-backdrop-filter:blur(calc(var(--gercan-mobile-nav-alpha,.45) * 24px)) saturate(calc(100% + var(--gercan-mobile-nav-alpha,.45) * 60%));
      backdrop-filter:blur(calc(var(--gercan-mobile-nav-alpha,.45) * 24px)) saturate(calc(100% + var(--gercan-mobile-nav-alpha,.45) * 60%));
    }
  }
  html body .gercan-store .gercan-mobile-nav > a{
    border-radius:18px;background:transparent !important;min-height:44px;
  }
  html body .gercan-store .gercan-mobile-nav > a:focus-visible{
    outline:2px solid #0069d8;outline-offset:-5px;
  }
  /* Extend views behind the glass, with scroll space for their last controls. */
  html.gercan-view-open .gercan-mobile-view{
    bottom:var(--gercan-shell-keyboard,0px) !important;
  }
  html .gercan-mobile-view[data-view="notifications"] > .gercan-mobile-view__body{
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
  }
  html.gercan-embedded body,
  html body.gercan-embedded-body{
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;
  }
  html body.gercan-global-header-active{
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;
  }
  #gercan-store .gercan-store__panel{
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* v229: render the glass in its own clipped layer, behind crisp icons. */
@media(max-width:980px){
  html body .gercan-store .gercan-mobile-nav{
    background:transparent !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  }
  html body .gercan-store .gercan-mobile-nav::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    border-radius:inherit;background:rgba(var(--gercan-mobile-nav-rgb,246,251,255),var(--gercan-mobile-nav-alpha,.45));
    -webkit-clip-path:inset(0 round var(--gercan-mobile-nav-radius,23px));clip-path:inset(0 round var(--gercan-mobile-nav-radius,23px));
    -webkit-transform:translateZ(0);transform:translateZ(0);
    -webkit-backface-visibility:hidden;backface-visibility:hidden;
    -webkit-backdrop-filter:blur(calc(var(--gercan-mobile-nav-alpha,.45) * 16px));
    backdrop-filter:blur(calc(var(--gercan-mobile-nav-alpha,.45) * 16px));
  }
  html body .gercan-store .gercan-mobile-nav > a{
    position:relative;z-index:1;-webkit-tap-highlight-color:transparent;
  }
}

/* v231: keep Astra's scroll-to-top button above the floating mobile menu.
   Menu: 12px bottom gap + 64px height; button: 16px above its top edge. */
@media(max-width:980px){
  html body #ast-scroll-top{
    bottom:calc(92px + env(safe-area-inset-bottom,0px) + var(--gercan-shell-keyboard,0px)) !important;
  }
}

/* v232: mobile storefront fills the viewport; only products scroll. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed,
  html.gercan-mobile-store-fixed body{overflow:hidden !important;overscroll-behavior:none;}
  html.gercan-mobile-store-fixed #gercan-store{
    position:fixed !important;top:var(--gercan-mobile-store-top,0px) !important;
    left:0 !important;right:0 !important;bottom:auto !important;
    width:100% !important;max-width:none !important;
    height:var(--gercan-mobile-store-height,100dvh) !important;
    max-height:var(--gercan-mobile-store-height,100dvh) !important;min-height:0 !important;
    margin:0 !important;padding:0 !important;display:flex !important;
    flex-direction:column !important;overflow:hidden !important;background:#fff;z-index:10;
  }
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__topbar{
    flex:0 0 auto !important;margin:0 !important;
  }
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{
    flex:0 0 auto !important;
    height:min(var(--gercan-mobile-hero-height,320px),35dvh) !important;
    min-height:202px !important;max-height:none !important;
  }
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__panel{
    flex:1 1 0 !important;display:flex !important;flex-direction:column !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    margin:0 !important;padding:10px 12px 0 !important;overflow:hidden !important;
    gap:8px !important;box-sizing:border-box !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__panel-header,
  html.gercan-mobile-store-fixed #gercan-store .gercan-category-nav,
  html.gercan-mobile-store-fixed #gercan-store .gercan-products-head{
    flex:0 0 auto !important;margin:0 !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-category-strip{margin:0 !important;}
  html.gercan-mobile-store-fixed #gercan-store #gercan-products{
    flex:1 1 0 !important;height:auto !important;min-height:0 !important;max-height:none !important;
    overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;align-content:start !important;
    padding:2px 3px 8px !important;
    scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
    scrollbar-width:thin;scrollbar-color:#0b72dd #edf5fd;
  }
  html.gercan-mobile-store-fixed #gercan-store #gercan-products::after{
    content:"";display:block;grid-column:1/-1;height:calc(96px + env(safe-area-inset-bottom,0px));
  }
  html.gercan-mobile-store-fixed #ast-scroll-top{display:none !important;}
}
@media(max-width:980px) and (max-height:650px){
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{
    height:136px !important;min-height:136px !important;padding:6px !important;gap:3px 5px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-dept{
    min-height:30px !important;padding:3px !important;font-size:10px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__aisles .gercan-dept{min-height:44px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-whatsapp{min-height:30px !important;padding:3px 8px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-panel-copy p{display:none !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-panel-copy h2{font-size:18px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-panel-icon{width:30px !important;height:30px !important;flex-basis:30px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-category{min-height:48px !important;padding:3px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-category__media{width:20px !important;height:20px !important;flex-basis:20px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-category__media img{width:20px !important;height:20px !important;}
}

/* v233: the viewport constrains the list, never the height of product rows. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed #gercan-store #gercan-products{
    grid-template-rows:none !important;
    grid-auto-rows:max-content !important;
    align-content:start !important;align-items:stretch !important;
  }
  html.gercan-mobile-store-fixed #gercan-store #gercan-products > .gercan-product{
    height:auto !important;min-height:max-content !important;max-height:none !important;
    align-self:stretch !important;flex-shrink:0 !important;
  }
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__name,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__brand,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__image,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__location,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__rating,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__price,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__stock,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-buy-controls,
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-out{
    flex-shrink:0 !important;
  }
  html.gercan-mobile-store-fixed #gercan-store #gercan-products .gercan-product__image{
    min-height:var(--gercan-product-image-mobile,84px) !important;
  }
}

/* v234: shorter mobile hero, with all aisle buttons and WhatsApp in view. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{
    height:min(var(--gercan-mobile-hero-height,200px),200px,24dvh) !important;
    min-height:160px !important;padding:6px !important;gap:4px 6px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-dept{
    min-height:34px !important;padding:3px 4px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__aisles .gercan-dept{
    min-height:50px !important;gap:2px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-whatsapp{
    min-height:34px !important;padding:4px 8px !important;
  }
}
@media(max-width:980px) and (max-height:650px){
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{
    height:136px !important;min-height:136px !important;gap:3px 5px !important;
  }
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-dept{min-height:30px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__aisles .gercan-dept{min-height:44px !important;}
  html.gercan-mobile-store-fixed #gercan-store .gercan-store__visual .gercan-whatsapp{min-height:30px !important;}
}

/* v235: compact two-row hero and a separate icon-only WhatsApp shortcut. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{
    height:min(var(--gercan-mobile-hero-height,140px),140px,20dvh) !important;
    min-height:112px !important;grid-template-rows:auto 1fr auto !important;
    padding:6px !important;gap:4px 6px !important;
  }
  html body #gercan-store > a.gercan-whatsapp{
    position:fixed !important;left:auto !important;top:auto !important;
    right:max(8px,env(safe-area-inset-right,0px)) !important;
    /* v407 fallback: 68px nav + ~60px visual gap, matching the requested mobile position. */
    bottom:calc(128px + env(safe-area-inset-bottom,0px) + var(--gercan-shell-keyboard,0px)) !important;
    width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;
    max-width:46px !important;max-height:46px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    padding:0 !important;margin:0 !important;gap:0 !important;
    border-radius:13px !important;box-sizing:border-box !important;transform:none !important;
    z-index:10000;box-shadow:0 4px 12px rgba(0,70,35,.2) !important;
  }
  html body #gercan-store > a.gercan-whatsapp > span:last-child{display:none !important;}
  html body #gercan-store > a.gercan-whatsapp > svg,
  html body #gercan-store > a.gercan-whatsapp > .gercan-ui-icon,
  html body #gercan-store > a.gercan-whatsapp img{
    width:28px !important;height:28px !important;min-width:28px !important;flex:0 0 28px !important;
  }
}
@media(max-width:980px) and (max-height:650px){
  html.gercan-mobile-store-fixed #gercan-store > .gercan-store__visual{height:112px !important;min-height:112px !important;}
}

@media(max-width:980px){
  html body #gercan-store > a.gercan-whatsapp{
    touch-action:none;user-select:none;-webkit-user-select:none;
    -webkit-user-drag:none;cursor:grab;
  }
  html body #gercan-store > a.gercan-whatsapp.gercan-whatsapp--dragging{
    cursor:grabbing;transition:none !important;
  }
}

/* v237: finger overlay never intercepts touches or changes the button position. */
.gercan-whatsapp-drag-hint{display:none;}
@media(max-width:980px) and (prefers-reduced-motion:no-preference){
  html body #gercan-store > .gercan-whatsapp-drag-hint{
    display:block;position:fixed;width:32px;height:40px;z-index:10001;
    pointer-events:none !important;user-select:none;opacity:0;
    animation:gercan-whatsapp-drag-demo 1.6s ease-in-out 2;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));
  }
  html body #gercan-store > .gercan-whatsapp-drag-hint svg{
    display:block;width:32px !important;height:40px !important;overflow:visible;
  }
  html body #gercan-store > .gercan-whatsapp-drag-hint svg path{
    fill:#fff !important;stroke:#164774 !important;stroke-width:1.6;
    stroke-linecap:round;stroke-linejoin:round;
  }
  html.gercan-view-open body #gercan-store > .gercan-whatsapp-drag-hint{display:none;}
}
@keyframes gercan-whatsapp-drag-demo{
  0%,100%{opacity:0;transform:translate(0,0) scale(1);}
  15%{opacity:1;transform:translate(0,0) scale(1);}
  25%{opacity:1;transform:translate(0,0) scale(.9);}
  65%,78%{opacity:1;transform:translate(-28px,-32px) scale(.9);}
  92%{opacity:0;transform:translate(-28px,-32px) scale(1);}
}

/* v238: smaller mobile aisle buttons, preserving both rows and their order. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual .gercan-dept{
    width:calc(100% - 8px) !important;justify-self:center !important;
    min-height:28px !important;height:auto !important;
    padding:2px 3px !important;gap:2px !important;
    font-size:9px !important;line-height:1.15 !important;border-radius:7px !important;
  }
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__aisles .gercan-dept{
    min-height:40px !important;
  }
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual .gercan-dept > span:not(.gercan-dept-custom-icon):not(.gercan-ui-icon){
    font-size:inherit !important;line-height:inherit !important;
    word-break:normal !important;overflow-wrap:normal !important;
  }
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual .gercan-dept svg,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual .gercan-dept .gercan-ui-icon,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual .gercan-dept .gercan-dept-custom-icon{
    width:14px !important;height:14px !important;font-size:14px !important;flex:0 0 14px !important;
  }
}

/* v239: shorten only the three top-row mobile department buttons. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--ventilacion,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--offer,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--minisplit{
    width:78% !important;max-width:100px !important;justify-self:center !important;
  }
}

/* v240: compact top-row buttons and move the outer pair toward the center. */
@media(max-width:980px){
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--ventilacion,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--offer,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--minisplit{
    width:68% !important;max-width:88px !important;
  }
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--ventilacion{
    transform:translateX(20px) !important;
  }
  html.gercan-mobile-store-fixed body #gercan-store .gercan-store__visual > .gercan-dept--minisplit{
    transform:translateX(-20px) !important;
  }
}

.gercan-store .gercan-cart-count[hidden],.gercan-store .gercan-mobile-cart-count[hidden]{display:none !important;}

/* v249: desktop sorting and draggable icon below the store image. */
@media(min-width:981px){
  html body #gercan-store > a.gercan-whatsapp{
    position:fixed !important;left:auto !important;top:auto !important;
    right:max(8px,env(safe-area-inset-right,0px)) !important;
    bottom:120px !important;
    width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;
    max-width:46px !important;max-height:46px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    padding:0 !important;margin:0 !important;gap:0 !important;
    border-radius:13px !important;box-sizing:border-box !important;transform:none !important;
    z-index:10000;box-shadow:0 4px 12px rgba(0,70,35,.2) !important;
  }
  html body #gercan-store > a.gercan-whatsapp > span:last-child{display:none !important;}
  html body #gercan-store > a.gercan-whatsapp > svg,
  html body #gercan-store > a.gercan-whatsapp > .gercan-ui-icon,
  html body #gercan-store > a.gercan-whatsapp img{
    width:28px !important;height:28px !important;min-width:28px !important;flex:0 0 28px !important;
  }
  #gercan-store .gercan-sort-wrap{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;flex-shrink:0;white-space:nowrap;}
  #gercan-store .gercan-sort-wrap span{display:inline-block!important;white-space:nowrap!important;flex:0 0 auto;}
  #gercan-store .gercan-sort-wrap select{flex:0 0 auto;}
  html body #gercan-store > a.gercan-whatsapp{touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab;}
  html body #gercan-store > a.gercan-whatsapp.gercan-whatsapp--dragging{cursor:grabbing;transition:none!important;}
}

/* v250: contain the desktop sorting controls within the product panel. */
@media(min-width:981px){
  html body #gercan-store .gercan-products-head{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding-right:20px!important;gap:16px!important;}
  html body #gercan-store .gercan-products-head h3{min-width:0!important;flex:1 1 0!important;}
  html body #gercan-store .gercan-sort-wrap{width:auto!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;margin-right:0!important;box-sizing:border-box!important;}
  html body #gercan-store .gercan-sort-wrap select{width:170px!important;min-width:170px!important;max-width:170px!important;box-sizing:border-box!important;margin:0!important;}
}
.gercan-whatsapp-desktop-drag-hint{display:none;}
@media(min-width:981px) and (prefers-reduced-motion:no-preference){
  html body > .gercan-whatsapp-desktop-drag-hint{
    display:block;position:fixed;width:32px;height:40px;z-index:10001;
    pointer-events:none !important;user-select:none;opacity:0;
    animation:gercan-whatsapp-drag-demo 1.6s ease-in-out 2;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));
  }
  html body > .gercan-whatsapp-desktop-drag-hint svg{
    display:block;width:32px !important;height:40px !important;overflow:visible;
  }
  html body > .gercan-whatsapp-desktop-drag-hint svg path{
    fill:#fff !important;stroke:#164774 !important;stroke-width:1.6;
    stroke-linecap:round;stroke-linejoin:round;
  }
  html.gercan-view-open body > .gercan-whatsapp-desktop-drag-hint{display:none;}
}

/* v251: independent WhatsApp sizes, with proportional icons. */
@media(max-width:980px){html body #gercan-store > a.gercan-whatsapp{--gercan-wa-size:var(--gercan-wa-mobile,46px);}}
@media(min-width:981px){html body #gercan-store > a.gercan-whatsapp{--gercan-wa-size:var(--gercan-wa-desktop,46px);}}
html body #gercan-store > a.gercan-whatsapp{
 width:var(--gercan-wa-size)!important;height:var(--gercan-wa-size)!important;
 min-width:var(--gercan-wa-size)!important;min-height:var(--gercan-wa-size)!important;
 max-width:var(--gercan-wa-size)!important;max-height:var(--gercan-wa-size)!important;
 border-radius:calc(var(--gercan-wa-size) * .2826)!important;
}
html body #gercan-store > a.gercan-whatsapp > svg,
html body #gercan-store > a.gercan-whatsapp > .gercan-ui-icon,
html body #gercan-store > a.gercan-whatsapp img{
 width:calc(var(--gercan-wa-size) * .6087)!important;height:calc(var(--gercan-wa-size) * .6087)!important;
 min-width:calc(var(--gercan-wa-size) * .6087)!important;flex:0 0 calc(var(--gercan-wa-size) * .6087)!important;
}

/* v254: horizontal cards for the existing WooCommerce cart, both screen sizes. */
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image {grid-column:1!important;grid-row:1!important;}
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product {grid-column:2!important;grid-row:1!important;}
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total {grid-column:3!important;grid-row:1!important;}
body.woocommerce-cart .wc-block-cart-items {border-collapse:separate!important;border-spacing:0 12px!important;table-layout:fixed;width:100%!important;}
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
 display:grid!important;grid-template-columns:88px minmax(0,1fr) minmax(80px,auto);gap:16px;
 background:#fff;border:1px solid #d7e5f3!important;border-radius:16px;padding:18px!important;
 margin:0 0 14px!important;box-shadow:0 3px 12px rgba(10,55,95,.05);align-items:start;
}
body.woocommerce-cart table.wc-block-cart-items tbody {display:block!important;}
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row > td {
 display:block!important;width:auto!important;min-width:0!important;border:0!important;padding:0!important;
}
body.woocommerce-cart .wc-block-cart-item__image img {width:88px!important;height:88px!important;object-fit:contain;border-radius:10px;}
body.woocommerce-cart .wc-block-cart-item__product a {overflow-wrap:anywhere;}
body.woocommerce-cart .wc-block-cart-item__total {text-align:right;}
body.woocommerce-cart .wc-block-cart-item__wrap {min-width:0;}
/* Also support stores whose cart page already uses the classic template. */
body.woocommerce-cart .woocommerce-cart-form table.shop_table {border:0;border-collapse:separate;border-spacing:0 12px;}
body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td {background:#fff;border-top:1px solid #d7e5f3;border-bottom:1px solid #d7e5f3;padding:16px 10px;}
body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td:first-child {border-left:1px solid #d7e5f3;border-radius:14px 0 0 14px;}
body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td:last-child {border-right:1px solid #d7e5f3;border-radius:0 14px 14px 0;}
@media(max-width:980px){
 body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {grid-template-columns:64px minmax(0,1fr) minmax(60px,auto);gap:10px;padding:12px!important;border-radius:13px;}
 body.woocommerce-cart .wc-block-cart-item__image img {width:64px!important;height:64px!important;}
 body.woocommerce-cart .wc-block-cart-item__total {font-size:13px;}
 body.woocommerce-cart .woocommerce-cart-form tr.cart_item {display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:12px;margin-bottom:12px;background:#fff;border:1px solid #d7e5f3;border-radius:13px;}
 body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td {border:0!important;padding:0!important;border-radius:0!important;min-width:0;}
 body.woocommerce-cart .woocommerce-cart-form tr.cart_item > .product-thumbnail {display:block!important;grid-column:1;grid-row:1 / span 3;}
 body.woocommerce-cart .woocommerce-cart-form tr.cart_item > .product-thumbnail:before {display:none;}
 body.woocommerce-cart .woocommerce-cart-form tr.cart_item > td:not(.product-thumbnail) {grid-column:2;}
}


/* v255: block table geometry prevents the first column from shrinking the cards. */
html body.woocommerce-cart table.wc-block-cart-items,
html body.woocommerce-cart table.wc-block-cart-items > thead,
html body.woocommerce-cart table.wc-block-cart-items > tbody {
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header {
 display:grid!important;grid-template-columns:88px minmax(0,1fr) 96px!important;gap:16px;padding:0 18px 12px;box-sizing:border-box;width:100%;
}
html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header > th {display:block!important;width:auto!important;padding:0!important;}
html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 grid-template-columns:88px minmax(0,1fr) 96px!important;margin:0 auto 14px!important;
}
html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product,
html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__wrap {
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body.woocommerce-cart table.wc-block-cart-items .wc-block-components-product-name {
 display:block;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
}
html body.woocommerce-cart .wc-block-components-product-metadata__description,
html body.woocommerce-cart .wc-block-components-product-details__description {display:none!important;}
@media(max-width:980px){
 html body.woocommerce-cart .wp-block-woocommerce-cart,
 html body.woocommerce-cart .wc-block-cart,
 html body.woocommerce-cart .wc-block-cart__main {
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;
 }
 html body.woocommerce-cart .wc-block-cart__main {padding-left:12px!important;padding-right:12px!important;}
 html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
  grid-template-columns:56px minmax(0,1fr) 70px!important;gap:8px!important;padding:12px!important;
 }
 html body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image img {width:56px!important;height:56px!important;}
 html body.woocommerce-cart table.wc-block-cart-items > thead {display:none!important;}
 html body.woocommerce-cart .woocommerce-cart-form tr.cart_item {width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;}
}


/* v256: mobile-only fixed total and native checkout action. */
@media(max-width:980px){
 html body.woocommerce-cart .wc-block-cart {
  padding-bottom:180px!important;
 }
 html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item {
  position:fixed!important;left:12px!important;right:12px!important;
  bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;min-height:68px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  gap:3px!important;padding:10px 56% 10px 14px!important;margin:0!important;
  border:1px solid #d7e5f3!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 -3px 16px rgba(10,55,95,.12)!important;z-index:10010!important;
 }
 html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size:12px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important;
 }
 html body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size:17px!important;line-height:22px!important;font-weight:700!important;white-space:nowrap!important;
 }
 html body.woocommerce-cart .wc-block-cart__submit-container,
 html body.woocommerce-cart .wc-block-cart__submit-container--sticky {
  position:static!important;transform:none!important;background:transparent!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;
 }
 html body.woocommerce-cart .wc-block-cart__submit-container:before {display:none!important;}
 html body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button {
  position:fixed!important;right:24px!important;left:auto!important;
  bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;
  width:calc((100% - 48px) * .54)!important;min-height:44px!important;height:44px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;padding:8px!important;margin:0!important;
  border-radius:10px!important;font-size:13px!important;line-height:18px!important;
  z-index:10011!important;transform:none!important;
 }
 html body.woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text {
  font-size:13px!important;line-height:18px!important;white-space:normal!important;text-align:center!important;
 }
}


/* v257: expandable mobile totals; desktop keeps its original layout. */
.gercan-cart-drawer-toggle{display:none;}
@media(max-width:980px){
 html body.woocommerce-cart .wc-block-cart__sidebar.gercan-cart-drawer {
  position:fixed!important;left:12px!important;right:12px!important;bottom:calc(176px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
  padding:0!important;max-height:0;overflow:visible;z-index:10009!important;box-sizing:border-box;
 }
 html body.woocommerce-cart .gercan-cart-drawer:not(.gercan-cart-drawer--open) .gercan-cart-drawer-detail {display:none!important;}
 html body.woocommerce-cart .wc-block-cart__sidebar.gercan-cart-drawer--open {
  max-height:45dvh;overflow:auto;overscroll-behavior:contain;padding:14px!important;
  border:1px solid #d7e5f3;border-radius:14px;background:#fff;box-shadow:0 -3px 16px rgba(10,55,95,.12);
 }
 html body.woocommerce-cart .gercan-cart-drawer-toggle {
  display:block;position:fixed;left:12px;right:12px;width:calc(100% - 24px);
  bottom:calc(156px + env(safe-area-inset-bottom,0px));height:20px;min-height:20px;
  margin:0;padding:0 10px;line-height:20px;font-size:11px;font-weight:600;
  background:#edf5ff;color:#073b79;border:1px solid #d7e5f3;border-radius:10px 10px 0 0;z-index:10012;
 }
 html body.woocommerce-cart .gercan-cart-drawer .wc-block-components-totals-footer-item {border-top-left-radius:0!important;border-top-right-radius:0!important;}
}

/* v259: v257 behavior, with its existing disclosure button over the total area. */
@media(max-width:980px){
 html body.woocommerce-cart .gercan-cart-drawer-toggle {
  left:12px!important;right:auto!important;
  bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  width:calc((100% - 48px) * .46)!important;
  height:68px!important;min-height:68px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:14px!important;
  background:transparent!important;color:transparent!important;font-size:0!important;
  box-shadow:none!important;cursor:pointer;touch-action:manipulation;
 }
 html body.woocommerce-cart .gercan-cart-drawer-toggle:focus-visible {
  outline:2px solid #006be6!important;outline-offset:-3px;
 }
 html body.woocommerce-cart .gercan-cart-drawer-toggle:after {
  content:'';position:absolute;right:3px;top:16px;width:6px;height:6px;
  border-top:2px solid #073b79;border-left:2px solid #073b79;transform:rotate(45deg);
 }
 html body.woocommerce-cart .gercan-cart-drawer-toggle[aria-expanded="true"]:after {transform:rotate(225deg);}
 html body.woocommerce-cart .wc-block-cart__sidebar.gercan-cart-drawer {
  bottom:calc(164px + env(safe-area-inset-bottom,0px))!important;
 }
 html body.woocommerce-cart .gercan-cart-drawer .wc-block-components-totals-footer-item {border-radius:14px!important;}
}


/* v260: visually separate the expandable total from the payment action. */
@media(max-width:980px){
 html body.woocommerce-cart .gercan-cart-drawer-toggle:before {
  content:'';position:absolute;right:-6px;top:12px;bottom:12px;
  width:1px;background:#c7d8e9;pointer-events:none;
 }
}


/* v263: touch focus must not look like a second selected navigation item. */
@media(max-width:980px){
 html body .gercan-store .gercan-mobile-nav > a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;}
 html body .gercan-store .gercan-mobile-nav > a:focus-visible{outline:2px solid #0069d8!important;outline-offset:-5px;}
}

/* v264: readable, single-column address cards on mobile. */
@media(max-width:980px){
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
 html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses {
  --gercan-address-columns:minmax(0,1fr);--gercan-address-row:auto;--gercan-address-column:1;
  grid-template-columns:minmax(0,1fr)!important;width:100%!important;box-sizing:border-box!important;
 }
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > *,
 html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses > * {
  grid-column:1!important;grid-row:auto!important;min-width:0!important;
  height:auto!important;min-height:0!important;padding:14px!important;box-sizing:border-box!important;
 }
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  width:100%!important;max-width:100%!important;gap:10px!important;margin:0 0 12px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;position:static!important;
 }
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::before,
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::after {display:none!important;content:none!important;}
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
  float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
  font-size:18px!important;line-height:1.3!important;border:0!important;background:transparent!important;
  word-break:normal!important;overflow-wrap:break-word!important;
 }
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit {
  position:static!important;float:none!important;inset:auto!important;transform:none!important;
  width:auto!important;min-width:64px!important;min-height:40px!important;margin:0!important;padding:8px 12px!important;
  font-size:13px!important;box-sizing:border-box!important;justify-self:end!important;
 }
 html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;
  font-size:14px!important;line-height:1.65!important;font-style:normal!important;overflow-wrap:break-word!important;
 }
}


/* v265: optional occupation in account details. */
html body.woocommerce-account .gercan-occupation-field{width:100%!important;clear:both;}
html body.woocommerce-account .gercan-occupation-field select{width:100%;max-width:100%;min-height:44px;box-sizing:border-box;}
html body.woocommerce-account #gercan-occupation-help{display:block;margin-top:6px;font-size:12px;color:#607996;}
@media(max-width:980px){html body.woocommerce-account .gercan-occupation-field select{font-size:16px;}}

/* v266: account field ordering and password disclosure. */
html body.woocommerce-account .woocommerce-EditAccountForm .gercan-account-password-fields[hidden]{display:none!important;}
html body.woocommerce-account .woocommerce-EditAccountForm .gercan-account-password-toggle{clear:both;display:block;margin:16px 0!important;min-height:44px;}
html body.woocommerce-account .woocommerce-EditAccountForm .form-row:has(#account_display_name),
html body.woocommerce-account .woocommerce-EditAccountForm .form-row:has(#account_email),
html body.woocommerce-account .woocommerce-EditAccountForm .gercan-occupation-field{clear:both;width:100%!important;}

/* v270: multiple interests, disclosed with native keyboard-accessible control. */
html body.woocommerce-account .gercan-interests-disclosure{margin:0 0 16px;border:0;padding:0;}
html body.woocommerce-account .gercan-interests-disclosure>summary{display:list-item;box-sizing:border-box;width:100%;min-height:44px;padding:12px 16px;border-radius:10px;background:#006be6;color:#fff;font-size:15px;font-weight:600;cursor:pointer;}
html body.woocommerce-account .gercan-interests-disclosure>summary:focus-visible{outline:2px solid #003e80;outline-offset:3px;}
html body.woocommerce-account .gercan-interests-disclosure:not([open])>.gercan-interests-options{display:none!important;}
html body.woocommerce-account .gercan-interests-options{padding:12px;border:1px solid #d4e2f5;border-radius:10px;margin-top:8px;}
html body.woocommerce-account .gercan-interests-options .gercan-interest-option{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:0;padding:8px;box-sizing:border-box;cursor:pointer;font-weight:400;line-height:1.4;}
html body.woocommerce-account .gercan-interest-option input[type=checkbox]{flex:0 0 20px;width:20px!important;height:20px!important;min-height:0!important;margin:0!important;accent-color:#006be6;}
html body.woocommerce-account .gercan-interest-option span{min-width:0;overflow-wrap:anywhere;}

/* v274: compact account dashboard, mobile only. */
@media (max-width:980px){
  html body.woocommerce-account .gercan-loyalty-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.woocommerce-account .gercan-loyalty-overview__item{
    min-width:0;min-height:0;gap:6px;padding:10px 8px;align-items:flex-start;
  }
  html body.woocommerce-account .gercan-loyalty-overview__item+.gercan-loyalty-overview__item{
    border-top:0;border-left:1px solid #d8e7f6;
  }
  html body.woocommerce-account .gercan-loyalty-overview__icon{
    width:26px;height:26px;flex:0 0 26px;margin-top:2px;
  }
  html body.woocommerce-account .gercan-loyalty-overview__icon svg{width:19px;height:19px;}
  html body.woocommerce-account .gercan-loyalty-overview__icon--coins{font-size:10px;}
  html body.woocommerce-account .gercan-loyalty-overview__item>div:last-child{min-width:0;flex:1;}
  html body.woocommerce-account .gercan-loyalty-overview small{font-size:9px;line-height:1.3;margin-bottom:4px;}
  html body.woocommerce-account .gercan-loyalty-overview strong{
    font-size:clamp(12px,3.8vw,16px);line-height:1.2;letter-spacing:0;white-space:nowrap;
  }
  html body.woocommerce-account .gercan-loyalty-overview__item>div:last-child>span{
    font-size:9px;line-height:1.3;margin-top:4px;
  }
  html body.woocommerce-account .gercan-loyalty-levels--premium{grid-template-columns:minmax(0,1fr)!important;}
  html body.woocommerce-account .gercan-level-card--premium{min-width:0;min-height:0;height:auto;}
  html body.woocommerce-account .gercan-level-card--premium>*{flex-shrink:0;}
  html body.woocommerce-account .gercan-level-card__current-ribbon{font-size:9px;line-height:1.4;padding:5px 6px;}
  html body.woocommerce-account .gercan-level-card__header{
    display:block;position:static;width:auto;height:auto;min-height:0;text-align:center;
  }
  html body.woocommerce-account .gercan-level-card__range-box{padding:10px 8px;}
  html body.woocommerce-account .gercan-level-card__range-box>strong{font-size:12px;line-height:1.5;}
  html body.woocommerce-account .gercan-level-card__range-box strong .woocommerce-Price-amount,
  html body.woocommerce-account .gercan-level-card__range-box strong .woocommerce-Price-currencySymbol{
    display:inline!important;font-size:inherit!important;color:inherit!important;margin:0!important;
  }
  html body.woocommerce-account .gercan-level-card__range-box .woocommerce-Price-amount{white-space:nowrap;}
  html body.woocommerce-account .gercan-level-card__range-box>span{font-size:10px;line-height:1.4;}
  html body.woocommerce-account .gercan-level-card__benefits li{font-size:11px!important;line-height:1.4;}
}

/* v276: remove only the empty-downloads browse action. */
html body.gercan-account-downloads .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward,
html body.gercan-account-downloads .woocommerce-MyAccount-content .wc-block-components-notice-banner .button.wc-forward{display:none!important;}

/* Center the quantity/cart pair without stretching the quantity wrapper. */
html body .gercan-products > .gercan-product .gercan-buy-controls,
html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  gap:20px!important;margin:0 auto!important;padding:0!important;transform:none!important;
}
html body .gercan-products > .gercan-product .gercan-qty-wrap,
html body #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{
  flex:0 0 64px!important;width:64px!important;min-width:0!important;margin:0!important;
}
html body .gercan-products > .gercan-product .gercan-add,
html body #gercan-store .gercan-products > .gercan-product .gercan-add{margin:0!important;flex-grow:0!important;}
@media(max-width:980px){
  html body .gercan-products > .gercan-product .gercan-qty-wrap,
  html body #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{flex:0 0 48px!important;width:48px!important;}
  html body .gercan-products > .gercan-product .gercan-qty,
  html body #gercan-store .gercan-products > .gercan-product .gercan-qty{width:48px!important;min-width:0!important;max-width:48px!important;}
}

/* v278: favorites copy, tax caption and expanded-card heart placement. */
.gercan-favorite-item .gercan-level-price-note{display:none!important;}
html body .gercan-price-tax-caption{display:block!important;font-size:10px!important;font-weight:400!important;line-height:1.4!important;margin-top:3px;color:#607996;}
html body .gercan-product-modal__card .gercan-product__price{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;}
html body .gercan-product-modal__card .gercan-modal-price-value{display:block;min-width:0;}
html body .gercan-product-modal__card .gercan-product__price .gercan-favorite-toggle{position:static!important;inset:auto!important;transform:none!important;margin:0!important;flex:0 0 36px!important;align-self:center!important;}

/* v279: mobile grid cards; keep expanded cards outside these selectors. */
@media(max-width:980px){
  html body .gercan-products > .gercan-product .gercan-buy-controls,
  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{gap:40px!important;}
  html body .gercan-products > .gercan-product,
  html body #gercan-store .gercan-products > .gercan-product{padding-top:10px!important;}
  html body .gercan-products > .gercan-product > .gercan-favorite-toggle,
  html body #gercan-store .gercan-products > .gercan-product > .gercan-favorite-toggle{
    position:static!important;inset:auto!important;transform:none!important;
    order:2!important;align-self:flex-end!important;flex-shrink:0!important;margin:0 2px 0 0!important;
  }
}
/* Shared width makes the expanded heart and cart share a vertical center line. */
html body .gercan-product-modal__card .gercan-product__price{
  position:relative!important;display:flex!important;justify-content:center!important;
  width:min(240px,100%)!important;max-width:100%!important;min-height:42px!important;
  margin-left:auto!important;margin-right:auto!important;padding:0!important;box-sizing:border-box!important;
}
html body .gercan-product-modal__card .gercan-modal-price-value{
  width:calc(100% - 88px)!important;text-align:center!important;
}
html body .gercan-product-modal__card .gercan-price-tax-caption{text-align:center!important;}
html body .gercan-product-modal__card .gercan-product__price .gercan-favorite-toggle{
  position:absolute!important;left:auto!important;right:2px!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:38px!important;height:38px!important;margin:0!important;
}
html body .gercan-product-modal__card .gercan-buy-controls{
  display:grid!important;grid-template-columns:64px minmax(0,1fr) 42px!important;
  width:min(240px,100%)!important;max-width:100%!important;gap:0!important;
  margin-left:auto!important;margin-right:auto!important;padding:0!important;box-sizing:border-box!important;
}
html body .gercan-product-modal__card .gercan-buy-controls .gercan-qty-wrap{grid-column:1!important;margin:0!important;}
html body .gercan-product-modal__card .gercan-buy-controls .gercan-add{
  grid-column:3!important;width:42px!important;min-width:42px!important;max-width:42px!important;margin:0!important;justify-self:center!important;
}

/* v282: equal mobile gutters for the complete checkout, without centering field text. */
@media(max-width:980px){
  html body.woocommerce-checkout .site-content>.ast-container,
  html body.woocommerce-checkout #primary,
  html body.woocommerce-checkout #primary>article,
  html body.woocommerce-checkout #primary .entry-content{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;float:none!important;
  }
  html body.woocommerce-checkout .entry-content>.woocommerce,
  html body.woocommerce-checkout .wp-block-woocommerce-checkout{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;
    left:auto!important;right:auto!important;transform:none!important;
  }
  html body.woocommerce-checkout .entry-content>.woocommerce .wp-block-woocommerce-checkout{
    padding-left:0!important;padding-right:0!important;
  }
  html body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  html body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main,
  html body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;
  }
}

.gercan-transfer-sheet{box-sizing:border-box;max-width:100%;margin:24px 0;padding:20px;border:1px solid #cfdfef;border-radius:12px;background:#f5f9ff;color:#123e65;overflow-wrap:anywhere;}
.gercan-transfer-sheet h2{font-size:21px;margin:0 0 16px}.gercan-transfer-reference{font-size:24px;font-weight:700;padding:12px;background:#fff;border-radius:8px}.gercan-transfer-bank dt{font-weight:700}.gercan-transfer-bank dd{margin:0 0 10px}.gercan-transfer-sheet .gercan-payment-pdf-download{white-space:normal;max-width:100%;}.gercan-payment-pdf-status{font-size:12px;}

/* v287: match the quantity input width in normal and expanded product cards. */
html body .gercan-products > .gercan-product .gercan-add,
html body #gercan-store .gercan-products > .gercan-product .gercan-add{
  width:64px!important;min-width:64px!important;max-width:64px!important;
  flex:0 0 64px!important;box-sizing:border-box!important;
}
@media(max-width:980px){
  html body .gercan-products > .gercan-product .gercan-add,
  html body #gercan-store .gercan-products > .gercan-product .gercan-add{
    width:48px!important;min-width:48px!important;max-width:48px!important;flex-basis:48px!important;
  }
}
html body .gercan-product-modal__card .gercan-buy-controls{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
}
html body .gercan-product-modal__card .gercan-buy-controls .gercan-add{
  width:64px!important;min-width:64px!important;max-width:64px!important;
  flex:0 0 64px!important;box-sizing:border-box!important;
}
html body .gercan-product-modal__card .gercan-product__price .gercan-favorite-toggle{
  right:13px!important;
}

/* v288: the included VAT is informational, never added to the total. */
.gercan-included-vat { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:12px 16px; font-size:13px; box-sizing:border-box; }
.gercan-included-vat small,.gercan-included-vat-classic small { display:block; font-size:11px; font-weight:400; opacity:.75; margin-top:3px; }
.gercan-included-vat__amount { white-space:nowrap; }

/* v290: direct shortcuts for Home and Smart Home, between existing rows. */
html body #gercan-store .gercan-store__home-aisles{
  position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  width:min(440px,80%);z-index:3;
}
html body #gercan-store .gercan-store__home-aisles .gercan-dept{
  position:static!important;transform:none!important;width:100%!important;
  min-width:0!important;max-width:none!important;margin:0!important;
}
@media(max-width:980px){
  html body #gercan-store .gercan-store__home-aisles{
    position:static;transform:none;grid-column:1/-1;grid-row:2;
    justify-self:center;width:min(240px,90%);gap:12px;
  }
  html body #gercan-store .gercan-store__home-aisles .gercan-dept{
    flex-direction:row!important;min-height:28px!important;padding:2px 4px!important;
  }
}

/* v295: purchase information only inside the expanded product card. */
.gercan-product-modal__card .gercan-purchase-info{width:100%;order:8;text-align:left;border:1px solid #d6e4f3;border-radius:12px;padding:12px;box-sizing:border-box;margin:12px 0;}
.gercan-product-modal__card .gercan-purchase-info h3{font-size:15px;margin:0 0 8px;color:#073b6e;}
.gercan-product-modal__card .gercan-purchase-info details{border-top:1px solid #e6edf5;}
.gercan-product-modal__card .gercan-purchase-info summary{cursor:pointer;padding:12px 4px;font-size:13px;font-weight:600;min-height:44px;box-sizing:border-box;}
.gercan-product-modal__card .gercan-purchase-info p{font-size:13px;line-height:1.55;margin:0 4px 12px;white-space:pre-line;overflow-wrap:anywhere;}

/* v297 — Cover Flow de los nueve pasillos. */
html body #gercan-store .gercan-store__visual{
  display:block !important;
  height:430px !important;
  min-height:430px !important;
  max-height:none !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.98) 0,rgba(247,251,255,.95) 42%,rgba(232,241,251,.92) 100%),
    var(--gercan-hero) center/cover no-repeat !important;
  isolation:isolate;
}
html body #gercan-store .gercan-coverflow{
  position:relative;width:min(1180px,100%);height:100%;margin:0 auto;outline:none;
  user-select:none;-webkit-user-select:none;touch-action:pan-y;
}
html body #gercan-store .gercan-coverflow__stage{
  position:absolute;inset:0 64px 66px;perspective:1250px;transform-style:preserve-3d;
  overflow:visible;touch-action:pan-y;
}
html body #gercan-store .gercan-coverflow__card{
  position:absolute !important;left:50% !important;top:18px !important;
  width:250px !important;height:340px !important;min-width:0 !important;min-height:0 !important;max-width:none !important;
  margin:0 !important;padding:0 !important;display:block !important;overflow:hidden !important;
  border:1px solid rgba(12,55,101,.18) !important;border-radius:18px !important;
  background:#dce8f5 !important;color:#fff !important;
  box-shadow:0 18px 38px rgba(6,33,64,.18) !important;
  transform-style:preserve-3d;transform-origin:center center;
  transition:transform .42s cubic-bezier(.2,.72,.2,1),opacity .32s ease,filter .32s ease,box-shadow .32s ease !important;
  cursor:pointer;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  z-index:1;
}
html body #gercan-store .gercan-coverflow__card:hover{
  box-shadow:0 22px 48px rgba(6,33,64,.25) !important;
}
html body #gercan-store .gercan-coverflow__card:focus-visible{
  outline:none !important;
}
html body #gercan-store .gercan-coverflow__card.is-active,
html body #gercan-store .gercan-coverflow__card.is-center{
  background:#dce8f5 !important;border-color:rgba(12,55,101,.18) !important;color:#fff !important;
}
html body #gercan-store .gercan-coverflow__image{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  pointer-events:none;transform:translateZ(0);
}
html body #gercan-store .gercan-coverflow__scrim{
  position:absolute;inset:auto 0 0;height:34%;pointer-events:none;
  background:linear-gradient(to top,rgba(3,28,61,.76),rgba(3,28,61,.18) 58%,transparent);
}
html body #gercan-store .gercan-coverflow__label{
  position:absolute;left:12px;right:12px;bottom:12px;min-height:48px;padding:8px 13px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border-radius:13px;background:rgba(4,54,111,.93);color:#fff !important;
  font-size:17px;font-weight:800;line-height:1.08;letter-spacing:-.15px;
  box-shadow:0 6px 18px rgba(0,20,50,.2);pointer-events:none;
}
html body #gercan-store .gercan-coverflow__card.is-center{
  transform:translate3d(-50%,0,80px) rotateY(0deg) scale(1) !important;
  opacity:1;filter:none;z-index:10;
  box-shadow:0 24px 50px rgba(4,42,86,.28) !important;
}
html body #gercan-store .gercan-coverflow__card.is-left-1{
  transform:translate3d(calc(-50% - 220px),22px,-30px) rotateY(48deg) scale(.88) !important;
  opacity:.96;filter:saturate(.92) brightness(.97);z-index:8;
}
html body #gercan-store .gercan-coverflow__card.is-right-1{
  transform:translate3d(calc(-50% + 220px),22px,-30px) rotateY(-48deg) scale(.88) !important;
  opacity:.96;filter:saturate(.92) brightness(.97);z-index:8;
}
html body #gercan-store .gercan-coverflow__card.is-left-2{
  transform:translate3d(calc(-50% - 395px),43px,-115px) rotateY(57deg) scale(.72) !important;
  opacity:.66;filter:saturate(.78) brightness(.92);z-index:6;
}
html body #gercan-store .gercan-coverflow__card.is-right-2{
  transform:translate3d(calc(-50% + 395px),43px,-115px) rotateY(-57deg) scale(.72) !important;
  opacity:.66;filter:saturate(.78) brightness(.92);z-index:6;
}
html body #gercan-store .gercan-coverflow__card.is-far{
  transform:translate3d(-50%,48px,-240px) scale(.56) !important;opacity:0;pointer-events:none;z-index:1;
}
html body #gercan-store .gercan-coverflow__arrow{
  position:absolute;top:44%;z-index:20;width:46px;height:46px;padding:0;border:1px solid rgba(17,63,108,.24);
  border-radius:999px;background:rgba(255,255,255,.94);color:#0b477f;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(8,40,77,.16);cursor:pointer;transition:transform .18s ease,background .18s ease;
}
html body #gercan-store .gercan-coverflow__arrow:hover{transform:scale(1.06);background:#fff;}
html body #gercan-store .gercan-coverflow__arrow:focus-visible{outline:3px solid rgba(0,103,217,.3);outline-offset:2px;}
html body #gercan-store .gercan-coverflow__arrow--prev{left:18px;}
html body #gercan-store .gercan-coverflow__arrow--next{right:18px;}
html body #gercan-store .gercan-coverflow__arrow svg{width:24px;height:24px;}
html body #gercan-store .gercan-coverflow__dots{
  position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:21;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
html body #gercan-store .gercan-coverflow__dot{
  width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#b8c4d1;cursor:pointer;
  transition:width .2s ease,background .2s ease,transform .2s ease;
}
html body #gercan-store .gercan-coverflow__dot.is-active{width:24px;background:#0875dd;}
html body #gercan-store .gercan-coverflow__dot:focus-visible{outline:2px solid #0875dd;outline-offset:3px;}
html body #gercan-store .gercan-coverflow__hint{
  position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:20;margin:0;
  color:#526b86;font-size:13px;white-space:nowrap;pointer-events:none;
}
/* WhatsApp sigue siendo independiente del carrusel y conserva su comportamiento arrastrable. */
html body #gercan-store .gercan-store__visual > .gercan-whatsapp{z-index:30;}

@media(max-width:980px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    display:block !important;
    height:min(var(--gercan-mobile-hero-height,320px),320px,36dvh) !important;
    min-height:230px !important;max-height:320px !important;
    padding:0 !important;gap:0 !important;grid-template-rows:none !important;
  }
  html body #gercan-store .gercan-coverflow__stage{inset:0 34px 52px;}
  html body #gercan-store .gercan-coverflow__card{
    top:8px !important;width:150px !important;height:218px !important;
    min-width:0 !important;min-height:0 !important;padding:0 !important;font-size:inherit !important;
    border-radius:14px !important;
  }
  html body #gercan-store .gercan-coverflow__label{
    left:7px;right:7px;bottom:7px;min-height:35px;padding:6px 7px;border-radius:9px;font-size:12px;
  }
  html body #gercan-store .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,0,58px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 112px),16px,-24px) rotateY(53deg) scale(.80) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 112px),16px,-24px) rotateY(-53deg) scale(.80) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 190px),30px,-100px) rotateY(61deg) scale(.62) !important;
    opacity:.45;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 190px),30px,-100px) rotateY(-61deg) scale(.62) !important;
    opacity:.45;
  }
  html body #gercan-store .gercan-coverflow__arrow{top:42%;width:38px;height:38px;}
  html body #gercan-store .gercan-coverflow__arrow--prev{left:7px;}
  html body #gercan-store .gercan-coverflow__arrow--next{right:7px;}
  html body #gercan-store .gercan-coverflow__arrow svg{width:20px;height:20px;}
  html body #gercan-store .gercan-coverflow__dots{bottom:26px;gap:6px;}
  html body #gercan-store .gercan-coverflow__dot{width:7px;height:7px;}
  html body #gercan-store .gercan-coverflow__dot.is-active{width:19px;}
  html body #gercan-store .gercan-coverflow__hint{bottom:5px;font-size:11px;}
}
@media(max-width:980px) and (max-height:650px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    height:218px !important;min-height:218px !important;max-height:218px !important;
  }
  html body #gercan-store .gercan-coverflow__card{top:6px !important;width:130px !important;height:178px !important;}
  html body #gercan-store .gercan-coverflow__stage{inset:0 28px 42px;}
  html body #gercan-store .gercan-coverflow__label{font-size:10px;min-height:30px;}
  html body #gercan-store .gercan-coverflow__card.is-left-1{transform:translate3d(calc(-50% - 96px),12px,-24px) rotateY(53deg) scale(.80) !important;}
  html body #gercan-store .gercan-coverflow__card.is-right-1{transform:translate3d(calc(-50% + 96px),12px,-24px) rotateY(-53deg) scale(.80) !important;}
  html body #gercan-store .gercan-coverflow__card.is-left-2{transform:translate3d(calc(-50% - 158px),22px,-95px) rotateY(61deg) scale(.60) !important;}
  html body #gercan-store .gercan-coverflow__card.is-right-2{transform:translate3d(calc(-50% + 158px),22px,-95px) rotateY(-61deg) scale(.60) !important;}
}

@media(prefers-reduced-motion:reduce){
  html body #gercan-store .gercan-coverflow__card,
  html body #gercan-store .gercan-coverflow__arrow,
  html body #gercan-store .gercan-coverflow__dot{transition:none !important;}
}


/* v297.1 — ajustes finos de Cover Flow.
   - En escritorio ocupa casi todo el ancho disponible.
   - En móvil fuerza altura/ancho reales de las tarjetas para vencer reglas anteriores
     más específicas del plugin y evita que sólo se vea la franja del texto. */
html body #gercan-store .gercan-coverflow{
  width:min(1520px, calc(100vw - 28px), calc(100% - 8px)) !important;
}
html body #gercan-store .gercan-coverflow__stage{
  inset:0 56px 66px !important;
}
html body #gercan-store .gercan-coverflow__card{
  width:268px !important;
  height:346px !important;
  min-height:346px !important;
  max-height:346px !important;
}
html body #gercan-store .gercan-coverflow__card.is-left-1{
  transform:translate3d(calc(-50% - 238px),22px,-30px) rotateY(46deg) scale(.885) !important;
}
html body #gercan-store .gercan-coverflow__card.is-right-1{
  transform:translate3d(calc(-50% + 238px),22px,-30px) rotateY(-46deg) scale(.885) !important;
}
html body #gercan-store .gercan-coverflow__card.is-left-2{
  transform:translate3d(calc(-50% - 430px),44px,-120px) rotateY(56deg) scale(.73) !important;
}
html body #gercan-store .gercan-coverflow__card.is-right-2{
  transform:translate3d(calc(-50% + 430px),44px,-120px) rotateY(-56deg) scale(.73) !important;
}

@media (min-width:981px){
  html body #gercan-store .gercan-store__visual{
    height:448px !important;
    min-height:448px !important;
  }
}

@media (max-width:980px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    height:268px !important;
    min-height:268px !important;
    max-height:268px !important;
  }
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    width:calc(100% - 8px) !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:8px 12px 50px !important;
    perspective:1050px !important;
  }
  html body #gercan-store .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow .gercan-coverflow__card{
    position:absolute !important;
    left:50% !important;
    top:8px !important;
    width:144px !important;
    height:194px !important;
    min-width:144px !important;
    max-width:144px !important;
    min-height:194px !important;
    max-height:194px !important;
    padding:0 !important;
    display:block !important;
    border-radius:14px !important;
  }
  html body #gercan-store .gercan-coverflow__image,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__image{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  html body #gercan-store .gercan-coverflow__label,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__label{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:12px !important;
    line-height:1.08 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-center,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,0,58px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 104px),16px,-24px) rotateY(52deg) scale(.80) !important;
    opacity:.94 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 104px),16px,-24px) rotateY(-52deg) scale(.80) !important;
    opacity:.94 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 172px),28px,-90px) rotateY(60deg) scale(.62) !important;
    opacity:.42 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 172px),28px,-90px) rotateY(-60deg) scale(.62) !important;
    opacity:.42 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-far,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,28px,-180px) scale(.5) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  html body #gercan-store .gercan-coverflow__arrow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__arrow{
    top:44% !important;
  }
}

@media (max-width:980px) and (max-height:650px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:6px 10px 42px !important;
  }
  html body #gercan-store .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow .gercan-coverflow__card{
    width:126px !important;
    height:170px !important;
    min-width:126px !important;
    max-width:126px !important;
    min-height:170px !important;
    max-height:170px !important;
  }
  html body #gercan-store .gercan-coverflow__label,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__label{
    font-size:10px !important;
    min-height:30px !important;
    padding:5px 6px !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 90px),12px,-22px) rotateY(52deg) scale(.78) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 90px),12px,-22px) rotateY(-52deg) scale(.78) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 145px),22px,-82px) rotateY(60deg) scale(.58) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 145px),22px,-82px) rotateY(-60deg) scale(.58) !important;
  }
}

/* v297.2 — Cover Flow aislado de los estilos heredados de los antiguos botones.
   Escritorio: ocupa prácticamente todo el ancho útil.
   Móvil: tarjetas completas, centradas y sin recortes por reglas históricas de .gercan-dept. */
html body #gercan-store .gercan-store__visual{
  overflow:hidden !important;
}
html body #gercan-store .gercan-coverflow{
  width:calc(100% - 12px) !important;
  max-width:none !important;
  height:100% !important;
  margin:0 auto !important;
  overflow:visible !important;
}
html body #gercan-store .gercan-coverflow__stage{
  inset:0 44px 66px !important;
  overflow:visible !important;
  perspective:1450px !important;
  transform-style:preserve-3d !important;
}
html body #gercan-store .gercan-coverflow__card{
  position:absolute !important;
  left:50% !important;
  top:18px !important;
  width:clamp(255px,17vw,310px) !important;
  height:352px !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:352px !important;
  max-height:352px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
  line-height:normal !important;
}
html body #gercan-store .gercan-coverflow__card.is-center{
  transform:translate3d(-50%,0,90px) rotateY(0deg) scale(1) !important;
}
html body #gercan-store .gercan-coverflow__card.is-left-1{
  transform:translate3d(calc(-50% - clamp(245px,19vw,360px)),24px,-28px) rotateY(45deg) scale(.88) !important;
  opacity:.97 !important;
}
html body #gercan-store .gercan-coverflow__card.is-right-1{
  transform:translate3d(calc(-50% + clamp(245px,19vw,360px)),24px,-28px) rotateY(-45deg) scale(.88) !important;
  opacity:.97 !important;
}
html body #gercan-store .gercan-coverflow__card.is-left-2{
  transform:translate3d(calc(-50% - clamp(430px,37vw,680px)),46px,-128px) rotateY(56deg) scale(.72) !important;
  opacity:.72 !important;
}
html body #gercan-store .gercan-coverflow__card.is-right-2{
  transform:translate3d(calc(-50% + clamp(430px,37vw,680px)),46px,-128px) rotateY(-56deg) scale(.72) !important;
  opacity:.72 !important;
}
html body #gercan-store .gercan-coverflow__image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
html body #gercan-store .gercan-coverflow__label{
  box-sizing:border-box !important;
}

@media (min-width:981px){
  html body #gercan-store .gercan-store__visual{
    height:438px !important;
    min-height:438px !important;
  }
  html body #gercan-store .gercan-coverflow__arrow--prev{left:20px !important;}
  html body #gercan-store .gercan-coverflow__arrow--next{right:20px !important;}
}

@media (max-width:980px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    display:block !important;
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
    padding:0 !important;
    gap:0 !important;
    overflow:hidden !important;
  }
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    width:100% !important;
    max-width:100% !important;
    height:270px !important;
    min-height:270px !important;
    overflow:hidden !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:5px 0 48px !important;
    height:auto !important;
    overflow:visible !important;
    perspective:1000px !important;
  }
  html body #gercan-store .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    width:144px !important;
    height:216px !important;
    min-width:144px !important;
    max-width:144px !important;
    min-height:216px !important;
    max-height:216px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:14px !important;
    font-size:inherit !important;
    line-height:normal !important;
    box-sizing:border-box !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-center,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,0,64px) rotateY(0deg) scale(1) !important;
    opacity:1 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 102px),15px,-28px) rotateY(54deg) scale(.79) !important;
    opacity:.93 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 102px),15px,-28px) rotateY(-54deg) scale(.79) !important;
    opacity:.93 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 165px),28px,-98px) rotateY(62deg) scale(.60) !important;
    opacity:.44 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 165px),28px,-98px) rotateY(-62deg) scale(.60) !important;
    opacity:.44 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-far,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,26px,-190px) scale(.48) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  html body #gercan-store .gercan-coverflow__label,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__label{
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    min-height:34px !important;
    padding:6px 7px !important;
    border-radius:9px !important;
    font-size:11px !important;
    line-height:1.08 !important;
  }
  html body #gercan-store .gercan-coverflow__arrow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__arrow{
    top:42% !important;
    width:38px !important;
    height:38px !important;
  }
  html body #gercan-store .gercan-coverflow__arrow--prev,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__arrow--prev{left:8px !important;}
  html body #gercan-store .gercan-coverflow__arrow--next,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__arrow--next{right:8px !important;}
  html body #gercan-store .gercan-coverflow__dots,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__dots{bottom:25px !important;}
  html body #gercan-store .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__hint{bottom:5px !important;}
}

@media (max-width:380px){
  html body #gercan-store .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card{
    width:132px !important;height:204px !important;
    min-width:132px !important;max-width:132px !important;
    min-height:204px !important;max-height:204px !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 91px),14px,-28px) rotateY(54deg) scale(.78) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 91px),14px,-28px) rotateY(-54deg) scale(.78) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 146px),26px,-94px) rotateY(62deg) scale(.58) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 146px),26px,-94px) rotateY(-62deg) scale(.58) !important;
  }
}

/* v300 — visibilidad configurable de flechas del Cover Flow por dispositivo. */
html body #gercan-store .gercan-coverflow__arrow,
html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__arrow{
  display:none !important;
}
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--arrows-desktop .gercan-coverflow__arrow{
    display:flex !important;
  }
}
@media (max-width:980px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--arrows-mobile .gercan-coverflow__arrow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--arrows-mobile .gercan-coverflow__arrow{
    display:flex !important;
  }
}


/* v301 — reduce el espacio vertical entre la tarjeta del pasillo y la ayuda en móvil. */
@media (max-width:980px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual{
    height:245px !important;
    min-height:245px !important;
    max-height:245px !important;
  }
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    height:245px !important;
    min-height:245px !important;
    max-height:245px !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:5px 0 28px !important;
  }
  html body #gercan-store .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__hint{
    bottom:3px !important;
    line-height:1.15 !important;
  }
}
@media (max-width:380px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual,
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    height:232px !important;
    min-height:232px !important;
    max-height:232px !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:3px 0 25px !important;
  }
  html body #gercan-store .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__hint{
    bottom:2px !important;
  }
}

/* v302 — Ofertas reales de WooCommerce: precio normal tachado, precio rebajado y contador. */
.gercan-sale-price-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  width:100%;
  line-height:1.08;
}
.gercan-sale-from{
  display:block;
  margin:0;
  color:#647b94;
  font-size:10px;
  font-weight:600;
  line-height:1;
}
.gercan-sale-regular{
  display:block;
  margin:0;
  color:#73869a;
  font-size:12px;
  font-weight:600;
  line-height:1.05;
  text-decoration-line:line-through;
  text-decoration-thickness:1.5px;
}
.gercan-sale-current{
  display:block;
  margin:0;
  color:#075ca8;
  font-size:20px;
  font-weight:800;
  line-height:1.08;
  text-decoration:none;
}
.gercan-sale-countdown{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:auto;
  max-width:100%;
  align-self:center;
  margin-top:5px;
  padding:5px 9px;
  border-radius:8px;
  background:var(--gercan-sale-countdown-bg, #eaf4ff);
  color:var(--gercan-sale-countdown-text, #075ca8);
  box-shadow:0 1px 3px rgba(7,53,104,.12);
  font-size:10px;
  line-height:1.1;
  white-space:nowrap;
}
.gercan-sale-countdown > span{
  color:inherit;
  font-weight:700;
}
.gercan-sale-countdown__value{
  color:inherit;
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.gercan-sale-countdown.is-finished{
  opacity:.78;
}
.gercan-sale-countdown.is-finished .gercan-sale-countdown__value{
  color:inherit;
}
#gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__price{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  overflow:visible !important;
  height:auto !important;
  min-height:64px !important;
  max-height:none !important;
  transform:none !important;
}
#gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__price > .gercan-price-tax-caption{
  margin-top:1px !important;
}
.gercan-product-modal__card .gercan-modal-price-value{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.gercan-product-modal__card .gercan-sale-regular{
  font-size:14px;
}
.gercan-product-modal__card .gercan-sale-current{
  font-size:23px;
}
.gercan-product-modal__card .gercan-sale-countdown{
  margin-top:6px;
  font-size:12px;
}
.gercan-product-modal__card .gercan-sale-countdown__value{
  font-size:13px;
}

@media(min-width:981px){
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale{
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-product__body{
    grid-template-rows:
      40px
      46px
      18px
      72px
      30px
      46px
      0px
      !important;
  }
}

@media(max-width:980px){
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__price{
    min-height:0 !important;
    margin-top:auto !important;
    gap:1px !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-sale-regular{
    font-size:9px !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-sale-current{
    font-size:13px !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-sale-countdown{
    margin-top:3px !important;
    gap:3px !important;
    padding:4px 6px !important;
    border-radius:6px !important;
    font-size:8px !important;
    white-space:normal !important;
    flex-wrap:wrap !important;
  }
  #gercan-store .gercan-products > .gercan-product .gercan-sale-countdown__value{
    font-size:9px !important;
  }
}



/* v307: el contador del modal debe dimensionarse según su contenido, no según
   la columna estrecha reservada para precio + favorito. */
html body .gercan-product-modal__card .gercan-modal-price-value{
  overflow:visible!important;
}
html body .gercan-product-modal__card .gercan-sale-countdown{
  display:inline-flex!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:calc(100vw - 72px)!important;
  box-sizing:border-box!important;
  align-self:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
html body .gercan-product-modal__card .gercan-sale-countdown > span,
html body .gercan-product-modal__card .gercan-sale-countdown__value{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media(max-width:360px){
  html body .gercan-product-modal__card .gercan-sale-countdown{
    max-width:calc(100vw - 48px)!important;
    padding-left:8px!important;
    padding-right:8px!important;
    gap:4px!important;
  }
  html body .gercan-product-modal__card .gercan-sale-countdown,
  html body .gercan-product-modal__card .gercan-sale-countdown__value{
    font-size:11px!important;
  }
}

/* v308: align the favorite button with the main sale price in the expanded product modal. */
html body .gercan-product-modal__card.has-gercan-sale .gercan-product__price .gercan-favorite-toggle{
  top:28px!important;
  transform:translateY(-50%)!important;
}
@media(max-width:480px){
  html body .gercan-product-modal__card.has-gercan-sale .gercan-product__price .gercan-favorite-toggle{
    top:27px!important;
  }
}

/* v310 — acerca un poco más la ayuda al Cover Flow en móvil. */
@media (max-width:980px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual,
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    height:237px !important;
    min-height:237px !important;
    max-height:237px !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:5px 0 20px !important;
  }
  html body #gercan-store .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__hint{
    bottom:2px !important;
    margin:0 !important;
  }
}
@media (max-width:380px){
  html body #gercan-store .gercan-store__visual,
  html.gercan-mobile-store-fixed body #gercan-store > .gercan-store__visual,
  html body #gercan-store .gercan-coverflow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow{
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
  }
  html body #gercan-store .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__stage{
    inset:3px 0 17px !important;
  }
  html body #gercan-store .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow__hint{
    bottom:1px !important;
  }
}

/* v311 — texto del Cover Flow configurable y centrado vertical cuando está oculto. */
html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__hint,
html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__hint{
  display:none !important;
}

/* En escritorio, al ocultar la ayuda, el pasillo activo queda centrado verticalmente
   dentro del área visual sin reservar la franja inferior del texto. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset:0 64px 0 !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:49px !important;
  }
}

/* En móvil se elimina completamente el espacio que ocupaba la indicación y se centra
   la tarjeta principal dentro de la altura actual del hero. */
@media (max-width:980px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset:0 !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:10px !important;
  }
}
@media (max-width:380px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:10px !important;
  }
}


/* v312 — control independiente del texto del Cover Flow en escritorio y móvil. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__hint{
    display:none !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage{
    inset:0 64px 0 !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card{
    top:49px !important;
  }
}
@media (max-width:980px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__hint{
    display:none !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off{
    display:block !important;
    height:270px !important;
    min-height:270px !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__stage{
    inset:27px 0 27px !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card{
    top:0 !important;
  }
}

/* v312 — centrado vertical real del Cover Flow móvil cuando el texto de ayuda está oculto.
   La tarjeta central se centra respecto al alto disponible, sin reservar espacio inferior. */
@media (max-width:980px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__hint,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__hint{
    display:none !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off{
    height:237px !important;
    min-height:237px !important;
    max-height:237px !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__stage{
    inset:0 !important;
    height:auto !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card{
    top:50% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-center,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,-50%,64px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - 102px),calc(-50% + 15px),-28px) rotateY(54deg) scale(.79) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + 102px),calc(-50% + 15px),-28px) rotateY(-54deg) scale(.79) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - 165px),calc(-50% + 28px),-98px) rotateY(62deg) scale(.60) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + 165px),calc(-50% + 28px),-98px) rotateY(-62deg) scale(.60) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-far,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,calc(-50% + 26px),-190px) scale(.48) !important;
  }
}
@media (max-width:380px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-mobile-off{
    height:224px !important;
    min-height:224px !important;
    max-height:224px !important;
  }
}


/* v313 — centrado real del Cover Flow en escritorio cuando el texto inferior está oculto. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off{
    height:100% !important;
    min-height:100% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage{
    inset:0 64px 0 !important;
    height:100% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card{
    top:50% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,-50%,90px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(245px,19vw,360px)),calc(-50% + 24px),-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(245px,19vw,360px)),calc(-50% + 24px),-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(430px,37vw,680px)),calc(-50% + 46px),-128px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(430px,37vw,680px)),calc(-50% + 46px),-128px) rotateY(-56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-far,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,calc(-50% + 44px),-220px) scale(.58) !important;
  }
}


/* v313.1 — ajuste fino del centrado vertical en escritorio cuando el texto del Cover Flow está oculto. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off{
    height:100% !important;
    min-height:100% !important;
    display:block !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage{
    inset:0 64px 0 !important;
    height:100% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card{
    top:52% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,-50%,90px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(245px,19vw,360px)),calc(-50% + 24px),-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(245px,19vw,360px)),calc(-50% + 24px),-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(430px,37vw,680px)),calc(-50% + 46px),-128px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(430px,37vw,680px)),calc(-50% + 46px),-128px) rotateY(-56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-far,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,calc(-50% + 44px),-220px) scale(.58) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow{
    top:50% !important;
  }
}


/* v315 — baja 10 px respecto a v314: desplazamiento neto de -10 px en escritorio. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card{
    top:calc(52% - 10px) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow,
  html.gercan-mobile-store-fixed body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow{
    top:calc(50% - 10px) !important;
  }
}


/* v316 — reduce aproximadamente 100 px la altura visual del bloque superior de la tienda
   en escritorio, incluyendo el Cover Flow de pasillos, para que ocupe menos pantalla. */
@media (min-width:981px){
  html body #gercan-store .gercan-store__visual{
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }
  html body #gercan-store .gercan-coverflow{
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }
  html body #gercan-store .gercan-coverflow__stage{
    inset:0 44px 44px !important;
  }
  html body #gercan-store .gercan-coverflow__card{
    top:14px !important;
    width:clamp(225px,15vw,280px) !important;
    height:268px !important;
    min-height:268px !important;
    max-height:268px !important;
  }
  html body #gercan-store .gercan-coverflow__label{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    min-height:36px !important;
    padding:8px 10px !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(228px,18vw,330px)),18px,-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(228px,18vw,330px)),18px,-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(395px,33vw,580px)),34px,-118px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(395px,33vw,580px)),34px,-118px) rotateY(-56deg) scale(.72) !important;
  }
  /* Si el texto inferior está oculto, el conjunto sigue centrado visualmente. */
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset:0 64px 0 !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:35px !important;
  }
  body.gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 338px !important;
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }
}

/* v317 — corrige el compactado de escritorio de v316.
   Mantiene la zona superior ~100 px más baja y las tarjetas reducidas,
   pero vuelve a centrar el Cover Flow sin recortar las imágenes. */
@media (min-width:981px){
  html body #gercan-store .gercan-store__visual,
  html body #gercan-store .gercan-coverflow{
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }

  html body #gercan-store .gercan-coverflow__card{
    width:clamp(225px,15vw,280px) !important;
    height:268px !important;
    min-height:268px !important;
    max-height:268px !important;
  }

  /* Con texto visible: deja un pequeño espacio inferior para el texto. */
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__stage{
    inset:0 44px 44px !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card{
    top:14px !important;
  }

  /* Con texto oculto: usa toda la altura y centra de verdad las tarjetas. */
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset:0 64px 0 !important;
    height:100% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:calc(52% - 10px) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,-50%,90px) rotateY(0deg) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(228px,18vw,330px)),calc(-50% + 18px),-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(228px,18vw,330px)),calc(-50% + 18px),-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(395px,33vw,580px)),calc(-50% + 34px),-118px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(395px,33vw,580px)),calc(-50% + 34px),-118px) rotateY(-56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-far,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-far{
    transform:translate3d(-50%,calc(-50% + 34px),-210px) scale(.58) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__arrow{
    top:calc(50% - 10px) !important;
  }

  /* Mantiene coherencia cuando la tienda usa el layout con scroll interno. */
  body.gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 338px !important;
    height:338px !important;
    min-height:338px !important;
    max-height:338px !important;
  }
}

/* v318 final — escritorio: Cover Flow más ancho, aprovechando el espacio lateral.
   Sólo afecta escritorio; móvil conserva exactamente las medidas de v317. */
@media (min-width:981px){
  html body #gercan-store .gercan-coverflow__stage{
    inset-left:20px !important;
    inset-right:20px !important;
  }

  html body #gercan-store .gercan-coverflow__card{
    width:clamp(300px,18vw,360px) !important;
  }

  /* Texto visible */
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(300px,22vw,420px)),24px,-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(300px,22vw,420px)),24px,-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(520px,40vw,760px)),46px,-128px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(520px,40vw,760px)),46px,-128px) rotateY(-56deg) scale(.72) !important;
  }

  /* Texto oculto: conserva el centrado vertical de v317 y abre el conjunto horizontalmente. */
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset-left:20px !important;
    inset-right:20px !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(300px,22vw,420px)),calc(-50% + 18px),-28px) rotateY(45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(300px,22vw,420px)),calc(-50% + 18px),-28px) rotateY(-45deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(520px,40vw,760px)),calc(-50% + 34px),-118px) rotateY(56deg) scale(.72) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(520px,40vw,760px)),calc(-50% + 34px),-118px) rotateY(-56deg) scale(.72) !important;
  }
}

/* v319 — Escritorio: Cover Flow más ancho y primera fila de productos completa.
   Todo este bloque es exclusivo de escritorio; móvil conserva v318 sin cambios. */
@media (min-width:981px){
  /* Compacta un poco la altura superior para liberar espacio vertical al catálogo. */
  html body #gercan-store .gercan-store__visual,
  html body #gercan-store .gercan-coverflow{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }
  body.gercan-store-lock-scroll .gercan-store__visual{
    flex:0 0 300px !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }

  /* Aprovecha más ancho de pantalla para las tarjetas del Cover Flow. */
  html body #gercan-store .gercan-coverflow__stage{
    inset-left:10px !important;
    inset-right:10px !important;
  }
  html body #gercan-store .gercan-coverflow__card{
    width:clamp(360px,22vw,460px) !important;
    height:252px !important;
    min-height:252px !important;
    max-height:252px !important;
  }

  /* Texto visible. */
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__stage{
    inset:0 10px 38px !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card{
    top:8px !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(350px,25vw,500px)),18px,-28px) rotateY(43deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(350px,25vw,500px)),18px,-28px) rotateY(-43deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(610px,44vw,850px)),32px,-125px) rotateY(54deg) scale(.70) !important;
  }
  html body #gercan-store .gercan-coverflow:not(.gercan-coverflow--hint-desktop-off) .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(610px,44vw,850px)),32px,-125px) rotateY(-54deg) scale(.70) !important;
  }

  /* Texto oculto: mantiene el conjunto centrado verticalmente. */
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__stage,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__stage{
    inset:0 10px !important;
    height:100% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card{
    top:50% !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-center,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-center{
    transform:translate3d(-50%,-50%,90px) rotateY(0) scale(1) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-1{
    transform:translate3d(calc(-50% - clamp(350px,25vw,500px)),calc(-50% + 14px),-28px) rotateY(43deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-1,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-1{
    transform:translate3d(calc(-50% + clamp(350px,25vw,500px)),calc(-50% + 14px),-28px) rotateY(-43deg) scale(.88) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-left-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-left-2{
    transform:translate3d(calc(-50% - clamp(610px,44vw,850px)),calc(-50% + 28px),-118px) rotateY(54deg) scale(.70) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__card.is-right-2,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__card.is-right-2{
    transform:translate3d(calc(-50% + clamp(610px,44vw,850px)),calc(-50% + 28px),-118px) rotateY(-54deg) scale(.70) !important;
  }
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-desktop-off .gercan-coverflow__arrow,
  html body #gercan-store .gercan-coverflow.gercan-coverflow--hint-hidden .gercan-coverflow__arrow{
    top:50% !important;
  }

  /* Recupera espacio vertical del panel sin cambiar su contenido. */
  body.gercan-store-lock-scroll #gercan-store .gercan-store__panel{
    padding-top:10px !important;
    padding-bottom:0 !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-store__panel-header{
    margin-bottom:5px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-panel-icon{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-panel-copy h2{
    font-size:26px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-panel-copy p{
    margin-top:1px !important;
    font-size:13px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-category-strip{
    padding-top:0 !important;
    padding-bottom:4px !important;
    gap:8px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-category{
    min-height:54px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-category__media{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-category__media img{
    width:36px !important;
    height:36px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-products-head{
    margin-top:2px !important;
    margin-bottom:3px !important;
  }

  /* Tarjetas de escritorio más compactas para que la primera fila se vea completa
     dentro del viewport, conservando las seis columnas y el scroll interno. */
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product:not(.has-gercan-sale){
    height:292px !important;
    min-height:292px !important;
    max-height:292px !important;
    padding:8px !important;
    grid-template-rows:
      28px  /* título */
      16px  /* marca */
      70px  /* imagen */
      38px  /* pasillo/categoría */
      14px  /* rating */
      30px  /* precio */
      24px  /* stock */
      42px  /* compra */
      0px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product:not(.has-gercan-sale) > .gercan-product__image{
    height:70px !important;
    min-height:70px !important;
    max-height:70px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product:not(.has-gercan-sale) > .gercan-product__image img{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    min-height:66px !important;
    max-width:66px !important;
    max-height:66px !important;
  }

  /* Las ofertas necesitan un poco más de alto por el contador, pero también caben
     completas en la primera fila en un viewport de escritorio habitual. */
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product.has-gercan-sale{
    height:316px !important;
    min-height:316px !important;
    max-height:316px !important;
    padding:8px !important;
    grid-template-rows:
      28px  /* título */
      16px  /* marca */
      68px  /* imagen */
      36px  /* pasillo/categoría */
      12px  /* rating */
      72px  /* precio + contador */
      22px  /* stock */
      42px  /* compra */
      0px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-product__image{
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
  }
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-product__image img{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
  }

  body.gercan-store-lock-scroll #gercan-store .gercan-products{
    padding-top:5px !important;
    padding-bottom:0 !important;
    align-items:start !important;
  }
}


/* ==========================================================
   v321 — Escritorio: más altura para Cover Flow y contenido
   inferior desplazado hacia abajo. Móvil sin cambios.
   ========================================================== */
@media (min-width:981px){
  /* El bloque visual crece 30 px respecto a v319. */
  html body #gercan-store .gercan-store__visual,
  html body #gercan-store .gercan-coverflow{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }

  body.gercan-store-lock-scroll #gercan-store .gercan-store__visual{
    flex:0 0 330px !important;
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }

  /* Aumenta ligeramente la altura de las tarjetas del Cover Flow. */
  html body #gercan-store .gercan-coverflow__card{
    height:272px !important;
    min-height:272px !important;
    max-height:272px !important;
  }

  /* Baja el encabezado del pasillo, categorías y productos como un solo bloque. */
  html body #gercan-store .gercan-store__panel,
  body.gercan-store-lock-scroll #gercan-store .gercan-store__panel{
    padding-top:38px !important;
  }

  /* Conserva el catálogo compacto de v319: la primera fila sigue completa. */
  body.gercan-store-lock-scroll #gercan-store .gercan-products{
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }
}


/* ==========================================================
   v322 — Escritorio: un poco más de altura para tienda/Cover Flow
   y leyenda de IVA en línea independiente bajo el precio.
   Móvil sin cambios.
   ========================================================== */
@media (min-width:981px){
  html body #gercan-store .gercan-store__visual,
  html body #gercan-store .gercan-coverflow,
  body.gercan-store-lock-scroll #gercan-store .gercan-store__visual{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
  }

  body.gercan-store-lock-scroll #gercan-store .gercan-store__visual{
    flex:0 0 350px !important;
  }

  html body #gercan-store .gercan-coverflow__card{
    height:292px !important;
    min-height:292px !important;
    max-height:292px !important;
  }

  /* IVA incluido siempre debajo del precio en las tarjetas del catálogo. */
  html body #gercan-store .gercan-products > .gercan-product .gercan-product__price{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-product__price > .gercan-price-tax-caption{
    display:block !important;
    width:100% !important;
    flex:0 0 auto !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }
}


/* v323 — Escritorio: 50 px entre selector de cantidad y botón de carrito. */
@media(min-width:981px){
  html body .gercan-products > .gercan-product .gercan-buy-controls,
  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
    gap:50px !important;
  }
}


/* ==========================================================
   v324 — Ofertas: contador justo debajo de la imagen.
   En el modal el JS lo devuelve al bloque del precio.
   ========================================================== */
#gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-sale-countdown--card{
  width:max-content !important;
  max-width:calc(100% - 12px) !important;
  margin:0 auto 3px !important;
  align-self:center !important;
  justify-self:center !important;
  box-sizing:border-box !important;
  z-index:2 !important;
}

@media(min-width:981px){
  /* Reordena exclusivamente las tarjetas de oferta del catálogo. */
  body.gercan-store-lock-scroll #gercan-store .gercan-products > .gercan-product.has-gercan-sale{
    height:326px !important;
    min-height:326px !important;
    max-height:326px !important;
    grid-template-rows:
      28px  /* título */
      16px  /* marca */
      68px  /* imagen */
      28px  /* contador */
      36px  /* pasillo/categoría */
      12px  /* rating */
      48px  /* precio + IVA */
      22px  /* stock */
      42px  /* compra */
      0px !important;
  }

  #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-product__image{grid-row:3 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-sale-countdown--card{
    grid-row:4 !important;
    padding:4px 8px !important;
    margin:0 auto !important;
    font-size:9px !important;
    line-height:1.05 !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-sale-countdown--card .gercan-sale-countdown__value{
    font-size:10px !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__location{grid-row:5 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__rating{grid-row:6 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__price{
    grid-row:7 !important;
    min-height:0 !important;
    margin:0 !important;
    transform:none !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__stock{
    grid-row:8 !important;
    margin:0 !important;
    transform:none !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-buy-controls,
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-out{grid-row:9 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__details{grid-row:10 !important;}
}

@media(max-width:980px){
  /* En móvil también queda inmediatamente después de la imagen. */
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale > .gercan-sale-countdown--card{
    order:4 !important;
    margin:1px auto 2px !important;
    padding:4px 6px !important;
  }
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__location{order:5 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__rating{order:6 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__price{order:7 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-product__stock{order:8 !important;}
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-buy-controls,
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-out{order:9 !important;}
}


/* v325 — Precio de oferta ligeramente más pequeño en tarjetas de producto. */
@media(min-width:981px){
  #gercan-store .gercan-products > .gercan-product.has-gercan-sale .gercan-sale-current{
    font-size:18px !important;
  }
}


/* ==========================================================
   v326 — Ofertas: elimina el título redundante y sube el filtro.
   ========================================================== */
#gercan-store .gercan-products-head--offers > #gercan-products-title{
  display:none !important;
}

@media(min-width:981px){
  #gercan-store .gercan-products-head--offers{
    justify-content:flex-end !important;
    align-items:center !important;
    margin-top:-34px !important;
    margin-bottom:5px !important;
    min-height:38px !important;
  }

  #gercan-store .gercan-products-head--offers .gercan-sort-wrap{
    margin-left:auto !important;
  }
}


/* ==========================================================
   v327 — Ofertas: filtro a la altura del encabezado del pasillo
   y recuperación del espacio vertical para subir las tarjetas.
   Escritorio únicamente.
   ========================================================== */
@media(min-width:981px){
  /* El panel actúa como referencia para colocar el filtro. */
  html body #gercan-store .gercan-store__panel{
    position:relative !important;
  }

  /* En Ofertas, el selector queda a la misma altura del título/etiqueta "Ofertas". */
  html body #gercan-store .gercan-products-head--offers{
    position:absolute !important;
    top:40px !important;
    right:clamp(26px,3vw,52px) !important;
    width:auto !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    z-index:8 !important;
  }

  html body #gercan-store .gercan-products-head--offers .gercan-sort-wrap{
    margin:0 !important;
    align-items:center !important;
  }

  /* Al salir el encabezado de productos del flujo, las tarjetas suben y aprovechan
     el hueco que antes quedaba vacío debajo de la etiqueta del pasillo. */
  html body #gercan-store .gercan-products-head--offers + .gercan-products{
    margin-top:0 !important;
  }
}


/* ==========================================================
   v328 — Escritorio: la zona de productos usa todo el espacio
   vertical restante del panel, especialmente en Ofertas.
   Elimina el gran hueco inferior sin modificar móvil.
   ========================================================== */
@media(min-width:981px){
  body.gercan-store-lock-scroll #gercan-store .gercan-products,
  body.gercan-store-lock-scroll #gercan-store .gercan-products.gercan-products--offers,
  html body #gercan-store .gercan-products,
  html body #gercan-store .gercan-products.gercan-products--offers{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:visible !important;
    align-content:start !important;
    align-items:start !important;
    padding-bottom:8px !important;
  }
}


/* ==========================================================
   v329 — Ofertas: restaura "Productos en oferta" y devuelve
   el filtro a su fila normal, como antes de v326/v327.
   Conserva la expansión vertical de la zona de productos de v328.
   ========================================================== */
#gercan-store .gercan-products-head--offers > #gercan-products-title{
  display:block !important;
}

@media(min-width:981px){
  html body #gercan-store .gercan-products-head--offers{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:7px 0 8px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    z-index:auto !important;
  }

  html body #gercan-store .gercan-products-head--offers .gercan-sort-wrap{
    margin-left:auto !important;
    margin-right:0 !important;
    position:static !important;
    transform:none !important;
  }

  html body #gercan-store .gercan-products-head--offers + .gercan-products{
    margin-top:0 !important;
  }
}


/* ==========================================================
   v333 — Checkout GERCAN seguro
   Reconstruido desde v329 estable.
   No usa MutationObserver, no mueve nodos React y no genera
   ciclos de re-renderizado de WooCommerce Blocks.
   ========================================================== */

body.woocommerce-checkout.gercan-checkout-custom{
  padding-bottom:112px !important;
  background:#f7f9fc !important;
}

/* El flujo principal se ordena solo por CSS; no se reubican nodos. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-flow{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}

/* Información de contacto: si WooCommerce ya tiene un correo,
   el bloque se conserva internamente pero no se muestra ni se edita. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-contact-hidden{
  display:none !important;
}

/* Orden visual solicitado. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--address{order:20 !important;}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--billing{order:30 !important;}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--notes{order:40 !important;}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--shipping{order:50 !important;}
body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle{order:60 !important;}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--payment{order:61 !important;}
body.woocommerce-checkout.gercan-checkout-custom .wc-block-checkout__terms{order:70 !important;}
body.woocommerce-checkout.gercan-checkout-custom .wc-block-checkout__actions{order:80 !important;}

/* Tarjetas */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section{
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #d7e5f3 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 7px 22px rgba(12,60,108,.055) !important;
  padding:18px 20px !important;
  margin:0 0 14px !important;
  overflow:visible !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section h2,
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section h3,
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section .wc-block-components-title{
  color:#082f5d !important;
  font-weight:800 !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section input,
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section select,
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section textarea{
  border-color:#cbdced !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--notes textarea{
  min-height:90px !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section--shipping{
  background:#fbfdff !important;
}

/* Resumen principal siempre desplegado visualmente. */
body.woocommerce-checkout.gercan-checkout-custom .wc-block-components-order-summary{
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
}
body.woocommerce-checkout.gercan-checkout-custom .wc-block-components-order-summary__content,
body.woocommerce-checkout.gercan-checkout-custom .wc-block-components-order-summary .wc-block-components-panel__content,
body.woocommerce-checkout.gercan-checkout-custom .gercan-order-summary-expanded .wc-block-components-panel__content{
  display:block !important;
  height:auto !important;
  max-height:none !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Nunca mostrar un segundo resumen dentro de la columna principal. */
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-main .wc-block-components-order-summary{
  display:none !important;
}

/* Botón que despliega métodos de pago. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle{
  width:100% !important;
  min-height:72px !important;
  box-sizing:border-box !important;
  margin:0 0 10px !important;
  padding:13px 18px !important;
  border:1px solid #cbdced !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#0a3768 !important;
  box-shadow:0 5px 16px rgba(12,60,108,.05) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  text-align:left !important;
  cursor:pointer !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle strong{
  display:block !important;
  font-size:17px !important;
  line-height:1.2 !important;
  color:#082f5d !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle small{
  display:block !important;
  margin-top:3px !important;
  font-size:12px !important;
  color:#647e99 !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-chevron{
  color:#0872d9 !important;
  font-size:26px !important;
  line-height:1 !important;
  transition:transform .18s ease !important;
}
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle[aria-expanded="true"] .gercan-payment-chevron{
  transform:rotate(180deg) !important;
}
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-payment-body.gercan-payment-collapsed{
  display:none !important;
}
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-payment-body.is-gercan-open{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Conservamos el botón nativo en el DOM para que PayPal/WooCommerce
   ejecuten su lógica original. Solo se oculta visualmente. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-native-place-order{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Barra fija inferior: total a la izquierda y Pagar a la derecha. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar{
  position:fixed !important;
  z-index:9998 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  box-sizing:border-box !important;
  padding:12px 22px !important;
  background:rgba(255,255,255,.97) !important;
  border-top:1px solid #d8e5f2 !important;
  box-shadow:0 -8px 28px rgba(9,43,82,.12) !important;
  backdrop-filter:blur(12px) !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__inner{
  width:min(1120px,100%) !important;
  min-height:62px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total{
  display:flex !important;
  flex-direction:column !important;
  min-width:150px !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total small{
  color:#637d98 !important;
  font-size:12px !important;
  line-height:1.1 !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total strong{
  margin-top:3px !important;
  color:#073f88 !important;
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-pay-button{
  min-width:260px !important;
  height:48px !important;
  padding:0 30px !important;
  border:0 !important;
  border-radius:9px !important;
  background:#0872d9 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  box-shadow:0 7px 18px rgba(8,114,217,.22) !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-pay-button:hover{
  background:#005fbd !important;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-pay-button:disabled{
  opacity:.5 !important;
  cursor:not-allowed !important;
}

/* Móvil: misma apariencia, una sola columna y barra inferior compacta. */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom{
    padding-bottom:104px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout .wc-block-components-sidebar{
    order:-1 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout .wc-block-components-main{
    order:1 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .wc-block-components-order-summary{
    margin:0 0 12px !important;
    padding:14px !important;
    box-sizing:border-box !important;
    border:1px solid #d7e5f3 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(12,60,108,.055) !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section{
    padding:14px !important;
    border-radius:12px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle{
    min-height:68px !important;
    padding:12px 14px !important;
    border-radius:12px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle strong{
    font-size:16px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-payment-accordion-toggle small{
    font-size:11px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar{
    left:10px !important;
    right:10px !important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
    padding:8px !important;
    border:1px solid #d7e5f3 !important;
    border-radius:14px !important;
    box-shadow:0 -3px 18px rgba(9,43,82,.14) !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__inner{
    min-height:58px !important;
    gap:10px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total{
    min-width:0 !important;
    flex:1 1 44% !important;
    padding-left:7px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total strong{
    font-size:19px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-pay-button{
    flex:1 1 56% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    font-size:15px !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .entry-content>.woocommerce,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-section,
  body.woocommerce-checkout.gercan-checkout-custom .wc-block-components-order-summary{
    padding:12px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar{
    left:8px !important;
    right:8px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar__total strong{
    font-size:17px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-pay-button{
    font-size:14px !important;
  }
}


/* ==========================================================
   v334 — Ajustes móviles del checkout
   1) Oculta cualquier segundo Resumen del pedido en la columna
      principal; conserva únicamente el resumen superior/sidebar.
   2) Sube la barra fija Total + Pagar por encima del menú flotante.
   No modifica la lógica JS estable de v333.
   ========================================================== */
@media(max-width:980px){

  /* En móvil, conservar únicamente el resumen superior.
     WooCommerce Blocks puede usar cualquiera de estas dos clases
     para el resumen que aparece dentro de la columna principal. */
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-main .wc-block-components-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-main .wc-block-checkout__order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__main .wc-block-components-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__main .wc-block-checkout__order-summary{
    display:none !important;
  }

  /* Más espacio al final del contenido para que la barra de pago
     y el menú flotante no cubran los últimos controles. */
  body.woocommerce-checkout.gercan-checkout-custom{
    padding-bottom:190px !important;
  }

  /* El menú móvil flotante mide 64px y está a 12px del borde.
     Colocamos la barra de pago justo encima, como en Mi carrito. */
  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar{
    left:12px !important;
    right:12px !important;
    bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    z-index:10010 !important;
    padding:8px !important;
    border:1px solid #d7e5f3 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 -3px 16px rgba(10,55,95,.12) !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-paybar{
    left:12px !important;
    right:12px !important;
    bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* ==========================================================
   v335 — Finalizar compra: deduplicación real + diseño GERCAN
   ========================================================== */

/* Cualquier segundo resumen detectado por v335 desaparece.
   El resumen superior/sidebar permanece intacto. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-duplicate{
  display:none !important;
}

/* Base visual coherente con tienda/carrito GERCAN */
body.woocommerce-checkout.gercan-checkout-custom{
  background:#f6f9fc !important;
  color:#0b2f53 !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.wp-block-woocommerce-checkout{
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:18px 0 140px !important;
  box-sizing:border-box !important;
}

/* Título principal */
body.woocommerce-checkout.gercan-checkout-custom
.entry-title,
body.woocommerce-checkout.gercan-checkout-custom
.wp-block-post-title,
body.woocommerce-checkout.gercan-checkout-custom
main h1:first-of-type{
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin:22px auto 18px !important;
  color:#082f5d !important;
  font-size:32px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

/* Columna principal y resumen */
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar-layout{
  gap:24px !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar{
  border:1px solid #d7e5f3 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(12,60,108,.055) !important;
  padding:18px !important;
  box-sizing:border-box !important;
}

/* Resumen superior: limpio y compacto */
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar .wc-block-components-order-summary{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

/* Tarjetas del flujo */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section{
  border:1px solid #d7e5f3 !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 7px 22px rgba(12,60,108,.05) !important;
  padding:20px !important;
  margin-bottom:14px !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section:hover{
  border-color:#c5daee !important;
}

/* Encabezados de cada tarjeta */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section h2,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section h3,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section .wc-block-components-title{
  margin-top:0 !important;
  color:#082f5d !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}

/* Dirección y cajas editables */
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-address-card,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-address-card-wrapper{
  border-color:#cbdced !important;
  border-radius:11px !important;
  background:#fff !important;
}

body.woocommerce-checkout.gercan-checkout-custom
button.wc-block-components-address-card__edit,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-address-card a{
  color:#0872d9 !important;
  font-weight:700 !important;
}

/* Campos */
body.woocommerce-checkout.gercan-checkout-custom
input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout.gercan-checkout-custom
select,
body.woocommerce-checkout.gercan-checkout-custom
textarea{
  border:1px solid #cbdced !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#123653 !important;
  box-shadow:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom
input:focus,
body.woocommerce-checkout.gercan-checkout-custom
select:focus,
body.woocommerce-checkout.gercan-checkout-custom
textarea:focus{
  border-color:#0872d9 !important;
  box-shadow:0 0 0 2px rgba(8,114,217,.10) !important;
  outline:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom
input[type="checkbox"],
body.woocommerce-checkout.gercan-checkout-custom
input[type="radio"]{
  accent-color:#0872d9 !important;
}

/* Envío: opción clara tipo tarjeta */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section--shipping{
  background:#fbfdff !important;
}

/* Métodos de pago */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle{
  border:1px solid #cbdced !important;
  border-radius:13px !important;
  background:#fff !important;
  min-height:72px !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle:hover{
  border-color:#9fc4e6 !important;
  box-shadow:0 7px 18px rgba(12,60,108,.07) !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-payment-body.is-gercan-open{
  margin-top:2px !important;
}

/* Barra fija de pago */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar{
  border-color:#d7e5f3 !important;
  background:rgba(255,255,255,.98) !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-pay-button{
  background:#0872d9 !important;
  border-radius:10px !important;
  font-weight:800 !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-pay-button:hover{
  background:#0064c7 !important;
}

/* -------- Móvil -------- */
@media(max-width:980px){

  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:8px 12px 210px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .entry-title,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-post-title,
  body.woocommerce-checkout.gercan-checkout-custom
  main h1:first-of-type{
    width:auto !important;
    max-width:none !important;
    margin:8px 12px 16px !important;
    font-size:27px !important;
    line-height:1.12 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar{
    width:100% !important;
    margin:0 0 14px !important;
    padding:15px !important;
    border-radius:14px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-section{
    padding:15px !important;
    margin-bottom:12px !important;
    border-radius:13px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-section h2,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-section h3,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-section .wc-block-components-title{
    font-size:19px !important;
  }

  /* Reforzar: cualquier resumen inferior marcado por JS queda fuera. */
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-duplicate{
    display:none !important;
  }

  /* La barra debe vivir por encima del menú flotante móvil. */
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar{
    left:12px !important;
    right:12px !important;
    bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    z-index:10020 !important;
    border:1px solid #d7e5f3 !important;
    border-radius:14px !important;
    padding:8px !important;
    box-shadow:0 -4px 18px rgba(9,43,82,.14) !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .entry-title,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-post-title,
  body.woocommerce-checkout.gercan-checkout-custom
  main h1:first-of-type{
    margin-left:10px !important;
    margin-right:10px !important;
    font-size:26px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar{
    left:10px !important;
    right:10px !important;
    bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* ==========================================================
   v336 — Barra fija: método de pago elegido encima del Total
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__summary{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__payment{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__payment small{
  color:#6b8198 !important;
  font-size:11px !important;
  line-height:1.1 !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__payment strong{
  margin-top:2px !important;
  max-width:360px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#082f5d !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__payment strong.is-placeholder{
  color:#7b8fa3 !important;
  font-weight:600 !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__total{
  min-width:0 !important;
}

@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__summary{
    flex:1 1 52% !important;
    min-width:0 !important;
    gap:4px !important;
    padding-left:7px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment strong{
    max-width:170px !important;
    font-size:12px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment small{
    font-size:10px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__total{
    padding-left:0 !important;
    flex:none !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-pay-button{
    flex:1 1 48% !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment strong{
    max-width:145px !important;
    font-size:11.5px !important;
  }
}


/* ==========================================================
   v337 — Refinamiento checkout móvil / métodos de pago
   ========================================================== */

/* ----------------------------------------------------------
   1) Resumen del pedido: quitar las líneas horizontales
      internas/superiores conservando la tarjeta redondeada.
   ---------------------------------------------------------- */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-panel,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-panel__button,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-totals-wrapper,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-panel,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-panel__button{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary::before,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary::after,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary::before,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary::after{
  display:none !important;
  content:none !important;
}

/* ----------------------------------------------------------
   2) Barra fija: que el nombre del método quepa completo.
      "Transferencia bancaria directa" puede usar dos líneas.
   ---------------------------------------------------------- */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-paybar__payment strong{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1.12 !important;
}

@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__summary{
    flex:1 1 50% !important;
    max-width:50% !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment{
    width:100% !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment strong{
    width:100% !important;
    max-width:none !important;
    font-size:11.5px !important;
    line-height:1.08 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-pay-button{
    flex:1 1 50% !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-checkout-paybar__payment strong{
    max-width:none !important;
    font-size:11px !important;
  }
}

/* ----------------------------------------------------------
   3) Métodos desplegados: solo iconos PayPal / transferencia.
      Se conserva el input y el texto en DOM por funcionalidad
      y accesibilidad, pero visualmente se convierten en tiles.
   ---------------------------------------------------------- */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode{
  padding:12px !important;
  background:#fff !important;
}

/* Ya existe el acordeón "Métodos de pago", por lo que ocultamos
   el título redundante "Opciones de pago" dentro del panel. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > h2,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > h3,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > .wc-block-components-title,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode .wc-block-checkout__payment-method-title{
  display:none !important;
}

/* El grupo se comporta como una fila de iconos. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode
.wc-block-components-radio-control,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode
.wc-block-components-radio-control-accordion{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
}

/* Tarjeta de cada método. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option{
  position:relative !important;
  flex:0 0 112px !important;
  width:112px !important;
  min-width:112px !important;
  min-height:74px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #cbdced !important;
  border-radius:12px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:hover{
  border-color:#8eb9df !important;
  box-shadow:0 5px 14px rgba(8,75,135,.08) !important;
}

/* Radio funcional pero visualmente oculto; el label/option sigue clicable. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option input[type="radio"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Ocultar texto y descripciones. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control__label,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-content__title,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-content,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control__description,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-option__content,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option p{
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
}

/* Hacer que label/encabezado llene toda la tarjeta. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option label,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-option__label{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
}

/* Icono centrado. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:60px !important;
  height:42px !important;
  transform:translate(-50%,-50%) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  pointer-events:none !important;
}

/* PayPal: icono P doble estilizado. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--paypal::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Cpath fill='%23003487' d='M21 5h18c10 0 16 5 14 14-2 11-10 16-21 16h-6l-2 9H13L21 5z'/%3E%3Cpath fill='%230096D6' d='M31 11h16c9 0 14 5 12 13-2 10-9 15-19 15h-6l-2 7H22l9-35z' opacity='.92'/%3E%3C/svg%3E") !important;
}

/* Transferencia: banco. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--bank::before{
  width:52px !important;
  height:42px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath fill='%23082f5d' d='M32 3 5 16v5h54v-5L32 3zm-20 22h7v14h-7V25zm16 0h8v14h-8V25zm17 0h7v14h-7V25zM7 42h50v4H7v-4z'/%3E%3C/svg%3E") !important;
}

/* Método seleccionado: borde azul + indicador. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:has(input[type="radio"]:checked){
  border:2px solid #0872d9 !important;
  background:#f5faff !important;
  box-shadow:0 0 0 3px rgba(8,114,217,.08) !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:has(input[type="radio"]:checked)::after{
  content:"✓" !important;
  position:absolute !important;
  top:5px !important;
  right:7px !important;
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  background:#0872d9 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:18px !important;
  text-align:center !important;
  font-weight:800 !important;
  pointer-events:none !important;
}

/* Si un gateway distinto aparece, no lo hacemos invisible por accidente. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:not(.gercan-payment-icon-option--paypal):not(.gercan-payment-icon-option--bank){
  flex:1 1 100% !important;
  width:100% !important;
  min-width:0 !important;
  min-height:auto !important;
  padding:12px !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:not(.gercan-payment-icon-option--paypal):not(.gercan-payment-icon-option--bank)::before{
  display:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:not(.gercan-payment-icon-option--paypal):not(.gercan-payment-icon-option--bank)
.wc-block-components-radio-control__label,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:not(.gercan-payment-icon-option--paypal):not(.gercan-payment-icon-option--bank)
.wc-block-components-radio-control-accordion-content__title{
  font-size:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option{
    flex-basis:104px !important;
    width:104px !important;
    min-width:104px !important;
    min-height:70px !important;
  }
}


/* ==========================================================
   v338 — Métodos de pago: icono a la izquierda + texto a la derecha
   ========================================================== */

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option{
  flex:0 1 230px !important;
  width:230px !important;
  min-width:180px !important;
  min-height:74px !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Icono a la izquierda */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option::before{
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:48px !important;
  height:38px !important;
}

/* El label llena la tarjeta, pero ahora deja espacio al icono */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option label,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-option__label{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:10px 14px 10px 78px !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  text-align:left !important;
}

/* Recuperar el texto del método */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control__label,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-content__title{
  display:block !important;
  font-size:14px !important;
  line-height:1.2 !important;
  color:#082f5d !important;
  font-weight:700 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Mantener ocultas solo las descripciones largas del gateway */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control__description,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option
.wc-block-components-radio-control-accordion-option__content,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option p{
  display:none !important;
}

/* En móvil caben dos opciones en la misma fila cuando haya espacio */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option{
    flex:1 1 calc(50% - 6px) !important;
    width:auto !important;
    min-width:0 !important;
    min-height:72px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option::before{
    left:14px !important;
    width:42px !important;
    height:34px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option label,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control-accordion-option__label{
    padding:9px 10px 9px 64px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control__label,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control-accordion-content__title{
    font-size:12.5px !important;
    line-height:1.18 !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option{
    min-height:70px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option::before{
    left:12px !important;
    width:38px !important;
    height:31px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option label,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control-accordion-option__label{
    padding-left:56px !important;
    padding-right:8px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control__label,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option
  .wc-block-components-radio-control-accordion-content__title{
    font-size:11.5px !important;
  }
}


/* ==========================================================
   v339 — Métodos de pago compactos + iconos configurables
   ========================================================== */

/* Ocultar el encabezado redundante dentro del panel. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > h2,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > h3,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode > .wc-block-components-title,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode .wc-block-checkout__payment-method-title{
  display:none !important;
}

/* Grupo vertical compacto. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode
.wc-block-components-radio-control,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icons-mode
.wc-block-components-radio-control-accordion{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

/* PayPal y transferencia son filas compactas. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option{
  position:relative !important;
  display:block !important;
  flex:none !important;
  width:100% !important;
  min-width:0 !important;
  min-height:56px !important;
  height:56px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #cbdced !important;
  border-radius:11px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

/* Ocultamos la presentación nativa del gateway, pero el radio
   continúa en el DOM y WooCommerce conserva toda su lógica. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option > *:not(.gercan-payment-option-visual){
  visibility:hidden !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option input[type="radio"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Anular pseudo-iconos de v337. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option::before{
  display:none !important;
  content:none !important;
}

/* Nueva capa visible: icono izquierda + texto derecha. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-option-visual{
  visibility:visible !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:7px 38px 7px 13px !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-option-visual__icon{
  visibility:visible !important;
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

/* Iconos integrados solo cuando el usuario no carga una imagen. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--paypal
.gercan-payment-option-visual__icon:not(.has-custom-image){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 48'%3E%3Cpath fill='%23003487' d='M21 5h18c10 0 16 5 14 14-2 11-10 16-21 16h-6l-2 9H13L21 5z'/%3E%3Cpath fill='%230096D6' d='M31 11h16c9 0 14 5 12 13-2 10-9 15-19 15h-6l-2 7H22l9-35z' opacity='.92'/%3E%3C/svg%3E") !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--bank
.gercan-payment-option-visual__icon:not(.has-custom-image){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath fill='%23082f5d' d='M32 3 5 16v5h54v-5L32 3zm-20 22h7v14h-7V25zm16 0h8v14h-8V25zm17 0h7v14h-7V25zM7 42h50v4H7v-4z'/%3E%3C/svg%3E") !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-option-visual__text{
  visibility:visible !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#082f5d !important;
  font-size:13px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
}

/* Seleccionado */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option.is-selected{
  border:2px solid #0872d9 !important;
  background:#f5faff !important;
  box-shadow:0 0 0 2px rgba(8,114,217,.07) !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option.is-selected::after{
  content:"✓" !important;
  position:absolute !important;
  top:50% !important;
  right:12px !important;
  transform:translateY(-50%) !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#0872d9 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:20px !important;
  text-align:center !important;
  font-weight:800 !important;
  pointer-events:none !important;
}

/* Neutraliza selección por :has de la versión previa para evitar doble marca. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option:has(input[type="radio"]:checked)::after{
  content:"✓" !important;
}

/* Móvil: todavía más compacto. */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    height:52px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-option-visual{
    gap:10px !important;
    padding:6px 34px 6px 12px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-option-visual__icon{
    flex-basis:30px !important;
    width:30px !important;
    height:30px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-option-visual__text{
    font-size:12px !important;
    line-height:1.05 !important;
  }
}

@media(max-width:420px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option{
    height:50px !important;
    min-height:50px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-option-visual__icon{
    flex-basis:28px !important;
    width:28px !important;
    height:28px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-option-visual__text{
    font-size:11.5px !important;
  }
}


/* ==========================================================
   v341 — Buscador exclusivo de Tienda
   Favoritos, Notificaciones, Mi cuenta y Carrito conservan
   el encabezado GERCAN, pero sin barra de búsqueda.
   ========================================================== */

/* Encabezados internos renderizados sin formulario de búsqueda. */
.gercan-store__topbar--no-search{
  grid-template-columns:290px 330px !important;
  justify-content:space-between !important;
}

/* Las vistas móviles usan el mismo encabezado de Tienda.
   Al abrir una vista interna, ocultamos temporalmente el buscador. */
.gercan-store__topbar--view-no-search .gercan-store__search{
  display:none !important;
}

@media(max-width:980px){
  .gercan-store__topbar--no-search,
  .gercan-store__topbar--view-no-search{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .gercan-store__topbar--no-search .gercan-store__brand,
  .gercan-store__topbar--view-no-search .gercan-store__brand{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* El diseño móvil v197 usa flex-start; esta regla final garantiza
   que en las vistas internas el logotipo quede centrado sin dejar
   un hueco donde estaba el buscador. */
@media(max-width:620px){
  .gercan-store__topbar--no-search,
  .gercan-store__topbar--view-no-search{
    justify-content:center !important;
  }

  .gercan-store__topbar--no-search .gercan-store__brand,
  .gercan-store__topbar--view-no-search .gercan-store__brand{
    flex:0 0 clamp(100px,30vw,150px) !important;
    width:clamp(100px,30vw,150px) !important;
  }
}


/* ==========================================================
   v344 — Carrito flotante y checkout embebido
   ========================================================== */

@media(min-width:981px){
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    width:calc(100% - 34px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__row{
    width:calc(100% - 34px) !important;
    margin:0 auto 18px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  .woocommerce-cart-form tr.cart_item{
    width:calc(100% - 34px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:18px !important;
  }
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar-layout{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar{
  order:-20 !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 auto !important;
  margin:0 0 4px !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-main,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__main{
  order:10 !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 auto !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary{
  margin-top:0 !important;
}


/* ==========================================================
   v345 — Scroll independiente en la columna de productos
   Mantiene fijo el resumen / total del carrito.
   ========================================================== */
@media(min-width:981px){

  /* El documento embebido deja de desplazar toda la ventana. */
  html.gercan-embedded body.woocommerce-cart{
    height:100vh !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  /* El bloque de carrito ocupa exactamente el viewport del iframe. */
  html.gercan-embedded body.woocommerce-cart
  .wp-block-woocommerce-cart,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  /* Las dos columnas permanecen dentro de la altura disponible. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-sidebar-layout{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }

  /* ÚNICAMENTE la columna izquierda desplaza sus productos. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-main.wc-block-cart__main,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
    padding-bottom:18px !important;
  }

  /* La columna derecha queda fija y visible. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-sidebar.wc-block-cart__sidebar,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__sidebar{
    position:sticky !important;
    top:0 !important;
    align-self:flex-start !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  /* Evita que wrappers intermedios vuelvan a crear scroll general. */
  html.gercan-embedded body.woocommerce-cart
  #page,
  html.gercan-embedded body.woocommerce-cart
  #content,
  html.gercan-embedded body.woocommerce-cart
  #primary,
  html.gercan-embedded body.woocommerce-cart
  main{
    min-height:0 !important;
    max-height:100% !important;
  }
}


/* ==========================================================
   v346 — Scroll visible y realmente limitado al listado
   de productos del carrito flotante.
   ========================================================== */
@media(min-width:981px){

  /* El viewport del documento embebido no debe desplazarse. */
  html.gercan-embedded,
  html.gercan-embedded body.woocommerce-cart{
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  /* Los wrappers principales heredan la altura del iframe. */
  html.gercan-embedded body.woocommerce-cart #page,
  html.gercan-embedded body.woocommerce-cart #content,
  html.gercan-embedded body.woocommerce-cart #primary,
  html.gercan-embedded body.woocommerce-cart main,
  html.gercan-embedded body.woocommerce-cart article,
  html.gercan-embedded body.woocommerce-cart .entry-content,
  html.gercan-embedded body.woocommerce-cart .wp-block-woocommerce-cart,
  html.gercan-embedded body.woocommerce-cart .wc-block-cart{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Mantener las dos columnas dentro del alto disponible. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-sidebar-layout{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    align-items:flex-start !important;
  }

  /* Scroll únicamente en la columna de tarjetas.
     Se resta un pequeño margen para que la última tarjeta no quede cortada. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-main.wc-block-cart__main,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main{
    height:calc(100vh - 18px) !important;
    min-height:0 !important;
    max-height:calc(100vh - 18px) !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain !important;
    scrollbar-gutter:stable !important;
    scrollbar-width:thin !important;
    scrollbar-color:#91abc7 #eef4fa !important;
    padding-bottom:22px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }

  /* Barra claramente visible en Chrome / Edge / Brave. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main::-webkit-scrollbar{
    width:10px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main::-webkit-scrollbar-track{
    background:#eef4fa !important;
    border-radius:999px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main::-webkit-scrollbar-thumb{
    background:#91abc7 !important;
    border:2px solid #eef4fa !important;
    border-radius:999px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main::-webkit-scrollbar-thumb:hover{
    background:#6f8ead !important;
  }

  /* El resumen nunca participa del desplazamiento. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-sidebar.wc-block-cart__sidebar,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__sidebar{
    position:relative !important;
    top:auto !important;
    align-self:flex-start !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* ==========================================================
   v347 — Encabezado PRODUCTO / TOTAL fijo dentro del carrito
   La lista de tarjetas se desplaza por debajo.
   ========================================================== */
@media(min-width:981px){

  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main{
    position:relative !important;
  }

  /* WooCommerce Blocks: mantener visible la fila de encabezados. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead{
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    display:table-header-group !important;
    background:#fff !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead > tr{
    background:#fff !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead th{
    position:sticky !important;
    top:0 !important;
    z-index:21 !important;
    background:#fff !important;
    box-shadow:0 1px 0 #dfe8f2 !important;
  }

  /* Evita que las tarjetas se vean por encima del encabezado al hacer scroll. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items{
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
}


/* ==========================================================
   v348 — Corrige encabezado fijo del carrito:
   sin encimarse y con TOTAL nuevamente alineado a la derecha.
   ========================================================== */
@media(min-width:981px){

  /* Deshacer la geometría de tabla introducida en v347:
     el carrito ya trabaja como bloques/grid desde v255. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead{
    display:block !important;
    position:sticky !important;
    top:0 !important;
    z-index:40 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 12px !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  /* El encabezado ocupa su propio espacio, por lo que las tarjetas
     empiezan por debajo y nunca quedan tapadas. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    position:relative !important;
    top:auto !important;
    z-index:41 !important;
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) 96px !important;
    gap:16px !important;
    width:calc(100% - 34px) !important;
    margin:0 auto !important;
    padding:2px 18px 10px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    box-shadow:0 1px 0 #dfe8f2 !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  /* PRODUCTO se mantiene hacia la izquierda, como antes. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-product{
    grid-column:1 / span 2 !important;
    text-align:left !important;
  }

  /* TOTAL vuelve al extremo derecho de la columna de tarjetas. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-total{
    grid-column:3 !important;
    text-align:right !important;
    justify-self:stretch !important;
  }

  /* El cuerpo queda totalmente separado del encabezado fijo. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__row:first-child{
    margin-top:0 !important;
  }
}


/* ==========================================================
   v349 — PRODUCTO y TOTAL en la misma línea.
   La barra de desplazamiento comienza debajo del encabezado.
   ========================================================== */
@media(min-width:981px){

  /* La columna izquierda ya no hace scroll completa. */
  html.gercan-embedded body.woocommerce-cart
  .wc-block-components-main.wc-block-cart__main,
  html.gercan-embedded body.woocommerce-cart
  .wc-block-cart__main{
    height:calc(100vh - 18px) !important;
    max-height:calc(100vh - 18px) !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* La tabla ocupa el alto disponible sin desplazar el encabezado. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items{
    display:block !important;
    height:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
    border-spacing:0 !important;
  }

  /* Encabezado fijo, compacto y perfectamente alineado. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead{
    display:block !important;
    position:relative !important;
    top:auto !important;
    z-index:40 !important;
    width:100% !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) 96px !important;
    align-items:center !important;
    gap:16px !important;
    width:calc(100% - 34px) !important;
    height:48px !important;
    margin:0 auto !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border-bottom:1px solid #dfe8f2 !important;
    box-shadow:none !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th{
    display:flex !important;
    align-items:center !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    background:#fff !important;
    box-shadow:none !important;
    line-height:1 !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-product{
    grid-column:1 / span 2 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-total{
    grid-column:3 !important;
    justify-content:flex-end !important;
    text-align:right !important;
  }

  /* SOLO el cuerpo de tarjetas hace scroll.
     Así la barra empieza debajo de la línea horizontal del encabezado. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody{
    display:block !important;
    height:calc(100% - 48px) !important;
    max-height:calc(100% - 48px) !important;
    min-height:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 8px 20px 0 !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain !important;
    scrollbar-gutter:stable !important;
    scrollbar-width:thin !important;
    scrollbar-color:#91abc7 #eef4fa !important;
    box-sizing:border-box !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody::-webkit-scrollbar{
    width:10px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody::-webkit-scrollbar-track{
    background:#eef4fa !important;
    border-radius:999px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody::-webkit-scrollbar-thumb{
    background:#91abc7 !important;
    border:2px solid #eef4fa !important;
    border-radius:999px !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > tbody::-webkit-scrollbar-thumb:hover{
    background:#6f8ead !important;
  }

  /* Las tarjetas conservan su separación y ancho. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__row{
    width:calc(100% - 26px) !important;
    margin:0 auto 18px !important;
  }
}


/* ==========================================================
   v350 — Alinea TOTAL exactamente con PRODUCTO
   ========================================================== */
@media(min-width:981px){

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    position:relative !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-product{
    align-self:center !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-total{
    position:absolute !important;
    top:0 !important;
    right:18px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    line-height:1 !important;
    text-align:right !important;
  }
}


/* ==========================================================
   v351 — PRODUCTO y TOTAL realmente en la misma línea
   Se reemplaza el grid del encabezado por flex para eliminar
   el desfase vertical observado en v350.
   ========================================================== */
@media(min-width:981px){

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    width:calc(100% - 34px) !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 auto !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border-bottom:1px solid #dfe8f2 !important;
    box-shadow:none !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    vertical-align:middle !important;
    line-height:1 !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  /* Si WooCommerce mantiene una celda vacía para imagen, no ocupa espacio. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-image{
    display:none !important;
    width:0 !important;
    flex:0 0 0 !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-product{
    flex:1 1 auto !important;
    width:auto !important;
    justify-content:flex-start !important;
    align-self:center !important;
    text-align:left !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-total,
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th:last-child{
    position:static !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:48px !important;
    margin-left:auto !important;
    align-self:center !important;
    justify-content:flex-end !important;
    text-align:right !important;
    transform:none !important;
  }

  /* Neutraliza márgenes/posiciones de elementos internos del encabezado. */
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th > *{
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    transform:none !important;
    line-height:1 !important;
  }
}


/* ==========================================================
   v352 — TOTAL 10 px a la izquierda
   ========================================================== */
@media(min-width:981px){
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header-total,
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th:last-child{
    transform:translateX(-10px) !important;
  }
}


/* ==========================================================
   v353 — Quitar línea horizontal bajo PRODUCTO / TOTAL
   ========================================================== */
@media(min-width:981px){
  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header{
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items > thead{
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  html.gercan-embedded body.woocommerce-cart
  table.wc-block-cart-items .wc-block-cart-items__header > th{
    border-bottom:0 !important;
    box-shadow:none !important;
  }
}


/* ==========================================================
   v354 — Checkout flotante refinado
   Scroll visible + productos desplegables en resumen.
   ========================================================== */

/* El checkout embebido desplaza su contenido, no la ventana exterior.
   La barra de pago permanece fija como hasta ahora. */
html.gercan-embedded:has(body.woocommerce-checkout.gercan-checkout-custom){
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom{
  height:100vh !important;
  min-height:0 !important;
  max-height:100vh !important;
  overflow-y:scroll !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:contain !important;
  scrollbar-gutter:stable !important;
  scrollbar-width:thin !important;
  scrollbar-color:#91abc7 #eef4fa !important;
  padding-bottom:112px !important;
  box-sizing:border-box !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom::-webkit-scrollbar{
  width:10px !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom::-webkit-scrollbar-track{
  background:#eef4fa !important;
  border-radius:999px !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom::-webkit-scrollbar-thumb{
  background:#91abc7 !important;
  border:2px solid #eef4fa !important;
  border-radius:999px !important;
}

html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom::-webkit-scrollbar-thumb:hover{
  background:#6f8ead !important;
}

/* Productos del pedido: acordeón visual independiente y de solo lectura. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products{
  width:100% !important;
  margin:12px 0 14px !important;
  border:1px solid #d7e5f3 !important;
  border-radius:12px !important;
  background:#f8fbff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle{
  min-height:58px !important;
  padding:11px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  list-style:none !important;
  cursor:pointer !important;
  user-select:none !important;
  background:#fff !important;
  color:#0b3768 !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle::-webkit-details-marker{
  display:none !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle-copy strong{
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#0b3768 !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle-copy small{
  font-size:11px !important;
  line-height:1.2 !important;
  color:#6d8299 !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__chevron{
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  border-right:2px solid #0a5eae !important;
  border-bottom:2px solid #0a5eae !important;
  transform:rotate(45deg) translateY(-2px) !important;
  transition:transform .18s ease !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-products[open] .gercan-order-products__chevron{
  transform:rotate(225deg) translate(-2px,-2px) !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__panel{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:4px 14px 8px !important;
  border-top:1px solid #e2ebf5 !important;
  background:#fff !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row{
  min-height:64px !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 0 !important;
  border-bottom:1px solid #edf2f7 !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row:last-child{
  border-bottom:0 !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__image{
  width:52px !important;
  height:52px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  background:#f4f7fa !important;
  overflow:hidden !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__copy strong{
  color:#0b3768 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  overflow-wrap:anywhere !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__copy small{
  color:#74879b !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__price{
  align-self:center !important;
  color:#0b3768 !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

@media(max-width:620px){
  body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row{
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:9px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__image{
    width:44px !important;
    height:44px !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__price{
    font-size:12px !important;
  }
}


/* ==========================================================
   v355 — Ajustes finales del acordeón de productos del pedido
   ========================================================== */

/* La pestaña debe vivir dentro del flujo normal, sin fijarse. */
body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  align-self:stretch !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 18px !important;
  border:1px solid #d7e5f3 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__toggle{
  position:relative !important;
  width:100% !important;
  min-height:58px !important;
  padding:14px 52px 14px 16px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__chevron{
  position:absolute !important;
  top:50% !important;
  right:18px !important;
  margin-top:-6px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products__panel{
  width:100% !important;
  margin:0 !important;
  padding:0 14px 8px !important;
  border-top:1px solid #e2ebf5 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-products[open] .gercan-order-products__panel{
  padding-top:4px !important;
  padding-bottom:10px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row{
  min-height:68px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__copy{
  padding-right:8px !important;
}

body.woocommerce-checkout.gercan-checkout-custom .gercan-order-product-row__price{
  justify-self:end !important;
}

/* El wrapper del resumen no debe cortar la tarjeta del acordeón. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar .wc-block-components-order-summary{
  overflow:visible !important;
}


/* ==========================================================
   v356 — Rectángulo completo del Resumen del pedido
   Restaura específicamente los bordes superior e inferior
   que versiones anteriores habían eliminado.
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar .wc-block-components-order-summary,
body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar .wc-block-components-order-summary{
  border:1px solid #d7e5f3 !important;
  border-top:1px solid #d7e5f3 !important;
  border-right:1px solid #d7e5f3 !important;
  border-bottom:1px solid #d7e5f3 !important;
  border-left:1px solid #d7e5f3 !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* Mantener intactos los elementos internos:
   solo el contorno exterior debe formar el rectángulo completo. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-panel,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-panel__button,
body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary .wc-block-components-totals-wrapper{
  box-shadow:none !important;
}


/* ==========================================================
   v359 — Checkout: resumen dentro del flujo + sin destello
   de productos nativos durante la carga.
   Base directa: v358.
   ========================================================== */

/* WooCommerce puede aplicar position:sticky al sidebar del checkout.
   En la ventana flotante queremos que TODO el resumen se desplace
   junto con Dirección, Envío, Pago, Nota, etc. */
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wp-block-woocommerce-checkout-order-summary-block,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-order-summary,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.gercan-order-summary-primary{
  position:static !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  inset:auto !important;
  transform:none !important;
  align-self:stretch !important;
}

/* El layout completo participa del scroll del body del checkout. */
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar-layout{
  overflow:visible !important;
}

/* Evita el "flash" de los productos nativos de WooCommerce durante
   la transición al checkout. La clase gercan-embedded-body se agrega
   del lado de PHP, antes de que checkout-ui.js termine de montar la
   pestaña "Productos del pedido". Los nodos siguen en el DOM, por lo
   que JS puede leerlos y generar nuestra lista desplegable. */
body.woocommerce-checkout.gercan-embedded-body
.wc-block-components-order-summary-item,
body.woocommerce-checkout.gercan-embedded-body
.wc-block-checkout__order-summary-item{
  display:none !important;
}


/* ==========================================================
   v360 — Todos los apartados de Finalizar compra con el mismo ancho
   Base directa: v359.
   ========================================================== */
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar-layout,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-main,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__main,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-flow{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* Quitar el estrechamiento lateral heredado de WooCommerce en la columna
   principal, para que coincida exactamente con Resumen del pedido. */
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-main,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__main{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Tarjetas visuales: Dirección, Envío, Pago, Nota y Resumen. */
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.gercan-checkout-section,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-components-sidebar,
html.gercan-embedded body.woocommerce-checkout.gercan-checkout-custom
.wc-block-checkout__sidebar{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}


/* ==========================================================
   v361 — Flecha de "Métodos de pago" igual a
   "Productos del pedido"
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle{
  position:relative !important;
  padding-right:52px !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-chevron{
  position:absolute !important;
  top:50% !important;
  right:18px !important;
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  margin:0 !important;
  margin-top:-6px !important;
  padding:0 !important;
  border:0 !important;
  border-right:2px solid #0a5eae !important;
  border-bottom:2px solid #0a5eae !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:rotate(45deg) translateY(-2px) !important;
  transform-origin:center !important;
  transition:transform .18s ease !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-accordion-toggle[aria-expanded="true"]
.gercan-payment-chevron{
  transform:rotate(225deg) translate(-2px,-2px) !important;
}


/* ==========================================================
   v362 — Mercado Pago: logo a la izquierda del nombre
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--mercadopago
.gercan-payment-option-visual__icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:32px !important;
}

/* Fallback visual local. Si el plugin oficial entrega su logo,
   checkout-ui.js lo aplica como background-image y esta imagen no se usa. */
body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--mercadopago
.gercan-payment-option-visual__icon:not(.has-custom-image){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 56'%3E%3Cellipse cx='44' cy='28' rx='41' ry='24' fill='%23009ee3'/%3E%3Cpath d='M22 29c5-6 10-8 15-5l7 4 7-4c5-3 10-1 15 5' fill='none' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M31 34l7 5c4 3 8 3 12 0l7-5' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body.woocommerce-checkout.gercan-checkout-custom
.gercan-payment-icon-option--mercadopago
.gercan-payment-option-visual{
  gap:11px !important;
}

@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-payment-icon-option--mercadopago
  .gercan-payment-option-visual__icon{
    flex-basis:38px !important;
    width:38px !important;
    height:29px !important;
  }
}


/* ==========================================================
   v363 — Botón "Proceder al pago" con la misma apariencia
   que el botón "Pagar" de Finalizar compra.
   ========================================================== */
html body.woocommerce-cart
.wc-block-cart .wc-block-cart__submit-button{
  min-height:48px !important;
  height:48px !important;
  padding:0 30px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#0872d9 !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-shadow:0 7px 18px rgba(8,114,217,.22) !important;
  transition:background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body.woocommerce-cart
.wc-block-cart .wc-block-cart__submit-button:hover{
  background:#0064c7 !important;
  box-shadow:0 8px 20px rgba(8,114,217,.28) !important;
}

html body.woocommerce-cart
.wc-block-cart .wc-block-cart__submit-button:active{
  transform:translateY(1px) !important;
}

html body.woocommerce-cart
.wc-block-cart .wc-block-cart__submit-button
.wc-block-components-button__text{
  color:#fff !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-align:center !important;
}

@media(max-width:980px){
  html body.woocommerce-cart
  .wc-block-cart .wc-block-cart__submit-button{
    height:46px !important;
    min-height:46px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    font-size:15px !important;
  }

  html body.woocommerce-cart
  .wc-block-cart .wc-block-cart__submit-button
  .wc-block-components-button__text{
    font-size:15px !important;
  }
}


/* ==========================================================
   v364 — Comprar ahora
   Checkout exclusivo del producto sin mezclar el carrito normal.
   ========================================================== */

.gercan-buy-now{
  border:1px solid #0872d9 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#0767c7 !important;
  font-family:inherit !important;
  font-weight:800 !important;
  text-align:center !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,border-color .16s ease !important;
}

.gercan-buy-now:hover{
  background:#eef7ff !important;
  border-color:#0064c7 !important;
  color:#0059ae !important;
  box-shadow:0 4px 12px rgba(8,114,217,.10) !important;
}

.gercan-buy-now:disabled{
  opacity:.62 !important;
  cursor:wait !important;
}

/* Escritorio: cantidad | Comprar ahora | carrito, sin aumentar
   la altura fija de las tarjetas. */
@media(min-width:981px){
  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) 42px !important;
    align-items:center !important;
    column-gap:6px !important;
    row-gap:0 !important;
    width:100% !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{
    grid-column:1 !important;
    width:64px !important;
    min-width:64px !important;
    margin:0 !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-now{
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 5px !important;
    font-size:10px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-add{
    grid-column:3 !important;
    margin:0 !important;
    justify-self:end !important;
  }
}

/* Móvil: conserva cantidad + carrito arriba y muestra Comprar ahora
   debajo, para no comprimir el texto en las tarjetas estrechas. */
@media(max-width:980px){
  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
    display:grid !important;
    grid-template-columns:minmax(36px,1fr) 36px !important;
    grid-template-rows:36px 31px !important;
    gap:4px 5px !important;
    height:auto !important;
    min-height:71px !important;
    max-height:none !important;
    width:100% !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-qty-wrap{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-add{
    grid-column:2 !important;
    grid-row:1 !important;
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    margin:0 !important;
    justify-self:end !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-now{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    height:31px !important;
    padding:0 4px !important;
    font-size:10px !important;
    line-height:1 !important;
  }
}

/* Ventana expandida: los tres controles caben en una sola línea. */
html body .gercan-product-modal__card .gercan-buy-controls{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) 42px !important;
  width:min(300px,100%) !important;
  gap:8px !important;
}

html body .gercan-product-modal__card .gercan-buy-controls .gercan-qty-wrap{
  grid-column:1 !important;
}

html body .gercan-product-modal__card .gercan-buy-controls .gercan-buy-now{
  grid-column:2 !important;
  height:38px !important;
  min-width:0 !important;
  width:100% !important;
  padding:0 10px !important;
  font-size:12px !important;
}

html body .gercan-product-modal__card .gercan-buy-controls .gercan-add{
  grid-column:3 !important;
}

/* El clic del botón nunca debe disparar la apertura de la tarjeta. */
.gercan-buy-now{
  position:relative !important;
  z-index:3 !important;
}


/* ==========================================================
   v365 — Refinamientos de Comprar ahora
   ========================================================== */

/* Escritorio: misma separación entre
   cantidad ↔ Comprar ahora ↔ carrito. */
@media(min-width:981px){
  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-controls{
    grid-template-columns:64px minmax(0,1fr) 42px !important;
    column-gap:8px !important;
  }

  /* Versiones anteriores daban 64px al botón del carrito.
     Aquí lo fijamos al ancho real de su columna para que no invada
     el botón Comprar ahora. */
  html body #gercan-store .gercan-products > .gercan-product .gercan-add{
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:38px !important;
    flex:0 0 42px !important;
    margin:0 !important;
  }

  html body #gercan-store .gercan-products > .gercan-product .gercan-buy-now{
    margin:0 !important;
  }
}

/* Tarjeta expandida: misma distancia a izquierda y derecha. */
html body .gercan-product-modal__card .gercan-buy-controls{
  column-gap:8px !important;
}

html body .gercan-product-modal__card .gercan-buy-controls .gercan-add{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:38px !important;
  flex:0 0 42px !important;
  margin:0 !important;
}


/* ==========================================================
   v370 — Móvil: cantidad | Comprar ahora | carrito
   Los tres controles quedan en una sola línea y a la misma altura.
   ========================================================== */
@media(max-width:980px){
  html body #gercan-store
  .gercan-products > .gercan-product .gercan-buy-controls{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 36px !important;
    grid-template-rows:36px !important;
    align-items:center !important;
    column-gap:5px !important;
    row-gap:0 !important;
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body #gercan-store
  .gercan-products > .gercan-product .gercan-qty-wrap{
    grid-column:1 !important;
    grid-row:1 !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:36px !important;
    margin:0 !important;
  }

  html body #gercan-store
  .gercan-products > .gercan-product .gercan-qty{
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 4px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  html body #gercan-store
  .gercan-products > .gercan-product .gercan-buy-now{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 4px !important;
    font-size:10px !important;
    line-height:1.05 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:normal !important;
  }

  html body #gercan-store
  .gercan-products > .gercan-product .gercan-add{
    grid-column:3 !important;
    grid-row:1 !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:end !important;
  }
}


/* ==========================================================
   v371 — Móvil: centrar verticalmente "Resumen del pedido"
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel__button{
    min-height:70px !important;
    height:70px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    box-sizing:border-box !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button > *,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel__button > *{
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button
  .wc-block-components-panel__button-icon,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel__button
  .wc-block-components-panel__button-icon{
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}


/* ==========================================================
   v372 — Móvil: quitar separadores internos del Resumen del pedido
   Conserva únicamente el contorno exterior redondeado de la tarjeta.
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-totals-wrapper,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  /* WooCommerce Blocks dibuja algunos separadores con pseudo-elementos.
     Se eliminan solo dentro del resumen y solo en móvil. */
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-totals-wrapper::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-totals-wrapper::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel__button::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary
  .wc-block-components-panel__button::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary
  .wc-block-components-totals-wrapper::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
}


/* ==========================================================
   v373 — Móvil: eliminar definitivamente las dos líneas
   internas del encabezado "Resumen del pedido".
   El JS marca únicamente la cadena interna del encabezado;
   el contorno exterior de la tarjeta permanece intacto.
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-heading-chain{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    background-image:none !important;
  }

  /* Respaldo para las variantes actuales de WooCommerce Blocks. */
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-panel__button,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary .wc-block-components-order-summary__content > button,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary > button[aria-expanded]{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    background-image:none !important;
  }
}

/* ==========================================================
   v374 — Móvil: retirar el borde del bloque interno nativo
   de WooCommerce que dibuja las dos líneas horizontales dentro
   de la tarjeta "Resumen del pedido". El contorno exterior
   GERCAN del sidebar se conserva intacto.
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar > .wp-block-woocommerce-checkout-order-summary-block,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper,
  body.woocommerce-checkout.gercan-checkout-custom
  .gercan-order-summary-primary.wp-block-woocommerce-checkout-order-summary-block{
    border-top:0 !important;
    border-bottom:0 !important;
    border-block-start:0 !important;
    border-block-end:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar > .wp-block-woocommerce-checkout-order-summary-block::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar > .wp-block-woocommerce-checkout-order-summary-block::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* ==========================================================
   v375 — Móvil: quitar los dos separadores nativos del título
   "Resumen del pedido" de WooCommerce Blocks.
   WooCommerce los aplica directamente sobre
   .wc-block-components-checkout-order-summary__title.
   Se conserva el contorno exterior redondeado de GERCAN.
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-checkout-order-summary__title{
    border-top:0 !important;
    border-bottom:0 !important;
    border-block-start:0 !important;
    border-block-end:0 !important;
    box-shadow:none !important;
  }

  /* Si el resumen se abre, WooCommerce añade además un borde inferior
     al contenido. También se retira para que dentro de la tarjeta solo
     quede visible el contorno exterior de GERCAN. */
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-checkout-order-summary__content.is-open{
    border-bottom:0 !important;
    border-block-end:0 !important;
  }
}



/* ==========================================================
   v376 — Móvil: una sola tarjeta visual para "Resumen del pedido"
   El borde redondeado pertenece únicamente al sidebar exterior.
   Todos los wrappers internos del resumen quedan sin borde, radio,
   sombra ni fondo propios para evitar el efecto "rectángulo dentro
   de otro rectángulo".
   ========================================================== */
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout .wc-block-components-sidebar,
  body.woocommerce-checkout.gercan-checkout-custom
  .wp-block-woocommerce-checkout .wc-block-checkout__sidebar{
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #d7e5f3 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(12,60,108,.055) !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-checkout-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-panel,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-panel{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-panel__button,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-panel__button{
    width:100% !important;
    min-height:70px !important;
    height:70px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    box-sizing:border-box !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-checkout-order-summary__content,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-panel__content,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-panel__content{
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-order-summary::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-order-summary::after,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title::before,
  body.woocommerce-checkout.gercan-checkout-custom
  .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
}


/* ==========================================================
   v382 — Aviso breve de privacidad en checkout.
   Se muestra antes de la acción final de pago y enlaza a la
   Política de Privacidad configurada en WordPress.
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-privacy-notice{
  margin:16px 0 10px !important;
  padding:0 2px;
  font-size:12.5px;
  line-height:1.45;
  color:#5f6b76;
  text-align:left;
}
body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-privacy-notice a{
  color:#0b5cab;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(max-width:980px){
  body.woocommerce-checkout.gercan-checkout-custom .gercan-checkout-privacy-notice{
    margin:14px 4px 10px !important;
    font-size:12px;
  }
}


/* ==========================================================
   v383 — Aviso legal único en checkout.
   El aviso nativo de términos de WooCommerce Blocks se oculta
   porque GERCAN muestra un único texto con enlaces a Términos
   y Condiciones y Política de Privacidad.
   ========================================================== */
body.woocommerce-checkout.gercan-checkout-custom .wc-block-checkout__terms.gercan-checkout-native-terms-hidden{
  display:none !important;
}

/* v430: compact mobile store scene by approximately 100px. Scale the
   complete carousel together so cards, labels and controls remain aligned. */
@media(max-width:980px){
  html body #gercan-store#gercan-store .gercan-store__visual{
    height:137px!important;min-height:137px!important;max-height:137px!important;flex:0 0 137px!important;
    overflow:hidden!important;
  }
  html body #gercan-store#gercan-store .gercan-coverflow{
    zoom:.57806;width:100%!important;max-width:none!important;
    height:237px!important;min-height:237px!important;max-height:237px!important;
    margin:0!important;
  }
}

/* v432: responsive lateral spacing without changing the compact card size. */
@media(max-width:980px){
 html body #gercan-store#gercan-store .gercan-coverflow__card.is-left-1{translate:calc(102px - 42vw) 0!important}
 html body #gercan-store#gercan-store .gercan-coverflow__card.is-right-1{translate:calc(42vw - 102px) 0!important}
 html body #gercan-store#gercan-store .gercan-coverflow__card.is-left-2{translate:calc(165px - 72vw) 0!important}
 html body #gercan-store#gercan-store .gercan-coverflow__card.is-right-2{translate:calc(72vw - 165px) 0!important}
 html body #gercan-store#gercan-store .gercan-coverflow__card{transition-property:transform,translate,opacity,filter,box-shadow!important}
}

/* v433: wider mobile cards, preserving height and carousel spacing. */
@media(max-width:980px){
 html body #gercan-store#gercan-store .gercan-coverflow__card{
  width:210px!important;min-width:210px!important;max-width:210px!important;
 }
}

.gercan-coverflow-swipe-cue{display:none}
@media(max-width:980px){
 html body #gercan-store .gercan-coverflow-swipe-cue{display:flex;align-items:center;gap:7px;position:absolute;z-index:20;left:50%;bottom:3px;transform:translateX(-50%);padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 1px 6px #073b7926;color:#073b79;font:600 11px/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none}
 .gercan-coverflow-swipe-cue__gesture{display:inline-block;font-size:19px;animation:gercan-swipe-cue 2s ease-in-out 4}
}
@keyframes gercan-swipe-cue{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.gercan-coverflow-swipe-cue__gesture{animation:none}}

/* v438: swipe guidance at the upper outer corners. */
@media(max-width:980px){
 html body #gercan-store .gercan-coverflow-swipe-cue{
  display:block;inset:8px 12px auto;left:12px;bottom:auto;height:28px;
  transform:none;padding:0;border-radius:0;background:none;box-shadow:none;
 }
 .gercan-coverflow-swipe-cue__edge{position:absolute;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.88);color:#07539a;font:600 28px/1 Arial,sans-serif;box-shadow:0 1px 4px #073b7920}
 .gercan-coverflow-swipe-cue__edge.is-left{left:0;animation:gercan-cue-left 2s ease-in-out 4}
 .gercan-coverflow-swipe-cue__edge.is-right{right:0;animation:gercan-cue-right 2s ease-in-out 4}
}
@keyframes gercan-cue-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
@keyframes gercan-cue-right{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.gercan-coverflow-swipe-cue__edge.is-left,.gercan-coverflow-swipe-cue__edge.is-right{animation:none}}

/* v439: one white hand gesture over the central card. */
@media(max-width:980px){
 html body #gercan-store .gercan-coverflow-swipe-cue{
  inset:auto;left:50%;top:50%;bottom:auto;width:48px;height:48px;
  transform:translate(-50%,-50%);padding:0;background:none;box-shadow:none;color:#fff;
 }
 .gercan-coverflow-swipe-hand{display:block;width:48px;height:48px;filter:drop-shadow(0 1px 3px #0009);animation:gercan-white-hand-swipe 4.8s ease-in-out 1 both}
}
@keyframes gercan-white-hand-swipe{
 0%,10%{transform:translateX(0)}
 30%{transform:translateX(-38px)}
 50%{transform:translateX(0)}
 70%{transform:translateX(38px)}
 90%,100%{transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){.gercan-coverflow-swipe-hand{animation:none}}

/* v440: larger centered swipe gesture. */
@media(max-width:980px){
 html body #gercan-store .gercan-coverflow-swipe-cue{
  left:50%;top:50%;right:auto;bottom:auto;width:76px;height:76px;
  transform:translate(-50%,-50%);margin:0;
 }
 html body #gercan-store .gercan-coverflow-swipe-hand{width:76px;height:76px}
}

@media(max-width:980px){
 html body #gercan-store .gercan-coverflow-swipe-cue,
 html body #gercan-store .gercan-coverflow-swipe-hand{width:var(--gercan-hand-size,76px);height:var(--gercan-hand-size,76px)}
}

/* v450: close the desktop gaps while preserving card sizes and mobile layout. */
@media(min-width:981px){
 html body #gercan-store .gercan-coverflow__card.is-left-1,
 html body #gercan-store .gercan-coverflow__card.is-left-2{translate:clamp(70px,5.5vw,110px) 0!important}
 html body #gercan-store .gercan-coverflow__card.is-right-1,
 html body #gercan-store .gercan-coverflow__card.is-right-2{translate:calc(-1 * clamp(70px,5.5vw,110px)) 0!important}
 html body #gercan-store .gercan-coverflow__card{transition-property:transform,translate,opacity,filter,box-shadow!important}
}

/* v451: close the remaining desktop gap between outer and adjacent cards. */
@media(min-width:981px){
 html body #gercan-store .gercan-coverflow__card.is-left-2{translate:calc(clamp(70px,5.5vw,110px) + 24px) 0!important}
 html body #gercan-store .gercan-coverflow__card.is-right-2{translate:calc(-1 * (clamp(70px,5.5vw,110px) + 24px)) 0!important}
}

/* v459: device-specific purchase labels and no whole-card native tap flash. */
.gercan-buy-now__mobile{display:none}
@media(max-width:980px){
 .gercan-buy-now__desktop{display:none}
 .gercan-buy-now__mobile{display:inline}
 .gercan-product{-webkit-tap-highlight-color:transparent}
 .gercan-product button,.gercan-product input,.gercan-product a{-webkit-tap-highlight-color:rgba(0,105,216,.12)}
}

/* v460: keyboard focus stays visible on the label, without framing the card. */
html body #gercan-store .gercan-coverflow__card:focus-visible .gercan-coverflow__label{text-decoration:underline;text-underline-offset:4px;}

/* v462: compact category buttons; text-only mode grows naturally for wrapped labels. */
html body #gercan-store .gercan-category.gercan-category--compact{
 min-height:52px!important;height:auto!important;padding:4px 6px!important;gap:4px!important;
}
html body #gercan-store .gercan-category--compact .gercan-category__media{
 width:28px!important;height:28px!important;flex:0 0 28px!important;
}
html body #gercan-store .gercan-category--compact .gercan-category__media img,
html body #gercan-store .gercan-category--compact .gercan-category__media svg{
 width:28px!important;height:28px!important;max-width:100%!important;
}
@media(min-width:981px){
 html body #gercan-store .gercan-category.gercan-category--text-desktop{min-height:36px!important;padding:6px!important;gap:0!important;}
 html body #gercan-store .gercan-category--text-desktop .gercan-category__media{display:none!important;}
}
@media(max-width:980px){
 html body #gercan-store .gercan-category.gercan-category--compact{padding:3px 2px!important;gap:2px!important;}
 html body #gercan-store .gercan-category--compact .gercan-category__media{width:20px!important;height:20px!important;flex-basis:20px!important;}
 html body #gercan-store .gercan-category--compact .gercan-category__media img,
 html body #gercan-store .gercan-category--compact .gercan-category__media svg{width:20px!important;height:20px!important;}
 html body #gercan-store .gercan-category.gercan-category--text-mobile{min-height:36px!important;padding:5px 2px!important;gap:0!important;}
 html body #gercan-store .gercan-category--text-mobile .gercan-category__media{display:none!important;}
}