/* A light polish of the live HSS shortcode. Its theme and card grid stay original. */ #sht_form.sht-comparison-ui,.sht-ui-dialog{--sht-ui-blue:#004ea2;--sht-ui-filter-blue:#04539c;--sht-ui-accent:#0084f0;--sht-ui-slider-knob:#04ace6;--sht-ui-ink:#233a53;--sht-ui-muted:#52677e;--sht-ui-line:#e1e9f2;--sht-ui-gap:8px;--sht-ui-label-text:#704700;--sht-ui-label-bg:#fff0c2} /* Keep the approved filter and sorting section. */ #sht_form.sht-comparison-ui .filter-panel-wrapper{font:400 14px/1.5 Roboto,Arial,sans-serif;color:var(--sht-ui-ink)} #sht_form.sht-comparison-ui .companys_matches{display:none} .sht-ui-results-header,.sht-ui-filter-heading,.sht-ui-consumption,.sht-ui-help-links,.sht-ui-after-comparison{display:none} .sht-ui-filter-column{display:contents} #sht_form.sht-comparison-ui .sht-ui-results-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 6px;text-align:left} #sht_form.sht-comparison-ui .sht-ui-results-header>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0} #sht_form.sht-comparison-ui .sht-ui-results-title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;line-height:1.35} #sht_form.sht-comparison-ui .sht-ui-results-context{font-size:13px;font-weight:400;color:var(--sht-ui-muted)} #sht_form.sht-comparison-ui .sht-ui-results-count{font-size:20px;color:var(--sht-ui-blue);line-height:1.35} #sht_form.sht-comparison-ui .sht-ui-results-header>div>span{font-size:11px;color:var(--sht-ui-muted)} #sht_form.sht-comparison-ui .order-selection-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:none;border:0;box-shadow:none;padding:0;margin:0;width:auto;max-width:none} #sht_form.sht-comparison-ui .sht-filters-label{font-size:12px;font-weight:400;margin:0;color:var(--sht-ui-muted);white-space:nowrap} #sht_form.sht-comparison-ui .order-selection-wrapper select{font:400 14px/1.4 Roboto,Arial,sans-serif;color:var(--sht-ui-ink);width:182px;min-height:40px;padding:8px 28px 8px 12px;border:1px solid #bacbdd;border-radius:6px;background-color:white;margin:0} #sht_form.sht-comparison-ui .companys_matches_info{display:flex;align-items:flex-start;gap:8px;background:transparent;border:0;box-shadow:none;padding:4px 0 12px;margin:0;font-size:12px;line-height:1.5;color:var(--sht-ui-muted);text-align:left} #sht_form.sht-comparison-ui .cost-info-icon{flex:none;margin:1px 0 0} #sht_form.sht-comparison-ui .filter-chips-desktop{margin:0 0 10px} #sht_form.sht-comparison-ui .filter-chips-desktop:empty{display:none} /* Compact shared results header. Existing cards and filter layout are untouched. */ .sht-ui-results-summary{display:contents} #sht_form.sht-comparison-ui .sht-ui-results-summary{display:block;margin:0 0 12px;padding:8px 16px;background:#fff;border:1px solid var(--sht-ui-line);border-radius:8px} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-header{margin:0;gap:16px} #sht_form.sht-comparison-ui .sht-ui-results-summary:has(.companys_matches_info) .sht-ui-results-header{margin-bottom:6px} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-header>div:first-child{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 14px} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-title{gap:0 4px;max-width:100%} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-count{font-size:18px;letter-spacing:0;white-space:normal;overflow-wrap:anywhere} #sht_form.sht-comparison-ui .sht-ui-results-header [hidden]{display:none!important} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-context{font-size:15px;font-weight:400;line-height:1.35;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-vat{flex:none;white-space:nowrap;line-height:1.5} #sht_form.sht-comparison-ui .sht-ui-results-summary .companys_matches_info{padding:6px 0 0;margin:0;border-top:1px solid var(--sht-ui-line);font-size:12px;line-height:1.55} #sht_form.sht-comparison-ui .sht-ui-results-summary .cost-info-text{min-width:0} #sht_form.sht-comparison-ui .sht-ui-results-summary .cost-info-text a{color:var(--sht-ui-blue);text-decoration:underline;text-underline-offset:2px;white-space:nowrap} #sht_form.sht-comparison-ui .sht-ui-results-summary .cost-info-icon svg{width:18px;height:18px} #sht_form.sht-comparison-ui .sht-ui-results-summary .cost-info-icon path{stroke:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .sht-ui-results-summary .order-selection-wrapper{flex-shrink:0} #sht_form.sht-comparison-ui .sht-ui-results-summary .order-selection-wrapper select{min-height:42px} #sht_form.sht-comparison-ui .sht-ui-results-summary :is(select,a):focus-visible{outline:2px solid var(--sht-ui-blue);outline-offset:3px} @media(max-width:768px){ #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-filters-label{display:block} } @media(max-width:540px){ #sht_form.sht-comparison-ui .sht-ui-results-summary{padding:8px 12px} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-header{flex-direction:column;align-items:stretch;gap:8px} #sht_form.sht-comparison-ui .sht-ui-results-summary .sht-ui-results-header>div:first-child{justify-content:space-between;gap:4px 12px} #sht_form.sht-comparison-ui .sht-ui-results-summary .order-selection-wrapper{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px} #sht_form.sht-comparison-ui .sht-ui-results-summary .order-selection-wrapper select{width:auto;min-width:0;max-width:220px;flex:1;font-size:14px;padding-left:12px;min-height:44px} } /* One coherent filter panel. Original inputs and filter handlers are retained. */ #sht_form.sht-comparison-ui .filter-panel-wrapper{background:white;border:1px solid var(--sht-ui-line);border-radius:8px;box-shadow:none;min-width:0;margin:0;text-align:left} #sht_form.sht-comparison-ui .filter-panel-body{padding:16px} #sht_form.sht-comparison-ui .sht-ui-filter-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:0;gap:10px;background:none;border-radius:0} #sht_form.sht-comparison-ui .sht-ui-filter-heading strong{font:600 16px/1.4 Roboto,Arial,sans-serif;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .sht-ui-reset{background:none;border:0;padding:3px 0;min-height:30px;font-size:12px;font-weight:400;color:var(--sht-ui-blue);text-decoration:underline;box-shadow:none;border-radius:0} #sht_form.sht-comparison-ui .sht-ui-reset:disabled{color:#788797;text-decoration:none;cursor:default} #sht_form.sht-comparison-ui .inputs-container{background:none;box-shadow:none;border:0;padding:0;margin:0;max-width:none;text-align:left} #sht_form.sht-comparison-ui .sht-ui-consumption{display:block} #sht_form.sht-comparison-ui .sht-ui-consumption>label{display:block;font-weight:600;font-size:13px;margin:0 0 8px} #sht_form.sht-comparison-ui .sht-ui-consumption-control{display:flex;align-items:center;gap:8px} #sht_form.sht-comparison-ui .sht-ui-consumption-control button{width:36px;min-width:36px;height:42px;padding:0;background:#f3f7fb;border:1px solid #cad8e6;border-radius:5px;box-shadow:none;color:var(--sht-ui-blue);font:400 22px/1 Roboto,Arial,sans-serif} #sht_form.sht-comparison-ui .sht-ui-consumption-number{display:flex;align-items:center;border:1px solid #9eb8d2;border-radius:5px;min-width:0;height:42px;flex:1;padding:0 8px;gap:4px;background:white} #sht_form.sht-comparison-ui #sht-ui-consumption{font:600 19px/1.3 Roboto,Arial,sans-serif;letter-spacing:0;color:var(--sht-ui-blue);border:0;box-shadow:none;outline:none;padding:0;min-width:0;width:100%;background:transparent;text-align:center;appearance:textfield} #sht_form.sht-comparison-ui #sht-ui-consumption::-webkit-inner-spin-button,#sht_form.sht-comparison-ui #sht-ui-consumption::-webkit-outer-spin-button{appearance:none;margin:0} #sht_form.sht-comparison-ui .sht-ui-consumption-number:focus-within{outline:2px solid var(--sht-ui-blue);outline-offset:2px} #sht_form.sht-comparison-ui .sht-ui-consumption-number span{font-size:12px;color:var(--sht-ui-muted);white-space:nowrap} #sht_form.sht-comparison-ui .sht_slider_output{display:none} #sht_form.sht-comparison-ui .sht-range{padding:0 1px;margin:0;max-width:none} #sht_form.sht-comparison-ui .sht{height:44px;margin:0;background:transparent;touch-action:pan-y;cursor:pointer} #sht_form.sht-comparison-ui .sht::before{content:"";position:absolute;left:0;right:0;top:19px;height:6px;border-radius:3px;background:#e1e9f2} #sht_form.sht-comparison-ui .sht__fill{height:6px;top:19px;background:var(--sht-ui-filter-blue)} #sht_form.sht-comparison-ui .sht__handle{height:44px;width:44px;top:0;background:transparent;box-shadow:none;border:0;outline:0;border-radius:50%} #sht_form.sht-comparison-ui .sht__handle::after{content:"";position:absolute;inset:9px;border:3px solid white;border-radius:50%;background:var(--sht-ui-slider-knob);box-shadow:0 0 0 1px var(--sht-ui-filter-blue),0 1px 3px #04539c26} #sht_form.sht-comparison-ui input[type=range]:focus-visible+.sht .sht__handle::after{outline:3px solid var(--sht-ui-accent);outline-offset:3px} #sht_form.sht-comparison-ui .shtfilters{padding:0;margin:0;text-align:left} #sht_form.sht-comparison-ui .shtfilters>div:first-child{display:grid;grid-template-columns:1fr;gap:6px} #sht_form.sht-comparison-ui .shtfilters .filterslabel{font:600 13px/1.4 Roboto,Arial,sans-serif;letter-spacing:0;text-align:left;color:var(--sht-ui-ink);margin:0 0 3px;padding:0;grid-column:1/-1} #sht_form.sht-comparison-ui .shtfilters .filterslabel::after{display:none} #sht_form.sht-comparison-ui .shtfilters .container{display:flex;align-items:center;width:100%;min-height:39px;padding:8px 10px 8px 36px;margin:0;font:400 14px/1.4 Roboto,Arial,sans-serif;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--sht-ui-ink);text-align:left} #sht_form.sht-comparison-ui .shtfilters .container:hover{background:#f1f5f9;border-color:#cbd5e1} #sht_form.sht-comparison-ui .shtfilters .container:has(input:checked){background:#ecf3ff;border-color:var(--sht-ui-blue);color:var(--sht-ui-blue);font-weight:600} #sht_form.sht-comparison-ui .shtfilters .container:has(input:focus-visible){outline:2px solid var(--sht-ui-blue);outline-offset:2px} #sht_form.sht-comparison-ui .checkmark{border:2px solid var(--sht-ui-accent);background:#fff;border-radius:4px;width:18px;height:18px} #sht_form.sht-comparison-ui .container input:checked~.checkmark{background:var(--sht-ui-accent);border-color:#006bb3} #sht_form.sht-comparison-ui .container .checkmark:after{left:4px;top:1px;width:5px;height:9px} #sht_form.sht-comparison-ui .shtfilters .filterboxlabel{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;margin:10px 0 0;padding:10px 8px;border:0;border-top:1px solid #dbe5ef;border-radius:0;background:transparent;box-shadow:none;color:#bf4f00;font:600 13px/1.4 Roboto,Arial,sans-serif;text-align:left;cursor:pointer;touch-action:manipulation;transition:color .15s ease} #sht_form.sht-comparison-ui .shtfilters .filterboxlabel.active{background:transparent;color:#bf4f00} #sht_form.sht-comparison-ui .shtfilters .filterboxlabel:hover{background:transparent;color:#bf4f00;text-decoration:underline;text-underline-offset:3px;box-shadow:none} #sht_form.sht-comparison-ui .shtfilters .filterboxlabel::after{background-color:transparent;filter:none;margin:0;width:18px;height:18px;flex:none;border-radius:0;background-image:url('data:image/svg+xml,');background-size:18px} #sht_form.sht-comparison-ui .shtfilters .filterbox{margin:10px 0 0} #sht_form.sht-comparison-ui .filterbox>div:not(.inputs){display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px} #sht_form.sht-comparison-ui .filterbox .container{font-size:12px;min-height:38px;padding-left:32px;padding-right:5px} /* Explicitly selected spot offers bypass duration; spot-only keeps saved choices inactive. */ .sht-ui-duration-hint{display:none} #sht_form.sht-comparison-ui .sht-ui-duration-group[hidden]{display:none!important} #sht_form.sht-comparison-ui .sht-ui-duration-hint{display:block;grid-column:1/-1;font:400 11px/1.4 Roboto,Arial,sans-serif;color:var(--sht-ui-muted);margin-top:1px} /* Spot editor keeps the original price, adjustment and futures handlers. */ #sht_form.sht-comparison-ui .filterbox .inputs{display:block;margin:0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;font-size:12px;text-align:left} #sht_form.sht-comparison-ui .sht-ui-spot-heading{position:relative;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px} #sht_form.sht-comparison-ui .sht-ui-spot-heading label{font-size:13px;color:var(--sht-ui-ink);margin:0} #sht_form.sht-comparison-ui .sht-ui-spot-heading .info-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;background:white;border:1px solid #b9cde1;color:var(--sht-ui-blue);line-height:1;cursor:pointer} #sht_form.sht-comparison-ui .sht-ui-spot-heading .tooltip-wrapper{position:static!important;display:flex!important} #sht_form.sht-comparison-ui #market-input-tooltip{left:auto!important;right:0;top:auto;bottom:calc(100% + 8px);transform:none!important;width:100%;min-width:0;max-width:100%!important;max-height:var(--sht-ui-tip-max,none);overflow-y:auto;box-sizing:border-box;padding:12px;background:white;color:var(--sht-ui-ink);border:1px solid #b8cfe9;border-radius:7px;box-shadow:0 5px 20px #04539c26;white-space:normal;font:400 12px/1.5 Roboto,Arial,sans-serif;text-align:left} #sht_form.sht-comparison-ui #market-input-tooltip[data-side="below"]{top:calc(100% + 8px);bottom:auto} #sht_form.sht-comparison-ui #market-input-tooltip::after{display:none} #sht_form.sht-comparison-ui .sht-ui-spot-hint{display:none} #sht_form.sht-comparison-ui .sht-ui-spot-controls{display:flex;align-items:center;gap:8px} #sht_form.sht-comparison-ui .sht-ui-spot-controls .adjust-btn{flex:0 0 40px;min-width:40px;width:40px;height:44px;padding:0;border:1px solid #b9cde1;border-radius:5px;background:white;color:var(--sht-ui-blue);box-shadow:none;font:400 22px/1 Roboto,Arial,sans-serif} #sht_form.sht-comparison-ui .sht-ui-spot-value{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;height:44px;padding:0 8px;background:white;border:1px solid #9eb8d2;border-radius:5px} #sht_form.sht-comparison-ui .sht-ui-spot-value:focus-within{outline:2px solid var(--sht-ui-blue);outline-offset:2px} #sht_form.sht-comparison-ui #market-amount{width:100%!important;min-width:0;max-width:64px;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;outline:none;color:var(--sht-ui-blue);font:600 19px/1.3 Roboto,Arial,sans-serif;text-align:center} #sht_form.sht-comparison-ui .sht-ui-spot-value span{font-size:12px;color:var(--sht-ui-muted);white-space:nowrap} #sht_form.sht-comparison-ui .market-futures-row{display:flex;justify-content:center;margin:0 0 -4px!important;padding:0;text-align:center} #sht_form.sht-comparison-ui .market-futures-row[hidden]{display:none!important} #sht_form.sht-comparison-ui .sht-use-futures-link{font:500 12px/1.4 Roboto,Arial,sans-serif;line-height:1.4!important;margin:0;padding:4px 0!important;min-height:32px;color:var(--sht-ui-blue)!important;background:none!important;border:0!important;box-shadow:none;text-decoration:underline;text-underline-offset:3px} #sht_form.sht-comparison-ui .sht-use-futures-link.is-locked{color:#53677a!important;opacity:1!important;text-decoration:none} #sht_form.sht-comparison-ui .sht-use-futures-link.is-locked::before{content:"✓";margin-right:5px;color:#315e45} /* Keep all three original help destinations available, with their original copy. */ #sht_form.sht-comparison-ui .sht-ui-help-links{display:grid;gap:6px;margin-top:10px;padding:0;border:0} #sht_form.sht-comparison-ui .instruction-buttons-container{display:block!important;margin:0;padding:0;border:0;box-shadow:none} #sht_form.sht-comparison-ui :is(.guided-btn,.sht-notice){display:flex!important;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;width:100%;margin:0;padding:6px 8px;border:1px solid #e1e9f2;border-radius:6px;background:white;box-shadow:none;text-align:left;text-decoration:none;transform:none;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui :is(.guided-btn,.sht-notice):hover{background:#eaf2fc;border-color:#a8c3df;transform:none} #sht_form.sht-comparison-ui .guided-icon{display:none} #sht_form.sht-comparison-ui .guided-text{min-width:0;flex:0 1 auto} #sht_form.sht-comparison-ui .btn-main-text{font:600 12px/1.5 Roboto,Arial,sans-serif;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .btn-subtext{display:block;font:400 11px/1.5 Roboto,Arial,sans-serif;color:var(--sht-ui-muted)} #sht_form.sht-comparison-ui .sht-notice-icon{width:18px;height:18px;object-fit:contain;flex:none;margin:0} #sht_form.sht-comparison-ui .sht-notice-text{min-width:0;flex:0 1 auto;font:400 12px/1.5 Roboto,Arial,sans-serif;color:var(--sht-ui-muted)} #sht_form.sht-comparison-ui .sht-notice-text b{font-weight:600;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui :is(.sht-arrow,.guided-arrow){font-size:22px;line-height:1;flex:none;width:18px;text-align:center;color:var(--sht-ui-blue);margin:0 0 0 auto;transform:none} /* Original card shapes, grid, typography and CTA, with quieter shadows and logos. */ #sht_form .sht-ui-card-header{display:contents} #sht_form .sht-ui-card-header[hidden]{display:none!important} #sht_form.sht-comparison-ui .sht_box{padding-top:12px;margin-bottom:24px;transform:none;box-shadow:0 1px 5px rgba(35,50,75,.07),0 0 1px rgba(35,50,75,.08)} /* Campaign-only headers need less empty space above the unlabelled left side. */ #sht_form.sht-comparison-ui .sht_box:not(.sc_popular):not(.sht-nosto-card):has(> .sht-ui-card-header > .ribbon){padding-top:8px} #sht_form.sht-comparison-ui .sht_box:hover{box-shadow:0 2px 8px rgba(35,50,75,.1),0 0 1px rgba(35,50,75,.08)} #sht_form.sht-comparison-ui .sht_box.sht-nosto-card{padding-top:12px} #sht_form.sht-comparison-ui .company_apply a{box-shadow:0 2px 4px rgba(0,0,0,.12)} #sht_form.sht-comparison-ui .company_apply a:hover{box-shadow:0 3px 6px rgba(0,0,0,.16)} #sht_form.sht-comparison-ui .company_logo img{max-width:76%;max-height:68px!important} #sht_form.sht-comparison-ui .sht-ui-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 var(--sht-ui-gap);text-align:left;line-height:1.4} #sht_form.sht-comparison-ui .ribbon{position:static;max-width:100%;margin-left:auto;flex-shrink:1} #sht_form.sht-comparison-ui .ribbon-part{font-weight:600;letter-spacing:0;text-transform:none;border-radius:4px} #sht_form.sht-comparison-ui .ribbon-part--prefix{background:#fff0e2;color:#885024} #sht_form.sht-comparison-ui .ribbon-part--main{background:#f4f8fd;color:#004183;border-color:#d7e3f0;box-shadow:none;font-weight:700} #sht_form.sht-comparison-ui .ribbon-icon{background:none;color:#426890} /* The first part identifies an exclusive offer or named campaign. Keep the benefit separate; retain the original wording and compact dimensions. */ #sht_form.sht-comparison-ui .ribbon[data-campaign-kind="exclusive"] .ribbon-part--prefix{background:#004183;color:#fff;font-weight:700} #sht_form.sht-comparison-ui .ribbon[data-campaign-kind="exclusive"] .hss-prefix-icon{color:#fff} #sht_form.sht-comparison-ui .ribbon[data-campaign-kind="event"] .ribbon-part--prefix{background:#191d24;color:#fff;font-weight:700} #sht_form.sht-comparison-ui .ribbon[data-campaign-kind="seasonal"] .ribbon-part--prefix{background:#004183;color:#fff;font-weight:700} #sht_form.sht-comparison-ui .popular-badge{position:static;transform:none;gap:7px;flex-wrap:wrap;color:var(--sht-ui-muted);background:transparent;padding:0;border-radius:0;white-space:normal;font-size:12px} #sht_form.sht-comparison-ui .sht-ui-popular-title{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--sht-ui-blue);padding:0;border-radius:0;font-weight:600;white-space:nowrap} #sht_form.sht-comparison-ui .sht-ui-popular-title svg{flex:0 0 16px;width:16px;height:16px} #sht_form.sht-comparison-ui .sht-ui-popular-context{font-size:11px;font-weight:400} /* A presentation-only switch: recommendation/ranking and tracking remain intact. */ #sht_form.sht-comparison-ui[data-hide-popular] .popular-badge{display:none!important} #sht_form.sht-comparison-ui[data-hide-popular] .sht_box.sc_popular:not(.sht-nosto-card){border:none} #sht_form.sht-comparison-ui[data-hide-popular] .sht_box.sc_popular:not(.sht-nosto-card):has(> .sht-ui-card-header > .ribbon){padding-top:8px} #sht_form.sht-comparison-ui .sht-nosto-head{display:flex;position:static;max-width:100%;margin:0 0 var(--sht-ui-gap);text-align:left} #sht_form.sht-comparison-ui .sht-nosto-kicker{background:#df7026;font-weight:700;letter-spacing:0;text-transform:none;border-radius:4px} #sht_form.sht-comparison-ui .sht-nosto-copy{white-space:normal} #sht_form.sht-comparison-ui .sht-nosto-title{line-height:1.4} #sht_form.sht-comparison-ui .sht-nosto-info{cursor:pointer} #sht_form.sht-comparison-ui .sht-nosto-tooltip{display:none!important} #sht_form.sht-comparison-ui .sourceclass{font:600 11px/1.4 Roboto,Arial,sans-serif;letter-spacing:0;box-shadow:none;padding:4px 7px;border:0;border-radius:4px} #sht_form.sht-comparison-ui .sourceclass.all{background:#f3f4f6;color:#4b5563} #sht_form.sht-comparison-ui .sourceclass.cf,#sht_form.sht-comparison-ui .sourceclass.ren{background:#eef6f1;color:#315e45} #sht_form.sht-comparison-ui .company-feature-badge{font:600 11px/1.4 Roboto,Arial,sans-serif!important;min-height:24px;white-space:normal;background:#27673c;color:white;border:0;border-radius:4px;padding:4px 7px;letter-spacing:0;box-shadow:none} #sht_form.sht-comparison-ui .company-feature-badge::before{display:none} #sht_form .sht-ui-cheapest{display:block;width:fit-content;max-width:100%;border-radius:5px;background:var(--sht-ui-label-bg);color:var(--sht-ui-label-text);border:1px solid color-mix(in srgb,var(--sht-ui-label-text) 18%,transparent);padding:3px 7px;margin:0 auto 5px;font:600 11px/1.4 Roboto,Arial,sans-serif;white-space:normal} #sht_form .sht-ui-cheapest[data-position="below-price"]{margin:5px auto 5px} html[data-hide-comparison] #sht_form .sht-cmp-select-row,html[data-hide-comparison] #sht-cmp-bar,html[data-hide-comparison] #sht-cmp-dialog,html[data-hide-comparison] .sht-cmp-spacer{display:none!important} html[data-hide-comparison] #sht_form .sht_box.sht-cmp-selected{outline:none!important} /* A slimmer advert with its actual message and CTA always available. */ #sht_form.sht-comparison-ui .sht-campaign{box-shadow:none!important;border:1px solid #bad2bc;border-radius:8px;margin:0 0 16px} #sht_form.sht-comparison-ui .sht-campaign[hidden]{display:none!important} #sht_form.sht-comparison-ui .sht-campaign.sht-ui-campaign-compact{display:grid;grid-template-columns:88px minmax(0,1fr) 166px;gap:16px;align-items:center;padding:14px 16px;background:var(--sht-campaign-background);color:var(--sht-campaign-text)} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__ad-label{font:400 10px/1.4 Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#49654e} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__logo{height:40px;width:88px;padding:6px;border-radius:5px;background:white} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__title{font:600 16px/1.35 Poppins,Arial,sans-serif;color:var(--sht-campaign-text);margin:0} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__copy{font:400 12px/1.5 Roboto,Arial,sans-serif;margin:5px 0 0;color:var(--sht-campaign-text)} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__actions{display:flex;align-items:stretch;gap:5px;min-width:0} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__button{width:100%;min-height:44px;padding:10px 12px;font-size:14px;border-radius:5px} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__terms{font-size:11px;text-align:center} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__media{grid-column:2;max-width:120px} #sht_form.sht-comparison-ui #lc_show_more{background:white;border:1px solid #b6c9de;border-radius:6px;box-shadow:none;font-size:14px;color:var(--sht-ui-blue);max-width:320px;min-height:46px;margin:20px auto} #sht_form.sht-comparison-ui .sht_rates{transition:none;animation:none} #sht_form.sht-comparison-ui .sht_rates.is-ready{opacity:1} #sht_form.sht-comparison-ui :is(button,a,[role=button]):focus-visible,.sht-ui-dialog :is(button,a):focus-visible{outline:3px solid #ed7427;outline-offset:3px} /* Compact Nosto disclosure, positioned beside its icon without a modal backdrop. */ .sht-ui-dialog{box-sizing:border-box;max-width:320px;width:calc(100% - 24px);max-height:calc(100vh - 24px);padding:14px 46px 14px 16px;border:0;border-radius:8px;background:#172238;color:white;font:400 13px/1.5 Roboto,Arial,sans-serif;text-align:left;overflow:auto;position:fixed;inset:auto;margin:0;box-shadow:0 4px 16px #17223826;z-index:10001} .sht-ui-dialog p{margin:0;color:inherit;font:inherit} .sht-ui-dialog>button{position:absolute;top:0;right:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:white;font:400 24px/1 Arial,sans-serif;box-shadow:none;cursor:pointer} .sht-ui-dialog>button:hover{background:#ffffff14}.sht-ui-dialog>button:focus-visible{outline:2px solid white;outline-offset:-5px} /* Use the site's actual sidebar-to-top breakpoint (1430px). */ @media(min-width:1431px){ #sht_form.sht-comparison-ui .sht-ui-filter-column{display:block;flex:0 0 280px;width:280px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto} #sht_form.sht-comparison-ui .filter-panel-wrapper{width:100%} #sht_form.sht-comparison-ui .full-results-table{flex:1;min-width:0} } @media(min-width:769px) and (max-width:1430px){ #sht_form.sht-comparison-ui .sht-ui-filter-column{display:block;width:100%} #sht_form.sht-comparison-ui .filter-panel-wrapper{width:100%} #sht_form.sht-comparison-ui .inputs-container{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start} #sht_form.sht-comparison-ui .sht-ui-consumption{grid-column:1;grid-row:1} #sht_form.sht-comparison-ui .slider-section{grid-column:1;grid-row:2} #sht_form.sht-comparison-ui .shtfilters{display:contents} #sht_form.sht-comparison-ui .shtfilters>div:first-child{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:2;grid-row:1 / span 2} #sht_form.sht-comparison-ui .shtfilters>div:first-child .container{font-size:12px;padding-left:36px;padding-right:4px} #sht_form.sht-comparison-ui .shtfilters .filterbox{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin-top:12px} #sht_form.sht-comparison-ui .shtfilters:has(.filterboxlabel.active) .filterbox{display:grid!important} #sht_form.sht-comparison-ui .filterbox>div:not(.inputs){margin-bottom:0} #sht_form.sht-comparison-ui .filterbox:has(.sht-ui-duration-group[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))} #sht_form.sht-comparison-ui .shtfilters .filterboxlabel{grid-column:1/-1;grid-row:4;margin-top:8px} #sht_form.sht-comparison-ui .sht-ui-help-links{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-top:10px} #sht_form.sht-comparison-ui .sht-ui-help-links .guided-btn{height:100%} } @media(max-width:768px){ #sht_form.sht-comparison-ui .sht-ui-after-comparison:not(:empty){display:block;margin:20px 0 12px} #sht_form.sht-comparison-ui .sht-ui-help-links{margin-top:6px;padding-top:8px;border-top:1px solid #e1e9f2} #sht_form.sht-comparison-ui .filter-panel-wrapper{height:min(90dvh,800px);border-radius:0 0 10px 10px;border-top:0} #sht_form.sht-comparison-ui .filter-panel-body{overflow:auto;padding:12px 20px} #sht_form.sht-comparison-ui .filter-panel-header{padding:8px 20px;background:#f8f8f8;border-bottom:1px solid #e2e8f0} #sht_form.sht-comparison-ui .filter-title{font:600 17px/1.4 Roboto,Arial,sans-serif;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .close-filters-btn{width:40px;height:40px;padding:0;background:#f1f5fa;color:var(--sht-ui-blue);border:1px solid #d6e1ed;box-shadow:none;border-radius:5px;font-size:18px} #sht_form.sht-comparison-ui .sht-ui-filter-heading{margin:0 0 10px;padding:0;background:none;border-radius:0} #sht_form.sht-comparison-ui .sht-ui-filter-heading strong{font-size:14px;color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .sht-ui-reset{color:var(--sht-ui-blue)} #sht_form.sht-comparison-ui .sht-ui-reset:disabled{color:#788797} #sht_form.sht-comparison-ui .shtfilters>div:first-child{grid-template-columns:repeat(3,minmax(0,1fr))} #sht_form.sht-comparison-ui .shtfilters>div:first-child .container{font-size:12px;padding-left:31px;padding-right:4px;min-height:44px} #sht_form.sht-comparison-ui .checkmark{left:7px} #sht_form.sht-comparison-ui .filterbox .container{min-height:44px;font-size:13px} #sht_form.sht-comparison-ui .sht-ui-consumption-control button{height:44px;width:44px} #sht_form.sht-comparison-ui .filter-panel-footer{padding:10px 20px;background:white;border-top:1px solid var(--sht-ui-line)} #sht_form.sht-comparison-ui .save-and-close-btn{min-height:46px;background:var(--sht-ui-blue);border-radius:5px;font-size:15px;font-weight:600;box-shadow:none} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper{--launcher-bg:#dceafb;--launcher-hover:#ccdef4;--launcher-active:#bcd3ee;--launcher-ink:#004183;--launcher-sub:#304f70;--launcher-border:#9bbce0;display:flex;align-items:center;position:relative;width:100%;padding:8px 0;background:#ecf3ff} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight{position:sticky;padding:8px 0;gap:0;z-index:999} #sht_form.sht-comparison-ui .filter-btn-mobile{display:flex;align-items:center;gap:10px;flex:1;width:100%;min-width:0;max-width:100%;min-height:64px;padding:10px 12px;margin:0;border:1px solid var(--launcher-border);border-radius:8px;background:var(--launcher-bg);color:var(--launcher-ink);box-shadow:none;font:600 14px/1.35 Roboto,Arial,sans-serif;transition:none} #sht_form.sht-comparison-ui .filter-btn-mobile:hover{background:var(--launcher-hover)} #sht_form.sht-comparison-ui .filter-btn-mobile:active{background:var(--launcher-active)} #sht_form.sht-comparison-ui .filter-btn-mobile:focus-visible{outline:3px solid #004183;outline-offset:3px} #sht_form.sht-comparison-ui .filter-btn-label{min-width:0;flex:1;padding:0;line-height:1.35} #sht_form.sht-comparison-ui .filter-base-label{display:block;font-weight:600} #sht_form.sht-comparison-ui .filter-btn-label>br{display:none} #sht_form.sht-comparison-ui .filter-btn-mobile .filter-btn-summary{display:block;margin-top:3px;font:400 13px/1.35 Roboto,Arial,sans-serif;color:var(--launcher-sub)} #sht_form.sht-comparison-ui .filter-svg-icon{width:22px;height:22px;stroke:currentColor} #sht_form.sht-comparison-ui .filter-btn-mobile::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);flex:0 0 7px;margin-right:2px} /* Separate buttons remain accessible; the dismiss target sits inside the shared surface. */ #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight .filter-btn-mobile{max-width:100%;padding-right:56px} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight .filter-btn-mobile::after{display:none} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight .sht-dismiss-sticky{position:absolute;top:10px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--launcher-ink);font:400 24px/1 Arial,sans-serif;cursor:pointer} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight .sht-dismiss-sticky:hover{background:var(--launcher-hover)} #sht_form.sht-comparison-ui .filter-btn-mobile-wrapper.highlight .sht-dismiss-sticky:active{background:var(--launcher-active)} #sht_form.sht-comparison-ui .sht-dismiss-sticky:focus-visible{outline:3px solid #004183;outline-offset:-3px} #sht_form.sht-comparison-ui .sht-ui-results-header{gap:10px} #sht_form.sht-comparison-ui .sht-ui-results-count{font-size:18px} #sht_form.sht-comparison-ui .order-selection-wrapper{gap:4px} #sht_form.sht-comparison-ui .sht-filters-label{display:none} #sht_form.sht-comparison-ui .order-selection-wrapper select{width:158px;font-size:12px;min-height:40px;padding-left:8px} #sht_form.sht-comparison-ui .companys_matches_info{font-size:11px;padding-bottom:10px} } @media(max-width:768px){ #sht_form.sht-comparison-ui .sht_box{margin-bottom:20px} #sht_form.sht-comparison-ui .sht_box.sc_popular{padding-top:12px} #sht_form.sht-comparison-ui .sht-ui-card-header{justify-content:center;gap:8px} #sht_form.sht-comparison-ui .ribbon{margin:0 auto;align-items:center} #sht_form.sht-comparison-ui .sht_box.sc_popular .popular-badge{padding:0;justify-content:center} #sht_form.sht-comparison-ui .sht-nosto-head{gap:6px} #sht_form.sht-comparison-ui .sht-nosto-info-wrap{flex-shrink:0} /* The source grid totals 102% here; use the same 2% gutter without overflowing. */ #sht_form.sht-comparison-ui .sht_box .toprow{grid-template-columns:49% 49%} } @media(max-width:560px){ #sht_form.sht-comparison-ui .sht-campaign.sht-ui-campaign-compact{grid-template-columns:1fr;gap:10px;padding:14px;margin-bottom:24px} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__brand{flex-direction:row-reverse;justify-content:space-between;align-items:center} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__logo{height:30px;width:84px;padding:4px} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__title{font-size:16px} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__copy{font-size:12px;line-height:1.45} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__actions{width:100%} #sht_form.sht-comparison-ui .sht-ui-campaign-compact .sht-campaign__media{grid-column:1} } /* Narrow phone filters: keep complete labels and a readable spot-price input. */ @media(max-width:380px){ #sht_form.sht-comparison-ui .shtfilters>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))} #sht_form.sht-comparison-ui .shtfilters>div:first-child .container:first-of-type{grid-column:1/-1} #sht_form.sht-comparison-ui .filter-panel-wrapper .container{min-width:0;white-space:normal;overflow-wrap:anywhere} #sht_form.sht-comparison-ui .sht-ui-spot-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px} #sht_form.sht-comparison-ui .sht-ui-spot-controls .adjust-btn{width:44px;min-width:44px;margin:0} #sht_form.sht-comparison-ui .sht-ui-spot-value{height:56px;flex-direction:column;gap:0;padding:4px 6px} #sht_form.sht-comparison-ui #market-amount{flex:none} } @media(prefers-reduced-motion:reduce){#sht_form.sht-comparison-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}