/* Revision 2: retain the approved Dextra-style heading-above-tabs composition.
   Spacing and selected-state contrast are JOTAIN adaptations for a single screen. */
.order-options { padding:24px 0; background:#f2f6fc; color:#131d3b; font-family:Montserrat,sans-serif; scroll-margin-top:84px; }
.order-options *, .order-options *::before,.order-options *::after { box-sizing:border-box; }
.order-options__container { width:min(1140px,calc(100% - 48px)); margin:auto; }
.order-options__heading { margin:0 0 26px; text-align:center; }
.order-options .order-options__heading h2 { margin:0 0 8px; color:#131d3b; font:600 36px/46px Montserrat,sans-serif; letter-spacing:0; }
.order-options .order-options__heading p { margin:0; color:#4d5871; font:400 16px/26px Montserrat,sans-serif; }
.order-options__layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:56px; align-items:start; }
.order-options__form { min-width:0; margin:0; padding:0; }
.order-options fieldset { min-width:0; margin:0; padding:0; border:0; scroll-margin-top:96px; }
.order-options fieldset+fieldset { margin-top:14px; }
.order-options legend { width:100%; margin:0 0 4px; padding:0; color:#131d3b; font:600 22px/30px Montserrat,sans-serif; }
.order-options__number { display:none; }
.order-options__choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; margin:0; padding:0; }
.order-options .order-options__choice { display:flex; align-items:center; justify-content:center; position:relative; min-width:0; min-height:63px; padding:6px 10px; margin:0; border:0; border-bottom:3px solid transparent; border-radius:0; color:#293352; background:transparent; text-align:center; cursor:pointer; font:500 16px/24px Montserrat,sans-serif; }
.order-options__choice span { font:inherit; color:inherit; overflow-wrap:normal; }
.order-options .order-options__choice input { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); margin:0; opacity:0; }
.order-options .order-options__choice:hover { color:#007e67; border-bottom-color:#04cc9e; }
.order-options .order-options__choice:has(input:checked) { color:#007e67; border-bottom-color:#04cc9e; font-weight:600; }
.order-options .order-options__choice:has(input[value="review"]) { color:#667186; font-weight:400; }
.order-options .order-options__choice:has(input[value="review"]:checked) { border-bottom-color:#bbc4d1; }
.order-options__choice:has(input:focus-visible) { outline:2px solid #244d7f; outline-offset:3px; }
.order-summary { position:sticky; top:92px; align-self:start; padding:0 0 0 24px; margin:0; border:0; border-left:1px solid #d8dfe9; background:transparent; }
.order-summary__heading { padding:0 0 18px; margin:0; color:#131d3b; }
.order-options .order-summary__heading h3 { margin:0; color:#46516a; font:400 20px/28px Montserrat,sans-serif; }
.order-summary__heading p { display:none; }
.order-summary__body,.order-summary dl { margin:0; padding:0; }
.order-summary__item { padding:0 0 12px; border:0; }
.order-summary dt { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 2px; color:#657086; font:400 13px/20px Montserrat,sans-serif; }
.order-summary dd { margin:0; color:#131d3b; font:500 15px/22px Montserrat,sans-serif; }
.order-summary dd[data-review="true"] { color:#657086; font-weight:400; }
.order-summary button { cursor:pointer; font-family:Montserrat,sans-serif; }
.order-summary dt button { min-height:24px; padding:0; border:0; background:transparent; color:#244d7f; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.order-options .order-summary__progress { margin:0 0 12px; color:#526078; font:400 13px/20px Montserrat,sans-serif; }
.order-options .order-summary__rfq { display:flex; align-items:center; justify-content:center; min-height:56px; padding:14px 16px; border:0; border-radius:0; background:#244d7f; color:#fff; text-decoration:none; font:600 16px/26px Montserrat,sans-serif; }
.order-summary__rfq:hover { background:#193d68; }
.order-summary__reset { display:block; margin:8px auto 0; min-height:30px; padding:4px; border:0; background:transparent; color:#526078; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.order-options .order-summary__note { margin:18px auto 0; max-width:1040px; color:#657086; text-align:center; font:400 13px/21px Montserrat,sans-serif; }
.order-summary button:focus-visible,.order-summary a:focus-visible { outline:2px solid #244d7f; outline-offset:4px; }
@media(max-width:1100px) { .order-options__layout { grid-template-columns:minmax(0,1fr) 250px; gap:32px; } .order-summary { padding-left:20px; } .order-options .order-options__choice { padding-left:6px; padding-right:6px; } }
@media(max-width:900px) { .order-options__choices { grid-template-columns:repeat(2,minmax(0,1fr)); } .order-options legend { margin-bottom:8px; } .order-options fieldset+fieldset { margin-top:22px; } }
@media(max-width:767px) { .order-options { padding:32px 0; } .order-options__container { width:calc(100% - 40px); } .order-options .order-options__heading h2 { font-size:28px; line-height:36px; } .order-options__heading { text-align:left; } .order-options__layout { display:block; } .order-summary { position:static; margin-top:28px; padding:24px 0 0; border-left:0; border-top:1px solid #d8dfe9; } .order-options .order-summary__note { text-align:left; } }
