.ui-co{--co-ink:var(--ink,#10233f);--co-blue:var(--blue,#2367f2);--co-teal:#087d75;--co-muted:var(--muted,#617087);--co-line:var(--line,#dde5ef);--co-soft:var(--soft,#f4f7fb);width:100%;max-width:1160px;margin:0 auto 44px;color:var(--co-ink);font-family:var(--font-brand,"Montserrat",Arial,sans-serif);font-size:14px;line-height:1.6}
.ui-co *{box-sizing:border-box}.ui-co [hidden]{display:none!important}.ui-co :is(button,input,select){font:inherit}.ui-co :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--co-teal);outline-offset:3px}.ui-co button{cursor:pointer}.ui-co button:disabled{cursor:not-allowed}.ui-co h2,.ui-co h3,.ui-co p{margin-top:0}.ui-co-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ui-co-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);align-items:center;gap:32px;padding:38px;border-radius:23px;background:radial-gradient(circle at 90% 0,rgba(22,200,185,.16),transparent 42%),linear-gradient(130deg,#10233f,#173c69);color:#fff;box-shadow:0 16px 38px rgba(16,35,63,.1)}
.ui-co-kicker,.ui-co-eyebrow{display:block;margin-bottom:9px;color:#78e6da;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ui-co-hero h2{margin:0 0 18px;color:#fff;font-size:clamp(29px,3.4vw,43px);letter-spacing:-1.3px;line-height:1.1}.ui-co-hero__copy>p{max-width:620px;margin-bottom:20px;color:#d7e4f1;font-size:15px}.ui-co-hero__tags{display:flex;flex-wrap:wrap;gap:8px}.ui-co-hero__tags span{padding:5px 9px;border:1px solid #55718f;border-radius:7px;color:#e7f4fc;font-size:10px;font-weight:600}.ui-co-hero__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:15px;color:#fff;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.ui-co-hero__delivery{padding:22px;border:1px solid #53718f;border-radius:15px;background:rgba(255,255,255,.06)}.ui-co-hero__delivery>span{color:#c6daec;font-size:11px}.ui-co-hero__delivery strong{display:block;margin:8px 0 12px;color:#fff;font-size:38px;font-weight:700;line-height:1.15}.ui-co-hero__delivery strong small{display:block;margin-top:5px;font-size:13px;font-weight:500}.ui-co-hero__delivery p{margin-bottom:16px;color:#d7e4f1;font-size:12px;line-height:1.65}.ui-co-hero__delivery>.ui-co-hero__note{display:block;padding-top:13px;border-top:1px solid #4a6786;color:#78e6da;font-size:10px}
.ui-co-advice{display:flex;align-items:flex-start;gap:14px;margin:22px 0 34px;padding:20px;border:1px solid #cee5e1;border-radius:15px;background:#f0faf8}.ui-co-advice__icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #8bc7bd;border-radius:50%;color:var(--co-teal);font-weight:700}.ui-co-advice h3{margin:0 0 5px;font-size:14px}.ui-co-advice p{margin:0;color:#4f6972;font-size:12px}.ui-co-advice>a{display:inline-flex;align-items:center;gap:5px;min-height:44px;flex:0 0 170px;color:var(--co-teal);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ui-co-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.ui-co-eyebrow{color:var(--co-teal);font-size:10px}.ui-co-section-heading h2{margin:0;font-size:26px;letter-spacing:-.7px;line-height:1.2}.ui-co-section-heading>p{margin:0;color:var(--co-muted);font-size:12px}.ui-co-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,.6fr) auto;align-items:end;gap:14px}.ui-co-field label{display:block;margin-bottom:6px;color:var(--co-ink);font-size:12px;font-weight:600}.ui-co-field :is(input,select){width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;border:1px solid #bacbdd;border-radius:9px;background:#fff;color:var(--co-ink);font-size:13px}.ui-co-field :is(input,select):disabled{color:#69788a;background:#f2f5f8}.ui-co-reset{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border:1px solid var(--co-line);border-radius:9px;background:#fff;color:var(--co-blue);font-size:12px;font-weight:600}.ui-co-types{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.ui-co-types button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:7px 11px;border:1px solid var(--co-line);border-radius:9px;background:#fff;color:#455b74;font-size:11px;font-weight:600;white-space:nowrap}.ui-co-types button span{display:inline-flex;justify-content:center;min-width:20px;padding:1px 5px;border-radius:5px;background:#edf2f7;font-size:10px}.ui-co-types button:is(:hover,.is-active){border-color:#8cacdf;background:#edf3ff;color:#174caa}.ui-co-types button.is-active{box-shadow:inset 0 -2px 0 var(--co-blue)}.ui-co-result-count{min-height:24px;margin:13px 0 22px;color:var(--co-muted);font-size:11px}
.ui-co-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"catalog quote";gap:24px;align-items:start}.ui-co-catalog{grid-area:catalog;min-width:0}.ui-co-category{margin:0 0 30px;scroll-margin-top:150px}.ui-co-category__heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.ui-co-category__heading h2{margin:0;font-size:21px;letter-spacing:-.5px}.ui-co-category__heading>span{color:var(--co-muted);font-size:11px}.ui-co-category__empty,.ui-co-empty{padding:22px;border:1px solid var(--co-line);border-radius:13px;background:var(--co-soft);color:var(--co-muted);font-size:13px}.ui-co-empty h3{margin:0 0 8px;color:var(--co-ink);font-size:17px}.ui-co-empty p{margin-bottom:13px}.ui-co-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ui-co-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--co-line);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.ui-co-card:hover{border-color:#abc1dc;box-shadow:0 9px 24px rgba(16,35,63,.06)}.ui-co-card.is-selected{border-color:var(--co-blue);box-shadow:0 0 0 2px rgba(35,103,242,.18)}.ui-co-card__image{position:relative;display:grid;place-items:center;height:205px;padding:28px 18px 14px;background:#fff;border-bottom:1px solid #edf1f5}.ui-co-card__image img{display:block;width:100%!important;height:100%!important;max-height:160px;max-width:230px;margin:0!important;object-fit:contain!important;border-radius:0!important}.ui-co-card__badge{position:absolute;left:12px;top:10px;padding:3px 7px;border-radius:5px;background:#eaf8f5;color:var(--co-teal);font-size:9px;font-weight:700}.ui-co-card__body{display:flex;flex-direction:column;flex:1;padding:17px;min-width:0}.ui-co-card h3{margin:0 0 10px;color:var(--co-ink);font-size:14px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.ui-co-card__price{color:var(--co-ink);font-size:21px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.ui-co-card__price-note{margin:3px 0 13px;color:var(--co-muted);font-size:10px}.ui-co-card__highlights{display:grid;gap:5px;margin:0 0 10px;font-size:10px}.ui-co-card__highlights>div{display:flex;gap:6px}.ui-co-card__highlights dt{color:var(--co-muted)}.ui-co-card__highlights dt:after{content:":"}.ui-co-card__highlights dd{margin:0;color:#304963;font-weight:600;overflow-wrap:anywhere}.ui-co-details{margin-top:auto;border-top:1px solid #e4ebf2;border-bottom:1px solid #e4ebf2}.ui-co-details summary{min-height:44px;padding:12px 0;color:var(--co-blue);font-size:11px;font-weight:600;cursor:pointer}.ui-co-details__body{padding-bottom:14px;font-size:11px;color:#4c6178}.ui-co-details__description{line-height:1.65}.ui-co-details__description :is(h1,h2,h3,h4){font-size:13px}.ui-co-details__description p{margin-bottom:10px}.ui-co-details__description ul{padding-left:18px}.ui-co-details__body dl{margin:10px 0}.ui-co-details__body dl>div{display:grid;gap:2px;margin-bottom:8px}.ui-co-details__body dt{font-weight:600}.ui-co-details__body dd{margin:0;overflow-wrap:anywhere}.ui-co-details__availability{margin:10px 0 0;font-size:10px;color:var(--co-teal)}.ui-co-card__reference{margin:10px 0 13px;color:#607288;font-size:9px;line-height:1.6}.ui-co-select{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfddf0;border-radius:9px;background:#edf3ff;color:#194faa;font-size:12px;font-weight:700}.ui-co-select:hover{background:#e0ebff;border-color:#83a6de}.ui-co-select[aria-pressed=true]{background:var(--co-blue);color:#fff;border-color:var(--co-blue)}.ui-co-select:disabled{opacity:.55}
.ui-co-quote{grid-area:quote;position:sticky;top:150px;min-width:0;padding:23px;border:1px solid #cbd9e8;border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(16,35,63,.07);scroll-margin-top:145px}.ui-co-quote h2{margin:0 0 16px;font-size:23px;letter-spacing:-.65px;line-height:1.2}.ui-co-quote__empty{padding:15px;border-radius:10px;background:var(--co-soft);color:var(--co-muted);font-size:12px}.ui-co-selected{margin:0 0 17px;padding-bottom:15px;border-bottom:1px solid var(--co-line)}.ui-co-selected>span{display:block;color:var(--co-teal);font-size:10px;font-weight:600}.ui-co-selected>strong{display:block;margin-top:5px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.ui-co-field--units{margin-bottom:13px}.ui-co-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--co-blue);border-radius:10px;background:var(--co-blue);color:#fff;font:700 13px var(--font-brand,"Montserrat",Arial,sans-serif);line-height:1.45;text-align:center}.ui-co-button:hover:not(:disabled){background:#1553ce}.ui-co-button:disabled{border-color:#d2dce7;background:#e5ebf2;color:#667a92}.ui-co-button--quote:not(:disabled){background:var(--co-ink);border-color:var(--co-ink)}.ui-co-quote__status{min-height:40px;margin:12px 0 0;padding:0;color:var(--co-muted);font-size:11px;line-height:1.7}.ui-co-quote__status.is-error{padding:11px;border-radius:9px;background:#fff0ee;color:#a02d22}.ui-co-quote__status.is-success{color:var(--co-teal)}.ui-co-quote__result{margin-top:14px;border-top:1px solid var(--co-line);padding-top:15px}.ui-co-quote__scope{margin:0 0 8px;color:var(--co-muted);font-size:10px}.ui-co-breakdown{display:grid;gap:10px;margin:0 0 15px}.ui-co-breakdown>div{display:flex;justify-content:space-between;gap:12px}.ui-co-breakdown dt{color:#5a6d83;font-size:11px}.ui-co-breakdown dd{margin:0;font-size:12px;font-weight:600;white-space:nowrap}.ui-co-breakdown .ui-co-breakdown__total{display:block;margin-top:3px;padding-top:14px;border-top:1px solid var(--co-line)}.ui-co-breakdown__total dt{color:var(--co-ink);font-size:12px;font-weight:600}.ui-co-breakdown__total dd{margin-top:5px;color:var(--co-ink);font-size:27px;line-height:1.3;white-space:normal}.ui-co-included{padding:0 0 10px;border-bottom:1px solid var(--co-line)}.ui-co-included summary{min-height:44px;padding:10px 0;color:var(--co-blue);font-size:11px;font-weight:600;cursor:pointer}.ui-co-included dl{margin:0 0 10px}.ui-co-included dl>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:10px}.ui-co-included dd{margin:0;text-align:right;font-weight:600}.ui-co-included p{margin:0;color:var(--co-muted);font-size:10px}.ui-co-quote__delivery{display:grid;gap:5px;margin:14px 0 9px;font-size:11px}.ui-co-quote__delivery>strong{color:var(--co-teal)}.ui-co-quote__delivery>span{color:#556a80}.ui-co-quote__validity{margin:0 0 14px;color:var(--co-muted);font-size:10px}.ui-co-quote__fineprint{margin:12px 0 0;color:var(--co-muted);font-size:10px;line-height:1.65}.ui-co-cart-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--co-blue);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.ui-co-hero{padding:28px;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(210px,.7fr)}.ui-co-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.ui-co-quote{padding:18px}.ui-co-card__body{padding:14px}.ui-co-card__image{height:180px}.ui-co-card__image img{max-height:140px}.ui-co-card__price{font-size:19px}.ui-co-advice{flex-wrap:wrap}.ui-co-advice>div{flex:1;min-width:220px}.ui-co-advice>a{flex-basis:auto;margin-left:39px}}
@media(max-width:820px){.ui-co-layout{grid-template-columns:1fr;grid-template-areas:"quote" "catalog";gap:24px}.ui-co-quote{position:static;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px;padding:22px}.ui-co-quote>.ui-co-eyebrow,.ui-co-quote>h2{grid-column:1/-1}.ui-co-quote__result{grid-column:2;grid-row:3/9;margin-top:0;padding-top:0;padding-left:22px;border-top:0;border-left:1px solid var(--co-line)}.ui-co-quote>form,.ui-co-quote__empty,.ui-co-selected,.ui-co-quote__status,.ui-co-cart-link{grid-column:1}.ui-co-quote__empty{margin:0 0 15px}.ui-co-hero{grid-template-columns:1fr}.ui-co-hero__delivery{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}.ui-co-hero__delivery>span:first-child{grid-column:1}.ui-co-hero__delivery>strong{grid-column:1;grid-row:2/4;font-size:32px;margin:6px 0 0}.ui-co-hero__delivery>p{grid-column:2;grid-row:1/3;margin:0}.ui-co-hero__delivery>.ui-co-hero__note{grid-column:2;grid-row:3;margin-top:8px}.ui-co-filters{grid-template-columns:minmax(0,1fr) minmax(190px,.7fr)}.ui-co-reset{justify-self:start}.ui-co-filters>.ui-co-reset{grid-column:1/-1;min-height:44px}.ui-co-card__image{height:220px}.ui-co-card__image img{max-height:180px}.ui-co-card__body{padding:18px}.ui-co-card h3{font-size:15px}.ui-co-card__price{font-size:23px}}
@media(max-width:540px){.ui-co{font-size:13px}.ui-co-hero{padding:24px 20px;border-radius:17px;gap:20px}.ui-co-hero h2{font-size:32px;letter-spacing:-1px}.ui-co-hero__copy>p{font-size:13px}.ui-co-hero__tags{gap:6px}.ui-co-hero__tags span{font-size:9px}.ui-co-hero__delivery{display:block;padding:18px}.ui-co-hero__delivery>strong{display:flex;align-items:baseline;gap:8px;margin:8px 0 12px;font-size:34px}.ui-co-hero__delivery strong small{display:inline;font-size:11px}.ui-co-hero__delivery>p{font-size:11px}.ui-co-hero__delivery>.ui-co-hero__note{margin-top:12px}.ui-co-advice{margin:18px 0 28px;padding:17px;gap:10px}.ui-co-advice>div{min-width:0;flex:1}.ui-co-advice>a{margin-left:35px;flex-basis:auto;font-size:11px}.ui-co-advice p{font-size:11px}.ui-co-section-heading{align-items:start;flex-direction:column;gap:8px}.ui-co-section-heading h2{font-size:24px}.ui-co-filters{grid-template-columns:1fr;gap:12px}.ui-co-filters>.ui-co-reset{grid-column:auto}.ui-co-types{flex-wrap:nowrap;overflow-x:auto;margin-inline:-2px;padding:3px 2px 7px;scrollbar-width:thin;scroll-padding:4px}.ui-co-types button{flex:0 0 auto}.ui-co-quote{display:block;padding:21px}.ui-co-quote__result{margin-top:15px;padding:15px 0 0;border-top:1px solid var(--co-line);border-left:0}.ui-co-quote h2{font-size:24px}.ui-co-quote__status{min-height:0}.ui-co-cards{grid-template-columns:1fr;gap:16px}.ui-co-card__image{height:235px;padding:30px 24px 18px}.ui-co-card__image img{max-height:185px;max-width:280px}.ui-co-card__body{padding:20px}.ui-co-card h3{font-size:16px}.ui-co-card__highlights,.ui-co-details__body{font-size:12px}.ui-co-card__reference{font-size:10px}.ui-co-details summary,.ui-co-select{font-size:12px}.ui-co-card__price-note{font-size:11px}.ui-co-category__heading h2{font-size:21px}.ui-co-quote,.ui-co-category{scroll-margin-top:145px}}
/* Keep the compatibility text readable; the help link gets its own mobile row. */
@media(max-width:540px){.ui-co-advice{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start}.ui-co-advice__icon{grid-column:1;grid-row:1;width:25px}.ui-co-advice>div{grid-column:2;grid-row:1;min-width:0}.ui-co-advice>a{grid-column:2;grid-row:2;justify-self:start;min-width:0;max-width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.ui-co *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}