/* SuperGumi Catalog 0.9.311 – combined front-page search CSS. */ /* SuperGumi Catalog split CSS: 01-base-badges.css Starts around original public.css line 1; complete top-level CSS blocks are preserved. Base, tabs, badges, product info basics. */ /* SuperGumi Catalog public styles – lean CSS bundle. Legacy single product CSS consolidated in v0.9.125. */ .sgc-catalog, .sgc-search { box-sizing: border-box; font-family: inherit; } .sgc-tab-buttons { display: flex; justify-content: center; } .sgc-tab { border: 0; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 1; padding: 14px 32px; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .sgc-tab:hover { transform: translateY(-1px); } .sgc-tab.is-active { color: #fff; } .sgc-panel { display: none; color: #fff; } .sgc-panel.is-active { display: block; } .sgc-search label { line-height: 1.2; } .sgc-search select, .sgc-search input[type="text"] { width: 100%; } .sgc-catalog--compact .sgc-tab-buttons, .sgc-catalog--archive .sgc-tab-buttons { justify-content: flex-start; margin-bottom: 10px; } .sgc-catalog--compact .sgc-tab, .sgc-catalog--archive .sgc-tab { padding: 12px 26px; font-size: 14px; } .sgc-catalog--compact .sgc-panel, .sgc-catalog--archive .sgc-panel { padding: 16px 18px; } @media (max-width:900px) { .sgc-tab-buttons { flex-wrap: wrap; } } @media (max-width:560px) { .sgc-tab { width: 100%; } } .sgc-delivery--fast { color: #1fa22e !important; } .sgc-dot, .sgc-symbol, .sgc-season-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 5px; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; } .sgc-symbol { position: relative; } .woocommerce .sgc-archive-search-wrap, .sgc-archive-search-wrap { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; clear: both !important; order: -50 !important; margin: 0 0 26px !important; } .sgc-archive-search-wrap::after { content: ""; display: table; clear: both; } .woocommerce .sgc-catalog--archive, .sgc-catalog--archive { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .sgc-catalog--archive .sgc-panel { width: 100% !important; max-width: 100% !important; } .wd-product .sgc-product-info, .product-grid-item .sgc-product-info, .product .sgc-product-info, .sgc-product-info { display: block; width: 100%; margin: 8px 0 8px; clear: both; } .sgc-info-badge { white-space: nowrap; vertical-align: middle; } .sgc-product-info .sgc-dot { background: #222; color: #fff; } .sgc-product-info .sgc-dot--new { background: #00aa00; } .sgc-product-info .sgc-dot--old { background: #cc0000; } .sgc-product-info .sgc-season-badge { background: #f4f6f8; border: 1px solid #cdd5df; color: #17253c; } .sgc-product-info .sgc-delivery { background: #fff7e8; border: 1px solid #f0d09b; color: #111; } .sgc-product-info .sgc-delivery--fast { color: #1fa22e !important; } .sgc-product-info .sgc-delivery--slow { color: #d40000 !important; } .sgc-product-info .sgc-stock--in { background: #eef9ee; border: 1px solid #c8e8c8; color: #1fa22e; } .sgc-product-info .sgc-stock--out { background: #fff0f0; border: 1px solid #efc5c5; color: #d40000; } .sgc-product-info .sgc-symbol { background: #e9edf3; color: #152944; position: relative; cursor: help; } .sgc-product-info { display: block; width: 100%; clear: both; margin: 10px 0 6px; } .sgc-product-info__row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; } .sgc-product-info__row:first-child { margin-top: 0; } .sgc-info-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 4px 10px; border-radius: 4px; font-size: 12px; line-height: 1; font-weight: 700; box-sizing: border-box; } .sgc-dot { background: #2ca01c; color: #fff; } .sgc-dot--old { background: #9099a4; color: #fff; } .sgc-dot--new { background: #2ca01c; } .sgc-season-badge { background: #eef1f5; border: 1px solid #d9dee7; color: #1a2a44; } .sgc-delivery { background: #f3faee; border: 1px solid #cfe7be; color: #197b1f; } .sgc-delivery--slow { background: #fff4f4; border-color: #f0c1c1; color: #b22424 !important; } .sgc-stock--in { background: #eef8ee; border: 1px solid #cbe2c6; color: #2a7d2e; } .sgc-stock--out { background: #fff2f2; border: 1px solid #f1caca; color: #cf2b2b; } .sgc-symbol { background: #edf2f8; border: 1px solid #d6deea; color: #1d3557; cursor: help; } .sgc-eu-chip { background: #fff; border: 1px solid #d9e1ea; color: #1d2b45; min-width: 56px; justify-content: center; } .sgc-eu-value { font-weight: 800; } .sgc-badge-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; font-style: normal; font-size: 12px; line-height: 1; } .sgc-badge-icon--truck::before { content: "🚚"; } .sgc-badge-icon--box::before { content: "📦"; } .sgc-badge-icon--fuel::before { content: "⛽"; } .sgc-badge-icon--wet::before { content: "💧"; } .sgc-badge-icon--noise::before { content: "🔊"; } .gm-tooltip { position: relative; } .gm-tooltip:hover::after, .gm-tooltip:focus::after { content: attr(data-tooltip); position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 999; width: max-content; max-width: 260px; padding: 8px 10px; border-radius: 6px; background: rgba(17, 28, 45, .96); color: #fff; font-size: 12px; line-height: 1.35; white-space: normal; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); } .wd-hover-base .sgc-product-info, .wd-product .sgc-product-info, .product-grid-item .sgc-product-info, .products .product .sgc-product-info { position: relative; z-index: 2; } .woocommerce .wd-products .sgc-archive-search-wrap, .woocommerce-page .wd-products .sgc-archive-search-wrap, .wd-products .sgc-archive-search-wrap, .woocommerce .sgc-archive-search-wrap { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; display: block !important; clear: both !important; } @media (max-width:767px) { .sgc-product-info__row { gap: 5px; } .sgc-info-badge { font-size: 11px; min-height: 24px; padding: 4px 8px; } } /* SuperGumi Catalog split CSS: 03-fitment-sport-legacy.css Starts around original public.css line 1037; complete top-level CSS blocks are preserved. Vehicle fitment cards, early search responsive, sport results. */ .sgc-vehicle-results { margin-top: 16px; display: grid; gap: 12px; } .sgc-vehicle-fitment-card { background: #dfe5f1; border-radius: 8px; padding: 14px 16px; color: #253246; box-shadow: inset 0 0 0 1px rgba(20, 40, 70, .05); } .sgc-vehicle-fitment-head { margin-bottom: 10px; font-size: 18px; color: #e7193f; font-weight: 800; } .sgc-vehicle-fitment-head span { color: #7a3445; font-size: 14px; font-weight: 600; } .sgc-vehicle-fitment-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; } .sgc-vehicle-fitment-cols > div { position: relative; border-radius: 7px; background: rgba(255, 255, 255, .45); padding: 13px 14px; min-height: 116px; } .sgc-vehicle-fitment-cols span { display: block; color: #6d7684; font-size: 14px; margin-bottom: 6px; } .sgc-vehicle-fitment-cols strong { display: block; color: #263244; font-size: 22px; line-height: 1.1; font-weight: 900; } .sgc-vehicle-fitment-cols small { display: block; margin-top: 8px; color: #3d4655; font-size: 14px; line-height: 1.35; } .sgc-vehicle-search-btn { margin-top: 14px; border: 0; border-radius: 5px; background: #ed1838; color: #fff; padding: 9px 13px; text-transform: uppercase; font-weight: 900; line-height: 1; cursor: pointer; } @media (max-width:767px) { .sgc-vehicle-fitment-cols { grid-template-columns: 1fr 1fr; gap: 8px; } .sgc-vehicle-fitment-card { padding: 12px; } .sgc-vehicle-fitment-cols > div { padding: 12px 10px; min-height: 96px; } .sgc-vehicle-fitment-cols strong { font-size: 18px; } .sgc-vehicle-search-btn { width: 100%; font-size: 13px; } } @media (max-width:520px) { .sgc-vehicle-fitment-cols { grid-template-columns: 1fr 1fr; } .sgc-vehicle-fitment-head { font-size: 17px; } .sgc-vehicle-fitment-cols strong { font-size: 16px; } .sgc-vehicle-fitment-cols small { font-size: 12px; } } .sgc-vehicle-fitment-card--row { display: grid; grid-template-columns: 64px 1fr; gap: 0; padding: 0 !important; overflow: hidden; border: 1px solid #a9c1e8; background: #f7faff !important; } .sgc-vehicle-rim-badge { display: flex; align-items: center; justify-content: center; background: #4d84df; color: #fff; font-size: 22px; font-weight: 900; min-height: 96px; } .sgc-vehicle-fitment-main { padding: 12px 14px; } .sgc-vehicle-type { color: #ed1838; font-weight: 800; margin-bottom: 2px; } .sgc-vehicle-fitment-box { background: #eef3fb !important; border-radius: 6px; padding: 12px !important; } .sgc-vehicle-fitment-box span { color: #6e7d92; font-size: 13px; display: block; margin-bottom: 4px; } .sgc-vehicle-fitment-box strong { color: #1b2c48; font-size: 18px; display: block; margin-bottom: 6px; } .sgc-vehicle-fitment-box small { color: #44546a; display: block; margin-bottom: 8px; } @media (max-width:760px) { .sgc-vehicle-fitment-card--row { grid-template-columns: 54px 1fr; } .sgc-vehicle-rim-badge { font-size: 18px; min-height: 86px; } .sgc-vehicle-fitment-main { padding: 10px; } .sgc-vehicle-fitment-cols { grid-template-columns: 1fr !important; } } .sgc-vehicle-fitment-card--row { margin-bottom: 10px; } .sgc-vehicle-fitment-box strong { word-break: normal; overflow-wrap: anywhere; } .sgc-catalog, .sgc-catalog * { box-sizing: border-box; } .sgc-catalog { max-width: 1160px; margin: 0 auto; } .sgc-tab-buttons { position: relative; z-index: 3; gap: 10px !important; margin-bottom: -1px !important; } .sgc-tab { min-width: 150px; border-radius: 8px 8px 0 0 !important; background: linear-gradient(180deg, #233e60 0%, #172c48 100%) !important; box-shadow: 0 10px 24px rgba(10, 26, 48, .14); letter-spacing: .02em; min-height: 50px; } .sgc-tab.is-active { background: linear-gradient(180deg, #f12645 0%, #e21031 100%) !important; box-shadow: 0 12px 28px rgba(237, 24, 56, .28); } .sgc-panel { position: relative; overflow: hidden; border-radius: 13px !important; padding: 20px !important; background: radial-gradient(circle at 8% 0%, rgba(237, 24, 56, .18), transparent 32%), linear-gradient(135deg, rgba(13, 31, 53, .98) 0%, rgba(25, 49, 78, .96) 58%, rgba(11, 24, 43, .98) 100%) !important; border: 1px solid rgba(255, 255, 255, .08); box-shadow: 0 18px 45px rgba(12, 28, 52, .22) !important; } .sgc-panel:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, .08), transparent 36%, rgba(237, 24, 56, .08)); opacity: .7; } .sgc-search { position: relative; z-index: 1; } .sgc-search label { gap: 7px !important; font-size: 13px !important; letter-spacing: .01em; } .sgc-search select, .sgc-search input[type="text"] { min-height: 50px !important; background-color: #fff !important; outline: none !important; } .sgc-catalog--archive .sgc-panel { border-radius: 12px !important; } .sgc-supergumi-layout .products, .sgc-supergumi-layout .wd-products { gap: 14px !important; } .sgc-sg-card { border: 1px solid #e6ecf4 !important; border-radius: 14px !important; background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important; box-shadow: 0 10px 30px rgba(17, 38, 68, .08) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; overflow: hidden !important; } .sgc-sg-card:hover { transform: translateY(-2px); border-color: #d7e1ee !important; box-shadow: 0 16px 42px rgba(17, 38, 68, .13) !important; } .sgc-sg-media { background: radial-gradient(circle at 50% 46%, #f5f7fb 0%, #fff 65%) !important; border-radius: 12px !important; } .sgc-sg-title { color: #162d4b !important; letter-spacing: -.02em; } .sgc-sg-title:hover { color: #ed1838 !important; } .sgc-sg-sub { color: #6b7687 !important; font-weight: 700 !important; } .sgc-sg-tags span, .sgc-sg-tags .sgc-sg-dot, .sgc-sg-symbol { border-radius: 999px !important; border: 1px solid #e0e7f0 !important; background: #f5f8fc !important; color: #213653 !important; } .sgc-sg-tags .sgc-sg-dot { border: 0 !important; color: #fff !important; } .sgc-sg-symbol { background: #eef4fb !important; } .sgc-sg-eu { background: #f7f9fc; border: 1px solid #e6edf5; border-radius: 12px; padding: 10px 8px; } .sgc-sg-card--wheel .sgc-sg-eu.sgc-sg-wheel-spacer { background: transparent !important; border: 0 !important; } .sgc-sg-buy { align-items: stretch !important; padding: 12px !important; border-radius: 12px !important; background: #122946 !important; } .sgc-sg-price, .sgc-sg-price .amount { color: #fff !important; text-align: center !important; } .sgc-sg-price del, .sgc-sg-price del .amount { color: rgba(255, 255, 255, .65) !important; } .sgc-sg-buy .button, .sgc-sg-buy .add_to_cart_button { width: 100% !important; border-radius: 9px !important; background: linear-gradient(180deg, #f12645 0%, #e21031 100%) !important; box-shadow: 0 10px 20px rgba(237, 24, 56, .22) !important; } .sgc-sg-footer { background: #f7f9fc !important; border-top: 1px solid #e8eef6 !important; } .sgc-sg-foot-item { color: #59687c !important; font-weight: 800 !important; } .sgc-sg-foot-item.is-available, .sgc-sg-foot-item.is-in, .sgc-sg-foot-item.is-fast { color: #169b2f !important; } .single-product .summary, .woocommerce div.product .summary { border-radius: 18px; } @media (max-width:900px) { .sgc-tab { min-width: 0; } } @media (max-width:640px) { .sgc-panel { padding: 14px !important; } } .sgc-tyre-mode-panel { display: none; } .sgc-tyre-mode-panel.is-active { display: block; } .sgc-search label { display: flex; flex-direction: column; gap: 8px; } .sgc-search select, .sgc-search input[type="text"] { min-height: 46px; padding: 0 14px; } .sgc-archive-search-wrap .sgc-search, .sgc-search { padding: 20px; } .sgc-sport-results { margin: 24px 0 8px; display: flex; flex-direction: column; gap: 18px; } .sgc-sport-results__head { color: #fff; } .sgc-sport-results__head h2 { font-size: 28px; } .sgc-sport-results__head p { margin: 0; color: rgba(255, 255, 255, .82); } .sgc-sport-card { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 24px; } .sgc-sport-card__media { display: flex; flex-direction: column; align-items: center; justify-content: center; } .sgc-sport-card__image img { width: 100%; height: auto; object-fit: contain; } .sgc-sport-card__top { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 16px; } .sgc-sport-card__title { margin: 0 0 6px; font-size: 30px; line-height: 1.15; } .sgc-sport-card__subtitle { color: #657890; font-weight: 700; } .sgc-sport-card__total { text-align: right; } .sgc-sport-card__total span, .sgc-sport-card__total small { display: block; color: #6a7b92; } .sgc-sport-card__total strong { display: block; line-height: 1.1; } .sgc-sport-card__sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sgc-sport-side { padding: 18px; display: flex; flex-direction: column; gap: 12px; } .sgc-sport-side__size { display: inline-flex; align-self: flex-start; padding: 8px 12px; font-weight: 800; } .sgc-sport-side__meta { display: flex; flex-direction: column; gap: 6px; color: #495c74; } .sgc-sport-side__price { color: #25344a; font-size: 16px; } .sgc-sport-side__price strong { font-size: 24px; color: #10223a; } @media (max-width:1100px) { .sgc-sport-card { grid-template-columns: 1fr; } } @media (max-width:767px) { .sgc-sport-card__sides { grid-template-columns: 1fr; } .sgc-sport-card__top { flex-direction: column; } .sgc-sport-card__total { text-align: left; } } .sgc-search label, .sgc-archive-search-wrap .sgc-search label { color: #10223a !important; opacity: 1 !important; text-shadow: none !important; } .sgc-search select, .sgc-search input[type="text"] { font-weight: 800 !important; } .sgc-search select::placeholder, .sgc-search input::placeholder { color: #52637a !important; } .sgc-sport-results__head p { display: none !important; } .sgc-sport-card__total .sgc-sport-package-add, .sgc-sport-package-add.button, a.sgc-sport-package-add { display: inline-flex !important; align-items: center; justify-content: center; margin-top: 12px !important; width: 100%; min-height: 46px; border-radius: 14px !important; background: #ef3340 !important; border: 0 !important; color: #fff !important; font-weight: 900 !important; text-transform: uppercase; font-size: 14px; box-shadow: 0 12px 24px rgba(239, 51, 64, .22); } .sgc-sport-card__total .sgc-sport-package-add:hover { filter: brightness(1.04); transform: translateY(-1px); } .sgc-sport-results__head { padding: 18px 22px !important; } .sgc-sport-results__head h2 { margin: 0 !important; } .sgc-archive-search-wrap .sgc-search, .sgc-search { color: #ffffff !important; } .sgc-search label { font-weight: 800 !important; } .sgc-search select:focus, .sgc-search input[type="text"]:focus { border-color: #ed1838 !important; box-shadow: 0 0 0 3px rgba(237, 24, 56, .22), 0 8px 20px rgba(0, 0, 0, .14) !important; outline: 0 !important; } .sgc-sport-card { border-color: #d4dfed !important; } .sgc-sport-side { border-color: #ccd8e8 !important; } .sgc-dot, .sgc-sg-dot, .sgc-info-badge.sgc-dot { font-weight: 900 !important; border: 1px solid currentColor !important; } .sgc-dot--new, .sgc-sg-dot.sgc-dot--new, .sgc-info-badge.sgc-dot--new { background: #e8f8ef !important; color: #148445 !important; } .sgc-dot--old, .sgc-sg-dot.sgc-dot--old, .sgc-info-badge.sgc-dot--old { background: #fff4e0 !important; color: #b15c00 !important; } .sgc-archive-search-wrap .sgc-search, .sgc-search { background: linear-gradient(180deg, rgba(18, 38, 64, .96) 0%, rgba(22, 45, 74, .96) 100%) !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 12px 30px rgba(10, 20, 35, .16) !important; } .sgc-search label { color: #d5deea !important; } .sgc-search select, .sgc-search input[type="text"] { border: 0 !important; border-radius: 6px !important; background: #fff !important; color: #1b2b44 !important; box-shadow: inset 0 0 0 1px rgba(8, 22, 40, .06) !important; } .sgc-sport-results__head { background: #17304f !important; border-radius: 10px !important; box-shadow: 0 8px 24px rgba(20, 40, 70, .08) !important; } .sgc-sport-results__head h2 { color: #fff !important; } .sgc-sport-card { background: #fff !important; border: 1px solid #e2e7ef !important; border-radius: 10px !important; box-shadow: 0 8px 24px rgba(20, 40, 70, .06) !important; } .sgc-sport-card__title { color: #17304f !important; } .sgc-sport-card__subtitle, .sgc-sport-card__total span, .sgc-sport-card__total small { color: #718096 !important; } .sgc-sport-side { background: #f5f7fb !important; border: 1px solid #e7ecf3 !important; border-radius: 8px !important; } .sgc-sport-side__size { background: #ffe9ed !important; color: #ed1838 !important; border-radius: 8px !important; } .sgc-sport-side__meta, .sgc-sport-side__meta span { color: #122945 !important; } .sgc-sport-card__total { min-width: 205px !important; } .sgc-sport-card__total strong, .sgc-sport-card__total strong .amount, .sgc-sport-card__total strong bdi, .sgc-sport-side__price strong, .sgc-sport-side__price strong .amount, .sgc-sport-side__price strong bdi { white-space: nowrap !important; } .sgc-sport-card__total strong .woocommerce-Price-currencySymbol, .sgc-sport-side__price strong .woocommerce-Price-currencySymbol { white-space: nowrap !important; } .sgc-sport-card__total strong { color: #6baa2a !important; font-size: 32px !important; letter-spacing: -.02em !important; } .sgc-sport-dot { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 2px 8px; border-radius: 999px; font-size: 13px; font-weight: 900; line-height: 1; vertical-align: middle; } @media (max-width:767px) { .sgc-sport-card__total { min-width: 0 !important; width: 100%; } .sgc-sport-card__total strong { font-size: 28px !important; } } .sgc-nowrap-price, .sgc-nowrap-price .amount, .sgc-nowrap-price bdi, .sgc-sport-card__total strong .amount, .sgc-sport-card__total strong bdi, .sgc-sport-side__price strong .amount, .sgc-sport-side__price strong bdi { display: inline-flex !important; align-items: baseline !important; gap: .12em !important; white-space: nowrap !important; word-break: keep-all !important; } .sgc-sport-card__total strong { white-space: nowrap !important; min-width: max-content !important; } .sgc-sport-card__total .woocommerce-Price-currencySymbol, .sgc-sport-side__price .woocommerce-Price-currencySymbol { display: inline-block !important; white-space: nowrap !important; } body .sgc-search label{ opacity: 1 !important; text-shadow: none !important; } body .sgc-search select, body .sgc-search input[type="text"] { -webkit-text-fill-color: #142743 !important; } .sgc-sg-tags .sgc-sg-dot, .sgc-sport-dot { border: 0 !important; color: #fff !important; font-weight: 900 !important; }   .sgc-sport-card__media { gap: 10px !important; } .sgc-sport-card__image-wrap { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; } .sgc-sport-card__image { width: 100%; display: flex; align-items: center; justify-content: center; min-height: 170px; } .sgc-sport-card__image img { max-width: 180px; }  .sgc-sport-card__brand-logo { display: flex; align-items: center; justify-content: center; min-height: 34px; } .sgc-sport-brand-logo-img { max-width: 140px; max-height: 34px; width: auto; height: auto; object-fit: contain; } .sgc-sport-card__brand { font-weight: 800; color: #11243d; text-transform: uppercase; letter-spacing: .04em; } .sgc-sport-side__dot-row { display: flex !important; align-items: center; gap: 8px; flex-wrap: wrap; } .sgc-sport-eu-inline { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } .sgc-sport-eu-item { display: inline-flex; align-items: center; gap: 4px; } .sgc-sport-eu-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; color: #59687c; } .sgc-sport-eu-svg { width: 18px; height: 18px; display: block; } .sgc-sport-grade, .sgc-sport-noise { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px; padding: 0 7px; border-radius: 6px; background: #eef3f8; color: #122945; font-size: 12px; font-weight: 800; line-height: 1; } .sgc-sport-grade--a { background: #39b54a; color: #fff; } .sgc-sport-grade--b { background: #74c044; color: #fff; } .sgc-sport-grade--c { background: #a8cf3a; color: #122945; } .sgc-sport-grade--d { background: #d7cf34; color: #122945; } .sgc-sport-grade--e { background: #efb631; color: #122945; } .sgc-sport-grade--f { background: #ea8a2b; color: #fff; } .sgc-sport-grade--g { background: #df4d38; color: #fff; }  body .sgc-catalog .sgc-tab, body .sgc-catalog .sgc-tab:visited, body .sgc-catalog .sgc-tab:hover, body .sgc-catalog .sgc-tab:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .18) !important; } /* SuperGumi Catalog split CSS: 04-legacy-search-tabs.css Starts around original public.css line 1866; complete top-level CSS blocks are preserved. Legacy search/tabs UI overrides. */ body .sgc-catalog .sgc-tab:not(.is-active) { background: linear-gradient(180deg, #24446b 0%, #173154 100%) !important; border: 1px solid rgba(255, 255, 255, .10) !important; opacity: 1 !important; } body .sgc-catalog .sgc-tab.is-active { -webkit-text-fill-color: #ffffff !important; } body .sgc-panel > .sgc-search, body .sgc-panel .sgc-tyre-mode-panel > .sgc-search, body .sgc-panel .sgc-wheel-search, body .sgc-panel .sgc-vehicle-search { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; } body .sgc-panel .sgc-search label{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } body .sgc-panel .sgc-search select, body .sgc-panel .sgc-search input[type="text"] { background: #ffffff !important; color: #132743 !important; -webkit-text-fill-color: #132743 !important; border-color: rgba(216, 226, 240, .92) !important; } body .sgc-panel .sgc-search select:disabled, body .sgc-panel .sgc-search input[type="text"]:disabled { background: #edf3fa !important; color: #344761 !important; -webkit-text-fill-color: #344761 !important; opacity: 1 !important; } body .sgc-catalog--archive .sgc-tab-buttons, body .sgc-catalog--compact .sgc-tab-buttons { gap: 8px !important; align-items: end !important; } body .sgc-catalog--archive .sgc-panel, body .sgc-catalog--compact .sgc-panel { overflow: visible !important; } @media (max-width:1024px) { body .sgc-catalog { max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; } } @media (max-width:767px) { body .sgc-catalog { padding-left: 10px !important; padding-right: 10px !important; } body .sgc-tab-buttons, body .sgc-catalog--archive .sgc-tab-buttons, body .sgc-catalog--compact .sgc-tab-buttons { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; margin: 0 0 -1px !important; width: 100% !important; } body .sgc-catalog .sgc-tab { width: 100% !important; min-width: 0 !important; border-radius: 9px 9px 0 0 !important; line-height: 1.15 !important; white-space: normal !important; text-align: center !important; } body .sgc-panel { padding: 14px !important; border-radius: 0 0 14px 14px !important; } body .sgc-panel .sgc-search label { font-size: 12px !important; gap: 6px !important; } body .sgc-panel .sgc-search select, body .sgc-panel .sgc-search input[type="text"] { min-height: 46px !important; font-size: 15px !important; } } @media (max-width:420px) { body .sgc-catalog .sgc-tab { font-size: 11px !important; padding-left: 4px !important; padding-right: 4px !important; } } .sgc-vehicle-fitment-box .sgc-axle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 8px; } .sgc-vehicle-fitment-box .sgc-axle-item { background: rgba(255, 255, 255, .55); border: 1px solid rgba(77, 132, 223, .16); border-radius: 7px; padding: 9px 10px; } .sgc-vehicle-fitment-box .sgc-axle-item span { color: #6e7d92; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 5px; } .sgc-vehicle-fitment-box .sgc-axle-item strong { font-size: 17px; line-height: 1.15; margin-bottom: 0; overflow-wrap: anywhere; } @media (max-width:760px) { .sgc-vehicle-fitment-box .sgc-axle-list { grid-template-columns: 1fr; gap: 8px; } .sgc-vehicle-fitment-box .sgc-axle-item { padding: 8px 9px; } } .sgc-wheel-mode-panel { display: none; } .sgc-wheel-mode-panel.is-active { display: block; } .sgc-wheel-sport-results .sgc-sport-card__subtitle { color: #718096; } .sgc-tyre-search, .sgc-wheel-search { column-gap: 28px !important; row-gap: 18px !important; } .sgc-tyre-search .sgc-tyre-mode-panel, .sgc-wheel-search .sgc-wheel-mode-panel { min-width: 0 !important; } @media (max-width:1100px) { .sgc-tyre-search, .sgc-wheel-search { grid-template-columns: 220px minmax(0, 1fr) !important; column-gap: 18px !important; } } @media (max-width:900px) { .sgc-tyre-search, .sgc-wheel-search { display: block !important; } } .sgc-sport-card, .sgc-sport-card__top, .sgc-sport-card__media, .sgc-sport-card__sides, .sgc-sport-card__total, .sgc-sport-card__brand, .sgc-sg-card, .sgc-sg-content, ul.products li.product { overflow: visible !important; } .gm-tooltip::after, .sgc-sg-card .gm-tooltip::after { box-sizing: border-box !important; width: auto !important; min-width: 160px !important; max-width: min(320px, calc(100vw - 32px)) !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; text-align: left !important; line-height: 1.35 !important; } .gm-tooltip:hover::after, .gm-tooltip:focus::after, .sgc-sg-card .gm-tooltip:hover::after, .sgc-sg-card .gm-tooltip:focus::after { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 99999 !important; } .sgc-product-info .sgc-info-badge.sgc-symbol { position: relative !important; } @media (max-width:767px) { .gm-tooltip:hover::after, .gm-tooltip:focus::after, .sgc-sg-card .gm-tooltip:hover::after, .sgc-sg-card .gm-tooltip:focus::after { left: 50% !important; right: auto !important; bottom: calc(100% + 8px) !important; transform: translateX(-50%) !important; max-width: calc(100vw - 28px) !important; min-width: 190px !important; padding: 9px 11px !important; font-size: 11.5px !important; } .sgc-product-info, .sgc-product-info__row, .sgc-sport-card__top { overflow: visible !important; } } .woocommerce #reviews .comment-text .sgc-review-source, .sgc-review-source { display: inline-flex !important; align-items: center !important; gap: 4px !important; flex-wrap: wrap !important; margin: 10px 0 0 !important; padding: 6px 10px !important; border: 1px solid #dfe8f3 !important; border-radius: 999px !important; background: #f5f8fc !important; color: #4d6179 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 700 !important; } .woocommerce #reviews .comment-text .sgc-review-source span, .sgc-review-source span { color: #77879a !important; font-weight: 800 !important; } .woocommerce #reviews .comment-text .sgc-review-source a, .sgc-review-source a { color: #173a63 !important; font-weight: 900 !important; text-decoration: none !important; } .woocommerce #reviews .comment-text .sgc-review-source a:hover, .sgc-review-source a:hover { text-decoration: underline !important; } @media (max-width:480px) { .woocommerce #reviews .comment-text .sgc-review-source, .sgc-review-source { width: 100% !important; border-radius: 12px !important; font-size: 11.5px !important; } }  .sgc-size-help-example { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 14px 0 16px; padding: 14px; border-radius: 16px; background: #f2f6fb; color: #10223a; font-size: 28px; line-height: 1; } .sgc-size-help-example strong { font-weight: 950; } @media (max-width:768px) { .sgc-size-help-example { font-size: 24px; } } .sgc-tyre-search, .sgc-wheel-search { display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "fields" "actions" !important; gap: 16px !important; align-items: stretch !important; } .sgc-tyre-search .sgc-tyre-mode-panel, .sgc-wheel-search .sgc-wheel-mode-panel { grid-area: fields !important; width: 100% !important; } .sgc-tyre-mode-panel[data-sgc-tyre-mode-panel="sport"], .sgc-wheel-mode-panel[data-sgc-wheel-mode-panel="sport"] { margin-top: 0 !important; } @media (max-width:640px) { .sgc-tyre-search, .sgc-wheel-search { gap: 12px !important; } } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-panel { padding: 18px !important; border-radius: 14px !important; } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-tab-buttons { margin-bottom: 0 !important; } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-tab { min-height: 42px !important; padding: 10px 24px !important; border-radius: 10px 10px 0 0 !important; } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-tyre-mode-panel, .sgc-archive-search-wrap .sgc-catalog--archive .sgc-wheel-mode-panel { grid-area: fields !important; } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-search label { gap: 4px !important; font-size: 12px !important; } .sgc-archive-search-wrap .sgc-catalog--archive .sgc-search select, .sgc-archive-search-wrap .sgc-catalog--archive .sgc-search input[type="text"] { min-height: 42px !important; height: 42px !important; padding: 8px 12px !important; font-size: 14px !important; border-radius: 8px !important; } @media (max-width:640px) { .sgc-archive-search-wrap .sgc-catalog--archive .sgc-panel { padding: 14px !important; } } .sgc-archive-search-wrap .sgc-catalog { max-width: 1040px !important; margin-left: auto !important; margin-right: auto !important; } .sgc-archive-search-wrap .sgc-panel { padding: 0 !important; } .sgc-archive-search-wrap .sgc-catalog, .sgc-archive-search-wrap .sgc-search { max-width: 1180px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .sgc-archive-search-wrap .sgc-panel, .sgc-archive-search-wrap .sgc-catalog--archive .sgc-panel { padding: 18px 22px !important; border-radius: 8px !important; overflow: visible !important; } .sgc-archive-search-wrap .sgc-tab-buttons, .sgc-archive-search-wrap .sgc-catalog--archive .sgc-tab-buttons { justify-content: center !important; margin-bottom: 8px !important; } .sgc-archive-search-wrap .sgc-tab, .sgc-archive-search-wrap .sgc-catalog--archive .sgc-tab { padding: 14px 32px !important; font-size: 15px !important; } .sgc-archive-search-wrap .sgc-search select, .sgc-archive-search-wrap .sgc-search input[type="text"] { min-height: 44px !important; } :root { --sgc-red: #ee1d3f; --sgc-red-dark: #d71134; --sgc-navy: #0f2747; --sgc-navy-2: #15335d; --sgc-panel: #ffffff; --sgc-border: #d7e0ec; --sgc-text: #17324d; --sgc-muted: #677b92; --sgc-shadow: 0 18px 45px rgba(10, 27, 50, .14); --sgc-radius-xl: 24px; --sgc-radius-lg: 18px; --sgc-radius-md: 14px; --sgc-radius-sm: 12px; } body .sgc-catalog, body .sgc-search, body .sgc-catalog * { box-sizing: border-box; } body .sgc-catalog { border-radius: 0; } body .sgc-catalog .sgc-tab { appearance: none; } body .sgc-archive-search-wrap .sgc-tab-buttons { width: min(100%, 1040px); margin: 0 0 -1px; }  :root { --sgc-premium-red: #ed1838; --sgc-premium-red-2: #ff3150; --sgc-premium-navy: #0b2748; --sgc-premium-navy-2: #123a64; --sgc-premium-text: #102b4c; --sgc-premium-muted: #61748c; --sgc-premium-line: #dfe7f1; --sgc-premium-bg: #ffffff; --sgc-premium-soft: #f5f8fc; --sgc-premium-shadow: 0 22px 60px rgba(6, 26, 52, .18); } body .sgc-catalog { margin-left: auto !important; margin-right: auto !important; padding: 0 !important; } body .sgc-catalog .sgc-tab-buttons { width: min(100%, 760px) !important; margin: 0 auto -1px !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; position: relative !important; z-index: 5 !important; } body .sgc-catalog .sgc-tab { border-bottom: 0 !important; line-height: 1 !important; box-shadow: none !important; } body .sgc-catalog .sgc-tab:first-child { border-radius: 18px 0 0 0 !important; } body .sgc-catalog .sgc-tab:last-child { border-radius: 0 18px 0 0 !important; } body .sgc-catalog .sgc-tab.is-active { color: #fff !important; } body .sgc-catalog .sgc-tab:before { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, .45) !important; font-size: 17px !important; line-height: 1 !important; opacity: .98 !important; } body .sgc-catalog .sgc-tab[data-sgc-tab="tyres"]:before { content: "◉" !important; } body .sgc-catalog .sgc-tab[data-sgc-tab="wheels"]:before { content: "✺" !important; } body .sgc-catalog .sgc-tab[data-sgc-tab="cars"]:before { content: "▰" !important; } body .sgc-panel > .sgc-search, body .sgc-panel .sgc-vehicle-search { position: relative !important; background: #fff !important; border: 1px solid rgba(223, 231, 241, .95) !important; border-radius: 0 20px 20px 20px !important; box-shadow: var(--sgc-premium-shadow) !important; padding: 28px 28px 26px !important; overflow: visible !important; } body .sgc-panel > .sgc-search:before, body .sgc-panel .sgc-vehicle-search:before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0)) !important; } body .sgc-search label { letter-spacing: .01em !important; } body .sgc-search select, body .sgc-search input[type="text"] { appearance: none !important; } body .sgc-search select { background-image: linear-gradient(45deg, transparent 50%, #60748b 50%), linear-gradient(135deg, #60748b 50%, transparent 50%) !important; background-position: calc(100% - 19px) 52%, calc(100% - 13px) 52% !important; background-size: 6px 6px, 6px 6px !important; background-repeat: no-repeat !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab-buttons { width: min(100%, 780px) !important; margin: 0 0 -1px 0 !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab { border-radius: 0 !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab:first-child { border-radius: 14px 0 0 0 !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab:last-child { border-radius: 0 14px 0 0 !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab:before { width: 26px !important; height: 26px !important; font-size: 13px !important; } body .sgc-archive-search-wrap .sgc-panel > .sgc-search, body .sgc-archive-search-wrap .sgc-panel .sgc-vehicle-search { border-radius: 0 16px 16px 16px !important; padding: 20px !important; box-shadow: 0 16px 38px rgba(7, 27, 54, .10) !important; } body .sgc-archive-search-wrap .sgc-search label { gap: 7px !important; } body .sgc-archive-search-wrap .sgc-search select, body .sgc-archive-search-wrap .sgc-search input[type="text"] { border-radius: 11px !important; padding-left: 14px !important; } @media (max-width:767px) { body .sgc-catalog .sgc-tab-buttons { width: 100% !important; } body .sgc-catalog .sgc-tab:before { display: none !important; } body .sgc-panel > .sgc-search, body .sgc-panel .sgc-vehicle-search, body .sgc-archive-search-wrap .sgc-panel > .sgc-search, body .sgc-archive-search-wrap .sgc-panel .sgc-vehicle-search { padding: 16px !important; } } body .sgc-catalog, body .sgc-search, body .sgc-search * { box-sizing: border-box; } body .sgc-catalog { width: min(100%, 980px) !important; margin: 0 auto !important; background: transparent !important; border: none !important; box-shadow: none !important; } body .sgc-tab-buttons { width: 100% !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; margin: 0 !important; position: relative !important; z-index: 4 !important; } body .sgc-catalog .sgc-tab { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; padding: 14px 16px !important; border: none !important; border-radius: 0 !important; background: linear-gradient(180deg, #0d2b52 0%, #092446 100%) !important; color: #fff !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .01em !important; } body .sgc-catalog .sgc-tab:first-child { border-top-left-radius: 18px !important; } body .sgc-catalog .sgc-tab:last-child { border-top-right-radius: 18px !important; } body .sgc-catalog .sgc-tab.is-active { background: linear-gradient(180deg, #ff3d5f 0%, #ef1b3d 100%) !important; } body .sgc-panel { display: none !important; } body .sgc-panel.is-active { display: block !important; } body .sgc-search, body .sgc-vehicle-search { background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } body .sgc-search label{ color: #5d6574 !important; } body .sgc-search label { flex-direction: column !important; gap: 8px !important; font-weight: 700 !important; } body .sgc-search select, body .sgc-search input[type="text"] { background: #fff !important; } body .sgc-search select:focus, body .sgc-search input[type="text"]:focus { border-color: #c5ccd8 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(239, 27, 61, .08) !important; } body .sgc-tyre-mode-panel, body .sgc-wheel-mode-panel { display: none !important; } body .sgc-tyre-mode-panel.is-active, body .sgc-wheel-mode-panel.is-active { display: block !important; } body .sgc-archive-search-wrap .sgc-catalog { width: 100% !important; } body .sgc-archive-search-wrap .sgc-tab-buttons { max-width: 680px !important; } body .sgc-archive-search-wrap .sgc-catalog .sgc-tab { min-height: 56px !important; font-size: 16px !important; padding: 12px 12px !important; } body .sgc-archive-search-wrap .sgc-search select, body .sgc-archive-search-wrap .sgc-search input[type="text"] { min-height: 40px !important; font-size: 14px !important; } body .sgc-archive-search-wrap .sgc-search label { font-size: 13px !important; } @media (max-width:767px) { body .sgc-catalog .sgc-tab { font-size: 14px !important; min-height: 50px !important; padding: 10px 8px !important; gap: 8px !important; } } body .sgc-catalog .sgc-tab::before, body .sgc-catalog .sgc-tab::after { content: none !important; display: none !important; } body .sgc-catalog { max-width: 980px !important; overflow: visible !important; } body .sgc-panel, body .sgc-search, body .sgc-tyre-mode-panel, body .sgc-wheel-mode-panel { min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; } body .sgc-panel > .sgc-search, body .sgc-panel .sgc-search, body .sgc-panel .sgc-vehicle-search { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .sgc-search label { display: block !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.2 !important; color: #34445b !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; } body .sgc-search select, body .sgc-search input[type="text"] { display: block !important; width: 100% !important; min-height: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 9px !important; border: 1px solid #dbe2ea !important; background-color: #fff !important; color: #1f314b !important; font-size: 15px !important; font-weight: 700 !important; line-height: 42px !important; opacity: 1 !important; box-shadow: none !important; } body .sgc-catalog .sgc-tab { min-height: 58px !important; height: 58px !important; font-size: 18px !important; } body .sgc-archive-search-wrap .sgc-catalog { max-width: 100% !important; } /* SuperGumi Catalog split CSS: 05-sgx-search-ui.css Starts around original public.css line 2626; complete top-level CSS blocks are preserved. SGX search UI, home search, popular chips, tooltips. */ body .sgx-search-ui { margin: 0 auto !important; position: relative !important; z-index: 5 !important; } body .sgx-search-ui .sgx-tabs { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; } body .sgx-search-ui .sgx-tab { appearance: none !important; border: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; text-transform: uppercase !important; } body .sgx-tab__icon { display: inline-block !important; position: relative !important; } body .sgx-tab__icon::before, body .sgx-tab__icon::after { position: absolute; inset: auto; } body .sgx-tab__icon--tyres { border: 2px solid rgba(255, 255, 255, .8) !important; } body .sgx-tab__icon--tyres::before { left: 5px; right: 5px; top: 5px; bottom: 5px; border: 2px solid rgba(255, 255, 255, .7); border-radius: 50%; } body .sgx-tab__icon--wheels { border: 2px solid rgba(255, 255, 255, .8) !important; } body .sgx-tab__icon--wheels::before { left: 9px; top: 2px; bottom: 2px; width: 2px; background: rgba(255, 255, 255, .75); } body .sgx-tab__icon--wheels::after { top: 9px; left: 2px; right: 2px; height: 2px; background: rgba(255, 255, 255, .75); } body .sgx-tab__icon--cars { border: 2px solid rgba(255, 255, 255, .8) !important; border-radius: 5px !important; } body .sgx-tab__icon--cars::before { left: 4px; right: 4px; bottom: -6px; height: 2px; background: rgba(255, 255, 255, .8); } body .sgx-search-ui .sgx-panel { display: none !important; } body .sgx-search-ui .sgx-panel.is-active { display: block !important; } body .sgx-search-shell { width: 100% !important; } body .sgx-form { margin: 0 !important; } body .sgx-grid { display: grid !important; align-items: end !important; } body .sgx-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body .sgx-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body .sgx-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body .sgx-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } body .sgx-field { min-width: 0 !important; } body .sgx-field__label { display: block !important; margin: 0 0 8px !important; } body .sgx-field select, body .sgx-field input[type="text"], body .sgx-field .sgc-vehicle-select { display: block !important; width: 100% !important; box-shadow: none !important; opacity: 1 !important; } body .sgx-field select:focus, body .sgx-field input[type="text"]:focus { outline: none !important; border-color: #bdc7d4 !important; box-shadow: 0 0 0 3px rgba(240, 25, 67, .10) !important; } body .sgx-field select:disabled, body .sgx-field .sgc-vehicle-select:disabled { background: #f3f5f8 !important; color: #99a3b1 !important; } body .sgx-mode-panel { display: none !important; } body .sgx-mode-panel.is-active { display: block !important; } body .sgx-sport-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } body .sgx-sport-card { padding: 16px !important; border: 1px solid #edf1f5 !important; border-radius: 14px !important; background: #fafbfd !important; } body .sgx-sport-card__title { margin: 0 0 12px !important; color: #203451 !important; font-size: 15px !important; font-weight: 900 !important; text-transform: uppercase !important; } body .sgx-sport-meta { margin-top: 16px !important; } body .sgx-check { display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; line-height: 1.2 !important; } body .sgx-submit { appearance: none !important; border: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; color: #fff !important; text-transform: uppercase !important; } body .sgx-submit__icon { display: inline-block !important; border: 2px solid rgba(255, 255, 255, .95) !important; border-radius: 50% !important; position: relative !important; } body .sgx-submit__icon::after { content: ""; position: absolute; right: -5px; bottom: -4px; width: 7px; height: 2px; background: rgba(255, 255, 255, .95); transform: rotate(45deg); border-radius: 2px; } body .sgx-popular__title { margin: 0 0 12px !important; text-transform: uppercase !important; letter-spacing: .02em !important; } body .sgx-popular__list { display: flex !important; flex-wrap: wrap !important; } body .sgx-chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; text-decoration: none !important; opacity: 1 !important; } body .sgx-vehicle-hint { margin-top: 16px !important; color: #576578 !important; font-size: 14px !important; font-weight: 600 !important; } body .sgc-vehicle-results { margin-top: 16px !important; } @media (max-width:1100px) { body .sgx-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body .sgx-grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body .sgx-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body .sgx-toolbar { flex-direction: column !important; align-items: flex-start !important; } } @media (max-width:767px) { body .sgx-search-ui .sgx-tabs { max-width: none !important; } body .sgx-search-ui .sgx-tab { padding: 0 8px !important; gap: 8px !important; } body .sgx-tab__text { font-size: 14px !important; } body .sgx-card { border-width: 10px !important; } body .sgx-grid--2, body .sgx-grid--3, body .sgx-grid--4, body .sgx-grid--5, body .sgx-grid--6, body .sgx-sport-grid { grid-template-columns: 1fr !important; } body .sgx-submit { width: 100% !important; min-width: 0 !important; } body .sgx-toolbar__right { width: 100% !important; gap: 14px !important; } } body .sgx-search-ui .sgx-tab { background: linear-gradient(180deg, #0f3058 0%, #0a2341 100%) !important; } body .sgx-search-ui .sgx-tab.is-active { background: linear-gradient(180deg, #ff3b61 0%, #f32048 100%) !important; } body .sgx-tab__icon, body .sgx-tab__icon--cars, body .sgx-tab__icon--wheels, body .sgx-tab__icon--tyres { opacity: .95 !important; } body .sgx-card { border: 0 !important; background: #ffffff !important; } body .sgx-search-shell, body .sgx-form, body .sgx-form--tyres, body .sgx-form--wheels, body .sgx-form--cars { background: transparent !important; } body .sgx-field__label { margin-bottom: 7px !important; } body .sgx-field select, body .sgx-field input[type="text"], body .sgx-field .sgc-vehicle-select { border: 1px solid #d8dee8 !important; border-radius: 9px !important; padding: 0 12px !important; background: #fff !important; } body .sgx-field select option { color: #27384f !important; } body .sgx-toolbar { padding-top: 0 !important; justify-content: space-between !important; } body .sgx-check { color: #49586d !important; font-size: 14px !important; font-weight: 600 !important; } body .sgx-check span { color: #49586d !important; opacity: 1 !important; } body .sgx-submit { padding: 0 20px !important; background: linear-gradient(180deg, #ff355e 0%, #f31c45 100%) !important; box-shadow: none !important; } body .sgx-submit__icon { width: 16px !important; height: 16px !important; } body .sgx-popular { border-top: 1px solid #e7ebf2 !important; } body .sgx-popular__title { margin-bottom: 10px !important; } body .sgx-popular__list { gap: 8px !important; } body .sgx-chip { background: #f7f9fc !important; border: 1px solid #dde4ee !important; } body .sgx-chip:hover, body .sgx-chip.is-active { color: #f31c45 !important; background: #fff3f6 !important; border-color: #f4c1cc !important; } body .sgx-chip--more { padding-right: 14px !important; } body .sgx-search-ui .sgc-panel, body .sgx-search-ui .sgx-panel { background: transparent !important; border: 0 !important; box-shadow: none !important; } body .sgx-search-ui .sgc-catalog, body .sgx-search-ui.sgc-catalog { background: transparent !important; border: 0 !important; box-shadow: none !important; } @media (max-width:1200px) { body .sgx-search-ui { max-width: 620px !important; } body .sgx-search-ui .sgx-tabs { max-width: 580px !important; } } @media (max-width:1024px) { body .sgx-search-ui, body .home .sgx-search-ui { max-width: 100% !important; top: 0 !important; } } @media (max-width:767px) { body .sgx-search-ui .sgx-tab { font-size: 13px !important; min-height: 48px !important; } body .sgx-card { padding: 14px !important; border-radius: 0 0 14px 14px !important; } body .sgx-toolbar, body .sgx-toolbar__right { gap: 12px !important; } } body .sgx-search-ui .sgx-tabs { overflow: hidden !important; } body .sgx-search-ui .sgx-tab { font-weight: 900 !important; letter-spacing: .01em !important; } body .sgx-tab__text { display: inline-block !important; color: #fff !important; opacity: 1 !important; text-shadow: none !important; white-space: nowrap !important; } body .sgx-card { box-shadow: 0 18px 42px rgba(12, 30, 58, .17) !important; } body .sgx-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } body .sgx-field__label { color: #4b586b !important; font-weight: 800 !important; line-height: 1.15 !important; } body .sgx-field select, body .sgx-field input[type="text"], body .sgx-field .sgc-vehicle-select { color: #192f4e !important; font-size: 14px !important; font-weight: 800 !important; border-color: #d5dce7 !important; } body .sgx-toolbar { display: grid !important; align-items: center !important; } body .sgx-toolbar__right { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } body .sgx-check, body .sgx-check:visited, body .sgx-check:hover, body .sgx-check:focus { color: #3e4d61 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; opacity: 1 !important; font-size: 14px !important; font-weight: 700 !important; min-height: 22px !important; padding: 0 !important; } body .sgx-check span, body .sgx-check--mode span, body .sgx-toolbar .sgx-check span { display: inline-block !important; color: #3e4d61 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; text-shadow: none !important; -webkit-text-fill-color: #3e4d61 !important; } body .sgx-check input[type="checkbox"] { display: inline-block !important; position: static !important; visibility: visible !important; opacity: 1 !important; appearance: auto !important; -webkit-appearance: auto !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 !important; vertical-align: middle !important; accent-color: #f31c45 !important; } body .sgx-submit { min-height: 42px !important; height: 42px !important; border-radius: 9px !important; font-size: 16px !important; font-weight: 900 !important; } body .sgx-popular { padding-top: 14px !important; } body .sgx-popular__title { color: #1d3453 !important; font-size: 13px !important; font-weight: 900 !important; } body .sgx-chip { min-height: 34px !important; padding: 0 14px !important; font-size: 13px !important; font-weight: 800 !important; color: #617084 !important; } @media (max-width:1250px) { body .sgx-search-ui { max-width: 720px !important; width: min(100%, 720px) !important; } body .sgx-search-ui .sgx-tabs { width: 650px !important; max-width: 100% !important; } } @media (max-width:1024px) { body .sgx-search-ui .sgx-tabs { margin-left: 0 !important; } } @media (max-width:900px) { body .sgx-toolbar { grid-template-columns: 1fr !important; } body .sgx-toolbar__right { flex-wrap: wrap !important; } } body .sgx-search-ui { max-width: 820px !important; width: min(100%, 820px) !important; } body .sgx-search-ui .sgx-tabs { width: 760px !important; max-width: 760px !important; margin: 0 auto -1px auto !important; border-radius: 18px 18px 0 0 !important; box-shadow: 0 10px 22px rgba(10, 28, 56, .10) !important; position: relative !important; z-index: 3 !important; } body .sgx-search-ui .sgx-panel, body .sgx-search-ui .sgc-panel { margin-top: 0 !important; padding-top: 0 !important; position: relative !important; top: 0 !important; } body .sgx-search-ui .sgx-tab { min-height: 56px !important; height: 56px !important; padding: 0 24px !important; gap: 12px !important; font-size: 17px !important; line-height: 1 !important; } body .sgx-tab__text { font-size: 17px !important; font-weight: 900 !important; letter-spacing: 0 !important; } body .sgx-tab__icon { width: 24px !important; height: 24px !important; min-width: 24px !important; flex: 0 0 24px !important; border: none !important; border-radius: 0 !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; } body .sgx-tab__icon::before, body .sgx-tab__icon::after { display: none !important; content: none !important; } body .sgx-tab__icon--tyres { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.96)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.25'/%3E%3Ccircle cx='12' cy='12' r='4.1'/%3E%3Cpath d='M12 3.75v3.9M12 16.35v3.9M3.75 12h3.9M16.35 12h3.9M6.2 6.2l2.7 2.7M15.1 15.1l2.7 2.7M17.8 6.2l-2.7 2.7M8.9 15.1l-2.7 2.7'/%3E%3C/svg%3E") !important; } body .sgx-tab__icon--wheels { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.96)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2.3'/%3E%3Cpath d='M12 3v6M12 15v6M3 12h6M15 12h6M5.6 5.6l4.2 4.2M14.2 14.2l4.2 4.2M18.4 5.6l-4.2 4.2M9.8 14.2l-4.2 4.2'/%3E%3C/svg%3E") !important; } body .sgx-tab__icon--cars { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.96)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16.5V10.8l2.2-3.8c.45-.78 1.29-1.27 2.2-1.27h5.2c.91 0 1.75.49 2.2 1.27L19 10.8v5.7'/%3E%3Cpath d='M3.8 11.2H20.2M6.6 16.5h10.8M6.6 18.7v1.2M17.4 18.7v1.2M7.7 8.4h8.6'/%3E%3Ccircle cx='7.1' cy='15.1' r='1' fill='rgba(255, 255, 255, 0.96)' stroke='none'/%3E%3Ccircle cx='16.9' cy='15.1' r='1' fill='rgba(255, 255, 255, 0.96)' stroke='none'/%3E%3C/svg%3E") !important; } body .sgx-card { padding: 18px 18px 18px !important; border-radius: 0 0 17px 17px !important; } body .sgx-grid { gap: 12px !important; } body .sgx-field__label { font-size: 13px !important; } body .sgx-field select, body .sgx-field input[type="text"], body .sgx-field .sgc-vehicle-select { min-height: 38px !important; height: 38px !important; line-height: 36px !important; } body .sgx-toolbar { margin-top: 14px !important; grid-template-columns: minmax(150px, 1fr) auto !important; gap: 14px !important; } body .sgx-toolbar__right { gap: 16px !important; } body .sgx-check, body .sgx-check span { font-size: 13px !important; font-weight: 800 !important; color: #42526a !important; } body .sgx-popular { margin-top: 12px !important; } body .sgx-submit { min-width: 190px !important; } @media (max-width:1280px) { body .sgx-search-ui { max-width: 780px !important; width: min(100%, 780px) !important; } body .sgx-search-ui .sgx-tabs { width: 720px !important; max-width: 100% !important; } } @media (max-width:1024px) { body .sgx-search-ui { max-width: 100% !important; width: 100% !important; } body .sgx-search-ui .sgx-tabs { width: 100% !important; max-width: 100% !important; } } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { border-radius: 20px 20px 0 0 !important; } body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { gap: 10px !important; } body .home .sgx-search-ui .sgx-tab:first-child, body .home .sgc-catalog.sgx-search-ui .sgx-tab:first-child { border-radius: 20px 0 0 0 !important; } body .home .sgx-search-ui .sgx-tab:last-child, body .home .sgc-catalog.sgx-search-ui .sgx-tab:last-child { border-radius: 0 20px 0 0 !important; } body .home .sgx-search-ui .sgx-check, body .home .sgx-search-ui .sgx-check span, body .home .sgc-catalog.sgx-search-ui .sgx-check, body .home .sgc-catalog.sgx-search-ui .sgx-check span { white-space: nowrap !important; } body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { padding: 0 18px !important; box-shadow: none !important; } body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { position: relative !important; top: 8px !important; } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { box-shadow: 0 10px 22px rgba(11, 28, 56, .08) !important; } body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { min-height: 54px !important; height: 54px !important; padding: 0 22px !important; font-size: 16px !important; background: linear-gradient(180deg, #143a67 0%, #0d2e57 100%) !important; } body .home .sgx-search-ui .sgx-tab.is-active, body .home .sgc-catalog.sgx-search-ui .sgx-tab.is-active { background: linear-gradient(180deg, #ff476c 0%, #f11d48 100%) !important; } body .home .sgx-search-ui .sgx-tab__text, body .home .sgc-catalog.sgx-search-ui .sgx-tab__text { font-size: 16px !important; font-weight: 800 !important; } body .home .sgx-search-ui .sgx-tab__icon, body .home .sgc-catalog.sgx-search-ui .sgx-tab__icon { width: 22px !important; height: 22px !important; min-width: 22px !important; flex: 0 0 22px !important; } body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card { background: rgba(255, 255, 255, .98) !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 16px 30px rgba(10, 29, 56, .11) !important; } body .home .sgx-search-ui .sgx-grid, body .home .sgc-catalog.sgx-search-ui .sgx-grid { gap: 9px !important; } body .home .sgx-search-ui .sgx-field__label, body .home .sgc-catalog.sgx-search-ui .sgx-field__label { font-size: 12px !important; color: #5d6877 !important; margin-bottom: 5px !important; } body .home .sgx-search-ui .sgx-field select, body .home .sgx-search-ui .sgx-field input[type="text"], body .home .sgx-search-ui .sgx-field .sgc-vehicle-select, body .home .sgc-catalog.sgx-search-ui .sgx-field select, body .home .sgc-catalog.sgx-search-ui .sgx-field input[type="text"], body .home .sgc-catalog.sgx-search-ui .sgx-field .sgc-vehicle-select { height: 35px !important; min-height: 35px !important; line-height: 33px !important; border-radius: 8px !important; border-color: #dbe2eb !important; color: #24364f !important; font-size: 14px !important; font-weight: 700 !important; } body .home .sgx-search-ui .sgx-check, body .home .sgx-search-ui .sgx-check span, body .home .sgc-catalog.sgx-search-ui .sgx-check, body .home .sgc-catalog.sgx-search-ui .sgx-check span { font-size: 12px !important; font-weight: 700 !important; color: #3f5067 !important; } body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { width: 172px !important; height: 38px !important; min-height: 38px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; background: linear-gradient(180deg, #ff4268 0%, #f11d48 100%) !important; } body .home .sgx-search-ui .sgx-popular, body .home .sgc-catalog.sgx-search-ui .sgx-popular { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid #e8edf3 !important; } body .home .sgx-search-ui .sgx-popular__title, body .home .sgc-catalog.sgx-search-ui .sgx-popular__title { font-size: 12px !important; margin-bottom: 9px !important; color: #1f3453 !important; } body .home .sgx-search-ui .sgx-chip, body .home .sgc-catalog.sgx-search-ui .sgx-chip { border-radius: 999px !important; background: #f7f9fc !important; border-color: #dee5ee !important; color: #657387 !important; } body .home .sgx-search-ui .sgx-chip:hover, body .home .sgx-search-ui .sgx-chip.is-active, body .home .sgc-catalog.sgx-search-ui .sgx-chip:hover, body .home .sgc-catalog.sgx-search-ui .sgx-chip.is-active { background: #fff4f6 !important; border-color: #f5c0cc !important; color: #ef234a !important; } @media (max-width:1280px) { body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { max-width: 800px !important; width: min(100%, 800px) !important; } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { width: 744px !important; max-width: 100% !important; } } @media (max-width:1024px) { body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { top: 0 !important; max-width: 100% !important; width: 100% !important; } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { width: 100% !important; max-width: 100% !important; } } @media (max-width:900px) { body .home .sgx-search-ui .sgx-toolbar, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar{ grid-template-columns: 1fr !important; } body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { width: 100% !important; min-width: 0 !important; } } body .sgx-check, body .sgx-check:visited, body .sgx-check:hover, body .sgx-check:focus { display: inline-flex !important; align-items: center !important; gap: 8px !important; } body .sgx-check input[type="checkbox"] { margin-top: 0 !important; margin-right: 0 !important; } body .sgx-check-info-wrap { display: inline-flex !important; align-items: center !important; } body .sgx-info-trigger { border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; cursor: pointer !important; } body .sgx-info-trigger:hover { border-color: #f23a62 !important; color: #f23a62 !important; } body .sgx-info-tooltip { position: absolute !important; left: 0 !important; top: calc(100% + 8px) !important; width: 260px !important; background: #102c50 !important; color: #fff !important; font-size: 12px !important; line-height: 1.45 !important; padding: 10px 12px !important; border-radius: 10px !important; box-shadow: 0 10px 28px rgba(9, 30, 56, .18) !important; z-index: 30 !important; } body .sgx-info-tooltip::before { content: "" !important; position: absolute !important; left: 14px !important; top: -6px !important; width: 12px !important; height: 12px !important; background: #102c50 !important; transform: rotate(45deg) !important; } body .sgx-popular__list { align-items: center !important; } body .sgx-popular__more { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding-top: 10px !important; } body .sgx-popular__more[hidden] { display: none !important; } body .sgx-chip--more { display: inline-flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; } body .sgx-chip__chevron { width: 8px !important; height: 8px !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: rotate(45deg) translateY(-1px) !important; transition: transform .2s ease !important; } body .sgx-popular.is-open .sgx-chip__chevron, body .sgx-chip--more[aria-expanded="true"] .sgx-chip__chevron { transform: rotate(-135deg) translateY(-1px) !important; } body .home .sgx-search-ui .sgx-chip--more, body .home .sgc-catalog.sgx-search-ui .sgx-chip--more { padding-right: 12px !important; } @media (max-width:900px) { body .sgx-info-tooltip { width: 220px !important; } } body .home .sgx-search-ui .sgx-toolbar__right, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar__right{ gap: 22px !important; } body .sgx-check-info-wrap { gap: 9px !important; } body .sgx-info-trigger { width: 20px !important; height: 20px !important; min-width: 20px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #9aa7b8 !important; box-shadow: none !important; } body .sgx-info-trigger svg { width: 20px !important; height: 20px !important; display: block !important; } body .sgx-info-trigger svg circle, body .sgx-info-trigger svg line { stroke: #aab6c4 !important; stroke-width: 1.6 !important; fill: none !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body .sgx-info-trigger svg .sgx-info-dot { fill: #aab6c4 !important; stroke: none !important; } body .sgx-info-trigger:hover svg circle, body .sgx-info-trigger:hover svg line { stroke: #f23a62 !important; } body .sgx-info-trigger:hover svg .sgx-info-dot { fill: #f23a62 !important; } body .home .sgx-search-ui .sgx-chip, body .home .sgc-catalog.sgx-search-ui .sgx-chip { letter-spacing: 0 !important; } body .home .sgx-search-ui .sgx-chip--more, body .home .sgc-catalog.sgx-search-ui .sgx-chip--more { flex: 0 0 auto !important; } @media (max-width:1180px) { body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { margin-left: -10px !important; } } @media (max-width:767px) { body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { font-size: 12px !important; } body .home .sgx-search-ui .sgx-tab__icon, body .home .sgc-catalog.sgx-search-ui .sgx-tab__icon { flex-basis: 16px !important; } body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card { border-radius: 0 0 14px 14px !important; } body .home .sgx-search-ui .sgx-grid, body .home .sgc-catalog.sgx-search-ui .sgx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body .sgx-info-tooltip { width: 210px !important; left: auto !important; right: 0 !important; } body .sgx-info-tooltip::before { left: auto !important; right: 12px !important; } } body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { max-width: 852px !important; width: min(100%, 852px) !important; margin-left: -22px !important; } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { width: 812px !important; max-width: 812px !important; margin: 0 auto -1px auto !important; } body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card { padding: 15px 16px 16px !important; } body .home .sgx-search-ui .sgx-toolbar, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar { display: grid !important; grid-template-columns: max-content 1fr !important; align-items: center !important; gap: 16px !important; margin-top: 12px !important; } body .home .sgx-search-ui .sgx-toolbar__right, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar__right { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 14px !important; min-width: 0 !important; } body .home .sgx-search-ui .sgx-check, body .home .sgc-catalog.sgx-search-ui .sgx-check, body .home .sgx-search-ui .sgx-check-info-wrap, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap { flex: 0 0 auto !important; } body .home .sgx-search-ui .sgx-check, body .home .sgc-catalog.sgx-search-ui .sgx-check { display: inline-flex !important; align-items: center !important; gap: 7px !important; white-space: nowrap !important; } body .home .sgx-search-ui .sgx-check input[type="checkbox"], body .home .sgc-catalog.sgx-search-ui .sgx-check input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; min-width: 16px !important; flex: 0 0 16px !important; } body .home .sgx-search-ui .sgx-check span, body .home .sgc-catalog.sgx-search-ui .sgx-check span { display: inline-block !important; white-space: nowrap !important; line-height: 1.15 !important; font-size: 13px !important; font-weight: 700 !important; } body .home .sgx-search-ui .sgx-check-info-wrap, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } body .home .sgx-search-ui .sgx-info-trigger, body .home .sgc-catalog.sgx-search-ui .sgx-info-trigger { width: 18px !important; height: 18px !important; min-width: 18px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; } body .home .sgx-search-ui .sgx-info-trigger svg, body .home .sgc-catalog.sgx-search-ui .sgx-info-trigger svg { width: 18px !important; height: 18px !important; display: block !important; } body .home .sgx-search-ui .sgx-info-trigger svg circle, body .home .sgx-search-ui .sgx-info-trigger svg line, body .home .sgc-catalog.sgx-search-ui .sgx-info-trigger svg circle, body .home .sgc-catalog.sgx-search-ui .sgx-info-trigger svg line { stroke: #a7b4c4 !important; stroke-width: 1.55 !important; fill: none !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body .home .sgx-search-ui .sgx-info-trigger svg .sgx-info-dot, body .home .sgc-catalog.sgx-search-ui .sgx-info-trigger svg .sgx-info-dot { fill: #a7b4c4 !important; stroke: none !important; } body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { min-width: 170px !important; flex: 0 0 170px !important; margin-left: 4px !important; } body .home .sgx-search-ui .sgx-popular__list, body .home .sgc-catalog.sgx-search-ui .sgx-popular__list { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 5px !important; overflow: visible !important; } body .home .sgx-search-ui .sgx-chip, body .home .sgc-catalog.sgx-search-ui .sgx-chip { flex: 0 0 auto !important; min-height: 31px !important; padding: 0 9px !important; font-size: 11px !important; line-height: 31px !important; white-space: nowrap !important; } body .home .sgx-search-ui .sgx-chip--more, body .home .sgc-catalog.sgx-search-ui .sgx-chip--more { order: 7 !important; margin-left: 0 !important; padding: 0 10px !important; } body .home .sgx-search-ui .sgx-popular__more, body .home .sgc-catalog.sgx-search-ui .sgx-popular__more { margin-top: 10px !important; } @media (max-width:767px) { body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { width: calc(100% + 16px) !important; max-width: calc(100% + 16px) !important; margin-left: -10px !important; top: 0 !important; } body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; max-width: 100% !important; margin: 0 0 -1px 0 !important; overflow: hidden !important; } body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { min-height: 48px !important; height: 48px !important; padding: 0 6px !important; gap: 4px !important; justify-content: center !important; } body .home .sgx-search-ui .sgx-tab__text, body .home .sgc-catalog.sgx-search-ui .sgx-tab__text { font-size: 11px !important; line-height: 1 !important; } body .home .sgx-search-ui .sgx-tab__icon, body .home .sgc-catalog.sgx-search-ui .sgx-tab__icon { width: 14px !important; height: 14px !important; min-width: 14px !important; flex: 0 0 14px !important; } body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card { padding: 12px !important; } body .home .sgx-search-ui .sgx-toolbar, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar { grid-template-columns: 1fr !important; gap: 12px !important; } body .home .sgx-search-ui .sgx-toolbar__right, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar__right { flex-wrap: wrap !important; justify-content: flex-start !important; gap: 10px 12px !important; } body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; margin-left: 0 !important; } body .home .sgx-search-ui .sgx-popular__list, body .home .sgc-catalog.sgx-search-ui .sgx-popular__list { flex-wrap: wrap !important; gap: 8px !important; } body .home .sgx-search-ui .sgx-chip, body .home .sgc-catalog.sgx-search-ui .sgx-chip { font-size: 12px !important; min-height: 31px !important; line-height: 31px !important; padding: 0 11px !important; } body .home .sgx-search-ui .sgx-chip--more, body .home .sgc-catalog.sgx-search-ui .sgx-chip--more { order: 99 !important; } } @media screen and (max-width:767px) { html, body { overflow-x: hidden !important; } body .sgx-search-ui, body .sgx-search-ui.sgc-catalog, body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; top: 0 !important; transform: none !important; overflow: visible !important; } body .sgx-search-ui .sgx-tabs, body .sgx-search-ui .sgc-tab-buttons, body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 -1px 0 !important; overflow: hidden !important; border-radius: 14px 14px 0 0 !important; } body .sgx-search-ui .sgx-tab, body .sgx-search-ui .sgc-tab, body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { width: 100% !important; min-width: 0 !important; max-width: none !important; height: 46px !important; min-height: 46px !important; padding: 0 5px !important; gap: 5px !important; justify-content: center !important; overflow: hidden !important; } body .sgx-search-ui .sgx-tab__text, body .home .sgx-search-ui .sgx-tab__text, body .home .sgc-catalog.sgx-search-ui .sgx-tab__text { font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } body .sgx-search-ui .sgx-tab__icon, body .home .sgx-search-ui .sgx-tab__icon, body .home .sgc-catalog.sgx-search-ui .sgx-tab__icon { width: 15px !important; height: 15px !important; min-width: 15px !important; flex: 0 0 15px !important; } body .sgx-search-ui .sgx-card, body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 12px !important; border-radius: 0 0 14px 14px !important; overflow: visible !important; } body .sgx-search-ui .sgx-grid, body .sgx-search-ui .sgx-grid--2, body .sgx-search-ui .sgx-grid--3, body .sgx-search-ui .sgx-grid--4, body .sgx-search-ui .sgx-grid--5, body .sgx-search-ui .sgx-grid--6, body .home .sgx-search-ui .sgx-grid, body .home .sgc-catalog.sgx-search-ui .sgx-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } body .sgx-search-ui .sgx-field, body .home .sgx-search-ui .sgx-field, body .home .sgc-catalog.sgx-search-ui .sgx-field { min-width: 0 !important; max-width: 100% !important; } body .sgx-search-ui .sgx-grid--5 .sgx-field:nth-child(5), body .sgx-search-ui .sgx-grid--6 .sgx-field:nth-child(5), body .sgx-search-ui .sgx-grid--6 .sgx-field:nth-child(6) { grid-column: auto !important; } body .sgx-search-ui .sgx-field__label, body .home .sgx-search-ui .sgx-field__label, body .home .sgc-catalog.sgx-search-ui .sgx-field__label { font-size: 11px !important; line-height: 1.1 !important; margin-bottom: 5px !important; } body .sgx-search-ui .sgx-field select, body .sgx-search-ui .sgx-field input[type="text"], body .sgx-search-ui .sgx-field .sgc-vehicle-select, body .home .sgx-search-ui .sgx-field select, body .home .sgx-search-ui .sgx-field input[type="text"], body .home .sgx-search-ui .sgx-field .sgc-vehicle-select { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; line-height: 36px !important; font-size: 13px !important; padding: 0 9px !important; border-radius: 8px !important; } body .sgx-search-ui .sgx-toolbar, body .home .sgx-search-ui .sgx-toolbar, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin-top: 12px !important; } body .sgx-search-ui .sgx-toolbar__right, body .home .sgx-search-ui .sgx-toolbar__right, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar__right { width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 10px 14px !important; min-width: 0 !important; } body .sgx-search-ui .sgx-check, body .sgx-search-ui .sgx-check-info-wrap, body .home .sgx-search-ui .sgx-check, body .home .sgx-search-ui .sgx-check-info-wrap { flex: 0 0 auto !important; min-width: auto !important; } body .sgx-search-ui .sgx-check, body .sgx-search-ui .sgx-check span, body .home .sgx-search-ui .sgx-check, body .home .sgx-search-ui .sgx-check span, body .home .sgc-catalog.sgx-search-ui .sgx-check, body .home .sgc-catalog.sgx-search-ui .sgx-check span { font-size: 12px !important; white-space: nowrap !important; line-height: 1.15 !important; } body .sgx-search-ui .sgx-check input[type="checkbox"], body .home .sgx-search-ui .sgx-check input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; margin: 0 !important; } body .sgx-search-ui .sgx-info-trigger, body .home .sgx-search-ui .sgx-info-trigger { width: 18px !important; height: 18px !important; min-width: 18px !important; } body .sgx-search-ui .sgx-submit, body .home .sgx-search-ui .sgx-submit, body .home .sgc-catalog.sgx-search-ui .sgx-submit { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; } body .sgx-search-ui .sgx-popular, body .home .sgx-search-ui .sgx-popular, body .home .sgc-catalog.sgx-search-ui .sgx-popular { margin-top: 12px !important; padding-top: 10px !important; } body .sgx-search-ui .sgx-popular__list, body .home .sgx-search-ui .sgx-popular__list, body .home .sgc-catalog.sgx-search-ui .sgx-popular__list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; overflow: visible !important; } body .sgx-search-ui .sgx-chip, body .home .sgx-search-ui .sgx-chip, body .home .sgc-catalog.sgx-search-ui .sgx-chip { min-height: 31px !important; line-height: 31px !important; font-size: 12px !important; padding: 0 10px !important; flex: 0 0 auto !important; } body .sgx-search-ui .sgx-chip--more, body .home .sgx-search-ui .sgx-chip--more, body .home .sgc-catalog.sgx-search-ui .sgx-chip--more { order: 99 !important; } } @media screen and (max-width:360px) { body .sgx-search-ui .sgx-tab__text { font-size: 11px !important; } body .sgx-search-ui .sgx-tab { padding: 0 4px !important; gap: 3px !important; } body .sgx-search-ui .sgx-grid, body .sgx-search-ui .sgx-grid--5, body .sgx-search-ui .sgx-grid--6 { grid-template-columns: 1fr !important; } } /* 0.9.311 – lazy home-search panels */ body .sgx-search-ui .sgc-lazy-panel-status { min-height: 220px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 28px 20px !important; color: #43566f !important; font-size: 14px !important; font-weight: 800 !important; text-align: center !important; } body .sgx-search-ui .sgc-lazy-panel-spinner { width: 28px !important; height: 28px !important; border: 3px solid #e3e9f0 !important; border-top-color: #ed1b35 !important; border-radius: 50% !important; animation: sgcLazyPanelSpin .75s linear infinite !important; } body .sgx-search-ui .sgc-lazy-panel-retry { min-height: 40px !important; padding: 0 18px !important; border: 0 !important; border-radius: 8px !important; background: #ed1b35 !important; color: #fff !important; font-weight: 800 !important; cursor: pointer !important; } @keyframes sgcLazyPanelSpin { to { transform: rotate(360deg); } } @media (max-width: 767px) { body .sgx-search-ui .sgc-lazy-panel-status { min-height: 180px !important; } } /* SuperGumi Catalog split CSS: 09-final-overrides.css Starts around original public.css line 7675; complete top-level CSS blocks are preserved. Final visual fixes, sidebar cards, orderby, mobile buy-area overrides. */ /* v0.9.136-clean9 – final consolidated visual fixes */ /* Homologation tooltip without the old info icon */ body .sgx-check-info-wrap--label-tooltip > .sgx-info-trigger { display: none !important; } body .sgx-check-info-wrap--label-tooltip { position: relative !important; display: inline-flex !important; align-items: center !important; overflow: visible !important; } body .sgx-check-info-wrap--label-tooltip > .sgx-check { cursor: help !important; } body .sgx-check-info-wrap--label-tooltip > .sgx-check .sgx-check__text { text-decoration: none !important; } body .home .sgx-search-ui .sgx-card, body .home .sgc-catalog.sgx-search-ui .sgx-card, body .home .sgx-search-ui .sgx-toolbar, body .home .sgx-search-ui .sgx-toolbar__right, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar, body .home .sgc-catalog.sgx-search-ui .sgx-toolbar__right{ overflow: visible !important; } body .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .sgx-actions-fixed .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip{ position: absolute !important; left: auto !important; right: 0 !important; top: auto !important; bottom: calc(100% + 10px) !important; width: 280px !important; max-width: min(280px, calc(100vw - 32px)) !important; z-index: 999999 !important; white-space: normal !important; pointer-events: none !important; } body .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body .home .sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body .sgx-actions-fixed .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before{ top: 100% !important; bottom: auto !important; left: auto !important; right: 14px !important; transform: rotate(45deg) !important; } body .sgx-check-info-wrap--label-tooltip.is-open .sgx-info-tooltip, body .sgx-check-info-wrap--label-tooltip:hover .sgx-info-tooltip, body .sgx-check-info-wrap--label-tooltip:focus-within .sgx-info-tooltip { display: block !important; } @media (max-width: 767px) { body .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .sgx-actions-fixed .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip{ display: none !important; } } /* Sidebar filter cards and banner headers */ /* Archive search actions: keep Sport package first/left and the submit button at the end */ @media (min-width: 768px) { body .sgc-tyre-search .sgx-toolbar__right--tyres, body .sgc-tyre-search .sgx-compact-actions--tyres { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; width: 100% !important; flex-wrap: nowrap !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-actions-fixed__mode, body .sgc-tyre-search .sgx-toolbar__right--tyres > [data-sgc-tyre-mode-wrap], body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-compact-actions__mode, body .sgc-tyre-search .sgx-compact-actions--tyres > [data-sgc-tyre-mode-wrap] { order: 1 !important; margin-right: 2px !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-check:not(.sgx-check--mode), body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check:not(.sgx-check--mode) { order: 2 !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-check-info-wrap, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap { order: 3 !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-submit, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-submit { order: 10 !important; margin-left: auto !important; } }  body .sgc-supergumi-layout .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-thumb { position: relative !important; }   /* Orderby proxy: native select on desktop, custom readable proxy on mobile */ body .sgc-orderby-proxy { display: inline-block !important; position: relative !important; } body .sgc-orderby-proxy__label, body .sgc-orderby-proxy__value, body .sgc-orderby-proxy__arrow { display: none !important; } body .sgc-orderby-proxy .sgc-orderby-native { position: static !important; opacity: 1 !important; color: #173452 !important; -webkit-text-fill-color: #173452 !important; } body .sgc-archive-main-tools .woocommerce-ordering[data-sgc-orderby-label]::after, body .sgc-archive-main-tools form.woocommerce-ordering[data-sgc-orderby-label]::after { content: none !important; display: none !important; } body .sgc-archive-main-tools .woocommerce-ordering[data-sgc-orderby-label] select, body .sgc-archive-main-tools form.woocommerce-ordering[data-sgc-orderby-label] select, body .sgc-archive-main-tools .woocommerce-ordering[data-sgc-orderby-label] .orderby, body .sgc-archive-main-tools form.woocommerce-ordering[data-sgc-orderby-label] .orderby { color: #173452 !important; -webkit-text-fill-color: #173452 !important; } @media (max-width: 767px) { body .sgc-archive-main-head, body .sgc-archive-main-heading, body .sgc-archive-main-tools, body .sgc-archive-main-tools .woocommerce-ordering, body .sgc-archive-main-tools form.woocommerce-ordering, body .sgc-orderby-proxy { position: relative !important; z-index: 20 !important; overflow: visible !important; } body .sgc-archive-main-head { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; margin-bottom: 22px !important; padding-bottom: 0 !important; } body .sgc-archive-main-tools, body .sgc-archive-main-tools .woocommerce-ordering, body .sgc-archive-main-tools form.woocommerce-ordering { display: block !important; width: 100% !important; max-width: 100% !important; } body .sgc-archive-main-tools { margin: 0 0 22px !important; padding: 0 0 4px !important; clear: both !important; } body .sgc-archive-main-tools form.woocommerce-ordering::before, body .sgc-archive-main-tools .woocommerce-ordering::before, body .sgc-archive-main-tools .woocommerce-ordering[data-sgc-orderby-label]::after, body .sgc-archive-main-tools form.woocommerce-ordering[data-sgc-orderby-label]::after { content: none !important; display: none !important; visibility: hidden !important; } body .sgc-orderby-proxy { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 74px !important; margin: 0 0 24px !important; padding: 0 !important; clear: both !important; } body .sgc-orderby-proxy__label { display: block !important; margin: 0 0 8px !important; color: #6f7f93 !important; -webkit-text-fill-color: #6f7f93 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; } body .sgc-orderby-proxy__value { display: flex !important; align-items: center !important; position: relative !important; width: 100% !important; height: 44px !important; min-height: 44px !important; padding: 0 38px 0 14px !important; border: 1px solid #dfe6ee !important; border-radius: 10px !important; background: #fff !important; color: #173452 !important; -webkit-text-fill-color: #173452 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: none !important; z-index: 3 !important; } body .sgc-orderby-proxy__arrow { display: flex !important; position: absolute !important; right: 12px !important; bottom: 14px !important; width: 18px !important; height: 18px !important; align-items: center !important; justify-content: center !important; color: #173452 !important; -webkit-text-fill-color: #173452 !important; font-size: 16px !important; line-height: 1 !important; pointer-events: none !important; z-index: 4 !important; } body .sgc-archive-main-tools::before, body .sgc-archive-main-tools::after, body .sgc-archive-main-tools .woocommerce-ordering::before, body .sgc-archive-main-tools .woocommerce-ordering::after, body .sgc-archive-main-tools form.woocommerce-ordering::before, body .sgc-archive-main-tools form.woocommerce-ordering::after, body .sgc-archive-main-tools select.orderby::before, body .sgc-archive-main-tools select.orderby::after, body .sgc-archive-main-tools .orderby::before, body .sgc-archive-main-tools .orderby::after, body .sgc-orderby-proxy::before, body .sgc-orderby-proxy::after, body .sgc-orderby-proxy .sgc-orderby-native::before, body .sgc-orderby-proxy .sgc-orderby-native::after { content: none !important; display: none !important; visibility: hidden !important; } body .sgc-archive-main-tools .wd-orderby-icon, body .sgc-archive-main-tools .wd-tools-icon, body .sgc-archive-main-tools .wd-sort-icon, body .sgc-archive-main-tools .sort-icon, body .sgc-archive-main-tools .orderby-icon, body .sgc-archive-main-tools .woocommerce-ordering > svg, body .sgc-archive-main-tools form.woocommerce-ordering > svg, body .sgc-archive-main-tools .woocommerce-ordering > i, body .sgc-archive-main-tools form.woocommerce-ordering > i { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body .sgc-orderby-proxy .sgc-orderby-native, body .sgc-archive-main-tools .sgc-orderby-proxy select, body .sgc-archive-main-tools .sgc-orderby-proxy .orderby { position: absolute !important; inset: auto 0 0 0 !important; width: 100% !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important; text-indent: -9999px !important; overflow: hidden !important; font-size: 16px !important; line-height: 44px !important; z-index: 5 !important; cursor: pointer !important; } body .sgc-supergumi-layout, body .sgc-archive-main .sgc-supergumi-layout, body .sgc-archive-main ul.products, body.woocommerce .sgc-archive-main ul.products, body.woocommerce-page .sgc-archive-main ul.products, body.post-type-archive-product .sgc-archive-main ul.products, body.tax-product_cat .sgc-archive-main ul.products, body.tax-product_tag .sgc-archive-main ul.products { margin-top: 18px !important; padding-top: 8px !important; clear: both !important; position: relative !important; z-index: 1 !important; } } /* Mobile product card spacing */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 112px minmax(0, 1fr) !important; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy" !important; gap: 14px !important; min-height: 0 !important; padding: 16px !important; border-radius: 16px !important; } body .sgc-supergumi-layout .sgc-sg-media { min-height: 126px !important; padding: 2px 0 10px !important; align-items: flex-start !important; } body .sgc-supergumi-layout .sgc-sg-thumb { width: 108px !important; height: 108px !important; margin: 0 !important; } body .sgc-supergumi-layout .sgc-sg-image { width: 108px !important; height: 108px !important; min-height: 108px !important; } body .sgc-supergumi-layout .sgc-sg-image img { max-width: 108px !important; max-height: 108px !important; } body .sgc-supergumi-layout .sgc-sg-title { margin: 0 0 8px !important; font-size: 15px !important; line-height: 1.24 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } body .sgc-supergumi-layout .sgc-sg-sub { margin-bottom: 8px !important; font-size: 13px !important; line-height: 1.25 !important; } body .sgc-supergumi-layout .sgc-sg-tags { gap: 7px !important; margin-bottom: 2px !important; } body .sgc-supergumi-layout .sgc-sg-tags span, body .sgc-supergumi-layout .sgc-sg-tags .sgc-sg-dot, body .sgc-supergumi-layout .sgc-sg-tags--symbols .sgc-sg-symbol { min-height: 23px !important; padding: 4px 9px !important; font-size: 11px !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { left: 0 !important; right: auto !important; bottom: 0 !important; transform: none !important; max-width: 108px !important; min-width: 88px !important; } body .sgc-supergumi-layout .sgc-sg-eu { width: 100% !important; justify-content: flex-start !important; gap: 10px !important; padding-top: 2px !important; } body .sgc-supergumi-layout .sgc-sg-eu-row { min-height: 26px !important; gap: 6px !important; } body .sgc-supergumi-layout .sgc-sg-footer { margin-top: 4px !important; padding: 12px 0 2px !important; gap: 10px !important; flex-wrap: wrap !important; } body .sgc-supergumi-layout .sgc-sg-foot-item { font-size: 13px !important; line-height: 1.3 !important; } body .sgc-supergumi-layout .sgc-sg-buy { gap: 12px !important; padding: 0 !important; } body .sgc-supergumi-layout .sgc-sg-price { text-align: center !important; font-size: 16px !important; line-height: 1.22 !important; } body .sgc-supergumi-layout .sgc-sg-price .amount, body .sgc-supergumi-layout .sgc-sg-price ins .amount { font-size: 16px !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions { gap: 8px !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart, body .sgc-supergumi-layout .sgc-sg-view-link { min-height: 38px !important; font-size: 13px !important; } } /* v0.9.136-clean11 – slimmer mobile buy area */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-buy { gap: 8px !important; padding: 10px 10px 12px !important; min-height: 0 !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions { gap: 0 !important; } body .sgc-supergumi-layout .sgc-sg-view-link { display: none !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart { min-height: 38px !important; height: 38px !important; padding: 0 12px !important; font-size: 12px !important; line-height: 1.05 !important; } body .sgc-supergumi-layout .sgc-sg-price { margin: 0 !important; font-size: 16px !important; line-height: 1.15 !important; } body .sgc-supergumi-layout .sgc-sg-price .amount, body .sgc-supergumi-layout .sgc-sg-price ins .amount { font-size: 16px !important; line-height: 1.15 !important; } body .sgc-supergumi-layout .sgc-sg-price del, body .sgc-supergumi-layout .sgc-sg-price del .amount { font-size: 12px !important; line-height: 1.1 !important; } } /* v0.9.136-clean12 – remove redundant product view button and compact buy area */ body .sgc-supergumi-layout .sgc-sg-view-link { display: none !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions { gap: 0 !important; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-buy { padding: 8px 10px 10px !important; gap: 8px !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart { min-height: 38px !important; height: 38px !important; font-size: 12px !important; } } /* v0.9.136-clean13 – single product info shows tyre model row above speed index */ /* v0.9.136-clean14 – single product info shows brand row above model row */ /* SuperGumi Catalog split CSS: 15-performance-layout-fixes.css Layout/performance fixes pass 2: - widen only archive product/filter shell, not the top archive search - place product brand/logo at the lower edge of the image for tyres/wheels/accessories */ /* Keep the top search compact; only the product/filter shell is almost full width. */ body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: min(calc(100vw - 32px), 1580px) !important; max-width: 1580px !important; } body .sgc-archive-shell { grid-template-columns: 260px minmax(0, 1fr) !important; gap: 24px !important; } body .sgc-archive-main, body .sgc-supergumi-layout .sgc-archive-main, body .sgc-supergumi-layout .products, body .sgc-supergumi-layout ul.products { width: 100% !important; max-width: none !important; } body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-media, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-image { overflow: visible !important; } body .sgc-supergumi-layout .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-media, body.sgc-supergumi-layout .sgc-sg-media, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-media { position: relative !important; } @media (min-width: 1025px) { body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-badge { position: absolute !important; left: 50% !important; right: auto !important; top: calc(6px + var(--sgc-product-img-size, 176px) - 16px) !important; bottom: auto !important; transform: translateX(-50%) !important; min-width: 104px !important; max-width: var(--sgc-product-logo-width, 140px) !important; height: var(--sgc-product-logo-height, 34px) !important; min-height: var(--sgc-product-logo-height, 34px) !important; padding: 4px 10px !important; border-radius: 6px !important; background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(210, 218, 228, 0.95) !important; box-shadow: 0 8px 18px rgba(14, 34, 56, 0.16) !important; z-index: 12 !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo-img { max-width: calc(var(--sgc-product-logo-width, 140px) - 20px) !important; max-height: calc(var(--sgc-product-logo-height, 34px) - 8px) !important; width: auto !important; height: auto !important; object-fit: contain !important; } } @media (max-width: 1400px) { body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: min(calc(100vw - 28px), 1480px) !important; max-width: 1480px !important; } } @media (max-width: 1199px) { body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: min(calc(100vw - 24px), 100%) !important; max-width: none !important; } body .sgc-archive-shell { grid-template-columns: 1fr !important; } } @media (max-width: 767px) { body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell{ width: calc(100vw - 16px) !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-badge { position: absolute !important; left: 50% !important; right: auto !important; top: calc(var(--sgc-mobile-product-media-top, 6px) + var(--sgc-mobile-product-img-size, 112px) - 13px) !important; bottom: auto !important; transform: translateX(-50%) !important; min-width: 88px !important; max-width: var(--sgc-mobile-product-logo-width, 118px) !important; height: var(--sgc-mobile-product-logo-height, 30px) !important; min-height: var(--sgc-mobile-product-logo-height, 30px) !important; padding: 3px 8px !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-brand-logo-img { max-width: calc(var(--sgc-mobile-product-logo-width, 118px) - 16px) !important; max-height: calc(var(--sgc-mobile-product-logo-height, 30px) - 8px) !important; } } /* SuperGumi Catalog split CSS: 16-search-checkbox-stability.css Keeps tyre search checkbox options fixed on hover/checked and moves homologation tooltip away from the checkbox line. */ body .sgx-actions-fixed--tyres, body .sgx-toolbar__right--tyres, body .sgx-compact-actions--tyres { overflow: visible !important; } body .sgx-actions-fixed--tyres > .sgx-check, body .sgx-actions-fixed--tyres > .sgx-check:hover, body .sgx-actions-fixed--tyres > .sgx-check:focus, body .sgx-actions-fixed--tyres > .sgx-check:focus-within, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check:hover, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check:focus, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check:focus-within, body .sgx-actions-fixed--tyres .sgx-check--mode, body .sgx-actions-fixed--tyres .sgx-check--mode:hover, body .sgx-actions-fixed--tyres .sgx-check--mode:focus, body .sgx-actions-fixed--tyres .sgx-check--mode:focus-within { display: inline-grid !important; grid-template-columns: 16px max-content !important; grid-auto-flow: column !important; align-items: center !important; justify-content: start !important; justify-items: start !important; column-gap: 7px !important; row-gap: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 20px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; vertical-align: middle !important; transform: none !important; position: relative !important; } body .sgx-actions-fixed--tyres > .sgx-check input[type="checkbox"], body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check input[type="checkbox"], body .sgx-actions-fixed--tyres .sgx-check--mode input[type="checkbox"] { display: block !important; grid-column: 1 !important; grid-row: 1 !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0 !important; padding: 0 !important; align-self: center !important; justify-self: start !important; float: none !important; position: static !important; transform: none !important; } body .sgx-actions-fixed--tyres > .sgx-check span, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check span, body .sgx-actions-fixed--tyres .sgx-check--mode span, body .sgx-actions-fixed--tyres .sgx-check__text { display: block !important; grid-column: 2 !important; grid-row: 1 !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; line-height: 22px !important; white-space: nowrap !important; text-align: left !important; align-self: center !important; justify-self: start !important; float: none !important; position: static !important; transform: none !important; } body .sgx-actions-fixed--tyres > .sgx-check-info-wrap, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap:hover, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap:focus-within { display: inline-block !important; width: auto !important; min-width: 112px !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; vertical-align: middle !important; position: relative !important; transform: none !important; overflow: visible !important; } body .sgx-actions-fixed--tyres > .sgx-check-info-wrap > .sgx-check { min-width: 112px !important; } body .sgx-actions-fixed--tyres .sgx-info-tooltip, body .home .sgx-search-ui .sgx-actions-fixed--tyres .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres .sgx-info-tooltip{ display: none !important; position: absolute !important; left: 50% !important; right: auto !important; top: auto !important; bottom: calc(100% + 12px) !important; width: 280px !important; max-width: min(280px, calc(100vw - 32px)) !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 10px 12px !important; transform: translateX(-50%) !important; z-index: 999999 !important; white-space: normal !important; line-height: 1.35 !important; pointer-events: none !important; } body .sgx-actions-fixed--tyres .sgx-info-tooltip::before, body .home .sgx-search-ui .sgx-actions-fixed--tyres .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres .sgx-info-tooltip::before{ content: "" !important; position: absolute !important; left: 50% !important; right: auto !important; top: 100% !important; bottom: auto !important; width: 12px !important; height: 12px !important; margin-left: -6px !important; transform: rotate(45deg) !important; } body .sgx-actions-fixed--tyres > .sgx-check-info-wrap.is-open .sgx-info-tooltip, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap:hover .sgx-info-tooltip, body .sgx-actions-fixed--tyres > .sgx-check-info-wrap:focus-within .sgx-info-tooltip { display: block !important; } @media (max-width: 767px) { body .sgx-actions-fixed--tyres > .sgx-check-info-wrap { min-width: 108px !important; } body .sgx-actions-fixed--tyres .sgx-info-tooltip { left: 0 !important; right: auto !important; bottom: calc(100% + 10px) !important; width: 240px !important; transform: none !important; } body .sgx-actions-fixed--tyres .sgx-info-tooltip::before { left: 22px !important; margin-left: 0 !important; } } /* Keep tyre action checkboxes stable and align the homologation help bubble. */ body .sgx-actions-fixed--tyres { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 18px !important; min-height: 38px !important; overflow: visible !important; } body .sgx-actions-fixed--tyres > .sgx-actions-fixed__mode, body .sgx-actions-fixed--tyres > .sgx-compact-actions__mode { display: inline-flex !important; align-items: center !important; flex: 0 0 104px !important; width: 104px !important; min-width: 104px !important; max-width: 104px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; transform: none !important; position: relative !important; } body .sgx-actions-fixed--tyres > label.sgx-check:not(.sgx-check--with-info):not(.sgx-check--mode) { flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; } body .sgx-actions-fixed--tyres > .sgx-check-info-wrap { flex: 0 0 118px !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; } body .sgx-actions-fixed--tyres .sgx-check, body .sgx-actions-fixed--tyres .sgx-check:hover, body .sgx-actions-fixed--tyres .sgx-check:active, body .sgx-actions-fixed--tyres .sgx-check:focus, body .sgx-actions-fixed--tyres .sgx-check:focus-within, body .sgx-actions-fixed--tyres .sgx-check--mode, body .sgx-actions-fixed--tyres .sgx-check--mode:hover, body .sgx-actions-fixed--tyres .sgx-check--mode:active, body .sgx-actions-fixed--tyres .sgx-check--mode:focus, body .sgx-actions-fixed--tyres .sgx-check--mode:focus-within, body .sgx-actions-fixed--tyres .sgx-check--with-info, body .sgx-actions-fixed--tyres .sgx-check--with-info:hover, body .sgx-actions-fixed--tyres .sgx-check--with-info:active, body .sgx-actions-fixed--tyres .sgx-check--with-info:focus, body .sgx-actions-fixed--tyres .sgx-check--with-info:focus-within { display: grid !important; grid-template-columns: 16px minmax(0, 1fr) !important; align-items: center !important; justify-content: start !important; column-gap: 7px !important; width: 100% !important; height: 22px !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; line-height: 22px !important; white-space: nowrap !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; transition: color .15s ease !important; box-sizing: border-box !important; } body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"], body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"]:hover, body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"]:active, body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"]:focus, body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"]:checked { display: block !important; grid-column: 1 !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0 !important; padding: 0 !important; border-width: 1px !important; box-shadow: none !important; position: static !important; float: none !important; transform: none !important; box-sizing: border-box !important; } body .sgx-actions-fixed--tyres .sgx-check span, body .sgx-actions-fixed--tyres .sgx-check:hover span, body .sgx-actions-fixed--tyres .sgx-check:active span, body .sgx-actions-fixed--tyres .sgx-check input[type="checkbox"]:checked + span, body .sgx-actions-fixed--tyres .sgx-check .sgx-check__text { display: block !important; grid-column: 2 !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 22px !important; text-align: left !important; white-space: nowrap !important; position: static !important; transform: none !important; box-sizing: border-box !important; } body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip { left: 0 !important; right: auto !important; top: calc(100% + 10px) !important; bottom: auto !important; transform: none !important; width: 285px !important; max-width: min(285px, calc(100vw - 32px)) !important; } body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip::before { left: 22px !important; right: auto !important; top: -6px !important; bottom: auto !important; margin-left: 0 !important; } @media (max-width: 767px) { body .sgx-actions-fixed--tyres { justify-content: flex-start !important; gap: 10px !important; flex-wrap: wrap !important; } body .sgx-actions-fixed--tyres > .sgx-actions-fixed__mode, body .sgx-actions-fixed--tyres > .sgx-compact-actions__mode { flex-basis: 104px !important; } } /* Archive finder and sidebar refresh. This block is scoped to archive/catalog pages only and does not style the home search. */ body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap { width: min(calc(100vw - 64px), 1600px) !important; max-width: 1600px !important; margin: 20px auto 24px !important; display: block !important; clear: both !important; position: relative !important; z-index: 4 !important; box-sizing: border-box !important; } body .sgc-archive-search-wrap *, body .sgc-archive-search-wrap *::before, body .sgc-archive-search-wrap *::after { box-sizing: border-box !important; } body .sgc-archive-search-wrap .sgc-archive-finder, body.woocommerce .sgc-archive-search-wrap .sgc-archive-finder, body.woocommerce-page .sgc-archive-search-wrap .sgc-archive-finder { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; color: #080d35 !important; font-family: inherit !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: min(800px, 100%) !important; max-width: 800px !important; min-width: 0 !important; margin: 0 0 -1px 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; position: relative !important; z-index: 2 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #cfd9e8 !important; border-bottom-color: #cfd9e8 !important; border-radius: 10px 10px 0 0 !important; background: #fff !important; color: #070d34 !important; box-shadow: none !important; cursor: pointer !important; font-size: 15px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab.is-active { background: #e60012 !important; border-color: #e60012 !important; color: #fff !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__text { display: inline-block !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1 !important; white-space: nowrap !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { display: inline-block !important; width: 20px !important; height: 20px !important; min-width: 20px !important; flex: 0 0 20px !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; background-color: currentColor !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; opacity: 1 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon--tyres { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Ccircle cx='12' cy='12' r='3.9'/%3E%3Cpath d='M12 3.6v4M12 16.4v4M3.6 12h4M16.4 12h4M6 6l2.8 2.8M15.2 15.2L18 18M18 6l-2.8 2.8M8.8 15.2L6 18'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Ccircle cx='12' cy='12' r='3.9'/%3E%3Cpath d='M12 3.6v4M12 16.4v4M3.6 12h4M16.4 12h4M6 6l2.8 2.8M15.2 15.2L18 18M18 6l-2.8 2.8M8.8 15.2L6 18'/%3E%3C/svg%3E") !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon--wheels { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Cpath d='M12 3.2V9M12 15v5.8M3.2 12H9M15 12h5.8M5.8 5.8l4.1 4.1M14.1 14.1l4.1 4.1M18.2 5.8l-4.1 4.1M9.9 14.1l-4.1 4.1'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Cpath d='M12 3.2V9M12 15v5.8M3.2 12H9M15 12h5.8M5.8 5.8l4.1 4.1M14.1 14.1l4.1 4.1M18.2 5.8l-4.1 4.1M9.9 14.1l-4.1 4.1'/%3E%3C/svg%3E") !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon--cars { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16.5v-5.3l2.2-3.9c.45-.8 1.3-1.3 2.2-1.3h5.2c.9 0 1.75.5 2.2 1.3l2.2 3.9v5.3'/%3E%3Cpath d='M4 11.4h16M6.7 16.5h10.6M7 18.7v1.1M17 18.7v1.1M7.7 8.5h8.6'/%3E%3Ccircle cx='7.2' cy='15.1' r='1' fill='currentColor' stroke='none'/%3E%3Ccircle cx='16.8' cy='15.1' r='1' fill='currentColor' stroke='none'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16.5v-5.3l2.2-3.9c.45-.8 1.3-1.3 2.2-1.3h5.2c.9 0 1.75.5 2.2 1.3l2.2 3.9v5.3'/%3E%3Cpath d='M4 11.4h16M6.7 16.5h10.6M7 18.7v1.1M17 18.7v1.1M7.7 8.5h8.6'/%3E%3Ccircle cx='7.2' cy='15.1' r='1' fill='currentColor' stroke='none'/%3E%3Ccircle cx='16.8' cy='15.1' r='1' fill='currentColor' stroke='none'/%3E%3C/svg%3E") !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-panel { display: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-panel.is-active { display: block !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-search { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 18px !important; background: #fff !important; border: 1px solid #cfd9e8 !important; border-radius: 0 12px 12px 12px !important; box-shadow: 0 12px 28px rgba(9, 24, 52, .08) !important; overflow: visible !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 18px !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-row--cars { grid-template-columns: minmax(0, 1fr) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-fields { display: block !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-mode-panel { display: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-mode-panel.is-active { display: block !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid { display: grid !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; gap: 12px !important; align-items: stretch !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field { display: block !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 68px !important; margin: 0 !important; padding: 10px 12px 8px !important; border: 1px solid #cfd9e8 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; overflow: visible !important; position: relative !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field__label { display: block !important; margin: 0 0 6px !important; padding: 0 !important; color: #111842 !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field__control { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field input[type="text"], body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .sgc-vehicle-select { appearance: auto !important; -webkit-appearance: menulist !important; display: block !important; float: none !important; position: static !important; left: auto !important; top: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; max-height: none !important; margin: 0 !important; padding: 0 24px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #080d35 !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; text-align: left !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field select:disabled, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .sgc-vehicle-select:disabled { color: #7b879b !important; opacity: 1 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-container, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection__rendered, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection--single, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-container--default .select2-selection--single { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #080d35 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; box-shadow: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-card { display: block !important; min-width: 0 !important; padding: 12px !important; border: 1px solid #e2e9f2 !important; border-radius: 10px !important; background: #fbfdff !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-card__title { margin: 0 0 10px !important; color: #111842 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.15 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-meta { margin-top: 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 18px !important; min-width: max-content !important; width: auto !important; margin: 0 !important; padding: 0 0 0 22px !important; border-left: 1px solid #cfd9e8 !important; background: transparent !important; overflow: visible !important; white-space: nowrap !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check:hover, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check:focus, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap:hover, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap:focus-within { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #080d35 !important; font-size: 14px !important; line-height: 1 !important; font-weight: 600 !important; box-shadow: none !important; white-space: nowrap !important; position: relative !important; transform: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; display: inline-block !important; position: static !important; width: 20px !important; min-width: 20px !important; height: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #9aa8c0 !important; border-radius: 4px !important; accent-color: #e60012 !important; opacity: 1 !important; visibility: visible !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check span, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check__text { display: inline-block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #080d35 !important; font-size: 14px !important; line-height: 1 !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-info-trigger, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-info-tooltip { display: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: auto !important; min-width: 168px !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 7px !important; background: #e60012 !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit__icon { display: inline-block !important; position: relative !important; width: 20px !important; height: 20px !important; min-width: 20px !important; border: 2px solid rgba(255,255,255,.95) !important; border-radius: 50% !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit__icon::after { content: "" !important; position: absolute !important; right: -6px !important; bottom: -4px !important; width: 8px !important; height: 2px !important; border-radius: 2px !important; background: rgba(255,255,255,.95) !important; transform: rotate(45deg) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-vehicle-hint { margin: 14px 0 0 !important; color: #59677c !important; font-size: 14px !important; font-weight: 600 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-vehicle-results { margin-top: 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder [hidden] { display: none !important; } body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: min(calc(100vw - 64px), 1600px) !important; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: 300px minmax(0, 1fr) !important; gap: 36px !important; align-items: start !important; box-sizing: border-box !important; } body .sgc-archive-main { min-width: 0 !important; width: 100% !important; max-width: 100% !important; } body .sgc-archive-sidebar { width: 300px !important; max-width: 300px !important; min-width: 0 !important; float: none !important; clear: none !important; position: sticky !important; top: 18px !important; z-index: 5 !important; } body .sgc-archive-sidebar__drawer { width: 100% !important; } body .sgc-archive-filters { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #f4f8fd !important; border: 1px solid #d2deeb !important; border-radius: 12px !important; box-shadow: 0 12px 28px rgba(9, 24, 52, .06) !important; } body .sgc-filters-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 52px !important; padding: 0 22px !important; background: #f4f8fd !important; border-bottom: 1px solid #d2deeb !important; } body .sgc-filters-head__title { color: #080d35 !important; font-size: 21px !important; line-height: 1 !important; font-weight: 800 !important; } body .sgc-filters-head__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #080d35 !important; } body .sgc-filters-head__icon svg { display: block !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; fill: none !important; } body .sgc-filter-card { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #d2deeb !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } body .sgc-filter-card__head { appearance: none !important; -webkit-appearance: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 22px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #080d35 !important; box-shadow: none !important; cursor: pointer !important; text-align: left !important; } body .sgc-filter-card__title { color: #080d35 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; } body .sgc-filter-card__arrow { color: #080d35 !important; font-size: 22px !important; line-height: 1 !important; font-weight: 600 !important; } body .sgc-filter-card__body { padding: 0 22px 16px !important; background: transparent !important; } body .sgc-filter-card__body[hidden] { display: none !important; } body .sgc-filter-list { display: grid !important; gap: 11px !important; margin: 0 !important; padding: 0 !important; } body .sgc-filter-check { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 26px !important; margin: 0 !important; color: #080d35 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; cursor: pointer !important; } body .sgc-filter-check input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; display: inline-block !important; width: 20px !important; height: 20px !important; min-width: 20px !important; margin: 0 !important; border: 1px solid #9aa8c0 !important; border-radius: 4px !important; accent-color: #e60012 !important; } body .sgc-filter-check--grade { display: grid !important; grid-template-columns: 24px 31px minmax(0, 1fr) !important; column-gap: 10px !important; align-items: center !important; } body .sgc-grade-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; min-width: 28px !important; height: 28px !important; padding: 0 !important; border-radius: 5px !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1 !important; } body .sgc-grade-badge::after { content: none !important; display: none !important; } body .sgc-grade-badge--a { background: #0a8f2f !important; } body .sgc-grade-badge--b { background: #63ad32 !important; } body .sgc-grade-badge--c { background: #c6d900 !important; color: #080d35 !important; } body .sgc-grade-badge--d { background: #ffc400 !important; color: #080d35 !important; } body .sgc-grade-badge--e { background: #ee8a19 !important; } body .sgc-grade-text { color: #080d35 !important; font-size: 15px !important; font-weight: 500 !important; } body .sgc-filters-clear { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 48px !important; margin: 14px 20px 20px !important; padding: 0 16px !important; border: 1px solid #c6d3e3 !important; border-radius: 8px !important; background: #fff !important; color: #080d35 !important; font-size: 16px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; } body .sgc-filters-clear__icon { font-size: 22px !important; line-height: 1 !important; } body .sgc-sidebar-mobile-toggle, body .sgc-sidebar-mobile-head, body .sgc-sidebar-mobile-overlay { display: none !important; } @media (max-width: 1380px) { body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap, body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: min(calc(100vw - 32px), 100%) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-row { grid-template-columns: 1fr !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { justify-content: flex-start !important; padding: 18px 0 0 !important; border-left: 0 !important; border-top: 1px solid #cfd9e8 !important; } } @media (max-width: 1199px) { body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { grid-template-columns: 1fr !important; gap: 18px !important; } body .sgc-archive-sidebar { position: static !important; width: 100% !important; max-width: none !important; } body .sgc-sidebar-mobile-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 0 16px !important; margin: 0 0 10px !important; border: 1px solid #e60012 !important; border-radius: 10px !important; background: #e60012 !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; } body .sgc-sidebar-mobile-overlay { display: block !important; position: fixed !important; inset: 0 !important; background: rgba(8, 13, 53, .45) !important; opacity: 0 !important; pointer-events: none !important; z-index: 1000000 !important; transition: opacity .2s ease !important; } body .sgc-archive-sidebar__drawer { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(90vw, 380px) !important; max-width: 380px !important; padding: 14px !important; overflow-x: hidden !important; overflow-y: auto !important; isolation: isolate !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; background: #fff !important; box-shadow: 0 18px 42px rgba(9, 24, 52, .24) !important; transform: translateX(110%) !important; transition: transform .24s ease !important; z-index: 1000001 !important; } body .sgc-sidebar-mobile-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 12px !important; padding: 0 0 12px !important; border-bottom: 1px solid #d2deeb !important; background: #fff !important; } body .sgc-sidebar-mobile-head strong { color: #080d35 !important; font-size: 20px !important; font-weight: 800 !important; } body .sgc-sidebar-mobile-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; padding: 0 !important; border: 1px solid #d2deeb !important; border-radius: 8px !important; background: #fff !important; color: #080d35 !important; } body.sgc-sidebar-mobile-open { overflow: hidden !important; } body.sgc-sidebar-mobile-open .sgc-sidebar-mobile-overlay { opacity: 1 !important; pointer-events: auto !important; } body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer { transform: translateX(0) !important; } body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer .sgc-archive-filters { position: relative !important; z-index: 2 !important; } body.sgc-sidebar-mobile-open .sgc-archive-main .sgc-sg-brand-logo, body.sgc-sidebar-mobile-open .sgc-archive-main .sgc-sg-card .gm-tooltip:hover::after, body.sgc-sidebar-mobile-open .sgc-archive-main .sgc-sg-card .gm-tooltip:focus::after{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } } @media (max-width: 900px) { body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap, body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { width: calc(100vw - 20px) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { width: 100% !important; max-width: 100% !important; gap: 4px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { height: 46px !important; min-height: 46px !important; padding: 0 7px !important; gap: 6px !important; font-size: 13px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { width: 18px !important; height: 18px !important; min-width: 18px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { padding: 14px !important; border-radius: 0 0 14px 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--2, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--3, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--4, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--5, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid--6, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-grid { grid-template-columns: 1fr !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { flex-direction: column !important; align-items: stretch !important; gap: 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit { width: 100% !important; min-width: 0 !important; } } /* ===== 0.9.234 follow-up fixes ===== */ /* Keep sport-package result pages truly full-width even after archive shell overrides. */ body .sgc-archive-shell.sgc-archive-shell--sport, body.woocommerce .sgc-archive-shell.sgc-archive-shell--sport, body.woocommerce-page .sgc-archive-shell.sgc-archive-shell--sport { display: block !important; grid-template-columns: none !important; width: min(calc(100% - 40px), 1360px) !important; max-width: 1360px !important; margin-left: auto !important; margin-right: auto !important; gap: 0 !important; } body .sgc-archive-shell.sgc-archive-shell--sport > .sgc-archive-main.sgc-archive-main--sport, body.woocommerce .sgc-archive-shell.sgc-archive-shell--sport > .sgc-archive-main.sgc-archive-main--sport, body.woocommerce-page .sgc-archive-shell.sgc-archive-shell--sport > .sgc-archive-main.sgc-archive-main--sport { display: block !important; width: 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important; } /* Home tooltip for homologation: anchor it next to the checkbox instead of drifting over the form. */ body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap { position: relative !important; overflow: visible !important; } body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip { left: auto !important; right: 0 !important; top: calc(100% + 10px) !important; bottom: auto !important; transform: none !important; width: 270px !important; max-width: min(270px, calc(100vw - 24px)) !important; } body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap .sgx-info-tooltip::before { left: auto !important; right: 18px !important; top: -6px !important; margin-left: 0 !important; } @media (max-width: 900px) { body .sgc-archive-shell.sgc-archive-shell--sport, body.woocommerce .sgc-archive-shell.sgc-archive-shell--sport, body.woocommerce-page .sgc-archive-shell.sgc-archive-shell--sport { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 480px) { /* Mobile filter drawer: cover the whole viewport so no underlying text bleeds through. */ body .sgc-sidebar-mobile-overlay { background: rgba(8, 13, 53, .58) !important; } body .sgc-archive-sidebar__drawer { width: 100vw !important; max-width: 100vw !important; right: 0 !important; left: 0 !important; border-radius: 0 !important; padding: 14px 12px calc(18px + env(safe-area-inset-bottom, 0px)) !important; } /* Archive mobile tabs: make all three tabs fit, including "По автомобил". */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 4px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { min-height: 48px !important; height: 48px !important; padding: 0 6px !important; gap: 5px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { width: 16px !important; height: 16px !important; min-width: 16px !important; flex: 0 0 16px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__text { display: block !important; white-space: normal !important; text-align: center !important; line-height: 1.02 !important; font-size: 13px !important; font-weight: 900 !important; } /* Home mobile tabs: prevent the third tab from getting clipped. */ body .home .sgx-search-ui .sgx-tabs, body .home .sgc-catalog.sgx-search-ui .sgx-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab { min-height: 48px !important; height: 48px !important; padding: 0 4px !important; gap: 4px !important; } body .home .sgx-search-ui .sgx-tab__icon, body .home .sgc-catalog.sgx-search-ui .sgx-tab__icon { width: 14px !important; height: 14px !important; min-width: 14px !important; flex: 0 0 14px !important; } body .home .sgx-search-ui .sgx-tab__text, body .home .sgc-catalog.sgx-search-ui .sgx-tab__text, body .home .sgx-search-ui .sgx-tab__main, body .home .sgc-catalog.sgx-search-ui .sgx-tab__main { display: block !important; white-space: normal !important; text-align: center !important; line-height: 1.02 !important; font-size: 12px !important; } body .home .sgx-search-ui .sgx-tab__prefix, body .home .sgc-catalog.sgx-search-ui .sgx-tab__prefix { display: none !important; } } /* ===== 0.9.235 mobile drawer cover fix ===== */ body.sgc-sidebar-mobile-open .sgc-sidebar-mobile-overlay { z-index: 2147483600 !important; } body.sgc-sidebar-mobile-open .sgc-archive-sidebar { position: relative !important; z-index: 2147483601 !important; } body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer { z-index: 2147483602 !important; background: #fff !important; box-shadow: none !important; } @media (max-width: 1199px) { /* Hide all archive content behind the drawer while filters are open. */ body.sgc-sidebar-mobile-open .sgc-archive-search-wrap, body.sgc-sidebar-mobile-open .sgc-archive-main, body.sgc-sidebar-mobile-open .sgc-archive-main-head, body.sgc-sidebar-mobile-open .sgc-archive-main-heading, body.sgc-sidebar-mobile-open .sgc-archive-title, body.sgc-sidebar-mobile-open .sgc-archive-found, body.sgc-sidebar-mobile-open .sgc-archive-main-tools, body.sgc-sidebar-mobile-open .woocommerce-ordering, body.sgc-sidebar-mobile-open .orderby, body.sgc-sidebar-mobile-open .sgc-sport-results, body.sgc-sidebar-mobile-open ul.products, body.sgc-sidebar-mobile-open .products { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer, body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer * { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } @media (max-width: 480px) { body.sgc-sidebar-mobile-open .sgc-archive-sidebar__drawer { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 100vh !important; background: #fff !important; } } /* ===== 0.9.236 mobile search alignment ===== */ @media (max-width: 480px) { body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap { transform: translateX(-12px) !important; } body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { transform: translateX(-12px) !important; } } /* ===== 0.9.237 mobile width and menu overlap fixes ===== */ @media (max-width: 480px) { /* Use more of the available viewport width and keep the card visually centered. */ body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap, body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { width: calc(100vw - 10px) !important; max-width: calc(100vw - 10px) !important; margin-left: 5px !important; margin-right: 5px !important; transform: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder, body .home .sgx-search-ui, body .home .sgc-catalog.sgx-search-ui { overflow: visible !important; }   } /* ===== 0.9.238 loupe restore + slimmer archive search ===== */  @media (max-width: 480px) {  body.sgc-sidebar-mobile-open .sgc-archive-main .sgc-sg-brand-logo{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } } /* Make the archive top finder a little lower and cleaner on desktop/tablet. */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { padding: 16px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-row { gap: 16px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid { gap: 10px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field { min-height: 60px !important; padding: 8px 11px 7px !important; border-radius: 7px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field__label { margin-bottom: 4px !important; font-size: 12px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field input[type="text"], body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .sgc-vehicle-select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-container, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection__rendered, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-selection--single, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .select2-container--default .select2-selection--single { height: 22px !important; min-height: 22px !important; line-height: 22px !important; font-size: 15px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { gap: 14px !important; padding-left: 18px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit { min-width: 158px !important; height: 48px !important; min-height: 48px !important; padding: 0 20px !important; font-size: 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit__icon { width: 18px !important; height: 18px !important; min-width: 18px !important; } @media (max-width: 900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { padding: 12px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field { min-height: 58px !important; } } /* ===== 0.9.239 homologation tooltip placement ===== */ /* WordPress puts "home" on the body element, so use body.home as well as the old descendant selector. */ body.home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip, body.home .sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip, body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip { position: relative !important; overflow: visible !important; } body.home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip { left: auto !important; right: -8px !important; top: auto !important; bottom: calc(100% + 12px) !important; transform: none !important; width: 270px !important; max-width: min(270px, calc(100vw - 24px)) !important; } body.home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgc-catalog.sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body .home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before { left: auto !important; right: 34px !important; top: 100% !important; bottom: auto !important; margin-left: 0 !important; transform: rotate(45deg) !important; } @media (max-width: 480px) { body.home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip, body.home .sgc-catalog.sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip { right: auto !important; left: 0 !important; transform: none !important; width: 245px !important; max-width: calc(100vw - 24px) !important; } body.home .sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgc-catalog.sgx-search-ui .sgx-actions-fixed--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before, body.home .sgc-catalog.sgx-search-ui .sgx-compact-actions--tyres > .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before { left: 22px !important; right: auto !important; } } /* ===== 0.9.240 archive search background like sidebar ===== */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { background: #f4f8fd !important; border-color: #d2deeb !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab:not(.is-active) { background: #f4f8fd !important; border-color: #d2deeb !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-card { background: #ffffff !important; border-color: #d2deeb !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { background: transparent !important; } /* ===== 0.9.241 sport mobile centering + delivery label spacing ===== */ @media (max-width: 480px) { /* Center archive finder and sport-package finder exactly in the device viewport. */ body .sgc-archive-search-wrap, body.woocommerce .sgc-archive-search-wrap, body.woocommerce-page .sgc-archive-search-wrap { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; box-sizing: border-box !important; } body .sgc-archive-search-wrap .sgc-archive-finder, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-sport-card { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid { width: 100% !important; max-width: 100% !important; } /* Long delivery filter label should fit inside the sidebar drawer. */ body .sgc-filter-check, body .sgc-grade-text { white-space: normal !important; } } /* ===== 0.9.242 sport package mobile left alignment ===== */ @media (max-width: 480px) { body .sgc-archive-search-wrap .sgc-archive-finder.sgc-archive-finder--sport { transform: translateX(-18px) !important; } body .sgc-archive-search-wrap .sgc-archive-finder.sgc-archive-finder--sport .sgc-af-card, body .sgc-archive-search-wrap .sgc-archive-finder.sgc-archive-finder--sport .sgc-af-tabs { max-width: calc(100vw - 18px) !important; } } /* ===== 0.9.244 vehicle finder size + tab stability ===== */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-grid { align-items: stretch !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field { min-height: 66px !important; padding: 9px 12px 7px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field__label { margin-bottom: 5px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .sgc-vehicle-select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .select2-container, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .select2-selection, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .select2-selection__rendered, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .select2-selection--single, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .select2-container--default .select2-selection--single { height: 24px !important; min-height: 24px !important; line-height: 24px !important; font-size: 16px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-vehicle-hint { margin-top: 12px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-vehicle-results { margin-top: 12px !important; } @media (max-width: 480px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field { min-height: 64px !important; padding: 9px 12px 7px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-field .sgc-vehicle-select { font-size: 15px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--cars .sgc-af-card { padding-left: 14px !important; padding-right: 14px !important; } } /* ===== 0.9.247 archive tyre actions vertical ===== */ @media (min-width: 901px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres { display: grid !important; grid-template-columns: max-content minmax(168px, auto) !important; grid-template-rows: repeat(3, auto) !important; align-items: center !important; align-content: center !important; justify-content: end !important; column-gap: 18px !important; row-gap: 9px !important; min-width: 330px !important; padding-left: 18px !important; white-space: nowrap !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgx-check--mode { grid-column: 1 !important; grid-row: 1 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > label.sgx-check:not(.sgx-check--mode):not(.sgx-check--with-info) { grid-column: 1 !important; grid-row: 2 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgx-check-info-wrap { grid-column: 1 !important; grid-row: 3 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgc-af-submit { grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: center !important; justify-self: end !important; } } @media (max-width: 900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 12px !important; min-width: 0 !important; width: 100% !important; padding-left: 0 !important; border-left: 0 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgx-check, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgx-check-info-wrap, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions.sgc-af-actions--tyres > .sgc-af-submit { grid-column: auto !important; grid-row: auto !important; } } /* ===== 0.9.248 archive homologation tooltip restore ===== */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip { position: relative !important; overflow: visible !important; z-index: 5 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip { display: none !important; position: absolute !important; left: 0 !important; right: auto !important; top: auto !important; bottom: calc(100% + 10px) !important; width: 280px !important; max-width: min(280px, calc(100vw - 24px)) !important; height: auto !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 10px !important; background: #102c50 !important; color: #ffffff !important; box-shadow: 0 10px 28px rgba(9, 30, 56, .18) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; white-space: normal !important; text-align: left !important; z-index: 2147483603 !important; pointer-events: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip::before { content: "" !important; position: absolute !important; left: 22px !important; right: auto !important; top: 100% !important; bottom: auto !important; width: 12px !important; height: 12px !important; margin-left: 0 !important; background: #102c50 !important; transform: rotate(45deg) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip:hover .sgx-info-tooltip, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip:focus-within .sgx-info-tooltip, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip.is-open .sgx-info-tooltip { display: block !important; } @media (max-width: 900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check-info-wrap--label-tooltip .sgx-info-tooltip { left: 0 !important; right: auto !important; bottom: calc(100% + 10px) !important; width: 250px !important; max-width: calc(100vw - 32px) !important; } } /* ===== 0.9.249 mobile product image slight enlarge ===== */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 116px minmax(0, 1fr) !important; gap: 7px 10px !important; } body .sgc-supergumi-layout .sgc-sg-media { min-height: 116px !important; } body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image { width: 114px !important; height: 114px !important; min-height: 114px !important; } body .sgc-supergumi-layout .sgc-sg-image img { max-width: 114px !important; max-height: 114px !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { max-width: 112px !important; min-width: 86px !important; } } @media (max-width: 360px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 104px minmax(0, 1fr) !important; } body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image { width: 102px !important; height: 102px !important; min-height: 102px !important; } body .sgc-supergumi-layout .sgc-sg-image img { max-width: 102px !important; max-height: 102px !important; } } /* 0.9.385: clearer archive finder tabs; keep the short archive labels. */ @media screen and (max-width: 767px) { body .sgx-search-ui--archive-modern .sgx-tab { min-height: 48px !important; height: 48px !important; padding-inline: 6px !important; } body .sgx-search-ui--archive-modern .sgx-tab__text, body .sgx-search-ui--archive-modern .sgx-tab__main { display: block !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: 0 !important; white-space: normal !important; text-align: center !important; } body .sgx-search-ui--archive-modern .sgx-tab__icon { width: 16px !important; height: 16px !important; min-width: 16px !important; flex-basis: 16px !important; } } @media screen and (max-width: 360px) { body .sgx-search-ui--archive-modern .sgx-tab__text, body .sgx-search-ui--archive-modern .sgx-tab__main { font-size: 12px !important; } } /* ===== 0.9.250 keep add-to-cart UX consistent on accessory archives ===== */ body .sgc-supergumi-layout .sgc-sg-buy-actions .added_to_cart, body .sgc-supergumi-layout .sgc-sg-buy-actions .added_to_cart.wc-forward, body .sgc-supergumi-layout .sgc-sg-card .added_to_cart, body .sgc-supergumi-layout .sgc-sg-card .added_to_cart.wc-forward { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* 0.9.308: Strong, consistent calls to action in vehicle fitment results. */ body .sgc-catalog .sgc-vehicle-fitment-box .sgc-vehicle-search-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 150px !important; min-height: 42px !important; margin: 12px 0 0 !important; padding: 10px 18px !important; border: 1px solid #d91034 !important; border-radius: 8px !important; background: linear-gradient(180deg, #f52b4d 0%, #e81235 100%) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 13px !important; line-height: 1 !important; font-weight: 900 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(232, 18, 53, .22) !important; cursor: pointer !important; opacity: 1 !important; } body .sgc-catalog .sgc-vehicle-fitment-box .sgc-vehicle-search-btn:hover, body .sgc-catalog .sgc-vehicle-fitment-box .sgc-vehicle-search-btn:focus { background: linear-gradient(180deg, #ff395a 0%, #d90d2f 100%) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; transform: translateY(-1px); } @media (max-width: 760px) { body .sgc-catalog .sgc-vehicle-fitment-box .sgc-vehicle-search-btn { width: 100% !important; min-width: 0 !important; } } /* ===== 0.9.310 compact delivery filter rows ===== */ body .sgc-filter-check--delivery { display: grid !important; grid-template-columns: 20px minmax(0, 1fr) auto !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; font-size: 14px !important; } body .sgc-filter-check--delivery .sgc-filter-delivery-label { min-width: 0 !important; white-space: nowrap !important; } body .sgc-filter-check--delivery .sgc-filter-delivery-count { margin-left: 2px !important; color: #34445f !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; text-align: right !important; } /* ===== 0.9.318 wheel sport-package checkbox stability ===== Prevent theme hover/focus styles from stacking the native checkbox above its label. */ body .sgx-actions-fixed--wheels, body .sgx-toolbar__right--wheels, body .sgx-compact-actions--wheels { overflow: visible !important; } body .sgx-actions-fixed--wheels > .sgx-actions-fixed__mode, body .sgx-actions-fixed--wheels > .sgx-compact-actions__mode { display: inline-flex !important; align-items: center !important; flex: 0 0 116px !important; width: 116px !important; min-width: 116px !important; max-width: 116px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; position: relative !important; transform: none !important; white-space: nowrap !important; } body .sgx-actions-fixed--wheels .sgx-check, body .sgx-actions-fixed--wheels .sgx-check:hover, body .sgx-actions-fixed--wheels .sgx-check:active, body .sgx-actions-fixed--wheels .sgx-check:focus, body .sgx-actions-fixed--wheels .sgx-check:focus-within, body .sgx-actions-fixed--wheels .sgx-check--mode, body .sgx-actions-fixed--wheels .sgx-check--mode:hover, body .sgx-actions-fixed--wheels .sgx-check--mode:active, body .sgx-actions-fixed--wheels .sgx-check--mode:focus, body .sgx-actions-fixed--wheels .sgx-check--mode:focus-within { display: grid !important; grid-template-columns: 16px max-content !important; grid-template-rows: 22px !important; align-items: center !important; justify-content: start !important; justify-items: start !important; column-gap: 7px !important; row-gap: 0 !important; width: 116px !important; min-width: 116px !important; max-width: 116px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; line-height: 22px !important; white-space: nowrap !important; position: relative !important; inset: auto !important; float: none !important; transform: none !important; box-sizing: border-box !important; } body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"], body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"]:hover, body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"]:active, body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"]:focus, body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"]:checked { display: block !important; grid-column: 1 !important; grid-row: 1 !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0 !important; padding: 0 !important; border-width: 1px !important; box-shadow: none !important; align-self: center !important; justify-self: start !important; position: static !important; inset: auto !important; float: none !important; transform: none !important; box-sizing: border-box !important; } body .sgx-actions-fixed--wheels .sgx-check span, body .sgx-actions-fixed--wheels .sgx-check:hover span, body .sgx-actions-fixed--wheels .sgx-check:active span, body .sgx-actions-fixed--wheels .sgx-check:focus span, body .sgx-actions-fixed--wheels .sgx-check:focus-within span, body .sgx-actions-fixed--wheels .sgx-check input[type="checkbox"]:checked + span { display: block !important; grid-column: 2 !important; grid-row: 1 !important; width: max-content !important; min-width: 0 !important; max-width: none !important; height: 22px !important; margin: 0 !important; padding: 0 !important; line-height: 22px !important; text-align: left !important; white-space: nowrap !important; align-self: center !important; justify-self: start !important; position: static !important; inset: auto !important; float: none !important; transform: none !important; box-sizing: border-box !important; } /* 0.9.322 dynamic 2/4 tyre condition in free-shipping catalog badge */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-free-shipping--image { max-width: 96px !important; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy small, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy small { display: block !important; margin-top: 2px !important; font-size: 8px !important; line-height: 1.05 !important; white-space: nowrap !important; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__office, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__office { display: none !important; } } /* 0.9.323 move free-shipping badge above product title */ body .sgc-supergumi-layout .sgc-sg-free-shipping--inline, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; max-width: 100%; margin: 0 0 8px; padding: 5px 10px; border-radius: 12px; background: linear-gradient(180deg, #f0ffd9 0%, #d8f3b6 100%); border: 1px solid rgba(94, 145, 46, .28); box-shadow: 0 3px 10px rgba(70, 110, 34, .08); color: #1d5f22; z-index: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon { flex: 0 0 auto; font-size: 14px; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy { display: flex; flex-direction: column; gap: 1px; min-width: 0; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong { font-size: 11px; line-height: 1.1; font-weight: 800; color: #176321; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small { display: flex; flex-wrap: wrap; gap: 2px; font-size: 10px; line-height: 1.15; color: #2f6f2e; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--inline, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline { margin: 0 0 7px; padding: 4px 8px; border-radius: 10px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon { font-size: 12px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong { font-size: 10px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small { font-size: 9px; } } /* 0.9.325 badge refresh: cleaner two-line free-shipping badge */ body .sgc-supergumi-layout .sgc-sg-free-shipping--inline, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; max-width: 100%; margin: 0 0 10px; padding: 6px 11px; border-radius: 14px; background: linear-gradient(180deg, #f3ffe6 0%, #e4f8cc 100%); border: 1px solid rgba(110, 164, 63, .28); box-shadow: 0 4px 12px rgba(58, 101, 27, .08); color: #1f5f20; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon-wrap, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon-wrap { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: rgba(255,255,255,.72); border: 1px solid rgba(110, 164, 63, .18); box-shadow: inset 0 1px 0 rgba(255,255,255,.45); } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon { font-size: 13px; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong { display: block; font-size: 11px; line-height: 1.1; font-weight: 800; letter-spacing: -.01em; color: #166320; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; font-size: 10px; line-height: 1.2; color: #517a43; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__condition--pill, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__condition--pill { display: inline-flex; align-items: center; min-height: 18px; padding: 1px 7px; border-radius: 999px; background: rgba(31, 121, 36, .09); border: 1px solid rgba(31, 121, 36, .14); color: #1d6523; font-weight: 700; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__sep, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__sep { color: #7ca06f; font-weight: 700; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__office, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__office { color: #436e3a; font-weight: 600; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline.sgc-sg-free-shipping--generic, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline.sgc-sg-free-shipping--generic { background: linear-gradient(180deg, #f6ffea 0%, #e8f8d5 100%); } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--inline, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline { gap: 7px; margin: 0 0 8px; padding: 5px 9px; border-radius: 12px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon-wrap, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon-wrap { width: 22px; height: 22px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon { font-size: 12px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong { font-size: 10px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy small { gap: 4px; font-size: 9px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__condition--pill, body.sgc-supergumi-layout .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__condition--pill { min-height: 16px; padding: 1px 6px; } } /* 0.9.328: free-shipping benefit moved after stock; full-width bar on mobile */ body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer { position: static !important; inset: auto !important; display: inline-flex !important; align-items: center; justify-content: flex-start; flex: 0 1 auto; gap: 6px; min-width: 0; min-height: 28px; margin: 0; padding: 4px 10px; border: 1px solid #cfe5bf; border-radius: 8px; background: #f2faec; box-shadow: none; color: #286a2d; line-height: 1.15; white-space: nowrap; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__icon-wrap, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__icon-wrap { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 999px; background: #dff2d1; color: #23802c; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__icon { font-size: 13px; font-weight: 900; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy { display: inline-flex; align-items: baseline; gap: 5px; min-width: 0; white-space: nowrap; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy strong { color: #1d6926; font-size: 13px; font-weight: 800; letter-spacing: -.01em; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__details, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__details { color: #4c7650; font-size: 12px; font-weight: 600; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer { flex: 0 0 100%; width: 100%; min-height: 36px; margin-top: 3px; padding: 7px 12px; justify-content: center; border-radius: 8px; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__copy strong, body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__details, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer .sgc-sg-free-shipping__details { font-size: 12px; } } /* Mobile free-shipping bar is rendered separately and activated by the mobile card stylesheet. */ body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile { display: none !important; } /* 0.9.328 mobile free-shipping bar between product info and price */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-card, body.sgc-supergumi-layout .sgc-sg-card { grid-template-areas: "media content" "shipping shipping" "eu eu" "buy buy" !important; } body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer, body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-free-shipping--footer { display: none !important; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile { grid-area: shipping; position: static !important; inset: auto !important; display: flex !important; align-items: center; justify-content: center; gap: 7px; width: 100%; min-width: 0; min-height: 36px; margin: 2px 0 0; padding: 7px 12px; box-sizing: border-box; border: 1px solid #cfe5bf; border-radius: 8px; background: #f2faec; box-shadow: none; color: #286a2d; line-height: 1.15; white-space: nowrap; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__icon-wrap, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__icon-wrap { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 999px; background: #dff2d1; color: #23802c; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__icon { font-size: 12px; font-weight: 900; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy { display: inline-flex; align-items: baseline; justify-content: center; gap: 5px; min-width: 0; white-space: nowrap; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy strong { color: #1d6926; font-size: 12px; font-weight: 800; letter-spacing: -.01em; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__details, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__details { color: #4c7650; font-size: 12px; font-weight: 600; } } @media (max-width: 360px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile { gap: 6px; padding-left: 8px; padding-right: 8px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy { gap: 4px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__copy strong, body .sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__details, body.sgc-supergumi-layout .sgc-sg-free-shipping--mobile .sgc-sg-free-shipping__details { font-size: 11px; } } /* 0.9.328: compact desktop image badge for free shipping */ body .sgc-supergumi-layout .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-free-shipping--image { position: absolute; top: 10px; left: 10px; z-index: 4; display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 54px); min-height: 28px; padding: 5px 9px; border-radius: 999px; background: rgba(241, 250, 236, 0.96); border: 1px solid #c9e1b7; box-shadow: 0 5px 14px rgba(36, 58, 25, 0.14); color: #1f5f1f; line-height: 1.05; backdrop-filter: blur(2px); } body .sgc-supergumi-layout .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-sale-badge + .sgc-sg-free-shipping--image { top: 52px; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__icon-wrap, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__icon-wrap { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 999px; background: #dff2d1; color: #23802c; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__icon { font-size: 11px; font-weight: 900; line-height: 1; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy { display: inline-flex; align-items: center; min-width: 0; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy strong, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__copy strong { display: inline-block; font-size: 11px; font-weight: 800; color: #1d6b1d; white-space: nowrap; letter-spacing: -.01em; } body .sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__details, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__details { display: none !important; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-free-shipping--image { display: none !important; } } /* Mobile catalogue symbol tooltips. */ @media (max-width: 767px) { body .sgc-archive-main .sgc-sg-content { position: relative !important; z-index: 30 !important; overflow: visible !important; } body .sgc-archive-main .sgc-sg-mobile-status, body .sgc-archive-main .sgc-sg-free-shipping--mobile, body .sgc-archive-main .sgc-sg-buy { position: relative !important; z-index: 1 !important; } body .sgc-archive-main .sgc-sg-card .sgc-sg-tags--symbols { position: relative !important; z-index: 80 !important; overflow: visible !important; } body .sgc-archive-main .sgc-sg-card .gm-tooltip:hover::after, body .sgc-archive-main .sgc-sg-card .gm-tooltip:focus::after { top: auto !important; bottom: calc(100% + 7px) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; min-width: 180px !important; width: max-content !important; max-width: min(260px, calc(100vw - 28px)) !important; padding: 9px 11px !important; border-radius: 7px !important; background: #102c50 !important; color: #ffffff !important; opacity: 1 !important; visibility: visible !important; z-index: 2147483646 !important; box-shadow: 0 8px 22px rgba(9, 30, 56, .30) !important; pointer-events: none !important; } } /* Final archive status colors: labels/text are dark; only delivery range and stock quantity are green. */ body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-foot-item--delivery, body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-foot-item--delivery, body .sgc-archive-main .sgc-sg-mobile-status__delivery, body.sgc-supergumi-layout .sgc-sg-delivery-label, body.sgc-supergumi-layout .sgc-sg-delivery-text, body .sgc-supergumi-layout .sgc-sg-delivery-label, body .sgc-supergumi-layout .sgc-sg-delivery-text, body .sgc-archive-main .sgc-sg-delivery-label, body .sgc-archive-main .sgc-sg-delivery-text { color: #1f2937 !important; font-weight: 700 !important; } body.sgc-supergumi-layout .sgc-sg-delivery-range, body .sgc-supergumi-layout .sgc-sg-delivery-range, body .sgc-archive-main .sgc-sg-delivery-range, body.sgc-supergumi-layout .sgc-sg-stock-qty, body .sgc-supergumi-layout .sgc-sg-stock-qty, body .sgc-archive-main .sgc-sg-stock-qty { color: #23802c !important; font-weight: 800 !important; } body.sgc-supergumi-layout .sgc-sg-footer .sgc-sg-foot-item.is-in, body .sgc-supergumi-layout .sgc-sg-footer .sgc-sg-foot-item.is-in, body .sgc-archive-main .sgc-sg-mobile-status__stock.is-in, body.sgc-supergumi-layout .sgc-sg-stock-label, body .sgc-supergumi-layout .sgc-sg-stock-label, body .sgc-archive-main .sgc-sg-stock-label { color: #1f2937 !important; font-weight: 700 !important; } /* ===== 0.9.455 collapsible sticky filters + clean chevrons + flat mobile orderby ===== */ /* Desktop sidebar stays sticky. It only gains its own scrollbar when expanded sections exceed the available viewport height. */ @media (min-width:1200px) { body .sgc-archive-sidebar { top:18px !important; } body.admin-bar .sgc-archive-sidebar { top:50px !important; } body .sgc-archive-sidebar__drawer { width:100% !important; max-height:calc(100vh - 36px) !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior-y:contain !important; scrollbar-width:thin !important; scrollbar-color:#c7d1dd transparent !important; } body.admin-bar .sgc-archive-sidebar__drawer { max-height:calc(100vh - 68px) !important; } body .sgc-archive-sidebar__drawer::-webkit-scrollbar { width:6px !important; } body .sgc-archive-sidebar__drawer::-webkit-scrollbar-track { background:transparent !important; } body .sgc-archive-sidebar__drawer::-webkit-scrollbar-thumb { background:#c7d1dd !important; border-radius:999px !important; } body .sgc-filter-card__head { cursor:pointer !important; } } /* One restrained chevron style on desktop and mobile; no text glyph arrows. */ body .sgc-filter-card__arrow { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; min-width:20px !important; flex:0 0 20px !important; margin-left:10px !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#27415e !important; font-size:0 !important; line-height:1 !important; box-shadow:none !important; } body .sgc-filter-card__arrow::before { content:"" !important; display:block !important; width:7px !important; height:7px !important; border-right:1.7px solid currentColor !important; border-bottom:1.7px solid currentColor !important; transform:rotate(45deg) translate(-1px,-1px) !important; transform-origin:center !important; transition:transform .18s ease !important; } body .sgc-filter-card__head[aria-expanded="true"] .sgc-filter-card__arrow::before { transform:rotate(-135deg) translate(-1px,-1px) !important; } body .sgc-filter-card__head:hover .sgc-filter-card__arrow { color:#e5092c !important; } /* Mobile orderby: real native select, completely flat (no shadow). */ @media (max-width:767px) { body .sgc-archive-main-tools, body .sgc-archive-main-tools .woocommerce-ordering, body .sgc-archive-main-tools form.woocommerce-ordering { overflow:visible !important; } body .sgc-orderby-proxy { display:block !important; position:relative !important; width:100% !important; max-width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; clear:both !important; box-shadow:none !important; } body .sgc-orderby-proxy__label { display:block !important; margin:0 0 6px !important; color:#6d7d91 !important; -webkit-text-fill-color:#6d7d91 !important; font-size:12px !important; font-weight:800 !important; line-height:1.15 !important; } body .sgc-orderby-proxy__value, body .sgc-orderby-proxy__arrow { display:none !important; } body .sgc-orderby-proxy .sgc-orderby-native, body .sgc-archive-main-tools .sgc-orderby-proxy select, body .sgc-archive-main-tools .sgc-orderby-proxy .orderby { display:block !important; position:relative !important; inset:auto !important; width:100% !important; max-width:100% !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:0 40px 0 13px !important; opacity:1 !important; appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; border:1px solid #dbe4ee !important; border-radius:10px !important; background:#fff !important; background-image:none !important; color:#173452 !important; -webkit-text-fill-color:#173452 !important; text-shadow:none !important; text-indent:0 !important; overflow:visible !important; font-size:13px !important; font-weight:800 !important; line-height:normal !important; box-shadow:none !important; filter:none !important; z-index:1 !important; cursor:pointer !important; } body .sgc-orderby-proxy .sgc-orderby-native option, body .sgc-archive-main-tools .sgc-orderby-proxy select option, body .sgc-archive-main-tools .sgc-orderby-proxy .orderby option { color:#173452 !important; -webkit-text-fill-color:#173452 !important; background:#fff !important; text-indent:0 !important; font-size:14px !important; } body .sgc-orderby-proxy::after { content:"" !important; display:block !important; position:absolute !important; right:15px !important; bottom:18px !important; width:7px !important; height:7px !important; border-right:1.7px solid #19324d !important; border-bottom:1.7px solid #19324d !important; transform:rotate(45deg) !important; transform-origin:center !important; pointer-events:none !important; z-index:3 !important; } } /* ===== 0.9.463 mobile finder tabs: two-row hierarchy polish ===== */ @media (max-width:900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:3px !important; row-gap:3px !important; overflow:visible !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { min-width:0 !important; width:100% !important; gap:5px !important; padding-inline:5px !important; font-size:12px !important; overflow:hidden !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab[data-sgc-tab="cars"] { grid-column:1 / -1 !important; height:42px !important; min-height:42px !important; padding-block:0 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { width:14px !important; height:14px !important; min-width:14px !important; flex:0 0 14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab span, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__text { min-width:0 !important; max-width:100% !important; overflow:hidden !important; text-overflow:clip !important; white-space:nowrap !important; } } /* ===== 0.9.466 homepage mobile tabs: tyres + wheels first row, vehicle search below ===== */ @media (max-width: 900px) { body.home .sgx-search-ui .sgx-tabs, body.home .sgc-catalog.sgx-search-ui .sgx-tabs { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:3px !important; row-gap:3px !important; width:100% !important; max-width:100% !important; overflow:visible !important; } body.home .sgx-search-ui .sgx-tab, body.home .sgc-catalog.sgx-search-ui .sgx-tab { width:100% !important; min-width:0 !important; max-width:none !important; overflow:hidden !important; } body.home .sgx-search-ui .sgx-tab[data-sgc-tab="cars"], body.home .sgc-catalog.sgx-search-ui .sgx-tab[data-sgc-tab="cars"] { grid-column:1 / -1 !important; } body.home .sgx-search-ui .sgx-tab__text, body.home .sgc-catalog.sgx-search-ui .sgx-tab__text, body.home .sgx-search-ui .sgx-tab__main, body.home .sgc-catalog.sgx-search-ui .sgx-tab__main { white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; } }