@font-face {
  font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/static/fonts/archivo-latin-wght-normal.woff2') format('woff2');
}

#buy_popup_frame { background: rgba(11,11,12,.55) !important; }
#buy_popup_frame > div > div { max-width: 880px !important; border-radius: 0 !important; box-shadow: 0 30px 80px -20px rgba(11,11,12,.45) !important; }
#buy_popup_frame_top { padding: 14px 20px !important; background: #fff !important; border-bottom: 1px solid #e3e0da !important; }
#buy_popup_frame_top h2 { font-family: 'Archivo', 'Inter', sans-serif !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.01em; color: #0b0b0c !important; }
#buy_popup_frame_top .w-10.h-10 { width: 36px !important; height: 36px !important; border-radius: 0 !important; background: #f6f5f3 !important; }
#buy_popup_frame_top .w-10.h-10 i { color: #0b0b0c !important; }
#buy_popup_frame_top #popup_close_btn { width: 40px !important; height: 40px !important; border-radius: 0 !important; background: #fff !important; border: 1px solid #e3e0da !important; transition: border-color .15s ease; }
#buy_popup_frame_top #popup_close_btn:hover { border-color: #0b0b0c !important; }
#buy_popup_frame_top #popup_close_btn i { color: #0b0b0c !important; }
#buy_popup_frame_mid { padding: 0 !important; background: #fff !important; }
@media (max-width: 639px) {
  #buy_popup_frame > div { padding: 0 !important; align-items: stretch !important; min-height: 100% !important; }
  #buy_popup_frame > div > div { max-width: none !important; max-height: none !important; height: 100vh; height: 100dvh; box-shadow: none !important; }
  #buy_popup_frame_top { padding: 10px 16px !important; }
}

#buy_popup,
#step-content { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; color: #0b0b0c; -webkit-font-smoothing: antialiased; }
#buy_popup [id$="-container"],
#step-content [id$="-container"] { max-width: none !important; padding: 22px 28px 0 !important; }
@media (max-width: 639px) { #buy_popup [id$="-container"],
#step-content [id$="-container"] { padding: 16px 16px 0 !important; } }

#buy_popup .rounded,
#step-content .rounded,
#buy_popup .rounded-md,
#step-content .rounded-md,
#buy_popup .rounded-lg,
#step-content .rounded-lg,
#buy_popup .rounded-xl,
#step-content .rounded-xl,
#buy_popup .rounded-2xl,
#step-content .rounded-2xl,
#buy_popup .rounded-3xl,
#step-content .rounded-3xl,
#buy_popup .rounded-t-xl,
#step-content .rounded-t-xl,
#buy_popup .rounded-bl-lg,
#step-content .rounded-bl-lg { border-radius: 0 !important; }
#buy_popup .shadow,
#step-content .shadow,
#buy_popup .shadow-sm,
#step-content .shadow-sm,
#buy_popup .shadow-md,
#step-content .shadow-md,
#buy_popup .shadow-lg,
#step-content .shadow-lg,
#buy_popup .shadow-xl,
#step-content .shadow-xl,
#buy_popup .shadow-2xl,
#step-content .shadow-2xl { box-shadow: none !important; }

#buy_popup h2.font-bold,
#step-content h2.font-bold { font-family: 'Archivo', 'Inter', sans-serif; font-size: 21px !important; font-weight: 700; letter-spacing: -.015em; line-height: 1.15 !important; color: #0b0b0c !important; }
#buy_popup h3.font-bold,
#step-content h3.font-bold,
#buy_popup h3.font-semibold,
#step-content h3.font-semibold { font-family: 'Archivo', 'Inter', sans-serif; letter-spacing: -.01em; color: #0b0b0c !important; }
#buy_popup .w-7.h-7.rounded-full.text-white,
#step-content .w-7.h-7.rounded-full.text-white { width: 34px !important; height: 34px !important; border-radius: 0 !important; background: #0b0b0c !important; font-family: 'Archivo', 'Inter', sans-serif; font-size: 14px !important; }
#buy_popup .h-1.rounded-full,
#step-content .h-1.rounded-full { height: 3px !important; width: 30px !important; border-radius: 0 !important; background: #0b0b0c !important; }
#buy_popup .h-1.rounded-full[class*="-600"],
#step-content .h-1.rounded-full[class*="-600"] { background: #d20000 !important; }
#buy_popup .h-1.rounded-full.bg-gray-200,
#step-content .h-1.rounded-full.bg-gray-200 { background: #e3e0da !important; }
@media (min-width: 640px) { #buy_popup .h-1.rounded-full,
#step-content .h-1.rounded-full { width: 40px !important; } }
#buy_popup .mb-2.sm\:mb-3,
#step-content .mb-2.sm\:mb-3,
#buy_popup #step4-container > .mb-2,
#step-content #step4-container > .mb-2 { margin-bottom: 18px !important; }

#buy_popup .bg-gray-50,
#step-content .bg-gray-50,
#buy_popup .bg-blue-50,
#step-content .bg-blue-50,
#buy_popup .bg-green-50,
#step-content .bg-green-50,
#buy_popup .bg-purple-50,
#step-content .bg-purple-50,
#buy_popup .bg-amber-50,
#step-content .bg-amber-50,
#buy_popup .bg-indigo-50,
#step-content .bg-indigo-50,
#buy_popup .bg-yellow-50,
#step-content .bg-yellow-50,
#buy_popup .bg-emerald-50,
#step-content .bg-emerald-50 { background: #f6f5f3 !important; }
#buy_popup .bg-blue-100,
#step-content .bg-blue-100,
#buy_popup .bg-green-100,
#step-content .bg-green-100,
#buy_popup .bg-purple-100,
#step-content .bg-purple-100,
#buy_popup .bg-amber-100,
#step-content .bg-amber-100,
#buy_popup .bg-gray-100,
#step-content .bg-gray-100,
#buy_popup .bg-red-100,
#step-content .bg-red-100,
#buy_popup .bg-emerald-100,
#step-content .bg-emerald-100 { background: #f6f5f3 !important; }
#buy_popup .border-gray-100:not(.animate-spin),
#step-content .border-gray-100:not(.animate-spin),
#buy_popup .border-gray-200:not(.animate-spin),
#step-content .border-gray-200:not(.animate-spin),
#buy_popup .border-gray-300:not(.animate-spin),
#step-content .border-gray-300:not(.animate-spin),
#buy_popup .border-blue-200,
#step-content .border-blue-200,
#buy_popup .border-blue-300,
#step-content .border-blue-300,
#buy_popup .border-blue-400,
#step-content .border-blue-400,
#buy_popup .border-green-200,
#step-content .border-green-200,
#buy_popup .border-green-300,
#step-content .border-green-300,
#buy_popup .border-purple-200,
#step-content .border-purple-200,
#buy_popup .border-amber-200,
#step-content .border-amber-200,
#buy_popup .border-amber-400,
#step-content .border-amber-400,
#buy_popup .border-indigo-200,
#step-content .border-indigo-200 { border-color: #e3e0da !important; }
#buy_popup .animate-spin.border-t-red-600,
#step-content .animate-spin.border-t-red-600 { border-color: #e3e0da !important; border-top-color: #d20000 !important; }
#buy_popup .animate-spin.border-b-2,
#step-content .animate-spin.border-b-2 { border-color: transparent !important; border-bottom-color: #d20000 !important; }
#buy_popup .text-blue-500,
#step-content .text-blue-500,
#buy_popup .text-blue-600,
#step-content .text-blue-600,
#buy_popup .text-blue-700,
#step-content .text-blue-700,
#buy_popup .text-blue-800,
#step-content .text-blue-800,
#buy_popup .text-blue-900,
#step-content .text-blue-900,
#buy_popup .text-green-900,
#step-content .text-green-900,
#buy_popup .text-purple-900,
#step-content .text-purple-900,
#buy_popup .text-indigo-900,
#step-content .text-indigo-900,
#buy_popup .text-purple-500,
#step-content .text-purple-500,
#buy_popup .text-purple-600,
#step-content .text-purple-600,
#buy_popup .text-purple-700,
#step-content .text-purple-700,
#buy_popup .text-indigo-600,
#step-content .text-indigo-600,
#buy_popup .text-gray-800,
#step-content .text-gray-800,
#buy_popup .text-gray-900,
#step-content .text-gray-900 { color: #0b0b0c !important; }
#buy_popup .text-green-600,
#step-content .text-green-600,
#buy_popup .text-green-700,
#step-content .text-green-700,
#buy_popup .text-green-500,
#step-content .text-green-500 { color: #0b0b0c !important; }
#buy_popup .text-amber-500,
#step-content .text-amber-500,
#buy_popup .text-amber-600,
#step-content .text-amber-600,
#buy_popup .text-amber-700,
#step-content .text-amber-700,
#buy_popup .text-amber-800,
#step-content .text-amber-800,
#buy_popup .text-emerald-500,
#step-content .text-emerald-500,
#buy_popup .text-emerald-600,
#step-content .text-emerald-600,
#buy_popup .text-emerald-800,
#step-content .text-emerald-800,
#buy_popup .text-yellow-700,
#step-content .text-yellow-700 { color: #26282c !important; }
#buy_popup .text-gray-500,
#step-content .text-gray-500,
#buy_popup .text-gray-600,
#step-content .text-gray-600,
#buy_popup .text-gray-400,
#step-content .text-gray-400 { color: #6b6862 !important; }
#buy_popup .text-gray-700,
#step-content .text-gray-700 { color: #26282c !important; }
#buy_popup .text-red-400,
#step-content .text-red-400,
#buy_popup .text-red-500,
#step-content .text-red-500,
#buy_popup .text-red-600,
#step-content .text-red-600,
#buy_popup .text-red-700,
#step-content .text-red-700,
#buy_popup .text-red-600 i,
#step-content .text-red-600 i { color: #d20000 !important; }
#buy_popup .bg-red-50,
#step-content .bg-red-50 { background: #fbeeee !important; }
#buy_popup .border-red-300,
#step-content .border-red-300 { border-color: #efc4c4 !important; }

#buy_popup .font-semibold.text-gray-700.text-xs,
#step-content .font-semibold.text-gray-700.text-xs,
#buy_popup span.block.text-xs.font-bold,
#step-content span.block.text-xs.font-bold,
#buy_popup span.block.text-xs.font-semibold,
#step-content span.block.text-xs.font-semibold,
#buy_popup .block.text-xs.sm\:text-sm.font-semibold,
#step-content .block.text-xs.sm\:text-sm.font-semibold {
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em; word-spacing: .1em; text-transform: uppercase; color: #0b0b0c !important; }
#buy_popup .text-red-600.mr-1,
#step-content .text-red-600.mr-1,
#buy_popup .fa-palette.text-red-600,
#step-content .fa-palette.text-red-600,
#buy_popup .fa-ruler.text-red-600,
#step-content .fa-ruler.text-red-600,
#buy_popup .fa-glasses.text-red-600,
#step-content .fa-glasses.text-red-600 { color: #d20000 !important; }

#buy_popup .lens-type-card,
#step-content .lens-type-card,
#buy_popup .sv-correction-btn,
#step-content .sv-correction-btn,
#buy_popup .sv-lens-btn,
#step-content .sv-lens-btn,
#buy_popup .prog-lens-btn,
#step-content .prog-lens-btn,
#buy_popup .thickness-btn,
#step-content .thickness-btn,
#buy_popup .extra-card,
#step-content .extra-card,
#buy_popup .warranty-card,
#step-content .warranty-card {
  background: #fff !important; border-width: 1px !important; border-style: solid !important; border-color: #e3e0da !important; border-radius: 0 !important; box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important; }
#buy_popup .lens-type-card:hover,
#step-content .lens-type-card:hover,
#buy_popup .sv-correction-btn:hover,
#step-content .sv-correction-btn:hover,
#buy_popup .sv-lens-btn:hover,
#step-content .sv-lens-btn:hover,
#buy_popup .prog-lens-btn:hover,
#step-content .prog-lens-btn:hover,
#buy_popup .thickness-btn:hover,
#step-content .thickness-btn:hover,
#buy_popup .extra-card:hover,
#step-content .extra-card:hover,
#buy_popup .warranty-card:hover,
#step-content .warranty-card:hover { border-color: #9d978d !important; }
#buy_popup .lens-type-card.selected,
#step-content .lens-type-card.selected,
#buy_popup .sv-correction-btn.selected,
#step-content .sv-correction-btn.selected,
#buy_popup .sv-lens-btn.selected,
#step-content .sv-lens-btn.selected,
#buy_popup .prog-lens-btn.selected,
#step-content .prog-lens-btn.selected,
#buy_popup .thickness-btn.selected,
#step-content .thickness-btn.selected,
#buy_popup .extra-card.selected,
#step-content .extra-card.selected,
#buy_popup .warranty-card.selected,
#step-content .warranty-card.selected,
#buy_popup .warranty-card[data-warranty="0"].selected,
#step-content .warranty-card[data-warranty="0"].selected,
#buy_popup .prog-lens-btn[data-hd-type].selected,
#step-content .prog-lens-btn[data-hd-type].selected {
  background: #fff !important; border-color: #0b0b0c !important; box-shadow: inset 0 0 0 1px #0b0b0c !important; }
#buy_popup .lens-type-card,
#step-content .lens-type-card,
#buy_popup .thickness-btn,
#step-content .thickness-btn,
#buy_popup .sv-correction-btn,
#step-content .sv-correction-btn { padding: 14px 16px !important; }
#buy_popup .sv-lens-btn,
#step-content .sv-lens-btn,
#buy_popup .prog-lens-btn,
#step-content .prog-lens-btn,
#buy_popup .extra-card,
#step-content .extra-card { padding: 12px 14px !important; }
#buy_popup .warranty-card,
#step-content .warranty-card { padding: 18px !important; }
#buy_popup #lens-type-grid,
#step-content #lens-type-grid,
#buy_popup #sv-correction-grid,
#step-content #sv-correction-grid,
#buy_popup .space-y-1\.5 > *,
#step-content .space-y-1\.5 > *,
#buy_popup .grid.gap-1\.5,
#step-content .grid.gap-1\.5 { gap: 8px !important; }

#buy_popup .lens-type-card .font-semibold:not(.text-white),
#step-content .lens-type-card .font-semibold:not(.text-white),
#buy_popup .thickness-btn .font-semibold:not(.text-white),
#step-content .thickness-btn .font-semibold:not(.text-white),
#buy_popup .sv-lens-btn .font-semibold:not(.text-white),
#step-content .sv-lens-btn .font-semibold:not(.text-white),
#buy_popup .sv-correction-btn .font-semibold:not(.text-white),
#step-content .sv-correction-btn .font-semibold:not(.text-white),
#buy_popup .extra-card .font-semibold:not(.text-white),
#step-content .extra-card .font-semibold:not(.text-white),
#buy_popup .prog-lens-btn .font-semibold:not(.text-white),
#step-content .prog-lens-btn .font-semibold:not(.text-white),
#buy_popup .prog-lens-btn .font-bold:not(.text-white),
#step-content .prog-lens-btn .font-bold:not(.text-white) {
  color: #0b0b0c !important; font-weight: 600 !important; }
#buy_popup .lens-type-card .text-gray-500,
#step-content .lens-type-card .text-gray-500,
#buy_popup .sv-correction-btn .text-gray-500,
#step-content .sv-correction-btn .text-gray-500 { color: #6b6862 !important; }
#buy_popup .lens-type-card .font-bold:not(.text-white),
#step-content .lens-type-card .font-bold:not(.text-white),
#buy_popup .sv-lens-btn .font-bold:not(.text-white),
#step-content .sv-lens-btn .font-bold:not(.text-white),
#buy_popup .thickness-btn .font-bold:not(.text-white),
#step-content .thickness-btn .font-bold:not(.text-white),
#buy_popup .extra-card .font-bold:not(.text-white),
#step-content .extra-card .font-bold:not(.text-white),
#buy_popup .prog-lens-btn .whitespace-nowrap,
#step-content .prog-lens-btn .whitespace-nowrap,
#buy_popup .warranty-card h3 + div > span,
#step-content .warranty-card h3 + div > span {
  color: #0b0b0c !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; }
#buy_popup .text-gray-400.font-bold,
#step-content .text-gray-400.font-bold { color: #6b6862 !important; }

#buy_popup .lens-type-card .rounded-full.flex-shrink-0,
#step-content .lens-type-card .rounded-full.flex-shrink-0,
#buy_popup .sv-correction-btn .w-10.h-10,
#step-content .sv-correction-btn .w-10.h-10,
#buy_popup .sv-lens-btn .w-7.h-7,
#step-content .sv-lens-btn .w-7.h-7,
#buy_popup .thickness-btn .w-7.h-7,
#step-content .thickness-btn .w-7.h-7,
#buy_popup .extra-card .w-6.h-6,
#step-content .extra-card .w-6.h-6,
#buy_popup .warranty-card .w-9.h-9,
#step-content .warranty-card .w-9.h-9 {
  border-radius: 0 !important; background: #f6f5f3 !important; }
#buy_popup .lens-type-card .rounded-full.flex-shrink-0 i,
#step-content .lens-type-card .rounded-full.flex-shrink-0 i,
#buy_popup .sv-correction-btn .w-10.h-10 i,
#step-content .sv-correction-btn .w-10.h-10 i,
#buy_popup .sv-lens-btn .w-7.h-7 i,
#step-content .sv-lens-btn .w-7.h-7 i,
#buy_popup .thickness-btn .w-7.h-7 i,
#step-content .thickness-btn .w-7.h-7 i,
#buy_popup .extra-card .w-6.h-6 i,
#step-content .extra-card .w-6.h-6 i,
#buy_popup .warranty-card .w-9.h-9 i,
#step-content .warranty-card .w-9.h-9 i { color: #26282c !important; }
#buy_popup .lens-type-card .lens-type-radio,
#step-content .lens-type-card .lens-type-radio,
#buy_popup .lens-type-radio,
#step-content .lens-type-radio,
#buy_popup .sv-radio,
#step-content .sv-radio,
#buy_popup .sv-lens-radio,
#step-content .sv-lens-radio,
#buy_popup .thickness-radio,
#step-content .thickness-radio,
#buy_popup .warranty-radio,
#step-content .warranty-radio {
  width: 20px !important; height: 20px !important; border-width: 1.5px !important; border-color: #c9c4ba !important; border-radius: 50% !important; background: #fff; }
#buy_popup .selected .lens-type-radio,
#step-content .selected .lens-type-radio,
#buy_popup .selected .sv-radio,
#step-content .selected .sv-radio,
#buy_popup .selected .sv-lens-radio,
#step-content .selected .sv-lens-radio,
#buy_popup .selected .thickness-radio,
#step-content .selected .thickness-radio,
#buy_popup .selected .warranty-radio,
#step-content .selected .warranty-radio { border-color: #0b0b0c !important; }
#buy_popup .lens-type-radio .lens-type-check,
#step-content .lens-type-radio .lens-type-check,
#buy_popup .sv-radio .sv-check,
#step-content .sv-radio .sv-check,
#buy_popup .sv-lens-radio .sv-lens-check,
#step-content .sv-lens-radio .sv-lens-check,
#buy_popup .thickness-radio .thickness-check,
#step-content .thickness-radio .thickness-check,
#buy_popup .warranty-radio .warranty-check,
#step-content .warranty-radio .warranty-check { width: 10px !important; height: 10px !important; background: #0b0b0c !important; border-radius: 50% !important; }
#buy_popup .extra-checkbox,
#step-content .extra-checkbox { width: 20px !important; height: 20px !important; border-width: 1.5px !important; border-color: #c9c4ba !important; border-radius: 0 !important; background: #fff !important; }
#buy_popup .extra-card.selected .extra-checkbox,
#step-content .extra-card.selected .extra-checkbox { background: #0b0b0c !important; border-color: #0b0b0c !important; }
#buy_popup .extra-check,
#step-content .extra-check { font-size: 10px !important; }

#buy_popup #lens-type-summary,
#step-content #lens-type-summary,
#buy_popup #sv-correction-summary,
#step-content #sv-correction-summary { background: #fff !important; border: 1px solid #0b0b0c !important; box-shadow: inset 0 0 0 1px #0b0b0c; padding: 12px 14px !important; }
#buy_popup #lens-type-summary .bg-blue-600,
#step-content #lens-type-summary .bg-blue-600,
#buy_popup #sv-correction-summary .bg-blue-600,
#step-content #sv-correction-summary .bg-blue-600 { background: #0b0b0c !important; border-radius: 0 !important; }
#buy_popup #lens-type-summary-text,
#step-content #lens-type-summary-text,
#buy_popup #sv-correction-summary-text,
#step-content #sv-correction-summary-text { font-family: 'Archivo', 'Inter', sans-serif; font-size: 15px !important; }
#buy_popup #change-lens-type-btn,
#step-content #change-lens-type-btn,
#buy_popup #change-sv-correction-btn,
#step-content #change-sv-correction-btn,
#buy_popup .edit-step-btn,
#step-content .edit-step-btn { color: #0b0b0c !important; font-weight: 600 !important; text-decoration: underline; text-underline-offset: 3px; }
#buy_popup #change-lens-type-btn:hover,
#step-content #change-lens-type-btn:hover,
#buy_popup #change-sv-correction-btn:hover,
#step-content #change-sv-correction-btn:hover,
#buy_popup .edit-step-btn:hover,
#step-content .edit-step-btn:hover { color: #d20000 !important; }

#buy_popup #single-vision-options > div,
#step-content #single-vision-options > div,
#buy_popup #progressive-options > div,
#step-content #progressive-options > div,
#buy_popup #nose-position-section,
#step-content #nose-position-section { border: 0 !important; padding: 16px !important; }
#buy_popup #sv-quality-section,
#step-content #sv-quality-section { border: 0 !important; }
#buy_popup #single-vision-options,
#step-content #single-vision-options,
#buy_popup #progressive-options,
#step-content #progressive-options { margin-top: 12px; }

#buy_popup .prog-category-btn,
#step-content .prog-category-btn { border-radius: 0 !important; border: 1px solid #e3e0da !important; background: #fff !important; color: #26282c !important; padding: 6px 12px !important;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; }
#buy_popup .prog-category-btn.bg-purple-600,
#step-content .prog-category-btn.bg-purple-600 { background: #0b0b0c !important; border-color: #0b0b0c !important; color: #fff !important; }
#buy_popup #progressive-grid,
#step-content #progressive-grid { max-height: 300px !important; }
#buy_popup .prog-hd-btn,
#step-content .prog-hd-btn { box-shadow: inset 3px 0 0 #0b0b0c !important; --tw-ring-shadow: 0 0 #0000 !important; }
#buy_popup .prog-hd-btn[data-hd-type="plus"],
#step-content .prog-hd-btn[data-hd-type="plus"] { box-shadow: inset 3px 0 0 #d20000 !important; }
#buy_popup .prog-hd-btn.selected,
#step-content .prog-hd-btn.selected { box-shadow: inset 0 0 0 1px #0b0b0c, inset 4px 0 0 #0b0b0c !important; }
#buy_popup .prog-hd-btn[data-hd-type="plus"].selected,
#step-content .prog-hd-btn[data-hd-type="plus"].selected { box-shadow: inset 0 0 0 1px #0b0b0c, inset 4px 0 0 #d20000 !important; }
#buy_popup .prog-hd-btn i.fa-star,
#step-content .prog-hd-btn i.fa-star,
#buy_popup .prog-hd-btn i.fa-bolt,
#step-content .prog-hd-btn i.fa-bolt { color: #26282c !important; }
#buy_popup .bg-amber-500,
#step-content .bg-amber-500,
#buy_popup .bg-orange-500,
#step-content .bg-orange-500 { background: #d20000 !important; }
#buy_popup .bg-emerald-500,
#step-content .bg-emerald-500,
#buy_popup .bg-green-500,
#step-content .bg-green-500 { background: #0b0b0c !important; }
#buy_popup .prog-hd-btn .rounded-full.text-white,
#step-content .prog-hd-btn .rounded-full.text-white,
#buy_popup .sv-lens-btn .rounded-full.text-white,
#step-content .sv-lens-btn .rounded-full.text-white,
#buy_popup .thickness-btn .rounded-full.text-white,
#step-content .thickness-btn .rounded-full.text-white,
#buy_popup .warranty-card .absolute.text-white,
#step-content .warranty-card .absolute.text-white { color: #fff !important; line-height: 1.2;
  border-radius: 0 !important; padding: 3px 7px !important; font-family: 'Archivo', 'Inter', sans-serif; font-size: 9.5px !important; font-weight: 700; letter-spacing: .12em; }
#buy_popup .ring-1,
#step-content .ring-1,
#buy_popup .ring-2,
#step-content .ring-2 { --tw-ring-shadow: 0 0 #0000 !important; }

#buy_popup .color-option.rounded-full,
#step-content .color-option.rounded-full { border: 2px solid #fff !important; box-shadow: 0 0 0 1px #c9c4ba !important; }
#buy_popup .color-option.rounded-full.selected,
#step-content .color-option.rounded-full.selected,
#buy_popup .color-option.rounded-full.ring-2,
#step-content .color-option.rounded-full.ring-2 { box-shadow: 0 0 0 1px #c9c4ba, 0 0 0 3px #0b0b0c !important; }
#buy_popup .color-option:not(.rounded-full),
#step-content .color-option:not(.rounded-full),
#buy_popup .size-option,
#step-content .size-option,
#buy_popup .color-choice,
#step-content .color-choice,
#buy_popup .nose-position-btn,
#step-content .nose-position-btn {
  border-radius: 0 !important; border: 1px solid #e3e0da !important; background: #fff !important; color: #0b0b0c !important; box-shadow: none !important; transition: border-color .15s ease, background-color .15s ease; }
#buy_popup .color-option:not(.rounded-full):hover,
#step-content .color-option:not(.rounded-full):hover,
#buy_popup .size-option:hover,
#step-content .size-option:hover,
#buy_popup .color-choice:hover,
#step-content .color-choice:hover,
#buy_popup .nose-position-btn:hover,
#step-content .nose-position-btn:hover { border-color: #0b0b0c !important; }
#buy_popup .color-option:not(.rounded-full).selected,
#step-content .color-option:not(.rounded-full).selected,
#buy_popup .size-option.selected,
#step-content .size-option.selected,
#buy_popup .nose-position-btn.selected,
#step-content .nose-position-btn.selected { border-color: #0b0b0c !important; box-shadow: inset 0 0 0 1px #0b0b0c !important; }
#buy_popup .color-choice,
#step-content .color-choice { padding: 5px 10px !important; font-size: 12px !important; }
#buy_popup .color-choice.selected,
#step-content .color-choice.selected { background: #0b0b0c !important; border-color: #0b0b0c !important; color: #fff !important; }
#buy_popup .size-option,
#step-content .size-option { padding: 7px 12px !important; }
#buy_popup .size-option .font-mono,
#step-content .size-option .font-mono,
#buy_popup .px-3.py-1\.5.border-blue-500 .font-mono,
#step-content .px-3.py-1\.5.border-blue-500 .font-mono { font-family: 'Inter', sans-serif !important; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
#buy_popup .px-3.py-1\.5.border-blue-500,
#step-content .px-3.py-1\.5.border-blue-500 { border: 1px solid #0b0b0c !important; background: #fff !important; border-radius: 0 !important; }
#buy_popup #selected-color-name,
#step-content #selected-color-name { color: #6b6862 !important; font-weight: 600 !important; }
#buy_popup .rounded-full.border-3:not(.color-option),
#step-content .rounded-full.border-3:not(.color-option) { border: 2px solid #fff !important; box-shadow: 0 0 0 1px #c9c4ba, 0 0 0 3px #0b0b0c !important; }
#buy_popup #tryon-row,
#step-content #tryon-row { gap: 6px 18px; }
#buy_popup #tryon-row > span,
#step-content #tryon-row > span { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0b0b0c !important; }
#buy_popup .nose-position-btn,
#step-content .nose-position-btn { padding: 8px 6px !important; font-size: 11px !important; }
#buy_popup .nose-position-btn i,
#step-content .nose-position-btn i { color: #26282c !important; }

#buy_popup select,
#step-content select,
#buy_popup input[type="text"],
#step-content input[type="text"],
#buy_popup input[type="email"],
#step-content input[type="email"],
#buy_popup input[type="tel"],
#step-content input[type="tel"],
#buy_popup input[type="number"],
#step-content input[type="number"],
#buy_popup textarea,
#step-content textarea,
#buy_popup .rx-select,
#step-content .rx-select {
  border: 1px solid #e3e0da !important; border-radius: 0 !important; box-shadow: none !important; background-color: #fff !important; color: #0b0b0c; }
#buy_popup select,
#step-content select,
#buy_popup .rx-select,
#step-content .rx-select,
#buy_popup input[type="text"],
#step-content input[type="text"],
#buy_popup input[type="email"],
#step-content input[type="email"] { min-height: 40px; }
#buy_popup select:hover,
#step-content select:hover,
#buy_popup .rx-select:hover,
#step-content .rx-select:hover,
#buy_popup input[type="text"]:hover,
#step-content input[type="text"]:hover,
#buy_popup input[type="email"]:hover,
#step-content input[type="email"]:hover,
#buy_popup textarea:hover,
#step-content textarea:hover { border-color: #9d978d !important; }
#buy_popup select:focus,
#step-content select:focus,
#buy_popup .rx-select:focus,
#step-content .rx-select:focus,
#buy_popup input:focus,
#step-content input:focus,
#buy_popup textarea:focus,
#step-content textarea:focus { outline: none !important; border-color: #0b0b0c !important; box-shadow: 0 0 0 3px rgba(11,11,12,.08) !important; }
#buy_popup input[type="radio"],
#step-content input[type="radio"],
#buy_popup input[type="checkbox"],
#step-content input[type="checkbox"] { accent-color: #0b0b0c; }
@media (max-width: 639px) { #buy_popup select,
#step-content select,
#buy_popup input[type="text"],
#step-content input[type="text"],
#buy_popup input[type="email"],
#step-content input[type="email"],
#buy_popup input[type="number"],
#step-content input[type="number"],
#buy_popup textarea,
#step-content textarea { font-size: 16px !important; } }
#buy_popup #step2-container label.block,
#step-content #step2-container label.block { font-family: 'Archivo', 'Inter', sans-serif; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; color: #6b6862 !important; margin-bottom: 4px !important; }
#buy_popup #step2-container > .bg-blue-50,
#step-content #step2-container > .bg-blue-50,
#buy_popup #step2-container > .bg-green-50,
#step-content #step2-container > .bg-green-50,
#buy_popup #step2-container > .bg-purple-50,
#step-content #step2-container > .bg-purple-50,
#buy_popup #step2-container > .bg-indigo-50,
#step-content #step2-container > .bg-indigo-50,
#buy_popup #step2-container > .bg-yellow-50,
#step-content #step2-container > .bg-yellow-50 { padding: 16px !important; margin-bottom: 10px !important; border: 0 !important; }
#buy_popup #step2-container h3,
#step-content #step2-container h3 { font-size: 14px !important; margin-bottom: 10px !important; }
#buy_popup #step2-container h3 i,
#step-content #step2-container h3 i,
#buy_popup #step2-container .fa-ruler-horizontal,
#step-content #step2-container .fa-ruler-horizontal,
#buy_popup #step2-container .fa-user-md,
#step-content #step2-container .fa-user-md { color: #d20000 !important; }
#buy_popup #step2-container .bg-amber-50,
#step-content #step2-container .bg-amber-50 { background: #fff !important; border: 1px solid #e3e0da !important; box-shadow: inset 3px 0 0 #d20000; padding: 12px 14px !important; }
#buy_popup #step2-container .bg-amber-50 a,
#step-content #step2-container .bg-amber-50 a { color: #0b0b0c !important; }
#buy_popup #finalnote,
#step-content #finalnote { border: 0 !important; }
#buy_popup #howto_pd > div,
#step-content #howto_pd > div,
#buy_popup #plano-modal .bg-white,
#step-content #plano-modal .bg-white,
#buy_popup #success-modal .bg-white,
#step-content #success-modal .bg-white { border-radius: 0 !important; }

#buy_popup .popup-step-footer,
#step-content .popup-step-footer { position: sticky; bottom: 0; z-index: 5; margin: 22px -28px 0 !important; padding: 14px 28px !important; background: #fff !important; border-top: 1px solid #e3e0da !important; box-shadow: 0 -10px 24px -18px rgba(11,11,12,.35) !important; }
@media (max-width: 639px) { #buy_popup .popup-step-footer,
#step-content .popup-step-footer { margin: 18px -16px 0 !important; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important; } }
#buy_popup .popup-step-footer .bg-purple-50,
#step-content .popup-step-footer .bg-purple-50 { margin-bottom: 12px !important; padding: 10px 12px !important; }
#buy_popup #step1-total,
#step-content #step1-total { font-family: 'Archivo', 'Inter', sans-serif; font-size: 22px !important; font-weight: 800 !important; color: #0b0b0c !important; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
#buy_popup #step1-next-btn,
#step-content #step1-next-btn,
#buy_popup #step2-next-btn,
#step-content #step2-next-btn,
#buy_popup #step3-next-btn,
#step-content #step3-next-btn,
#buy_popup #step4-next-btn,
#step-content #step4-next-btn,
#buy_popup #add-to-cart-btn,
#step-content #add-to-cart-btn,
#buy_popup #skip-rx-btn,
#step-content #skip-rx-btn {
  min-height: 48px; padding: 0 24px !important; background: #d20000 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .14em; word-spacing: .1em; text-transform: uppercase; gap: 10px !important; transition: background-color .15s ease !important; }
#buy_popup #step1-next-btn:hover:not(:disabled),
#step-content #step1-next-btn:hover:not(:disabled),
#buy_popup #step2-next-btn:hover,
#step-content #step2-next-btn:hover,
#buy_popup #step3-next-btn:hover,
#step-content #step3-next-btn:hover,
#buy_popup #step4-next-btn:hover,
#step-content #step4-next-btn:hover,
#buy_popup #add-to-cart-btn:hover,
#step-content #add-to-cart-btn:hover,
#buy_popup #skip-rx-btn:hover,
#step-content #skip-rx-btn:hover { background: #ab0000 !important; }
#buy_popup #step1-next-btn:disabled,
#step-content #step1-next-btn:disabled { background: #e3e0da !important; color: #6b6862 !important; opacity: 1 !important; }
#buy_popup #step2-back-btn,
#step-content #step2-back-btn,
#buy_popup #step3-back-btn,
#step-content #step3-back-btn,
#buy_popup #step4-back-btn,
#step-content #step4-back-btn,
#buy_popup #step5-back-btn,
#step-content #step5-back-btn {
  min-height: 48px; padding: 0 18px !important; background: #fff !important; color: #0b0b0c !important; border: 1px solid #0b0b0c !important; border-radius: 0 !important;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em; text-transform: uppercase; transition: background-color .15s ease, color .15s ease; }
#buy_popup #step2-back-btn:hover,
#step-content #step2-back-btn:hover,
#buy_popup #step3-back-btn:hover,
#step-content #step3-back-btn:hover,
#buy_popup #step4-back-btn:hover,
#step-content #step4-back-btn:hover,
#buy_popup #step5-back-btn:hover,
#step-content #step5-back-btn:hover { background: #0b0b0c !important; color: #fff !important; }
#buy_popup #step1-validation-msg,
#step-content #step1-validation-msg { color: #d20000 !important; }

#buy_popup .warranty-card .absolute.text-white,
#step-content .warranty-card .absolute.text-white { border-radius: 0 !important; }
#buy_popup .warranty-card[data-warranty="0"] .w-9.h-9 i,
#step-content .warranty-card[data-warranty="0"] .w-9.h-9 i { color: #6b6862 !important; }
#buy_popup .warranty-card .bg-amber-400,
#step-content .warranty-card .bg-amber-400 { background: #0b0b0c !important; border-radius: 0 !important; }
#buy_popup .warranty-card .bg-amber-400 i,
#step-content .warranty-card .bg-amber-400 i { color: #fff !important; }
#buy_popup .warranty-card ul i.fa-check,
#step-content .warranty-card ul i.fa-check { color: #0b0b0c !important; }
#buy_popup .warranty-card ul i.fa-times,
#step-content .warranty-card ul i.fa-times { color: #9d978d !important; }
#buy_popup .warranty-card h3,
#step-content .warranty-card h3 { font-size: 15px !important; }

#buy_popup #step5-container > .bg-white,
#step-content #step5-container > .bg-white { border: 1px solid #e3e0da !important; }
#buy_popup #step5-container .bg-blue-600,
#step-content #step5-container .bg-blue-600 { background: #0b0b0c !important; padding: 16px !important; }
#buy_popup #step5-container .bg-blue-600 h3,
#step-content #step5-container .bg-blue-600 h3 { color: #fff !important; font-family: 'Archivo', 'Inter', sans-serif; font-size: 17px !important; }
#buy_popup #step5-container .bg-blue-600 img,
#step-content #step5-container .bg-blue-600 img { border-radius: 0 !important; border: 0 !important; object-fit: contain !important; padding: 4px; }
#buy_popup #step5-container .text-blue-200,
#step-content #step5-container .text-blue-200 { color: rgba(255,255,255,.6) !important; }
#buy_popup #step5-container .uppercase.text-xs.font-semibold,
#step-content #step5-container .uppercase.text-xs.font-semibold,
#buy_popup #step5-container .text-\[10px\].uppercase,
#step-content #step5-container .text-\[10px\].uppercase {
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .14em; color: #0b0b0c !important; }
#buy_popup #step5-container .uppercase.text-xs.font-semibold i,
#step-content #step5-container .uppercase.text-xs.font-semibold i,
#buy_popup #step5-container .text-\[10px\].uppercase i,
#step-content #step5-container .text-\[10px\].uppercase i { color: #d20000 !important; }
#buy_popup #step5-container .p-2.sm\:p-3 > .mb-2,
#step-content #step5-container .p-2.sm\:p-3 > .mb-2 { padding: 10px 0; border-bottom: 1px solid #edebe7; margin-bottom: 0 !important; }
#buy_popup #step5-container .p-2.sm\:p-3 > .mb-2:last-child,
#step-content #step5-container .p-2.sm\:p-3 > .mb-2:last-child { border-bottom: 0; }
#buy_popup #step5-container .border-t-2,
#step-content #step5-container .border-t-2 { border-top: 1px solid #0b0b0c !important; padding-top: 10px !important; }
#buy_popup #step5-container .border-t-2 .text-lg,
#step-content #step5-container .border-t-2 .text-lg { font-family: 'Archivo', 'Inter', sans-serif; font-size: 24px !important; font-weight: 800 !important; color: #0b0b0c !important; letter-spacing: -.01em; }
#buy_popup #qty-minus,
#step-content #qty-minus,
#buy_popup #qty-plus,
#step-content #qty-plus { width: 34px !important; height: 34px !important; border-radius: 0 !important; background: #fff !important; border: 1px solid #e3e0da !important; }
#buy_popup #qty-minus:hover,
#step-content #qty-minus:hover,
#buy_popup #qty-plus:hover,
#step-content #qty-plus:hover { border-color: #0b0b0c !important; }
#buy_popup #quantity,
#step-content #quantity { width: 48px !important; height: 34px !important; min-height: 34px; }
#buy_popup #step5-container > .bg-green-50,
#step-content #step5-container > .bg-green-50,
#buy_popup #step5-container > .bg-blue-50,
#step-content #step5-container > .bg-blue-50 { background: #fff !important; border: 1px solid #e3e0da !important; box-shadow: inset 3px 0 0 #d20000 !important; padding: 12px 14px !important; }
#buy_popup #step5-container .font-mono.bg-green-600,
#step-content #step5-container .font-mono.bg-green-600,
#buy_popup #step5-container .font-mono.bg-blue-600,
#step-content #step5-container .font-mono.bg-blue-600 { background: #0b0b0c !important; color: #fff !important; border-radius: 0 !important; padding: 2px 6px !important; letter-spacing: .06em; }
#buy_popup #step5-container > .bg-green-50 i,
#step-content #step5-container > .bg-green-50 i,
#buy_popup #step5-container > .bg-blue-50 i,
#step-content #step5-container > .bg-blue-50 i { color: #d20000 !important; }

#buy_popup #plano-modal .bg-black,
#step-content #plano-modal .bg-black,
#buy_popup #howto_pd.bg-black,
#step-content #howto_pd.bg-black,
#buy_popup #success-modal.bg-black,
#step-content #success-modal.bg-black { background: rgba(11,11,12,.55) !important; }
#buy_popup #plano-modal .bg-white,
#step-content #plano-modal .bg-white { padding: 28px !important; }
#buy_popup #plano-modal h3,
#step-content #plano-modal h3 { font-size: 20px !important; }
#buy_popup #plano-modal .w-16.h-16,
#step-content #plano-modal .w-16.h-16,
#buy_popup #success-modal .w-12.h-12,
#step-content #success-modal .w-12.h-12 { border-radius: 0 !important; background: #f6f5f3 !important; }
#buy_popup #plano-modal .w-16.h-16 i,
#step-content #plano-modal .w-16.h-16 i,
#buy_popup #success-modal .w-12.h-12 i,
#step-content #success-modal .w-12.h-12 i { color: #0b0b0c !important; }
#buy_popup #plano-clear-btn,
#step-content #plano-clear-btn,
#buy_popup #plano-sunglass-customize-btn,
#step-content #plano-sunglass-customize-btn,
#buy_popup #success-modal a,
#step-content #success-modal a {
  min-height: 48px; background: #0b0b0c !important; color: #fff !important; border: 1px solid #0b0b0c !important; border-radius: 0 !important;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .1em; text-transform: uppercase; }
#buy_popup #plano-clear-btn:hover,
#step-content #plano-clear-btn:hover,
#buy_popup #plano-sunglass-customize-btn:hover,
#step-content #plano-sunglass-customize-btn:hover,
#buy_popup #success-modal a:hover,
#step-content #success-modal a:hover { background: #26282c !important; }
#buy_popup #plano-original-btn,
#step-content #plano-original-btn,
#buy_popup #plano-sunglass-btn,
#step-content #plano-sunglass-btn,
#buy_popup #continue-shopping-btn,
#step-content #continue-shopping-btn {
  min-height: 48px; background: #fff !important; color: #0b0b0c !important; border: 1px solid #0b0b0c !important; border-radius: 0 !important;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .1em; text-transform: uppercase; }
#buy_popup #plano-original-btn:hover,
#step-content #plano-original-btn:hover,
#buy_popup #plano-sunglass-btn:hover,
#step-content #plano-sunglass-btn:hover,
#buy_popup #continue-shopping-btn:hover,
#step-content #continue-shopping-btn:hover { background: #f6f5f3 !important; }
#buy_popup #success-modal a,
#step-content #success-modal a { display: inline-flex; align-items: center; justify-content: center; }

#buy_popup #extras-conflict-error,
#step-content #extras-conflict-error { padding: 10px 12px !important; }
#buy_popup .popup-step-footer + *,
#step-content .popup-step-footer + * { margin-top: 0; }

#prog-hd-floating-tooltip { background: #0b0b0c !important; border-radius: 0 !important; box-shadow: 0 18px 40px -12px rgba(11,11,12,.5) !important; font-family: 'Inter', sans-serif; }
#prog-hd-floating-tooltip .tip-arrow { background: #0b0b0c !important; }

@media (prefers-reduced-motion: reduce) { #buy_popup *,
#step-content *,
#buy_popup *::before,
#step-content *::before,
#buy_popup *::after,
#step-content *::after { transition: none !important; animation: none !important; } }
#buy_popup #step5-container table,
#step-content #step5-container table { font-size: 12.5px !important; font-variant-numeric: tabular-nums; }
#buy_popup #step5-container table th,
#step-content #step5-container table th { font-family: 'Archivo', 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .1em; padding-bottom: 4px; }
#buy_popup #step5-container table td,
#step-content #step5-container table td { padding: 3px 0; }
#buy_popup #step5-container .text-\[10px\]:not(.uppercase),
#step-content #step5-container .text-\[10px\]:not(.uppercase) { font-size: 12px !important; }
@media (max-width: 639px) { #buy_popup #step2-container .grid-cols-4 .rx-select,
#step-content #step2-container .grid-cols-4 .rx-select { padding-left: 4px !important; padding-right: 0 !important; letter-spacing: -.01em; } #buy_popup #step2-container .grid-cols-4,
#step-content #step2-container .grid-cols-4 { gap: 6px !important; } }
#buy_popup .lrx-cartfull,
#step-content .lrx-cartfull { margin: 0 0 18px; padding: 14px 16px; background: #fff; border: 1px solid #efc4c4; box-shadow: inset 3px 0 0 #d20000; }
#buy_popup .lrx-cartfull.hidden,
#step-content .lrx-cartfull.hidden { display: none !important; }
#buy_popup .lrx-cartfull p,
#step-content .lrx-cartfull p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: #26282c; }
#buy_popup .lrx-cartfull .lrx-cartfull-title,
#step-content .lrx-cartfull .lrx-cartfull-title { margin: 0 0 4px; font-family: 'Archivo', 'Inter', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -.01em; color: #0b0b0c; }
#buy_popup .lrx-cartfull-btn,
#step-content .lrx-cartfull-btn { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; background: #0b0b0c; color: #fff !important; text-decoration: none;
  font-family: 'Archivo', 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: background-color .15s ease; }
#buy_popup .lrx-cartfull-btn:hover,
#step-content .lrx-cartfull-btn:hover { background: #26282c; }