/* Small, scoped additions to the current Hublo visual system. */
.conversion-landing .watch-poster-caption { gap: 15px; width: min(28%, 350px); }
.conversion-landing .watch-poster-copy { gap: 14px; }
.conversion-landing .hero-value { margin: 0; max-width: 270px; font-size: clamp(.9rem, 1.25vw, 1rem); line-height: 1.55; }
.hero-offer { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; font-size: .86rem; line-height: 1.5; }
.hero-offer span { margin-inline-end: 5px; color: #b9d4ff; }
.conversion-landing .watch-hero--poster .button { max-width: 270px; gap: 8px; font-size: .89rem; }
.hero-confirmation { max-width: 270px; margin: 0; color: #c2cad4; font-size: .76rem; line-height: 1.6; }
.conversion-section { padding-block: clamp(40px, 6vw, 88px); }
.conversion-section h2 { max-width: 640px; font-size: clamp(2rem, 3.5vw, 3.3rem); line-height: 1.12; }
.product-story { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.product-story .eyebrow { color: #155bd1; }
.watch-benefits { display: grid; gap: 16px; padding: 0; margin: 0; list-style: none; font-size: .98rem; }
.watch-benefits li { padding-block-end: 16px; border-bottom: 1px solid var(--line); }
.watch-benefits li:last-child { border: 0; padding-block-end: 0; }
.product-media h2 { margin-block-end: 28px; }
.product-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.product-media figure { min-width: 0; margin: 0; }
.product-media-frame { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 20px; background: #050709; }
.product-media-frame picture { display: block; width: 100%; height: 100%; }
.product-media-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.product-media-closeup img { object-fit: cover; object-position: center 39%; }
.product-media figcaption { margin-top: 12px; color: #626c78; font-size: .8rem; }
.watch-colors { border-block-start: 1px solid var(--line); }
.watch-color-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.watch-color-links a { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; font-size: .88rem; }
.watch-color-links a:hover, .watch-color-links a:focus-visible { border-color: var(--accent); background: #f7faff; }
.cod-process { padding-block-start: 30px; }
.cod-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding: 0; margin: 32px 0 0; list-style: none; }
.cod-steps li { display: grid; align-content: start; gap: 14px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .9rem; }
.cod-steps span { color: #155bd1; font-size: .76rem; font-variant-numeric: tabular-nums; }
.submit-reassurance { display: grid; gap: 6px; padding: 0; margin: 0; list-style: none; color: #405169; font-size: .8rem; }
.submit-reassurance span { margin-inline-end: 4px; color: #1457c0; }
.form-error-summary { padding: 14px; border: 1px solid #c35f57; border-radius: 8px; background: #fff8f7; }
.form-error-summary ul { margin: 8px 0 0; padding-inline-start: 20px; }
.form-error-summary a { text-underline-offset: 3px; }
.order-form [aria-invalid=true] { border-color: #a11f16; }
.order-form .field-error { scroll-margin-block-start: 100px; }
.order-form input, .order-form select, .order-form textarea, #color-select-toggle, #order-errors { scroll-margin-block-start: 96px; scroll-margin-block-end: 100px; }
.conversion-landing .faq { padding-block: 70px 40px; }
.conversion-landing .product-information { padding-block: 48px 72px; }
.conversion-landing .product-information h2 { font-size: clamp(2.2rem, 3.5vw, 3.3rem); }
.conversion-landing .form-submit { font-size: .9rem; }
.mobile-order-bar { display: none; }
.section-enter { animation: section-enter 480ms ease both; }
@keyframes section-enter { from { opacity: .2; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (min-width: 700px) and (max-width: 1050px) {
  .conversion-landing .watch-poster-caption { position: static; width: auto; transform: none; padding: 28px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 18px 35px; }
  .conversion-landing .watch-poster-copy { grid-row: span 2; }
  .conversion-landing .watch-hero--poster h1 { font-size: 54px; }
}
@media (max-width: 699px) {
  .conversion-landing.mobile-order-bar-visible { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
  .conversion-landing .watch-hero--hublo .watch-poster-media { aspect-ratio: 1.22; }
  .conversion-landing .watch-poster-media img { object-fit: cover; object-position: center 37%; }
  .conversion-landing .watch-poster-caption { position: static; width: auto; transform: none; margin: 0; padding: 6px 22px 26px; gap: 13px; }
  .conversion-landing .watch-poster-copy { width: 100%; gap: 10px; }
  .conversion-landing .watch-hero--poster h1 { font-size: 44px; }
  .conversion-landing .watch-hero--poster .price-line strong { font-size: 26px; }
  .conversion-landing .hero-value { max-width: none; font-size: .9rem; }
  .conversion-landing .hero-offer { display: flex; flex-wrap: wrap; gap: 5px 14px; font-size: .77rem; }
  .conversion-landing .watch-hero--poster .button { max-width: none; }
  .conversion-landing .hero-confirmation { max-width: none; font-size: .73rem; }
  .product-story { grid-template-columns: 1fr; gap: 26px; }
  .conversion-section { padding-block: 36px; }
  .product-media-grid { gap: 12px; }
  .product-media-frame { aspect-ratio: 3 / 4; border-radius: 14px; }
  .watch-color-links { gap: 8px; }
  .watch-color-links a { padding-inline: 12px; }
  .cod-steps { grid-template-columns: 1fr 1fr; gap: 24px; }
  .conversion-landing .order-field-row { grid-template-columns: 1fr; gap: 18px; }
  .conversion-landing .order-form .form-control { font-size: 16px; }
  .conversion-landing .faq { padding-block: 42px 24px; }
  .conversion-landing .form-submit { padding-inline: 10px; gap: 8px; font-size: .83rem; }
  .conversion-landing .form-submit .submit-arrow { display: none; }
  .mobile-order-bar { position: fixed; z-index: 35; inset: auto 0 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: calc(60px + env(safe-area-inset-bottom, 0px)); padding: 7px 12px calc(7px + env(safe-area-inset-bottom, 0px)); padding-inline-end: 72px; background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -4px 18px rgb(7 19 39 / 5%); opacity: 0; visibility: hidden; transform: translateY(6px); pointer-events: none; transition: opacity 150ms ease, transform 150ms ease, visibility 0s 150ms; }
  .mobile-order-bar.is-visible { opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition-delay: 0s; }
  .mobile-order-bar > div { display: grid; gap: 0; }
  .mobile-order-bar strong { font-size: 1rem; line-height: 1.2; }
  .mobile-order-bar .button { flex: 1; max-width: 190px; min-height: 44px; min-width: 120px; padding: 8px 12px; border-radius: 999px; gap: 8px; font-size: .78rem; }
  .conversion-landing .whatsapp-link[data-whatsapp-float] { width: 48px; height: 48px; min-width: 48px; min-height: 48px; inset-inline-end: 12px; inset-block-end: calc(6px + env(safe-area-inset-bottom, 0px)); }
  [dir="rtl"] .conversion-landing .whatsapp-link[data-whatsapp-float] { inset-inline-end: 12px; }
  .conversion-landing:not(.mobile-order-bar-visible) .whatsapp-link[data-whatsapp-float] { inset-block-end: var(--whatsapp-cta-clearance, max(18px, env(safe-area-inset-bottom, 0px))); }
  .conversion-landing.mobile-order-editing .whatsapp-link[data-whatsapp-float], .conversion-landing.mobile-contact-obscures-form .whatsapp-link[data-whatsapp-float] { visibility: hidden; pointer-events: none; }
  .conversion-landing .footer-bottom { padding-block-end: 25px; }
}
@media (prefers-reduced-motion: reduce) { .section-enter { animation: none; } .mobile-order-bar { transition: none; transform: none; } }