.cart-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  min-height:clamp(34rem,52vw,45rem);
  overflow:hidden;
  padding:0;
  background:#f1effa;
}

.cart-hero-scene,
.cart-hero-veil { position:absolute; inset:0; }

.cart-hero-scene {
  z-index:-2;
  background-image:url("/assets/cart-hero/carrito-lavanda-claro.png");
  background-image:-webkit-image-set(url("/assets/cart-hero/carrito-lavanda-claro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-claro.png") type("image/png"));
  background-image:image-set(url("/assets/cart-hero/carrito-lavanda-claro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-claro.png") type("image/png"));
  background-position:right center;
  background-size:cover;
  background-repeat:no-repeat;
}

.cart-hero-veil {
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(247,246,255,.12),rgba(247,246,255,.02) 56%,transparent 72%);
}

.cart-hero-shell {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:inherit;
  padding-block:clamp(2.7rem,6vw,5.5rem);
}

.cart-hero .cart-breadcrumb { position:absolute; top:clamp(2rem,4vw,3.4rem); left:max(2.5rem,calc((100vw - 82.5rem)/2)); margin:0; padding:0; }
.cart-hero-copy { width:min(58%,58rem); padding-top:2rem; }
.cart-hero-copy .eyebrow { color:#5133d4; }
.cart-hero-copy h1 { max-width:58rem; margin:.95rem 0 1.35rem; color:#172c54; font-size:clamp(3.2rem,6vw,6.8rem); line-height:.96; letter-spacing:-.055em; }
.cart-hero-copy p { max-width:48rem; margin:0; color:#59677e; font-size:clamp(1.08rem,1.6vw,1.42rem); line-height:1.58; }

html[data-theme="dark"] .cart-hero { background:#201525; }
html[data-theme="dark"] .cart-hero-scene {
  background-image:url("/assets/cart-hero/carrito-lavanda-oscuro.png");
  background-image:-webkit-image-set(url("/assets/cart-hero/carrito-lavanda-oscuro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-oscuro.png") type("image/png"));
  background-image:image-set(url("/assets/cart-hero/carrito-lavanda-oscuro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-oscuro.png") type("image/png"));
}
html[data-theme="dark"] .cart-hero-veil { background:linear-gradient(90deg,rgba(26,17,31,.18),rgba(26,17,31,.04) 60%,transparent 76%); }
html[data-theme="dark"] .cart-hero-copy .eyebrow { color:#c5b4ff; }
html[data-theme="dark"] .cart-hero-copy h1 { color:#fff9f3; }
html[data-theme="dark"] .cart-hero-copy p { color:#ded5e5; }
html[data-theme="dark"] .cart-breadcrumb,html[data-theme="dark"] .cart-breadcrumb a { color:#eee7f0; }

.cart-hero-scene.has-uploaded-image { background:none !important; }
.cart-hero-scene.has-uploaded-image .interior-uploaded-image { width:100%; height:100%; object-fit:cover; }

@media (max-width:700px) {
  .cart-hero { min-height:clamp(47rem,178vw,65rem); }
  .cart-hero-scene {
    background-image:url("/assets/cart-hero/carrito-lavanda-movil-claro.png");
    background-image:-webkit-image-set(url("/assets/cart-hero/carrito-lavanda-movil-claro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-movil-claro.png") type("image/png"));
    background-image:image-set(url("/assets/cart-hero/carrito-lavanda-movil-claro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-movil-claro.png") type("image/png"));
    background-position:center;
  }
  .cart-hero-veil { background:linear-gradient(180deg,rgba(247,246,255,.18),rgba(247,246,255,.04) 47%,transparent 68%); }
  .cart-hero-shell { justify-content:flex-start; padding-top:2rem; }
  .cart-hero .cart-breadcrumb { position:static; margin-bottom:clamp(2.2rem,8vw,3.7rem); padding:0; }
  .cart-hero-copy { width:100%; max-width:34rem; padding-top:0; }
  .cart-hero-copy h1 { max-width:12ch; font-size:clamp(2.7rem,12vw,4.4rem); }
  .cart-hero-copy p { max-width:30rem; font-size:1.05rem; }
  html[data-theme="dark"] .cart-hero-scene {
    background-image:url("/assets/cart-hero/carrito-lavanda-movil-oscuro.png");
    background-image:-webkit-image-set(url("/assets/cart-hero/carrito-lavanda-movil-oscuro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-movil-oscuro.png") type("image/png"));
    background-image:image-set(url("/assets/cart-hero/carrito-lavanda-movil-oscuro.avif") type("image/avif"),url("/assets/cart-hero/carrito-lavanda-movil-oscuro.png") type("image/png"));
  }
  html[data-theme="dark"] .cart-hero-veil { background:linear-gradient(180deg,rgba(25,15,31,.12),rgba(25,15,31,.02) 51%,transparent 70%); }
}

@media (max-width:420px) {
  .cart-hero { min-height:49rem; }
  .cart-hero-copy h1 { font-size:2.85rem; }
}