/* Primitive Tech Repairs, phase 4: desktop device/brand/series/repair steps.
   Step 4 remains owned by booking-model-desktop.css. No other site sections are targeted. */
@media (min-width: 961px) {
  /* Only the four remaining 5-step selection screens, never the homepage,
     customer form, checkout, or the already-correct model screen. */
  html body.homepage-premium-page #primitive-wizard-container > #pr-main > #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) {
    box-sizing: border-box !important;
    min-height: 480px !important;
    padding: clamp(24px, 3vw, 44px) !important;
    overflow: visible !important;
    border: 1px solid #e0e6ef !important;
    border-radius: 18px !important;
    background: #f9fbfe !important;
    background-image: none !important;
    color: #151c29 !important;
    box-shadow: 0 8px 25px rgba(25, 40, 65, .04) !important;
  }

  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.option-section-header:not(.model-option-header), .repair-select-panel > .option-section-header) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-align: left !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.option-section-header:not(.model-option-header), .repair-select-panel > .option-section-header)::before {
    content: none !important;
    display: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) .option-section-header:not(.model-option-header) > span {
    display: block !important;
    width: fit-content !important;
    min-height: 0 !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0c9fa5 !important;
    font: 800 .78rem/1.4 "Manrope", sans-serif !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    box-shadow: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) .option-section-header:not(.model-option-header) > h3 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #151c29 !important;
    font: 700 clamp(2.1rem, 3.2vw, 3.4rem)/1.1 "Space Grotesk", sans-serif !important;
    letter-spacing: -.05em !important;
    text-align: left !important;
    text-transform: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) .option-section-header:not(.model-option-header) > p {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 0 !important;
    color: #596578 !important;
    font: 400 1rem/1.5 "Manrope", sans-serif !important;
    text-align: left !important;
  }

  /* Horizontal white cards for steps 1, 2, 3 and 5. Keep existing item ordering,
     click handlers, alt behavior and image sources supplied by cardRenderer. */
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) {
    display: grid !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card {
    display: grid !important;
    position: relative !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 142px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 14px 43px 14px 15px !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: minmax(110px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden !important;
    border: 1px solid #dce3ed !important;
    border-radius: 12px !important;
    background: #fff !important;
    background-image: none !important;
    color: #151c29 !important;
    box-shadow: 0 5px 17px rgba(25, 40, 65, .035) !important;
    text-align: left !important;
    transform: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card::before {
    content: none !important;
    display: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 18px !important;
    right: 17px !important;
    bottom: auto !important;
    left: auto !important;
    width: 19px !important;
    height: 19px !important;
    border: 1.5px solid #9aaabd !important;
    border-radius: 50% !important;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card:is(.is-selected, .selected, [aria-pressed="true"], [aria-selected="true"]) {
    border-color: #17bbb8 !important;
    background: #f1ffff !important;
    background-image: none !important;
    color: #151c29 !important;
    box-shadow: 0 0 0 1px #17bbb8 !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card:is(.is-selected, .selected, [aria-pressed="true"], [aria-selected="true"])::after {
    border-color: #17bbb8 !important;
    background: #17bbb8 !important;
    box-shadow: inset 0 0 0 4px #fff !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card > .opt-thumb {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    box-sizing: border-box !important;
    place-items: center !important;
    width: 86px !important;
    min-width: 0 !important;
    max-width: 86px !important;
    height: 110px !important;
    min-height: 0 !important;
    max-height: 110px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card > .opt-thumb::before {
    content: none !important;
    display: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card .opt-thumb-img {
    display: block !important;
    width: 100% !important;
    max-width: 80px !important;
    height: 108px !important;
    max-height: 108px !important;
    margin: auto !important;
    object-fit: contain !important;
    filter: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card > .opt-card-body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card .opt-badge {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #617287 !important;
    font: 800 .69rem/1.3 "Manrope", sans-serif !important;
    letter-spacing: .045em !important;
    text-align: left !important;
    box-shadow: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card .opt-label {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #151c29 !important;
    font: 800 clamp(.92rem, 1.4vw, 1.12rem)/1.3 "Manrope", sans-serif !important;
    text-align: left !important;
    text-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card .opt-subtext {
    color: #627184 !important;
    text-align: left !important;
    text-shadow: none !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) .repair-selected-summary > span {
    color: #536578 !important;
  }
  html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) .repair-select-top-action .repair-select-continue {
    background: #19252d !important;
    color: #fff !important;
    border-radius: 9px !important;
  }
  @media (hover: hover) {
    html body.homepage-premium-page #primitive-wizard-container #pr-steps-area.animated-area:has(> :is(#device-card-results, #brand-card-results, #series-card-results, .repair-select-panel)) :is(.device-card-results, .brand-card-results, .series-card-results, .repair-card-results) > button.opt-card:hover {
      border-color: #17bbb8 !important;
      box-shadow: 0 8px 23px rgba(14, 104, 116, .10) !important;
    }
  }
}