/* 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; } } .sgc-supergumi-layout .products .product, .sgc-supergumi-layout .wd-products .product, .sgc-supergumi-layout .product-grid-item { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; display: block !important; padding: 0 !important; margin: 0 0 12px !important; background: transparent !important; } .sgc-supergumi-layout .products .product >:not(.sgc-sg-card), .sgc-supergumi-layout .wd-products .product >:not(.sgc-sg-card), .sgc-supergumi-layout .product-grid-item >:not(.sgc-sg-card) { display: none !important; } .sgc-sg-card { display: grid; grid-template-areas: "media content eu buy" "media footer footer buy"; gap: 0 20px; align-items: center; width: 100%; box-sizing: border-box; } .sgc-sg-media { grid-area: media; position: relative; display: flex; align-items: center; justify-content: center; min-height: 132px; } .sgc-sg-image img { display: block; width: auto; object-fit: contain; } .sgc-sg-brand-badge { position: absolute; left: 0; bottom: 0; background: #eef1f5; border-radius: 3px; padding: 4px 10px; text-transform: uppercase; } .sgc-sg-content { grid-area: content; align-self: center; min-width: 0; } .sgc-sg-title { display: block; margin: 0 0 8px; font-weight: 800; text-transform: uppercase; text-decoration: none !important; } .sgc-sg-sub { margin-bottom: 8px; } .sgc-sg-size-line { display: none; margin: -2px 0 8px; font-size: 12px; line-height: 1.15; font-weight: 900; color: #24364e; text-transform: uppercase; } .sgc-sg-size-main { display: inline-flex; align-items: center; } .sgc-sg-size-sep { display: none; } .sgc-sg-dot-inline { display: none; } .sgc-sg-tags.sgc-sg-tags--eu-mini { display: none !important; } .sgc-sg-tags--eu-mini { margin-bottom: 6px; } .sgc-sg-eu-mini-badge { border-radius: 999px; } .sgc-sg-eu-mini-icon { display: inline-flex; align-items: center; justify-content: center; width: 11px; height: 11px; margin-right: 4px; color: currentColor; opacity: 0.95; } .sgc-sg-eu-mini-icon .sgc-sg-eu-svg { width: 11px; height: 11px; } .sgc-sg-eu-mini-text { display: inline-flex; align-items: center; } .sgc-sg-noise--mini { min-width: auto; } .sgc-sg-tags { display: flex; flex-wrap: wrap; gap: 6px; } .sgc-sg-tags > span { display: inline-flex; min-height: 22px; align-items: center; padding: 3px 7px; border-radius: 4px; background: #f3e8e8; color: #24364e; font-size: 12px; font-weight: 800; } .sgc-sg-eu { grid-area: eu; display: flex; flex-direction: column; gap: 7px; align-items: flex-start; justify-content: center; } .sgc-sg-eu-row { display: flex; align-items: center; } .sgc-sg-eu-icon { text-align: center; } .sgc-sg-grade { background: #b6df36; } .sgc-sg-noise { display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; background: #070707; color: #fff; font-weight: 900; } .sgc-sg-buy { grid-area: buy; align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding-right: 0; } .sgc-sg-price { color: #ed1838; font-size: 18px; font-weight: 900; text-align: right; line-height: 1.25; } .sgc-sg-price .amount { color: #ed1838; font-size: 18px; font-weight: 900; } .sgc-sg-buy .button, .sgc-sg-buy .add_to_cart_button { display: inline-flex !important; align-items: center; justify-content: center; min-width: 96px; min-height: 44px; padding: 0 20px !important; color: #fff !important; font-size: 15px !important; font-weight: 900 !important; text-transform: uppercase; text-decoration: none !important; line-height: 1 !important; } .sgc-sg-footer { grid-area: footer; display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin: 14px -176px 0 0; padding: 11px 176px 11px 0; color: #637084; } .sgc-sg-foot-item { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .sgc-sg-foot-item.is-fast, .sgc-sg-foot-item.is-in { color: #526174; } .sgc-sg-foot-item.is-slow, .sgc-sg-foot-item.is-out { color: #d40000; } @media (max-width:900px) { .sgc-sg-card { grid-template-areas: "media content buy" "media eu buy" "footer footer footer"; gap: 12px; } .sgc-sg-eu { flex-direction: row; flex-wrap: wrap; } .sgc-sg-footer { margin-right: 0; padding-right: 0; gap: 12px; } } @media (max-width:767px) { .sgc-sg-size-line { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; margin: -1px 0 5px; text-align: center; font-size: 12px; line-height: 1.18; font-weight: 900; color: #24364e; text-transform: uppercase; } .sgc-sg-size-sep { display: inline-flex; align-items: center; opacity: 0.65; } .sgc-sg-dot-inline { display: inline-flex; align-items: center; justify-content: center; min-height: 20px; padding: 2px 8px; border-radius: 999px; background: #16b11d; color: #fff; font-size: 10.5px; font-weight: 900; line-height: 1; white-space: nowrap; } .sgc-sg-card .sgc-sg-tags--eu-mini { display: flex !important; justify-content: center; align-items: center; width: 100%; margin: 0 0 5px; } .sgc-sg-card .sgc-sg-eu { display: none !important; } .sgc-sg-card { grid-template-columns: 110px 1fr; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy"; align-items: start; padding: 12px; } .sgc-sg-content { align-self: start; padding-top: 0; } .sgc-sg-title { font-size: 16px; } .sgc-sg-buy { align-items: stretch; flex-direction: row; justify-content: space-between; } .sgc-sg-buy .button { min-width: 110px; } } .sgc-sg-tags .sgc-sg-dot { display: inline-flex; min-height: 22px; align-items: center; padding: 3px 8px; border-radius: 4px; font-size: 12px; font-weight: 900; line-height: 1; white-space: nowrap; } .sgc-sg-sale-badge { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 999px; background: #ed1838; color: #fff; font-size: 14px; font-weight: 900; line-height: 1; box-shadow: 0 4px 12px rgba(237, 24, 56, .25); } .sgc-sg-card--wheel .sgc-sg-eu { align-items: flex-start; gap: 6px; } .sgc-sg-wheel-icon { color: #8d98a8; margin-right: 4px; } .sgc-sg-price del { display: block; color: #9ca6b4; font-size: 14px; font-weight: 700; opacity: .9; } .sgc-sg-price del .amount { color: #9ca6b4 !important; font-size: 14px !important; font-weight: 700 !important; } .sgc-sg-price ins { display: block; text-decoration: none; } .sgc-sg-eu-icon { display: inline-flex; align-items: center; justify-content: center; color: #7b8795; filter: none !important; opacity: 1 !important; } .sgc-sg-eu-svg { display: block; } .sgc-sg-eu-icon--wet .sgc-sg-eu-svg { width: 18px; height: 18px; } .sgc-sg-foot-item.is-available { color: #169b2f; font-weight: 800; } .sgc-sg-wheel-spacer { min-width: 1px; } .sgc-sg-card--wheel .sgc-sg-eu.sgc-sg-wheel-spacer { display: block; } .sgc-sg-card { min-height: 210px; padding: 22px 14px 0 26px; grid-template-columns: 240px minmax(300px, 1fr) 82px 180px; } .sgc-sg-image { min-height: 178px; } .sgc-sg-image img { max-height: 185px; max-width: 235px; } .sgc-sg-title { font-size: 22px; line-height: 1.18; } .sgc-sg-sub { font-size: 15px; } .sgc-sg-tags span, .sgc-sg-tags .sgc-sg-dot { min-height: 25px; padding: 4px 9px; font-size: 13px; } .sgc-sg-eu-row { gap: 8px; min-height: 27px; } .sgc-sg-eu-icon { width: 27px; height: 27px; } .sgc-sg-eu-svg { width: 22px; height: 22px; } .sgc-sg-grade { height: 24px; } .sgc-sg-noise { min-width: 38px; height: 24px; font-size: 13px; } .sgc-sg-price, .sgc-sg-price .amount { font-size: 20px; } .sgc-sg-footer { font-size: 15px; min-height: 48px; } .sgc-sg-brand-logo { position: absolute; left: 0; bottom: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 84px; max-width: 118px; height: 28px; padding: 3px 8px; border-radius: 3px; background: rgba(238, 241, 245, .96); box-shadow: 0 1px 4px rgba(15, 35, 60, .08); } .sgc-quick-modal { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(10, 18, 32, .78); } .sgc-quick-modal.is-open { display: flex; } .sgc-quick-modal__inner { position: relative; max-width: min(920px, 92vw); max-height: 88vh; padding: 24px; border-radius: 10px; background: #fff; box-shadow: 0 22px 70px rgba(0, 0, 0, .35); } .sgc-quick-modal__img { display: block; max-width: 100%; max-height: 78vh; object-fit: contain; } .sgc-quick-modal__close { position: absolute; top: -14px; right: -14px; width: 36px; height: 36px; border: 0; border-radius: 999px; background: #ed1838; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; } .sgc-modal-open { overflow: hidden; } @media (max-width:900px) { .sgc-sg-card { grid-template-columns: 170px 1fr 135px; } .sgc-sg-image img { max-width: 160px; max-height: 140px; } } .sgc-sg-grade { color: #fff !important; min-width: 22px; min-height: 22px; padding: 3px 8px; border-radius: 4px; font-weight: 900; font-size: 13px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .sgc-sg-grade--a { background: #00843d !important; } .sgc-sg-grade--b { background: #39b54a !important; } .sgc-sg-grade--c { background: #b6d936 !important; color: #15220d !important; } .sgc-sg-grade--d { background: #ffd500 !important; color: #231f20 !important; } .sgc-sg-grade--e { background: #f7941d !important; color: #231f20 !important; } .sgc-sg-grade--f { background: #ef4123 !important; } .sgc-sg-grade--g { background: #c8102e !important; } .sgc-sg-symbol { border: 1px solid #d7e0ec; color: #173052; cursor: help; } .sgc-sg-symbol:hover, .sgc-sg-symbol:focus { background: #e2e9f3; } .sgc-sg-card .gm-tooltip { position: relative; overflow: visible !important; } .sgc-sg-tags--symbols { overflow: visible !important; } .sgc-sg-card .gm-tooltip:hover::after, .sgc-sg-card .gm-tooltip:focus::after { content: attr(data-tooltip); position: absolute; left: 0; top: calc(100% + 10px); bottom: auto; z-index: 9999; width: max-content; max-width: 280px; 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); } .sgc-sg-tags--symbols { margin-top: 8px !important; } .sgc-sg-tags--symbols .sgc-sg-symbol { background: #eef2f8; border-color: #d8e0ea; } .sgc-sg-sale-badge { left: 14px !important; top: 14px !important; z-index: 9 !important; } @media (max-width:1024px) { .sgc-catalog { width: 100%; padding-left: 10px; padding-right: 10px; } .sgc-tab-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .sgc-tab { width: 100%; padding: 12px 10px; font-size: 14px; } .sgc-panel { padding: 14px; border-radius: 6px; } .sgc-tyre-search, .sgc-wheel-search { display: block !important; } .sgc-search label { font-size: 12px; } .sgc-search select, .sgc-search input[type="text"] { min-height: 44px; font-size: 15px; } } @media (max-width:767px) { .sgc-archive-search-wrap { margin-bottom: 18px !important; } .sgc-sg-card { display: grid !important; grid-template-columns: 132px minmax(0, 1fr) !important; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy" !important; gap: 10px 12px !important; min-height: 0 !important; padding: 12px !important; border-radius: 8px !important; } .sgc-sg-media { min-height: 128px !important; padding-bottom: 20px !important; } .sgc-sg-image img { max-width: 128px !important; max-height: 128px !important; } .sgc-sg-title { font-size: 17px !important; line-height: 1.18 !important; margin-bottom: 6px !important; } .sgc-sg-sub { font-size: 13px !important; margin-bottom: 6px !important; } .sgc-sg-tags { gap: 5px !important; } .sgc-sg-tags span, .sgc-sg-tags .sgc-sg-dot, .sgc-sg-symbol { min-height: 23px !important; padding: 3px 7px !important; font-size: 12px !important; } .sgc-sg-eu { grid-area: eu !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; padding-top: 8px !important; border-top: 1px solid #edf1f5; } .sgc-sg-eu-row { min-height: 24px !important; gap: 5px !important; } .sgc-sg-eu-icon { width: 22px !important; height: 22px !important; } .sgc-sg-grade, .sgc-sg-noise { min-height: 22px !important; height: 22px !important; font-size: 12px !important; } .sgc-sg-footer { grid-area: footer !important; margin: 0 !important; padding: 8px 0 0 !important; min-height: 0 !important; gap: 12px !important; font-size: 13px !important; } .sgc-sg-buy { grid-area: buy !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 160px !important; align-items: center !important; gap: 10px !important; padding: 8px 0 0 !important; border-top: 1px solid #edf1f5; } .sgc-sg-price, .sgc-sg-price .amount { font-size: 18px !important; text-align: left !important; } .sgc-sg-price del, .sgc-sg-price del .amount { font-size: 12px !important; } .sgc-sg-buy .button, .sgc-sg-buy .add_to_cart_button { min-width: 0 !important; width: 100% !important; min-height: 42px !important; padding: 0 10px !important; font-size: 13px !important; } .sgc-sg-sale-badge { width: 42px !important; height: 42px !important; top: 8px !important; left: 8px !important; font-size: 13px !important; } .sgc-sg-brand-logo, .sgc-sg-brand-badge { padding: 3px 8px !important; } } @media (max-width:520px) { .sgc-tab-buttons { grid-template-columns: 1fr; } .sgc-sg-card { grid-template-columns: 112px minmax(0, 1fr) !important; gap: 9px !important; } .sgc-sg-media { min-height: 116px !important; } .sgc-sg-image img { max-width: 112px !important; max-height: 116px !important; } .sgc-sg-title { font-size: 15px !important; } .sgc-sg-buy { grid-template-columns: 1fr !important; } .sgc-sg-price, .sgc-sg-price .amount { text-align: center !important; } } .sgc-sg-brand-logo, .sgc-sg-brand-badge { left: 50% !important; right: auto !important; top: auto !important; bottom: 8px !important; transform: translateX(-50%) !important; z-index: 7 !important; min-width: 118px !important; max-width: 168px !important; height: 38px !important; min-height: 38px !important; padding: 5px 12px !important; background: rgba(255, 255, 255, .98) !important; border: 1px solid rgba(210, 218, 228, .9) !important; border-radius: 6px !important; box-shadow: 0 5px 18px rgba(16, 35, 60, .18) !important; overflow: hidden !important; } .sgc-sg-brand-logo-img { display: block !important; width: auto !important; height: auto !important; max-width: 148px !important; max-height: 30px !important; object-fit: contain !important; image-rendering: auto !important; } .sgc-sg-brand-badge { font-size: 13px !important; font-weight: 900 !important; color: #17304f !important; } .sgc-sg-media { padding-bottom: 22px !important; } @media (max-width:767px) { .sgc-sg-brand-logo, .sgc-sg-brand-badge { min-width: 102px !important; max-width: 142px !important; height: 34px !important; min-height: 34px !important; bottom: 6px !important; } .sgc-sg-brand-logo-img { max-width: 126px !important; max-height: 26px !important; } } @media (min-width: 768px) { .sgc-sg-card .sgc-sg-tags--symbols { overflow: visible !important; } .sgc-sg-card .gm-tooltip { position: relative !important; overflow: visible !important; } .sgc-sg-card .gm-tooltip:hover::after, .sgc-sg-card .gm-tooltip:focus::after { top: calc(100% + 12px) !important; bottom: auto !important; left: 0 !important; z-index: 10020 !important; } } /* VAT note below catalogue prices, keeping the price centred on every viewport. */ .sgc-sg-price-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 100%; text-align: center; } .sgc-sg-price-wrap .sgc-sg-price { width: 100%; min-width: 0; text-align: center !important; } .sgc-sg-vat-note { display: block; flex: 0 0 auto; margin: 0; color: rgba(255,255,255,.78); font-size: 10px; line-height: 1.15; font-weight: 750; white-space: nowrap; text-align: center; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-price-wrap { width: 100%; align-items: center; justify-content: center; } body .sgc-supergumi-layout .sgc-sg-vat-note { margin: 0; font-size: 9px; } } /* 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: 12px; 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: 06-archive-layout.css Starts around original public.css line 4060; complete top-level CSS blocks are preserved. Archive shell/sidebar/product card layout. */ .sgc-archive-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; } .sgc-archive-main-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .sgc-archive-main-heading { min-width: 0; } .sgc-archive-title { margin: 0 0 4px; color: #18304e; font-weight: 900; } .sgc-archive-found { color: #718198; font-weight: 700; } .sgc-archive-main-tools { display: flex; align-items: center; gap: 12px; margin-left: auto; } .sgc-archive-main-tools .woocommerce-result-count { display: none !important; } .sgc-archive-main-tools .woocommerce-ordering, .sgc-archive-main-tools form.woocommerce-ordering { float: none; margin: 0; } .sgc-archive-main-tools select, .sgc-archive-main-tools .orderby { min-height: 42px; padding: 0 38px 0 14px; border: 1px solid #dce4ee; border-radius: 10px; background: #fff; color: #22344e; font-size: 14px; font-weight: 700; } .sgc-supergumi-layout ul.products, .sgc-supergumi-layout .products { margin-top: 0 !important; } .sgc-supergumi-layout .product-grid-item { margin-bottom: 14px !important; } .sgc-supergumi-layout .sgc-sg-card { display: grid; grid-template-columns: 150px minmax(0, 1fr) 88px 220px; grid-template-areas: "media content eu buy" "media footer eu buy"; align-items: stretch; gap: 0 22px; min-height: 152px; padding: 12px 20px; background: #fff; border: 1px solid #edf2f7; border-radius: 16px; box-shadow: 0 10px 28px rgba(15, 35, 65, 0.06); } .sgc-supergumi-layout .sgc-sg-media { grid-area: media; display: flex; align-items: center; justify-content: center; min-height: 126px; padding: 8px 0 22px; } .sgc-supergumi-layout .sgc-sg-image img { max-width: 118px; max-height: 118px; object-fit: contain; } .sgc-supergumi-layout .sgc-sg-content { grid-area: content; align-self: end; padding-top: 10px; } .sgc-supergumi-layout .sgc-sg-title { display: block; margin-bottom: 8px; color: #18304e; font-size: 21px; line-height: 1.12; font-weight: 900; text-decoration: none; } .sgc-supergumi-layout .sgc-sg-sub { margin-bottom: 10px; color: #6b7b92; font-size: 15px; font-weight: 700; } .sgc-supergumi-layout .sgc-sg-tags { display: flex; flex-wrap: wrap; gap: 8px; } .sgc-supergumi-layout .sgc-sg-tags span, .sgc-supergumi-layout .sgc-sg-dot, .sgc-supergumi-layout .sgc-sg-symbol { min-height: 28px; padding: 5px 10px; border-radius: 999px; background: #eef3f9; color: #27405d; font-size: 13px; font-weight: 800; } .sgc-supergumi-layout .sgc-sg-dot { background: #25b537 !important; color: #fff !important; } .sgc-supergumi-layout .sgc-sg-eu { grid-area: eu; align-self: center; justify-self: center; gap: 8px; } .sgc-supergumi-layout .sgc-sg-eu-row { display: flex; align-items: center; gap: 8px; } .sgc-supergumi-layout .sgc-sg-grade, .sgc-supergumi-layout .sgc-sg-noise { min-width: 34px; height: 30px; padding: 0 8px; border-radius: 6px; font-size: 13px; font-weight: 900; } .sgc-supergumi-layout .sgc-sg-buy { grid-area: buy; align-self: center; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; padding-left: 12px; border-left: 1px solid #edf2f7; } .sgc-supergumi-layout .sgc-sg-price { color: #18304e; font-size: 20px; line-height: 1.15; font-weight: 900; text-align: right; } .sgc-supergumi-layout .sgc-sg-price .amount, .sgc-supergumi-layout .sgc-sg-price ins .amount { color: #18304e; font-size: 20px; font-weight: 900; } .sgc-supergumi-layout .sgc-sg-price del, .sgc-supergumi-layout .sgc-sg-price del .amount { color: #7f8da1; font-size: 13px; font-weight: 700; } .sgc-supergumi-layout .sgc-sg-buy-actions { display: grid; gap: 8px; } .sgc-supergumi-layout .sgc-sg-add-to-cart, .sgc-supergumi-layout .sgc-sg-view-link { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; padding: 0 14px; border-radius: 10px; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; } .sgc-supergumi-layout .sgc-sg-add-to-cart { background: linear-gradient(180deg, #ff355b 0%, #ed1838 100%); border: 1px solid transparent; color: #fff; box-shadow: 0 10px 18px rgba(237, 24, 56, 0.15); } .sgc-supergumi-layout .sgc-sg-view-link { border: 1px solid #d4dde8; background: #fff; color: #243755; } .sgc-supergumi-layout .sgc-sg-footer { grid-area: footer; align-self: start; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; padding-top: 14px; color: #2b9150; font-size: 15px; font-weight: 800; } .sgc-supergumi-layout .sgc-sg-foot-item { color: #2b9150; } .sgc-supergumi-layout .sgc-sg-foot-item.is-fast, .sgc-supergumi-layout .sgc-sg-foot-item.is-in, .sgc-supergumi-layout .sgc-sg-foot-item.is-available { color: #2b9150; } .sgc-supergumi-layout .sgc-sg-foot-item.is-slow, .sgc-supergumi-layout .sgc-sg-foot-item.is-out { color: #b04d39; } .sgc-supergumi-layout .sgc-sg-sale-badge { left: 10px !important; top: 10px !important; } .sgc-supergumi-layout .sgc-sg-brand-logo, .sgc-supergumi-layout .sgc-sg-brand-badge { left: 50% !important; bottom: 6px !important; } @media (max-width:1200px) { .sgc-archive-shell { grid-template-columns: 1fr; } .sgc-archive-main-head { flex-direction: column; align-items: stretch; } .sgc-archive-main-tools { margin-left: 0; justify-content: flex-start; } .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 132px minmax(0, 1fr) 74px 188px; gap: 0 16px; padding: 12px 16px; } .sgc-supergumi-layout .sgc-sg-title { font-size: 18px; } } @media (max-width:991px) { .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 132px minmax(0, 1fr); grid-template-areas: "media content" "eu eu" "footer footer" "buy buy"; gap: 12px 16px; } .sgc-supergumi-layout .sgc-sg-eu { justify-self: start; flex-direction: row; } .sgc-supergumi-layout .sgc-sg-buy { padding-left: 0; border-left: 0; padding-top: 12px; border-top: 1px solid #edf2f7; } .sgc-supergumi-layout .sgc-sg-price { text-align: left; } } @media (max-width:640px) { .sgc-archive-title { font-size: 30px; } .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 1fr; grid-template-areas: "media" "content" "eu" "footer" "buy"; } .sgc-supergumi-layout .sgc-sg-media { min-height: 0; } } .sgc-archive-shell { grid-template-areas: "sgc-sidebar sgc-main"; align-items: start !important; } .sgc-archive-main { grid-area: sgc-main !important; float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; } .woocommerce .sgc-archive-main ul.products, .woocommerce-page .sgc-archive-main ul.products, .sgc-archive-main ul.products, .sgc-archive-main .products { clear: none !important; float: none !important; width: 100% !important; margin-top: 0 !important; padding-top: 0 !important; } .sgc-archive-main-head { margin-bottom: 14px !important; min-height: 0 !important; } .sgc-archive-title { font-size: 30px !important; line-height: 1.12 !important; letter-spacing: -0.02em; } .sgc-archive-found { font-size: 14px !important; } .sgc-archive-main-tools { padding-top: 4px; } .sgc-supergumi-layout .sgc-sg-card { width: 100% !important; margin-top: 0 !important; } .sgc-supergumi-layout .product-grid-item, .sgc-supergumi-layout ul.products li.product, .sgc-supergumi-layout .products .product { clear: none !important; float: none !important; width: 100% !important; max-width: 100% !important; } .sgc-archive-main > ul.products:first-of-type, .sgc-archive-main > .products:first-of-type { transform: translateY(0) !important; } @media (max-width:1200px) { .sgc-archive-shell { grid-template-areas: "sgc-sidebar" "sgc-main"; } } .sgc-archive-main > .wd-products, .woocommerce .sgc-archive-main > .wd-products, .woocommerce-page .sgc-archive-main > .wd-products { width: 100% !important; max-width: 100% !important; margin: 0 !important; float: none !important; clear: none !important; } .sgc-archive-main > .wd-products > ul.products, .sgc-archive-main > .wd-products > .products, .sgc-archive-main .wd-products ul.products, .sgc-archive-main .wd-products .products { width: 100% !important; max-width: 100% !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; float: none !important; clear: none !important; } .sgc-archive-main .wd-products:before, .sgc-archive-main .wd-products:after, .sgc-archive-main ul.products:before, .sgc-archive-main ul.products:after { display: none !important; } .sgc-archive-main > .wd-products + .wd-products { margin-top: 0 !important; } .sgc-supergumi-layout .sgc-archive-main .product-grid-item { margin-top: 0 !important; margin-bottom: 14px !important; } body.post-type-archive-product .main-page-wrapper, body.post-type-archive-product .wd-page-content, body.post-type-archive-product .container, body.woocommerce-shop .main-page-wrapper, body.woocommerce-shop .wd-page-content, body.woocommerce-shop .container, body.tax-product_cat .main-page-wrapper, body.tax-product_cat .wd-page-content, body.tax-product_cat .container, body.tax-product_tag .main-page-wrapper, body.tax-product_tag .wd-page-content, body.tax-product_tag .container { max-width: 1580px !important; } body.post-type-archive-product .main-page-wrapper, body.woocommerce-shop .main-page-wrapper, body.tax-product_cat .main-page-wrapper, body.tax-product_tag .main-page-wrapper { margin-left: auto !important; margin-right: auto !important; } @media (max-width:767px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 1fr !important; } } body.post-type-archive-product .main-page-wrapper, body.woocommerce-shop .main-page-wrapper, body.tax-product_cat .main-page-wrapper, body.tax-product_tag .main-page-wrapper { width: calc(100% - 20px) !important; } body.post-type-archive-product .container, body.woocommerce-shop .container, body.tax-product_cat .container, body.tax-product_tag .container, body.post-type-archive-product .wd-page-content, body.woocommerce-shop .wd-page-content, body.tax-product_cat .wd-page-content, body.tax-product_tag .wd-page-content { max-width: 1660px !important; } body .sgc-archive-main-head { grid-template-columns: minmax(0, 1fr) auto !important; } body .sgc-archive-title { margin-bottom: 2px !important; } body .sgc-archive-main-tools { align-self: start !important; } @media (max-width:1200px) { body.post-type-archive-product .main-page-wrapper, body.woocommerce-shop .main-page-wrapper, body.tax-product_cat .main-page-wrapper, body.tax-product_tag .main-page-wrapper { width: calc(100% - 16px) !important; } body .sgc-archive-shell { grid-template-columns: 1fr !important; } } @media (max-width:900px) { body .sgc-archive-main-head{ grid-template-columns: 1fr !important; } } body .sgc-supergumi-layout .sgc-sg-buy { position: relative !important; z-index: 2 !important; padding-left: 16px !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions, body .sgc-supergumi-layout .sgc-sg-price, body .sgc-supergumi-layout .sgc-sg-view-link, body .sgc-supergumi-layout .sgc-sg-add-to-cart { position: relative !important; z-index: 2 !important; } body .sgc-supergumi-layout .sgc-sg-footer { padding-top: 12px !important; padding-right: 14px !important; } body .sgc-supergumi-layout .sgc-sg-content { display: flex !important; flex-direction: column !important; min-width: 0 !important; } body .sgc-supergumi-layout .sgc-sg-media { position: relative !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { z-index: 7 !important; } body .sgc-supergumi-layout .sgc-sg-footer { grid-area: auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; margin-top: 12px !important; overflow: hidden !important; } body .sgc-supergumi-layout .sgc-sg-foot-item { min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions, body .sgc-supergumi-layout .sgc-sg-view-link, body .sgc-supergumi-layout .sgc-sg-add-to-cart, body .sgc-supergumi-layout .sgc-sg-price, body .sgc-supergumi-layout .sgc-sg-eu { position: relative !important; z-index: 2 !important; } body .sgx-check-info-wrap { position: relative !important; } body .sgx-info-tooltip[hidden] { display: none !important; } body .home .sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip{ display: none !important; } body .home .sgx-search-ui .sgx-check-info-wrap.is-open .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap:hover .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap:focus-within .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap.is-open .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap:hover .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap:focus-within .sgx-info-tooltip{ display: block !important; } body .sgc-archive-shell{ margin-left: auto !important; margin-right: auto !important; } body .sgc-archive-main-head { margin-bottom: 12px !important; } body .sgc-supergumi-layout .sgc-sg-sub, body .sgc-supergumi-layout .sgc-sg-tags span, body .sgc-supergumi-layout .sgc-sg-foot-item { font-size: 13px !important; } body .sgc-supergumi-layout .sgc-sg-media { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; padding: 6px 0 24px !important; } body .sgc-supergumi-layout .sgc-sg-thumb { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; } body .sgc-supergumi-layout .sgc-sg-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 118px !important; height: 118px !important; } @media (max-width:1280px) { body .sgc-archive-shell{ width: min(calc(100% - 36px), 1180px) !important; } body .sgc-archive-shell { grid-template-columns: 210px minmax(0, 1fr) !important; } body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 140px minmax(0, 1fr) 76px 190px !important; } } body .sgc-archive-shell{ margin-left: auto !important; margin-right: auto !important; } body .sgc-supergumi-layout .sgc-sg-thumb { position: relative !important; overflow: visible !important; } body .sgc-archive-shell{ width: min(calc(100% - 64px), 1216px) !important; max-width: 1216px !important; } @media (max-width:1280px) { body .sgc-archive-shell{ width: min(calc(100% - 40px), 1180px) !important; max-width: 1180px !important; } } body .sgc-archive-shell{ width: min(calc(100% - 48px), 1240px) !important; max-width: 1240px !important; } body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-media { position: relative !important; } body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-thumb { position: relative !important; width: 116px !important; height: 116px !important; margin: 0 auto !important; } @media (max-width:1240px) { body .sgc-archive-shell{ width: min(calc(100% - 32px), 1180px) !important; max-width: 1180px !important; } } body .sgc-archive-shell { width: min(calc(100% - 40px), 1320px) !important; max-width: 1320px !important; display: grid !important; grid-template-columns: 238px minmax(0, 1fr) !important; gap: 28px !important; align-items: start !important; } body .sgc-archive-main-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 20px !important; margin: 0 0 14px !important; } body .sgc-archive-main-heading { display: block !important; } body .sgc-archive-title { margin: 0 !important; color: #18304e !important; font-size: 26px !important; line-height: 1.15 !important; font-weight: 900 !important; } body .sgc-archive-found { margin-top: 6px !important; color: #788599 !important; font-size: 15px !important; font-weight: 700 !important; } body .sgc-archive-main-tools { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; } body .sgc-archive-main-tools .woocommerce-result-count { display: none !important; } body .sgc-archive-main-tools .woocommerce-ordering, body .sgc-archive-main-tools form.woocommerce-ordering { margin: 0 !important; float: none !important; } body .sgc-archive-main-tools select, body .sgc-archive-main-tools .orderby { min-width: 210px !important; height: 42px !important; border: 1px solid #dfe6ee !important; border-radius: 10px !important; background: #fff !important; color: #34475f !important; font-size: 15px !important; font-weight: 700 !important; padding: 0 14px !important; } body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 176px minmax(320px, 1fr) 84px 184px !important; grid-template-areas: "media content eu buy" "media footer footer buy" !important; gap: 0 22px !important; min-height: 176px !important; padding: 18px 18px 0 18px !important; border: 1px solid #e7edf4 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 6px 18px rgba(16, 36, 64, .05) !important; overflow: hidden !important; } body .sgc-supergumi-layout .sgc-sg-media { min-height: 142px !important; padding-bottom: 18px !important; } body .sgc-supergumi-layout .sgc-sg-thumb { width: 120px !important; height: 120px !important; } body .sgc-supergumi-layout .sgc-sg-image { min-height: 120px !important; } body .sgc-supergumi-layout .sgc-sg-image img { max-width: 126px !important; max-height: 126px !important; object-fit: contain !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { left: 50% !important; right: auto !important; bottom: 2px !important; transform: translateX(-50%) !important; min-width: 96px !important; max-width: 120px !important; min-height: 30px !important; padding: 3px 10px !important; border-radius: 4px !important; background: #fff !important; box-shadow: 0 2px 8px rgba(14, 34, 56, .12) !important; } body .sgc-supergumi-layout .sgc-sg-brand-logo-img { max-width: 104px !important; max-height: 24px !important; } body .sgc-supergumi-layout .sgc-sg-title { margin: 0 0 8px !important; color: #173452 !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 900 !important; text-transform: uppercase !important; } body .sgc-supergumi-layout .sgc-sg-sub { margin-bottom: 8px !important; color: #6b7889 !important; font-size: 14px !important; font-weight: 700 !important; } body .sgc-supergumi-layout .sgc-sg-tags { gap: 8px !important; } body .sgc-supergumi-layout .sgc-sg-tags span, body .sgc-supergumi-layout .sgc-sg-tags .sgc-sg-dot { min-height: 24px !important; padding: 4px 10px !important; border-radius: 999px !important; background: #eef3f8 !important; color: #24364e !important; font-size: 12px !important; font-weight: 900 !important; } body .sgc-supergumi-layout .sgc-sg-dot { background: #12a332 !important; color: #fff !important; } body .sgc-supergumi-layout .sgc-sg-tags--symbols .sgc-sg-symbol { border-radius: 999px !important; background: #eef3f8 !important; padding: 4px 9px !important; font-size: 11px !important; } body .sgc-supergumi-layout .sgc-sg-eu { width: 84px !important; justify-content: center !important; gap: 8px !important; } body .sgc-supergumi-layout .sgc-sg-eu-row { min-height: 24px !important; gap: 7px !important; } body .sgc-supergumi-layout .sgc-sg-eu-icon { width: 20px !important; height: 20px !important; color: #7f8b99 !important; } body .sgc-supergumi-layout .sgc-sg-eu-svg { width: 18px !important; height: 18px !important; } body .sgc-supergumi-layout .sgc-sg-grade, body .sgc-supergumi-layout .sgc-sg-noise { min-width: 30px !important; height: 24px !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 900 !important; } body .sgc-supergumi-layout .sgc-sg-noise { min-width: 42px !important; } body .sgc-supergumi-layout .sgc-sg-buy { min-width: 184px !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; gap: 10px !important; background: #fff !important; border-left: none !important; padding: 0 0 0 4px !important; } body .sgc-supergumi-layout .sgc-sg-price { text-align: right !important; color: #173452 !important; font-size: 18px !important; line-height: 1.18 !important; font-weight: 900 !important; } body .sgc-supergumi-layout .sgc-sg-price .amount, body .sgc-supergumi-layout .sgc-sg-price ins .amount { color: #173452 !important; font-size: 18px !important; font-weight: 900 !important; } body .sgc-supergumi-layout .sgc-sg-price del, body .sgc-supergumi-layout .sgc-sg-price del .amount { color: #7a8698 !important; font-size: 13px !important; font-weight: 700 !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions { display: grid !important; gap: 10px !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart, body .sgc-supergumi-layout .sgc-sg-view-link { width: 100% !important; min-height: 40px !important; padding: 0 14px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 900 !important; text-transform: none !important; letter-spacing: 0 !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart { background: linear-gradient(180deg, #ff355b 0%, #ed1838 100%) !important; border: 1px solid #ed1838 !important; color: #fff !important; box-shadow: none !important; } body .sgc-supergumi-layout .sgc-sg-view-link { background: #fff !important; border: 1px solid #cfd8e3 !important; color: #26384f !important; } body .sgc-supergumi-layout .sgc-sg-footer { align-self: stretch !important; gap: 18px !important; min-height: 40px !important; margin: 12px 0 0 !important; padding: 11px 0 12px !important; border-top: 1px solid #edf2f7 !important; color: #667588 !important; font-size: 14px !important; } body .sgc-supergumi-layout .sgc-sg-foot-item { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #69788a !important; font-size: 14px !important; font-weight: 700 !important; } body .sgc-supergumi-layout .sgc-sg-foot-item.is-available, body .sgc-supergumi-layout .sgc-sg-foot-item.is-in { color: #1c9e37 !important; } body .sgc-supergumi-layout .sgc-sg-foot-item.is-slow, body .sgc-supergumi-layout .sgc-sg-foot-item.is-out { color: #d22632 !important; } /* SuperGumi Catalog split CSS: 07-compact-actions.css Starts around original public.css line 6324; complete top-level CSS blocks are preserved. Compact tyre/wheel archive actions and fixed action rows. */ @media (max-width:1260px) { body .sgc-archive-shell{ width: min(calc(100% - 24px), 1180px) !important; max-width: 1180px !important; } body .sgc-archive-shell { grid-template-columns: 220px minmax(0, 1fr) !important; gap: 22px !important; } } @media (max-width:980px) { body .sgc-archive-shell { grid-template-columns: 1fr !important; } body .sgc-archive-main-head { flex-direction: column !important; align-items: stretch !important; } body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 140px minmax(0, 1fr) 170px !important; grid-template-areas: "media content buy" "media eu buy" "footer footer footer" !important; } } @media (max-width:760px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 110px 1fr !important; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy" !important; gap: 12px !important; padding: 14px !important; } body .sgc-supergumi-layout .sgc-sg-buy { padding: 0 !important; } body .sgc-supergumi-layout .sgc-sg-price { text-align: left !important; } } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check, body .sgc-tyre-search .sgx-toolbar__right > .sgx-check:hover, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check:hover, body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap > .sgx-check, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap > .sgx-check, body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap > .sgx-check:hover, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap > .sgx-check:hover { display: grid !important; grid-template-columns: 16px max-content !important; align-items: center !important; column-gap: 8px !important; row-gap: 0 !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; line-height: 1 !important; transform: none !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check > input[type="checkbox"], body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check > input[type="checkbox"], body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap > .sgx-check > input[type="checkbox"], body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap > .sgx-check > input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; flex: 0 0 16px !important; margin: 0 !important; align-self: center !important; justify-self: start !important; position: static !important; transform: none !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check > span, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check > span, body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap > .sgx-check > span, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap > .sgx-check > span { margin: 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; align-self: center !important; transform: none !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap { display: grid !important; grid-template-columns: max-content 18px !important; align-items: center !important; column-gap: 6px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; position: relative !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap > .sgx-info-trigger, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap > .sgx-info-trigger { width: 18px !important; height: 18px !important; min-width: 18px !important; flex: 0 0 18px !important; margin: 0 !important; padding: 0 !important; align-self: center !important; justify-self: start !important; transform: none !important; } body .sgc-tyre-search .sgx-check-info-wrap .sgx-info-tooltip { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; z-index: 9999 !important; pointer-events: none !important; } body .sgx-compact-actions__mode, body .sgx-compact-actions__mode .sgx-check { display: inline-grid !important; align-items: center !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } body .sgx-compact-actions__mode .sgx-check { grid-template-columns: 16px max-content !important; column-gap: 8px !important; } body .sgx-compact-actions__mode .sgx-check input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; margin: 0 !important; } body .sgx-compact-actions__mode .sgx-check span { white-space: nowrap !important; line-height: 1 !important; } @media (min-width:768px) { body .sgc-tyre-search .sgx-toolbar__right { display: grid !important; grid-template-columns: max-content max-content 170px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: auto !important; white-space: nowrap !important; } body .sgc-tyre-search .sgx-compact-actions--tyres { display: grid !important; grid-template-columns: max-content max-content max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: auto !important; white-space: nowrap !important; } body .sgc-wheel-search .sgx-compact-actions--wheels { display: grid !important; grid-template-columns: max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: auto !important; white-space: nowrap !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check { min-width: 92px !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap { min-width: 140px !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-submit { width: 170px !important; min-width: 170px !important; justify-self: end !important; margin: 0 !important; } body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-submit, body .sgc-wheel-search .sgx-compact-actions--wheels > .sgx-submit { width: 152px !important; min-width: 152px !important; justify-self: end !important; margin: 0 !important; } } @media (max-width:991px) { body .sgc-archive-shell { grid-template-columns: 1fr !important; gap: 16px !important; } } @media (max-width:767px) { body .sgx-search-ui .sgx-tabs, 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; overflow: hidden !important; } body .sgx-search-ui .sgx-tab, body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab{ min-width: 0 !important; width: 100% !important; box-sizing: border-box !important; justify-content: center !important; overflow: hidden !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{ flex: 0 0 auto !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{ display: inline-block !important; min-width: 0 !important; font-size: 10px !important; line-height: 1 !important; letter-spacing: -.15px !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; text-align: center !important; } body .sgx-search-shell, body .sgx-form, body .sgx-card{ width: 100% !important; max-width: 100% !important; } body .sgx-card{ padding: 14px !important; border-radius: 0 0 16px 16px !important; } body .sgx-grid--6, body .sgx-grid--5, body .sgx-grid--4, body .sgx-grid--3, body .sgx-grid--2, body .sgx-sport-grid{ grid-template-columns: 1fr !important; gap: 10px !important; } body .sgx-field, body .sgx-card .sgx-field { min-width: 0 !important; } body .sgx-card select, body .sgx-card input, body .sgc-vehicle-select { min-height: 46px !important; height: 46px !important; font-size: 14px !important; } body .sgc-tyre-search .sgx-toolbar__right, body .sgc-tyre-search .sgx-compact-actions--tyres { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-areas: "sport sport" "run homolog" "submit submit" !important; align-items: center !important; justify-items: stretch !important; gap: 10px 12px !important; width: 100% !important; white-space: normal !important; } body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-compact-actions__mode { grid-area: sport !important; width: 100% !important; justify-self: start !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check { grid-area: run !important; width: 100% !important; min-width: 0 !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-check-info-wrap, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-check-info-wrap { grid-area: homolog !important; width: 100% !important; min-width: 0 !important; } body .sgc-tyre-search .sgx-toolbar__right > .sgx-submit, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-submit { grid-area: submit !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; } body .sgc-wheel-search .sgx-compact-actions--wheels { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; } body .sgc-wheel-search .sgx-compact-actions--wheels > .sgx-submit { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body .sgc-archive-main-head { grid-template-columns: 1fr !important; gap: 12px !important; } body .sgc-archive-title { font-size: 26px !important; line-height: 1.1 !important; } } body .sgx-card, body .sgx-toolbar, body .sgx-toolbar__right, body .sgx-compact-actions, body .sgx-check-info-wrap { overflow: visible !important; } body .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip{ position: absolute !important; left: auto !important; right: 0 !important; top: auto !important; bottom: calc(100% + 10px) !important; width: 260px !important; max-width: calc(100vw - 32px) !important; z-index: 99999 !important; white-space: normal !important; line-height: 1.35 !important; pointer-events: none !important; } body .sgx-info-tooltip::before, body .home .sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip::before, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip::before{ top: 100% !important; bottom: auto !important; left: auto !important; right: 14px !important; transform: rotate(180deg) !important; } @media (min-width:768px) { body .sgc-tyre-search .sgx-toolbar__right--tyres, body .sgc-tyre-search .sgx-compact-actions--tyres { display: grid !important; grid-template-columns: max-content max-content max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: 100% !important; white-space: nowrap !important; } body .sgc-wheel-search .sgx-toolbar__right--wheels, body .sgc-wheel-search .sgx-compact-actions--wheels { display: grid !important; grid-template-columns: max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: 100% !important; white-space: nowrap !important; } } body .sgc-tyre-search .sgx-toolbar__right--tyres .sgx-check, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-check, body .sgc-wheel-search .sgx-toolbar__right--wheels .sgx-check, body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-check, body .sgc-tyre-search .sgx-toolbar__right--tyres .sgx-check:hover, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-check:hover, body .sgc-wheel-search .sgx-toolbar__right--wheels .sgx-check:hover, body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-check:hover { display: inline-grid !important; grid-template-columns: 16px max-content !important; align-items: center !important; column-gap: 8px !important; min-height: 20px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; transform: none !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres .sgx-check input[type="checkbox"], body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-check input[type="checkbox"], body .sgc-wheel-search .sgx-toolbar__right--wheels .sgx-check input[type="checkbox"], body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-check input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; margin: 0 !important; position: static !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres .sgx-check span, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-check span, body .sgc-wheel-search .sgx-toolbar__right--wheels .sgx-check span, body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-check span { display: inline-block !important; white-space: nowrap !important; line-height: 1 !important; margin: 0 !important; padding: 0 !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 { display: inline-grid !important; grid-template-columns: max-content 18px !important; align-items: center !important; column-gap: 6px !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres .sgx-info-trigger, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-info-trigger { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 !important; padding: 0 !important; } @media (max-width:767px) { body .sgc-tyre-search .sgx-toolbar__right--tyres, body .sgc-tyre-search .sgx-compact-actions--tyres { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-areas: "sport sport" "run homolog" "submit submit" !important; align-items: center !important; gap: 10px 12px !important; width: 100% !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-check--mode, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-compact-actions__mode, body .sgc-tyre-search .sgx-compact-actions--tyres .sgx-compact-actions__mode > .sgx-check--mode { grid-area: sport !important; justify-self: start !important; width: auto !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) { grid-area: run !important; justify-self: start !important; width: auto !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 { grid-area: homolog !important; justify-self: start !important; width: auto !important; } body .sgc-tyre-search .sgx-toolbar__right--tyres > .sgx-submit, body .sgc-tyre-search .sgx-compact-actions--tyres > .sgx-submit { grid-area: submit !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; } body .sgc-wheel-search .sgx-toolbar__right--wheels, body .sgc-wheel-search .sgx-compact-actions--wheels { display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "sport" "submit" !important; gap: 10px !important; width: 100% !important; } body .sgc-wheel-search .sgx-toolbar__right--wheels > .sgx-check--mode, body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-compact-actions__mode, body .sgc-wheel-search .sgx-compact-actions--wheels .sgx-compact-actions__mode > .sgx-check--mode { grid-area: sport !important; justify-self: start !important; } body .sgc-wheel-search .sgx-toolbar__right--wheels > .sgx-submit, body .sgc-wheel-search .sgx-compact-actions--wheels > .sgx-submit { grid-area: submit !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; } body .sgx-info-tooltip, body .home .sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip, body .home .sgc-catalog.sgx-search-ui .sgx-check-info-wrap .sgx-info-tooltip{ right: auto !important; left: 0 !important; width: 240px !important; } } body .sgx-actions-fixed{ display: grid !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; } body .sgx-actions-fixed--tyres { grid-template-columns: max-content max-content max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: 100% !important; margin-top: 14px !important; } body .sgx-actions-fixed--wheels { grid-template-columns: max-content 152px !important; align-items: center !important; justify-content: end !important; gap: 14px !important; width: 100% !important; margin-top: 14px !important; } body .sgx-actions-fixed__mode, body .sgx-actions-fixed__mode > .sgx-check, body .sgx-actions-fixed > .sgx-check, body .sgx-actions-fixed > .sgx-check-info-wrap { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; white-space: nowrap !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; } body .sgx-actions-fixed .sgx-check, body .sgx-actions-fixed .sgx-check:hover, body .sgx-actions-fixed .sgx-check:focus { display: inline-grid !important; grid-template-columns: 16px max-content !important; column-gap: 8px !important; align-items: center !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body .sgx-actions-fixed .sgx-check input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; margin: 0 !important; position: static !important; } body .sgx-actions-fixed .sgx-check span { white-space: nowrap !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; } body .sgx-actions-fixed > .sgx-check-info-wrap { display: inline-grid !important; grid-template-columns: max-content 18px !important; column-gap: 6px !important; align-items: center !important; position: relative !important; } body .sgx-actions-fixed .sgx-info-trigger { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 !important; padding: 0 !important; } body .sgx-actions-fixed > .sgx-submit { width: 152px !important; min-width: 152px !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; justify-self: end !important; } body .sgx-actions-fixed .sgx-info-tooltip { position: absolute !important; right: 0 !important; left: auto !important; bottom: calc(100% + 10px) !important; top: auto !important; width: 270px !important; max-width: calc(100vw - 32px) !important; z-index: 999999 !important; white-space: normal !important; overflow: visible !important; } @media (max-width:767px) { body .sgx-search-ui .sgx-tab__text{ font-size: 10px !important; line-height: 1 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } body .sgx-actions-fixed--tyres { grid-template-columns: 1fr 1fr !important; grid-template-areas: "sport sport" "run homolog" "submit submit" !important; align-items: center !important; justify-content: stretch !important; gap: 10px 12px !important; width: 100% !important; margin-top: 12px !important; } body .sgx-actions-fixed--tyres > .sgx-actions-fixed__mode { grid-area: sport !important; justify-self: start !important; } body .sgx-actions-fixed--tyres > .sgx-check:not(.sgx-check--mode) { grid-area: run !important; justify-self: start !important; } body .sgx-actions-fixed--tyres > .sgx-check-info-wrap { grid-area: homolog !important; justify-self: start !important; } body .sgx-actions-fixed--tyres > .sgx-submit { grid-area: submit !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body .sgx-actions-fixed--wheels { grid-template-columns: 1fr !important; grid-template-areas: "sport" "submit" !important; justify-content: stretch !important; gap: 10px !important; width: 100% !important; margin-top: 12px !important; } body .sgx-actions-fixed--wheels > .sgx-actions-fixed__mode { grid-area: sport !important; justify-self: start !important; } body .sgx-actions-fixed--wheels > .sgx-submit { grid-area: submit !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body .sgx-actions-fixed .sgx-check span { font-size: 13px !important; } body .sgx-actions-fixed .sgx-info-tooltip { right: auto !important; left: 0 !important; width: 240px !important; } } body.single-product .woocommerce-product-gallery__image.sgc-model-image-gallery-fallback, body.single-product .woocommerce-product-gallery__image.sgc-model-image-gallery-fallback a, body.single-product .woocommerce-product-gallery__image.sgc-model-image-gallery-fallback img { display: block !important; max-width: 100% !important; } body.single-product .woocommerce-product-gallery__image.sgc-model-image-gallery-fallback img { height: auto !important; object-fit: contain !important; margin: 0 auto !important; } body .sgx-search-ui .sgx-tab, body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab{ display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; text-align: center !important; line-height: 1 !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{ display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important; min-width: 0 !important; white-space: nowrap !important; text-align: left !important; line-height: 1 !important; } body .sgx-search-ui .sgx-tab__prefix, body .home .sgx-search-ui .sgx-tab__prefix, body .home .sgc-catalog.sgx-search-ui .sgx-tab__prefix{ display: block !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; opacity: .88 !important; } body .sgx-search-ui .sgx-tab__main, body .home .sgx-search-ui .sgx-tab__main, body .home .sgc-catalog.sgx-search-ui .sgx-tab__main{ display: block !important; font-size: 17px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: .02em !important; text-transform: uppercase !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{ flex: 0 0 auto !important; } @media (max-width:767px) { body .sgx-search-ui .sgx-tab, body .home .sgx-search-ui .sgx-tab, body .home .sgc-catalog.sgx-search-ui .sgx-tab{ min-height: 58px !important; padding: 0 4px !important; gap: 4px !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{ transform: scale(.84) !important; transform-origin: center !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{ align-items: flex-start !important; gap: 2px !important; } body .sgx-search-ui .sgx-tab__prefix, body .home .sgx-search-ui .sgx-tab__prefix, body .home .sgc-catalog.sgx-search-ui .sgx-tab__prefix{ font-size: 8.5px !important; letter-spacing: 0 !important; } body .sgx-search-ui .sgx-tab__main, body .home .sgx-search-ui .sgx-tab__main, body .home .sgc-catalog.sgx-search-ui .sgx-tab__main{ font-size: 10.5px !important; letter-spacing: 0 !important; } } @media (max-width:380px) { 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{ display: none !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{ align-items: center !important; text-align: center !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 */ /* Free shipping badge overlay on product image in archive/search cards */ 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: 7px; max-width: calc(100% - 54px); padding: 7px 10px; border-radius: 12px; background: linear-gradient(180deg, #eff9ea 0%, #dff2d4 100%); border: 1px solid #a8cf89; box-shadow: 0 8px 18px rgba(36, 58, 25, 0.16); color: #1f5f1f; line-height: 1.15; } 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, body.sgc-supergumi-layout .sgc-sg-free-shipping--image .sgc-sg-free-shipping__icon { flex: 0 0 auto; font-size: 16px; 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: flex; flex-direction: column; 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: block; font-size: 12px; font-weight: 800; color: #1d6b1d; } 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; font-size: 10px; font-weight: 700; color: #2f7130; } @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-free-shipping--image { top: 8px; left: 8px; max-width: calc(100% - 46px); padding: 6px 8px; gap: 7px; border-radius: 10px; } 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: 46px; } 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: 14px; } 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 { font-size: 11px; } 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 { font-size: 9px; } } /* 0.9.314 compact mobile free-shipping badge */ @media (max-width: 767px) { body .sgc-supergumi-layout .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-free-shipping--image { top: 7px !important; left: 7px !important; right: auto !important; width: auto !important; max-width: 82px !important; min-height: 0 !important; padding: 5px 7px !important; gap: 4px !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(36, 58, 25, 0.14) !important; line-height: 1.05 !important; } 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: 42px !important; } 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 !important; } 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: block !important; } 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: block !important; font-size: 9px !important; line-height: 1.05 !important; white-space: normal !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: none !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: 7px; 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: 13px; } 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: 5px; 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: 13px; } 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: 3px; 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: 7px; min-width: 0; min-height: 30px; margin: 0; padding: 5px 11px; 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: 13px; } } /* 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: 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; } } /* v0.9.332 – compact unified desktop price/action box for tyres, moto tyres and accessories. Mobile keeps the existing compact card rules from 11-mobile-product-card.css. */ @media (min-width: 768px) { body .sgc-supergumi-layout .sgc-sg-buy { width: 100% !important; min-width: 0 !important; max-width: 190px !important; min-height: 0 !important; align-self: center !important; justify-self: end !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; gap: 7px !important; padding: 10px 11px !important; border: 0 !important; border-radius: 11px !important; background: #122946 !important; } body .sgc-supergumi-layout .sgc-sg-price-wrap { width: 100% !important; align-items: center !important; justify-content: center !important; text-align: center !important; } body .sgc-supergumi-layout .sgc-sg-price, body .sgc-supergumi-layout .sgc-sg-price .amount, body .sgc-supergumi-layout .sgc-sg-price ins .amount { color: #fff !important; text-align: center !important; } body .sgc-supergumi-layout .sgc-sg-price del, body .sgc-supergumi-layout .sgc-sg-price del .amount { color: rgba(255,255,255,.68) !important; } body .sgc-supergumi-layout .sgc-sg-vat-note { color: rgba(255,255,255,.78) !important; text-align: center !important; } body .sgc-supergumi-layout .sgc-sg-buy-actions { width: 100% !important; gap: 0 !important; } body .sgc-supergumi-layout .sgc-sg-add-to-cart { width: 100% !important; min-height: 38px !important; height: 38px !important; padding: 0 10px !important; font-size: 12px !important; line-height: 1.05 !important; border-radius: 9px !important; background: linear-gradient(180deg,#f12645 0%,#e21031 100%) !important; border-color: #e21031 !important; color: #fff !important; box-shadow: 0 10px 20px rgba(237,24,56,.22) !important; text-transform: uppercase !important; } } /* SuperGumi Catalog split CSS: 11-mobile-product-card.css Starts around original public.css line 8327; complete top-level CSS blocks are preserved. Mobile compact product-card fixes. */ /* v0.9.165-mobile-compact – по-компактна мобилна продуктова карта и sort ред. Не добавя/мести бутона „Филтри“; пипа само разстояния, височини и долен отстъп. */ @media (max-width: 767px) { body.post-type-archive-product, body.woocommerce-shop, body.tax-product_cat, body.tax-product_tag { padding-bottom: 74px !important; } body .sgc-archive-main-head { gap: 7px !important; margin-bottom: 10px !important; } body .sgc-archive-title { font-size: 24px !important; line-height: 1.08 !important; margin-bottom: 4px !important; } body .sgc-archive-found { font-size: 12px !important; line-height: 1.2 !important; } body .sgc-archive-main-tools { margin: 0 0 10px !important; padding: 0 !important; } body .sgc-orderby-proxy { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; clear: both !important; } body .sgc-orderby-proxy__label { display: block !important; margin: 0 !important; color: #6f7f93 !important; -webkit-text-fill-color: #6f7f93 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } body .sgc-orderby-proxy__value { display: flex !important; align-items: center !important; height: 38px !important; min-height: 38px !important; padding: 0 32px 0 12px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 1.15 !important; } body .sgc-orderby-proxy__arrow { display: flex !important; top: 50% !important; right: 10px !important; bottom: auto !important; transform: translateY(-50%) !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 { inset: 0 0 0 0 !important; height: 38px !important; min-height: 38px !important; line-height: 38px !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: 8px !important; padding-top: 0 !important; padding-bottom: 74px !important; } body .sgc-supergumi-layout .products .product, body .sgc-supergumi-layout .wd-products .product, body .sgc-supergumi-layout .product-grid-item { margin-bottom: 9px !important; } body.sgc-supergumi-layout .sgc-sg-card, body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 132px minmax(0, 1fr) !important; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy" !important; align-items: start !important; gap: 5px 10px !important; min-height: 0 !important; padding: 10px !important; border-radius: 14px !important; } body.sgc-supergumi-layout .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-media { min-height: 128px !important; padding: 0 0 4px !important; align-items: flex-start !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; } body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { bottom: 0 !important; max-width: 100px !important; min-width: 78px !important; height: 28px !important; min-height: 28px !important; padding: 3px 6px !important; } body.sgc-supergumi-layout .sgc-sg-content, body .sgc-supergumi-layout .sgc-sg-content { align-self: start !important; padding-top: 0 !important; } body .sgc-supergumi-layout .sgc-sg-title { margin: 0 0 4px !important; font-size: 14px !important; line-height: 1.18 !important; -webkit-line-clamp: 2 !important; } body.sgc-supergumi-layout .sgc-sg-sub, body .sgc-supergumi-layout .sgc-sg-sub { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: 100% !important; margin-bottom: 4px !important; font-size: 12px !important; line-height: 1.18 !important; text-align: center !important; } body.sgc-supergumi-layout .sgc-sg-tags, body .sgc-supergumi-layout .sgc-sg-tags { justify-content: center !important; align-items: center !important; gap: 4px !important; margin-bottom: 0 !important; text-align: center !important; } body.sgc-supergumi-layout .sgc-sg-tags--symbols, body .sgc-supergumi-layout .sgc-sg-tags--symbols { justify-content: center !important; align-items: center !important; width: 100% !important; text-align: center !important; } body.sgc-supergumi-layout .sgc-sg-tags--eu-mini, body .sgc-supergumi-layout .sgc-sg-tags--eu-mini { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; gap: 4px !important; margin: 0 0 4px !important; text-align: center !important; } body.sgc-supergumi-layout .sgc-sg-tags > span, 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 .sgc-sg-dot, body.sgc-supergumi-layout .sgc-sg-tags--symbols .sgc-sg-symbol, body .sgc-supergumi-layout .sgc-sg-tags--symbols .sgc-sg-symbol, body.sgc-supergumi-layout .sgc-sg-symbol, body .sgc-supergumi-layout .sgc-sg-symbol { min-height: 20px !important; padding: 2px 7px !important; font-size: 10.5px !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-grade, body .sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-grade, body.sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-noise, body .sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-noise { min-width: 0 !important; min-height: 20px !important; height: 20px !important; padding: 0 7px !important; border-radius: 999px !important; font-size: 10.5px !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-eu-mini-icon, body .sgc-supergumi-layout .sgc-sg-eu-mini-icon { width: 10px !important; height: 10px !important; margin-right: 4px !important; } body.sgc-supergumi-layout .sgc-sg-eu-mini-icon .sgc-sg-eu-svg, body .sgc-supergumi-layout .sgc-sg-eu-mini-icon .sgc-sg-eu-svg { width: 10px !important; height: 10px !important; } body.sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-eu-mini-icon, body .sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-eu-mini-icon, body.sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-tags--eu-mini .sgc-sg-eu-mini-text { min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit !important; font-size: inherit !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-eu, body .sgc-supergumi-layout .sgc-sg-eu { display: none !important; } body .sgc-supergumi-layout .sgc-sg-eu-row { min-height: 22px !important; gap: 5px !important; } body .sgc-supergumi-layout .sgc-sg-eu-icon { width: 18px !important; height: 18px !important; } body .sgc-supergumi-layout .sgc-sg-eu-svg { width: 16px !important; height: 16px !important; } body .sgc-supergumi-layout .sgc-sg-grade, body .sgc-supergumi-layout .sgc-sg-noise { min-width: 28px !important; height: 21px !important; min-height: 21px !important; padding: 0 7px !important; font-size: 11.5px !important; } body .sgc-supergumi-layout .sgc-sg-footer { margin: 0 !important; padding: 5px 0 0 !important; min-height: 0 !important; gap: 6px 9px !important; border-top: 1px solid #edf1f5 !important; } body .sgc-supergumi-layout .sgc-sg-foot-item { gap: 4px !important; font-size: 12px !important; line-height: 1.22 !important; } body.sgc-supergumi-layout .sgc-sg-buy, body .sgc-supergumi-layout .sgc-sg-buy { display: grid !important; grid-template-columns: 94px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; min-height: 58px !important; padding: 7px 8px !important; border-radius: 10px !important; background: #122946 !important; border-top: 0 !important; border-left: 0 !important; } body.sgc-supergumi-layout .sgc-sg-price-wrap, body .sgc-supergumi-layout .sgc-sg-price-wrap { width: 94px !important; min-width: 0 !important; gap: 2px !important; } body.sgc-supergumi-layout .sgc-sg-price, body .sgc-supergumi-layout .sgc-sg-price { margin: 0 !important; text-align: center !important; color: #fff !important; font-size: var(--sgc-mobile-price-font-size, 16px) !important; line-height: 1.05 !important; } body.sgc-supergumi-layout .sgc-sg-price .amount, body .sgc-supergumi-layout .sgc-sg-price .amount, body.sgc-supergumi-layout .sgc-sg-price ins .amount, body .sgc-supergumi-layout .sgc-sg-price ins .amount { color: #fff !important; font-size: var(--sgc-mobile-price-font-size, 16px) !important; line-height: 1.05 !important; } body.sgc-supergumi-layout .sgc-sg-price del, body .sgc-supergumi-layout .sgc-sg-price del, body.sgc-supergumi-layout .sgc-sg-price del .amount, body .sgc-supergumi-layout .sgc-sg-price del .amount { color: rgba(255, 255, 255, .68) !important; font-size: 9px !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-vat-note, body .sgc-supergumi-layout .sgc-sg-vat-note { margin: 0 !important; font-size: 9px !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-buy-actions, body .sgc-supergumi-layout .sgc-sg-buy-actions { width: 100% !important; min-width: 0 !important; gap: 0 !important; } body.sgc-supergumi-layout .sgc-sg-add-to-cart, body .sgc-supergumi-layout .sgc-sg-add-to-cart, body.sgc-supergumi-layout .sgc-sg-view-link, body .sgc-supergumi-layout .sgc-sg-view-link { width: 100% !important; min-width: 0 !important; min-height: 42px !important; height: 42px !important; padding: 0 8px !important; border-radius: 8px !important; font-size: var(--sgc-mobile-cta-font-size, 11px) !important; line-height: 1 !important; white-space: nowrap !important; } } @media (max-width: 360px) { body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: 96px minmax(0, 1fr) !important; gap: 7px 8px !important; padding: 9px !important; } body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image { width: 94px !important; height: 94px !important; min-height: 94px !important; } body .sgc-supergumi-layout .sgc-sg-image img { max-width: 94px !important; max-height: 94px !important; } body .sgc-supergumi-layout .sgc-sg-title { font-size: 13.5px !important; } } /* v0.9.166: compact mobile delivery text in product cards */ @media (max-width: 640px) { body .sgc-supergumi-layout .sgc-sg-footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; overflow: hidden !important; } body .sgc-supergumi-layout .sgc-sg-foot-item { max-width: 100% !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; } } /* The obsolete mobile free-shipping row was removed in 0.9.384. The canonical card block in 16-search-checkbox-stability.css now shows the compact image badge and owns its mobile positioning. */ /* Mobile-only delivery/availability status markup. */ .sgc-sg-mobile-status { display: none !important; } /* SuperGumi Catalog split CSS: 12-reviews-images-logo.css Starts around original public.css line 8653; complete top-level CSS blocks are preserved. Reviews cleanup, archive rating, tyre image/logo sizing. */ /* v0.9.188 clean model reviews: hide WooCommerce duplicate reviews title */ .woocommerce #reviews #comments > h2.woocommerce-Reviews-title, .woocommerce #reviews .woocommerce-Reviews-title, #reviews #comments > h2.woocommerce-Reviews-title, #reviews .woocommerce-Reviews-title { display: none !important; } /* v0.9.188 clean model reviews: archive rating */ body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187 { box-sizing: border-box !important; text-decoration: none !important; font-family: inherit !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: auto !important; max-width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; line-height: 1.1 !important; white-space: nowrap !important; color: #203047 !important; font-size: 14px !important; font-weight: 700 !important; clear: both !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop:hover, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop:hover { text-decoration: none !important; opacity: .95 !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-num, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-num { color: #203047 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 1px !important; color: #f6b900 !important; font-size: 14px !important; line-height: 1 !important; white-space: nowrap !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars i, body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars .is-filled, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars i, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars .is-filled { display: inline-block !important; font-style: normal !important; color: #f6b900 !important; font-size: inherit !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars .is-empty, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-stars .is-empty { color: #d5dbe3 !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-count, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187-count { color: #5b6b7d !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile { display: none !important; } @media (max-width: 767px) { body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop, body.elementor-device-mode-mobile .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--desktop { display: none !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile, body.elementor-device-mode-mobile .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; width: auto !important; max-width: none !important; height: 24px !important; min-height: 24px !important; margin: 0 0 0 2px !important; padding: 0 8px !important; border-radius: 999px !important; border: 1px solid #e6edf5 !important; background: #f8fbff !important; box-shadow: none !important; color: #24364b !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; text-decoration: none !important; vertical-align: middle !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile i, body .sgc-supergumi-layout .sgc-sg-card .sgc-rating-v187--mobile i { display: inline-block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; color: #f6b900 !important; font-size: 12px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-tags--with-mobile-rating, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-tags--with-mobile-rating { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; } } /* v0.9.193 – FINAL MANUAL CONTROL: product card image sizing Пипай само променливите тук. Блокът е най-отдолу, за да презапише старите правила. */ @media (min-width: 1025px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-img-size: 176px; /* ГОЛЕМИНА НА ГУМАТА: пробвай 165px, 176px, 185px, 195px */ --sgc-product-img-zoom: 1.08; /* ДОПЪЛНИТЕЛНО УГОЛЕМЯВАНЕ: 1 = без zoom, 1.05, 1.10 */ --sgc-product-left-col: 232px; /* ЛЯВА КОЛОНА: обикновено img-size + 50px/60px */ --sgc-product-card-height: 226px; /* ВИСОЧИНА НА РЕДА: вдигай при по-голяма гума */ --sgc-product-eu-col: 84px; /* EU етикети */ --sgc-product-buy-col: 198px; /* цена/бутон */ --sgc-product-logo-width: 148px; /* ширина на логото под гумата */ --sgc-product-logo-height: 34px; /* височина на логото под гумата */ } body.sgc-supergumi-layout .sgc-sg-card, body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: var(--sgc-product-left-col) minmax(280px, 1fr) var(--sgc-product-eu-col) var(--sgc-product-buy-col) !important; grid-template-areas: "media content eu buy" "media footer footer buy" !important; gap: 0 22px !important; min-height: var(--sgc-product-card-height) !important; overflow: hidden !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 { display: flex !important; align-items: flex-start !important; justify-content: center !important; position: relative !important; min-height: calc(var(--sgc-product-img-size) + var(--sgc-product-logo-height) + 20px) !important; padding: 6px 0 calc(var(--sgc-product-logo-height) + 10px) !important; overflow: hidden !important; } body.sgc-supergumi-layout .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-image, body.sgc-supergumi-layout .sgc-sg-card .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-card .sgc-sg-image { display: flex !important; align-items: center !important; justify-content: center !important; width: var(--sgc-product-img-size) !important; height: var(--sgc-product-img-size) !important; min-width: var(--sgc-product-img-size) !important; min-height: var(--sgc-product-img-size) !important; max-width: var(--sgc-product-img-size) !important; max-height: var(--sgc-product-img-size) !important; margin: 0 auto !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-thumb a, body.sgc-supergumi-layout .sgc-sg-image a, body.sgc-supergumi-layout .sgc-sg-media picture, body .sgc-supergumi-layout .sgc-sg-thumb a, body .sgc-supergumi-layout .sgc-sg-image a, body .sgc-supergumi-layout .sgc-sg-media picture { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-image img, body.sgc-supergumi-layout .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-image img, body .sgc-supergumi-layout .sgc-sg-thumb img { display: block !important; width: var(--sgc-product-img-size) !important; height: var(--sgc-product-img-size) !important; min-width: var(--sgc-product-img-size) !important; min-height: var(--sgc-product-img-size) !important; max-width: var(--sgc-product-img-size) !important; max-height: var(--sgc-product-img-size) !important; object-fit: contain !important; object-position: center center !important; transform: scale(var(--sgc-product-img-zoom)) !important; transform-origin: center center !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { left: 50% !important; right: auto !important; top: auto !important; bottom: 0 !important; transform: translateX(-50%) !important; width: auto !important; min-width: 118px !important; max-width: var(--sgc-product-logo-width) !important; height: var(--sgc-product-logo-height) !important; min-height: var(--sgc-product-logo-height) !important; padding: 5px 12px !important; z-index: 7 !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-brand-logo-img { max-width: calc(var(--sgc-product-logo-width) - 20px) !important; max-height: calc(var(--sgc-product-logo-height) - 8px) !important; width: auto !important; height: auto !important; object-fit: contain !important; } } @media (min-width: 1025px) and (max-width: 1280px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-img-size: 164px; --sgc-product-img-zoom: 1.06; --sgc-product-left-col: 214px; --sgc-product-card-height: 216px; --sgc-product-eu-col: 80px; --sgc-product-buy-col: 190px; --sgc-product-logo-width: 140px; } body.sgc-supergumi-layout .sgc-sg-card, body .sgc-supergumi-layout .sgc-sg-card { gap: 0 18px !important; } } /* v0.9.194 – logo fix after larger tyre images Важно: снимката на гумата НЕ трябва да променя логото на марката. */ @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-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { width: auto !important; min-width: 112px !important; max-width: var(--sgc-product-logo-width, 148px) !important; height: var(--sgc-product-logo-height, 34px) !important; min-height: var(--sgc-product-logo-height, 34px) !important; padding: 4px 10px !important; overflow: hidden !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-brand-badge img, body .sgc-supergumi-layout .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-brand-badge img { display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: calc(var(--sgc-product-logo-width, 148px) - 20px) !important; max-height: calc(var(--sgc-product-logo-height, 34px) - 8px) !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } } /* v0.9.195 – logo position fix Логото вече стои непосредствено под гумата, а не заковано в долния край на медия контейнера. */ @media (min-width: 1025px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-logo-gap: 6px; /* разстояние между гумата и логото */ --sgc-product-media-top: 4px; /* отстояние на гумата отгоре */ } 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 { align-items: flex-start !important; padding-top: var(--sgc-product-media-top) !important; padding-bottom: calc(var(--sgc-product-logo-height, 34px) + var(--sgc-product-logo-gap, 6px) + 4px) !important; min-height: calc(var(--sgc-product-img-size) + var(--sgc-product-logo-height, 34px) + var(--sgc-product-logo-gap, 6px) + 10px) !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { top: calc(var(--sgc-product-media-top, 4px) + var(--sgc-product-img-size) + var(--sgc-product-logo-gap, 6px)) !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; } } @media (min-width: 1025px) and (max-width: 1280px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-logo-gap: 4px; --sgc-product-media-top: 2px; } } /* v0.9.196 – logo overlaps the tyre image in a controlled way Пипай само --sgc-product-logo-overlap. 0px = под гумата, 16px/18px = около половината върху гумата. */ @media (min-width: 1025px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-logo-overlap: 17px; /* колко от логото да влиза върху гумата */ } body.sgc-supergumi-layout .sgc-sg-card, body .sgc-supergumi-layout .sgc-sg-card { overflow: hidden !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; align-items: flex-start !important; justify-content: center !important; padding-top: var(--sgc-product-media-top, 4px) !important; padding-bottom: calc(var(--sgc-product-logo-height, 34px) - var(--sgc-product-logo-overlap, 17px) + 8px) !important; min-height: calc(var(--sgc-product-img-size) + var(--sgc-product-logo-height, 34px) - var(--sgc-product-logo-overlap, 17px) + var(--sgc-product-media-top, 4px) + 8px) !important; overflow: hidden !important; } body.sgc-supergumi-layout .sgc-sg-image, body.sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-thumb { position: relative !important; z-index: 1 !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { top: calc(var(--sgc-product-media-top, 4px) + var(--sgc-product-img-size) - var(--sgc-product-logo-overlap, 17px)) !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 12 !important; } } @media (min-width: 1025px) and (max-width: 1280px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-product-logo-overlap: 16px; } } /* v0.9.197 – MOBILE MANUAL CONTROL: tyre image + logo overlap Този блок е последен и презаписва по-старите мобилни правила за снимката и логото. Пипай основно променливите по-долу. */ @media (max-width: 767px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-mobile-product-img-size: 112px; /* големина на гумата на мобилно */ --sgc-mobile-product-img-zoom: 1.03; /* леко увеличение на гумата */ --sgc-mobile-product-left-col: 116px; /* лява колона със снимката */ --sgc-mobile-product-logo-width: 104px; /* ширина на логото */ --sgc-mobile-product-logo-height: 28px; /* височина на логото */ --sgc-mobile-product-logo-overlap: 14px; /* колко логото влиза върху гумата */ --sgc-mobile-product-media-top: 0px; /* отстояние на гумата отгоре */ } body.sgc-supergumi-layout .sgc-sg-card, body .sgc-supergumi-layout .sgc-sg-card { grid-template-columns: var(--sgc-mobile-product-left-col) minmax(0, 1fr) !important; grid-template-areas: "media content" "eu eu" "footer footer" "buy buy" !important; align-items: start !important; gap: 8px 10px !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; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: var(--sgc-mobile-product-left-col) !important; min-width: var(--sgc-mobile-product-left-col) !important; min-height: calc(var(--sgc-mobile-product-img-size) + var(--sgc-mobile-product-logo-height) - var(--sgc-mobile-product-logo-overlap) + var(--sgc-mobile-product-media-top) + 4px) !important; padding: var(--sgc-mobile-product-media-top) 0 2px !important; overflow: hidden !important; } body.sgc-supergumi-layout .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-image { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; z-index: 1 !important; width: var(--sgc-mobile-product-img-size) !important; height: var(--sgc-mobile-product-img-size) !important; min-width: var(--sgc-mobile-product-img-size) !important; min-height: var(--sgc-mobile-product-img-size) !important; max-width: var(--sgc-mobile-product-img-size) !important; max-height: var(--sgc-mobile-product-img-size) !important; margin: 0 auto !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-thumb a, body.sgc-supergumi-layout .sgc-sg-image a, body .sgc-supergumi-layout .sgc-sg-thumb a, body .sgc-supergumi-layout .sgc-sg-image a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-image img, body.sgc-supergumi-layout .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-image img, body .sgc-supergumi-layout .sgc-sg-thumb img { display: block !important; width: var(--sgc-mobile-product-img-size) !important; height: var(--sgc-mobile-product-img-size) !important; min-width: var(--sgc-mobile-product-img-size) !important; min-height: var(--sgc-mobile-product-img-size) !important; max-width: var(--sgc-mobile-product-img-size) !important; max-height: var(--sgc-mobile-product-img-size) !important; object-fit: contain !important; object-position: center center !important; transform: scale(var(--sgc-mobile-product-img-zoom)) !important; transform-origin: center center !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-brand-badge { position: absolute !important; left: 50% !important; right: auto !important; top: calc(var(--sgc-mobile-product-media-top) + var(--sgc-mobile-product-img-size) - var(--sgc-mobile-product-logo-overlap)) !important; bottom: auto !important; transform: translateX(-50%) !important; z-index: 12 !important; width: auto !important; min-width: 82px !important; max-width: var(--sgc-mobile-product-logo-width) !important; height: var(--sgc-mobile-product-logo-height) !important; min-height: var(--sgc-mobile-product-logo-height) !important; padding: 3px 7px !important; overflow: hidden !important; } body.sgc-supergumi-layout .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-brand-badge img, body .sgc-supergumi-layout .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-brand-badge img { display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: calc(var(--sgc-mobile-product-logo-width) - 14px) !important; max-height: calc(var(--sgc-mobile-product-logo-height) - 6px) !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } } @media (max-width: 360px) { body.sgc-supergumi-layout, body .sgc-supergumi-layout { --sgc-mobile-product-img-size: 104px; --sgc-mobile-product-img-zoom: 1.02; --sgc-mobile-product-left-col: 108px; --sgc-mobile-product-logo-width: 98px; --sgc-mobile-product-logo-height: 27px; --sgc-mobile-product-logo-overlap: 13px; } } /* 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: 767px) { /* On phones the existing filter trigger becomes a slim vertical viewport tab. The drawer, overlay and filter form stay unchanged; only the trigger presentation moves. */ body .sgc-archive-shell, body.woocommerce .sgc-archive-shell, body.woocommerce-page .sgc-archive-shell { row-gap: 0 !important; } body .sgc-sidebar-mobile-toggle { position: fixed !important; top: 48% !important; left: 0 !important; z-index: 2147483645 !important; width: 34px !important; min-width: 34px !important; height: 104px !important; min-height: 104px !important; margin: 0 !important; padding: 0 !important; border-radius: 0 10px 10px 0 !important; box-shadow: 0 7px 16px rgba(8, 13, 53, .18) !important; transform: translateY(-50%) !important; transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease !important; touch-action: manipulation !important; } body .sgc-sidebar-mobile-toggle__icon { display: none !important; } body .sgc-sidebar-mobile-toggle__text { display: block !important; white-space: nowrap !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .4px !important; transform: rotate(90deg) !important; transform-origin: center !important; } body .sgc-sidebar-mobile-toggle:active { transform: translateY(-50%) scale(.97) !important; } body.sgc-sidebar-mobile-open .sgc-sidebar-mobile-toggle { opacity: 0 !important; pointer-events: none !important; transform: translate(-14px, -50%) !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; } /* Mobile catalogue status rows and symbol tooltips. */ @media (max-width: 767px) { body .sgc-archive-main .sgc-sg-card { grid-template-areas: "media content" "status status" "shipping shipping" "eu eu" "buy buy" !important; } body .sgc-archive-main .sgc-sg-content { position: relative !important; z-index: 30 !important; overflow: visible !important; } body .sgc-archive-main .sgc-sg-content > .sgc-sg-footer { display: none !important; } body .sgc-archive-main .sgc-sg-mobile-status { grid-area: status !important; grid-row: 2 !important; grid-column: 1 / -1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 100% !important; min-width: 0 !important; margin: 0 0 1px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; position: relative !important; z-index: 1 !important; } body .sgc-archive-main .sgc-sg-mobile-status__item, body .sgc-archive-main .sgc-sg-mobile-status__delivery, body .sgc-archive-main .sgc-sg-mobile-status__delivery.is-available, body .sgc-archive-main .sgc-sg-mobile-status__stock.is-in, body .sgc-archive-main .sgc-sg-mobile-status__stock.is-out { display: block !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.22 !important; } body .sgc-archive-main .sgc-sg-mobile-status__delivery, body .sgc-archive-main .sgc-sg-mobile-status__delivery.is-available { color: #40516a !important; } body .sgc-archive-main .sgc-sg-mobile-status__stock.is-in { color: #23802c !important; } body .sgc-archive-main .sgc-sg-mobile-status__stock.is-out { color: #c72d36 !important; } body .sgc-archive-main .sgc-sg-free-shipping--mobile { grid-area: shipping !important; grid-row: 3 !important; grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; position: relative !important; z-index: 1 !important; } body .sgc-archive-main .sgc-sg-eu { grid-area: eu !important; grid-row: 4 !important; } body .sgc-archive-main .sgc-sg-buy { grid-area: buy !important; grid-row: 5 !important; grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; 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; } } @media (max-width: 360px) { body .sgc-archive-main .sgc-sg-mobile-status__item, body .sgc-archive-main .sgc-sg-mobile-status__delivery, body .sgc-archive-main .sgc-sg-mobile-status__delivery.is-available, body .sgc-archive-main .sgc-sg-mobile-status__stock.is-in, body .sgc-archive-main .sgc-sg-mobile-status__stock.is-out { font-size: 12px !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.377 – canonical mobile product cards. This replaces the older tyre/wheel mobile patches instead of stacking another override on top. Tyres, wheels and accessory cards now share one centred mobile structure; only image/logo sizing and tyre-specific details differ. */ @media (max-width: 767px) { body.sgc-supergumi-layout .sgc-sg-card--tyre, body.sgc-supergumi-layout .sgc-sg-card--wheel, body.sgc-supergumi-layout .sgc-sg-card--parts, body .sgc-supergumi-layout .sgc-sg-card--tyre, body .sgc-supergumi-layout .sgc-sg-card--wheel, body .sgc-supergumi-layout .sgc-sg-card--parts { --sgc-mobile-product-img-size: 184px; --sgc-mobile-product-media-height: 218px; --sgc-mobile-product-logo-top: 172px; --sgc-mobile-product-logo-width: 132px; --sgc-mobile-product-logo-height: 34px; position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "media" "content" "status" "buy" !important; align-items: start !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; padding: 12px !important; box-sizing: border-box !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel, body .sgc-supergumi-layout .sgc-sg-card--wheel { --sgc-mobile-product-img-size: 214px; --sgc-mobile-product-media-height: 250px; --sgc-mobile-product-logo-top: 216px; --sgc-mobile-product-logo-width: 122px; --sgc-mobile-product-logo-height: 30px; } body.sgc-supergumi-layout .sgc-sg-card--parts, body .sgc-supergumi-layout .sgc-sg-card--parts { --sgc-mobile-cta-font-size: 14px; --sgc-mobile-price-font-size: 18px; --sgc-mobile-product-img-size: 190px; --sgc-mobile-product-media-height: 224px; --sgc-mobile-product-logo-top: 180px; --sgc-mobile-product-logo-width: 132px; --sgc-mobile-product-logo-height: 34px; } body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-media, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-media, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-media { grid-area: media !important; grid-row: auto !important; grid-column: 1 !important; position: relative !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: var(--sgc-mobile-product-media-height) !important; margin: 0 !important; padding: 0 0 8px !important; box-sizing: border-box !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-media, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-media { padding: 16px 0 20px !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-image, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-image, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-thumb, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-image, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-thumb, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-image { display: flex !important; align-items: center !important; justify-content: center !important; width: var(--sgc-mobile-product-img-size) !important; height: var(--sgc-mobile-product-img-size) !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: none !important; margin: 0 auto !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-image img, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-image img, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-image img, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-image img, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-image img, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-image img, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-thumb img { display: block !important; width: var(--sgc-mobile-product-img-size) !important; height: var(--sgc-mobile-product-img-size) !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-badge, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-badge, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-badge { top: var(--sgc-mobile-product-logo-top) !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: var(--sgc-mobile-product-logo-width) !important; min-width: 0 !important; max-width: 82% !important; height: var(--sgc-mobile-product-logo-height) !important; min-height: var(--sgc-mobile-product-logo-height) !important; padding: 3px 7px !important; z-index: 12 !important; box-sizing: border-box !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-brand-logo-img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; transform: none !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-content, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-content, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-content, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-content, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-content, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-content { grid-area: content !important; grid-row: auto !important; grid-column: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; text-align: center !important; overflow: visible !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-title, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-title { width: 100% !important; margin: 0 0 5px !important; text-align: center !important; overflow-wrap: anywhere !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title { order: 0 !important; font-size: 18px !important; line-height: 1.17 !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-title { font-size: 15px !important; line-height: 1.18 !important; } body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-title { font-size: 16px !important; line-height: 1.18 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sub, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sub { order: -1 !important; margin: 0 0 5px !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-sub, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-sub, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-sub, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-sub { justify-content: center !important; width: 100% !important; text-align: center !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line { order: 1 !important; display: flex !important; justify-content: center !important; margin: 0 0 9px !important; font-size: 14px !important; gap: 6px !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--eu-mini, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--eu-mini { order: 2 !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; width: 100% !important; margin: 0 0 7px !important; } /* EU label letters: keep pictograms neutral and restore the A-G colour scale. */ body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--eu-mini > .sgc-sg-eu-mini-badge, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--eu-mini > .sgc-sg-eu-mini-badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 24px !important; min-height: 24px !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #59687c !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon .sgc-sg-eu-svg, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon .sgc-sg-eu-svg { width: 18px !important; height: 18px !important; margin: 0 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon .sgc-sg-eu-svg, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-icon .sgc-sg-eu-svg { display: block !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-badge .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-mini-badge .sgc-sg-eu-mini-text { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 24px !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 6px !important; border-radius: 6px !important; background: #eef3f8 !important; color: #122945 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--a .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--a .sgc-sg-eu-mini-text { background: #39b54a !important; color: #fff !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--b .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--b .sgc-sg-eu-mini-text { background: #74c044 !important; color: #fff !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--c .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--c .sgc-sg-eu-mini-text { background: #a8cf3a !important; color: #122945 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--d .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--d .sgc-sg-eu-mini-text { background: #d7cf34 !important; color: #122945 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--e .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--e .sgc-sg-eu-mini-text { background: #efb631 !important; color: #122945 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--f .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--f .sgc-sg-eu-mini-text { background: #ea8a2b !important; color: #fff !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--g .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-grade--g .sgc-sg-eu-mini-text { background: #df4d38 !important; color: #fff !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols { order: 3 !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-tags, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-tags, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-tags, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-tags, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-tags > span, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-tags > span, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-tags > span, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-tags > span { width: auto !important; min-width: 0 !important; white-space: normal !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-content > .sgc-sg-footer, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-content > .sgc-sg-footer, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-content > .sgc-sg-footer, body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-eu, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-eu, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-eu, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-content > .sgc-sg-footer, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-content > .sgc-sg-footer, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-content > .sgc-sg-footer, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-eu, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-eu, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-eu { display: none !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-mobile-status, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-mobile-status, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-mobile-status, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-mobile-status, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-mobile-status, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-mobile-status { grid-area: status !important; grid-row: auto !important; grid-column: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 100% !important; min-width: 0 !important; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; position: relative !important; z-index: 1 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-free-shipping--mobile, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-free-shipping--mobile, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-free-shipping--mobile, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-free-shipping--mobile, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-free-shipping--mobile, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-free-shipping--mobile { display: none !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-free-shipping--image { display: inline-flex !important; top: 2px !important; left: 8px !important; right: auto !important; width: auto !important; max-width: 96px !important; min-height: 0 !important; padding: 5px 7px !important; gap: 4px !important; border-radius: 8px !important; z-index: 16 !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body.sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-sale-badge + .sgc-sg-free-shipping--image, body .sgc-supergumi-layout .sgc-sg-card--parts .sgc-sg-sale-badge + .sgc-sg-free-shipping--image { top: 40px !important; } body.sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-buy, body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-buy, body.sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-buy, body .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-buy, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-buy, body .sgc-supergumi-layout .sgc-sg-card--parts > .sgc-sg-buy { grid-area: buy !important; grid-row: auto !important; grid-column: 1 !important; width: 100% !important; min-width: 0 !important; margin: 2px 0 0 !important; box-sizing: border-box !important; } body.sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-buy, body .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-buy { grid-template-columns: 100px minmax(0, 1fr) !important; } } @media (max-width: 360px) { body.sgc-supergumi-layout .sgc-sg-card--tyre, body .sgc-supergumi-layout .sgc-sg-card--tyre { --sgc-mobile-product-img-size: 160px; --sgc-mobile-product-media-height: 194px; --sgc-mobile-product-logo-top: 148px; } body.sgc-supergumi-layout .sgc-sg-card--wheel, body .sgc-supergumi-layout .sgc-sg-card--wheel { --sgc-mobile-product-img-size: 196px; --sgc-mobile-product-media-height: 232px; --sgc-mobile-product-logo-top: 198px; } body.sgc-supergumi-layout .sgc-sg-card--parts, body .sgc-supergumi-layout .sgc-sg-card--parts { --sgc-mobile-product-img-size: 168px; --sgc-mobile-product-media-height: 202px; --sgc-mobile-product-logo-top: 158px; } } /* ===== 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; } } /* Desktop catalogue cards. Mobile cards are owned by module 11. */ body .sgc-sg-category--desktop {display:none} body .sgc-sg-hero-rating {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge {align-items:center !important;gap:5px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge .sgc-sg-season-icon { display:block !important;width:18px !important;height:18px !important;flex:0 0 18px !important; } @media (min-width:1025px) { body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) { width:min(calc(100% - 40px),1600px) !important; max-width:1600px !important; grid-template-columns:300px minmax(0,1fr) !important; grid-template-areas:"sgc-sidebar sgc-main" !important; gap:24px !important; } body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-sidebar { width:300px !important; max-width:300px !important; } /* WoodMart can render cards directly in .wd-products or inside ul.products. */ body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .wd-products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main ul.products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .products:not(.wd-products) { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; align-items:stretch !important; } body.sgc-supergumi-layout .sgc-archive-main .wd-products > ul.products, body.sgc-supergumi-layout .sgc-archive-main .wd-products > .products { grid-column:1 / -1 !important; } body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .product-grid-item, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main ul.products li.product { display:flex !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; box-sizing:border-box !important; border:1px solid #dde5ee !important; border-radius:11px !important; background:#fff !important; box-shadow:0 3px 12px rgba(20,42,66,.05) !important; transition:border-color .18s ease,box-shadow .18s ease !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover { border-color:#cbd8e6 !important; box-shadow:0 9px 24px rgba(20,42,66,.1) !important; } /* Hero: consistent logo, full tyre image, and the existing coloured EU badges. */ .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-media { position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-width:0 !important; height:230px !important; min-height:230px !important; margin:0 !important; padding:14px 12px 0 !important; box-sizing:border-box !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-thumb, .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-image { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:200px !important; min-height:0 !important; max-height:200px !important; margin:0 auto !important; padding:0 !important; overflow:visible !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-image img, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img { display:block !important; width:100% !important; height:200px !important; min-width:0 !important; min-height:0 !important; max-width:100% !important; max-height:200px !important; margin:0 !important; object-fit:contain !important; object-position:center !important; transform:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-brandline { position:absolute !important; top:12px !important; left:14px !important; right:50px !important; z-index:4 !important; display:flex !important; align-items:center !important; width:auto !important; height:39px !important; min-height:39px !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brandline .sgc-sg-brand-logo, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brandline .sgc-sg-brand-badge { position:static !important; inset:auto !important; display:inline-flex !important; align-items:center !important; width:auto !important; max-width:145px !important; height:36px !important; min-height:36px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#142a45 !important; font-size:19px !important; font-weight:900 !important; text-transform:uppercase !important; transform:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brandline .sgc-sg-brand-logo {width:145px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brandline .sgc-sg-brand-logo img, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brandline .sgc-sg-brand-logo-img { display:block !important; width:145px !important; height:34px !important; min-width:0 !important; min-height:0 !important; max-width:145px !important; max-height:34px !important; object-fit:contain !important; object-position:left center !important; transform:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sale-badge { top:9px !important; right:10px !important; left:auto !important; z-index:5 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-mobile, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--image {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop { position:absolute !important; left:8px !important; right:8px !important; bottom:2px !important; z-index:5 !important; display:block !important; width:calc(100% - 16px) !important; border-radius:7px !important; overflow:hidden !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop:empty {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { position:static !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; gap:0 !important; width:100% !important; min-height:45px !important; margin:0 !important; padding:6px 4px !important; box-sizing:border-box !important; background:rgba(255,255,255,.84) !important; border:1px solid rgba(255,255,255,.48) !important; border-radius:7px !important; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge { display:flex !important; justify-content:center !important; align-items:center !important; gap:4px !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:32px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon { display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 39px !important; width:39px !important; height:26px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#3d4650 !important; } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon .sgc-sg-eu-svg { display:block !important; width:39px !important; height:26px !important; } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:25px !important; height:25px !important; min-height:25px !important; margin:0 !important; padding:0 5px !important; border-radius:2px !important; background:#eef3f8 !important; color:#142a45 !important; font-size:15px !important; font-weight:900 !important; line-height:1 !important; } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge--fuel .sgc-sg-eu-mini-text, body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge--wet .sgc-sg-eu-mini-text { min-width:32px !important; padding:0 10px 0 5px !important; box-sizing:border-box !important; border-radius:0 !important; clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%) !important; } body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--a .sgc-sg-eu-mini-text {background:#2cab4d !important;color:#fff !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--b .sgc-sg-eu-mini-text {background:#74c044 !important;color:#fff !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--c .sgc-sg-eu-mini-text {background:#c5df35 !important;color:#173052 !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--d .sgc-sg-eu-mini-text {background:#ffd400 !important;color:#173052 !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--e .sgc-sg-eu-mini-text {background:#f5a623 !important;color:#173052 !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--f .sgc-sg-eu-mini-text {background:#ec742f !important;color:#fff !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--g .sgc-sg-eu-mini-text {background:#d64a38 !important;color:#fff !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge--wet .sgc-sg-eu-mini-text {background:#1687c1 !important;color:#fff !important} body.sgc-supergumi-layout--tyres .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text {min-width:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;color:#173052 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-noise--mini .sgc-sg-eu-mini-text::after {content:" dB";margin-left:2px;font-size:10px} /* Tyre identity: brand + season, full-width model, size + DOT, characteristics. */ .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-content { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:4px !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:13px 15px 8px !important; box-sizing:border-box !important; text-align:left !important; overflow:visible !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-identity-row { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-width:0 !important; margin:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-text { display:block !important; flex:1 1 auto !important; min-width:0 !important; margin:0 !important; color:#172c47 !important; font-size:18px !important; line-height:1.18 !important; font-weight:850 !important; letter-spacing:-.02em !important; text-transform:uppercase !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-text--empty {visibility:hidden !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge { display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; justify-content:center !important; gap:5px !important; min-height:23px !important; margin:0 !important; padding:3px 8px !important; border:1px solid #e1e7ee !important; border-radius:999px !important; background:#f5f7fa !important; color:#31455f !important; font-size:10.5px !important; line-height:1 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge .sgc-sg-season-icon { display:block !important;width:18px !important;height:18px !important;flex:0 0 18px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title { display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; color:#172c47 !important; font-size:18px !important; line-height:1.18 !important; font-weight:850 !important; letter-spacing:-.02em !important; text-align:left !important; text-decoration:none !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title:hover {color:#d9092a !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-width:0 !important; margin:0 !important; color:#52647c !important; font-size:14px !important; font-weight:800 !important; text-align:left !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-main {min-width:0 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line .sgc-sg-dot-inline { display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; justify-content:center !important; min-height:23px !important; margin:0 0 0 auto !important; padding:3px 8px !important; border-radius:5px !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-content > .sgc-sg-tags--eu-mini {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-rating-v187--desktop { position:absolute !important; top:156px !important; left:12px !important; z-index:7 !important; display:inline-flex !important; align-items:center !important; gap:4px !important; width:auto !important; max-width:calc(100% - 24px) !important; min-height:24px !important; margin:0 !important; padding:4px 7px !important; border:1px solid #e6d9aa !important; border-radius:7px !important; background:rgba(255,252,239,.96) !important; box-shadow:0 3px 10px rgba(22,45,72,.12) !important; color:#203047 !important; font-size:12px !important; line-height:1 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-rating-v187--desktop .sgc-rating-v187-stars { display:inline-flex !important; align-items:center !important; gap:0 !important; color:#f6b900 !important; font-size:13px !important; line-height:1 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-rating-v187--desktop .sgc-rating-v187-num { font-size:12px !important; font-weight:850 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-rating-v187--desktop .sgc-rating-v187-count { display:inline !important; color:#66778a !important; font-size:11px !important; font-weight:750 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols { display:flex !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:6px !important; width:100% !important; margin:3px 0 0 !important; padding:0 !important; text-align:left !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; min-width:0 !important; min-height:23px !important; margin:0 !important; padding:3px 8px !important; border:1px solid #e2e8f0 !important; border-radius:6px !important; background:#f5f8fb !important; color:#4e6179 !important; font-size:11px !important; font-weight:800 !important; line-height:1.1 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature-svg {display:block !important;width:15px !important;height:15px !important;flex:0 0 15px !important} .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-mobile-status, .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-free-shipping--mobile, .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-eu {display:none !important} /* Compact price, stock and action anchored to the foot of each card. */ .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-buy { display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-end !important; gap:8px !important; width:100% !important; min-width:0 !important; margin:auto 0 0 !important; padding:10px 15px 15px !important; box-sizing:border-box !important; border:0 !important; border-top:1px solid #edf1f5 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap {display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;width:100% !important;margin:0 !important;text-align:left !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price .amount, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price ins .amount {color:#c91835 !important;font-size:27px !important;line-height:1.08 !important;font-weight:700 !important;letter-spacing:-.015em !important;text-align:left !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price del, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price del .amount {color:#8795a7 !important;font-size:12px !important;font-weight:700 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-vat-note {font-size:10px !important;color:#7d899a !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status {display:flex !important;flex-wrap:nowrap !important;gap:7px !important;width:100% !important;margin:0 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item {display:inline-flex !important;align-items:center !important;gap:4px !important;font-size:10.5px !important;line-height:1.2 !important;font-weight:750 !important;color:#53647a !important;white-space:nowrap !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__dot {display:inline-block !important;width:7px !important;height:7px !important;flex:0 0 7px !important;border-radius:50% !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__stock.is-in .sgc-sg-buy-status__dot {background:#16aa51 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__stock.is-out .sgc-sg-buy-status__dot {background:#d54a3c !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-stock-qty {color:#07943b !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__truck {display:inline-flex !important;width:15px !important;height:15px !important;flex:0 0 15px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__truck .sgc-sg-feature-svg {width:15px !important;height:15px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-actions {display:block !important;width:100% !important;max-width:none !important;margin:2px 0 0 !important;padding:0 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy .button, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy .add_to_cart_button { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:7px !important; background:#e5092c !important; box-shadow:none !important; color:#fff !important; font-size:12px !important; line-height:1.1 !important; font-weight:900 !important; text-align:center !important; text-decoration:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart:hover {background:#c80727 !important} } /* Wheels and accessories share the approved desktop card hierarchy. */ @media (min-width:1025px) { .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) { display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important; width:100% !important;height:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important; overflow:hidden !important;box-sizing:border-box !important;border:1px solid #dde5ee !important; border-radius:11px !important;background:#fff !important;box-shadow:0 3px 12px rgba(20,42,66,.05) !important; transition:border-color .18s ease,box-shadow .18s ease !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts):hover { border-color:#cbd8e6 !important;box-shadow:0 9px 24px rgba(20,42,66,.1) !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) > .sgc-sg-media { position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important; width:100% !important;height:198px !important;min-height:198px !important;margin:0 !important; padding:14px 12px 0 !important;box-sizing:border-box !important;background:#fff !important;overflow:hidden !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) :is(.sgc-sg-thumb,.sgc-sg-image) { display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important; max-width:100% !important;height:184px !important;max-height:184px !important;margin:0 auto !important; padding:0 !important;overflow:visible !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-image img { display:block !important;width:100% !important;height:184px !important;max-width:100% !important; max-height:184px !important;object-fit:contain !important;object-position:center !important;transform:none !important; } /* Keep wheel branding above the larger product photo, with no overlap. */ .sgc-supergumi-layout .sgc-sg-card--desktop-v2.sgc-sg-card--wheel > .sgc-sg-media { height:265px !important;min-height:265px !important;padding:50px 12px 7px !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2.sgc-sg-card--wheel :is(.sgc-sg-thumb,.sgc-sg-image) { height:208px !important;max-height:208px !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2.sgc-sg-card--wheel .sgc-sg-image img { height:208px !important;max-height:208px !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-media > :is(.sgc-sg-brand-logo,.sgc-sg-brand-badge) { position:absolute !important;top:12px !important;left:14px !important;right:auto !important;bottom:auto !important; z-index:4 !important;display:inline-flex !important;align-items:center !important; width:145px !important;max-width:145px !important;height:36px !important;min-height:36px !important; margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important; background:transparent !important;box-shadow:none !important;color:#142a45 !important; font-size:19px !important;font-weight:900 !important;overflow:hidden !important;transform:none !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-media > .sgc-sg-brand-logo img { display:block !important;width:145px !important;height:34px !important;max-width:145px !important; max-height:34px !important;object-fit:contain !important;object-position:left center !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-sale-badge { top:9px !important;right:10px !important;left:auto !important;z-index:5 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-media > .sgc-sg-free-shipping--image{display:none !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) > .sgc-sg-content { display:flex !important;flex-direction:column !important;align-items:flex-start !important; align-self:stretch !important;gap:8px !important;width:100% !important;min-width:0 !important; margin:0 !important;padding:12px 15px 14px !important;box-sizing:border-box !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-title { display:block !important;width:100% !important;margin:0 !important;padding-right:0 !important; color:#152b46 !important;font-size:16px !important;line-height:1.25 !important;font-weight:900 !important; overflow-wrap:anywhere !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-category--desktop { display:inline-flex !important;align-items:center !important;max-width:100% !important; padding:4px 8px !important;border-radius:5px !important;background:#edf3f9 !important; color:#536983 !important;font-size:10px !important;font-weight:850 !important;line-height:1.1 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-sub, .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-footer, .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) > :is(.sgc-sg-wheel-spacer,.sgc-sg-mobile-status,.sgc-sg-free-shipping--mobile) {display:none !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-tags { display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important; align-items:center !important;gap:5px !important;width:100% !important;margin:0 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-tags > span:not(.sgc-rating-v187--mobile) { display:inline-flex !important;align-items:center !important;min-height:23px !important; padding:3px 7px !important;border-radius:5px !important;background:#f2f5f9 !important; color:#52647a !important;font-size:11px !important;line-height:1.15 !important;font-weight:800 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-rating-v187--mobile {display:none !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) > .sgc-sg-buy { display:flex !important;flex-direction:column !important;align-items:stretch !important; justify-content:flex-end !important;gap:8px !important;width:100% !important;min-width:0 !important;max-width:none !important; align-self:stretch !important;justify-self:stretch !important; margin:auto 0 0 !important;padding:10px 15px 15px !important;box-sizing:border-box !important; border:0 !important;border-top:1px solid #edf1f5 !important;border-radius:0 !important; background:#fff !important;box-shadow:none !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-price-wrap {display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;width:100% !important;margin:0 !important;text-align:left !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) :is(.sgc-sg-price,.sgc-sg-price .amount,.sgc-sg-price ins .amount) {color:#c91835 !important;font-size:27px !important;line-height:1.08 !important;font-weight:700 !important;letter-spacing:-.015em !important;text-align:left !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-price del, .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-price del .amount {color:#8795a7 !important;font-size:12px !important;font-weight:700 !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-vat-note {font-size:10px !important;color:#7d899a !important;text-align:left !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status {display:flex !important;flex-wrap:wrap !important;gap:4px 7px !important;width:100% !important;margin:0 !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__item {display:inline-flex !important;align-items:center !important;gap:4px !important;font-size:10.5px !important;line-height:1.2 !important;font-weight:750 !important;color:#53647a !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__dot {display:inline-block !important;width:7px !important;height:7px !important;flex:0 0 7px !important;border-radius:50% !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__stock.is-in .sgc-sg-buy-status__dot {background:#16aa51 !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__stock.is-out .sgc-sg-buy-status__dot {background:#d54a3c !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__truck {display:inline-flex !important;width:15px !important;height:15px !important;flex:0 0 15px !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status__truck .sgc-sg-feature-svg {width:15px !important;height:15px !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-actions {display:block !important;width:100% !important;max-width:none !important;margin:2px 0 0 !important;padding:0 !important} .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy .sgc-sg-add-to-cart { display:inline-flex !important;align-items:center !important;justify-content:center !important; width:100% !important;min-width:0 !important;height:42px !important;min-height:42px !important; margin:0 !important;padding:0 12px !important;border:0 !important;border-radius:7px !important; background:#e5092c !important;box-shadow:none !important;color:#fff !important;font-size:12px !important; line-height:1.1 !important;font-weight:900 !important;text-align:center !important;text-decoration:none !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-add-to-cart:hover {background:#c80727 !important} } /* Shipping terms remain visible while the price and action line up across cards. */ @media (min-width:1025px) { .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) { position:relative !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) > .sgc-sg-buy { position:static !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy .sgc-sg-free-shipping--inline { position:absolute !important; inset:51px auto auto 14px !important; z-index:6 !important; display:inline-flex !important; align-items:center !important; gap:5px !important; width:max-content !important; max-width:calc(100% - 28px) !important; min-height:25px !important; margin:0 !important; padding:3px 7px !important; box-sizing:border-box !important; border:1px solid #d8ecc6 !important; border-radius:6px !important; background:rgba(241,250,233,.95) !important; box-shadow:0 2px 8px rgba(18,42,70,.1) !important; color:#2c7d24 !important; font-size:10px !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__icon-wrap { width:17px !important;height:17px !important;min-width:17px !important;flex:0 0 17px !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy { display:inline-flex !important;flex-direction:row !important;align-items:center !important; gap:4px !important;min-width:0 !important;white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-free-shipping--inline .sgc-sg-free-shipping__copy strong { display:inline !important;font-size:10px !important;line-height:1 !important;white-space:nowrap !important; } } @media (min-width:1025px) and (max-width:1650px) { body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .wd-products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main ul.products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .products:not(.wd-products) {grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media (min-width:1025px) and (max-width:1280px) { body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .wd-products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main ul.products, body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-main .products:not(.wd-products) {grid-template-columns:repeat(2,minmax(0,1fr)) !important} } /* The existing filter drawer starts at 1199px; preserve its single-column shell. */ @media (min-width:1025px) and (max-width:1199px) { body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) {grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"sgc-sidebar" "sgc-main" !important} body.sgc-supergumi-layout .sgc-archive-shell:not(.sgc-archive-shell--sport) .sgc-archive-sidebar {width:100% !important;max-width:none !important} } @media (min-width:768px) and (max-width:1024px) { .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy-status, .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-buy .sgc-sg-free-shipping--inline{display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-brandline, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-free-shipping--image, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-mobile {display:block !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy .sgc-sg-free-shipping--inline {display:none !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature {display:inline-flex !important;align-items:center !important;gap:4px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature-svg {width:15px !important;height:15px !important;flex:0 0 15px !important} .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-content {display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:5px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-identity-row {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:7px !important;width:100% !important;min-width:0 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-text,.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title {font-size:16px !important;font-weight:850 !important;line-height:1.16 !important;color:#172c47 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-brand-text {flex:1 1 auto !important;min-width:0 !important;text-transform:uppercase !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title {width:100% !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge {display:inline-flex !important;align-items:center !important;gap:4px !important;flex:0 0 auto !important;white-space:nowrap !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:7px !important;width:100% !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line .sgc-sg-dot-inline {margin-left:auto !important;white-space:nowrap !important} } /* Mobile uses the approved desktop card hierarchy at the phone's width. */ @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 { --sgc-card-photo:min(86vw,330px); --sgc-card-media:calc(var(--sgc-card-photo) + 24px); position:relative !important;display:flex !important;flex-direction:column !important;align-items:stretch !important; grid-template:none !important;grid-template-areas:none !important;gap:0 !important; width:100% !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:0 !important; overflow:hidden !important;box-sizing:border-box !important;border:1px solid #dde5ee !important; border-radius:11px !important;background:#fff !important;box-shadow:0 3px 12px rgba(20,42,66,.05) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2.sgc-sg-card--wheel { --sgc-card-photo:min(75vw,300px);--sgc-card-media:calc(var(--sgc-card-photo) + 64px); } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2.sgc-sg-card--parts { --sgc-card-photo:min(72vw,280px);--sgc-card-media:calc(var(--sgc-card-photo) + 34px); } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 > .sgc-sg-media { position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important; justify-content:flex-start !important;grid-area:auto !important;grid-row:auto !important;grid-column:auto !important; width:100% !important;min-width:0 !important;height:var(--sgc-card-media) !important; min-height:var(--sgc-card-media) !important;margin:0 !important;padding:14px 12px 0 !important; box-sizing:border-box !important;background:#fff !important;overflow:hidden !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2.sgc-sg-card--wheel > .sgc-sg-media { padding:54px 12px 0 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 :is(.sgc-sg-thumb,.sgc-sg-image) { display:flex !important;align-items:center !important;justify-content:center !important; width:var(--sgc-card-photo) !important;min-width:0 !important;max-width:100% !important; height:var(--sgc-card-photo) !important;min-height:0 !important;max-height:none !important; margin:0 auto !important;padding:0 !important;overflow:visible !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-image img { display:block !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important; max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center !important;transform:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-brandline { position:absolute !important;inset:12px auto auto 14px !important;z-index:4 !important; display:flex !important;align-items:center !important;width:150px !important;height:37px !important; margin:0 !important;padding:0 !important;overflow:hidden !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media :is(.sgc-sg-brand-logo,.sgc-sg-brand-badge) { position:static !important;inset:auto !important;display:inline-flex !important;align-items:center !important; width:150px !important;min-width:0 !important;max-width:150px !important;height:37px !important;min-height:37px !important; margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important; background:transparent !important;box-shadow:none !important;transform:none !important;color:#142a45 !important; font-size:19px !important;font-weight:900 !important;overflow:hidden !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media > :is(.sgc-sg-brand-logo,.sgc-sg-brand-badge) { position:absolute !important;top:12px !important;right:auto !important;bottom:auto !important;left:14px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media .sgc-sg-brand-logo img { display:block !important;width:150px !important;height:34px !important;max-width:150px !important;max-height:34px !important; object-fit:contain !important;object-position:left center !important;transform:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile{display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-free-shipping--image, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-sale-badge + .sgc-sg-free-shipping--image { position:absolute !important;top:53px !important;right:auto !important;bottom:auto !important;left:14px !important; z-index:6 !important;display:inline-flex !important;align-items:center !important;gap:5px !important; width:auto !important;max-width:calc(100% - 80px) !important;min-height:25px !important; margin:0 !important;padding:4px 8px !important;box-sizing:border-box !important; border:1px solid #d8ecc6 !important;border-radius:6px !important; background:rgba(241,250,233,.95) !important;box-shadow:0 2px 8px rgba(18,42,70,.1) !important; color:#2c7d24 !important;font-size:10px !important;white-space:nowrap !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-sale-badge { top:9px !important;right:10px !important;bottom:auto !important;left:auto !important; inset:9px 10px auto auto !important;z-index:9 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop { position:absolute !important;right:8px !important;bottom:3px !important;left:8px !important;top:auto !important; z-index:5 !important;display:block !important;width:calc(100% - 16px) !important; border-radius:7px !important;overflow:hidden !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop:empty {display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { position:static !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:center !important;gap:0 !important;width:100% !important;min-height:45px !important; margin:0 !important;padding:6px 3px !important;box-sizing:border-box !important; border:1px solid rgba(255,255,255,.48) !important;border-radius:7px !important; background:rgba(255,255,255,.84) !important;backdrop-filter:blur(4px); } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge { display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:3px !important; width:100% !important;min-width:0 !important;height:32px !important;min-height:32px !important; margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon { display:inline-flex !important;align-items:center !important;justify-content:center !important; flex:0 0 38px !important;width:38px !important;height:26px !important;margin:0 !important;padding:0 !important; border:0 !important;background:transparent !important;color:#3d4650 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-svg {width:38px !important;height:26px !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text { display:inline-flex !important;align-items:center !important;justify-content:center !important; min-width:25px !important;height:25px !important;min-height:25px !important;margin:0 !important;padding:0 5px !important; border:0 !important;border-radius:2px !important;background:#eef3f8 !important;color:#142a45 !important; font-size:15px !important;font-weight:900 !important;line-height:1 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop :is(.sgc-sg-eu-mini-badge--fuel,.sgc-sg-eu-mini-badge--wet) .sgc-sg-eu-mini-text { min-width:32px !important;padding:0 10px 0 5px !important;box-sizing:border-box !important;border-radius:0 !important; clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text { min-width:0 !important;padding:0 !important;clip-path:none !important;background:transparent !important;box-shadow:none !important;color:#173052 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--a .sgc-sg-eu-mini-text {background:#2cab4d !important;color:#fff !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--b .sgc-sg-eu-mini-text {background:#74c044 !important;color:#fff !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--c .sgc-sg-eu-mini-text {background:#c5df35 !important;color:#173052 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--d .sgc-sg-eu-mini-text {background:#ffd400 !important;color:#173052 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--e .sgc-sg-eu-mini-text {background:#f5a623 !important;color:#173052 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--f .sgc-sg-eu-mini-text {background:#ec742f !important;color:#fff !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--g .sgc-sg-eu-mini-text {background:#d64a38 !important;color:#fff !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge--wet .sgc-sg-eu-mini-text {background:#1687c1 !important;color:#fff !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text::after {content:" dB";margin-left:2px;font-size:10px} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 > .sgc-sg-content { grid-area:auto !important;grid-row:auto !important;grid-column:auto !important; align-self:stretch !important;width:100% !important;min-width:0 !important; margin:0 !important;padding:13px 15px 10px !important;box-sizing:border-box !important; text-align:left !important;overflow:visible !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre > .sgc-sg-content { display:flex !important;flex-direction:column !important;align-items:stretch !important; gap:5px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) > .sgc-sg-content { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-identity-row { display:flex !important;align-items:center !important;justify-content:space-between !important; gap:7px !important;width:100% !important;min-width:0 !important;margin:0 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-text, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-title { color:#172c47 !important;font-size:16px !important;font-weight:850 !important; line-height:1.16 !important;letter-spacing:-.02em !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-text { display:block !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important; text-transform:uppercase !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-text--empty {visibility:hidden !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-title { display:block !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important; text-decoration:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-season-badge { display:inline-flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:center !important; gap:4px !important;min-height:23px !important;margin:0 !important;padding:3px 7px !important; border:1px solid #dde6ee !important;border-radius:999px !important;background:#f5f7fa !important; color:#31455f !important;font-size:10px !important;line-height:1 !important;white-space:nowrap !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-season-badge .sgc-sg-season-icon { width:15px !important;height:15px !important;flex:0 0 15px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-size-line { display:flex !important;align-items:center !important;justify-content:space-between !important; gap:7px !important;width:100% !important;min-width:0 !important;margin:0 !important; color:#52647c !important;font-size:13px !important;font-weight:800 !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-size-main {min-width:0 !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-size-line .sgc-sg-dot-inline { display:inline-flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:center !important; min-height:22px !important;margin:0 0 0 auto !important;padding:3px 7px !important;border-radius:5px !important; font-size:9.5px !important;font-weight:900 !important;line-height:1 !important;white-space:nowrap !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-content > .sgc-sg-tags--eu-mini {display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-tags--symbols { display:flex !important;align-items:center !important;justify-content:flex-start !important;flex-wrap:wrap !important; gap:6px !important;width:100% !important;min-width:0 !important;margin:3px 0 0 !important;padding:0 !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-hero-rating { position:absolute !important;bottom:12px !important;left:12px !important;z-index:7 !important; display:inline-flex !important;align-items:center !important;gap:5px !important; width:auto !important;max-width:calc(100% - 24px) !important;min-height:25px !important; margin:0 !important;padding:4px 7px !important;box-sizing:border-box !important; border:1px solid #e6d9aa !important;border-radius:7px !important; background:rgba(255,252,239,.96) !important;box-shadow:0 3px 10px rgba(22,45,72,.12) !important; color:#203047 !important;font-size:12px !important;line-height:1 !important;text-decoration:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-hero-rating {bottom:55px !important} .sgc-sg-hero-rating__stars {display:inline-flex;align-items:center;gap:0;color:#f6b900;font-size:14px;line-height:1} .sgc-sg-hero-rating__stars .is-empty {color:#d5dbe3} .sgc-sg-hero-rating--empty {border-color:#e5eaf0 !important;background:rgba(255,255,255,.94) !important} .sgc-sg-hero-rating--empty small {color:#708096;font-size:10px;white-space:nowrap} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-category--desktop { display:inline-flex !important;align-items:center !important;padding:4px 8px !important; border-radius:5px !important;background:#edf3f9 !important;color:#536983 !important; font-size:10px !important;font-weight:850 !important;line-height:1.1 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-sub, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-footer, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 > :is(.sgc-sg-mobile-status,.sgc-sg-free-shipping--mobile,.sgc-sg-eu) {display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-tags { display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important; gap:5px !important;width:100% !important;margin:0 !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts) .sgc-sg-tags > span:not(.sgc-rating-v187--mobile) { display:inline-flex !important;align-items:center !important;min-height:23px !important;padding:3px 7px !important; border-radius:5px !important;background:#f2f5f9 !important;color:#52647a !important; font-size:11px !important;line-height:1.15 !important;font-weight:800 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-rating-v187--mobile {display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 > .sgc-sg-buy { grid-area:auto !important;grid-row:auto !important;grid-column:auto !important; display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-end !important; gap:8px !important;width:100% !important;min-width:0 !important;max-width:none !important; margin:auto 0 0 !important;padding:10px 15px 15px !important;box-sizing:border-box !important; border:0 !important;border-top:1px solid #edf1f5 !important;border-radius:0 !important; background:#fff !important;box-shadow:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-price-wrap { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important; width:100% !important;min-width:0 !important;margin:0 !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 :is(.sgc-sg-price,.sgc-sg-price .amount,.sgc-sg-price ins .amount) { color:#c91835 !important;font-size:27px !important;line-height:1.08 !important; font-weight:700 !important;letter-spacing:-.015em !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-price del, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-price del .amount { color:#8795a7 !important;font-size:12px !important;font-weight:700 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-vat-note { color:#7d899a !important;font-size:10px !important;text-align:left !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status { display:flex !important;flex-wrap:wrap !important;gap:4px 8px !important;width:100% !important;margin:0 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__item { display:inline-flex !important;align-items:center !important;gap:4px !important; font-size:11px !important;line-height:1.2 !important;font-weight:750 !important;color:#53647a !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__dot { display:inline-block !important;width:7px !important;height:7px !important;flex:0 0 7px !important;border-radius:50% !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__stock.is-in .sgc-sg-buy-status__dot {background:#16aa51 !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__stock.is-out .sgc-sg-buy-status__dot {background:#d54a3c !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__truck, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-status__truck .sgc-sg-feature-svg { display:inline-flex !important;width:15px !important;height:15px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy .sgc-sg-free-shipping--inline {display:none !important} :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-buy-actions { display:block !important;width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important;padding:0 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-add-to-cart { display:inline-flex !important;align-items:center !important;justify-content:center !important; width:100% !important;min-width:0 !important;height:44px !important;min-height:44px !important; margin:0 !important;padding:0 12px !important;border:0 !important;border-radius:7px !important; background:#e5092c !important;box-shadow:none !important;color:#fff !important; font-size:13px !important;line-height:1.1 !important;font-weight:900 !important;text-align:center !important;text-decoration:none !important; } } /* ===== 0.9.431 tyre-card polish: unified chips, premium tooltips, footer rhythm ===== */ .sgc-feature-popover { position:fixed; z-index:2147483000; display:block; width:max-content; max-width:min(320px,calc(100vw - 24px)); padding:9px 11px; box-sizing:border-box; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:rgba(17,32,51,.97); box-shadow:0 12px 30px rgba(12,29,48,.22),0 2px 8px rgba(12,29,48,.12); color:#fff; font-size:12px; font-weight:600; line-height:1.38; letter-spacing:0; text-align:left; white-space:normal; overflow-wrap:anywhere; pointer-events:auto; opacity:0; visibility:hidden; transform:translateY(2px); transition:opacity .12s ease,transform .12s ease,visibility .12s ease; } .sgc-feature-popover.is-visible {opacity:1;visibility:visible;transform:translateY(0)} .sgc-feature-popover::after { content:""; position:absolute; left:var(--sgc-tooltip-arrow-left,50%); width:9px; height:9px; background:rgba(17,32,51,.97); transform:translateX(-50%) rotate(45deg); } .sgc-feature-popover[data-placement="top"]::after {bottom:-5px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)} .sgc-feature-popover[data-placement="bottom"]::after {top:-5px;border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08)} .sgc-supergumi-layout .sgc-sg-card .sgc-sg-symbol.gm-tooltip::after {content:none !important;display:none !important} .sgc-supergumi-layout .sgc-sg-card .sgc-sg-symbol.gm-tooltip { position:relative !important; cursor:help !important; outline:none !important; -webkit-tap-highlight-color:transparent; } .sgc-supergumi-layout .sgc-sg-card .sgc-sg-symbol.gm-tooltip:focus-visible { box-shadow:0 0 0 3px rgba(42,114,173,.16) !important; border-color:#9fc3df !important; } /* One visual language for tyre metadata chips. */ .sgc-supergumi-layout .sgc-sg-card--tyre :is(.sgc-sg-feature,.sgc-sg-symbol,.sgc-sg-dot-inline) { box-sizing:border-box !important; border-radius:999px !important; font-variant-numeric:tabular-nums; letter-spacing:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature--season { border-color:#dde6ee !important; background:#f7f9fc !important; color:#465c75 !important; box-shadow:0 1px 2px rgba(20,42,66,.035) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature--summer { border-color:#efe1b9 !important; background:#fff9ea !important; color:#625534 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature--winter { border-color:#d8e8f4 !important; background:#f0f8ff !important; color:#385a75 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-feature--allseason { border-color:#d9e5eb !important; background:linear-gradient(90deg,#eef8ff 0%,#eef8ff 49%,#fff8e6 51%,#fff8e6 100%) !important; color:#40566f !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-icon--allseason { width:17px !important; height:17px !important; flex:0 0 17px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol { border:1px solid #dce5ee !important; background:linear-gradient(180deg,#fbfcfe 0%,#f2f6fa 100%) !important; color:#40566f !important; box-shadow:0 1px 2px rgba(20,42,66,.035) !important; transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease !important; } @media (hover:hover) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol:hover { border-color:#bfd0df !important; background:#fff !important; color:#203d5e !important; box-shadow:0 3px 9px rgba(20,42,66,.08) !important; transform:translateY(-1px); } } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-dot-inline { border:1px solid rgba(18,42,70,.08) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 1px 2px rgba(20,42,66,.05) !important; font-weight:800 !important; letter-spacing:.01em !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-hero-rating, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-rating-v187--desktop { border-radius:999px !important; border-color:#eadfb8 !important; background:rgba(255,252,240,.97) !important; box-shadow:0 2px 8px rgba(22,45,72,.09) !important; } @media (min-width:1025px) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line .sgc-sg-dot-inline { min-height:24px !important; padding:3px 8px !important; font-size:10.5px !important; line-height:1 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge {gap:5px !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols {gap:5px !important;margin-top:4px !important} /* Keep price/status/action on a consistent baseline across a product row. */ .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 > .sgc-sg-buy { min-height:132px !important; gap:7px !important; padding:10px 14px 14px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap { min-height:39px !important; justify-content:flex-start !important; } .sgc-supergumi-layout .sgc-sg-card--tyre :is(.sgc-sg-price,.sgc-sg-price .amount,.sgc-sg-price ins .amount) { color:#ce1738 !important; font-size:26px !important; font-weight:700 !important; line-height:1.06 !important; letter-spacing:-.012em !important; font-variant-numeric:tabular-nums lining-nums; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-vat-note {margin-top:1px !important;color:#7b8999 !important} .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status { min-height:29px !important; align-content:flex-start !important; align-items:flex-start !important; gap:3px 8px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item { line-height:1.18 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart { border-radius:8px !important; box-shadow:0 4px 10px rgba(229,9,44,.10) !important; transition:background .15s ease,box-shadow .15s ease,transform .15s ease !important; } @media (hover:hover) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart:hover { background:#d90829 !important; box-shadow:0 7px 16px rgba(229,9,44,.16) !important; transform:translateY(-1px); } } } @media (max-width:1024px) { .sgc-feature-popover { max-width:min(300px,calc(100vw - 20px)); padding:9px 10px; border-radius:9px; font-size:11.5px; line-height:1.4; } .sgc-supergumi-layout .sgc-sg-card--tyre :is(.sgc-sg-feature,.sgc-sg-symbol,.sgc-sg-dot-inline) { min-height:22px !important; padding:3px 7px !important; font-size:10px !important; line-height:1 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols {gap:5px !important} } /* ===== 0.9.432 focused card polish: all-season, technical tags, sale price ===== */ /* Technical tyre characteristics should read as refined metadata, not buttons. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols { align-items:center !important; gap:4px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol { min-height:21px !important; padding:2px 7px !important; border:1px solid #dfe6ed !important; border-radius:6px !important; background:#f7f9fb !important; box-shadow:none !important; color:#52657a !important; font-size:9.5px !important; font-weight:750 !important; line-height:1 !important; letter-spacing:.01em !important; } @media (hover:hover) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol:hover { border-color:#cbd7e2 !important; background:#fff !important; color:#294866 !important; box-shadow:0 2px 6px rgba(20,42,66,.055) !important; transform:none !important; } } /* Keep sale pricing on the same visual baseline as a regular price. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price { display:flex !important; flex-direction:row !important; align-items:baseline !important; flex-wrap:nowrap !important; gap:7px !important; width:100% !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price ins { display:inline-flex !important; order:1 !important; margin:0 !important; text-decoration:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price del { display:inline-flex !important; order:2 !important; margin:0 !important; color:#8d99a8 !important; opacity:.82 !important; text-decoration-thickness:1px !important; text-decoration-color:#9aa6b4 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price del, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price del .amount { font-size:11.5px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:0 !important; color:#8d99a8 !important; } @media (max-width:1024px) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol { min-height:20px !important; padding:2px 6px !important; border-radius:6px !important; font-size:9px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price { justify-content:flex-start !important; gap:6px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price del, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap--sale .sgc-sg-price del .amount { font-size:9.5px !important; } } /* ===== 0.9.435 modern visual finish: same content and layout, stronger premium styling ===== */ /* This layer intentionally changes only visual treatment. No elements are added, removed or reordered. */ /* A clearer, more contemporary card shell. */ .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 { border-color:#d6e0ea !important; border-radius:15px !important; background:#fff !important; box-shadow:0 7px 22px rgba(15,37,62,.075),0 1px 3px rgba(15,37,62,.045) !important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important; } @media (hover:hover) and (pointer:fine) { .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover { border-color:#c2d0de !important; box-shadow:0 16px 38px rgba(15,37,62,.13),0 4px 10px rgba(15,37,62,.055) !important; transform:translateY(-2px) !important; } } /* Showroom-like image canvas: still neutral, but visibly more designed than plain white. */ .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 > .sgc-sg-media { isolation:isolate !important; background: radial-gradient(ellipse at 50% 88%,rgba(57,78,103,.085) 0%,rgba(57,78,103,.035) 25%,rgba(255,255,255,0) 58%), linear-gradient(180deg,#ffffff 0%,#fbfcfe 62%,#f3f6fa 100%) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 > .sgc-sg-media::after { content:""; position:absolute; left:17%; right:17%; bottom:31px; z-index:0; height:20px; border-radius:50%; background:radial-gradient(ellipse,rgba(18,38,61,.13) 0%,rgba(18,38,61,.055) 43%,rgba(18,38,61,0) 74%); filter:blur(5px); pointer-events:none; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-thumb, .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-image { position:relative !important; z-index:1 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-brandline, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-hero-rating, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-sale-badge, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-free-shipping--image{ z-index:8 !important; } /* EU panel remains in exactly the same place, but reads as one deliberate component. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop { border-radius:10px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { border:1px solid #dbe4ed !important; border-radius:10px !important; background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,249,252,.97) 100%) !important; box-shadow:0 6px 18px rgba(18,42,70,.10),inset 0 1px 0 rgba(255,255,255,.95) !important; -webkit-backdrop-filter:blur(8px) saturate(112%) !important; backdrop-filter:blur(8px) saturate(112%) !important; } /* The information area gets a subtle separation from the product image. */ .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-content { border-top:1px solid #edf2f6 !important; background:#fff !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title { color:#102943 !important; font-weight:850 !important; letter-spacing:-.026em !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-size-line { color:#506379 !important; font-weight:760 !important; } /* Keep all badges and their positions; give them a more coherent material finish. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-season-badge, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-hero-rating, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-rating-v187--desktop { border-width:1px !important; box-shadow:0 3px 9px rgba(20,42,66,.075),inset 0 1px 0 rgba(255,255,255,.85) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-tags--symbols .sgc-sg-symbol { border-color:#d8e1ea !important; background:linear-gradient(180deg,#ffffff 0%,#f5f7fa 100%) !important; color:#435970 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-dot-inline { box-shadow:0 3px 8px rgba(18,42,70,.08),inset 0 1px 0 rgba(255,255,255,.22) !important; } /* Buy zone: same information and geometry, but a cleaner visual base. */ .sgc-supergumi-layout .sgc-sg-card--tyre > .sgc-sg-buy { border-top-color:#e6edf4 !important; background:linear-gradient(180deg,#fbfcfe 0%,#ffffff 42%) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price .amount, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price ins .amount { color:#d31338 !important; font-weight:740 !important; letter-spacing:-.028em !important; text-shadow:none !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-vat-note { color:#7e8b9a !important; font-weight:650 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item { color:#4e6278 !important; font-weight:720 !important; } /* Same CTA, now with a distinctly modern surface instead of a flat red slab. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart { border-radius:10px !important; background:linear-gradient(180deg,#f20a35 0%,#e0062d 100%) !important; box-shadow:0 7px 16px rgba(224,6,45,.19),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(125,0,24,.08) !important; font-weight:850 !important; letter-spacing:-.012em !important; } @media (hover:hover) and (pointer:fine) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-add-to-cart:hover { background:linear-gradient(180deg,#e50931 0%,#cf0528 100%) !important; box-shadow:0 10px 22px rgba(207,5,40,.25),inset 0 1px 0 rgba(255,255,255,.16) !important; transform:translateY(-1px) !important; } } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-sale-badge { box-shadow:0 7px 17px rgba(225,18,48,.20) !important; } /* Mobile: explicitly use the dedicated mobile brand copy so the logo can never disappear. */ @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 { border-color:#d6e0ea !important; border-radius:15px !important; box-shadow:0 7px 20px rgba(15,37,62,.08),0 1px 3px rgba(15,37,62,.04) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 > .sgc-sg-media { background: radial-gradient(ellipse at 50% 88%,rgba(57,78,103,.08) 0%,rgba(57,78,103,.03) 27%,rgba(255,255,255,0) 58%), linear-gradient(180deg,#ffffff 0%,#fbfcfe 61%,#f3f6fa 100%) !important; } /* One logo source on phones: hide desktop copy, show the dedicated mobile copy. */ :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-brandline { display:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile { position:absolute !important; top:11px !important; left:13px !important; right:auto !important; bottom:auto !important; z-index:20 !important; display:flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:flex-start !important; width:150px !important; max-width:calc(100% - 78px) !important; height:36px !important; min-height:36px !important; margin:0 !important; padding:0 !important; overflow:visible !important; pointer-events:none !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile .sgc-sg-brand-logo, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile .sgc-sg-brand-badge { position:static !important; display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:flex-start !important; width:145px !important; max-width:145px !important; height:34px !important; min-height:34px !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:#112a46 !important; font-size:18px !important; font-weight:900 !important; overflow:visible !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile .sgc-sg-brand-logo img, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-brand-mobile .sgc-sg-brand-logo-img { display:block !important; visibility:visible !important; opacity:1 !important; width:145px !important; height:32px !important; max-width:145px !important; max-height:32px !important; object-fit:contain !important; object-position:left center !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { border-color:#dbe4ed !important; border-radius:10px !important; background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,249,252,.97) 100%) !important; box-shadow:0 5px 15px rgba(18,42,70,.095),inset 0 1px 0 rgba(255,255,255,.95) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre > .sgc-sg-content { border-top-color:#edf2f6 !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre > .sgc-sg-buy { background:linear-gradient(180deg,#fbfcfe 0%,#ffffff 42%) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-add-to-cart { border-radius:10px !important; background:linear-gradient(180deg,#f20a35 0%,#e0062d 100%) !important; box-shadow:0 6px 14px rgba(224,6,45,.18),inset 0 1px 0 rgba(255,255,255,.17) !important; } } /* ===== 0.9.436 focused fixes: all-season mark + single-line phone status ===== */ @media (max-width:767px) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status { flex-wrap:nowrap !important; justify-content:space-between !important; align-items:center !important; gap:3px !important; min-height:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item { flex:0 1 auto !important; min-width:0 !important; gap:2px !important; font-size:clamp(8.8px,2.55vw,9.6px) !important; line-height:1.05 !important; letter-spacing:-.018em !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item > span, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-delivery-label, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-delivery-range, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-delivery-text { white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__dot { width:6px !important; height:6px !important; flex-basis:6px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__truck, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__truck .sgc-sg-feature-svg { width:12px !important; height:12px !important; flex-basis:12px !important; } } @media (max-width:340px) { .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-buy-status__item { font-size:8.35px !important; letter-spacing:-.025em !important; } } /* ===== 0.9.441 clean fix: price-row free shipping only on tyre cards ===== */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-wrap { align-items:stretch !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-row { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-width:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-price-row > .sgc-sg-price { flex:1 1 auto !important; min-width:0 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--price { display:inline-flex !important; align-items:center !important; gap:4px !important; flex:0 0 auto !important; width:auto !important; max-width:52% !important; min-height:23px !important; margin:1px 0 0 auto !important; padding:3px 7px !important; box-sizing:border-box !important; border:1px solid #d8ecc6 !important; border-radius:999px !important; background:#f2fae9 !important; box-shadow:0 2px 7px rgba(28,76,34,.07) !important; color:#2b7a25 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--price .sgc-sg-free-shipping__icon-wrap { width:15px !important; height:15px !important; min-width:15px !important; flex:0 0 15px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy, .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy strong { display:inline !important; font-size:10px !important; line-height:1 !important; font-weight:800 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-vat-note { display:block !important; width:100% !important; text-align:left !important; } @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-price-row { gap:6px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-free-shipping--price { max-width:50% !important; min-height:21px !important; padding:3px 6px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy strong { font-size:9.5px !important; } } /* ===== 0.9.441 wheel free-shipping row fix ===== */ .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-price-wrap { align-items:stretch !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-price-row { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-width:0 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-price-row > .sgc-sg-price { display:block !important; flex:1 1 auto !important; min-width:0 !important; visibility:visible !important; opacity:1 !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price { display:inline-flex !important; align-items:center !important; gap:4px !important; flex:0 0 auto !important; width:auto !important; max-width:52% !important; min-height:23px !important; margin:1px 0 0 auto !important; padding:3px 7px !important; box-sizing:border-box !important; border:1px solid #d8ecc6 !important; border-radius:999px !important; background:#f2fae9 !important; box-shadow:0 2px 7px rgba(28,76,34,.07) !important; color:#2b7a25 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price .sgc-sg-free-shipping__icon-wrap { width:15px !important; height:15px !important; min-width:15px !important; flex:0 0 15px !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy, .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy strong { display:inline !important; font-size:10px !important; line-height:1 !important; font-weight:800 !important; white-space:nowrap !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-vat-note { display:block !important; width:100% !important; text-align:left !important; } /* Old wheel mobile badge must never render as an overlay. */ .sgc-supergumi-layout .sgc-sg-card--wheel > .sgc-sg-free-shipping--mobile, .sgc-supergumi-layout .sgc-sg-card--wheel .sgc-sg-media > .sgc-sg-free-shipping--image { display:none !important; } @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-price-row { gap:6px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price { display:inline-flex !important; max-width:50% !important; min-height:21px !important; padding:3px 6px !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2:is(.sgc-sg-card--tyre,.sgc-sg-card--wheel) .sgc-sg-free-shipping--price .sgc-sg-free-shipping__copy strong { font-size:9.5px !important; } } /* ===== 0.9.444 visual polish: larger tyre cutout + delivery truck icon ===== */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-thumb img { transform:scale(1.1) !important; transform-origin:center center !important; } .sgc-supergumi-layout .sgc-sg-free-shipping__icon, body.sgc-supergumi-layout .sgc-sg-free-shipping__icon, body .sgc-supergumi-layout .sgc-sg-free-shipping__icon { display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; } .sgc-supergumi-layout .sgc-sg-free-shipping__svg, body.sgc-supergumi-layout .sgc-sg-free-shipping__svg, body .sgc-supergumi-layout .sgc-sg-free-shipping__svg { display:block !important; width:1em !important; height:1em !important; } /* ===== 0.9.445 safe visual polish: logo normalisation, title balance, refined hover ===== */ .sgc-supergumi-layout .sgc-sg-card--desktop-v2, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 { transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-thumb, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-image, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-thumb img { transition:transform .22s ease !important; } @media (hover:hover) and (pointer:fine) { .sgc-supergumi-layout .sgc-sg-card--desktop-v2:hover, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2:hover, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2:hover { transform:translateY(-2px) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover .sgc-sg-thumb img { transform:scale(1.13) !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts):hover .sgc-sg-thumb img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts):hover .sgc-sg-thumb img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2:is(.sgc-sg-card--wheel,.sgc-sg-card--parts):hover .sgc-sg-thumb img { transform:scale(1.03) !important; } } /* Optically equalise brand logos across different proportions. */ .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile { justify-content:flex-start !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo { display:flex !important; align-items:center !important; justify-content:flex-start !important; } .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo img, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo-img, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo img, .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo-img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo img, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo-img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo img, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo-img { width:auto !important; max-width:132px !important; height:auto !important; max-height:29px !important; object-fit:contain !important; object-position:left center !important; margin:0 !important; } /* Make 1-line and 2-line product titles look equally balanced. */ .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-title, body.sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--desktop-v2 .sgc-sg-title { display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; line-height:1.16 !important; min-height:2.32em !important; text-wrap:pretty !important; } @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-title { line-height:1.17 !important; min-height:2.34em !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo img, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-brandline .sgc-sg-brand-logo-img, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo img, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--desktop-v2 .sgc-sg-brand-mobile .sgc-sg-brand-logo-img { max-width:128px !important; max-height:28px !important; } } /* ===== 0.9.446 EU strip polish: factory grade colours + lighter translucent panel ===== */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-media > .sgc-sg-eu-strip--desktop { border-radius:11px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { padding:6px 4px !important; border:1px solid rgba(255,255,255,.46) !important; border-radius:11px !important; background:linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(248,251,255,.56) 100%) !important; box-shadow:0 5px 14px rgba(18,42,70,.075), inset 0 1px 0 rgba(255,255,255,.65) !important; -webkit-backdrop-filter:blur(6px) saturate(112%) !important; backdrop-filter:blur(6px) saturate(112%) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge { position:relative !important; min-height:33px !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge + .sgc-sg-eu-mini-badge, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge + .sgc-sg-eu-mini-badge, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-badge + .sgc-sg-eu-mini-badge { border-left:1px solid rgba(18,42,70,.08) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-icon { color:#465361 !important; opacity:.92 !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text { min-width:27px !important; height:25px !important; min-height:25px !important; border-radius:3px !important; box-shadow:inset 0 -1px 0 rgba(0,0,0,.08), 0 1px 1px rgba(255,255,255,.25) !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop :is(.sgc-sg-eu-mini-badge--fuel,.sgc-sg-eu-mini-badge--wet) .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop :is(.sgc-sg-eu-mini-badge--fuel,.sgc-sg-eu-mini-badge--wet) .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop :is(.sgc-sg-eu-mini-badge--fuel,.sgc-sg-eu-mini-badge--wet) .sgc-sg-eu-mini-text { min-width:33px !important; } /* Consistent factory-like A–G colour scale for all grade cells, including wet grip. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--a .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--a .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--a .sgc-sg-eu-mini-text { background:#1f9b4b !important; color:#fff !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--b .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--b .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--b .sgc-sg-eu-mini-text { background:#63bb45 !important; color:#fff !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--c .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--c .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--c .sgc-sg-eu-mini-text { background:#b3d334 !important; color:#18324a !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--d .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--d .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--d .sgc-sg-eu-mini-text { background:#f0cf2d !important; color:#18324a !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--e .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--e .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--e .sgc-sg-eu-mini-text { background:#f0a432 !important; color:#18324a !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--f .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--f .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--f .sgc-sg-eu-mini-text { background:#e7772d !important; color:#fff !important; } .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--g .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--g .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-grade--g .sgc-sg-eu-mini-text { background:#d9513a !important; color:#fff !important; } /* Noise remains neutral and clear. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-noise--mini .sgc-sg-eu-mini-text { color:#20334d !important; } @media (max-width:767px) { :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini { background:linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(249,252,255,.54) 100%) !important; } :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-eu-strip--desktop .sgc-sg-eu-mini-text { font-size:14px !important; } } /* 0.9.449: tyre model title uses natural height; two-line clamp remains. */ .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, body.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, body .sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-title, :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-title { min-height:0 !important; } /* ===== 0.9.453 sidebar feature + OEM facets ===== */ body .sgc-filter-check--feature, body .sgc-filter-check--oem { 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--feature .sgc-filter-option-label, body .sgc-filter-check--oem .sgc-filter-option-label { min-width:0 !important; color:#17243d !important; } body .sgc-filter-check--feature .sgc-filter-option-count, body .sgc-filter-check--oem .sgc-filter-option-count { margin-left:2px !important; color:#65738a !important; font-size:12.5px !important; font-weight:650 !important; white-space:nowrap !important; text-align:right !important; } body .sgc-filter-list--oem { gap:9px !important; } @media (max-width:767px) { body .sgc-filter-check--feature, body .sgc-filter-check--oem { font-size:14px !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.458 archive finder visual polish ===== */ body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { gap:5px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { min-height:48px !important; height:48px !important; border-color:#d8e2ee !important; background:linear-gradient(180deg,#f8fbff 0%,#f1f6fb 100%) !important; color:#10284a !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important; transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab:hover:not(.is-active) { background:#fff !important; border-color:#c9d6e5 !important; box-shadow:0 4px 12px rgba(21,45,74,.06),inset 0 1px 0 #fff !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab.is-active { background:linear-gradient(180deg,#f20a25 0%,#e60018 100%) !important; border-color:#e60018 !important; color:#fff !important; box-shadow:0 6px 16px rgba(230,0,24,.16) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { width:18px !important; height:18px !important; min-width:18px !important; flex-basis:18px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { padding:14px !important; border-color:#dbe4ef !important; border-radius:0 12px 12px 12px !important; background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%) !important; box-shadow:0 10px 28px rgba(20,46,77,.055) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-row { gap:14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid { gap:9px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field { min-height:62px !important; padding:8px 11px 7px !important; border-color:#d9e3ee !important; border-radius:9px !important; background:rgba(255,255,255,.96) !important; box-shadow:0 1px 0 rgba(20,46,77,.025) !important; transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field:hover { border-color:#c9d6e5 !important; background:#fff !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field:focus-within { border-color:#ee2942 !important; box-shadow:0 0 0 3px rgba(230,0,24,.065) !important; background:#fff !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field__label { margin-bottom:4px !important; color:#5c6e84 !important; font-size:11px !important; font-weight:750 !important; letter-spacing:.01em !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:none !important; -webkit-appearance:none !important; height:25px !important; min-height:25px !important; padding:0 28px 0 0 !important; color:#10284a !important; font-size:15px !important; font-weight:800 !important; line-height:25px !important; background-color:transparent !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field select, body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field .sgc-vehicle-select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.4 6 6.2l4.8-4.8' fill='none' stroke='%23182f4d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 2px center !important; background-size:12px 8px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { gap:12px !important; padding-left:16px !important; border-left-color:#dbe4ef !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-info-wrap { gap:7px !important; color:#344b66 !important; font-size:13px !important; font-weight:700 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check input[type="checkbox"] { appearance:none !important; -webkit-appearance:none !important; width:18px !important; min-width:18px !important; height:18px !important; min-height:18px !important; border:1.5px solid #9eacbc !important; border-radius:5px !important; background:#fff !important; background-position:center !important; background-repeat:no-repeat !important; background-size:11px 8px !important; box-shadow:inset 0 1px 1px rgba(17,39,66,.03) !important; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check input[type="checkbox"]:hover { border-color:#e60018 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check input[type="checkbox"]:checked { border-color:#e60018 !important; background-color:#e60018 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='m1.1 4.5 3 3 6.8-6.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; box-shadow:0 3px 8px rgba(230,0,24,.16) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions .sgx-check input[type="checkbox"]:focus-visible { outline:none !important; box-shadow:0 0 0 3px rgba(230,0,24,.11) !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 { color:#344b66 !important; font-size:13px !important; font-weight:700 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit { min-width:156px !important; height:46px !important; min-height:46px !important; padding:0 19px !important; border-radius:9px !important; background:linear-gradient(180deg,#f20a25 0%,#e60018 100%) !important; box-shadow:0 8px 18px rgba(230,0,24,.16) !important; font-size:14px !important; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit:hover { transform:translateY(-1px) !important; box-shadow:0 10px 20px rgba(230,0,24,.20) !important; filter:saturate(1.04) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit:active { transform:none !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:1380px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { padding-top:14px !important; padding-left:0 !important; border-top-color:#dbe4ef !important; } } @media (max-width:900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { gap:3px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { height:45px !important; min-height:45px !important; padding-inline:6px !important; border-radius:9px 9px 0 0 !important; font-size:13px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-card { padding:11px !important; border-radius:0 0 12px 12px !important; box-shadow:0 6px 18px rgba(20,46,77,.045) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-grid { gap:7px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field { min-height:56px !important; padding:7px 10px 6px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-field__label { margin-bottom:3px !important; font-size:10.5px !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 { height:24px !important; min-height:24px !important; line-height:24px !important; font-size:14px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { gap:10px !important; padding-top:11px !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-submit { height:44px !important; min-height:44px !important; border-radius:8px !important; } } /* ===== 0.9.459 mobile finder tab + checkbox spacing fix ===== */ @media (max-width:900px) { body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tabs { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab { gap:5px !important; padding-inline:4px !important; font-size:12px !important; line-height:1 !important; white-space:nowrap !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-tab__icon { width:15px !important; height:15px !important; min-width:15px !important; flex-basis:15px !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 { display:inline-block !important; min-width:0 !important; white-space:nowrap !important; line-height:1 !important; } body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-actions { gap:7px !important; padding-top:9px !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-info-wrap { gap:6px !important; min-height:24px !important; line-height:1.15 !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 { line-height:1.15 !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.467.13.5: align desktop tyre photo, visible review badge and EU strip. */
@media (min-width:1025px) {
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-rating-v187--desktop {
    top:156px !important;
  }
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-eu-strip--desktop {
    bottom:0 !important;
  }
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 > .sgc-sg-media::before {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    height:8px;
    background:#f3f6fa;
    pointer-events:none;
  }
}
@media (min-width:1200px) {
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-thumb img {
    transform:translateX(24px) scale(1.20) !important;
  }
}
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2:hover .sgc-sg-thumb img {
    transform:translateX(24px) scale(1.23) !important;
  }
}

/* 0.9.467.13.7: extend only the desktop tyre EU glass strip edge to edge. */
@media (min-width:1025px) {
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-eu-strip--desktop {
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
  }
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini {
    width:100% !important;
    padding:6px 12px !important;
    border-radius:0 !important;
  }
}

/* 0.9.467.13.8: carry the EU glass strip to the mobile card edges too. */
@media (max-width:767px) {
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-media > .sgc-sg-eu-strip--desktop {
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
  }
  :is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre.sgc-sg-card--desktop-v2 .sgc-sg-eu-strip--desktop > .sgc-sg-tags--eu-mini {
    width:100% !important;
    padding:6px 11px !important;
    border-radius:0 !important;
  }
}

/* Inter Cars: guaranteed-age fallback when exact DOT is not supplied. */
.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-dot-inline--age{font-size:9.5px!important;padding-inline:7px!important;text-transform:none!important}
@media (max-width:390px){.sgc-supergumi-layout .sgc-sg-card--tyre .sgc-sg-dot-inline--age{font-size:9px!important;padding-inline:6px!important}}@media (min-width:1025px){:is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-buy-status{justify-content:space-between!important}:is(body.sgc-supergumi-layout,body .sgc-supergumi-layout) .sgc-sg-card--tyre .sgc-sg-buy-status__delivery{margin-left:auto!important;text-align:right!important}}

/* Separate class explanations: native click/keyboard controls, no filter submission. */
body .sgc-filter-card--brand-class .sgc-brand-class-option{position:relative;min-width:0}
body .sgc-filter-card--brand-class .sgc-brand-class-option .sgc-filter-check{padding-right:36px}
body .sgc-filter-card--brand-class .sgc-brand-class-help{margin:0;padding:0;border:0;background:transparent}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:28px;height:26px;margin:0;padding:0;list-style:none;color:#667085;cursor:pointer}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary::-webkit-details-marker{display:none}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary::marker{content:""}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:600 12px/1 Arial,sans-serif}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary:hover,body .sgc-filter-card--brand-class .sgc-brand-class-help[open] summary{color:#e60012}
body .sgc-filter-card--brand-class .sgc-brand-class-help summary:focus-visible{outline:2px solid #e60012;outline-offset:2px;border-radius:4px}
body .sgc-filter-card--brand-class .sgc-brand-class-help p{margin:7px 0 0!important;padding:8px 10px!important;border:1px solid #dde5ef;border-radius:8px;background:#fff;color:#526078;font-size:13px!important;font-weight:400;line-height:1.45!important}

/* Mobile class choices beside the three tyre options. */
@media (max-width:767px){
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(26px,auto)) auto!important;align-items:center!important;column-gap:12px!important;row-gap:10px!important;min-width:0!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgx-check,body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgx-check-info-wrap{min-height:26px!important;grid-column:1!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgx-check--mode{grid-row:1!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > label.sgx-check:not(.sgx-check--mode):not(.sgx-check--with-info){grid-row:2!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgx-check-info-wrap{grid-row:3!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgc-brand-class-mobile{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:2!important;grid-row:1/span 3!important;align-self:start!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres .sgc-brand-class-mobile__check{min-height:26px!important;gap:7px!important}
body .sgc-archive-search-wrap .sgc-archive-finder .sgc-af-form--tyres .sgc-af-actions.sgc-af-actions--tyres > .sgc-af-submit{grid-column:1/-1!important;grid-row:4!important;justify-self:stretch!important;width:100%!important;min-width:0!important}
}