/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/


<style id="codex-mobile-home-fix">
@media (max-width: 760px) {
  body.template-index { overflow-x: hidden; }
  body.template-index .halo-sticky-toolbar-mobile { display: none !important; }
  body.template-index .codex-v23-hero,
  body.template-index .codex-v24-hero,
  body.template-index .codex-v22-hero,
  body.template-index .codex-toccay-hero { min-height: 760px !important; height: auto !important; padding: 54px 20px 40px !important; align-items: flex-end !important; }
  body.template-index .codex-v23-hero-img,
  body.template-index .codex-v24-hero-img,
  body.template-index .codex-v22-hero-img,
  body.template-index .codex-toccay-hero-img { object-position: 48% 50% !important; }
  body.template-index .codex-v23-wrap,
  body.template-index .codex-v24-wrap,
  body.template-index .codex-v22-wrap,
  body.template-index .codex-toccay-wrap { width: 100% !important; max-width: 350px !important; margin: 0 auto !important; padding: 0 !important; }
  body.template-index .codex-v23-kicker,
  body.template-index .codex-v24-kicker,
  body.template-index .codex-v22-kicker,
  body.template-index .codex-toccay-kicker { font-size: 13px !important; letter-spacing: .24em !important; margin-bottom: 14px !important; }
  body.template-index .codex-v23-hero h1,
  body.template-index .codex-v24-hero h1,
  body.template-index .codex-v22-hero h1,
  body.template-index .codex-toccay-hero h1 { font-size: clamp(37px, 12vw, 48px) !important; line-height: .98 !important; letter-spacing: 0 !important; margin: 0 0 16px !important; max-width: 350px !important; }
  body.template-index .codex-v23-hero p,
  body.template-index .codex-v24-hero p,
  body.template-index .codex-v22-hero p,
  body.template-index .codex-toccay-hero p { font-size: 15px !important; line-height: 1.55 !important; margin: 0 0 20px !important; max-width: 340px !important; }
  body.template-index .codex-v23-badges,
  body.template-index .codex-v24-badges,
  body.template-index .codex-v22-badges,
  body.template-index .codex-toccay-badges { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin: 0 0 22px !important; }
  body.template-index .codex-v23-badges span,
  body.template-index .codex-v24-badges span,
  body.template-index .codex-v22-badges span,
  body.template-index .codex-toccay-badges span { min-width: 0 !important; width: 100% !important; justify-content: center !important; padding: 10px 6px !important; font-size: 13px !important; line-height: 1 !important; white-space: nowrap !important; }
  body.template-index .codex-v23-badges span:nth-child(n+4),
  body.template-index .codex-v24-badges span:nth-child(n+4),
  body.template-index .codex-v22-badges span:nth-child(n+4),
  body.template-index .codex-toccay-badges span:nth-child(n+4) { display: none !important; }
  body.template-index .codex-v23-actions,
  body.template-index .codex-v24-actions,
  body.template-index .codex-v22-actions,
  body.template-index .codex-toccay-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; max-width: 260px !important; }
  body.template-index .codex-v23-actions .secondary,
  body.template-index .codex-v24-actions .secondary,
  body.template-index .codex-v22-actions .secondary,
  body.template-index .codex-toccay-actions .secondary { display: none !important; }
  body.template-index .codex-v23-actions a,
  body.template-index .codex-v24-actions a,
  body.template-index .codex-v22-actions a,
  body.template-index .codex-toccay-actions a { width: 100% !important; min-height: 48px !important; padding: 0 18px !important; justify-content: center !important; font-size: 15px !important; }
  body.template-index .codex-v23-section,
  body.template-index .codex-v24-section,
  body.template-index .codex-v22-section,
  body.template-index .codex-toccay-section { padding: 54px 20px !important; }
  body.template-index .codex-v23-section h2,
  body.template-index .codex-v24-section h2,
  body.template-index .codex-v22-section h2,
  body.template-index .codex-toccay-section h2 { font-size: clamp(30px, 8.4vw, 38px) !important; line-height: 1.08 !important; text-align: center !important; max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }
  body.template-index .codex-v23-series-grid,
  body.template-index .codex-v24-series-grid,
  body.template-index .codex-v22-series-grid,
  body.template-index .codex-series-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  body.template-index .codex-v23-series-card,
  body.template-index .codex-v24-series-card,
  body.template-index .codex-v22-series-card,
  body.template-index .codex-series-card { min-height: 370px !important; border-radius: 22px !important; box-shadow: 0 18px 42px rgba(0,0,0,.16) !important; }
  body.template-index .codex-v23-series-copy,
  body.template-index .codex-v24-series-copy,
  body.template-index .codex-v22-series-copy,
  body.template-index .codex-series-copy { left: 22px !important; right: 22px !important; bottom: 24px !important; text-align: center !important; }
  body.template-index .codex-v23-series-copy strong,
  body.template-index .codex-v24-series-copy strong,
  body.template-index .codex-v22-series-copy strong,
  body.template-index .codex-series-copy strong { font-size: 30px !important; line-height: 1.02 !important; }
  body.template-index .codex-v23-ghost-image-link,
  body.template-index .codex-v24-ghost-image-link,
  body.template-index .codex-v22-ghost-image-link,
  body.template-index .codex-ghost-image-link { height: 330px !important; min-height: 330px !important; }
  body.template-index .codex-v23-ghost-image-link img,
  body.template-index .codex-v24-ghost-image-link img,
  body.template-index .codex-v22-ghost-image-link img,
  body.template-index .codex-ghost-image-link img { object-fit: cover !important; object-position: 60% 50% !important; }
  body.template-index .codex-v23-aero-video-section,
  body.template-index .codex-v24-aero-video-section,
  body.template-index .codex-v22-aero-video-section,
  body.template-index .codex-aero-video-section { padding: 64px 20px 70px !important; }
  body.template-index .codex-v23-aero-video-wrap,
  body.template-index .codex-v24-aero-video-wrap,
  body.template-index .codex-v22-aero-video-wrap,
  body.template-index .codex-aero-video-wrap { grid-template-columns: 1fr !important; gap: 26px !important; }
  body.template-index .codex-v23-aero-copy,
  body.template-index .codex-v24-aero-copy,
  body.template-index .codex-v22-aero-copy,
  body.template-index .codex-aero-copy { text-align: center !important; }
  body.template-index .codex-v23-aero-copy h2,
  body.template-index .codex-v24-aero-copy h2,
  body.template-index .codex-v22-aero-copy h2,
  body.template-index .codex-aero-copy h2 { font-size: clamp(32px, 9vw, 42px) !important; line-height: 1.06 !important; text-align: center !important; }
  body.template-index .codex-v23-aero-media,
  body.template-index .codex-v24-aero-media,
  body.template-index .codex-v22-aero-media,
  body.template-index .codex-aero-media { aspect-ratio: 4 / 5 !important; border-radius: 22px !important; width: 100% !important; }
}