/* 1.6.0: Shared components for catalogue, content, account and checkout.
   Colours are presentation only; native forms and plugin actions are retained. */
html.mt-mivv-graphite {--primary:var(--mt-red);--secondary:#454b53;--light:var(--mt-panel);--dark:var(--mt-text)}
html.mt-mivv-graphite body :is(input,select,textarea,button){font-family:'Barlow',sans-serif}
html.mt-mivv-graphite body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5){font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--mt-text)}
html.mt-mivv-graphite:not(.mt-graphite-home) #content{padding-top:20px;padding-bottom:36px}
html.mt-mivv-graphite:not(.mt-graphite-home) #content h1{font-size:clamp(30px,3vw,42px);line-height:1.12}
html.mt-mivv-graphite .breadcrumb :is(a,.breadcrumb-item,.text-default){color:var(--mt-muted)!important}
html.mt-mivv-graphite body :is(.card,.card-header,.card-body,.card-footer,.well,.list-group-item,.selection-wizard-question,.filter-item,.filter-search-wrapper){background-color:var(--mt-panel);border-color:var(--mt-line);color:var(--mt-text)}
html.mt-mivv-graphite body :is(.card,.well){border:1px solid var(--mt-line);border-radius:5px}
html.mt-mivv-graphite body :is(.card-header,.card-footer){border-color:var(--mt-line)}
html.mt-mivv-graphite body :is(.text-dark,.text-default,.text-body){color:var(--mt-text)!important}
html.mt-mivv-graphite body :is(.dropdown-menu,.dropdown-body,.dropdown-footer,.modal-content,.popover,.popover-body,.tt-menu){background:var(--mt-panel);color:var(--mt-text);border-color:var(--mt-line)}
html.mt-mivv-graphite body :is(.dropdown-item,.dropdown-menu a,.dropdown-body a,.dropdown-footer a){color:var(--mt-text)}
html.mt-mivv-graphite body .dropdown-item:is(:hover,:focus){background:#454b53;color:#fff}
html.mt-mivv-graphite body #account-dropdown-menu :is(a,label,.text-muted){color:var(--mt-text)!important}
html.mt-mivv-graphite body :is(.form-control,.custom-select,.bootstrap-select>.dropdown-toggle){background-color:#f1f1ee;color:#202328;border-color:#969da4;color-scheme:light;border-radius:3px;font-size:16px}
html.mt-mivv-graphite body :is(.form-control,.custom-select):focus{background-color:#fff;color:#202328;border-color:var(--mt-red);box-shadow:0 0 0 3px #cf253333}
html.mt-mivv-graphite body .form-control::placeholder{color:#596168;opacity:1}
html.mt-mivv-graphite body :is(.form-control,.custom-select):disabled{background-color:#d5d8db;color:#60666d;opacity:1}
html.mt-mivv-graphite body .form-group-label{background:#f1f1ee;color:#202328}
html.mt-mivv-graphite body .form-group:not(.form-group-floating-label)>label{color:var(--mt-text)}
html.mt-mivv-graphite body .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{background:#f1f1ee;color:#202328}
html.mt-mivv-graphite body .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after{background:#f1f1ee}
html.mt-mivv-graphite body :is(.form-text,.custom-control-label,.col-form-label){color:var(--mt-muted)}
html.mt-mivv-graphite body .input-group-text{background:#454b53;border-color:var(--mt-line);color:var(--mt-text)}
html.mt-mivv-graphite body .btn-primary{background:var(--mt-red)!important;border-color:var(--mt-red)!important;border-radius:3px;color:#fff!important;box-shadow:none}
html.mt-mivv-graphite body .btn-primary:not(:disabled):hover{background:var(--mt-red-hover)!important;border-color:var(--mt-red-hover)!important}
html.mt-mivv-graphite body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary){background:transparent;border-color:#949ca3;color:var(--mt-text);border-radius:3px}
html.mt-mivv-graphite body :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary):hover{background:#454b53;border-color:#bbc1c6;color:#fff}
html.mt-mivv-graphite body .btn-link{color:#ffb2b5}
html.mt-mivv-graphite body .nav-tabs{border-color:var(--mt-line);gap:0}
html.mt-mivv-graphite body .nav-tabs .nav-link{background:var(--mt-panel);color:var(--mt-muted);border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 18px}
html.mt-mivv-graphite body .nav-tabs .nav-link:is(.active,:hover,:focus){color:#fff;border-bottom-color:var(--mt-red);background:#40464d}
html.mt-mivv-graphite body .table{color:var(--mt-text);border-color:var(--mt-line)}
html.mt-mivv-graphite body .table :is(th,td){border-color:var(--mt-line)}
html.mt-mivv-graphite body .table-striped tbody tr:nth-of-type(odd){background:#ffffff06}
html.mt-mivv-graphite body .table-hover tbody tr:hover{background:#454b53;color:var(--mt-text)}
html.mt-mivv-graphite body .alert{border-radius:4px}
html.mt-mivv-graphite body .alert-info{background:#303f48;color:#e1eff8;border-color:#6c899b}
html.mt-mivv-graphite body .alert-success{background:#283f32;color:#d8f0df;border-color:#688a72}
html.mt-mivv-graphite body .alert-warning{background:#463c2c;color:#ffe6ba;border-color:#a38b61}
html.mt-mivv-graphite body .alert-danger{background:#482e33;color:#ffd9df;border-color:#a96774}
html.mt-mivv-graphite body :is(.alert-link,.alert a){color:inherit;text-decoration:underline}
html.mt-mivv-graphite body .text-success{color:#94d6a6!important}
html.mt-mivv-graphite body .text-danger{color:#ffadb8!important}
html.mt-mivv-graphite body .text-warning{color:#f4ce8e!important}
/* Catalogue typography, actions and selection states. Light photo stages remain intentional. */
html.mt-mivv-graphite body #product-list .productbox-title a{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;color:var(--mt-text)!important}
html.mt-mivv-graphite body #product-list .productbox :is(.price,.price_label){font-family:'Barlow Condensed',sans-serif;color:var(--mt-text)!important;font-size:25px}
html.mt-mivv-graphite body #product-offer.mtg-catalogue-offer h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(30px,3vw,42px)}
html.mt-mivv-graphite body #product-offer.mtg-catalogue-offer .price{font-family:'Barlow Condensed',sans-serif;color:var(--mt-text)!important;font-size:34px}
html.mt-mivv-graphite .mtg-card-link{background:var(--mt-red)!important;border-color:var(--mt-red);color:#fff!important;border-radius:3px}
html.mt-mivv-graphite .mtg-card-link:hover{background:var(--mt-red-hover)!important}
html.mt-mivv-graphite .mtg-variant-button{background:var(--mt-panel);border-color:#838e96;color:var(--mt-text);border-radius:4px;font-size:15px}
html.mt-mivv-graphite .mtg-variant-button[aria-pressed=true]{background:#49353b;border-color:#ff8795;box-shadow:inset 0 0 0 1px #ff8795}
html.mt-mivv-graphite .mtg-variant-button:not(:disabled):hover{border-color:#ff8795}
html.mt-mivv-graphite body #product-list .ribbon-2{background:#87313e!important;color:#fff!important}
html.mt-mivv-graphite body #product-list .moto-stock-red{background:#454b53!important;color:#f1f2f3!important}
html.mt-mivv-graphite body #product-list .moto-stock-green{background:#30523b!important;color:#dcf5e3!important}
html.mt-mivv-graphite body #tab-description .mtmv-content-panel h3,html.mt-mivv-graphite body #mtmv-purchase-note.mtmv-wide-parts>strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:700}
html.mt-mivv-graphite body #tab-description .mtmv-comparison-card h4{font-family:'Barlow',sans-serif;color:var(--mt-text)}
html.mt-mivv-graphite body #tab-description .mtmv-content-panel :is(.mtmv-doc-name,.mtmv-compare-number){color:var(--mt-text)}
html.mt-mivv-graphite body #content-wrapper #tab-description a.mtmv-download-card:hover{background:#40464d!important;border-color:#ff8795!important;color:var(--mt-text)!important}
html.mt-mivv-graphite body #content-wrapper #tab-description a.mtmv-download-card:hover .mtmv-doc-name{color:var(--mt-text)!important}
html.mt-mivv-graphite body #content-wrapper #tab-description a.mtmv-download-card:hover .mtmv-doc-format{color:var(--mt-muted)!important}
html.mt-mivv-graphite body #content-wrapper #tab-description a.mtmv-download-card:hover .mtmv-doc-action{background:transparent!important;color:#ffb2b5!important}
/* Existing category wizard: keep its data and event handlers, share the finder palette. */
html.mt-mivv-graphite body #selectionwizard{background:linear-gradient(115deg,#3b4349,#2d353b);border:1px solid #677178;border-top:3px solid var(--mt-red);border-radius:5px;padding:22px 26px;margin:24px 0}
html.mt-mivv-graphite body #selectionwizard .selection-wizard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent}
html.mt-mivv-graphite body #selectionwizard .selection-wizard-question{padding:0!important;background:transparent;border:0;min-width:0}
html.mt-mivv-graphite body #selectionwizard .selection-wizard-question-heading{font:600 14px/1.4 'Barlow',sans-serif;color:var(--mt-text);min-height:20px;margin:0 0 10px}
html.mt-mivv-graphite body #selectionwizard select{min-height:48px}
/* OPC and imported legal pages carry inline colours from the former light theme. */
html.mt-mivv-graphite body #content .opc-Tabs{color:var(--mt-text)!important}
html.mt-mivv-graphite body #content .opc-area :is(div,p,span)[style*="color"]{color:var(--mt-text)!important}
html.mt-mivv-graphite body #content .opc-area table{color:var(--mt-text)!important;border-collapse:collapse;width:100%!important}
html.mt-mivv-graphite body #content .opc-area table :is(td,th){color:var(--mt-text)!important;background:var(--mt-panel)!important;border-color:var(--mt-line)!important}
html.mt-mivv-graphite body #content .opc-area table th{background:#252b30!important}
html.mt-mivv-graphite body #content .opc-area table tr:nth-child(even) td{background:#3c4349!important}
html.mt-mivv-graphite body :is(#tos,#imprint,#privacy,#withdrawal){background:var(--mt-panel);color:var(--mt-text);padding:24px;border:1px solid var(--mt-line);border-radius:5px}
html.mt-mivv-graphite body [class^="Haendlerbund_Rechtstext"]{color:inherit;background:transparent;line-height:1.7}
html.mt-mivv-graphite body #content :is(.opc-area,.well) a:not(.btn):not(.nav-link){color:#ffb2b5;text-underline-offset:3px}
/* Search field and native checkout header follow the same dark header palette. */
html.mt-mivv-graphite body .mtg-header-search .form-control{background:#30363a;color:#fff;border-color:#51585e;font-size:14px}
html.mt-mivv-graphite body .mtg-header-search .form-control::placeholder{color:#c9cdd0}
html.mt-mivv-graphite body #jtl-nav-wrapper :is(.nav-link,.navbar-brand){color:#f5f5f4}
html.mt-mivv-graphite body #footer{color:var(--mt-muted)}
html.mt-mivv-graphite body #footer :is(a,.nav-link){color:var(--mt-muted)}
html.mt-mivv-graphite body #footer a:hover{color:#fff}
html.mt-mivv-graphite body #consent-banner{background:var(--mt-panel);color:var(--mt-text);border:1px solid var(--mt-line)}
@media(max-width:767.98px){
 html.mt-mivv-graphite body #selectionwizard{padding:18px}
 html.mt-mivv-graphite body #selectionwizard .selection-wizard{grid-template-columns:minmax(0,1fr);gap:14px}
 html.mt-mivv-graphite body :is(#tos,#imprint,#privacy,#withdrawal){padding:18px 12px}
 html.mt-mivv-graphite body .nav-tabs{flex-wrap:wrap}
 html.mt-mivv-graphite body .nav-tabs .nav-link{padding:10px 12px;font-size:14px}
 html.mt-mivv-graphite body #content .opc-area table{font-size:13px;overflow-wrap:anywhere}
 html.mt-mivv-graphite body #content .opc-area table :is(td,th){padding:10px 7px!important}
 html.mt-mivv-graphite .mtg-header-icons .dropdown-menu{max-width:calc(100vw - 24px)}
}
@media print{
 html.mt-mivv-graphite body :is(.card,.card-body,.well,#tos,#imprint,#privacy,#withdrawal){background:#fff!important;color:#111!important;border-color:#aaa}
 html.mt-mivv-graphite body #content .opc-area table :is(td,th),html.mt-mivv-graphite body #content .opc-area :is(div,p,span)[style*="color"]{background:#fff!important;color:#111!important}
}

/* 1.7.0: Native NOVA draws another surface behind every card, including OPC lists. */
html.mt-mivv-graphite body .productbox.productbox-hover .productbox-inner::before{background-color:var(--mt-panel)!important;border:1px solid var(--mt-line);border-radius:5px;box-shadow:none;left:0;right:0;top:0;bottom:0}
html.mt-mivv-graphite body .productbox.productbox-hover:is(:hover,:focus,.focus) .productbox-inner::before{background-color:#3b4247!important;left:0;right:0;top:0;bottom:0;box-shadow:none;border-color:#949fa7}
html.mt-mivv-graphite body .productbox .productbox-inner{display:flex;flex-direction:column;min-height:100%}
html.mt-mivv-graphite body .productbox .productbox-inner>.row{flex:1;align-content:start}
html.mt-mivv-graphite body .productbox :is(.productbox-title a,.price,.price_label){color:var(--mt-text)!important}
html.mt-mivv-graphite body .productbox .productbox-title a{font:700 23px/1.2 'Barlow Condensed',sans-serif;display:block;text-decoration:none}
html.mt-mivv-graphite body .productbox :is(.mtg-card-meta,.mtg-card-detail,.mtg-card-eyebrow,.old-price){color:var(--mt-muted)}
html.mt-mivv-graphite body .productbox .mtg-card-meta{font:400 15px/1.45 'Barlow',sans-serif;margin:8px 0}
html.mt-mivv-graphite body .productbox .mtg-card-eyebrow{font-size:11px;letter-spacing:.06em}
html.mt-mivv-graphite body .productbox .mtg-card-detail{font-size:12px;overflow-wrap:anywhere}
html.mt-mivv-graphite body .productbox .mtg-card-actions{position:relative;padding:16px;margin-top:auto}
html.mt-mivv-graphite body .productbox .ribbon-2{background:#87313e!important;color:#fff!important;box-shadow:none}
html.mt-mivv-graphite body .productbox .moto-stock-green{background:#30523b!important;color:#dcf5e3!important;box-shadow:none}
html.mt-mivv-graphite body .productbox .moto-stock-red{background:#454b53!important;color:#f1f2f3!important;box-shadow:none}
html.mt-mivv-graphite body .mtg-no-image .productbox-image img[src*="keinBild"]{opacity:0}
html.mt-mivv-graphite body .mtg-no-image .productbox-image .inner::after{content:'Kein Produktbild verfügbar';position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;padding:20px;background:#e7e7e4;color:#515b63;font:500 15px/1.5 'Barlow',sans-serif;text-align:center;pointer-events:none}
html.mt-mivv-graphite body .delivery-status .status.status-2{color:#a3dfb4!important}
html.mt-mivv-graphite body .delivery-status .status.status-1{color:#ffd18d!important}
html.mt-mivv-graphite body .delivery-status .status.status-0{color:#ffadb8!important}
html.mt-mivv-graphite body #account-dropdown-menu .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{color:#202328!important;background:#f1f1ee!important}
html.mt-mivv-graphite body #account-dropdown-menu .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after{background:#f1f1ee!important}
html.mt-mivv-graphite body .text-muted-util{color:var(--mt-muted)!important}
/* Existing OPC black sections share the Graphite palette, without changing media. */
html.mt-mivv-graphite body #content .opc-Container:is([style*="background-color:rgb(0, 0, 0)"],[style*="background-color:rgb(0,0,0)"],[style*="background-color: #000"],[style*="background-color:#000"]){background-color:var(--mt-bg)!important}
html.mt-mivv-graphite body #content .opc-Container .btn-success{background:var(--mt-red);border-color:var(--mt-red);color:#fff}
html.mt-mivv-graphite body #content .opc-Container .btn-success:hover{background:var(--mt-red-hover);border-color:var(--mt-red-hover)}
.mtg-category-guide{margin:18px 0 24px;padding:18px 22px;background:var(--mt-panel);border:1px solid var(--mt-line);border-left:3px solid var(--mt-red);border-radius:4px;color:var(--mt-text);font:400 15px/1.6 'Barlow',sans-serif}
.mtg-category-guide strong{display:block;font-size:16px;font-weight:600;margin-bottom:5px}
.mtg-category-guide p{margin:0;color:var(--mt-muted)}
.mtg-brand-search{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px 14px;align-items:center;max-width:720px;margin:16px 0 0}
.mtg-brand-search label{grid-column:1/-1;color:var(--mt-text);font-weight:600;margin:0}
.mtg-brand-search .form-control,.mtg-brand-search button{min-height:46px}
html.mt-mivv-graphite .mtg-brand-search>[hidden]{display:none!important}
html.mt-mivv-graphite .mtg-brand-search>.form-control{width:100%;grid-column:1}
html.mt-mivv-graphite .mtg-brand-search>button{grid-column:2;grid-row:2;width:auto;white-space:nowrap}
.mtg-guide-with-picture{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 22px;align-items:center}
.mtg-guide-with-picture>.mtg-category-picture{grid-column:1;grid-row:1 / span 3;display:block;width:120px}
.mtg-category-picture img{display:block;width:120px;height:100px;object-fit:contain}
.mtg-guide-with-picture>:not(.mtg-category-picture){grid-column:2}
html.mt-mivv-graphite .mtg-guide-link{display:inline-block;margin-top:10px;color:#ffb2b5;text-decoration:underline;text-underline-offset:3px}
html.mt-mivv-graphite :is(.mtg-short-nav,.mtg-mobile-navigation) a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:#ec5c69;text-underline-offset:8px;text-decoration-thickness:2px}
html.mt-mivv-graphite .mtg-short-nav{gap:18px}
html.mt-mivv-graphite .mtg-short-nav a{font-size:13px}
html.mtg-accessory-overview #content .mtg-accessory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}
html.mtg-accessory-overview #content .mtg-category-tile{width:100%;max-width:none;padding:0;flex:none}
html.mtg-accessory-overview #content .sub-categories{height:100%;padding:22px;background:var(--mt-panel);border:1px solid var(--mt-line);border-top:3px solid var(--mt-red);border-radius:5px;text-align:left}
html.mtg-accessory-overview #content .subcategories-image{display:flex!important;justify-content:center;height:130px;margin-bottom:18px}
html.mtg-accessory-overview #content .subcategories-image img{width:100%;height:130px;object-fit:contain}
html.mtg-accessory-overview #content .caption a{font:700 28px/1.2 'Barlow Condensed',sans-serif;color:var(--mt-text);text-decoration:none}
html.mtg-accessory-overview #content .item_desc{display:block!important;font-size:15px;line-height:1.6;color:var(--mt-muted)!important;margin:10px 0 0}
@media(min-width:1200px){
 html.mt-mivv-graphite body #product-list:not(.layout-list)>.product-wrapper{flex:0 0 33.333333%;max-width:33.333333%}
 html.mt-mivv-graphite body #product-list .productbox-title a{font-size:24px;min-height:2.4em}
}
@media(max-width:767.98px){
 .mtg-category-guide{padding:15px;margin:14px 0 20px}
 .mtg-brand-search{grid-template-columns:minmax(0,1fr)}
 html.mt-mivv-graphite .mtg-brand-search>button{grid-column:1;grid-row:auto;width:100%}
 .mtg-guide-with-picture{grid-template-columns:80px minmax(0,1fr);gap:4px 14px}
 .mtg-guide-with-picture>.mtg-category-picture,.mtg-category-picture img{width:80px}
 html.mtg-accessory-overview #content .mtg-accessory-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 html.mt-mivv-graphite .mtg-mobile-navigation{gap:18px}
 html.mt-mivv-graphite .mtg-mobile-navigation a{font-size:13px}
}

/* Active sorting choice: readable on all catalogue dropdowns. */
html.mt-mivv-graphite body .filter-type-FilterItemSort .dropdown-item.active,
html.mt-mivv-graphite body .filter-type-FilterItemSort .dropdown-item:active {
    background-color: #9c2334 !important;
    color: #fff !important;
}