/** Shopify CDN: Minification failed

Line 1462:0 Expected "}" to go with "{"

**/
.catalog-tools {
  display: grid;
  gap: 18px;
  margin: -8px 0 38px;
  padding: 24px;
  background: #f4f4f2;
}

.catalog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -12px 0 22px;
}

.catalog-categories a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 0 17px;
  color: #222;
  background: #fff;
  border: 1px solid #d5d5d5;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.catalog-categories a:hover,
.catalog-categories a.active {
  color: #fff;
  background: #111;
  border-color: #111;
}

.catalog-categories__child { color: #666 !important; }
.catalog-categories__child span { margin-right: 5px; }
.catalog-categories__child:hover,
.catalog-categories__child.active { color: #fff !important; }

.catalog-search {
  display: grid;
  grid-template-columns: auto minmax(180px, 420px);
  align-items: center;
  gap: 18px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.catalog-search input,
.model-search,
.kr-control input[type="search"] {
  width: 100%;
  min-height: 48px;
  border: 1px solid #cfcfcf;
  background: #fff;
  padding: 0 14px;
}

.catalog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.catalog-tags button {
  border: 1px solid #ccc;
  background: #fff;
  min-height: 38px;
  padding: 0 15px;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.catalog-tags button.active {
  color: #fff;
  border-color: #111;
  background: #111;
}

.catalog-results {
  margin: 0;
  color: #777;
  font-size: 11px;
}

/* Acciones del producto: compra directa sólida y carrito delineado. */
.product-form .product-submit {
  color: #111;
  background: #fff;
  border: 1px solid #111;
}

.product-form .product-submit:hover:not(:disabled) {
  color: #fff;
  background: #333;
  border-color: #333;
}

[data-dynamic-checkout] { margin-top: 2px; }

[data-dynamic-checkout] .shopify-payment-button__button--unbranded {
  min-height: 52px !important;
  color: #fff !important;
  background: #050505 !important;
  border: 1px solid #050505 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

[data-dynamic-checkout] .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background: #303030 !important;
  border-color: #303030 !important;
}

[data-catalog-product][hidden] { display: none; }

.model-search { margin: 8px 0 7px; }

.product-assurance {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 24px;
  background: #ddd;
  border: 1px solid #ddd;
}

.product-assurance div {
  min-height: 92px;
  padding: 17px;
  background: #f7f7f5;
}

.product-assurance strong,
.product-assurance span { display: block; }
.product-assurance strong { margin-bottom: 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.product-assurance span { color: #666; font-size: 11px; line-height: 1.45; }

.product-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding-bottom: 4px;
  color: #666;
  border-bottom: 1px solid #ccc;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.product-back:hover { color: #111; border-color: #111; }

.product-detail { position: static; padding-top: 20px; }

@media (min-width: 901px) {
  .product-gallery {
    position: sticky;
    top: 22px;
    height: max-content;
    align-content: start;
  }
}

.dependent-variant-picker {
  display: grid;
  gap: 18px;
  margin-bottom: 6px;
  padding: 22px;
  background: #f4f4f2;
  border: 1px solid #e1e1df;
}

.product-selection-header { display: grid; gap: 16px; }
.product-selection-header > div:first-child { display: grid; gap: 5px; }
.product-selection-header strong { font-size: 16px; }
.product-selection-header > div:first-child span { color: #666; font-size: 11px; line-height: 1.5; }

.selection-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.selection-progress span {
  min-height: 28px;
  display: grid;
  place-items: center;
  color: #888;
  background: #e7e7e4;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.selection-progress span.done { color: #fff; background: #111; }
.selection-progress span.current { color: #111; background: #fff; outline: 1px solid #111; outline-offset: -1px; }

.dependent-option { display: grid; gap: 8px; }
.dependent-option label,
.brand-picker legend { font-weight: 700; }
.dependent-option select { min-height: 52px; border-color: #aaa; font-size: 14px; }

.selected-device {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  border-top: 1px solid #d6d6d3;
  border-bottom: 1px solid #d6d6d3;
}
.selected-device span { color: #777; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.selected-device strong { font-size: 11px; text-align: right; }

.variant-picker__status { margin: 0 !important; line-height: 1.5; }

.product-quantity-row { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 8px; }
.product-quantity-row > label { margin: 0 0 12px; }
.product-quantity { display: grid; grid-template-columns: 42px 54px 42px; border: 1px solid #bbb; }
.product-quantity button,
.product-quantity input {
  width: 100%;
  height: 46px;
  padding: 0;
  background: #fff;
  border: 0;
  text-align: center;
}
.product-quantity button { cursor: pointer; font-size: 18px; }
.product-quantity button:hover { color: #fff; background: #111; }
.product-quantity input { border-right: 1px solid #ddd; border-left: 1px solid #ddd; -moz-appearance: textfield; }
.product-quantity input::-webkit-inner-spin-button,
.product-quantity input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

.product-actions { display: grid; gap: 10px; }
.product-actions > p { margin: 0; color: #777; font-size: 10px; line-height: 1.45; text-align: center; }

.product-details-list { margin-top: 26px; border-top: 1px solid #ddd; }
.product-details-list details { border-bottom: 1px solid #ddd; }
.product-details-list summary {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  list-style: none;
  text-transform: uppercase;
}
.product-details-list summary::-webkit-details-marker { display: none; }
.product-details-list summary span { font-size: 18px; font-weight: 400; transition: transform .2s ease; }
.product-details-list details[open] summary span { transform: rotate(45deg); }
.product-details-list p { margin: -2px 0 20px; color: #666; font-size: 12px; line-height: 1.65; }

.floating-whatsapp {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 8px 16px 8px 8px;
  color: #fff;
  background: #111;
  border-radius: 999px;
  box-shadow: 0 15px 35px #0003;
  font-size: 11px;
  transition: background-color .2s ease, transform .2s ease;
}

.floating-whatsapp span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #fff;
  background: #25d366;
  border-radius: 50%;
}

.floating-whatsapp svg { display: block; width: 22px; height: 22px; }
.floating-whatsapp .whatsapp-mark { fill: #25d366; }
.floating-whatsapp .whatsapp-phone { fill: #fff; }

.floating-whatsapp:hover,
.floating-whatsapp:focus-visible {
  background: #262626;
  transform: translateY(-2px);
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.testimonials { padding: 110px 0; background: #f2f2f0; }
.testimonials__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
.testimonial { padding: 30px; background: #fff; }
.testimonial__stars { margin-bottom: 18px; color: #111; font-size: 13px; letter-spacing: .14em; }
.testimonial blockquote { margin: 0 0 24px; font-size: 19px; line-height: 1.45; }
.testimonial p { margin: 0; color: #777; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.testimonial a { display: inline-block; margin-top: 18px; border-bottom: 1px solid #111; color: #111; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.testimonials__viewport { margin-top: 40px; overflow: hidden; }
.testimonials__viewport .testimonials__grid { display: flex; gap: 16px; margin: 0; overflow-x: auto; padding: 2px 2px 14px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.testimonials__viewport .testimonials__grid::-webkit-scrollbar { display: none; }
.testimonials__viewport .testimonial { flex: 0 0 calc((100% - 32px) / 3); min-width: 0; scroll-snap-align: start; }
.testimonial-controls { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 20px; }
.testimonial-controls button { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #151515; background: transparent; color: #111; cursor: pointer; font-size: 19px; transition: background .2s,color .2s; }
.testimonial-controls button:hover { background: #111; color: #fff; }
.testimonial-controls span { color: #666; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.cart-product__image canvas { display: block; width: 100%; height: 100%; object-fit: cover; background: #efefed; }

@media (max-width: 700px) {
  .site-header .nav-links { color: #fff; background: #050505; border-top: 1px solid #252525; }
  .header-brand { width: 128px; height: 38px; }
  .site-header .menu-button { font-size: 0; }
  .site-header .menu-button::after { content: 'MENÚ'; font-size: 10px; letter-spacing: .12em; }
  .catalog-search { grid-template-columns: 1fr; gap: 8px; }
  .product-assurance { grid-template-columns: 1fr; }
  .testimonials__grid { grid-template-columns: 1fr; }
  .floating-whatsapp b { display: none; }
  .floating-whatsapp { right: 14px; bottom: 14px; padding-right: 8px; }
  .product-actions {
    position: sticky;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 8;
    margin: 2px -8px 0;
    padding: 8px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 14px 32px #0003;
  }
  .product-actions > p { display: none; }
}
.site-header {
  color: #fff;
  background: #050505;
  border-top: 1px solid #202020;
}

.site-header .nav { height: 92px; }

.header-brand {
  display: block;
  width: 154px;
  height: 44px;
  overflow: hidden;
}

.header-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-header .nav-links a,
.site-header .cart-link { color: #fff; }

.site-header .nav-links a:hover,
.site-header .cart-link:hover { border-color: #fff; }

.site-header .search-link:hover,
.site-header .search-link:focus-visible { background: #222; }

.site-header .menu-button { color: #fff; }

.nav-actions { position: relative; }

.header-search { display: grid; }

.header-search .search-link {
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.header-search-panel {
  position: absolute;
  z-index: 60;
  top: calc(100% + 18px);
  right: 48px;
  width: min(430px, calc(100vw - 40px));
  color: #111;
  background: #fff;
  border: 1px solid #dedede;
  box-shadow: 0 24px 60px #0003;
}

.header-search-panel[hidden] { display: none; }

.header-search-form {
  display: grid;
  grid-template-columns: 22px 1fr 32px;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 14px;
  border-bottom: 1px solid #e5e5e5;
}

.header-search-form svg {
  width: 19px;
  fill: none;
  stroke: #111;
  stroke-width: 1.5;
  stroke-linecap: round;
}

.header-search-form input {
  width: 100%;
  height: 56px;
  padding: 0;
  color: #111;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 14px;
  -webkit-appearance: none;
  appearance: none;
}

.header-search-form input::placeholder { color: #888; }
.header-search-form input::-webkit-search-cancel-button { display: none; }

.header-search-close {
  width: 32px;
  height: 32px;
  padding: 0;
  color: #111;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

.header-search-results { max-height: min(430px, 60vh); overflow-y: auto; }

.header-search-results > p {
  margin: 0;
  padding: 22px 16px;
  color: #777;
  font-size: 11px;
}

.header-search-result {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 10px 16px;
  border-bottom: 1px solid #ededed;
}

.header-search-result:last-child { border-bottom: 0; }
.header-search-result:hover,
.header-search-result:focus-visible { background: #f5f5f3; outline: 0; }

.header-search-result__visual,
.header-search-result__placeholder {
  display: grid;
  width: 58px;
  height: 72px;
  place-items: center;
  overflow: hidden;
  background: #efefed;
  border: 1px solid #dedede;
}

.header-search-result__visual canvas {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-search-result__visual--error::after,
.header-search-result__placeholder::after {
  content: 'KR';
  color: #777;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
}

.header-search-result__visual--error canvas { display: none; }

.header-search-result span { font-size: 12px; font-weight: 600; }
.header-search-result small { color: #777; font-size: 10px; white-space: nowrap; }

.cart-icon-link {
  position: relative;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  border: 0;
}

.nav-actions .cart-icon-link {
  position: relative;
}

.cart-icon-link svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cart-icon-link .cart-count {
  position: absolute;
  top: 2px;
  right: 0;
  display: grid;
  width: 18px;
  height: 18px;
  margin: 0;
  place-items: center;
  color: #050505;
  background: #fff;
  border: 2px solid #050505;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 700;
}

.site-footer { border-top: 1px solid #252525; }

.footer-intro { max-width: 390px; }

.footer-brand {
  display: block;
  width: 170px;
  height: 48px;
  margin-bottom: 26px;
  overflow: hidden;
}

.footer-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.footer-intro > p {
  max-width: 330px;
  margin: 0 0 24px;
  color: #a4a4a4 !important;
  font-size: 13px;
  line-height: 1.65;
}

.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }

.footer-column strong {
  margin-bottom: 8px;
  color: #777;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.footer-column a,
.legal a { transition: color .2s ease, border-color .2s ease; }

.footer-column a {
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  font-size: 12px;
}

.footer-column a:hover,
.footer-column a:focus-visible {
  color: #fff;
  border-bottom-color: #777;
}

.payment-note {
  margin-top: 0;
  color: #777;
  line-height: 1.5;
}

.legal a:hover,
.legal a:focus-visible { color: #fff; }

@media (max-width: 700px) {
  .header-brand { width: 128px; height: 38px; }
  .header-search-panel {
    position: fixed;
    top: 124px;
    right: 18px;
    left: 18px;
    width: auto;
  }
}

@media (max-width: 700px) {
  html,
  body { max-width: 100%; overflow-x: clip; }

  .shell { width: calc(100% - 32px); }

  .announcement {
    padding: 7px 12px;
    font-size: 8px;
    line-height: 1.35;
    white-space: nowrap;
    font-size: 7px;
    letter-spacing: .04em;
    overflow: hidden;
  }

  .site-header .nav {
    height: 72px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-rows: 72px;
    gap: 3px;
  }

  .header-brand {
    grid-column: 1;
    grid-row: 1;
    width: 118px;
    height: 32px;
    align-self: center;
  }

  .nav-actions {
    position: static;
    grid-column: 2;
    grid-row: 1;
    gap: 1px;
    align-self: center;
  }

  .site-header .menu-button {
    grid-column: 3;
    grid-row: 1;
    min-width: 48px;
    height: 44px;
    padding: 0 0 0 7px;
    align-self: center;
    border: 0;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .site-header .menu-button::after { content: none; }

  .search-link,
  .cart-icon-link {
    width: 38px;
    height: 38px;
  }

  .cart-icon-link svg { width: 21px; height: 21px; }

  .cart-icon-link .cart-count {
    top: 2px;
    right: 0;
    width: 17px;
    height: 17px;
    border-width: 2px;
    font-size: 8px;
  }

  .site-header .nav-links {
    top: 72px;
    right: -16px;
    left: -16px;
    gap: 0;
    padding: 8px 16px 18px;
    border-bottom: 1px solid #252525;
  }

  .site-header .nav-links a {
    min-height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #202020;
  }

  .header-search-panel {
    top: 100px;
    right: 16px;
    left: 16px;
    max-height: calc(100vh - 116px);
  }

  .header-search-results { max-height: calc(100vh - 180px); }

  h1,
  .page-title,
  .product-title {
    font-size: clamp(40px, 13vw, 52px);
    line-height: .94;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
  }

  h2 { font-size: clamp(36px, 11vw, 48px); }

  .page-section {
    min-height: 0;
    padding-top: 54px;
    padding-bottom: 78px;
  }

  .collection { padding: 64px 0 84px; }
  .section-head { margin-bottom: 28px; }
  .section-head .text-link { min-height: 42px; }

  .hero-copy { padding: 48px 0 28px; }
  .hero-copy h1 { margin-bottom: 26px; }
  .hero-text { margin-bottom: 28px; font-size: 14px; }
  .hero-actions { width: 100%; }
  .hero-actions .button { width: 100%; }
  .hero-image { min-height: 320px; }

  .trust { gap: 16px; padding: 22px 0; }
  .trust p { font-size: 10px; line-height: 1.45; }

  .catalog-tools {
    gap: 14px;
    margin-bottom: 24px;
    padding: 16px;
  }

  .catalog-categories {
    flex-wrap: nowrap;
    margin-right: -16px;
    padding-right: 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .catalog-categories::-webkit-scrollbar { display: none; }
  .catalog-categories a { flex: 0 0 auto; min-height: 40px; }

  .catalog-search { gap: 7px; }
  .catalog-search input { min-height: 46px; font-size: 16px; }
  .catalog-tags { flex-wrap: nowrap; margin-right: -16px; padding-right: 16px; overflow-x: auto; scrollbar-width: none; }
  .catalog-tags::-webkit-scrollbar { display: none; }
  .catalog-tags button { flex: 0 0 auto; min-height: 40px; }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
  }

  .product-info {
    display: block;
    min-height: 82px;
    padding: 12px 1px 10px;
  }

  .product-info h3 { font-size: 12px; line-height: 1.3; }
  .product-info p { font-size: 10px; }
  .product-info strong { display: block; margin-top: 8px; font-size: 11px; }
  .add-button { height: 43px; padding: 0 11px; font-size: 9px; }
  .badge { top: 10px; left: 10px; }

  .product-page {
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 78px;
  }

  .product-gallery { gap: 0; }
  .product-detail { padding-top: 0; }
  .product-title { margin-bottom: 18px; }
  .product-price { margin-bottom: 24px; font-size: 18px; }
  .rte { margin-bottom: 25px; font-size: 14px; }

  .model-design-preview {
    padding: 12px;
    border-radius: 14px;
  }

  .model-design-preview canvas { border-radius: 10px; }
  .model-design-preview__caption { gap: 10px; font-size: 9px; line-height: 1.4; }

  .brand-picker__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .brand-picker label {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    display: grid;
    place-items: center;
    padding: 9px 7px;
  }

  .product-form select,
  .product-form input,
  .kr-control select,
  .kr-control input { font-size: 16px; }

  .dependent-variant-picker { padding: 16px; }
  .selected-device { align-items: center; }
  .product-quantity-row { align-items: center; }
  .product-quantity-row > label { margin: 0; }
  .product-assurance div { min-height: 0; }

  .quality-grid { min-height: 0; }
  .quality-copy { padding: 64px 16px; }
  .quality-visual { min-height: 360px; }
  .story { padding: 82px 0; }
  .story blockquote { font-size: clamp(34px, 10vw, 46px); }
  .testimonials { padding: 76px 0; }
  .testimonial { padding: 24px; }

  .kr-customizer {
    padding-top: 34px;
    padding-bottom: 78px;
  }

  .kr-customizer__header { margin-bottom: 28px; }
  .kr-customizer__header h1 { margin-bottom: 18px; font-size: clamp(40px, 13vw, 52px); }
  .kr-customizer__grid { gap: 24px; }
  .kr-customizer__panel { order: 1; }
  .kr-customizer__preview { order: 2; }
  .kr-customizer__preview canvas { touch-action: none; }
  .kr-customizer__preview-footer { flex-direction: column; gap: 5px; font-size: 9px; }
  .kr-customizer__panel { gap: 16px; }
  .kr-control-row { grid-template-columns: 1fr; }

  .cart-page__header { margin-bottom: 2.5rem; text-align: left; }
  .cart-page__header .page-title { font-size: clamp(40px, 13vw, 52px); }
  .cart-product { gap: 1rem; }
  .cart-product__image { width: 4.8rem; }
  .cart-line { gap: 1rem; }
  .quantity-stepper { grid-template-columns: 2.5rem 2.7rem 2.5rem; }
  .quantity-stepper button,
  .quantity-stepper input { height: 2.7rem; }
  .cart-summary { padding: 22px 18px; }
  .cart-summary > div { font-size: 17px; }

  .contact-page { gap: 38px; }
  .contact-form .button { width: 100%; }
  .shopify-policy__container { padding: 50px 16px 76px; }

  footer { padding: 60px 0 24px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; padding-bottom: 54px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-brand { width: 150px; height: 43px; margin-bottom: 20px; }
  .footer-intro > p { font-size: 12px; }
  .legal { flex-direction: column; align-items: flex-start; gap: 14px; line-height: 1.6; }

  .floating-whatsapp {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 370px) {
  .header-brand { width: 104px; }
  .site-header .menu-button { min-width: 44px; padding-left: 3px; }
  .product-grid { gap: 10px 8px; }
  .add-button { padding: 0 8px; letter-spacing: .04em; }
}

.catalog-scale-note { margin: 6px 0 0; color: #626262; font-size: 12px; line-height: 1.45; }
.catalog-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 40px 0 6px; font-size: 13px; font-weight: 700; }
.catalog-pagination a { border-bottom: 1px solid currentColor; padding-bottom: 3px; text-decoration: none; }
.catalog-pagination span { color: #6d6d6d; font-weight: 500; }
.cart-discount { color: #0b6b42; }
.cart-shipping-guide { display: grid; gap: 6px; margin: 18px 0; padding: 14px; border: 1px solid #dedede; background: #f7f7f5; font-size: 12px; line-height: 1.45; }
.cart-shipping-guide strong { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.cart-shipping-guide ul { display: grid; gap: 4px; padding: 0; margin: 2px 0 0; list-style: none; }
.cart-shipping-guide b { white-space: nowrap; }
.community-cta { display: grid; justify-items: center; max-width: 540px; margin: 28px auto 0; text-align: center; }
.community-cta p { margin: 0 0 16px; color: #555; line-height: 1.5; }

@media (max-width: 749px) {
  .testimonials__viewport { margin-top: 25px; margin-right: -16px; }
  .testimonials__viewport .testimonial { flex-basis: min(82vw, 360px); }
  .catalog-pagination { gap: 12px; margin-top: 30px; font-size: 11px; }
  .catalog-pagination span { text-align: center; }
}

/* Keep the mobile navigation visible when the menu button opens it.
   This intentionally overrides the Header section's custom CSS. */
@media (max-width: 749px) {
  .site-header .nav-links.open {
    display: flex !important;
    flex-direction: column;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 80;
  }
}


/* Personalización y vistos recientemente */
.personalization-paths { padding: 88px 0; background: #f3f1ed; color: #111; }
.personalization-paths__head { max-width: 650px; margin-bottom: 34px; }
.personalization-paths__head h2, .recently-viewed h2 { margin: 8px 0 10px; font-size: clamp(2rem, 4vw, 3.8rem); line-height: .98; letter-spacing: -.055em; }
.personalization-paths__head p:last-child { max-width: 540px; margin: 0; color: #555; }
.personalization-paths__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #d2cec7; border: 1px solid #d2cec7; }
.personalization-path { min-height: 280px; display: flex; flex-direction: column; align-items: flex-start; padding: 28px; background: #fff; color: inherit; text-decoration: none; transition: background .2s ease, color .2s ease; }
.personalization-path:hover { background: #111; color: #fff; }
.personalization-path > span { font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.personalization-path h3 { margin: auto 0 9px; font-size: 1.45rem; letter-spacing: -.035em; }
.personalization-path p { max-width: 290px; margin: 0 0 24px; line-height: 1.5; opacity: .72; }
.personalization-path strong { font-size: .72rem; letter-spacing: .1em; }
.recently-viewed { margin-top: 72px; padding-top: 56px; border-top: 1px solid #ddd; }
.recently-viewed__head { margin-bottom: 26px; }
.recently-viewed__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.recent-product-card { display: block; color: inherit; text-decoration: none; }
.recent-product-card img { display: block; width: 100%; aspect-ratio: 1 / 1.08; object-fit: cover; background: #f5f5f5; }
.recent-product-card h3 { margin: 13px 0 4px; font-size: .94rem; line-height: 1.25; }
.recent-product-card p { margin: 0; font-size: .88rem; color: #666; }
.recent-product-card:hover h3 { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 740px) { .personalization-paths { padding: 64px 0; } .personalization-paths__grid { grid-template-columns: 1fr; } .personalization-path { min-height: 220px; } .recently-viewed { margin-top: 54px; padding-top: 42px; } .recently-viewed__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }


/* Selector de teléfono, filtros y favoritos */
.catalog-device-finder { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 24px 34px; align-items: end; margin: 28px 0; padding: 26px; background: #f3f1ed; border: 1px solid #ddd8cf; }
.catalog-device-finder h2 { margin: 6px 0; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -.045em; }
.catalog-device-finder p { margin: 0; color: #555; }
.catalog-device-finder__controls { display: grid; grid-template-columns: 1fr 1.25fr auto; gap: 8px; }
.catalog-device-finder select, .catalog-sort select { min-height: 46px; padding: 0 12px; background: #fff; border: 1px solid #bcb8b1; font: inherit; }
.catalog-device-finder__clear, .catalog-favorites-toggle { min-height: 46px; padding: 0 14px; background: #fff; border: 1px solid #111; color: #111; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.catalog-device-finder__status { grid-column: 1 / -1; font-size: 13px; }
.catalog-sort { display: grid; gap: 6px; min-width: 150px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.catalog-favorites-toggle.active { background: #111; color: #fff; }
.favorite-button { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid #ddd; border-radius: 50%; background: rgba(255,255,255,.94); color: #111; font-size: 23px; cursor: pointer; }
.favorite-button.is-active { color: #cf274c; border-color: #cf274c; }
.product-card { position: relative; }
@media (max-width: 740px) { .catalog-device-finder { grid-template-columns: 1fr; padding: 20px; } .catalog-device-finder__controls { grid-template-columns: 1fr; } .catalog-tools { align-items: stretch; } .catalog-sort { width: 100%; } .catalog-favorites-toggle { width: 100%; } }


/* Texto accesible: no debe ocupar espacio visual en los favoritos. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* TEST */
/* MOBILE HEADER */
@media (max-width: 749px) {
  .site-header { padding: 7px 12px; }
    .site-header .nav.shell { position: relative; min-height: 42px; display: flex; align-items: center; justify-content: center; }
      .site-header .header-brand { position: absolute; left: 50%; transform: translateX(-50%); max-width: 100px; margin: 0; }
        .site-header .nav-links { display: none; }
          .site-header .menu-button { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 0; display: inline-flex; align-items: center; justify-content: center; z-index: 2; }
            .site-header .menu-button::before { content: ""; width: 16px; height: 12px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }
              .site-header .menu-button::after { content: ""; position: absolute; width: 16px; height: 1.5px; background: currentColor; }
                .site-header .header-actions { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 8px; margin-left: 0; }
                  .site-header .search-link, .site-header .cart-icon-link { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; }
                    .site-header .cart-icon-link { position: relative; }
                      .site-header .cart-count { top: -3px; right: -5px; }
                      }

                     @media (max-width: 749px) {
  .site-header .nav-actions {
    position: absolute !important;
    left: auto !important;
    right: -36px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    z-index: 5;
  }
}


/* Ajuste final del header móvil: elementos centrados */
@media (max-width: 749px) {
  .site-header .nav.shell {
      position: relative !important;
          min-height: 42px !important;
              padding: 0 !important;
                  display: flex !important;
                      align-items: center !important;
                          justify-content: center !important;
                            }

                              .site-header .header-brand {
                                  position: absolute !important;
                                      left: 50% !important;
                                          top: 50% !important;
                                              transform: translate(-50%, -50%) !important;
                                                  margin: 0 !important;
                                                      max-width: 118px !important;
                                                        }

                                                          .site-header .nav-links {
                                                              display: none !important;
                                                                }

                                                                  .site-header .menu-button {
                                                                      position: absolute !important;
                                                                          left: 0 !important;
                                                                              top: 50% !important;
                                                                                  transform: translateY(-50%) !important;
                                                                                      width: 34px !important;
                                                                                          height: 34px !important;
                                                                                              margin: 0 !important;
                                                                                                }

                                                                                                  .site-header .nav-actions {
                                                                                                      position: absolute !important;
                                                                                                          right: 0 !important;
                                                                                                              left: auto !important;
                                                                                                                  top: 50% !important;
                                                                                                                      transform: translateY(-50%) !important;
                                                                                                                          display: flex !important;
                                                                                                                              align-items: center !important;
                                                                                                                                  justify-content: flex-end !important;
                                                                                                                                      gap: 8px !important;
                                                                                                                                          margin: 0 !important;
                                                                                                                                            }

                                                                                                                                              .site-header .search-link,
                                                                                                                                                .site-header .cart-icon-link {
                                                                                                                                                    width: 34px !important;
                                                                                                                                                        height: 34px !important;
                                                                                                                                                            display: inline-flex !important;
                                                                                                                                                                align-items: center !important;
                                                                                                                                                                    justify-content: center !important;
                                                                                                                                                                      }
                                                                                                                                                                      }


                                                                                                                                                                      /* Mejoras UX/UI del catálogo y compra móvil */
                                                                                                                                                                      .catalog-categories__toggle {
                                                                                                                                                                        display: none;
                                                                                                                                                                          min-height: 44px;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                              justify-content: space-between;
                                                                                                                                                                                width: 100%;
                                                                                                                                                                                  padding: 0 14px;
                                                                                                                                                                                    color: #111;
                                                                                                                                                                                      background: #fff;
                                                                                                                                                                                        border: 1px solid #cfcfcf;
                                                                                                                                                                                          font: inherit;
                                                                                                                                                                                            font-size: 11px;
                                                                                                                                                                                              font-weight: 700;
                                                                                                                                                                                                letter-spacing: .08em;
                                                                                                                                                                                                  text-transform: uppercase;
                                                                                                                                                                                                    cursor: pointer;
                                                                                                                                                                                                    }
                                                                                                                                                                                                    .catalog-categories__toggle::after { content: '⌄'; font-size: 18px; line-height: 1; }
                                                                                                                                                                                                    .catalog-categories__toggle[aria-expanded="true"]::after { content: '⌃'; }
                                                                                                                                                                                                    .kr-empty-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
                                                                                                                                                                                                    .kr-empty-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; text-decoration: none; }
                                                                                                                                                                                                    .kr-model-search { display: grid; gap: 7px; margin: 0 0 8px; }
                                                                                                                                                                                                    .kr-model-search > label { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
                                                                                                                                                                                                    .kr-model-search input { width: 100%; min-height: 48px; padding: 0 13px; background: #fff; border: 1px solid #aaa; font: inherit; }
                                                                                                                                                                                                    .kr-model-search__results { display: grid; gap: 5px; }
                                                                                                                                                                                                    .kr-model-search__results button,
                                                                                                                                                                                                    .kr-model-search__unavailable,
                                                                                                                                                                                                    .kr-model-search__selected { min-height: 38px; display: flex; align-items: center; padding: 0 11px; background: #fff; border: 1px solid #dedede; color: #111; font: inherit; font-size: 11px; text-align: left; }
                                                                                                                                                                                                    .kr-model-search__results button { cursor: pointer; }
                                                                                                                                                                                                    .kr-model-search__results button:hover,
                                                                                                                                                                                                    .kr-model-search__results button:focus-visible { background: #111; color: #fff; outline: 0; }
                                                                                                                                                                                                    .kr-model-search__unavailable { color: #888; background: #f4f4f2; }
                                                                                                                                                                                                    .kr-model-search__selected { color: #0b6b42; border-color: #b7d9c8; background: #f2faf5; }
                                                                                                                                                                                                    .kr-model-search__help { margin-top: 3px; color: #111; font-size: 11px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
                                                                                                                                                                                                    .kr-favorites-note { margin: 4px 0 0; color: #666; font-size: 11px; line-height: 1.4; }
                                                                                                                                                                                                    .kr-mobile-buybar { display: none; }
                                                                                                                                                                                                    .hero-intro { display: block; }
                                                                                                                                                                                                    .hero-benefits { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 16px 0 0; padding: 0; list-style: none; color: #555; font-size: 12px; line-height: 1.45; }
                                                                                                                                                                                                    .hero-benefits li { position: relative; padding-left: 14px; }
                                                                                                                                                                                                    .hero-benefits li::before { content: '✓'; position: absolute; left: 0; color: #111; font-weight: 700; }
                                                                                                                                                                                                    .kr-popup-visible { animation: kr-popup-in .25s ease-out both; }
                                                                                                                                                                                                    @keyframes kr-popup-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
                                                                                                                                                                                                    @media (max-width: 740px) {
                                                                                                                                                                                                      .catalog-categories__toggle { display: flex; }
                                                                                                                                                                                                        .catalog-categories { display: none; flex-wrap: wrap; max-height: 52vh; margin: 8px 0 0; padding: 0; overflow-y: auto; }
                                                                                                                                                                                                          .catalog-categories.is-open { display: flex; }
                                                                                                                                                                                                            .catalog-categories.is-open a { flex: 1 1 calc(50% - 5px); min-width: 0; justify-content: center; padding: 0 9px; text-align: center; }
                                                                                                                                                                                                              .kr-empty-actions { display: grid; grid-template-columns: 1fr; }
                                                                                                                                                                                                                .kr-empty-actions .button { width: 100%; }
                                                                                                                                                                                                                  .kr-mobile-buybar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 90; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 68px; padding: 10px max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); background: #fff; border-top: 1px solid #d8d8d8; box-shadow: 0 -12px 30px #0002; }
                                                                                                                                                                                                                    .kr-mobile-buybar__price { color: #111; font-size: 14px; font-weight: 700; white-space: nowrap; }
                                                                                                                                                                                                                      .kr-mobile-buybar button { min-height: 46px; flex: 1; max-width: 220px; margin: 0; }
                                                                                                                                                                                                                        body:has(.kr-mobile-buybar) { padding-bottom: 76px; }
                                                                                                                                                                                                                          .hero-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 12px; margin-top: 18px; font-size: 11px; }
                                                                                                                                                                                                                            .catalog-scale-note { font-size: 11px; }
                                                                                                                                                                                                                            }


                                                                                                                                                                                                                            /* Header móvil: menú, logo y acciones en tres zonas independientes */
                                                                                                                                                                                                                            @media (max-width: 749px) {
                                                                                                                                                                                                                              .site-header .nav.shell {
                                                                                                                                                                                                                                  position: relative !important;
                                                                                                                                                                                                                                      display: grid !important;
                                                                                                                                                                                                                                          grid-template-columns: 48px minmax(0, 1fr) 84px !important;
                                                                                                                                                                                                                                              align-items: center !important;
                                                                                                                                                                                                                                                  min-height: 58px !important;
                                                                                                                                                                                                                                                      height: 58px !important;
                                                                                                                                                                                                                                                          padding: 0 12px !important;
                                                                                                                                                                                                                                                              box-sizing: border-box !important;
                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                  .site-header .header-brand {
                                                                                                                                                                                                                                                                      position: static !important;
                                                                                                                                                                                                                                                                          grid-column: 2 !important;
                                                                                                                                                                                                                                                                              grid-row: 1 !important;
                                                                                                                                                                                                                                                                                  justify-self: center !important;
                                                                                                                                                                                                                                                                                      transform: none !important;
                                                                                                                                                                                                                                                                                          width: 118px !important;
                                                                                                                                                                                                                                                                                              max-width: 100% !important;
                                                                                                                                                                                                                                                                                                  height: 32px !important;
                                                                                                                                                                                                                                                                                                      margin: 0 auto !important;
                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                          .site-header .menu-button {
                                                                                                                                                                                                                                                                                                              position: static !important;
                                                                                                                                                                                                                                                                                                                  grid-column: 1 !important;
                                                                                                                                                                                                                                                                                                                      grid-row: 1 !important;
                                                                                                                                                                                                                                                                                                                          justify-self: start !important;
                                                                                                                                                                                                                                                                                                                              width: 34px !important;
                                                                                                                                                                                                                                                                                                                                  min-width: 34px !important;
                                                                                                                                                                                                                                                                                                                                      height: 34px !important;
                                                                                                                                                                                                                                                                                                                                          padding: 0 !important;
                                                                                                                                                                                                                                                                                                                                              transform: none !important;
                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                  .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                      position: static !important;
                                                                                                                                                                                                                                                                                                                                                          grid-column: 3 !important;
                                                                                                                                                                                                                                                                                                                                                              grid-row: 1 !important;
                                                                                                                                                                                                                                                                                                                                                                  justify-self: end !important;
                                                                                                                                                                                                                                                                                                                                                                      display: flex !important;
                                                                                                                                                                                                                                                                                                                                                                          align-items: center !important;
                                                                                                                                                                                                                                                                                                                                                                              justify-content: flex-end !important;
                                                                                                                                                                                                                                                                                                                                                                                  gap: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                      width: 84px !important;
                                                                                                                                                                                                                                                                                                                                                                                          margin: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                              transform: none !important;
                                                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                                                                  .site-header .search-link,
                                                                                                                                                                                                                                                                                                                                                                                                    .site-header .cart-icon-link {
                                                                                                                                                                                                                                                                                                                                                                                                        flex: 0 0 34px !important;
                                                                                                                                                                                                                                                                                                                                                                                                            width: 34px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                height: 34px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                    display: inline-flex !important;
                                                                                                                                                                                                                                                                                                                                                                                                                        align-items: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                            justify-content: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                                                                                .site-header .nav-links {
                                                                                                                                                                                                                                                                                                                                                                                                                                    display: none !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                                                                      @media (max-width: 380px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                        .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-columns: 40px minmax(0, 1fr) 76px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                padding: 0 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                    .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                        width: 76px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap: 4px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                                                                                                                                                                                                              }


                                                                                                                                                                                                                                                                                                                                                                                                                                                              /* Centrado óptico final del logo en móvil */
                                                                                                                                                                                                                                                                                                                                                                                                                                                              @media (max-width: 749px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-columns: 84px minmax(0, 1fr) 84px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                      @media (max-width: 380px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-columns: 76px minmax(0, 1fr) 76px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    width: 76px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        gap: 4px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          /* Header móvil compacto y mejor alineado */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          @media (max-width: 749px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                grid-template-columns: 64px minmax(0, 1fr) 64px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    min-height: 46px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        height: 46px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding: 0 6px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .site-header .menu-button {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    justify-self: start !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            min-width: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                height: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .site-header .header-brand {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width: 112px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            max-width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                height: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width: 64px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap: 2px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .site-header .search-link,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .site-header .cart-icon-link {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      flex: 0 0 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          width: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              height: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                @media (max-width: 380px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      grid-template-columns: 56px minmax(0, 1fr) 56px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          padding: 0 4px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .site-header .header-brand {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  width: 104px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          width: 56px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              gap: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                /* Header móvil: ancho completo, compacto y controles al extremo izquierdo/derecho */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                @media (max-width: 749px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .site-header {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      padding: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  max-width: none !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      margin: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          min-height: 44px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              height: 44px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  padding: 0 4px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      grid-template-columns: 52px minmax(0, 1fr) 52px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .site-header .menu-button {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              justify-self: start !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  width: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      min-width: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          height: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .site-header .header-brand {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  width: 104px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      max-width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          height: 26px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  width: 52px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      gap: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .site-header .search-link,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .site-header .cart-icon-link {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                flex: 0 0 26px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    width: 26px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        height: 26px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          @media (max-width: 380px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                grid-template-columns: 48px minmax(0, 1fr) 48px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .site-header .header-brand {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width: 96px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                width: 48px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                            /* FOCUS TEST                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .site-header .search-link,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .site-header .cart-icon-link {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          flex-basis: 24px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              width: 24px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  height: 24px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    @media (max-width: 240px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .site-header .nav.shell {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          grid-template-columns: 40px minmax(0, 1fr) 40px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .site-header .header-brand {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  width: 80px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .site-header .nav-actions {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          width: 48px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              margin-right: -4px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }


/* Ajuste visual móvil: header más legible y categorías separadas */
@media (max-width: 749px) {
  .site-header { padding: 0 !important; }
    .site-header .nav.shell { width: 100% !important; max-width: none !important; margin: 0 !important; min-height: 54px !important; height: 54px !important; padding: 0 8px !important; grid-template-columns: 68px minmax(0, 1fr) 68px !important; align-items: center !important; }
      .site-header .menu-button { justify-self: start !important; width: 32px !important; min-width: 32px !important; height: 32px !important; }
        .site-header .header-brand { width: 118px !important; max-width: 100% !important; height: 32px !important; justify-self: center !important; }
          .site-header .nav-actions { width: 68px !important; gap: 4px !important; justify-content: flex-end !important; }
            .site-header .search-link, .site-header .cart-icon-link { flex: 0 0 30px !important; width: 30px !important; height: 30px !important; }
              .catalog-categories__toggle { margin-bottom: 18px !important; }
              }
              @media (max-width: 380px) {
                .site-header .nav.shell { grid-template-columns: 58px minmax(0, 1fr) 58px !important; }
                  .site-header .header-brand { width: 108px !important; height: 30px !important; }
                    .site-header .nav-actions { width: 58px !important; gap: 0 !important; }
                      .site-header .search-link, .site-header .cart-icon-link { flex-basis: 28px !important; width: 28px !important; height: 28px !important; }
                      }
                      @media (max-width: 240px) {
                        .site-header .nav.shell { grid-template-columns: 44px minmax(0, 1fr) 44px !important; padding: 0 4px !important; }
                          .site-header .header-brand { width: 88px !important; height: 28px !important; }
                            .site-header .nav-actions { width: 52px !important; margin-right: -4px !important; }
                              .site-header .search-link, .site-header .cart-icon-link { flex-basis: 26px !important; width: 26px !important; height: 26px !important; }
                              }
                              

                              /* Ajuste móvil: paneles unidos al encabezado. */
                              @media (max-width: 749px) {
                                .site-header { position: relative; }

                                  .site-header .nav-links {
                                      top: 54px !important;
                                        }

                                          .header-search-panel {
                                              position: absolute !important;
                                                  top: 100% !important;
                                                    }
                                                    }
                                                    

                                                    /* Menú móvil: anclado exactamente al borde del encabezado. */
                                                    @media (max-width: 749px) {
                                                      .site-header .nav.shell { position: relative; overflow: visible !important; }
                                                        .site-header .nav-links { top: 100% !important; margin-top: 0 !important; }
                                                        }
                                                        


/* Model confirmation and help beside the purchase controls. */
.model-help {
  margin: 0.7rem 0 1rem;
  color: #5f5f5f;
  font-size: 0.9rem;
  line-height: 1.45;
}
.model-help a {
  color: #111;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.model-purchase-check {
  margin: 0 0 0.75rem;
  padding: 0.8rem 1rem;
  border: 1px solid #dedbd5;
  border-radius: 10px;
  background: #f7f6f3;
  color: #252525;
  font-size: 0.9rem;
  line-height: 1.45;
}
.model-purchase-check strong {
  color: #111;
}


/* Disabled brands: lighter treatment with a diagonal strike across the pill. */
.brand-picker input:disabled + .brand-picker__choice--unavailable {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  background: #f7f7f7;
  color: #a4a4a4;
  opacity: 1;
  cursor: not-allowed;
}
.brand-picker__choice--unavailable::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8%;
  width: 116%;
  height: 2px;
  background: #b5b5b5;
  transform: rotate(18deg);
  pointer-events: none;
}
.brand-picker__unavailable-brand {
  position: relative;
  z-index: 1;
  color: #a4a4a4;
  font-weight: 600;
  text-decoration: none;
}