:root { --dpd-latest-bg: #f2f4f6; --dpd-latest-surface: #ffffff; --dpd-latest-surface-alt: #f8f9fb; --dpd-latest-ink: #12161b; --dpd-latest-muted: #5a6570; --dpd-latest-line: #dbe1e7; --dpd-latest-yellow: #fff200; --dpd-latest-shadow: 0 24px 56px rgba(10, 15, 22, 0.12); }
body.dpd-theme-latest { background: radial-gradient(circle at top right, rgba(255, 242, 0, 0.12), transparent 25%), linear-gradient(180deg, #f8f9fa 0%, var(--dpd-latest-bg) 100%) !important; color: var(--dpd-latest-ink); }
body.dpd-theme-latest #page_wrapper, body.dpd-theme-latest .main-content, body.dpd-theme-latest .main-content-area { background: transparent; }
body.dpd-theme-latest #header-login, body.dpd-theme-latest #header-login-mobile, body.dpd-theme-latest header.log-out { position: sticky; top: 0; z-index: 900; }
body.dpd-theme-latest #header-login .right-sec .bttn1 a, body.dpd-theme-latest #header-login .right-sec .bttn2 a, body.dpd-theme-latest #header-login .right-sec .bttn3 a, body.dpd-theme-latest header.log-out .header-right ul li a, body.dpd-theme-latest .db-right-btns .bttn, body.dpd-theme-latest .bttn a, body.dpd-theme-latest .check-bttn a, body.dpd-theme-latest .point-white-btns a, body.dpd-theme-latest .view-news-btn a, body.dpd-theme-latest .upgrade-pro-bttn a { border-radius: 999px !important; letter-spacing: 0.24em !important; text-transform: uppercase; }
body.dpd-theme-latest #header-login-mobile { background: rgba(255, 255, 255, 0.96) !important; border-bottom: 1px solid var(--dpd-latest-line); box-shadow: 0 18px 40px rgba(12, 16, 22, 0.08); }
body.dpd-theme-latest #header-login-mobile .page-title { color: var(--dpd-latest-ink); font-weight: 700; letter-spacing: 0.18em; }
body.dpd-theme-latest #breadcrumbs-wrapper { display: none; }
body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper:not(.members) .main-content-area { max-width: 1480px; margin: 0 auto; padding: 0; }
body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper:not(.members) .container, body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper:not(.members) .row, body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper:not(.members) .col-sm-12 { width: 100%; }
body.dpd-theme-latest.dpd-site-surface #main-content { padding: clamp(32px, 4vw, 56px); background: linear-gradient(180deg, #ffffff, #fbfbfc); border: 1px solid var(--dpd-latest-line); border-radius: 28px; box-shadow: var(--dpd-latest-shadow); }
body.dpd-theme-latest.dpd-site-surface #main-content > h1 { margin: 0 0 18px; color: var(--dpd-latest-ink); font-size: clamp(36px, 4vw, 62px); line-height: 0.96; letter-spacing: 0.12em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-site-surface #main-content p, body.dpd-theme-latest.dpd-site-surface #main-content li { color: var(--dpd-latest-muted); font-size: 17px; line-height: 1.8; }
body.dpd-theme-latest .dpd-nav-backdrop { position: fixed; inset: 0; z-index: 1390; background: rgba(9, 13, 18, 0.45); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; }
body.dpd-theme-latest.dpd-nav-open .dpd-nav-backdrop { opacity: 1; visibility: visible; }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 24px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toolbar__eyebrow { color: rgba(255, 255, 255, 0.58); font-size: 11px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 42px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toggle:hover { background: rgba(255, 242, 0, 0.12); border-color: rgba(255, 242, 0, 0.3); }
body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper { padding-top: 0; }
body.dpd-theme-latest.dpd-member-surface .main-content-area { padding: 0 0 80px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { position: fixed; top: 0; left: 0; bottom: 0; width: min(360px, 92vw); margin: 0 !important; transform: translateX(-104%); transition: transform 0.28s ease; z-index: 1400; background: #12161b; box-shadow: 28px 0 60px rgba(8, 12, 18, 0.36); }
body.dpd-theme-latest.dpd-nav-open .main-content-area-left { transform: translateX(0); }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { height: 100%; overflow-y: auto; padding: 24px 0 72px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav > div { padding: 0 24px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:before { display: none !important; content: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 { margin: 20px 0 12px; color: rgba(255, 255, 255, 0.52); font-size: 12px; font-weight: 700; letter-spacing: 0.26em; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 18px; border: 1px solid transparent; border-radius: 18px; color: #f3f5f7; letter-spacing: 0.12em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; object-fit: contain; opacity: 0.92; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-label { display: inline-block; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a { background: rgba(255, 242, 0, 0.1); border-color: rgba(255, 242, 0, 0.28); color: #fff; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .tag { margin-left: auto; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #fff200; font-size: 11px; letter-spacing: 0.16em; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right { float: none; width: 100% !important; padding-left: 0; min-width: 0; background: transparent !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title { display: flex !important; align-items: center; gap: 16px; margin: 0; padding: 18px 24px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title .nav-mobi-icon { display: block !important; float: none; padding: 0; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title .nav-mobi-icon a { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #11161b; color: #ffffff; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title .nav-mobi-icon i.fa-times { display: none; }
body.dpd-theme-latest.dpd-nav-open .main-content-area-right-title .nav-mobi-icon i.fa-bars { display: none; }
body.dpd-theme-latest.dpd-nav-open .main-content-area-right-title .nav-mobi-icon i.fa-times { display: block; }
body.dpd-theme-latest.dpd-member-surface .db-white-box, body.dpd-theme-latest.dpd-member-surface .tirefind-search, body.dpd-theme-latest.dpd-member-surface .tirefind-con-motercy-pro, body.dpd-theme-latest.dpd-member-surface .tirefind-con-size-pro, body.dpd-theme-latest.dpd-member-surface .account-hist-sec-in, body.dpd-theme-latest.dpd-member-surface .acc-history-cont, body.dpd-theme-latest.dpd-member-surface .table-responsive, body.dpd-theme-latest.dpd-member-surface .tire-overlay-table-main { border: 1px solid var(--dpd-latest-line); border-radius: 28px; background: linear-gradient(180deg, #ffffff, var(--dpd-latest-surface-alt)); box-shadow: var(--dpd-latest-shadow); }
body.dpd-theme-latest.dpd-member-surface .video-header, body.dpd-theme-latest.dpd-member-surface .bg-header-main, body.dpd-theme-latest.dpd-member-surface .main-content-sec { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .video-header, body.dpd-theme-latest.dpd-member-surface .bg-header-main { overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in, body.dpd-theme-latest.dpd-member-surface .bg-header-gray-box-in, body.dpd-theme-latest.dpd-member-surface .bg-header-gray-box, body.dpd-theme-latest.dpd-member-surface .points-block-inner { border-radius: 24px; }
body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in, body.dpd-theme-latest.dpd-member-surface .bg-header-gray-box-in { background: linear-gradient(180deg, #11161b, #1a2027); color: #fff; }
body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in span, body.dpd-theme-latest.dpd-member-surface .bg-header-gray-box span, body.dpd-theme-latest.dpd-member-surface .bg-header-gray-box-in span { color: rgba(255, 255, 255, 0.7); }
body.dpd-theme-latest.dpd-member-surface .main-content-sub-nav, body.dpd-theme-latest.dpd-member-surface .tirefind-header { border: 1px solid #101419; border-radius: 22px; background: linear-gradient(90deg, #0f1318, #171d24); box-shadow: 0 22px 48px rgba(6, 10, 14, 0.18); }
body.dpd-theme-latest.dpd-member-surface .main-content-sub-nav ul li a, body.dpd-theme-latest.dpd-member-surface .tirefind-header-right ul li a, body.dpd-theme-latest.dpd-member-surface .tirefind-nav-btn, body.dpd-theme-latest.dpd-member-surface .tirefind-header-left h1 { color: rgba(255, 255, 255, 0.86); letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface .main-content-sub-nav ul li.active a, body.dpd-theme-latest.dpd-member-surface .tirefind-header-right ul li.active a, body.dpd-theme-latest.dpd-member-surface .tirefind-header-right ul li a:hover { color: #000; background: var(--dpd-latest-yellow); border-radius: 16px; }
body.dpd-theme-latest.dpd-member-surface .db-white-box-content p, body.dpd-theme-latest.dpd-member-surface .main-content-sec p, body.dpd-theme-latest.dpd-member-surface .main-content-sec li, body.dpd-theme-latest.dpd-member-surface .tirefind-con p, body.dpd-theme-latest.dpd-member-surface .tirefind-con li { color: var(--dpd-latest-muted); }
body.dpd-theme-latest.dpd-member-surface .db-white-box-content h4, body.dpd-theme-latest.dpd-member-surface .main-content-sec h2, body.dpd-theme-latest.dpd-member-surface .main-content-sec h3, body.dpd-theme-latest.dpd-member-surface .main-content-sec h4 { color: var(--dpd-latest-ink); }
body.dpd-theme-latest.dpd-member-surface .dashboard-head-left .dpd-dashboard-intro { max-width: 640px; margin: 18px 0 0; color: rgba(255, 255, 255, 0.84); font-size: 18px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-chip-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-chip { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(12, 18, 24, 0.34); color: #ffffff; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 28px 0 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-actions a, body.dpd-theme-latest.dpd-member-surface .dpd-action-card a, body.dpd-theme-latest.dpd-member-surface .dpd-focus-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid #11161b; background: #11161b; color: #ffffff; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-actions a.dpd-secondary, body.dpd-theme-latest.dpd-member-surface .dpd-focus-actions a:first-child { background: transparent; color: #11161b; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-focus { padding: 34px 30px; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-focus p { margin: 14px 0 0; color: rgba(255, 255, 255, 0.74); line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface .dpd-hero-metrics, body.dpd-theme-latest.dpd-member-surface .dpd-focus-list { margin: 24px 0 0; padding: 0; list-style: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-hero-metrics li, body.dpd-theme-latest.dpd-member-surface .dpd-focus-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-hero-metrics strong, body.dpd-theme-latest.dpd-member-surface .dpd-focus-list strong { font-size: 28px; letter-spacing: 0.08em; }
body.dpd-theme-latest.dpd-member-surface .dpd-hero-metrics span, body.dpd-theme-latest.dpd-member-surface .dpd-focus-list span { color: rgba(255, 255, 255, 0.7); font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-focus .db-right-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-focus .db-right-btns .bttn { margin: 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-content { display: grid; gap: 28px; }
body.dpd-theme-latest.dpd-member-surface .dpd-section-heading { display: grid; gap: 10px; margin-bottom: 26px; }
body.dpd-theme-latest.dpd-member-surface .dpd-section-heading__eyebrow, body.dpd-theme-latest.dpd-member-surface .dpd-panel-kicker { color: #8a9500; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-section-heading h2 { margin: 0; font-size: clamp(28px, 3vw, 42px); letter-spacing: 0.12em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-section-heading p { max-width: 760px; margin: 0; color: var(--dpd-latest-muted); font-size: 17px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-grid, body.dpd-theme-latest.dpd-member-surface .dpd-action-grid { display: grid; gap: 18px; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.dpd-theme-latest.dpd-member-surface .dpd-action-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 20px; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-card, body.dpd-theme-latest.dpd-member-surface .dpd-action-card, body.dpd-theme-latest.dpd-member-surface .dpd-update-panel, body.dpd-theme-latest.dpd-member-surface .dpd-focus-card { height: 100%; padding: 24px; border: 1px solid var(--dpd-latest-line); border-radius: 24px; background: linear-gradient(180deg, #ffffff, #f7f9fb); }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-card__label { display: inline-block; color: var(--dpd-latest-muted); font-size: 11px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-card__value { display: block; margin-top: 16px; color: var(--dpd-latest-ink); font-size: clamp(30px, 3vw, 42px); line-height: 1; letter-spacing: 0.1em; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-card p, body.dpd-theme-latest.dpd-member-surface .dpd-action-card p, body.dpd-theme-latest.dpd-member-surface .dpd-update-item p, body.dpd-theme-latest.dpd-member-surface .dpd-focus-card p { margin: 14px 0 0; color: var(--dpd-latest-muted); line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface .dpd-action-card h3, body.dpd-theme-latest.dpd-member-surface .dpd-update-panel__header h3, body.dpd-theme-latest.dpd-member-surface .dpd-focus-card h3 { margin: 0; font-size: 24px; letter-spacing: 0.08em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-action-card a, body.dpd-theme-latest.dpd-member-surface .dpd-focus-actions { margin-top: 20px; }
body.dpd-theme-latest.dpd-member-surface .dpd-update-panel__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
body.dpd-theme-latest.dpd-member-surface .dpd-update-count { flex-shrink: 0; min-height: 42px; padding: 0 16px; border-radius: 999px; background: #11161b; color: #ffffff; display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-update-list { display: grid; gap: 12px; }
body.dpd-theme-latest.dpd-member-surface .dpd-update-item { padding: 18px 0; border-top: 1px solid var(--dpd-latest-line); }
body.dpd-theme-latest.dpd-member-surface .dpd-update-item:first-child { padding-top: 0; border-top: 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-update-item h4 { margin: 0; font-size: 18px; letter-spacing: 0.06em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-focus-card { background: linear-gradient(180deg, #11161b, #1b232b); color: #ffffff; }
body.dpd-theme-latest.dpd-member-surface .dpd-focus-card h3 { color: #ffffff; margin-top: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-focus-card p { color: rgba(255, 255, 255, 0.76); }
body.dpd-theme-latest.dpd-member-surface .dpd-focus-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-latest-mobile-overlay .dpd-latest-mobile-overlay__kicker { margin: 14px 0 0; color: rgba(255, 255, 255, 0.6); font-size: 11px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-latest-mobile-overlay .db-overlay-big-btns a, body.dpd-theme-latest.dpd-member-surface .dpd-latest-mobile-overlay .db-overlay-nav a { border-radius: 999px; }
body.dpd-theme-latest.dpd-member-surface .profile-log-info, body.dpd-theme-latest.dpd-member-surface .point-white-big-box, body.dpd-theme-latest.dpd-member-surface .mar-down-sec1-in, body.dpd-theme-latest.dpd-member-surface .mar-down-sec3-in, body.dpd-theme-latest.dpd-member-surface .mar-down-sec2-table2-in, body.dpd-theme-latest.dpd-member-surface .training-portal-table-in, body.dpd-theme-latest.dpd-member-surface .points-block-inner, body.dpd-theme-latest.dpd-member-surface .disclaimerBox, body.dpd-theme-latest.dpd-member-surface .lms-container { border: 1px solid var(--dpd-latest-line); border-radius: 28px; background: linear-gradient(180deg, #ffffff, #f7f9fb); box-shadow: var(--dpd-latest-shadow); }
body.dpd-theme-latest.dpd-member-surface .profile-log-info { padding: 24px 22px; }
body.dpd-theme-latest.dpd-member-surface .tablet-heading-none { margin: 0 0 18px; color: var(--dpd-latest-ink); font-size: clamp(32px, 3vw, 46px); letter-spacing: 0.12em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .point-white-big-box, body.dpd-theme-latest.dpd-member-surface .points-block-inner { overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface .point-white-box-cont h4, body.dpd-theme-latest.dpd-member-surface .mar-down-sec1-top-left h4, body.dpd-theme-latest.dpd-member-surface .mar-down-sec3-in h5, body.dpd-theme-latest.dpd-member-surface .logos-guidlin-sec-in h5 { color: var(--dpd-latest-ink); }
body.dpd-theme-latest.dpd-member-surface .point-white-btns a, body.dpd-theme-latest.dpd-member-surface .mar-down-sec1-top-right .bttn2, body.dpd-theme-latest.dpd-member-surface .dpd-library-note { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--dpd-latest-line); background: #ffffff; color: var(--dpd-latest-ink); font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .point-white-btns a:first-child, body.dpd-theme-latest.dpd-member-surface .check-bttn a { border-color: #11161b; background: #11161b; color: #ffffff; }
body.dpd-theme-latest.dpd-member-surface .point-white-blocks .db-white-box-content img, body.dpd-theme-latest.dpd-member-surface .img-svg-icon img { max-width: 78px; height: auto; }
body.dpd-theme-latest.dpd-member-surface .disclaimerBox { height: auto; max-height: 420px; }
body.dpd-theme-latest.dpd-member-surface .mar-down-empty { padding: 24px; border: 1px dashed var(--dpd-latest-line); border-radius: 22px; background: rgba(255, 255, 255, 0.72); }
body.dpd-theme-latest.dpd-member-surface .mar-down-empty h4 { margin: 0; color: var(--dpd-latest-ink); font-size: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .mar-down-empty p { margin: 12px 0 0; }
body.dpd-theme-latest.dpd-member-surface .tirefind-con-title h2, body.dpd-theme-latest.dpd-member-surface .border-dotted-heading h2 span { color: var(--dpd-latest-ink); }
body.dpd-theme-latest.dpd-member-surface .tirefind-con-title { margin-top: 18px; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 18px 0 0; padding: 20px 24px; border: 1px solid var(--dpd-latest-line); border-radius: 24px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 18px 40px rgba(12, 18, 24, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar__copy { display: grid; gap: 8px; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar__eyebrow { color: #8a9500; font-size: 11px; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar__copy p { margin: 0; color: var(--dpd-latest-muted); }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar__actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-mode, body.dpd-theme-latest.dpd-member-surface .dpd-finder-side, body.dpd-theme-latest.dpd-member-surface .dpd-finder-favorite { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid var(--dpd-latest-line); border-radius: 999px; background: #ffffff; color: var(--dpd-latest-ink); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-mode.is-active, body.dpd-theme-latest.dpd-member-surface .dpd-finder-side.is-active, body.dpd-theme-latest.dpd-member-surface .dpd-finder-favorite.is-favorite, body.dpd-theme-latest.dpd-member-surface .dpd-finder-mode:hover, body.dpd-theme-latest.dpd-member-surface .dpd-finder-side:hover, body.dpd-theme-latest.dpd-member-surface .dpd-finder-favorite:hover { border-color: rgba(255, 242, 0, 0.4); background: var(--dpd-latest-yellow); color: #000000; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-favorite { position: relative; z-index: 3; }
body.dpd-theme-latest.dpd-member-surface .tirefind-con-motercy-pro-top.has-dpd-favorite, body.dpd-theme-latest.dpd-member-surface .tirefind-con-size-top-left.has-dpd-favorite { position: relative; padding-right: 132px; }
body.dpd-theme-latest.dpd-member-surface .tirefind-con-motercy-pro-top.has-dpd-favorite > .dpd-finder-favorite, body.dpd-theme-latest.dpd-member-surface .tirefind-con-size-top-left.has-dpd-favorite > .dpd-finder-favorite { position: absolute; top: 0; right: 0; }
body.dpd-theme-latest.dpd-member-surface .tf-vew-all-product-in > .dpd-finder-favorite { position: absolute; top: 18px; right: 18px; }
body.dpd-theme-latest.dpd-member-surface .tf-vew-all-product-in { position: relative; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-empty { padding: 28px 30px; border: 1px dashed var(--dpd-latest-line); border-radius: 24px; background: rgba(255, 255, 255, 0.82); }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-empty h3 { margin: 0; color: var(--dpd-latest-ink); font-size: 22px; letter-spacing: 0.08em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-empty p { margin: 12px 0 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .main-content-area { padding-bottom: 72px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .main-content-area-right { width: auto !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-modern-tire-finder-page { background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 18px 22px; margin-bottom: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right { float: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-left { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right { width: 100%; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-left h1 { margin: 0; font-size: clamp(22px, 2.2vw, 34px); line-height: 1.1; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li { float: none !important; margin: 0 !important; padding: 0 !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-nav-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.04); font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li.active, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li.active a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li a:hover, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-nav-btn { background: var(--dpd-latest-yellow); border-color: rgba(255, 242, 0, 0.5); color: #101419 !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-right ul li a:after { margin-left: 6px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-back { position: absolute; right: 26px; top: 24px; display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.06); color: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search { padding: 24px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search-in { max-width: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search-in-seach form, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav1 .finder-search { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search-in-seach button { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search select, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search .select2-container { flex: 1 1 220px; min-width: 0; max-width: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search .select2-container--default .select2-selection--single, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav1 .finder-search select[name] { height: 56px; border: 1px solid var(--dpd-latest-line); border-radius: 18px; background: #f7f9fb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search .select2-container--default .select2-selection--single .select2-selection__rendered, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav1 .finder-search select[name] { color: var(--dpd-latest-ink); font-size: 13px; font-weight: 700; letter-spacing: 0.14em; line-height: 56px; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title h2, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title h3 { padding: 0; background: transparent; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title h2 span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title h3 span { display: inline-flex; align-items: center; min-height: 36px; padding: 0; border-radius: 0; background: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-in { padding: 0 0 48px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-main, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-main-in { width: 100%; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all ul li { float: none; width: auto; margin: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-dropdown { background: #0f1418; border: 1px solid rgba(16, 22, 27, 0.92); border-radius: 18px; box-shadow: 0 18px 36px rgba(7, 10, 14, 0.28); margin-top: 8px; overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-search--dropdown { background: #11161b; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-search--dropdown .select2-search__field { background: #1a2128 !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; color: #f4f7f8 !important; font-size: 13px !important; font-weight: 600 !important; height: 42px !important; letter-spacing: 0.08em; margin: 0 !important; padding: 0 12px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-results__options { max-height: 320px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-results__option { background: transparent; color: #f4f7f8; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; padding: 12px 14px; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-results__option[aria-selected="true"] { background: rgba(255, 242, 0, 0.12); color: #fff200; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-results__option--highlighted[aria-selected], body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .select2-results__option--highlighted[data-selected] { background: #fff200 !important; color: #11161b !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro { border: 1px solid var(--dpd-latest-line); border-radius: 28px; background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); box-shadow: var(--dpd-latest-shadow); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main .main-content-sec { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product { padding: 0; height: 100%; overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-in { display: flex; flex-direction: column; gap: 16px; min-height: 100%; padding: 24px 22px 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-img { display: flex; align-items: center; justify-content: center; min-height: 190px; margin-bottom: 18px; border-radius: 22px; background: radial-gradient(circle at top, rgba(255, 242, 0, 0.12), transparent 52%), #f2f5f8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-img img { max-height: 170px; width: auto; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-con { position: static; top: auto; width: auto; flex: 1 1 auto; padding: 0; background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-con .tf-vew-all-product-con-in { border: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-con-in h3, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-left h3, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-con h3 { margin: 0; color: var(--dpd-latest-ink); font-size: clamp(22px, 2vw, 30px); letter-spacing: 0.08em; line-height: 1.15; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-con-in h5 a { display: inline-flex; align-items: center; min-height: 40px; margin-top: 12px; padding: 0 16px; border-radius: 999px; background: #11161b; color: #fff; letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-bottom { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-bottom .tf-bot-sec { display: block; width: auto; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-bottom .tf-bot-sec + .tf-bot-sec + .tf-bot-sec { background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-bot-sec a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom .bttn a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom li { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; width: 100%; padding: 0 12px; border: 1px solid var(--dpd-latest-line); border-radius: 16px; background: #fff; color: var(--dpd-latest-ink); font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size { padding: 28px; margin: 0 0 24px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-pro { display: block; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-pro { position: absolute; right: 24px; top: 24px; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-pro img { max-height: 170px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top { padding: 0 150px 18px 0; border-bottom: 1px solid var(--dpd-latest-line); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-right { float: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-left h3 span { display: block; margin: 10px 0 0; color: var(--dpd-latest-muted); font-size: 12px; letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-kicker { margin: 0 0 10px; color: #88929d; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-subtitle { max-width: 700px; margin: 14px 0 0; color: #5b6772; font-size: 15px; line-height: 1.75; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-meta > span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 999px; background: #f5f8fb; color: #11161b; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-selector-label { display: inline-flex; margin-bottom: 10px; color: #88929d; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-section-intro { margin: 0 0 20px; color: #5b6772; font-size: 14px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-support-card p span { color: #88929d; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-meta span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; background: #f5f8fb; color: #11161b; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-copy { margin: 16px 0 0; color: #5b6772; font-size: 14px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 24px; padding-top: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right { display: block; width: auto; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right ul { display: grid; gap: 10px; margin: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right ul li { width: auto; margin: 0; padding: 16px 18px; border: 1px solid var(--dpd-latest-line); border-radius: 18px; background: #f7f9fb; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right ul li:first-child { background: #11161b; box-shadow: 0 18px 34px rgba(17, 22, 27, 0.12); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right ul li:first-child h5 { color: rgba(255, 255, 255, 0.68); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right ul li:first-child h4 { color: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right .dpd-finder-detail-support-card { background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy .tf-motercy-pro-con-list-main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy .tf-motercy-pro-con-list-main > li { float: none; width: auto; margin: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro { padding: 24px; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-top { position: relative; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-img { display: flex; align-items: center; justify-content: center; margin: 0; padding-top: 24px; min-height: 210px; border-radius: 22px; background: radial-gradient(circle at 50% 20%, rgba(255, 242, 0, 0.16), rgba(255, 255, 255, 0) 55%), #f3f6f8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-img img { height: auto; max-height: 190px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-con { padding: 26px 0 20px; border-top: 1px solid var(--dpd-latest-line); border-bottom: 1px solid var(--dpd-latest-line); background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-con h4, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right li h4 { color: var(--dpd-latest-ink); letter-spacing: 0.08em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar__meta { display: grid; gap: 12px; justify-items: end; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar__actions--side { justify-content: flex-end; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-side-badge { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(255, 242, 0, 0.16); color: var(--dpd-latest-ink); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-side-toggle { position: absolute; top: 16px; left: 16px; z-index: 2; display: inline-flex; gap: 4px; padding: 4px; border: 1px solid rgba(12, 18, 24, 0.08); border-radius: 999px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 10px 24px rgba(12, 18, 24, 0.08); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-side-option { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--dpd-latest-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-card-side-option.is-active { background: var(--dpd-latest-yellow); color: #000; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-in > .dpd-finder-side-badge { position: absolute; top: 16px; left: 16px; z-index: 2; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-left > .dpd-finder-side-badge { margin-top: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-top-right { top: 0; right: 0; z-index: 2; display: inline-flex; flex-direction: column; align-items: flex-end; gap: 4px; padding: 12px 18px 10px; border-radius: 999px; background: #11161b; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-top-right h6, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-top-right h5 { margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-top-right h6 { color: rgba(255, 255, 255, 0.68); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-top-right h5 { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-mt-logo { top: 0; left: 0; z-index: 2; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .sale-overlay { right: 18px; top: 18px; left: auto; padding: 8px 12px; border-radius: 999px; background: #11161b; color: #fff; font-size: 10px; letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-favorite { width: 42px; min-width: 42px; height: 42px; min-height: 42px; padding: 0; border-radius: 999px; box-shadow: 0 10px 24px rgba(12, 18, 24, 0.12); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-favorite__label { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-favorite__icon { font-size: 15px; letter-spacing: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-in > .dpd-finder-favorite { top: 16px; right: 16px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-top.has-dpd-favorite, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-left.has-dpd-favorite { padding-right: 64px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main { padding: 0; background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .sin-tires-spec-chat-tabel-desk { padding: 24px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .sin-tires-spec-chat-tabel-desk .table { margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .main-content-area-right { padding-bottom: 48px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-main, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-main-in, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all { background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-title { margin: 0 0 14px; text-align: left; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-main-in { display: grid; gap: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product { position: relative; overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-pro, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-img { background: radial-gradient(circle at 50% 20%, rgba(255, 242, 0, 0.16), rgba(255, 255, 255, 0) 55%), #f3f6f8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-pro { display: flex; align-items: center; justify-content: center; width: 172px; height: 172px; padding: 18px; border-radius: 24px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-pro img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro-img img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-img img { display: block; width: auto !important; max-width: 100%; object-fit: contain; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-pro img { max-height: 132px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-right { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 999px; background: rgba(255, 242, 0, 0.12); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-right img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-mt-logo img { width: 28px; height: 28px; object-fit: contain; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-left .spec .item, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-list .spec .item { min-height: 112px; padding: 16px 14px; border: 1px solid var(--dpd-latest-line); border-radius: 18px; background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-left .spec .item h4, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-list .spec .item h4, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right li h5, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-list2-in ul li h5 { margin: 0 0 8px; color: var(--dpd-latest-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-left .spec .item h5, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-list .spec .item h5, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right li h4, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-list2-in ul li h4 { margin: 0; color: var(--dpd-latest-ink); font-size: 20px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.15; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right li p { margin: 0; color: var(--dpd-latest-ink); font-size: 13px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid-right li p span { color: var(--dpd-latest-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom { margin-top: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom ul li { margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom .bttn, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom-icon { margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-bot-sec a span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom .bttn a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom li p { line-height: 1.35; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-bot-sec a span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom li p span { display: block; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar { margin-bottom: 16px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar__actions { flex-wrap: wrap; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-local-status, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-local-motorcycle-note { margin: 0 0 16px; padding: 10px 14px; border: 1px solid rgba(255, 242, 0, 0.22); border-radius: 14px; background: rgba(255, 242, 0, 0.08); color: rgba(255, 255, 255, 0.8); font-size: 12px; letter-spacing: 0.08em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-local-status p, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-local-motorcycle-note p { color: inherit; font-size: inherit; line-height: 1.5; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-empty { margin-top: 18px; }
@media (max-width: 1100px) {
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all ul, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy .tf-motercy-pro-con-list-main, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header { padding: 16px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-header-left { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-search, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy-pro, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .sin-tires-spec-chat-tabel-desk { padding: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-vew-all ul, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-motercy .tf-motercy-pro-con-list-main, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-vew-all-product-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-mid, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tf-motercy-pro-con-bottom ul { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size .tirefind-con-size-pro { position: static; text-align: center; margin-bottom: 18px; width: 100%; height: auto; min-height: 180px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top { padding-right: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-con-size-top-right { margin-top: 14px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-back { display: none !important; }
}
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 28px; align-items: start; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-left { min-width: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size .tirefind-con-size-pro { position: static; grid-column: 2; grid-row: 1 / span 2; justify-self: end; align-self: start; width: 196px; height: 196px; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-top { padding: 0 0 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-top-right { display: grid; gap: 12px; width: auto; height: auto; margin-top: 18px; border-radius: 0; background: transparent; justify-content: start; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-search-in-search { max-width: 240px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-search-in-search .select2-container { width: 100% !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-mid { grid-template-columns: minmax(0, 1fr) 240px; gap: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-spec-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-spec-grid .item { min-height: 112px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-mid-left .next { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart { display: none; margin-top: 26px; padding: 0; clear: both; background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .main-content-sec, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .main-content-sec { padding: 26px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tools-bg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 20px; border-radius: 24px; background: #fff200; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools aside { float: none; width: auto; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box { display: grid; align-content: center; justify-items: center; gap: 10px; min-height: 150px; margin: 0; padding: 26px 18px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 22px; background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box img { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box i { margin: 0; color: #11161b; font-size: 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box span a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box .dpd-finder-tool-placeholder { color: #11161b; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.45; text-align: center; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box.greyedout { background: #f3f5f7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box.greyedout i, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box.greyedout span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box.greyedout .dpd-finder-tool-placeholder { color: rgba(17, 22, 27, 0.56); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box { cursor: pointer; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box:hover, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box:focus-visible { transform: translateY(-4px); border-color: rgba(17, 22, 27, 0.16); box-shadow: 0 18px 34px rgba(17, 22, 27, 0.12); outline: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box .dpd-finder-tool-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: #11161b; color: #fff200; font-size: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box .dpd-finder-tool-label { display: grid; gap: 8px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box .dpd-finder-tool-title { display: block; color: #11161b; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.45; text-align: center; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tool-box .dpd-finder-tool-caption { display: block; color: #5b6772; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.6; text-align: center; text-transform: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .table tbody tr.is-selected td { background: rgba(255, 242, 0, 0.14); color: #11161b; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .table tbody tr.is-selected .lead-td { font-weight: 700; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .table thead td { position: sticky; top: 0; z-index: 2; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer-backdrop { position: fixed; inset: 0; z-index: 1390; border: 0; background: rgba(8, 12, 18, 0.52); opacity: 0; transition: opacity 0.2s ease; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer-backdrop.is-open { opacity: 1; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(480px, 100vw); z-index: 1400; transform: translateX(100%); transition: transform 0.22s ease; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer.is-open { transform: translateX(0); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer__inner { display: flex; flex-direction: column; gap: 18px; height: 100%; padding: 28px 26px 26px; background: linear-gradient(180deg, #ffffff 0%, #f3f6f8 100%); box-shadow: -20px 0 48px rgba(8, 12, 18, 0.16); overflow-y: auto; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer__close { align-self: flex-end; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 999px; background: #fff; color: #11161b; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer__eyebrow { margin: 0; color: #88929d; font-size: 10px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer__title { margin: 0; color: #11161b; font-size: 28px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer__summary, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-drawer-copy { margin: 0; color: #5b6772; font-size: 15px; line-height: 1.8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-drawer-stack { display: grid; gap: 14px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tip { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 18px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 20px; background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tip__index { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 14px; background: #11161b; color: #fff200; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tip p { margin: 0; color: #11161b; font-size: 14px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-drawer-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-drawer-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999px; background: #11161b; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-drawer-action.is-disabled { background: #dce3e8; color: #6f7a85; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__form, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__outputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__form label, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-stat { display: grid; gap: 8px; padding: 16px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 18px; background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__form label span, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-stat span { color: #88929d; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__form input { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid rgba(17, 22, 27, 0.12); border-radius: 14px; color: #11161b; font-size: 15px; font-weight: 700; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-stat strong { color: #11161b; font-size: 24px; font-weight: 700; letter-spacing: 0.04em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tire-modal { display: flex; justify-content: flex-end; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .pure-drawer { background: linear-gradient(180deg, #0f1418 0%, #161d23 100%); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tire-modal #sub-page-main-content-wrapper { width: min(760px, 100%); min-height: 100vh; margin-left: auto; padding: 42px 36px 36px; background: #f3f6f8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-byname-overlay .tire-byname-overlay-in { max-width: none; margin: 0; padding: 24px 24px 34px; border-radius: 28px; background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); box-shadow: 0 24px 48px rgba(8, 12, 18, 0.12); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-byname-overlay-top { padding: 0; text-align: left; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-logo { margin: 0 0 18px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-heading { padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-heading h3 { color: #11161b; font-size: 30px; letter-spacing: 0.08em; line-height: 1.1; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-heading h4 { color: #5b6772; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-byname-overlay .tirefind-search { max-width: 320px; margin: 24px 0 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-mid .tirefind-con-size-mid-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-mid .tirefind-con-size-mid-right { border: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-greybox { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 18px; padding: 20px; border-radius: 24px; background: #11161b; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-greybox aside { display: block; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-greybox aside p { max-width: none; color: rgba(255, 255, 255, 0.84); font-size: 14px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-local-fitment-copy { padding: 18px 20px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 18px; background: #fff; color: #5b6772; font-size: 14px; line-height: 1.7; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-table-main { display: grid; gap: 12px; margin-top: 22px; border-top: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-table-main .tire-overlay-table { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; padding: 20px 22px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 20px; background: #fff; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-table aside { display: block; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-table aside.tire-overlay-table-right span { display: inline-flex; align-items: center; min-height: 42px; padding: 0 14px; border-radius: 999px; background: #11161b; color: #fff; font-size: 12px; letter-spacing: 0.16em; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tire-overlay-table-main > a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999px; background: #11161b; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .sin-tires-spec-chat-tabel-desk { padding: 0; overflow-x: auto; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart .table { min-width: 1080px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .tirefind-single-main.full-spec-chart table thead td { background: #f4f7f9; }
@media (max-width: 980px) {
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size-mid, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-detail-spec-grid, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tools .tools-bg, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__form, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-margin-calculator__outputs { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #tirefind-header-nav3 .tirefind-con-size .tirefind-con-size-pro { grid-column: auto; grid-row: auto; justify-self: start; width: 100%; max-width: 220px; height: 220px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-tool-drawer { width: 100vw; }
}
body.dpd-theme-latest.dpd-member-surface .dpd-store-fallback { padding: 36px 32px; border: 1px solid #d9e0e6; border-radius: 28px; background: linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%); box-shadow: 0 18px 42px rgba(17, 24, 31, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-store-fallback h3 { margin: 0 0 12px; color: #15191f; font-size: 28px; letter-spacing: 0.08em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-store-fallback p { max-width: 720px; margin: 0; color: #56606b; font-size: 16px; line-height: 1.8; }
body.dpd-theme-latest.dpd-member-surface .tirefind-con-motercy-pro, body.dpd-theme-latest.dpd-member-surface .tirefind-con-size-pro, body.dpd-theme-latest.dpd-member-surface .tf-motercy-pro-con-list2-in, body.dpd-theme-latest.dpd-member-surface .tire-overlay-greybox { border-radius: 24px; }
body.dpd-theme-latest.dpd-member-surface .training-portal-tab-data ul li, body.dpd-theme-latest.dpd-member-surface .training-portal-table table tbody tr { background: transparent; }
@media (min-width: 1101px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area { display: block; padding: 0 0 88px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { position: fixed; top: 81px; left: 0; bottom: 0; flex: none; width: 224px; height: auto; margin: 0 !important; transform: none; transition: width 0.28s ease; z-index: 1200; border-right: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { padding: 18px 0 32px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right { width: auto !important; margin-left: 224px; padding: 18px 24px 0; transition: margin-left 0.28s ease; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-content { padding: 0 0 80px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title { padding: 0 0 14px; margin-bottom: 10px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title .nav-mobi-icon { display: none !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-nav-backdrop, body.dpd-theme-latest.dpd-member-surface .menu-button { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left { width: 92px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav > div { padding-left: 12px; padding-right: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-sidebar-toolbar { padding-left: 12px; padding-right: 12px; justify-content: center; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-right { margin-left: 92px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-sidebar-toolbar__eyebrow, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav h3, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .tag, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .upgrade-pro-bttn { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a { justify-content: center; padding-left: 0; padding-right: 0; font-size: 0; gap: 0; min-height: 52px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a img { margin: 0; width: 20px; height: 20px; opacity: 1; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-sidebar-toggle { padding-left: 0; padding-right: 0; min-width: 44px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-sidebar-toggle__label { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-sidebar-toggle i { transform: rotate(180deg); }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-label { display: none; }
}
@media (max-width: 991px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area { padding: 18px 14px 56px; }
body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper:not(.members) .main-content-area { padding: 20px 14px 48px; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-grid, body.dpd-theme-latest.dpd-member-surface .dpd-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.dpd-theme-latest.dpd-member-surface .dpd-update-panel__header { display: grid; }
body.dpd-theme-latest.dpd-member-surface .mar-down-sec1-top-right { margin-top: 16px; }
body.dpd-theme-latest.dpd-member-surface .dpd-finder-controls-bar { display: grid; padding: 18px 18px; }
}
@media (max-width: 950px) {
body.dpd-theme-latest.dpd-member-surface #header-login { display: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { display: block !important; }
}
@media (max-width: 767px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-title { padding: 12px 14px; }
body.dpd-theme-latest.dpd-member-surface .dashboard-head-left .dpd-dashboard-intro { font-size: 16px; }
body.dpd-theme-latest.dpd-member-surface .dpd-stat-grid, body.dpd-theme-latest.dpd-member-surface .dpd-action-grid { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface .dpd-action-card, body.dpd-theme-latest.dpd-member-surface .dpd-stat-card, body.dpd-theme-latest.dpd-member-surface .dpd-update-panel, body.dpd-theme-latest.dpd-member-surface .dpd-focus-card { padding: 20px; }
body.dpd-theme-latest.dpd-member-surface .dpd-focus-actions, body.dpd-theme-latest.dpd-member-surface .dpd-dashboard-actions { display: grid; }
body.dpd-theme-latest.dpd-member-surface .tablet-heading-none { margin-bottom: 12px; font-size: 28px; }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toolbar { padding-bottom: 14px; }
body.dpd-theme-latest.dpd-member-surface .dpd-sidebar-toolbar__eyebrow { display: none; }
}
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-vew-all ul, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
/* Portal chrome refinement 2026-04-28 */
body.dpd-theme-latest.dpd-member-surface #header-login { display: flex !important; align-items: stretch; justify-content: space-between; min-height: 92px; padding: 0 24px 0 0; background: rgba(255, 255, 255, 0.94) !important; border-bottom: 1px solid rgba(17, 22, 27, 0.08); box-shadow: 0 16px 38px rgba(13, 18, 24, 0.08); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec { float: none !important; width: auto !important; display: flex; align-items: stretch; background: transparent !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo { display: flex; }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo a { display: flex; align-items: center; justify-content: center; width: 128px; min-width: 128px; height: 92px; background: linear-gradient(180deg, #fff200 0%, #ffd600 100%); border-right: 1px solid rgba(17, 22, 27, 0.06); }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo img { width: 56px; max-width: none; height: auto; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec { float: none !important; width: auto !important; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 0; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 { float: none !important; padding: 0 !important; margin: 0 !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2 a, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 24px !important; line-height: 1 !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700; letter-spacing: 0.22em !important; text-decoration: none; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a { padding: 0 28px !important; border: 1px solid rgba(17, 22, 27, 0.1); background: linear-gradient(180deg, #fff200 0%, #ffd800 100%) !important; color: #11161b !important; box-shadow: 0 12px 24px rgba(255, 221, 0, 0.22); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a img { width: 17px; height: 17px; margin: 0 !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a:hover { background: linear-gradient(180deg, #fff566 0%, #ffe74d 100%) !important; color: #11161b !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart { position: relative; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart a { width: 58px; min-width: 58px; height: 58px; padding: 0 !important; border: 1px solid #11161b; background: #11161b !important; color: #ffffff !important; box-shadow: 0 16px 30px rgba(17, 22, 27, 0.18); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart a i { font-size: 23px; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart span { position: absolute !important; top: -5px; right: -3px; left: auto !important; display: inline-flex; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 20px; margin: 0 !important; border-radius: 999px; background: #fff200; color: #11161b; font-size: 10px !important; font-weight: 900; line-height: 1; letter-spacing: 0; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 { position: relative; max-width: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a { gap: 10px; width: auto !important; min-width: 0 !important; padding: 0 8px 0 0 !important; background: transparent !important; color: #11161b !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a:hover { transform: none; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge { width: 60px !important; min-width: 60px !important; height: 60px !important; min-height: 60px !important; border: 2px solid #11161b !important; background: #11161b !important; color: #fff200 !important; box-shadow: 0 0 0 4px rgba(255, 242, 0, 0.18); font-size: 22px !important; font-weight: 800; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge img { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .fa-angle-down { padding: 0 !important; color: #5d6771; font-size: 14px; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .screen-reader-text { position: absolute !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown { top: calc(100% + 16px); right: 0; left: auto; width: min(392px, calc(100vw - 36px)); margin: 0; padding: 26px 24px 24px; border: 1px solid rgba(17, 22, 27, 0.1); border-radius: 28px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 26px 58px rgba(13, 18, 24, 0.18); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown::before { content: ""; position: absolute; top: -10px; right: 22px; width: 20px; height: 20px; border-top: 1px solid rgba(17, 22, 27, 0.1); border-left: 1px solid rgba(17, 22, 27, 0.1); background: rgba(255, 255, 255, 0.98); transform: rotate(45deg); }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-dropdown-tab { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 18px; align-items: center; }
body.dpd-theme-latest.dpd-member-surface .acc-drop-pic { width: 90px !important; height: 90px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge { width: 90px !important; min-width: 90px !important; height: 90px !important; min-height: 90px !important; background: #11161b !important; color: #fff200 !important; border: 0 !important; box-shadow: 0 0 0 8px rgba(255, 242, 0, 0.1); font-size: 30px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge img { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-cont { padding: 0; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-cont h4 { margin: 0; color: #11161b; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: var(--dpd-account-dropdown-title-size, 18px); font-weight: var(--dpd-account-dropdown-title-weight, 700); letter-spacing: var(--dpd-account-dropdown-title-spacing, 0.02em); text-transform: none; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-cont p { margin: 6px 0 0; color: #5b6670; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: var(--dpd-account-dropdown-copy-size, 12px); font-weight: var(--dpd-account-dropdown-copy-weight, 500); line-height: var(--dpd-account-dropdown-copy-line-height, 1.45); }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .dpd-header-account-recordline { color: #6c7680; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta__item { display: grid; gap: 6px; padding: 12px 12px 14px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 18px; background: #f7f9fc; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta__item span { color: #6f7882; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: var(--dpd-account-dropdown-label-size, 10px); font-weight: var(--dpd-account-dropdown-label-weight, 700); letter-spacing: var(--dpd-account-dropdown-label-spacing, 0.08em); text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta__item strong { color: #11161b; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: var(--dpd-account-dropdown-value-size, 13px); font-weight: var(--dpd-account-dropdown-value-weight, 700); line-height: var(--dpd-account-dropdown-value-line-height, 1.2); }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-help { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(17, 22, 27, 0.08); color: #5b6670; font-size: 13px; line-height: 1.6; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown .acc-appearance--dropdown { display: block !important; margin-top: 18px; padding: 18px; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 22px; background: linear-gradient(180deg, #fffdf6 0%, #f7f9fc 100%) !important; position: relative; z-index: 1; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-copy { min-width: 0; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-copy p { margin: 6px 0 0; color: #5b6670; font-size: 12px; line-height: 1.5; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-panel--approved { display: grid !important; gap: 14px !important; grid-template-columns: 1fr !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-block { padding: 14px !important; border: 1px solid rgba(17, 22, 27, 0.08) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.78) !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-label { display: block; margin-bottom: 10px; color: #11161b !important; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important; font-size: var(--dpd-account-dropdown-label-size, 10px) !important; font-weight: var(--dpd-account-dropdown-label-weight, 700) !important; letter-spacing: var(--dpd-account-dropdown-label-spacing, 0.08em) !important; text-transform: uppercase !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-grid--selector { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 10px !important; padding: 0 !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark { display: grid !important; align-items: center !important; justify-items: center !important; min-height: 74px !important; min-width: 0 !important; padding: 10px 6px !important; border: 1px solid rgba(17, 22, 27, 0.1) !important; border-radius: 18px !important; background: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important; cursor: pointer; transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip:hover, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark:hover, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip:focus-visible, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark:focus-visible { border-color: rgba(17, 22, 27, 0.22) !important; box-shadow: 0 12px 24px rgba(17, 22, 27, 0.1) !important; transform: translateY(-1px); outline: none; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip.is-active, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark.is-active { border-color: #11161b !important; box-shadow: 0 0 0 2px rgba(255, 242, 0, 0.34), 0 14px 28px rgba(17, 22, 27, 0.12) !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-initials, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-initials { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important; border: 1px solid rgba(17, 22, 27, 0.12) !important; border-radius: 999px !important; background: #11161b !important; color: #fff200 !important; font-size: 17px !important; font-weight: 800 !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-icon img, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-icon img { width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-caption, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-caption { display: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatches--compact { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 0 !important; background: transparent !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 50px !important; border: 1px solid rgba(17, 22, 27, 0.1) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important; transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch:hover, body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch:focus-visible { border-color: rgba(17, 22, 27, 0.22) !important; box-shadow: 0 12px 24px rgba(17, 22, 27, 0.1) !important; transform: translateY(-1px); outline: none; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch.is-active { border-color: #11161b !important; box-shadow: 0 0 0 2px rgba(255, 242, 0, 0.34), 0 14px 28px rgba(17, 22, 27, 0.12) !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch span { width: 24px !important; height: 24px !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__actions { display: grid; gap: 12px; margin-top: 16px; position: relative; z-index: 2; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action { display: flex !important; align-items: center; justify-content: flex-start; width: 100% !important; min-height: 52px; padding: 0 18px; border: 1px solid rgba(17, 22, 27, 0.1); border-radius: 18px; background: #ffffff; color: #11161b !important; font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: var(--dpd-account-dropdown-action-size, 11px); font-weight: var(--dpd-account-dropdown-action-weight, 700); letter-spacing: var(--dpd-account-dropdown-action-spacing, 0.08em); line-height: 1.15; position: relative; box-shadow: 0 12px 24px rgba(17, 22, 27, 0.05); pointer-events: auto !important; text-decoration: none; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action:hover, body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action:focus-visible { border-color: rgba(17, 22, 27, 0.22); box-shadow: 0 16px 30px rgba(17, 22, 27, 0.1); transform: translateY(-1px); outline: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action.is-primary { border-color: #11161b; background: #11161b; color: #ffffff !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action.is-signout { color: #6f7882 !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { background: linear-gradient(180deg, #191e23 0%, #101418 100%) !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { background: transparent; padding: 18px 0 32px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav > div { padding: 0 16px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-header-actions { display: flex; align-items: center; gap: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse, body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(7, 10, 14, 0.55); color: #eef4f7; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse { flex: 1 1 auto; gap: 10px; padding: 0 16px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close { width: 44px; min-width: 44px; display: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse:hover, body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close:hover { border-color: rgba(255, 242, 0, 0.26); background: rgba(255, 242, 0, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top { display: grid; gap: 12px; margin: 16px 0 18px; padding: 18px 16px 16px; border-radius: 24px; background: linear-gradient(180deg, #fff200 0%, #ffd800 100%); box-shadow: 0 18px 32px rgba(255, 222, 0, 0.16); }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__identity { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 12px; align-items: center; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge { width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; background: #11161b !important; color: #fff200 !important; border: 0 !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge img { width: 22px !important; height: 22px !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__copy { display: grid; gap: 4px; min-width: 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-badge { color: rgba(17, 22, 27, 0.7); font-size: 11px; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-name { color: #11161b; font-size: 16px; font-weight: 800; line-height: 1.1; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-meta { color: rgba(17, 22, 27, 0.78); font-size: 13px; line-height: 1.4; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-section { margin-top: 16px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 { margin: 0 0 10px; padding: 0 4px; color: #fff200; font-size: 11px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu { display: grid; gap: 8px; margin: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { min-height: 48px; padding: 0 14px; border-radius: 16px; border: 1px solid transparent; background: transparent !important; color: #eef4f7; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a { border-color: rgba(255, 242, 0, 0.22); background: rgba(255, 242, 0, 0.08) !important; color: #ffffff; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover { transform: translateX(2px); }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-icon { flex: 0 0 16px; width: 16px; height: 16px; font-size: 16px; color: #fff200 !important; opacity: 1; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-label { color: #eef4f7; font-size: 12px; font-weight: 700; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 8px 0 12px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 46px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; background: rgba(255, 255, 255, 0.04); color: #eef4f7; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-decoration: none; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { display: none; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 12px; min-height: 74px; padding: 0 12px; background: rgba(255, 255, 255, 0.95) !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo, body.dpd-theme-latest.dpd-member-surface #header-login-mobile .mobile-nav, body.dpd-theme-latest.dpd-member-surface #header-login-mobile .page-title { float: none !important; width: auto !important; padding: 0 !important; display: block !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo img { width: 30px; height: auto; max-width: none; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .page-title { min-width: 0; text-align: center; color: #11161b; font-size: 12px; font-weight: 800; letter-spacing: 0.18em; line-height: 1.2; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .mobile-nav { display: flex !important; justify-content: flex-end; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-toggle--mobile { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(17, 22, 27, 0.08); border-radius: 15px; background: #ffffff; box-shadow: 0 12px 24px rgba(17, 22, 27, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-toggle-bars { display: grid; gap: 4px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-toggle-bars span { display: block; width: 18px; height: 2px; border-radius: 999px; background: #11161b; }
body.dpd-theme-latest.dpd-member-surface.dpd-v2-nav-open .dpd-v2-nav-toggle--mobile { border-color: rgba(255, 242, 0, 0.28); background: #fff200; }
@media (min-width: 1101px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { top: 92px; width: 212px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right { margin-left: 212px; padding: 20px 28px 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left { width: 88px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-right { margin-left: 88px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav > div { padding-left: 12px; padding-right: 12px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-header-actions { justify-content: center; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav h3 { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-collapse { flex: 0 0 auto; width: 44px; min-width: 44px; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-collapse-label { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-collapse i { transform: rotate(180deg); }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a { justify-content: center; min-height: 46px; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a:hover { transform: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-label { display: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-icon { margin: 0 !important; }
}
@media (max-width: 1100px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { width: min(328px, 88vw); }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close { display: inline-flex; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { display: grid; }
}
@media (max-width: 950px) {
body.dpd-theme-latest.dpd-member-surface #header-login { display: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { display: grid !important; }
}
@media (max-width: 767px) {
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { min-height: 70px; gap: 10px; padding: 0 10px; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .page-title { font-size: 11px; letter-spacing: 0.16em; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { padding-bottom: 24px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top { padding: 16px 14px 14px; border-radius: 22px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__identity { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-name { font-size: 15px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown { width: calc(100vw - 24px); right: -6px; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta { grid-template-columns: 1fr; }
}
/* Dunlop brand shell realignment 2026-04-28 */
body.dpd-theme-latest.dpd-member-surface #header-login { min-height: 82px; padding: 0; background: #ffffff !important; border-bottom: 1px solid rgba(17, 22, 27, 0.12); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo a { width: 82px; min-width: 82px; height: 82px; background: transparent; border-right: 1px solid rgba(17, 22, 27, 0.12); }
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo img { width: 76px; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec { gap: 0; padding: 0 !important; align-self: stretch; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 { display: flex; align-items: stretch; border-left: 1px solid rgba(17, 22, 27, 0.1); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 { margin-left: 12px !important; border-left: 0; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2 a, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a { min-height: 82px; border-radius: 0 !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a { min-width: 176px !important; padding: 0 24px !important; background: #2a2d2f !important; border: 0 !important; color: #ffffff !important; gap: 12px; letter-spacing: 0.18em !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn1 a:hover { background: #1d2022 !important; color: #ffffff !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart a { width: 68px; min-width: 68px; height: 82px; border: 0 !important; background: #ffffff !important; color: #11161b !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart a i { font-size: 20px; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn2.cart span { top: 16px; right: 13px; width: 18px; min-width: 18px; height: 18px; background: #fff200; color: #11161b; font-size: 9px !important; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 { max-width: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a { gap: 12px; padding: 0 18px 0 16px !important; background: #ffffff !important; color: #11161b !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border: 1px solid #11161b !important; background: #11161b !important; box-shadow: none !important; font-size: 16px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge img { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-header-account-copy { display: grid !important; gap: 2px; min-width: 0; }
body.dpd-theme-latest.dpd-member-surface .dpd-header-account-prefix, body.dpd-theme-latest.dpd-member-surface .dpd-header-account-role { color: #69737d; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.2; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface .dpd-header-account-greeting { color: #11161b; font-size: 16px; font-weight: 800; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .fa-angle-down { color: #11161b; font-size: 12px; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown { top: calc(100% + 8px); width: min(410px, calc(100vw - 28px)); padding: 18px 18px 16px; border-radius: 12px; border: 1px solid rgba(17, 22, 27, 0.14); background: #ffffff; box-shadow: 0 18px 44px rgba(17, 22, 27, 0.16); }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown::before { display: none; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-dropdown-tab { grid-template-columns: 72px minmax(0, 1fr); gap: 14px; }
body.dpd-theme-latest.dpd-member-surface .acc-drop-pic, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge { width: 72px !important; height: 72px !important; min-width: 72px !important; min-height: 72px !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge img { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-cont h4 { font-size: var(--dpd-account-dropdown-title-size, 18px); letter-spacing: var(--dpd-account-dropdown-title-spacing, 0.02em); }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-cont p, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-help { color: #5e6771; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta__item { border-radius: 8px; background: #ffffff; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown .acc-appearance--dropdown { border-radius: 10px; padding: 14px; background: #f6f7f8 !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark { min-height: 62px !important; padding: 8px 5px !important; border-radius: 8px !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-initials, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-initials { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch { height: 42px !important; border-radius: 8px !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__actions { gap: 8px; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action { min-height: 46px; border-radius: 6px; box-shadow: none; font-size: var(--dpd-account-dropdown-action-size, 11px); letter-spacing: var(--dpd-account-dropdown-action-spacing, 0.08em); }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action:hover, body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action:focus-visible { transform: none; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action.is-primary { background: #2a2d2f; border-color: #2a2d2f; color: #ffffff !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { background: #27292b !important; border-right: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { padding: 0 0 24px; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav > div { padding: 0 14px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-header { margin-bottom: 10px; padding: 10px 0 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse, body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close { min-height: 38px; border-radius: 4px; border: 1px solid #40454a; background: #191b1d; box-shadow: none; color: #dce2e6; font-size: 10px; letter-spacing: 0.16em; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse:hover, body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close:hover { background: #1f2124; border-color: #595f65; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top { margin: 12px 0 16px; padding: 12px 12px 10px; border-radius: 8px; background: #fff200; border: 1px solid #11161b; box-shadow: none; gap: 8px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__identity { grid-template-columns: 38px minmax(0, 1fr); gap: 10px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge img { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-badge { color: rgba(17, 22, 27, 0.72); font-size: 10px; letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-name { font-size: 15px; letter-spacing: 0.03em; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-meta { color: rgba(17, 22, 27, 0.82); font-size: 12px; line-height: 1.35; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 { color: #969da4; font-size: 10px; letter-spacing: 0.18em; margin: 0 0 8px; padding: 0 2px 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu { gap: 0; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { min-height: 44px; padding: 0 12px; border-radius: 0; border-left: 3px solid transparent; background: transparent !important; color: #eef2f4; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-icon { width: 14px; height: 14px; font-size: 14px; color: #c8ced2 !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-label { color: inherit; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a { background: rgba(255, 255, 255, 0.04) !important; border-left-color: #fff200; color: #ffffff; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover { transform: none; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover .dpd-nav-icon, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a .dpd-nav-icon, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a .dpd-nav-icon, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a .dpd-nav-icon { color: #fff200 !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left { width: 80px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-right { margin-left: 80px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav > div { padding-left: 10px; padding-right: 10px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-collapse { width: 40px; min-width: 40px; border-radius: 999px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a { min-height: 48px; border-left-width: 0; border-radius: 4px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li.is-current > a { box-shadow: inset 3px 0 0 #fff200; }
@media (max-width: 1300px) {
body.dpd-theme-latest.dpd-member-surface .dpd-header-account-role { display: none; }
}
@media (max-width: 1100px) {
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { width: min(320px, 86vw); }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { min-height: 64px; grid-template-columns: 28px minmax(0, 1fr) 40px; gap: 10px; padding: 0 14px; background: #ffffff !important; border-bottom: 1px solid rgba(17, 22, 27, 0.12); box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo a { width: 28px; height: 28px; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo img { width: 26px; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .page-title { text-align: left; max-width: none; color: #11161b; font-size: 10px; letter-spacing: 0.18em; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-toggle--mobile { width: 40px; height: 40px; border-radius: 4px; border-color: rgba(17, 22, 27, 0.14); box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-toggle-bars span { width: 16px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 10px 0 12px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility-link { min-height: 42px; padding: 0 12px; border-radius: 4px; border-color: #40454a; background: #191b1d; font-size: 10px; letter-spacing: 0.16em; box-shadow: none; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top { border-radius: 8px; padding: 12px 12px 10px; }
}
@media (max-width: 767px) {
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { min-height: 60px; padding: 0 12px; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__identity { grid-template-columns: 34px minmax(0, 1fr); }
}
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-vew-all ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-vew-all ul li, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main > li { float: none; width: auto; margin: 0; padding: 0; text-align: left; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy-pro { position: relative; overflow: hidden; padding: 0; border: 1px solid var(--dpd-latest-line); border-radius: 28px; background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); box-shadow: var(--dpd-latest-shadow); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product { height: 100%; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-in { position: relative; display: flex; flex-direction: column; gap: 16px; min-height: 100%; padding: 24px 22px 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy-pro-img { display: flex; align-items: center; justify-content: center; min-height: 210px; margin: 0 0 4px; border-radius: 22px; background: radial-gradient(circle at 50% 20%, rgba(255, 242, 0, 0.16), rgba(255, 255, 255, 0) 55%), #f3f6f8; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-img img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-pro img, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy-pro-img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 180px; object-fit: contain; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con { position: static; top: auto; width: auto; flex: 1 1 auto; padding: 0; background: transparent; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con .tf-vew-all-product-con-in { border: 0; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con h3, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-top-left h3, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h3 { margin: 0; color: var(--dpd-latest-ink); font-size: clamp(22px, 2vw, 30px); letter-spacing: 0.08em; line-height: 1.12; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con h5, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con h5 a { margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-con h5 a { display: inline-flex; align-items: center; min-height: 40px; margin-top: 12px; padding: 0 16px; border-radius: 999px; background: #11161b; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-bottom .tf-bot-sec, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-bottom .bttn, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul li { float: none; width: auto; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-bot-sec a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-bottom .bttn a, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul li { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; width: 100%; padding: 0 12px; border: 1px solid var(--dpd-latest-line); border-radius: 16px; background: #fff; color: var(--dpd-latest-ink); font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size { padding: 28px; margin: 0 0 24px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size .tirefind-con-size-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size .tirefind-con-size-pro, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-top-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-top-right { float: none; display: block; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size .tirefind-con-size-pro { position: absolute; right: 24px; top: 24px; margin: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-top { padding: 0 150px 18px 0; border-bottom: 1px solid var(--dpd-latest-line); }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 24px; width: 100%; padding-top: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid-left, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid-right { display: block; width: auto; padding: 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid-right ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li { width: auto; margin: 0; padding: 16px 18px; border: 1px solid var(--dpd-latest-line); border-radius: 18px; background: #f7f9fb; }
@media (max-width: 1200px) {
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-vew-all ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar__meta { justify-items: stretch; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder .dpd-finder-controls-bar__actions--side { justify-content: flex-start; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-vew-all ul, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-vew-all-product-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-bottom, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul, body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-mid { grid-template-columns: 1fr; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size { padding: 22px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size .tirefind-con-size-pro { position: static; margin-top: 20px; }
body.dpd-theme-latest.dpd-member-surface.dpd-modern-tire-finder #sub-page-main-content-wrapper .tirefind-con-size-top { padding-right: 0; }
}
/* Accent cleanup 3.1.36 */
body.dpd-theme-latest.dpd-member-surface .main-content-sec, body.dpd-theme-latest.dpd-member-surface .db-white-box, body.dpd-theme-latest.dpd-member-surface .table-responsive, body.dpd-theme-latest.dpd-member-surface .tirefind-search, body.dpd-theme-latest.dpd-member-surface .tirefind-con-motercy-pro, body.dpd-theme-latest.dpd-member-surface .tirefind-con-size-pro, body.dpd-theme-latest.dpd-member-surface .account-hist-sec-in, body.dpd-theme-latest.dpd-member-surface .acc-history-cont, body.dpd-theme-latest.dpd-member-surface .tire-overlay-table-main, body.dpd-theme-latest.dpd-member-surface .video-header-content.mock-static-bg, body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in { overflow: hidden; }
body.dpd-theme-latest.dpd-member-surface .main-content-sec::before, body.dpd-theme-latest.dpd-member-surface .main-content-sec::after, body.dpd-theme-latest.dpd-member-surface .db-white-box::before, body.dpd-theme-latest.dpd-member-surface .db-white-box::after, body.dpd-theme-latest.dpd-member-surface .table-responsive::before, body.dpd-theme-latest.dpd-member-surface .table-responsive::after, body.dpd-theme-latest.dpd-member-surface .video-header-content.mock-static-bg::before, body.dpd-theme-latest.dpd-member-surface .video-header-content.mock-static-bg::after, body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in::before, body.dpd-theme-latest.dpd-member-surface .dashboard-head-right-in::after { content: none !important; display: none !important; }
body.dpd-theme-latest.dpd-member-surface .border-dotted-heading, body.dpd-theme-latest.dpd-member-surface .my-acc-heading, body.dpd-theme-latest.dpd-member-surface .border-dotted-heading h2, body.dpd-theme-latest.dpd-member-surface .my-acc-heading h2, body.dpd-theme-latest.dpd-member-surface .my-acc-heading h3, body.dpd-theme-latest.dpd-member-surface .border-dotted-heading h2 span, body.dpd-theme-latest.dpd-member-surface .my-acc-heading h2 span, body.dpd-theme-latest.dpd-member-surface .my-acc-heading h3 span { background: none !important; border: 0 !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a { box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a::before, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a::before, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a::before { content: none !important; display: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
/* Portal shell stabilization 2026-04-28 */
@media (min-width: 1101px) {
body.dpd-theme-latest.dpd-member-surface #header-login { display: flex !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile, body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close, body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { display: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { top: 82px; width: 212px; transform: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right { margin-left: 212px; padding: 20px 28px 0; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left { width: 80px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-right { margin-left: 80px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav > div { padding-left: 10px; padding-right: 10px; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav h3 { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a { justify-content: center !important; gap: 0 !important; min-height: 48px; padding: 0 !important; font-size: 0 !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-label, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-v2-nav-count, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .tag { display: none !important; width: 0 !important; min-width: 0 !important; opacity: 0 !important; overflow: hidden !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-icon { flex: 0 0 14px; margin: 0 !important; }
}
@media (max-width: 1100px) {
body.dpd-theme-latest.dpd-member-surface #header-login { display: none !important; }
body.dpd-theme-latest.dpd-member-surface #header-login-mobile { display: grid !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left { top: 0; width: min(320px, 86vw); transform: translateX(-104%); }
body.dpd-theme-latest.dpd-nav-open .main-content-area-left { transform: translateX(0); }
body.dpd-theme-latest.dpd-member-surface .main-content-area-right { width: auto !important; margin-left: 0 !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse { display: none !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close { display: inline-flex !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility { display: grid !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-header-actions { justify-content: flex-end; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { font-size: 11px !important; }
}
/* Portal shell cleanup 2026-04-29 */
body.dpd-theme-latest.dpd-member-surface { --dpd-portal-accent: #fff200; --dpd-portal-accent-ink: #000000; --dpd-portal-accent-soft: color-mix(in srgb, var(--dpd-portal-accent) 15%, rgba(255, 255, 255, 0.04)); --dpd-portal-accent-line: color-mix(in srgb, var(--dpd-portal-accent) 34%, rgba(255, 255, 255, 0.08)); --dpd-portal-accent-border: color-mix(in srgb, var(--dpd-portal-accent) 48%, rgba(15, 20, 27, 0.16)); }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a { background: var(--dpd-portal-accent-soft) !important; border: 0 !important; box-shadow: inset 3px 0 0 var(--dpd-portal-accent) !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 { color: var(--dpd-portal-accent) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top { background: var(--dpd-portal-accent) !important; border: 1px solid var(--dpd-portal-accent-border) !important; box-shadow: none !important; color: var(--dpd-portal-accent-ink) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge, body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > button .dpd-user-badge, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-initials, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-icon, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-initials { background: var(--dpd-portal-accent) !important; background-color: var(--dpd-portal-accent) !important; border-color: var(--dpd-portal-accent-border) !important; box-shadow: none !important; color: var(--dpd-portal-accent-ink) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar, body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark, body.dpd-theme-latest.dpd-member-surface .acc-avatar-option--mark .acc-avatar-icon--mark { color: var(--dpd-portal-accent-ink) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark, body.dpd-theme-latest.dpd-member-surface .acc-avatar-option--mark .acc-avatar-icon--mark { background: none !important; background-color: currentColor !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image, body.dpd-theme-latest.dpd-member-surface .acc-avatar-icon--image { align-items: center !important; background: transparent !important; background-color: transparent !important; background-image: none !important; display: inline-flex !important; justify-content: center !important; mask-image: none !important; -webkit-mask-image: none !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before, body.dpd-theme-latest.dpd-member-surface .acc-avatar-icon--image::before { content: none !important; display: none !important; }
body.dpd-theme-latest.dpd-member-surface { --dpd-avatar-badge-img-filter: brightness(0) saturate(100%) !important; --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="green"] { --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="blue"] { --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] { --dpd-avatar-badge-img-filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%) !important; --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="orange"] { --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"], body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad { --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-user-badge__mark-img, body.dpd-theme-latest.dpd-member-surface .acc-avatar-icon__img { display: block !important; filter: var(--dpd-avatar-badge-img-filter, brightness(0) saturate(100%)) !important; height: 78% !important; max-height: 78% !important; max-width: 78% !important; object-fit: contain !important; pointer-events: none !important; width: 78% !important; }
body.dpd-theme-latest.dpd-member-surface .acc-avatar-option--chip .acc-avatar-icon__img { filter: var(--dpd-avatar-selector-img-filter, brightness(0) saturate(100%)) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .right-sec .bttn3 .acc-dropdown .acc-avatar-icon--image img, body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .acc-avatar-option--chip .acc-avatar-icon__img, body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .acc-avatar-option--mark .acc-avatar-icon__img { filter: var(--dpd-avatar-selector-img-filter, brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%)) !important; }
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .right-sec .bttn3 .acc-dropdown .acc-avatar-icon--image, body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .acc-avatar-option--chip .acc-avatar-icon--image, body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .acc-avatar-option--mark .acc-avatar-icon--image { background: #101820 !important; background-color: #101820 !important; border-color: rgba(255, 242, 0, 0.72) !important; box-shadow: inset 0 0 0 1px rgba(255, 242, 0, 0.16), 0 10px 18px rgba(8, 13, 18, 0.18) !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-panel--approved, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-appearance-block, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-palette-swatches--compact, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-avatar-grid--selector { border-color: color-mix(in srgb, var(--dpd-portal-accent) 28%, rgba(12, 18, 28, 0.12)) !important; }
body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action { box-shadow: none !important; }
body.dpd-theme-latest.dpd-member-surface .border-dotted-heading h2 span { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--dpd-latest-ink) !important; text-shadow: none !important; }
@media (min-width: 1101px) {
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left { width: 156px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-right { margin-left: 156px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav > div { padding-left: 12px !important; padding-right: 12px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top { display: grid !important; padding: 14px 14px 12px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top__identity { align-items: center !important; display: grid !important; gap: 10px !important; grid-template-columns: 46px minmax(0, 1fr) !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-badge, body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top-meta { display: none !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top-name { display: block !important; font-size: 13px !important; line-height: 1.15 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav h3 { display: block !important; font-size: 10px !important; line-height: 1.2 !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a { align-items: center !important; display: grid !important; font-size: 11px !important; gap: 10px !important; grid-template-columns: 16px minmax(0, 1fr) auto !important; justify-content: start !important; min-height: 42px !important; padding: 0 10px !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-nav-label { display: block !important; font-size: 10px !important; letter-spacing: 0.12em !important; line-height: 1.15 !important; opacity: 1 !important; overflow: visible !important; text-align: left !important; visibility: visible !important; white-space: normal !important; width: auto !important; }
body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .main-content-area-left-nav .menu > li > a .dpd-v2-nav-count { display: inline-flex !important; opacity: 1 !important; visibility: visible !important; }
}
/* Final member-shell normalization */
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav { padding: 0 !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav > div { padding-left: 0 !important; padding-right: 0 !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 { color: var(--dpd-portal-accent) !important; font-size: 12px !important; letter-spacing: 0.22em !important; margin: 18px 0 12px !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a { align-items: center !important; background: transparent !important; border: 0 !important; border-left: 0 !important; border-radius: 16px !important; box-shadow: none !important; display: grid !important; gap: 12px !important; grid-template-columns: 18px minmax(0, 1fr) auto !important; min-height: 46px !important; padding: 0 14px !important; transform: none !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a, body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a { background: var(--dpd-portal-accent-soft) !important; border: 0 !important; box-shadow: inset 3px 0 0 var(--dpd-portal-accent) !important; color: #ffffff !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-icon { color: var(--dpd-portal-accent) !important; height: 16px !important; width: 16px !important; }
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-label { color: inherit !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; }
/* DPD 2.0 account dropdown compact QA - 2026-05-21 */
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown, body.dpd-theme-latest.dpd-member-surface #header-login .dpd-account-dropdown { max-height: min(680px, calc(100dvh - 96px)) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 18px !important; width: min(420px, calc(100vw - 24px)) !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-dropdown-tab { gap: 14px !important; grid-template-columns: 64px minmax(0, 1fr) !important; }
body.dpd-theme-latest.dpd-member-surface .acc-drop-pic, body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge { height: 64px !important; min-height: 64px !important; min-width: 64px !important; width: 64px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge img { height: 28px !important; max-height: 28px !important; max-width: 28px !important; width: 28px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta { gap: 8px !important; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important; margin-top: 12px !important; }
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-meta__item { border-radius: 14px !important; padding: 10px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 .acc-dropdown .acc-appearance--dropdown { margin-top: 12px !important; max-height: 260px !important; overflow-y: auto !important; padding: 14px !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-grid--selector { grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)) !important; }
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip, body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark { min-height: 76px !important; padding: 8px !important; }
/* Workspace accent personalization - 2026-06-18 */
body.dpd-theme-latest.dpd-member-surface {
  --dpd-portal-accent: var(--dpd-personal-accent, var(--dpd-ui-accent, #fff200)) !important;
  --dpd-portal-accent-rgb: var(--dpd-personal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)) !important;
  --dpd-portal-accent-ink: var(--dpd-personal-accent-ink, var(--dpd-ui-accent-ink, #10161d)) !important;
  --dpd-portal-accent-soft: var(--dpd-personal-accent-soft, rgba(var(--dpd-portal-accent-rgb), 0.16)) !important;
  --dpd-portal-accent-border: color-mix(in srgb, var(--dpd-portal-accent) 56%, rgba(15, 22, 29, 0.2)) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="green"] {
  --dpd-portal-accent: #d7ebe6 !important;
  --dpd-personal-accent: #d7ebe6 !important;
  --dpd-ui-accent: #d7ebe6 !important;
  --dpd-accent: #d7ebe6 !important;
  --dpd-shell-page-accent: #d7ebe6 !important;
  --dpd-user-accent: #d7ebe6 !important;
  --dpd-user-badge-fill: #d7ebe6 !important;
  --dpd-shell-badge-fill: #d7ebe6 !important;
  --dpd-portal-accent-rgb: 215, 235, 230 !important;
  --dpd-personal-accent-rgb: 215, 235, 230 !important;
  --dpd-ui-accent-rgb: 215, 235, 230 !important;
  --dpd-user-accent-rgb: 215, 235, 230 !important;
  --dpd-portal-accent-ink: #10201d !important;
  --dpd-personal-accent-ink: #10201d !important;
  --dpd-ui-accent-ink: #10201d !important;
  --dpd-shell-page-accent-ink: #10201d !important;
  --dpd-user-accent-ink: #10201d !important;
  --dpd-user-badge-ink: #10201d !important;
  --dpd-shell-badge-ink: #10201d !important;
  --dpd-portal-accent-soft: rgba(82, 125, 116, 0.1) !important;
  --dpd-personal-accent-soft: rgba(82, 125, 116, 0.1) !important;
  --dpd-user-accent-soft: rgba(82, 125, 116, 0.1) !important;
  --dpd-portal-accent-border: rgba(82, 125, 116, 0.34) !important;
  --dpd-personal-accent-border: rgba(82, 125, 116, 0.34) !important;
  --dpd-user-accent-border: rgba(82, 125, 116, 0.34) !important;
  --dpd-user-line-accent: rgba(82, 125, 116, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="blue"] {
  --dpd-portal-accent: #d9e6f2 !important;
  --dpd-personal-accent: #d9e6f2 !important;
  --dpd-ui-accent: #d9e6f2 !important;
  --dpd-accent: #d9e6f2 !important;
  --dpd-shell-page-accent: #d9e6f2 !important;
  --dpd-user-accent: #d9e6f2 !important;
  --dpd-user-badge-fill: #d9e6f2 !important;
  --dpd-shell-badge-fill: #d9e6f2 !important;
  --dpd-portal-accent-rgb: 217, 230, 242 !important;
  --dpd-personal-accent-rgb: 217, 230, 242 !important;
  --dpd-ui-accent-rgb: 217, 230, 242 !important;
  --dpd-user-accent-rgb: 217, 230, 242 !important;
  --dpd-portal-accent-ink: #0f1d2a !important;
  --dpd-personal-accent-ink: #0f1d2a !important;
  --dpd-ui-accent-ink: #0f1d2a !important;
  --dpd-shell-page-accent-ink: #0f1d2a !important;
  --dpd-user-accent-ink: #0f1d2a !important;
  --dpd-user-badge-ink: #0f1d2a !important;
  --dpd-shell-badge-ink: #0f1d2a !important;
  --dpd-portal-accent-soft: rgba(84, 118, 150, 0.11) !important;
  --dpd-personal-accent-soft: rgba(84, 118, 150, 0.11) !important;
  --dpd-user-accent-soft: rgba(84, 118, 150, 0.11) !important;
  --dpd-portal-accent-border: rgba(84, 118, 150, 0.34) !important;
  --dpd-personal-accent-border: rgba(84, 118, 150, 0.34) !important;
  --dpd-user-accent-border: rgba(84, 118, 150, 0.34) !important;
  --dpd-user-line-accent: rgba(84, 118, 150, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] {
  --dpd-portal-accent: #ffffff !important;
  --dpd-personal-accent: #ffffff !important;
  --dpd-ui-accent: #ffffff !important;
  --dpd-accent: #ffffff !important;
  --dpd-shell-page-accent: #ffffff !important;
  --dpd-user-accent: #ffffff !important;
  --dpd-user-badge-fill: #ffffff !important;
  --dpd-shell-badge-fill: #ffffff !important;
  --dpd-portal-accent-rgb: 255, 255, 255 !important;
  --dpd-personal-accent-rgb: 255, 255, 255 !important;
  --dpd-ui-accent-rgb: 255, 255, 255 !important;
  --dpd-user-accent-rgb: 255, 255, 255 !important;
  --dpd-portal-accent-ink: #10161d !important;
  --dpd-personal-accent-ink: #10161d !important;
  --dpd-ui-accent-ink: #10161d !important;
  --dpd-shell-page-accent-ink: #10161d !important;
  --dpd-user-accent-ink: #10161d !important;
  --dpd-user-badge-ink: #10161d !important;
  --dpd-shell-badge-ink: #10161d !important;
  --dpd-portal-accent-soft: rgba(255, 255, 255, 0.2) !important;
  --dpd-personal-accent-soft: rgba(255, 255, 255, 0.2) !important;
  --dpd-user-accent-soft: rgba(255, 255, 255, 0.2) !important;
  --dpd-portal-accent-border: rgba(255, 255, 255, 0.82) !important;
  --dpd-user-accent-border: rgba(255, 255, 255, 0.82) !important;
  --dpd-user-line-accent: rgba(255, 255, 255, 0.2) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="orange"] {
  --dpd-portal-accent: #ff8a00 !important;
  --dpd-personal-accent: #ff8a00 !important;
  --dpd-ui-accent: #ff8a00 !important;
  --dpd-accent: #ff8a00 !important;
  --dpd-portal-accent-rgb: 255, 138, 0 !important;
  --dpd-personal-accent-rgb: 255, 138, 0 !important;
  --dpd-ui-accent-rgb: 255, 138, 0 !important;
  --dpd-portal-accent-ink: #160d00 !important;
  --dpd-personal-accent-ink: #160d00 !important;
  --dpd-ui-accent-ink: #160d00 !important;
  --dpd-portal-accent-soft: rgba(255, 138, 0, 0.18) !important;
  --dpd-personal-accent-soft: rgba(255, 138, 0, 0.18) !important;
  --dpd-portal-accent-border: rgba(255, 138, 0, 0.58) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"],
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad {
  --dpd-portal-accent: #e8ded2 !important;
  --dpd-personal-accent: #e8ded2 !important;
  --dpd-ui-accent: #e8ded2 !important;
  --dpd-accent: #e8ded2 !important;
  --dpd-shell-page-accent: #e8ded2 !important;
  --dpd-user-accent: #e8ded2 !important;
  --dpd-user-badge-fill: #e8ded2 !important;
  --dpd-shell-badge-fill: #e8ded2 !important;
  --dpd-portal-accent-rgb: 232, 222, 210 !important;
  --dpd-personal-accent-rgb: 232, 222, 210 !important;
  --dpd-ui-accent-rgb: 232, 222, 210 !important;
  --dpd-user-accent-rgb: 232, 222, 210 !important;
  --dpd-portal-accent-ink: #211911 !important;
  --dpd-personal-accent-ink: #211911 !important;
  --dpd-ui-accent-ink: #211911 !important;
  --dpd-shell-page-accent-ink: #211911 !important;
  --dpd-user-accent-ink: #211911 !important;
  --dpd-user-badge-ink: #211911 !important;
  --dpd-shell-badge-ink: #211911 !important;
  --dpd-portal-accent-soft: rgba(143, 103, 63, 0.11) !important;
  --dpd-personal-accent-soft: rgba(143, 103, 63, 0.11) !important;
  --dpd-user-accent-soft: rgba(143, 103, 63, 0.11) !important;
  --dpd-portal-accent-border: rgba(143, 103, 63, 0.34) !important;
  --dpd-personal-accent-border: rgba(143, 103, 63, 0.34) !important;
  --dpd-user-accent-border: rgba(143, 103, 63, 0.34) !important;
  --dpd-user-line-accent: rgba(143, 103, 63, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface .main-content-area-right {
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--dpd-portal-accent-rgb), 0.08), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #edf5f8 0%, #f8fafb 42%, #eef4f6 100%) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"] #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"] .main-content-area-right,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad .main-content-area-right {
  background:
    radial-gradient(circle at 16% 0%, rgba(143, 103, 63, 0.1), rgba(143, 103, 63, 0) 32%),
    linear-gradient(135deg, rgba(43, 32, 23, 0.04), rgba(13, 29, 34, 0.02) 34%, rgba(143, 103, 63, 0.035) 100%),
    #edf5f8 !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left {
  background:
    radial-gradient(circle at 100% 8%, rgba(var(--dpd-portal-accent-rgb), 0.16), rgba(255, 255, 255, 0) 30%),
    linear-gradient(180deg, #141b20 0%, #071015 100%) !important;
  border-right-color: rgba(var(--dpd-portal-accent-rgb), 0.18) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"] .main-content-area-left,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad .main-content-area-left {
  background:
    radial-gradient(circle at 100% 10%, rgba(143, 103, 63, 0.14), rgba(143, 103, 63, 0) 34%),
    linear-gradient(180deg, #1a1d19 0%, #0b1316 100%) !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3 {
  border-bottom: 0 !important;
  color: var(--dpd-portal-accent) !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav h3::after {
  background: linear-gradient(90deg, var(--dpd-portal-accent), rgba(var(--dpd-portal-accent-rgb), 0.34), rgba(255, 255, 255, 0)) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 7px !important;
  width: 100% !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a {
  color: #f4f8fb !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a .dpd-nav-icon,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility-link i,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility-link svg {
  color: var(--dpd-portal-accent) !important;
  fill: currentColor !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li > a:hover,
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current-menu-item > a,
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.current_page_item > a,
body.dpd-theme-latest.dpd-member-surface .main-content-area-left-nav .menu > li.is-current > a {
  background: rgba(var(--dpd-portal-accent-rgb), 0.14) !important;
  box-shadow: inset 3px 0 0 var(--dpd-portal-accent) !important;
  color: #ffffff !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mobile-utility-link {
  border-color: rgba(var(--dpd-portal-accent-rgb), 0.32) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-collapse i,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-close i {
  color: var(--dpd-portal-accent) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top__avatar .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > a .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface #header-login .right-sec .bttn3 > button .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface .acc-dropdown .acc-drop-pic .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-icon,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--chip .acc-avatar-initials,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-icon,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-avatar-option--mark .acc-avatar-initials {
  background: var(--dpd-portal-accent) !important;
  background-color: var(--dpd-portal-accent) !important;
  border-color: var(--dpd-portal-accent-border) !important;
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-name,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-badge,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-top-meta {
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
body.dpd-theme-latest.dpd-member-surface .acc-avatar-option--mark .acc-avatar-icon--mark {
  background: currentColor !important;
  background-color: currentColor !important;
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
body.dpd-theme-latest.dpd-member-surface .acc-avatar-icon--image {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
body.dpd-theme-latest.dpd-member-surface #dpd-account-dropdown [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img,
body.dpd-theme-latest.dpd-member-surface .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark-img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
body.dpd-theme-latest.dpd-member-surface #dpd-account-dropdown [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-header-shell [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
body.dpd-theme-latest.dpd-member-surface .dpd-public-header [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-portal-accent-ink, #fff200))) !important;
  background-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-portal-accent-ink, #fff200))) !important;
  background-image: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-portal-accent-ink, #fff200))) !important;
  display: block !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch[data-dpd-accent-choice="dark"] span {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px #10161d !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch[data-dpd-accent-choice="orange"] span {
  background: #ff8a00 !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch[data-dpd-accent-choice="dirt"] span {
  background:
    radial-gradient(circle at 74% 24%, rgba(255, 215, 142, 0.72), rgba(255, 215, 142, 0) 20%),
    linear-gradient(135deg, #5d3518 0%, #c17a32 46%, #2a1a0f 100%) !important;
}

body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch.is-active {
  border-color: var(--dpd-portal-accent-border) !important;
  box-shadow: 0 0 0 2px rgba(var(--dpd-portal-accent-rgb), 0.28) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-account-menu__action.is-primary,
body.dpd-theme-latest.dpd-member-surface .button-primary,
body.dpd-theme-latest.dpd-member-surface button[type="submit"] {
  background: var(--dpd-portal-accent) !important;
  border-color: var(--dpd-portal-accent-border) !important;
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface input:focus,
body.dpd-theme-latest.dpd-member-surface select:focus,
body.dpd-theme-latest.dpd-member-surface textarea:focus {
  border-color: var(--dpd-portal-accent-border) !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-portal-accent-rgb), 0.16) !important;
  outline: none !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-public-logo-mark,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-nav-brand-mark,
body.dpd-theme-latest.dpd-member-surface #header-login .left-sec .logo a,
body.dpd-theme-latest.dpd-member-surface #header-login-mobile .logo a {
  background: #fff200 !important;
  border-color: rgba(17, 22, 27, 0.14) !important;
  color: #000000 !important;
}

/* Workspace accent surface propagation - 2026-06-18 */
body.dpd-theme-latest.dpd-member-surface {
  --dpd-portal-page-bg: #edf5f8 !important;
  --dpd-portal-page-bg-2: #f8fafb !important;
  --dpd-portal-surface: rgba(255, 255, 255, 0.94) !important;
  --dpd-portal-surface-strong: #ffffff !important;
  --dpd-portal-surface-muted: rgba(16, 24, 32, 0.035) !important;
  --dpd-portal-card-border: rgba(16, 24, 32, 0.1) !important;
  --dpd-portal-bg-glow: rgba(16, 24, 32, 0.035) !important;
  --dpd-portal-accent-shadow: rgba(16, 24, 32, 0.1) !important;
  --dpd-portal-button-ghost-bg: rgba(255, 255, 255, 0.9) !important;
  --dpd-portal-button-ghost-ink: #101820 !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="green"] {
  --dpd-portal-page-bg: #f1f7f6 !important;
  --dpd-portal-page-bg-2: #edf3f2 !important;
  --dpd-portal-surface: rgba(250, 252, 252, 0.96) !important;
  --dpd-portal-surface-muted: rgba(82, 125, 116, 0.055) !important;
  --dpd-portal-card-border: rgba(82, 125, 116, 0.16) !important;
  --dpd-portal-bg-glow: rgba(82, 125, 116, 0.06) !important;
  --dpd-portal-accent-shadow: rgba(82, 125, 116, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="blue"] {
  --dpd-portal-page-bg: #f2f6fa !important;
  --dpd-portal-page-bg-2: #edf2f7 !important;
  --dpd-portal-surface: rgba(250, 252, 254, 0.96) !important;
  --dpd-portal-surface-muted: rgba(84, 118, 150, 0.06) !important;
  --dpd-portal-card-border: rgba(84, 118, 150, 0.16) !important;
  --dpd-portal-bg-glow: rgba(84, 118, 150, 0.06) !important;
  --dpd-portal-accent-shadow: rgba(84, 118, 150, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="orange"] {
  --dpd-portal-page-bg: #fff5eb !important;
  --dpd-portal-page-bg-2: #fbf0e4 !important;
  --dpd-portal-surface-muted: rgba(255, 138, 0, 0.1) !important;
  --dpd-portal-card-border: rgba(255, 138, 0, 0.3) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] {
  --dpd-portal-page-bg: #ffffff !important;
  --dpd-portal-page-bg-2: #f6f8fa !important;
  --dpd-portal-accent-border: rgba(16, 24, 32, 0.72) !important;
  --dpd-personal-accent-border: rgba(16, 24, 32, 0.72) !important;
  --dpd-portal-card-border: rgba(16, 24, 32, 0.18) !important;
  --dpd-portal-surface-muted: rgba(16, 24, 32, 0.045) !important;
  --dpd-portal-bg-glow: rgba(16, 24, 32, 0.035) !important;
  --dpd-portal-accent-shadow: rgba(16, 24, 32, 0.12) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"],
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad {
  --dpd-portal-page-bg: #f4f1ed !important;
  --dpd-portal-page-bg-2: #eef1f0 !important;
  --dpd-portal-surface: rgba(252, 251, 249, 0.96) !important;
  --dpd-portal-surface-muted: rgba(143, 103, 63, 0.065) !important;
  --dpd-portal-card-border: rgba(143, 103, 63, 0.18) !important;
  --dpd-portal-bg-glow: rgba(143, 103, 63, 0.065) !important;
  --dpd-portal-accent-shadow: rgba(143, 103, 63, 0.14) !important;
}

html body.dpd-theme-latest.dpd-member-surface,
body.dpd-theme-latest.dpd-member-surface #page,
body.dpd-theme-latest.dpd-member-surface .site,
body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface .main-content-area {
  background:
    radial-gradient(circle at 18% 0%, var(--dpd-portal-bg-glow), rgba(255, 255, 255, 0) 35%),
    linear-gradient(180deg, var(--dpd-portal-page-bg) 0%, var(--dpd-portal-page-bg-2) 100%) !important;
}

body.dpd-theme-latest.dpd-member-surface .main-content-area-right,
body.dpd-theme-latest.dpd-member-surface .main-content-area-right-content {
  background: transparent !important;
}

body.dpd-theme-latest.dpd-member-surface .mock-section,
body.dpd-theme-latest.dpd-member-surface .mock-panel:not(.is-dark):not(.mock-panel--dark):not(.is-console),
body.dpd-theme-latest.dpd-member-surface .mock-card:not(.is-dark):not(.mock-panel--dark):not(.is-console),
body.dpd-theme-latest.dpd-member-surface .dpd-v2-card:not(.is-dark),
body.dpd-theme-latest.dpd-member-surface .dpd-v2-dashboard-section,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-dashboard-card:not(.is-dark),
body.dpd-theme-latest.dpd-member-surface .dpd-v2-service-status-panel,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-service-overview,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-empty-state,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-update-stack__item,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-utility-signal-card {
  background:
    radial-gradient(circle at 92% 8%, var(--dpd-portal-surface-muted), rgba(255, 255, 255, 0) 30%),
    linear-gradient(180deg, var(--dpd-portal-surface-strong) 0%, var(--dpd-portal-surface) 100%) !important;
  border-color: var(--dpd-portal-card-border) !important;
}

body.dpd-theme-latest.dpd-member-surface .dpd-v2-service-status-panel__item,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-service-overview__metric,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-service-overview__service,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-inline-summary,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-mini-card,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-table-card,
body.dpd-theme-latest.dpd-member-surface .dpd-v2-account-card,
body.dpd-theme-latest.dpd-member-surface .mock-btn:not(.primary):not(.is-primary):not(.yellow),
body.dpd-theme-latest.dpd-member-surface .mock-btn.small:not(.yellow),
body.dpd-theme-latest.dpd-member-surface .button.mock-btn:not(.primary):not(.is-primary) {
  background: var(--dpd-portal-button-ghost-bg) !important;
  border-color: var(--dpd-portal-card-border) !important;
  color: var(--dpd-portal-button-ghost-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface .mock-btn.primary,
body.dpd-theme-latest.dpd-member-surface .mock-btn.is-primary,
body.dpd-theme-latest.dpd-member-surface .mock-btn.yellow,
body.dpd-theme-latest.dpd-member-surface .button-primary,
body.dpd-theme-latest.dpd-member-surface button[type="submit"] {
  box-shadow: 0 14px 28px var(--dpd-portal-accent-shadow) !important;
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.is-primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.yellow,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .button-primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] button[type="submit"] {
  border-color: rgba(16, 24, 32, 0.72) !important;
  box-shadow: 0 12px 26px rgba(16, 24, 32, 0.12) !important;
}

/* Workspace quiet palette audit - 2026-06-18 */
body.dpd-theme-latest.dpd-member-surface {
  --dpd-portal-page-bg: #f4f6f8 !important;
  --dpd-portal-page-bg-2: #edf1f4 !important;
  --dpd-portal-surface: rgba(255, 255, 255, 0.96) !important;
  --dpd-portal-surface-strong: #ffffff !important;
  --dpd-portal-surface-muted: rgba(16, 24, 32, 0.024) !important;
  --dpd-portal-card-border: rgba(16, 24, 32, 0.095) !important;
  --dpd-portal-bg-glow: rgba(16, 24, 32, 0.018) !important;
  --dpd-portal-accent-shadow: rgba(16, 24, 32, 0.09) !important;
  --dpd-portal-button-ghost-bg: rgba(255, 255, 255, 0.93) !important;
  --dpd-portal-button-ghost-ink: #101820 !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="yellow"],
body.dpd-theme-latest.dpd-member-surface:not([data-dpd-accent]) {
  --dpd-portal-accent: #fff200 !important;
  --dpd-personal-accent: #fff200 !important;
  --dpd-ui-accent: #fff200 !important;
  --dpd-accent: #fff200 !important;
  --dpd-shell-page-accent: #fff200 !important;
  --dpd-user-accent: #fff200 !important;
  --dpd-user-badge-fill: #fff200 !important;
  --dpd-shell-badge-fill: #fff200 !important;
  --dpd-portal-accent-rgb: 255, 242, 0 !important;
  --dpd-personal-accent-rgb: 255, 242, 0 !important;
  --dpd-ui-accent-rgb: 255, 242, 0 !important;
  --dpd-user-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #000000 !important;
  --dpd-personal-accent-ink: #000000 !important;
  --dpd-ui-accent-ink: #000000 !important;
  --dpd-shell-page-accent-ink: #000000 !important;
  --dpd-user-accent-ink: #000000 !important;
  --dpd-user-badge-ink: #000000 !important;
  --dpd-shell-badge-ink: #000000 !important;
  --dpd-portal-accent-soft: rgba(255, 242, 0, 0.08) !important;
  --dpd-personal-accent-soft: rgba(255, 242, 0, 0.08) !important;
  --dpd-user-accent-soft: rgba(255, 242, 0, 0.08) !important;
  --dpd-portal-accent-border: rgba(170, 160, 0, 0.38) !important;
  --dpd-personal-accent-border: rgba(170, 160, 0, 0.38) !important;
  --dpd-user-accent-border: rgba(170, 160, 0, 0.38) !important;
  --dpd-user-line-accent: rgba(170, 160, 0, 0.14) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="green"] {
  --dpd-portal-accent: #e4eeeb !important;
  --dpd-personal-accent: #e4eeeb !important;
  --dpd-ui-accent: #e4eeeb !important;
  --dpd-accent: #e4eeeb !important;
  --dpd-shell-page-accent: #e4eeeb !important;
  --dpd-user-accent: #e4eeeb !important;
  --dpd-user-badge-fill: #e4eeeb !important;
  --dpd-shell-badge-fill: #e4eeeb !important;
  --dpd-portal-accent-rgb: 228, 238, 235 !important;
  --dpd-personal-accent-rgb: 228, 238, 235 !important;
  --dpd-ui-accent-rgb: 228, 238, 235 !important;
  --dpd-user-accent-rgb: 228, 238, 235 !important;
  --dpd-portal-accent-ink: #14201d !important;
  --dpd-personal-accent-ink: #14201d !important;
  --dpd-ui-accent-ink: #14201d !important;
  --dpd-shell-page-accent-ink: #14201d !important;
  --dpd-user-accent-ink: #14201d !important;
  --dpd-user-badge-ink: #14201d !important;
  --dpd-shell-badge-ink: #14201d !important;
  --dpd-portal-accent-soft: rgba(75, 110, 101, 0.07) !important;
  --dpd-personal-accent-soft: rgba(75, 110, 101, 0.07) !important;
  --dpd-user-accent-soft: rgba(75, 110, 101, 0.07) !important;
  --dpd-portal-accent-border: rgba(75, 110, 101, 0.24) !important;
  --dpd-personal-accent-border: rgba(75, 110, 101, 0.24) !important;
  --dpd-user-accent-border: rgba(75, 110, 101, 0.24) !important;
  --dpd-user-line-accent: rgba(75, 110, 101, 0.1) !important;
  --dpd-portal-page-bg: #f5f8f7 !important;
  --dpd-portal-page-bg-2: #f0f4f3 !important;
  --dpd-portal-surface: rgba(253, 254, 254, 0.97) !important;
  --dpd-portal-surface-muted: rgba(75, 110, 101, 0.032) !important;
  --dpd-portal-card-border: rgba(75, 110, 101, 0.105) !important;
  --dpd-portal-bg-glow: rgba(75, 110, 101, 0.024) !important;
  --dpd-portal-accent-shadow: rgba(75, 110, 101, 0.085) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="blue"] {
  --dpd-portal-accent: #e4ebf2 !important;
  --dpd-personal-accent: #e4ebf2 !important;
  --dpd-ui-accent: #e4ebf2 !important;
  --dpd-accent: #e4ebf2 !important;
  --dpd-shell-page-accent: #e4ebf2 !important;
  --dpd-user-accent: #e4ebf2 !important;
  --dpd-user-badge-fill: #e4ebf2 !important;
  --dpd-shell-badge-fill: #e4ebf2 !important;
  --dpd-portal-accent-rgb: 228, 235, 242 !important;
  --dpd-personal-accent-rgb: 228, 235, 242 !important;
  --dpd-ui-accent-rgb: 228, 235, 242 !important;
  --dpd-user-accent-rgb: 228, 235, 242 !important;
  --dpd-portal-accent-ink: #142131 !important;
  --dpd-personal-accent-ink: #142131 !important;
  --dpd-ui-accent-ink: #142131 !important;
  --dpd-shell-page-accent-ink: #142131 !important;
  --dpd-user-accent-ink: #142131 !important;
  --dpd-user-badge-ink: #142131 !important;
  --dpd-shell-badge-ink: #142131 !important;
  --dpd-portal-accent-soft: rgba(78, 106, 136, 0.072) !important;
  --dpd-personal-accent-soft: rgba(78, 106, 136, 0.072) !important;
  --dpd-user-accent-soft: rgba(78, 106, 136, 0.072) !important;
  --dpd-portal-accent-border: rgba(78, 106, 136, 0.24) !important;
  --dpd-personal-accent-border: rgba(78, 106, 136, 0.24) !important;
  --dpd-user-accent-border: rgba(78, 106, 136, 0.24) !important;
  --dpd-user-line-accent: rgba(78, 106, 136, 0.1) !important;
  --dpd-portal-page-bg: #f6f8fa !important;
  --dpd-portal-page-bg-2: #eff3f6 !important;
  --dpd-portal-surface: rgba(253, 254, 255, 0.97) !important;
  --dpd-portal-surface-muted: rgba(78, 106, 136, 0.034) !important;
  --dpd-portal-card-border: rgba(78, 106, 136, 0.11) !important;
  --dpd-portal-bg-glow: rgba(78, 106, 136, 0.026) !important;
  --dpd-portal-accent-shadow: rgba(78, 106, 136, 0.085) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] {
  --dpd-portal-accent: #101820 !important;
  --dpd-personal-accent: #101820 !important;
  --dpd-ui-accent: #101820 !important;
  --dpd-accent: #101820 !important;
  --dpd-shell-page-accent: #101820 !important;
  --dpd-user-accent: #fff200 !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-shell-badge-fill: #101820 !important;
  --dpd-portal-accent-rgb: 16, 24, 32 !important;
  --dpd-personal-accent-rgb: 16, 24, 32 !important;
  --dpd-ui-accent-rgb: 16, 24, 32 !important;
  --dpd-user-accent-rgb: 255, 242, 0 !important;
  --dpd-portal-accent-ink: #fff200 !important;
  --dpd-personal-accent-ink: #fff200 !important;
  --dpd-ui-accent-ink: #fff200 !important;
  --dpd-shell-page-accent-ink: #fff200 !important;
  --dpd-user-accent-ink: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
  --dpd-shell-badge-ink: #fff200 !important;
  --dpd-portal-accent-soft: rgba(16, 24, 32, 0.1) !important;
  --dpd-personal-accent-soft: rgba(16, 24, 32, 0.1) !important;
  --dpd-user-accent-soft: rgba(255, 242, 0, 0.1) !important;
  --dpd-portal-accent-border: rgba(16, 24, 32, 0.46) !important;
  --dpd-personal-accent-border: rgba(16, 24, 32, 0.46) !important;
  --dpd-user-accent-border: rgba(255, 242, 0, 0.42) !important;
  --dpd-user-line-accent: rgba(255, 242, 0, 0.16) !important;
  --dpd-portal-page-bg: #f4f6f8 !important;
  --dpd-portal-page-bg-2: #edf1f4 !important;
  --dpd-portal-surface: rgba(255, 255, 255, 0.96) !important;
  --dpd-portal-surface-muted: rgba(16, 24, 32, 0.032) !important;
  --dpd-portal-card-border: rgba(16, 24, 32, 0.13) !important;
  --dpd-portal-bg-glow: rgba(16, 24, 32, 0.022) !important;
  --dpd-portal-accent-shadow: rgba(16, 24, 32, 0.12) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dirt"],
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad {
  --dpd-portal-accent: #ebe5dd !important;
  --dpd-personal-accent: #ebe5dd !important;
  --dpd-ui-accent: #ebe5dd !important;
  --dpd-accent: #ebe5dd !important;
  --dpd-shell-page-accent: #ebe5dd !important;
  --dpd-user-accent: #ebe5dd !important;
  --dpd-user-badge-fill: #ebe5dd !important;
  --dpd-shell-badge-fill: #ebe5dd !important;
  --dpd-portal-accent-rgb: 235, 229, 221 !important;
  --dpd-personal-accent-rgb: 235, 229, 221 !important;
  --dpd-ui-accent-rgb: 235, 229, 221 !important;
  --dpd-user-accent-rgb: 235, 229, 221 !important;
  --dpd-portal-accent-ink: #211b14 !important;
  --dpd-personal-accent-ink: #211b14 !important;
  --dpd-ui-accent-ink: #211b14 !important;
  --dpd-shell-page-accent-ink: #211b14 !important;
  --dpd-user-accent-ink: #211b14 !important;
  --dpd-user-badge-ink: #211b14 !important;
  --dpd-shell-badge-ink: #211b14 !important;
  --dpd-portal-accent-soft: rgba(130, 98, 66, 0.075) !important;
  --dpd-personal-accent-soft: rgba(130, 98, 66, 0.075) !important;
  --dpd-user-accent-soft: rgba(130, 98, 66, 0.075) !important;
  --dpd-portal-accent-border: rgba(130, 98, 66, 0.24) !important;
  --dpd-personal-accent-border: rgba(130, 98, 66, 0.24) !important;
  --dpd-user-accent-border: rgba(130, 98, 66, 0.24) !important;
  --dpd-user-line-accent: rgba(130, 98, 66, 0.1) !important;
  --dpd-portal-page-bg: #f5f4f2 !important;
  --dpd-portal-page-bg-2: #eff1ef !important;
  --dpd-portal-surface: rgba(254, 253, 252, 0.97) !important;
  --dpd-portal-surface-muted: rgba(130, 98, 66, 0.034) !important;
  --dpd-portal-card-border: rgba(130, 98, 66, 0.11) !important;
  --dpd-portal-bg-glow: rgba(130, 98, 66, 0.026) !important;
  --dpd-portal-accent-shadow: rgba(130, 98, 66, 0.085) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .main-content-area-left-nav h3,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .main-content-area-left-nav .menu > li > a .dpd-nav-icon,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-mobile-utility-link i,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-mobile-utility-link svg,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-nav-collapse i,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-nav-close i {
  color: #fff200 !important;
  fill: currentColor !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-nav-top,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-nav-top__avatar .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .right-sec .bttn3 > a .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .right-sec .bttn3 > button .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .acc-dropdown .acc-drop-pic .dpd-user-badge,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .acc-avatar-option--chip .acc-avatar-icon,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .acc-avatar-option--chip .acc-avatar-initials,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .acc-avatar-option--mark .acc-avatar-icon,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] #header-login .acc-avatar-option--mark .acc-avatar-initials {
  background: #101820 !important;
  background-color: #101820 !important;
  border-color: rgba(255, 242, 0, 0.42) !important;
  color: #fff200 !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .dpd-account-menu__action.is-primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .button-primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] button[type="submit"],
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.is-primary,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"] .mock-btn.yellow {
  background: #101820 !important;
  border-color: rgba(255, 242, 0, 0.46) !important;
  box-shadow: 0 12px 26px rgba(16, 24, 32, 0.14) !important;
  color: #fff200 !important;
}

html body.dpd-theme-latest.dpd-member-surface[data-dpd-accent],
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] #page,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] .site,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] .main-content-area,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] .main-content-area-right,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent] .main-content-area-right-content,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad #sub-page-main-content-wrapper,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad .main-content-area,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-accent-offroad .main-content-area-right {
  background:
    radial-gradient(circle at 16% 0%, var(--dpd-portal-bg-glow), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, var(--dpd-portal-page-bg) 0%, var(--dpd-portal-page-bg-2) 100%) !important;
}

body.dpd-theme-latest.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-nav-top__identity,
body.dpd-theme-latest.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-nav-top__identity {
  background: var(--dpd-portal-accent) !important;
  border: 1px solid var(--dpd-portal-accent-border) !important;
  box-shadow: 0 12px 24px var(--dpd-portal-accent-shadow) !important;
  color: var(--dpd-portal-accent-ink) !important;
}

body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"].dpd-sidebar-collapsed .dpd-v2-nav-top__identity,
body.dpd-theme-latest.dpd-member-surface[data-dpd-accent="dark"].dpd-v2-sidebar-collapsed .dpd-v2-nav-top__identity {
  background: #101820 !important;
  border-color: rgba(255, 242, 0, 0.42) !important;
  color: #fff200 !important;
}