/* =========================================================
   DRIVERS MALL – PREMIUM SHOP
   ========================================================= */

.dmsp-premium-shop{
    --dmsp-red:#b60000;
    --dmsp-red-dark:#780000;
    --dmsp-red-soft:#fdf2f2;

    --dmsp-gold:#d5aa43;
    --dmsp-gold-light:#f1d27a;

    --dmsp-black:#0a0a0a;
    --dmsp-black-soft:#141414;

    --dmsp-border:#e4e4e4;
    --dmsp-muted:#737373;

    --dmsp-radius:14px;

    font-family:
        Inter,
        Arial,
        sans-serif;
}


.dmsp-premium-shop *,
.dmsp-premium-shop *:before,
.dmsp-premium-shop *:after{
    box-sizing:border-box;
}


.dmsp-container{
    width:100%;
    max-width:1380px;

    margin:0 auto;
    padding-left:30px;
    padding-right:30px;
}


/* =========================================================
   GENERELL
   ========================================================= */

.dmsp-premium-shop .woocommerce-message,
.dmsp-premium-shop .woocommerce-info,
.dmsp-premium-shop .woocommerce-error{
    margin:0 0 22px !important;
    padding:17px 20px 17px 52px !important;

    border:1px solid #e0e0e0 !important;
    border-top:0 !important;
    border-radius:10px !important;

    background:#fff !important;

    box-shadow:
        0 6px 25px rgba(0,0,0,.04);
}


.dmsp-premium-shop .woocommerce-message{
    border-left:
        4px solid #2f973f !important;
}


.dmsp-premium-shop .woocommerce-info{
    border-left:
        4px solid var(--dmsp-gold) !important;
}


.dmsp-premium-shop .woocommerce-error{
    border-left:
        4px solid var(--dmsp-red) !important;
}


.dmsp-premium-shop
.woocommerce-message:before{
    color:#2f973f !important;
}


.dmsp-premium-shop
.woocommerce-info:before{
    color:var(--dmsp-gold) !important;
}


.dmsp-premium-shop
.woocommerce-error:before{
    color:var(--dmsp-red) !important;
}


.dmsp-kicker{
    display:inline-flex;
    align-items:center;

    padding:8px 13px;

    border:
        1px solid rgba(213,170,67,.40);

    border-radius:999px;

    background:
        rgba(213,170,67,.07);

    color:var(--dmsp-gold-light);

    font-size:11px;
    font-weight:600;

    letter-spacing:1.2px;
    text-transform:uppercase;
}


/* =========================================================
   SHOP HERO
   ========================================================= */

.dmsp-shop-hero{
    position:relative;
    overflow:hidden;

    padding:82px 0 76px;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(182,0,0,.25),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #080808,
            #120707
        );

    color:#fff;

    border-bottom:
        1px solid rgba(213,170,67,.32);
}


.dmsp-shop-hero:after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--dmsp-gold),
            var(--dmsp-red),
            transparent
        );
}


.dmsp-shop-hero-inner{
    max-width:880px;
}


.dmsp-shop-hero h1{
    margin:19px 0 0;

    color:#fff;

    font-size:
        clamp(
            42px,
            5vw,
            64px
        );

    line-height:1.06;

    letter-spacing:-2px;

    font-weight:700;
}


.dmsp-shop-hero-copy p{
    max-width:760px;

    margin:20px 0 0;

    color:#c8c8c8;

    font-size:17px;
    line-height:1.7;
}


.dmsp-shop-search{
    max-width:800px;

    display:flex;

    margin-top:31px;
    padding:6px;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 18px 50px rgba(0,0,0,.30);
}


.dmsp-shop-search input{
    min-width:0;
    width:100%;

    height:53px;

    padding:0 18px !important;

    border:0 !important;
    outline:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    color:#171717 !important;

    font-size:14px !important;
}


.dmsp-shop-search button{
    flex:0 0 auto;

    min-width:160px;
    height:53px;

    padding:0 22px;

    border:0;
    border-radius:8px;

    background:
        linear-gradient(
            180deg,
            #d00000,
            #970000
        );

    color:#fff;

    font-size:13px;
    font-weight:650;

    cursor:pointer;

    transition:.2s ease;
}


.dmsp-shop-search button:hover{
    transform:translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #df0000,
            #aa0000
        );
}


.dmsp-hero-trust{
    display:flex;
    flex-wrap:wrap;

    gap:13px 25px;

    margin-top:24px;

    color:#dedede;

    font-size:12px;
}


.dmsp-hero-trust span{
    display:flex;
    align-items:center;
    gap:7px;
}


/* =========================================================
   SHOP PRODUKTBEREICH
   ========================================================= */

.dmsp-shop-products{
    min-height:600px;

    padding:58px 0 85px;

    background:#f7f7f7;
}


.dmsp-shop-products
.woocommerce-products-header{
    margin-bottom:25px;
}


.dmsp-shop-products
.term-description{
    max-width:850px;

    margin-bottom:30px;

    color:#666;

    line-height:1.7;
}


.dmsp-premium-shop
.woocommerce-result-count{
    margin:8px 0 26px !important;

    color:#666;

    font-size:13px;
}


.dmsp-premium-shop
.woocommerce-ordering{
    margin:0 0 24px !important;
}


.dmsp-premium-shop
.woocommerce-ordering select{
    min-width:220px;

    height:43px;

    padding:0 37px 0 13px !important;

    border:
        1px solid #ddd !important;

    border-radius:8px !important;

    background:#fff !important;

    box-shadow:none !important;

    color:#222 !important;
}


/* =========================================================
   PRODUKT GRID
   ========================================================= */

.dmsp-premium-shop
ul.products{
    display:grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:22px !important;

    margin:0 !important;

    clear:both;
}


.dmsp-premium-shop
ul.products:before,
.dmsp-premium-shop
ul.products:after{
    display:none !important;
}


.dmsp-premium-shop
ul.products li.product{
    position:relative;

    width:auto !important;

    float:none !important;

    display:flex !important;
    flex-direction:column;

    margin:0 !important;
    padding:0 0 18px !important;

    overflow:hidden;

    border:
        1px solid #e3e3e3;

    border-radius:14px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.045);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.dmsp-premium-shop
ul.products li.product:hover{
    transform:
        translateY(-4px);

    border-color:
        rgba(213,170,67,.55);

    box-shadow:
        0 20px 45px rgba(0,0,0,.10);
}


.dmsp-premium-shop
ul.products li.product
.woocommerce-LoopProduct-link{
    display:block;

    color:inherit;

    text-decoration:none;
}


.dmsp-premium-shop
ul.products li.product
img{
    width:100% !important;

    aspect-ratio:1.22 / 1;

    object-fit:contain;

    margin:0 !important;
    padding:24px;

    background:
        linear-gradient(
            180deg,
            #fafafa,
            #f3f3f3
        );

    transition:
        transform .3s ease;
}


.dmsp-premium-shop
ul.products li.product:hover
img{
    transform:
        scale(1.035);
}


.dmsp-premium-shop
ul.products li.product
.onsale{
    min-width:auto !important;
    min-height:auto !important;

    top:13px !important;
    left:13px !important;
    right:auto !important;

    margin:0 !important;
    padding:6px 10px !important;

    border-radius:6px !important;

    background:
        var(--dmsp-red) !important;

    color:#fff !important;

    font-size:10px !important;
    line-height:1.2 !important;

    font-weight:650 !important;
}


.dmsp-card-brand{
    margin:
        17px
        18px
        5px;

    color:
        var(--dmsp-red);

    font-size:10px;

    font-weight:700;

    letter-spacing:1.1px;

    text-transform:uppercase;
}


.dmsp-premium-shop
ul.products li.product
.woocommerce-loop-product__title{
    min-height:54px;

    margin:0 !important;
    padding:
        0 18px !important;

    color:#161616;

    font-size:15px !important;
    line-height:1.45 !important;

    font-weight:600 !important;
}


.dmsp-premium-shop
ul.products li.product
.star-rating{
    margin:
        10px 18px 0 !important;

    color:
        var(--dmsp-gold);
}


.dmsp-premium-shop
ul.products li.product
.price{
    margin:
        12px 18px 0 !important;

    color:
        var(--dmsp-red-dark) !important;

    font-size:20px !important;

    font-weight:700 !important;
}


.dmsp-premium-shop
ul.products li.product
.price del{
    margin-right:5px;

    color:#999 !important;

    font-size:13px !important;

    font-weight:400 !important;
}


.dmsp-premium-shop
ul.products li.product
.price ins{
    text-decoration:none !important;
}


.dmsp-card-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin:
        12px
        18px 0;

    font-size:10px;
}


.dmsp-stock{
    display:inline-flex;
    align-items:center;

    gap:6px;

    font-weight:600;
}


.dmsp-stock i{
    display:block;

    width:6px;
    height:6px;

    border-radius:50%;
}


.dmsp-stock-in{
    color:#378947;
}


.dmsp-stock-in i{
    background:#39a552;
}


.dmsp-stock-out{
    color:#a00000;
}


.dmsp-stock-out i{
    background:#b60000;
}


.dmsp-delivery{
    color:#858585;
}


.dmsp-premium-shop
ul.products li.product
.button{
    width:
        calc(100% - 36px);

    min-height:43px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    margin:
        17px
        18px
        0 !important;

    padding:
        0 14px !important;

    border:0 !important;

    border-radius:8px !important;

    background:
        linear-gradient(
            180deg,
            #161616,
            #060606
        ) !important;

    color:#fff !important;

    font-size:12px !important;

    font-weight:600 !important;

    box-shadow:none !important;

    transition:.2s ease;
}


.dmsp-premium-shop
ul.products li.product
.button:hover{
    background:
        linear-gradient(
            180deg,
            #c30000,
            #8c0000
        ) !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.dmsp-premium-shop
.woocommerce-pagination{
    margin-top:40px;
}


.dmsp-premium-shop
.woocommerce-pagination
ul{
    display:flex !important;
    justify-content:center;

    gap:7px;

    border:0 !important;
}


.dmsp-premium-shop
.woocommerce-pagination
li{
    border:0 !important;
}


.dmsp-premium-shop
.woocommerce-pagination
a,
.dmsp-premium-shop
.woocommerce-pagination
span{
    min-width:39px;
    height:39px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    border:
        1px solid #ddd;

    border-radius:7px;

    background:#fff !important;

    color:#222 !important;
}


.dmsp-premium-shop
.woocommerce-pagination
.current{
    border-color:
        var(--dmsp-red) !important;

    background:
        var(--dmsp-red) !important;

    color:#fff !important;
}


/* =========================================================
   SINGLE PRODUCT
   ========================================================= */

.dmsp-single-page{
    min-height:700px;

    padding:
        48px 0 90px;

    background:#f7f7f7;
}


.dmsp-single-breadcrumb{
    margin-bottom:21px;
}


.dmsp-single-breadcrumb a{
    color:#666;

    font-size:12px;

    text-decoration:none;
}


.dmsp-single-breadcrumb a:hover{
    color:
        var(--dmsp-red);
}


.dmsp-single-product{
    margin:0 !important;
}


.dmsp-product-main{
    display:grid;

    grid-template-columns:
        minmax(0,1.03fr)
        minmax(390px,.97fr);

    gap:50px;

    padding:35px;

    border:
        1px solid #e3e3e3;

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 12px 40px rgba(0,0,0,.055);
}


.dmsp-product-gallery{
    min-width:0;
}


.dmsp-product-gallery
.woocommerce-product-gallery{
    width:100% !important;

    float:none !important;

    margin:0 !important;
}


.dmsp-product-gallery
.woocommerce-product-gallery__wrapper{
    overflow:hidden;

    border-radius:12px;

    background:#fafafa;
}


.dmsp-product-gallery
.woocommerce-product-gallery__image
img{
    width:100%;

    max-height:570px;

    object-fit:contain;

    padding:30px;
}


.dmsp-product-gallery
.flex-control-thumbs{
    display:grid !important;

    grid-template-columns:
        repeat(5,1fr);

    gap:8px;

    margin-top:10px !important;
}


.dmsp-product-gallery
.flex-control-thumbs li{
    width:auto !important;
    float:none !important;

    overflow:hidden;

    border:
        1px solid #ddd;

    border-radius:7px;

    background:#fff;
}


.dmsp-product-summary{
    min-width:0;

    align-self:start;

    position:sticky;
    top:120px;
}


.dmsp-product-summary
.summary{
    width:100% !important;

    float:none !important;

    margin:0 !important;
}


.dmsp-product-summary
.product_title{
    margin:
        0 0 12px !important;

    color:#111;

    font-size:
        clamp(
            31px,
            3vw,
            43px
        ) !important;

    line-height:1.12 !important;

    letter-spacing:-1.3px;

    font-weight:650 !important;
}


.dmsp-product-summary
.woocommerce-product-rating{
    margin-bottom:15px !important;
}


.dmsp-product-summary
.star-rating{
    color:
        var(--dmsp-gold);
}


.dmsp-product-summary
.price{
    margin:
        19px 0 !important;

    color:
        var(--dmsp-red-dark) !important;

    font-size:31px !important;

    line-height:1.2;

    font-weight:700 !important;
}


.dmsp-product-summary
.price del{
    color:#999 !important;

    font-size:17px !important;

    font-weight:400;
}


.dmsp-product-summary
.price ins{
    text-decoration:none !important;
}


.dmsp-product-summary
.woocommerce-product-details__short-description{
    margin-top:17px;

    color:#606060;

    font-size:14px;

    line-height:1.75;
}


.dmsp-single-meta{
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:8px;

    margin:
        22px 0;
}


.dmsp-single-meta > div{
    padding:11px 13px;

    border:
        1px solid #e4e4e4;

    border-radius:8px;

    background:#fafafa;
}


.dmsp-single-meta span{
    display:block;

    margin-bottom:3px;

    color:#858585;

    font-size:9px;

    text-transform:uppercase;

    letter-spacing:.7px;
}


.dmsp-single-meta strong{
    display:block;

    color:#222;

    font-size:12px;

    font-weight:600;
}


.dmsp-green{
    color:#378947 !important;
}


.dmsp-red{
    color:#a00000 !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.dmsp-product-summary
form.cart{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:10px;

    margin:
        24px 0 !important;

    padding:
        19px;

    border:
        1px solid #e2e2e2;

    border-radius:11px;

    background:#fafafa;
}


.dmsp-product-summary
.quantity,
.dmsp-premium-shop
.woocommerce-cart-form
.quantity{
    display:inline-flex !important;
    align-items:center;

    margin:0 !important;

    border:
        1px solid #d8d8d8;

    border-radius:8px;

    overflow:hidden;

    background:#fff;
}


.dmsp-premium-shop
.quantity
.qty{
    width:52px !important;
    height:46px !important;

    margin:0 !important;

    border:0 !important;

    border-left:
        1px solid #e4e4e4 !important;

    border-right:
        1px solid #e4e4e4 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    color:#222 !important;

    text-align:center;
}


.dmsp-qty-btn{
    width:39px;
    height:46px;

    padding:0 !important;

    border:0 !important;

    background:#fff !important;

    color:#333 !important;

    font-size:19px !important;

    line-height:1 !important;

    cursor:pointer;
}


.dmsp-qty-btn:hover{
    background:#f4f4f4 !important;

    color:
        var(--dmsp-red) !important;
}


.dmsp-product-summary
.single_add_to_cart_button{
    min-height:48px !important;

    flex:1;

    padding:
        0 25px !important;

    border:0 !important;

    border-radius:8px !important;

    background:
        linear-gradient(
            180deg,
            #cc0000,
            #940000
        ) !important;

    color:#fff !important;

    font-size:13px !important;

    font-weight:650 !important;

    box-shadow:
        0 8px 20px
        rgba(182,0,0,.18) !important;
}


.dmsp-product-summary
.single_add_to_cart_button:hover{
    background:
        linear-gradient(
            180deg,
            #dd0000,
            #a10000
        ) !important;
}


.dmsp-product-summary
.product_meta{
    margin-top:20px;

    padding-top:18px;

    border-top:
        1px solid #eee;

    color:#777;

    font-size:11px;

    line-height:1.8;
}


.dmsp-product-summary
.product_meta a{
    color:#444;

    text-decoration:none;
}


/* =========================================================
   SINGLE TRUST
   ========================================================= */

.dmsp-product-trust{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    margin-top:20px;

    border:
        1px solid #e3e3e3;

    border-radius:13px;

    overflow:hidden;

    background:#fff;
}


.dmsp-product-trust > div{
    min-width:0;

    display:flex;
    align-items:center;

    gap:11px;

    padding:
        18px;
}


.dmsp-product-trust > div + div{
    border-left:
        1px solid #eee;
}


.dmsp-trust-icon{
    width:32px;
    height:32px;

    flex:0 0 32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.45);

    border-radius:50%;

    background:
        rgba(213,170,67,.07);

    color:
        #a77715;

    font-size:12px;

    font-weight:700;
}


.dmsp-product-trust strong{
    display:block;

    color:#222;

    font-size:11px;
}


.dmsp-product-trust
div div span{
    display:block;

    margin-top:2px;

    color:#8b8b8b;

    font-size:9px;
}


/* =========================================================
   TABS / DETAILS
   ========================================================= */

.dmsp-product-details{
    margin-top:28px;
}


.dmsp-product-details
.woocommerce-tabs{
    padding:0 !important;

    border:
        1px solid #e2e2e2;

    border-radius:14px;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.035);
}


.dmsp-product-details
.tabs{
    display:flex;

    gap:0;

    margin:0 !important;
    padding:0 22px !important;

    border-bottom:
        1px solid #e8e8e8;

    background:#fafafa;
}


.dmsp-product-details
.tabs:before{
    display:none !important;
}


.dmsp-product-details
.tabs li{
    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    border-radius:0 !important;

    background:transparent !important;
}


.dmsp-product-details
.tabs li:before,
.dmsp-product-details
.tabs li:after{
    display:none !important;
}


.dmsp-product-details
.tabs li a{
    padding:
        17px 16px !important;

    color:#666 !important;

    font-size:12px !important;

    font-weight:600 !important;
}


.dmsp-product-details
.tabs li.active a{
    color:
        var(--dmsp-red) !important;

    box-shadow:
        inset 0 -2px
        var(--dmsp-red);
}


.dmsp-product-details
.woocommerce-Tabs-panel{
    margin:0 !important;
    padding:
        28px !important;

    color:#555;

    font-size:14px;

    line-height:1.75;
}


.dmsp-product-details
.woocommerce-Tabs-panel h2{
    margin-top:0;

    color:#171717;

    font-size:24px;
}


/* =========================================================
   GPSR
   ========================================================= */

.dmsp-gpsr{
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:14px;
}


.dmsp-gpsr-card,
.dmsp-gpsr-warning{
    padding:18px;

    border:
        1px solid #e2e2e2;

    border-radius:9px;

    background:#fafafa;
}


.dmsp-gpsr h3{
    margin:
        0 0 11px;

    color:#181818;

    font-size:15px;
}


.dmsp-gpsr p{
    margin:
        3px 0;

    font-size:12px;

    line-height:1.6;
}


.dmsp-gpsr a{
    color:
        var(--dmsp-red);
}


.dmsp-gpsr-warning{
    grid-column:1 / -1;

    border-color:
        rgba(182,0,0,.23);

    background:#fff9f9;
}


/* =========================================================
   RELATED
   ========================================================= */

.dmsp-product-details
.related.products,
.dmsp-product-details
.up-sells{
    margin-top:40px;
}


.dmsp-product-details
.related.products > h2,
.dmsp-product-details
.up-sells > h2{
    margin-bottom:20px;

    color:#171717;

    font-size:28px;

    letter-spacing:-.6px;
}


/* =========================================================
   CART / CHECKOUT HEADER
   ========================================================= */

.dmsp-flow-page{
    min-height:700px;

    background:#f7f7f7;
}


.dmsp-flow-head{
    padding:
        61px 0 44px;

    border-bottom:
        1px solid rgba(213,170,67,.25);

    background:
        radial-gradient(
            circle at 82% 0,
            rgba(182,0,0,.23),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #090909,
            #140606
        );

    color:#fff;
}


.dmsp-flow-head h1{
    margin:
        17px 0 0;

    color:#fff;

    font-size:
        clamp(
            37px,
            4vw,
            52px
        );

    line-height:1.1;

    letter-spacing:-1.5px;

    font-weight:650;
}


.dmsp-flow-head p{
    margin:
        12px 0 0;

    color:#bcbcbc;

    font-size:15px;
}


.dmsp-checkout-steps{
    display:flex;

    gap:9px;

    margin-top:27px;
}


.dmsp-checkout-steps > div{
    display:flex;
    align-items:center;

    gap:8px;

    padding:
        9px 14px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius:999px;

    color:#888;

    font-size:10px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;
}


.dmsp-checkout-steps
div span{
    width:21px;
    height:21px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#2b2b2b;

    color:#999;
}


.dmsp-checkout-steps
.is-active{
    border-color:
        rgba(213,170,67,.52);

    color:
        var(--dmsp-gold-light);

    background:
        rgba(213,170,67,.06);
}


.dmsp-checkout-steps
.is-active span{
    background:
        var(--dmsp-gold);

    color:#111;
}


.dmsp-checkout-steps
.is-done{
    color:#ddd;
}


.dmsp-checkout-steps
.is-done span{
    background:#347f45;

    color:#fff;
}


/* =========================================================
   CART / CHECKOUT CONTENT
   ========================================================= */

.dmsp-flow-content{
    padding:
        35px 0 90px;
}


.dmsp-flow-trust{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;

    gap:12px 27px;

    margin-bottom:25px;
    padding:13px 18px;

    border:
        1px solid #e2e2e2;

    border-radius:10px;

    background:#fff;

    color:#676767;

    font-size:11px;

    box-shadow:
        0 5px 22px rgba(0,0,0,.025);
}


.dmsp-flow-content
.woocommerce{
    color:#333;
}


/* =========================================================
   CART
   ========================================================= */

.dmsp-premium-shop
.woocommerce-cart-form{
    padding:23px;

    border:
        1px solid #e2e2e2;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.035);
}


.dmsp-premium-shop
.shop_table{
    border:
        1px solid #e4e4e4 !important;

    border-collapse:separate !important;

    border-spacing:0 !important;

    border-radius:10px !important;

    overflow:hidden;

    background:#fff;
}


.dmsp-premium-shop
.shop_table th{
    padding:
        14px 15px !important;

    background:#fafafa;

    color:#555;

    font-size:10px !important;

    font-weight:650 !important;

    letter-spacing:.4px;

    text-transform:uppercase;
}


.dmsp-premium-shop
.shop_table td{
    padding:
        15px !important;

    border-color:#eee !important;

    font-size:12px;
}


.dmsp-premium-shop
.shop_table
.product-thumbnail img{
    width:72px !important;

    padding:4px;

    border:
        1px solid #eee;

    border-radius:7px;
}


.dmsp-premium-shop
.product-name a{
    color:#222;

    font-weight:600;

    text-decoration:none;
}


.dmsp-premium-shop
.product-remove a{
    color:
        var(--dmsp-red) !important;
}


.dmsp-premium-shop
.coupon{
    display:flex;

    gap:7px;
}


.dmsp-premium-shop
.coupon input{
    width:190px !important;
}


.dmsp-premium-shop
.cart-collaterals{
    margin-top:22px;
}


.dmsp-premium-shop
.cart_totals{
    width:440px !important;

    max-width:100%;

    padding:23px;

    border:
        1px solid #e2e2e2;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.04);
}


.dmsp-premium-shop
.cart_totals h2{
    margin-top:0;

    font-size:22px;
}


.dmsp-premium-shop
.wc-proceed-to-checkout{
    padding-bottom:0 !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dmsp-premium-shop
.woocommerce a.button,
.dmsp-premium-shop
.woocommerce button.button,
.dmsp-premium-shop
.woocommerce input.button,
.dmsp-premium-shop
.woocommerce #respond input#submit{
    min-height:43px;

    padding:
        0 18px !important;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    border:0 !important;

    border-radius:7px !important;

    background:#151515 !important;

    color:#fff !important;

    font-size:11px !important;

    font-weight:650 !important;

    box-shadow:none !important;

    transition:.2s ease;
}


.dmsp-premium-shop
.woocommerce a.button:hover,
.dmsp-premium-shop
.woocommerce button.button:hover,
.dmsp-premium-shop
.woocommerce input.button:hover{
    background:
        var(--dmsp-red) !important;

    color:#fff !important;
}


.dmsp-premium-shop
.checkout-button,
.dmsp-premium-shop
#place_order{
    width:100% !important;

    min-height:51px !important;

    background:
        linear-gradient(
            180deg,
            #cc0000,
            #910000
        ) !important;

    font-size:13px !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.dmsp-premium-shop
input.input-text,
.dmsp-premium-shop
textarea,
.dmsp-premium-shop
select{
    min-height:45px;

    padding:
        10px 12px !important;

    border:
        1px solid #d9d9d9 !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#222 !important;

    box-shadow:none !important;

    outline:none !important;
}


.dmsp-premium-shop
textarea{
    min-height:100px;
}


.dmsp-premium-shop
input.input-text:focus,
.dmsp-premium-shop
textarea:focus,
.dmsp-premium-shop
select:focus{
    border-color:
        rgba(182,0,0,.65) !important;

    box-shadow:
        0 0 0 3px
        rgba(182,0,0,.06) !important;
}


/* =========================================================
   CHECKOUT
   ========================================================= */

.dmsp-premium-shop
form.checkout{
    display:grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(390px,.9fr);

    gap:25px;

    align-items:start;
}


.dmsp-premium-shop
#customer_details{
    width:auto !important;

    float:none !important;

    padding:24px;

    border:
        1px solid #e2e2e2;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.035);
}


.dmsp-premium-shop
#customer_details
.col-1,
.dmsp-premium-shop
#customer_details
.col-2{
    width:100% !important;

    float:none !important;
}


.dmsp-premium-shop
#customer_details
.col-2{
    margin-top:25px;
}


.dmsp-premium-shop
.woocommerce-billing-fields h3,
.dmsp-premium-shop
.woocommerce-additional-fields h3,
.dmsp-premium-shop
#order_review_heading{
    margin:
        0 0 20px;

    color:#171717;

    font-size:22px;

    font-weight:650;
}


.dmsp-premium-shop
#order_review_heading{
    grid-column:2;

    margin:
        0;

    padding:
        20px 22px 0;

    border:
        1px solid #e2e2e2;

    border-bottom:0;

    border-radius:
        13px 13px 0 0;

    background:#fff;
}


.dmsp-premium-shop
#order_review{
    grid-column:2;

    margin-top:-25px;

    padding:22px;

    border:
        1px solid #e2e2e2;

    border-radius:
        0 0 13px 13px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.04);
}


.dmsp-premium-shop
#payment{
    margin-top:20px;

    border-radius:9px !important;

    background:#f7f7f7 !important;
}


.dmsp-premium-shop
#payment
.payment_box{
    background:#fff !important;

    color:#555 !important;
}


.dmsp-premium-shop
#payment
.payment_box:before{
    border-bottom-color:
        #fff !important;
}


.dmsp-premium-shop
.woocommerce-privacy-policy-text{
    color:#777;

    font-size:10px;

    line-height:1.6;
}


/* =========================================================
   ORDER RECEIVED
   ========================================================= */

.dmsp-premium-shop
.woocommerce-order{
    padding:25px;

    border:
        1px solid #e2e2e2;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(0,0,0,.04);
}


.dmsp-premium-shop
.woocommerce-order-overview{
    padding:17px !important;

    border-radius:9px;

    background:#fafafa;
}


/* =========================================================
   RESPONSIVE TABLET
   ========================================================= */

@media(max-width:1050px){

    .dmsp-container{
        padding-left:22px;
        padding-right:22px;
    }


    .dmsp-premium-shop
    ul.products{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .dmsp-product-main{
        grid-template-columns:1fr;

        gap:35px;
    }


    .dmsp-product-summary{
        position:static;
    }


    .dmsp-product-trust{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .dmsp-product-trust
    > div:nth-child(3){
        border-left:0;

        border-top:
            1px solid #eee;
    }


    .dmsp-product-trust
    > div:nth-child(4){
        border-top:
            1px solid #eee;
    }


    .dmsp-premium-shop
    form.checkout{
        grid-template-columns:1fr;
    }


    .dmsp-premium-shop
    #order_review_heading,
    .dmsp-premium-shop
    #order_review{
        grid-column:1;
    }


    .dmsp-premium-shop
    #order_review{
        margin-top:-25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .dmsp-container{
        padding-left:16px;
        padding-right:16px;
    }


    .dmsp-shop-hero{
        padding:
            55px 0 48px;
    }


    .dmsp-shop-hero h1{
        font-size:39px;

        letter-spacing:-1.2px;
    }


    .dmsp-shop-hero-copy p{
        font-size:15px;
    }


    .dmsp-shop-search{
        display:block;

        padding:8px;
    }


    .dmsp-shop-search input{
        height:49px;
    }


    .dmsp-shop-search button{
        width:100%;

        margin-top:6px;
    }


    .dmsp-shop-products{
        padding:
            36px 0 60px;
    }


    .dmsp-premium-shop
    ul.products{
        grid-template-columns:1fr;

        gap:14px !important;
    }


    .dmsp-premium-shop
    ul.products li.product{
        max-width:100%;
    }


    .dmsp-single-page{
        padding:
            28px 0 60px;
    }


    .dmsp-product-main{
        padding:17px;

        border-radius:13px;
    }


    .dmsp-product-gallery
    .woocommerce-product-gallery__image
    img{
        padding:15px;
    }


    .dmsp-product-summary
    .product_title{
        font-size:29px !important;
    }


    .dmsp-product-summary
    .price{
        font-size:26px !important;
    }


    .dmsp-single-meta{
        grid-template-columns:1fr 1fr;
    }


    .dmsp-product-summary
    form.cart{
        display:block;
    }


    .dmsp-product-summary
    .quantity{
        margin-bottom:10px !important;
    }


    .dmsp-product-summary
    .single_add_to_cart_button{
        width:100%;
    }


    .dmsp-product-trust{
        grid-template-columns:1fr;
    }


    .dmsp-product-trust
    > div,
    .dmsp-product-trust
    > div:nth-child(3),
    .dmsp-product-trust
    > div:nth-child(4){
        border-left:0;

        border-top:
            1px solid #eee;
    }


    .dmsp-product-trust
    > div:first-child{
        border-top:0;
    }


    .dmsp-product-details
    .tabs{
        display:block;

        padding:
            0 !important;
    }


    .dmsp-product-details
    .tabs li{
        display:block !important;
    }


    .dmsp-product-details
    .tabs li a{
        display:block !important;

        border-bottom:
            1px solid #eee;
    }


    .dmsp-product-details
    .woocommerce-Tabs-panel{
        padding:
            20px !important;
    }


    .dmsp-gpsr{
        grid-template-columns:1fr;
    }


    .dmsp-flow-head{
        padding:
            45px 0 35px;
    }


    .dmsp-flow-head h1{
        font-size:35px;
    }


    .dmsp-checkout-steps{
        overflow-x:auto;

        padding-bottom:3px;
    }


    .dmsp-checkout-steps > div{
        flex:0 0 auto;
    }


    .dmsp-flow-content{
        padding:
            25px 0 60px;
    }


    .dmsp-flow-trust{
        justify-content:flex-start;
    }


    .dmsp-premium-shop
    .woocommerce-cart-form{
        padding:13px;
    }


    .dmsp-premium-shop
    .cart_totals{
        width:100% !important;
    }


    .dmsp-premium-shop
    #customer_details,
    .dmsp-premium-shop
    #order_review{
        padding:17px;
    }


    .dmsp-premium-shop
    #order_review_heading{
        padding:
            17px 17px 0;
    }

}


/* =========================================================
   SEHR KLEINE HANDYS
   ========================================================= */

@media(max-width:430px){

    .dmsp-single-meta{
        grid-template-columns:1fr;
    }


    .dmsp-product-gallery
    .flex-control-thumbs{
        grid-template-columns:
            repeat(4,1fr);
    }


    .dmsp-premium-shop
    .coupon{
        display:block;
    }


    .dmsp-premium-shop
    .coupon input{
        width:100% !important;

        margin-bottom:7px !important;
    }

}


/* =========================================================
   DRIVERS MALL – PREMIUM WARENKORB V2
   ========================================================= */

.dmsp-cart-shell{
    width:100%;
}


/* Hauptaufteilung */

.dmsp-cart-shell > .woocommerce{
    display:grid;

    grid-template-columns:
        minmax(0,1.6fr)
        minmax(330px,.72fr);

    gap:30px;

    align-items:start;
}


/* Woo Notices über volle Breite */

.dmsp-cart-shell
.woocommerce-notices-wrapper,
.dmsp-cart-shell
.woocommerce-message,
.dmsp-cart-shell
.woocommerce-error,
.dmsp-cart-shell
.woocommerce-info{
    grid-column:1 / -1;
}


/* =========================================================
   LINKE PRODUKTBOX
   ========================================================= */

.dmsp-cart-shell
.woocommerce-cart-form{
    grid-column:1;

    position:relative;

    width:100%;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;

    border:
        1px solid #e2e2e2;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 15px 45px rgba(0,0,0,.055);
}


/* Gold/Rote Linie oben */

.dmsp-cart-shell
.woocommerce-cart-form:before{
    content:"";

    display:block;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #d5aa43 0%,
            #f1d27a 25%,
            #b60000 75%,
            #780000 100%
        );
}


/* Tabelle */

.dmsp-cart-shell
.woocommerce-cart-form
.shop_table{
    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:#fff;
}


/* Tabellenkopf */

.dmsp-cart-shell
.woocommerce-cart-form
.shop_table thead th{
    padding:
        18px 15px !important;

    border:0 !important;

    border-bottom:
        1px solid #ececec !important;

    background:#fafafa;

    color:#777;

    font-size:10px !important;
    font-weight:650 !important;

    letter-spacing:.65px;

    text-transform:uppercase;
}


/* Produktzeile */

.dmsp-cart-shell
.woocommerce-cart-form
.shop_table
.cart_item td{
    padding:
        22px 15px !important;

    border:0 !important;

    border-bottom:
        1px solid #eeeeee !important;

    vertical-align:middle;
}


/* Bild */

.dmsp-cart-shell
.product-thumbnail{
    width:105px;
}


.dmsp-cart-shell
.product-thumbnail a{
    width:88px;
    height:88px;

    display:flex;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    border:
        1px solid #ececec;

    border-radius:10px;

    background:
        linear-gradient(
            180deg,
            #fafafa,
            #f5f5f5
        );
}


.dmsp-cart-shell
.product-thumbnail img{
    width:82px !important;
    height:82px !important;

    margin:0 !important;
    padding:8px;

    object-fit:contain;

    border:0 !important;
    border-radius:0 !important;

    background:transparent;
}


/* Produktname */

.dmsp-cart-shell
.product-name a{
    display:inline-block;

    color:#171717 !important;

    font-size:14px;
    line-height:1.45;

    font-weight:650;

    text-decoration:none !important;

    transition:
        color .2s ease;
}


.dmsp-cart-shell
.product-name a:hover{
    color:#b60000 !important;
}


/* Variation / Metadaten */

.dmsp-cart-shell
.product-name dl.variation{
    margin-top:8px;

    color:#888;

    font-size:10px;
}


/* Preise */

.dmsp-cart-shell
.product-price,
.dmsp-cart-shell
.product-subtotal{
    color:#171717;

    font-size:14px;

    font-weight:650;
}


.dmsp-cart-shell
.product-subtotal{
    color:#8f0000;

    font-size:15px;
}


/* Entfernen */

.dmsp-cart-shell
.product-remove{
    width:50px;
}


.dmsp-cart-shell
.product-remove a.remove{
    width:30px;
    height:30px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    margin:auto;

    border:
        1px solid rgba(182,0,0,.18);

    border-radius:50%;

    background:#fff7f7;

    color:#a90000 !important;

    font-size:17px !important;
    line-height:1 !important;

    transition:.2s ease;
}


.dmsp-cart-shell
.product-remove a.remove:hover{
    border-color:#a90000;

    background:#a90000 !important;

    color:#fff !important;
}


/* =========================================================
   MENGE
   ========================================================= */

.dmsp-cart-shell
.quantity{
    display:inline-flex !important;

    align-items:center;

    overflow:hidden;

    border:
        1px solid #ddd !important;

    border-radius:8px;

    background:#fff;
}


.dmsp-cart-shell
.quantity .qty{
    width:48px !important;
    height:40px !important;

    padding:0 !important;

    border:0 !important;
    border-left:
        1px solid #ececec !important;
    border-right:
        1px solid #ececec !important;

    border-radius:0 !important;

    background:#fff !important;

    text-align:center;
}


.dmsp-cart-shell
.dmsp-qty-btn{
    width:34px;
    height:40px;

    background:#fff !important;

    color:#444 !important;

    font-size:16px !important;
}


.dmsp-cart-shell
.dmsp-qty-btn:hover{
    background:#f7f7f7 !important;

    color:#b60000 !important;
}


/* =========================================================
   UNTERE AKTIONEN
   ========================================================= */

.dmsp-cart-shell
.shop_table
.actions{
    padding:
        17px !important;

    border:0 !important;

    background:#fafafa;
}


/* Gutschein */

.dmsp-cart-shell
.coupon{
    display:flex;

    align-items:center;

    gap:7px;
}


.dmsp-cart-shell
.coupon input{
    width:210px !important;
    height:42px !important;

    margin:0 !important;

    border:
        1px solid #ddd !important;

    border-radius:7px !important;

    background:#fff !important;
}


.dmsp-cart-shell
.coupon button{
    height:42px;

    background:#161616 !important;
}


/* Warenkorb aktualisieren */

.dmsp-cart-shell
button[name="update_cart"]{
    min-height:42px !important;

    border:
        1px solid #ddd !important;

    background:#fff !important;

    color:#333 !important;
}


.dmsp-cart-shell
button[name="update_cart"]:hover{
    border-color:#b60000 !important;

    background:#b60000 !important;

    color:#fff !important;
}


/* =========================================================
   RECHTE SUMMENBOX
   ========================================================= */

.dmsp-cart-shell
.cart-collaterals{
    grid-column:2;

    width:100% !important;

    margin:0 !important;
}


.dmsp-cart-shell
.cart-collaterals:before,
.dmsp-cart-shell
.cart-collaterals:after{
    display:none !important;
}


.dmsp-cart-shell
.cart_totals{
    position:sticky;

    top:125px;

    width:100% !important;

    float:none !important;

    margin:0 !important;
    padding:25px !important;

    overflow:hidden;

    border:
        1px solid #e0e0e0;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 15px 45px rgba(0,0,0,.065);
}


/* Goldlinie */

.dmsp-cart-shell
.cart_totals:before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #f1d27a,
            #b60000
        );
}


/* Heading */

.dmsp-cart-shell
.cart_totals h2{
    position:relative;

    margin:
        4px 0 21px !important;

    padding-bottom:14px;

    color:#161616;

    font-size:21px !important;
    line-height:1.2;

    font-weight:650;
}


.dmsp-cart-shell
.cart_totals h2:after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:37px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* Summentabelle */

.dmsp-cart-shell
.cart_totals
.shop_table{
    margin:0 0 18px !important;

    border:0 !important;

    border-radius:0 !important;
}


.dmsp-cart-shell
.cart_totals
.shop_table tr th,
.dmsp-cart-shell
.cart_totals
.shop_table tr td{
    padding:
        13px 0 !important;

    border:0 !important;

    border-bottom:
        1px solid #eeeeee !important;

    background:transparent !important;

    font-size:12px;
}


.dmsp-cart-shell
.cart_totals
.shop_table tr th{
    color:#777;

    font-weight:500 !important;

    text-transform:none;
    letter-spacing:0;
}


.dmsp-cart-shell
.cart_totals
.shop_table tr td{
    color:#222;

    font-weight:600;

    text-align:right;
}


/* Gesamtsumme */

.dmsp-cart-shell
.cart_totals
.order-total th{
    color:#111 !important;

    font-size:14px !important;

    font-weight:650 !important;
}


.dmsp-cart-shell
.cart_totals
.order-total td{
    color:#9c0000 !important;

    font-size:22px !important;

    font-weight:750 !important;
}


/* =========================================================
   CHECKOUT BUTTON
   ========================================================= */

.dmsp-cart-shell
.wc-proceed-to-checkout{
    padding:0 !important;
}


.dmsp-cart-shell
.checkout-button{
    width:100% !important;
    min-height:54px !important;

    display:flex !important;

    align-items:center;
    justify-content:center;

    margin:
        5px 0 0 !important;

    border:0 !important;

    border-radius:8px !important;

    background:
        linear-gradient(
            180deg,
            #cc0000 0%,
            #930000 100%
        ) !important;

    color:#fff !important;

    font-size:13px !important;

    font-weight:650 !important;

    box-shadow:
        0 10px 25px rgba(182,0,0,.18) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


.dmsp-cart-shell
.checkout-button:hover{
    transform:
        translateY(-2px);

    background:
        linear-gradient(
            180deg,
            #dd0000,
            #a00000
        ) !important;

    box-shadow:
        0 14px 30px rgba(182,0,0,.27) !important;
}


/* Trust unter Summe */

.dmsp-cart-shell
.cart_totals:after{
    content:
        "Sichere Bestellung · SSL-geschützt · Markenqualität";

    display:block;

    margin-top:17px;

    color:#8a8a8a;

    font-size:9px;
    line-height:1.6;

    text-align:center;
}


/* =========================================================
   LEERER WARENKORB
   ========================================================= */

.dmsp-cart-shell
.cart-empty{
    padding:
        25px !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:12px !important;

    background:#fff !important;

    font-size:14px;
}


.dmsp-cart-shell
.return-to-shop{
    margin-top:15px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

    .dmsp-cart-shell
    > .woocommerce{
        grid-template-columns:1fr;
    }


    .dmsp-cart-shell
    .woocommerce-cart-form,
    .dmsp-cart-shell
    .cart-collaterals{
        grid-column:1;
    }


    .dmsp-cart-shell
    .cart_totals{
        position:static;

        max-width:none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .dmsp-cart-shell
    .woocommerce-cart-form{
        border-radius:11px;
    }


    .dmsp-cart-shell
    .woocommerce-cart-form
    .shop_table
    .cart_item{
        padding:
            10px 0;
    }


    .dmsp-cart-shell
    .woocommerce-cart-form
    .shop_table
    .cart_item td{
        padding:
            10px 14px !important;
    }


    .dmsp-cart-shell
    .woocommerce-cart-form
    .product-thumbnail{
        display:block !important;

        width:100%;

        text-align:left !important;
    }


    .dmsp-cart-shell
    .product-thumbnail:before{
        display:none !important;
    }


    .dmsp-cart-shell
    .product-thumbnail a{
        width:100px;
        height:100px;
    }


    .dmsp-cart-shell
    .product-thumbnail img{
        width:94px !important;
        height:94px !important;
    }


    .dmsp-cart-shell
    .shop_table
    .actions{
        padding:
            14px !important;
    }


    .dmsp-cart-shell
    .coupon{
        display:grid;

        grid-template-columns:1fr auto;

        width:100%;
    }


    .dmsp-cart-shell
    .coupon input{
        width:100% !important;
    }


    .dmsp-cart-shell
    button[name="update_cart"]{
        width:100% !important;

        margin-top:10px !important;
    }


    .dmsp-cart-shell
    .cart_totals{
        padding:
            20px !important;

        border-radius:11px;
    }

}


/* =========================================================
   CHECKOUT CLASSIC SHELL
   ========================================================= */

.dmsp-checkout-shell{
    width:100%;
}


.dmsp-checkout-shell
.woocommerce{
    width:100%;
}



/* =========================================================
   DRIVERS MALL – CHECKOUT LAYOUT FIX
   ========================================================= */

.dmsp-checkout-shell form.checkout.woocommerce-checkout{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(360px,.92fr) !important;

    grid-template-rows:
        auto auto !important;

    column-gap:28px !important;
    row-gap:0 !important;

    align-items:start !important;

    width:100% !important;
}


/* =========================================================
   LINKE SPALTE
   ========================================================= */

.dmsp-checkout-shell #customer_details{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;

    width:100% !important;

    float:none !important;

    margin:0 !important;
    padding:26px !important;

    border:1px solid #e1e1e1 !important;
    border-radius:14px !important;

    background:#fff !important;

    box-shadow:
        0 12px 38px rgba(0,0,0,.045) !important;
}


.dmsp-checkout-shell #customer_details .col-1,
.dmsp-checkout-shell #customer_details .col-2{
    width:100% !important;

    float:none !important;

    margin:0 !important;
}


.dmsp-checkout-shell #customer_details .col-2{
    margin-top:28px !important;
}


/* Rechnungsdaten Heading */

.dmsp-checkout-shell
.woocommerce-billing-fields > h3,
.dmsp-checkout-shell
.woocommerce-additional-fields > h3{
    position:relative;

    margin:
        0 0 22px !important;

    padding-bottom:13px;

    color:#151515 !important;

    font-size:20px !important;
    line-height:1.2 !important;

    font-weight:650 !important;
}


.dmsp-checkout-shell
.woocommerce-billing-fields > h3:after,
.dmsp-checkout-shell
.woocommerce-additional-fields > h3:after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:38px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* Formularfelder */

.dmsp-checkout-shell
.woocommerce-billing-fields__field-wrapper,
.dmsp-checkout-shell
.woocommerce-shipping-fields__field-wrapper{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:15px 16px;
}


.dmsp-checkout-shell
.form-row{
    width:100% !important;

    float:none !important;

    margin:0 !important;
    padding:0 !important;
}


.dmsp-checkout-shell
.form-row-wide,
.dmsp-checkout-shell
#billing_country_field,
.dmsp-checkout-shell
#billing_address_1_field,
.dmsp-checkout-shell
#billing_address_2_field,
.dmsp-checkout-shell
#billing_postcode_field,
.dmsp-checkout-shell
#billing_city_field,
.dmsp-checkout-shell
#billing_state_field,
.dmsp-checkout-shell
#billing_phone_field,
.dmsp-checkout-shell
#billing_email_field{
    grid-column:1 / -1;
}


.dmsp-checkout-shell
.form-row label{
    display:block;

    margin-bottom:6px;

    color:#555 !important;

    font-size:11px !important;
    line-height:1.4;

    font-weight:500 !important;
}


.dmsp-checkout-shell
.form-row label .required{
    color:#b60000 !important;
}


.dmsp-checkout-shell
input.input-text,
.dmsp-checkout-shell
textarea,
.dmsp-checkout-shell
select,
.dmsp-checkout-shell
.select2-selection{
    width:100% !important;

    min-height:46px !important;

    border:
        1px solid #d8d8d8 !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#222 !important;

    box-shadow:none !important;
}


.dmsp-checkout-shell
textarea{
    min-height:110px !important;
}


/* =========================================================
   RECHTE SPALTE – HEADING
   ========================================================= */

.dmsp-checkout-shell #order_review_heading{
    grid-column:2 !important;
    grid-row:1 !important;

    width:100% !important;

    float:none !important;

    margin:0 !important;
    padding:
        22px 24px 18px !important;

    border:
        1px solid #e1e1e1 !important;

    border-bottom:0 !important;

    border-radius:
        14px 14px 0 0 !important;

    background:#fff !important;

    color:#151515 !important;

    font-size:20px !important;
    line-height:1.25 !important;

    font-weight:650 !important;

    box-shadow:
        0 10px 35px rgba(0,0,0,.04) !important;
}


.dmsp-checkout-shell #order_review_heading:after{
    content:"";

    display:block;

    width:38px;
    height:2px;

    margin-top:13px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* =========================================================
   RECHTE SPALTE – BESTELLÜBERSICHT
   ========================================================= */

.dmsp-checkout-shell #order_review{
    grid-column:2 !important;
    grid-row:2 !important;

    align-self:start !important;

    position:sticky;

    top:120px;

    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        0 24px 24px !important;

    border:
        1px solid #e1e1e1 !important;

    border-top:0 !important;

    border-radius:
        0 0 14px 14px !important;

    background:#fff !important;

    box-shadow:
        0 18px 42px rgba(0,0,0,.055) !important;
}


/* Tabelle */

.dmsp-checkout-shell
#order_review
.shop_table{
    width:100% !important;

    margin:
        0 0 20px !important;

    border:
        1px solid #e6e6e6 !important;

    border-radius:8px !important;

    overflow:hidden;

    background:#fff !important;
}


.dmsp-checkout-shell
#order_review
.shop_table th{
    padding:
        13px 12px !important;

    background:#fafafa !important;

    color:#777 !important;

    font-size:10px !important;

    font-weight:650 !important;

    letter-spacing:.4px;

    text-transform:uppercase;
}


.dmsp-checkout-shell
#order_review
.shop_table td{
    padding:
        13px 12px !important;

    color:#333 !important;

    font-size:12px !important;

    border-color:#eee !important;
}


.dmsp-checkout-shell
#order_review
.shop_table
.product-name{
    font-weight:500 !important;
}


.dmsp-checkout-shell
#order_review
.shop_table
.product-total{
    white-space:nowrap;

    text-align:right;
}


/* Gesamtsumme */

.dmsp-checkout-shell
#order_review
.order-total th{
    color:#111 !important;

    font-size:13px !important;

    font-weight:650 !important;
}


.dmsp-checkout-shell
#order_review
.order-total td{
    color:#990000 !important;

    font-size:19px !important;

    font-weight:750 !important;
}


/* =========================================================
   ZAHLUNG
   ========================================================= */

.dmsp-checkout-shell #payment{
    margin-top:0 !important;

    overflow:hidden;

    border:
        1px solid #e2e2e2 !important;

    border-radius:9px !important;

    background:#fafafa !important;
}


.dmsp-checkout-shell
#payment ul.payment_methods{
    margin:0 !important;

    padding:
        17px !important;

    border-bottom:
        1px solid #e2e2e2 !important;
}


.dmsp-checkout-shell
#payment .woocommerce-notice{
    margin:0 !important;

    padding:14px !important;

    border-radius:7px !important;

    background:#fff !important;

    font-size:11px !important;

    line-height:1.6;
}


.dmsp-checkout-shell
#payment .place-order{
    margin:0 !important;

    padding:
        18px !important;

    background:#fff !important;
}


.dmsp-checkout-shell
.woocommerce-privacy-policy-text{
    margin-bottom:15px;

    color:#777;

    font-size:10px;

    line-height:1.65;
}


/* Bestellbutton */

.dmsp-checkout-shell #place_order{
    width:100% !important;

    min-height:53px !important;

    border:0 !important;

    border-radius:8px !important;

    background:
        linear-gradient(
            180deg,
            #cf0000,
            #920000
        ) !important;

    color:#fff !important;

    font-size:13px !important;

    font-weight:650 !important;

    box-shadow:
        0 10px 24px rgba(182,0,0,.18) !important;

    transition:
        .2s ease !important;
}


.dmsp-checkout-shell #place_order:hover{
    transform:
        translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #df0000,
            #a00000
        ) !important;
}


/* =========================================================
   GUTSCHEIN
   ========================================================= */

.dmsp-checkout-shell
.woocommerce-form-coupon-toggle{
    margin-bottom:16px;
}


.dmsp-checkout-shell
.woocommerce-form-coupon-toggle
.woocommerce-info{
    margin:0 !important;

    border:
        1px solid #e2e2e2 !important;

    border-left:
        3px solid #d5aa43 !important;

    border-radius:8px !important;

    background:#fff !important;

    font-size:11px;
}


.dmsp-checkout-shell
.checkout_coupon{
    margin:
        0 0 20px !important;

    padding:
        17px !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:9px !important;

    background:#fff !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

    .dmsp-checkout-shell
    form.checkout.woocommerce-checkout{
        grid-template-columns:1fr !important;

        row-gap:24px !important;
    }


    .dmsp-checkout-shell
    #customer_details{
        grid-column:1 !important;
        grid-row:1 !important;
    }


    .dmsp-checkout-shell
    #order_review_heading{
        grid-column:1 !important;
        grid-row:2 !important;
    }


    .dmsp-checkout-shell
    #order_review{
        grid-column:1 !important;
        grid-row:3 !important;

        position:static !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

    .dmsp-checkout-shell
    #customer_details{
        padding:
            18px !important;

        border-radius:11px !important;
    }


    .dmsp-checkout-shell
    .woocommerce-billing-fields__field-wrapper,
    .dmsp-checkout-shell
    .woocommerce-shipping-fields__field-wrapper{
        grid-template-columns:1fr;
    }


    .dmsp-checkout-shell
    .form-row{
        grid-column:1 !important;
    }


    .dmsp-checkout-shell
    #order_review_heading{
        padding:
            18px 18px 15px !important;

        border-radius:
            11px 11px 0 0 !important;
    }


    .dmsp-checkout-shell
    #order_review{
        padding:
            0 18px 18px !important;

        border-radius:
            0 0 11px 11px !important;
    }

}



/* =========================================================
   DRIVERS MALL – CHECKOUT FINAL COLUMN FIX
   ========================================================= */

/*
 * Nur noch zwei echte Grid-Elemente:
 * links Kundendaten
 * rechts komplette Bestellspalte
 */

.dmsp-checkout-shell
form.checkout.woocommerce-checkout{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(380px,.92fr) !important;

    grid-template-rows:auto !important;

    gap:28px !important;

    align-items:start !important;
}


/* LINKE SPALTE */

.dmsp-checkout-shell
#customer_details{
    grid-column:1 !important;
    grid-row:1 !important;

    align-self:start !important;

    margin:0 !important;
}


/* =========================================================
   KOMPLETTE RECHTE SPALTE
   ========================================================= */

.dmsp-checkout-shell
.dmsp-order-column{
    grid-column:2 !important;
    grid-row:1 !important;

    align-self:start !important;

    position:sticky;
    top:120px;

    width:100%;

    overflow:hidden;

    border:
        1px solid #e1e1e1;

    border-radius:14px;

    background:#fff;

    box-shadow:
        0 15px 45px rgba(0,0,0,.06);
}


/* =========================================================
   ÜBERSCHRIFT
   ========================================================= */

.dmsp-checkout-shell
.dmsp-order-column
#order_review_heading{
    display:block !important;

    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        22px 24px 18px !important;

    border:0 !important;

    border-bottom:
        1px solid #eeeeee !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    color:#151515 !important;

    font-size:20px !important;
    line-height:1.25 !important;

    font-weight:650 !important;
}


.dmsp-checkout-shell
.dmsp-order-column
#order_review_heading:after{
    content:"";

    display:block;

    width:38px;
    height:2px;

    margin-top:13px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* =========================================================
   BESTELLÜBERSICHT DIREKT DARUNTER
   ========================================================= */

.dmsp-checkout-shell
.dmsp-order-column
#order_review{
    display:block !important;

    position:static !important;

    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        20px 24px 24px !important;

    border:0 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;
}


/* Kein WooCommerce Float / Clear */

.dmsp-checkout-shell
.dmsp-order-column:before,
.dmsp-checkout-shell
.dmsp-order-column:after,
.dmsp-checkout-shell
#order_review:before,
.dmsp-checkout-shell
#order_review:after{
    display:none !important;
    content:none !important;
}


/* =========================================================
   BESTELLTABELLE
   ========================================================= */

.dmsp-checkout-shell
.dmsp-order-column
.woocommerce-checkout-review-order-table{
    width:100% !important;

    margin:0 0 18px !important;

    border:
        1px solid #e4e4e4 !important;

    border-radius:9px !important;

    overflow:hidden;

    background:#fff !important;
}


.dmsp-checkout-shell
.dmsp-order-column
.woocommerce-checkout-review-order-table th{
    padding:
        13px 12px !important;

    background:#fafafa !important;

    color:#777 !important;

    font-size:10px !important;

    font-weight:650 !important;
}


.dmsp-checkout-shell
.dmsp-order-column
.woocommerce-checkout-review-order-table td{
    padding:
        13px 12px !important;

    background:#fff !important;

    color:#333 !important;

    font-size:12px !important;
}


.dmsp-checkout-shell
.dmsp-order-column
.woocommerce-checkout-review-order-table
.order-total th{
    color:#111 !important;

    font-size:13px !important;
}


.dmsp-checkout-shell
.dmsp-order-column
.woocommerce-checkout-review-order-table
.order-total td{
    color:#a00000 !important;

    font-size:19px !important;

    font-weight:700 !important;
}


/* =========================================================
   ZAHLUNGSBOX
   ========================================================= */

.dmsp-checkout-shell
.dmsp-order-column
#payment{
    margin:0 !important;

    border:
        1px solid #e5e5e5 !important;

    border-radius:9px !important;

    overflow:hidden;

    background:#fafafa !important;
}


.dmsp-checkout-shell
.dmsp-order-column
#payment
ul.payment_methods{
    margin:0 !important;

    padding:16px !important;

    border-bottom:
        1px solid #e6e6e6 !important;
}


.dmsp-checkout-shell
.dmsp-order-column
#payment
.place-order{
    margin:0 !important;

    padding:17px !important;

    background:#fff !important;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media(max-width:1000px){

    .dmsp-checkout-shell
    form.checkout.woocommerce-checkout{
        grid-template-columns:
            1fr !important;

        gap:22px !important;
    }


    .dmsp-checkout-shell
    #customer_details{
        grid-column:1 !important;
        grid-row:auto !important;
    }


    .dmsp-checkout-shell
    .dmsp-order-column{
        grid-column:1 !important;
        grid-row:auto !important;

        position:static !important;
    }

}


@media(max-width:650px){

    .dmsp-checkout-shell
    .dmsp-order-column{
        border-radius:11px;
    }


    .dmsp-checkout-shell
    .dmsp-order-column
    #order_review_heading{
        padding:
            18px 18px 15px !important;

        font-size:18px !important;
    }


    .dmsp-checkout-shell
    .dmsp-order-column
    #order_review{
        padding:
            16px 18px 18px !important;
    }

}



/* =========================================================
   DRIVERS MALL – CHECKOUT TOPBEREICH PREMIUM
   ========================================================= */


/* =========================================================
   TRUST LEISTE
   ========================================================= */

.dmsp-flow-content .dmsp-flow-trust{
    width:100%;

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:10px !important;

    margin:
        0 0 22px !important;

    padding:0 !important;

    border:0 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;
}


.dmsp-flow-content .dmsp-flow-trust span{
    position:relative;

    min-height:58px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    gap:9px;

    padding:12px 14px;

    border:
        1px solid #e3e3e3;

    border-radius:10px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfbfb 100%
        );

    color:#555 !important;

    font-size:11px !important;
    line-height:1.35;

    font-weight:500;

    text-align:center;

    box-shadow:
        0 6px 20px rgba(0,0,0,.035);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


/* kleines Gold-Icon */

.dmsp-flow-content .dmsp-flow-trust span:before{
    content:"✓";

    width:25px;
    height:25px;

    flex:0 0 25px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.38);

    border-radius:50%;

    background:
        rgba(213,170,67,.08);

    color:#a97818;

    font-size:10px;
    font-weight:700;
}


/*
 * Das bereits im HTML vorhandene ✓ optisch ausblenden,
 * ohne den Text selbst ändern zu müssen.
 */
.dmsp-flow-content .dmsp-flow-trust span{
    font-size:0 !important;
}


.dmsp-flow-content .dmsp-flow-trust span::after{
    font-size:11px;
    color:#555;
}


/* Texte sauber neu setzen */

.dmsp-flow-content .dmsp-flow-trust span:nth-child(1)::after{
    content:"Sichere Zahlung";
}

.dmsp-flow-content .dmsp-flow-trust span:nth-child(2)::after{
    content:"SSL-geschützt";
}

.dmsp-flow-content .dmsp-flow-trust span:nth-child(3)::after{
    content:"Markenqualität";
}

.dmsp-flow-content .dmsp-flow-trust span:nth-child(4)::after{
    content:"Schneller Versand";
}


.dmsp-flow-content .dmsp-flow-trust span:hover{
    transform:translateY(-2px);

    border-color:
        rgba(213,170,67,.48);

    box-shadow:
        0 10px 25px rgba(0,0,0,.06);
}


/* =========================================================
   GUTSCHEIN BEREICH
   ========================================================= */

.dmsp-checkout-shell
.woocommerce-form-coupon-toggle{
    width:100%;

    margin:
        0 0 20px !important;
}


.dmsp-checkout-shell
.woocommerce-form-coupon-toggle
.woocommerce-info{
    position:relative;

    width:100%;

    display:flex !important;
    align-items:center;

    min-height:58px;

    margin:0 !important;

    padding:
        14px 18px 14px 56px !important;

    overflow:hidden;

    border:
        1px solid #e2e2e2 !important;

    border-left:
        3px solid #d5aa43 !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            90deg,
            #fffdf8 0%,
            #ffffff 55%,
            #fffafa 100%
        ) !important;

    color:#666 !important;

    font-size:11px !important;
    line-height:1.5 !important;

    box-shadow:
        0 7px 22px rgba(0,0,0,.035) !important;
}


/* Gutschein Icon */

.dmsp-checkout-shell
.woocommerce-form-coupon-toggle
.woocommerce-info:before{
    content:"%";

    position:absolute;

    left:17px;
    top:50%;

    width:27px;
    height:27px;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:translateY(-50%);

    border:
        1px solid rgba(213,170,67,.45);

    border-radius:7px;

    background:
        rgba(213,170,67,.09);

    color:#a97818 !important;

    font-size:12px;
    font-weight:700;
}


/* Link */

.dmsp-checkout-shell
.woocommerce-form-coupon-toggle
.woocommerce-info a{
    margin-left:4px;

    color:#a10000 !important;

    font-weight:600;

    text-decoration:none !important;

    transition:
        color .2s ease;
}


.dmsp-checkout-shell
.woocommerce-form-coupon-toggle
.woocommerce-info a:hover{
    color:#d00000 !important;
}


/* =========================================================
   AUFGEKLAPPTES GUTSCHEIN-FORMULAR
   ========================================================= */

.dmsp-checkout-shell
form.checkout_coupon{
    display:flex;

    align-items:flex-end;

    gap:10px;

    margin:
        -9px 0 22px !important;

    padding:
        18px !important;

    border:
        1px solid #e2e2e2 !important;

    border-top:
        0 !important;

    border-radius:
        0 0 10px 10px !important;

    background:#fff !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.03);
}


.dmsp-checkout-shell
form.checkout_coupon p{
    margin:0 !important;
}


.dmsp-checkout-shell
form.checkout_coupon
.form-row-first{
    flex:1;
}


.dmsp-checkout-shell
form.checkout_coupon
.form-row-last{
    flex:0 0 auto;
}


.dmsp-checkout-shell
form.checkout_coupon
input.input-text{
    height:44px !important;
}


.dmsp-checkout-shell
form.checkout_coupon
button{
    min-height:44px !important;

    padding:
        0 20px !important;

    border-radius:7px !important;

    background:#151515 !important;

    color:#fff !important;
}


.dmsp-checkout-shell
form.checkout_coupon
button:hover{
    background:#b60000 !important;
}


/* =========================================================
   ETWAS WENIGER LEERRAUM OBEN
   ========================================================= */

.dmsp-flow-content{
    padding-top:28px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .dmsp-flow-content .dmsp-flow-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:550px){

    .dmsp-flow-content .dmsp-flow-trust{
        grid-template-columns:1fr 1fr;

        gap:7px !important;
    }


    .dmsp-flow-content .dmsp-flow-trust span{
        min-height:52px;

        padding:
            10px 8px;
    }


    .dmsp-flow-content .dmsp-flow-trust span:before{
        width:22px;
        height:22px;

        flex-basis:22px;
    }


    .dmsp-flow-content .dmsp-flow-trust span::after{
        font-size:10px;
    }


    .dmsp-checkout-shell
    .woocommerce-form-coupon-toggle
    .woocommerce-info{
        min-height:55px;

        padding:
            12px 13px 12px 49px !important;
    }


    .dmsp-checkout-shell
    .woocommerce-form-coupon-toggle
    .woocommerce-info:before{
        left:13px;

        width:25px;
        height:25px;
    }


    .dmsp-checkout-shell
    form.checkout_coupon{
        display:block;
    }


    .dmsp-checkout-shell
    form.checkout_coupon
    .form-row{
        width:100% !important;

        margin-bottom:8px !important;
    }


    .dmsp-checkout-shell
    form.checkout_coupon
    button{
        width:100% !important;
    }

}



/* =========================================================
   DRIVERS MALL – SHOP FILTER + LISTENANSICHT
   ========================================================= */


/* =========================================================
   GESAMTLAYOUT
   ========================================================= */

.dmsp-shop-layout{
    display:grid;

    grid-template-columns:
        250px
        minmax(0,1fr);

    gap:28px;

    align-items:start;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.dmsp-shop-sidebar{
    position:sticky;

    top:120px;

    display:flex;
    flex-direction:column;

    gap:15px;
}


.dmsp-filter-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:
        17px;

    border:
        1px solid #dedede;

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            #111,
            #080808
        );

    color:#fff;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.08);
}


.dmsp-filter-head span{
    display:block;

    margin-bottom:3px;

    color:#d5aa43;

    font-size:9px;

    letter-spacing:1px;

    text-transform:uppercase;
}


.dmsp-filter-head strong{
    font-size:14px;

    font-weight:600;
}


.dmsp-filter-reset-small{
    color:#ddd !important;

    font-size:9px;

    text-decoration:none !important;
}


.dmsp-filter-reset-small:hover{
    color:#f1d27a !important;
}


/* =========================================================
   FILTER BOX
   ========================================================= */

.dmsp-filter-box{
    overflow:hidden;

    border:
        1px solid #e1e1e1;

    border-radius:11px;

    background:#fff;

    box-shadow:
        0 6px 22px
        rgba(0,0,0,.035);
}


.dmsp-filter-title{
    display:flex;
    align-items:center;

    gap:9px;

    padding:
        15px 16px;

    border-bottom:
        1px solid #ededed;

    color:#161616;

    font-size:12px;

    font-weight:650;

    text-transform:uppercase;

    letter-spacing:.4px;
}


.dmsp-filter-icon{
    width:26px;
    height:26px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.35);

    border-radius:6px;

    background:
        rgba(213,170,67,.07);

    color:#a97818;

    font-size:10px;
}


/* =========================================================
   FILTER LINKS
   ========================================================= */

.dmsp-filter-list{
    padding:7px;
}


.dmsp-filter-list a{
    position:relative;

    min-height:39px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:
        8px 10px;

    border-radius:7px;

    color:#555 !important;

    font-size:11px;

    line-height:1.35;

    text-decoration:none !important;

    transition:
        background .18s ease,
        color .18s ease;
}


.dmsp-filter-list a:hover{
    background:#f7f7f7;

    color:#a30000 !important;
}


.dmsp-filter-list a.is-active{
    background:
        linear-gradient(
            90deg,
            #fff4f4,
            #fffafa
        );

    color:#a30000 !important;

    font-weight:650;
}


.dmsp-filter-list a.is-active:before{
    content:"";

    position:absolute;

    left:0;
    top:8px;
    bottom:8px;

    width:2px;

    border-radius:2px;

    background:#b60000;
}


.dmsp-filter-list small{
    min-width:23px;

    padding:
        3px 5px;

    border-radius:999px;

    background:#f2f2f2;

    color:#999;

    font-size:8px;

    text-align:center;
}


.dmsp-filter-list
a.is-active small{
    background:
        rgba(182,0,0,.08);

    color:#a30000;
}


/* bei sehr vielen Marken scrollbar */

.dmsp-filter-brands{
    max-height:365px;

    overflow-y:auto;

    scrollbar-width:thin;

    scrollbar-color:
        #ccc transparent;
}


/* =========================================================
   HILFE
   ========================================================= */

.dmsp-filter-help{
    padding:
        16px;

    border:
        1px solid
        rgba(213,170,67,.28);

    border-radius:10px;

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #fff
        );
}


.dmsp-filter-help strong{
    display:block;

    margin-bottom:5px;

    color:#222;

    font-size:11px;
}


.dmsp-filter-help span{
    display:block;

    color:#888;

    font-size:10px;

    line-height:1.55;
}


/* =========================================================
   RECHTER SHOP BEREICH
   ========================================================= */

.dmsp-shop-main{
    min-width:0;
}


.dmsp-shop-toolbar{
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:14px;

    padding:
        9px 14px;

    border:
        1px solid #e2e2e2;

    border-radius:9px;

    background:#fff;
}


.dmsp-shop-toolbar:after{
    content:"";

    display:block;

    clear:both;
}


.dmsp-shop-main
.woocommerce-result-count{
    float:none !important;

    margin:0 !important;
}


.dmsp-shop-main
.woocommerce-ordering{
    float:none !important;

    margin:0 0 0 auto !important;
}


/* =========================================================
   AKTIVE FILTER
   ========================================================= */

.dmsp-active-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin-bottom:12px;
}


.dmsp-active-label{
    margin-right:3px;

    color:#888;

    font-size:10px;
}


.dmsp-active-filters a{
    display:inline-flex;
    align-items:center;

    gap:4px;

    padding:
        6px 9px;

    border:
        1px solid
        rgba(182,0,0,.17);

    border-radius:999px;

    background:#fff7f7;

    color:#8f0000 !important;

    font-size:9px;

    text-decoration:none !important;
}


/* =========================================================
   WICHTIG:
   NUR EINE PRODUKTZEILE PRO REIHE
   ========================================================= */

.dmsp-shop-main
ul.products{
    display:grid !important;

    grid-template-columns:
        1fr !important;

    gap:11px !important;

    margin:0 !important;
}


/* =========================================================
   PRODUKTZEILE
   ========================================================= */

.dmsp-shop-main
ul.products
li.product{
    position:relative;

    min-height:160px;

    width:100% !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        155px;

    align-items:center;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden;

    border:
        1px solid #e2e2e2;

    border-radius:11px;

    background:#fff;

    box-shadow:
        0 5px 20px
        rgba(0,0,0,.035);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.dmsp-shop-main
ul.products
li.product:hover{
    transform:
        translateY(-2px);

    border-color:
        rgba(213,170,67,.55);

    box-shadow:
        0 10px 28px
        rgba(0,0,0,.07);
}


/* =========================================================
   LINKER TEIL DER PRODUKTZEILE
   ========================================================= */

.dmsp-shop-main
ul.products
li.product
.woocommerce-LoopProduct-link{
    min-width:0;

    display:grid !important;

    grid-template-columns:
        145px
        minmax(0,1fr);

    grid-auto-rows:min-content;

    column-gap:20px;

    align-items:start;

    padding:
        14px 16px !important;

    color:inherit;

    text-decoration:none;
}


/* =========================================================
   PRODUKTBILD
   ========================================================= */

.dmsp-shop-main
ul.products
li.product
.woocommerce-LoopProduct-link
img{
    grid-column:1;

    grid-row:
        1 / span 8;

    width:140px !important;
    height:130px !important;

    align-self:center;

    margin:0 !important;

    padding:10px !important;

    border:
        1px solid #eeeeee;

    border-radius:8px;

    background:
        linear-gradient(
            180deg,
            #fafafa,
            #f6f6f6
        );

    object-fit:contain;

    transform:none !important;
}


/* =========================================================
   INHALTE RECHTS VOM BILD
   ========================================================= */

.dmsp-shop-main
.dmsp-card-brand,
.dmsp-shop-main
.woocommerce-loop-product__title,
.dmsp-shop-main
.star-rating,
.dmsp-shop-main
.price,
.dmsp-shop-main
.dmsp-card-sku,
.dmsp-shop-main
.dmsp-card-excerpt,
.dmsp-shop-main
.dmsp-card-info{
    grid-column:2;
}


.dmsp-shop-main
.dmsp-card-brand{
    margin:
        2px 0 4px !important;

    color:#a70000;

    font-size:9px;

    letter-spacing:1px;

    font-weight:700;
}


.dmsp-shop-main
.woocommerce-loop-product__title{
    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;

    color:#151515 !important;

    font-size:16px !important;
    line-height:1.32 !important;

    font-weight:650 !important;
}


.dmsp-shop-main
.star-rating{
    margin:
        5px 0 0 !important;
}


/* SKU */

.dmsp-card-sku{
    margin-top:5px;

    color:#898989;

    font-size:9px;

    letter-spacing:.2px;
}


/* Kurzbeschreibung */

.dmsp-card-excerpt{
    max-width:700px;

    margin-top:7px;

    overflow:hidden;

    color:#727272;

    font-size:10px;

    line-height:1.55;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}


/* Preis */

.dmsp-shop-main
ul.products
li.product
.price{
    margin:
        9px 0 0 !important;

    color:#8f0000 !important;

    font-size:18px !important;

    line-height:1.2;

    font-weight:700 !important;
}


/* Lager / Lieferzeit */

.dmsp-shop-main
.dmsp-card-info{
    justify-content:flex-start;

    gap:13px;

    margin:
        8px 0 0 !important;

    font-size:9px;
}


/* =========================================================
   RECHTER BUTTON
   ========================================================= */

.dmsp-shop-main
ul.products
li.product
> .button{
    grid-column:2;

    width:
        calc(100% - 26px) !important;

    min-height:42px !important;

    display:flex !important;

    align-items:center;
    justify-content:center;

    justify-self:center;

    margin:
        0 13px !important;

    padding:
        0 12px !important;

    border-radius:7px !important;

    background:
        linear-gradient(
            180deg,
            #171717,
            #070707
        ) !important;

    font-size:10px !important;

    text-align:center;
}


.dmsp-shop-main
ul.products
li.product
> .button:hover{
    background:
        linear-gradient(
            180deg,
            #c70000,
            #910000
        ) !important;
}


/* Sale Badge */

.dmsp-shop-main
ul.products
li.product
.onsale{
    z-index:5;

    top:9px !important;
    left:9px !important;

    margin:0 !important;
}


/* =========================================================
   KEINE PRODUKTE
   ========================================================= */

.dmsp-no-products{
    padding:
        55px 30px;

    border:
        1px solid #e2e2e2;

    border-radius:12px;

    background:#fff;

    text-align:center;
}


.dmsp-no-products-icon{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:
        0 auto 15px;

    border:
        1px solid
        rgba(213,170,67,.4);

    border-radius:50%;

    color:#a97818;
}


.dmsp-no-products h3{
    margin:
        0 0 7px;

    font-size:20px;
}


.dmsp-no-products p{
    margin:
        0 0 18px;

    color:#777;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

    .dmsp-shop-layout{
        grid-template-columns:
            210px
            minmax(0,1fr);

        gap:18px;
    }


    .dmsp-shop-main
    ul.products
    li.product{
        grid-template-columns:
            minmax(0,1fr)
            125px;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link{
        grid-template-columns:
            115px
            minmax(0,1fr);

        column-gap:14px;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link
    img{
        width:110px !important;
        height:110px !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:760px){

    .dmsp-shop-layout{
        display:block;
    }


    .dmsp-shop-sidebar{
        position:static;

        display:grid;

        grid-template-columns:
            1fr 1fr;

        gap:10px;

        margin-bottom:20px;
    }


    .dmsp-filter-head,
    .dmsp-filter-help{
        grid-column:
            1 / -1;
    }


    .dmsp-filter-brands{
        max-height:240px;
    }


    .dmsp-shop-main
    ul.products
    li.product{
        grid-template-columns:1fr;

        min-height:0;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link{
        grid-template-columns:
            105px
            minmax(0,1fr);

        padding:
            12px !important;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link
    img{
        width:100px !important;
        height:100px !important;
    }


    .dmsp-shop-main
    ul.products
    li.product
    > .button{
        grid-column:1;

        width:
            calc(100% - 24px) !important;

        margin:
            0 12px 12px !important;
    }

}


/* =========================================================
   KLEINES HANDY
   ========================================================= */

@media(max-width:480px){

    .dmsp-shop-sidebar{
        grid-template-columns:1fr;
    }


    .dmsp-filter-head,
    .dmsp-filter-help{
        grid-column:1;
    }


    .dmsp-shop-toolbar{
        display:block;
    }


    .dmsp-shop-main
    .woocommerce-ordering{
        margin-top:
            10px !important;
    }


    .dmsp-shop-main
    .woocommerce-ordering select{
        width:100%;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link{
        grid-template-columns:
            85px
            minmax(0,1fr);

        column-gap:11px;
    }


    .dmsp-shop-main
    ul.products
    li.product
    .woocommerce-LoopProduct-link
    img{
        width:80px !important;
        height:80px !important;
    }


    .dmsp-shop-main
    .woocommerce-loop-product__title{
        font-size:14px !important;
    }


    .dmsp-card-excerpt{
        -webkit-line-clamp:1;
    }

}



/* =========================================================
   DRIVERS MALL – SHOP SIDEBAR FEINTUNING
   ========================================================= */


/* schwarze "Produkte filtern"-Box komplett entfernen */

.dmsp-shop-sidebar .dmsp-filter-head{
    display:none !important;
}


/* linke Spalte etwas breiter */

.dmsp-shop-layout{
    grid-template-columns:
        290px
        minmax(0,1fr) !important;

    gap:30px !important;
}


/* Filterboxen etwas großzügiger */

.dmsp-filter-title{
    padding:
        16px 18px !important;
}


.dmsp-filter-list{
    padding:
        9px !important;
}


.dmsp-filter-list a{
    min-height:42px !important;

    padding:
        9px 12px !important;

    font-size:12px !important;
}


.dmsp-filter-list small{
    min-width:26px !important;

    padding:
        4px 7px !important;

    font-size:9px !important;
}


/* Markenliste etwas höher */

.dmsp-filter-brands{
    max-height:430px !important;
}


/* Hilfe unten ebenfalls passend breiter */

.dmsp-filter-help{
    padding:
        18px !important;
}


.dmsp-filter-help strong{
    font-size:12px !important;
}


.dmsp-filter-help span{
    font-size:11px !important;

    line-height:1.55 !important;
}


/* =========================================================
   KLEINERE DESKTOPS / TABLETS
   ========================================================= */

@media(max-width:1200px){

    .dmsp-shop-layout{
        grid-template-columns:
            255px
            minmax(0,1fr) !important;

        gap:20px !important;
    }

}


@media(max-width:760px){

    .dmsp-shop-layout{
        display:block !important;
    }

}


/* =========================================================
   SHOP SIDEBAR NOCH BREITER
   ========================================================= */

.dmsp-shop-layout{
    grid-template-columns:
        330px
        minmax(0,1fr) !important;

    gap:32px !important;
}

@media(max-width:1200px){

    .dmsp-shop-layout{
        grid-template-columns:
            285px
            minmax(0,1fr) !important;

        gap:22px !important;
    }

}

@media(max-width:760px){

    .dmsp-shop-layout{
        display:block !important;
    }

}


/* =========================================================
   PRODUKTLISTE – TITEL LINKS BÜNDIG
   ========================================================= */

.dmsp-premium-shop
.dmsp-shop-main
ul.products
li.product
.woocommerce-loop-product__title{
    margin:0 !important;
    padding:0 !important;

    text-indent:0 !important;

    transform:none !important;

    margin-left:0 !important;
    padding-left:0 !important;
}



/* =========================================================
   PRODUKTLISTE – WARENKORB BUTTON ICON
   ========================================================= */

.dmsp-shop-main
ul.products
li.product
> .button{
    gap:9px !important;
}


.dmsp-shop-main
ul.products
li.product
> .button
.dmsp-cart-button-icon{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    color:#d5aa43;

    font-size:13px;

    transition:
        transform .2s ease,
        color .2s ease;
}


.dmsp-shop-main
ul.products
li.product
> .button:hover
.dmsp-cart-button-icon{
    color:#fff;

    transform:
        translateX(-2px);
}



/* =========================================================
   WARENKORB ICON – FINAL
   ========================================================= */

.dmsp-shop-main
ul.products
li.product
> .button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;
}


.dmsp-shop-main
ul.products
li.product
> .button
.dmsp-cart-button-icon{
    display:inline-block !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;

    color:#d5aa43 !important;

    font-family:"Font Awesome 6 Free" !important;

    font-size:14px !important;
    font-style:normal !important;
    font-weight:900 !important;

    line-height:1 !important;

    opacity:1 !important;
    visibility:visible !important;
}


.dmsp-shop-main
ul.products
li.product
> .button:hover
.dmsp-cart-button-icon{
    color:#fff !important;
}


/* =========================================================
   SHOP – WARENKORB BUTTON EINZEILIG
   ========================================================= */

.dmsp-shop-main
ul.products
li.product{
    grid-template-columns:
        minmax(0,1fr)
        185px !important;
}

.dmsp-shop-main
ul.products
li.product
> .button{
    width:160px !important;
    min-width:160px !important;

    min-height:46px !important;

    margin:0 12px !important;

    padding:0 15px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    white-space:nowrap !important;

    font-size:11px !important;
    line-height:1 !important;
}

.dmsp-shop-main
ul.products
li.product
> .button
.dmsp-cart-button-icon{
    flex:0 0 auto !important;

    font-size:15px !important;
}


/* TABLET */

@media(max-width:1000px){

    .dmsp-shop-main
    ul.products
    li.product{
        grid-template-columns:
            minmax(0,1fr)
            170px !important;
    }

    .dmsp-shop-main
    ul.products
    li.product
    > .button{
        width:148px !important;
        min-width:148px !important;

        font-size:10px !important;
    }

}


/* MOBIL */

@media(max-width:760px){

    .dmsp-shop-main
    ul.products
    li.product{
        grid-template-columns:1fr !important;
    }

    .dmsp-shop-main
    ul.products
    li.product
    > .button{
        width:calc(100% - 24px) !important;
        min-width:0 !important;

        margin:0 12px 12px !important;
    }

}




/* =========================================================
   DRIVERS MALL – CART BUTTON SWAP FINAL
   ========================================================= */


/* WooCommerce Zusatzlink niemals anzeigen */

.dmsp-shop-main
a.added_to_cart.wc-forward{
    display:none !important;
}


/* Nach erfolgreichem Hinzufügen */

.dmsp-shop-main
ul.products
li.product
> .button.dmsp-view-cart{
    width:180px !important;
    min-width:180px !important;

    white-space:nowrap !important;

    border:
        1px solid rgba(213,170,67,.55) !important;

    background:
        linear-gradient(
            180deg,
            #a90000 0%,
            #790000 100%
        ) !important;

    color:#fff !important;

    box-shadow:
        0 8px 22px rgba(120,0,0,.18) !important;
}


.dmsp-shop-main
ul.products
li.product
> .button.dmsp-view-cart
.dmsp-cart-button-icon{
    color:#d5aa43 !important;
}


/* kurzer Erfolgs-Effekt */

.dmsp-shop-main
ul.products
li.product
> .button.dmsp-cart-success{
    animation:
        dmspCartSuccess
        .6s
        cubic-bezier(.22,.61,.36,1)
        both;
}


@keyframes dmspCartSuccess{

    0%{
        transform:scale(1);
        box-shadow:
            0 8px 22px rgba(120,0,0,.18);
    }

    35%{
        transform:scale(1.055);

        box-shadow:
            0 0 0 7px
            rgba(213,170,67,.14);
    }

    70%{
        transform:scale(.985);
    }

    100%{
        transform:scale(1);

        box-shadow:
            0 8px 22px rgba(120,0,0,.18);
    }

}


/* Hover */

.dmsp-shop-main
ul.products
li.product
> .button.dmsp-view-cart:hover{
    transform:translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #c40000,
            #8d0000
        ) !important;
}


.dmsp-shop-main
ul.products
li.product
> .button.dmsp-view-cart:hover
.dmsp-cart-button-icon{
    color:#fff !important;
}


/* Mobil */

@media(max-width:760px){

    .dmsp-shop-main
    ul.products
    li.product
    > .button.dmsp-view-cart{
        width:calc(100% - 24px) !important;
        min-width:0 !important;
    }

}


/* =========================================================
   DRIVERS MALL – SHOP HERO MIT HINTERGRUNDBILD
   ========================================================= */

.dmsp-shop-hero{
    position:relative !important;
    isolation:isolate !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,4,4,.88) 0%,
            rgba(6,6,6,.77) 38%,
            rgba(14,2,2,.60) 68%,
            rgba(45,0,0,.55) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,.45) 100%
        ),
        url("https://drivers-mall.de/wp-content/uploads/2026/09/19718.jpg")
        center 48% / cover no-repeat !important;

    background-attachment:scroll !important;
}


/* leichte Abdunklung / Tiefe */

.dmsp-shop-hero:before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 78% 38%,
            rgba(182,0,0,.17),
            transparent 38%
        );
}


/* Inhalt sicher darüber */

.dmsp-shop-hero .dmsp-container{
    position:relative;
    z-index:2;
}


/* Text etwas besser lesbar */

.dmsp-shop-hero h1{
    text-shadow:
        0 4px 20px rgba(0,0,0,.55) !important;
}

.dmsp-shop-hero-copy p{
    color:#d0d0d0 !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.65) !important;
}


/* Suchbox hebt sich stärker vom Bild ab */

.dmsp-shop-search{
    box-shadow:
        0 18px 45px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.08) !important;
}


/* Mobil etwas stärker abdunkeln */

@media(max-width:700px){

    .dmsp-shop-hero{
        background:
            linear-gradient(
                180deg,
                rgba(3,3,3,.82) 0%,
                rgba(8,3,3,.70) 58%,
                rgba(25,0,0,.68) 100%
            ),
            url("https://drivers-mall.de/wp-content/uploads/2026/09/19718.jpg")
            center center / cover no-repeat !important;
    }

}


/* =========================================================
   SHOP SIDEBAR – STICKY HEADER ABSTAND FIX
   ========================================================= */

@media(min-width:761px){

    .dmsp-shop-sidebar{
        position:sticky !important;

        /* kompletter Sticky Header + etwas Luft */
        top:165px !important;

        align-self:start !important;

        z-index:5 !important;
    }

}


/* Auf kleineren Geräten weiterhin normal */

@media(max-width:760px){

    .dmsp-shop-sidebar{
        position:static !important;
        top:auto !important;
    }

}




/* =========================================================
   SHOP SIDEBAR – DYNAMISCH UNTER HEADER
   ========================================================= */

@media(min-width:761px){

    .dmsp-shop-sidebar{
        position:sticky !important;

        top:
            var(
                --dmsp-sidebar-sticky-top,
                185px
            ) !important;

        align-self:start !important;

        z-index:4 !important;
    }

}

@media(max-width:760px){

    .dmsp-shop-sidebar{
        position:static !important;
        top:auto !important;
    }

}


/* =========================================================
   BREITERE PAGINATION
   ========================================================= */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.dmsp-shop-wrap .page-numbers li a,
.dmsp-shop-wrap .page-numbers li span,
.dmsp-shop-wrap .woocommerce-pagination .page-numbers a,
.dmsp-shop-wrap .woocommerce-pagination .page-numbers span{
    min-width: 56px !important;
    height: 44px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 18px !important;
}

@media (max-width: 767px){
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span,
    .dmsp-shop-wrap .page-numbers li a,
    .dmsp-shop-wrap .page-numbers li span,
    .dmsp-shop-wrap .woocommerce-pagination .page-numbers a,
    .dmsp-shop-wrap .woocommerce-pagination .page-numbers span{
        min-width: 50px !important;
        height: 42px !important;
        padding: 0 14px !important;
    }
}

/* =========================================================
   PRODUKTDETAIL – ÄHNLICHE PRODUKTE FINAL
   ========================================================= */


/* 4 SPALTEN DESKTOP */

.dmsp-single-page
.related.products
ul.products,
.dmsp-single-page
.up-sells.products
ul.products{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:18px !important;

    margin:0 !important;
}


/* Karten sauber auf volle Breite */

.dmsp-single-page
.related.products
ul.products
li.product,
.dmsp-single-page
.up-sells.products
ul.products
li.product{
    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;

    border-radius:12px !important;
}


/* =========================================================
   TEXTABSTÄNDE
   ========================================================= */

.dmsp-single-page
.related.products
.dmsp-card-brand,
.dmsp-single-page
.up-sells.products
.dmsp-card-brand{
    margin:
        17px 18px 5px !important;

    padding:0 !important;
}


.dmsp-single-page
.related.products
.woocommerce-loop-product__title,
.dmsp-single-page
.up-sells.products
.woocommerce-loop-product__title{
    min-height:52px !important;

    margin:0 !important;

    padding:
        0 18px !important;

    font-size:14px !important;
    line-height:1.4 !important;

    word-break:normal !important;
    overflow-wrap:anywhere;
}


.dmsp-single-page
.related.products
.price,
.dmsp-single-page
.up-sells.products
.price{
    margin:
        13px 18px 0 !important;

    padding:0 !important;
}


/* Artikelnummer */

.dmsp-single-page
.related.products
.dmsp-card-sku,
.dmsp-single-page
.up-sells.products
.dmsp-card-sku{
    margin:
        6px 0 0 !important;

    padding:
        0 18px !important;

    color:#929292;

    font-size:9px;
}


/* Beschreibung */

.dmsp-single-page
.related.products
.dmsp-card-excerpt,
.dmsp-single-page
.up-sells.products
.dmsp-card-excerpt{
    margin:
        7px 0 0 !important;

    padding:
        0 18px !important;

    color:#777;

    font-size:9px;

    line-height:1.55;

    overflow:hidden;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}


/* Lager / Lieferzeit */

.dmsp-single-page
.related.products
.dmsp-card-info,
.dmsp-single-page
.up-sells.products
.dmsp-card-info{
    width:100%;

    margin:
        12px 0 0 !important;

    padding:
        0 18px !important;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:8px;

    font-size:9px;

    box-sizing:border-box;
}


/* =========================================================
   BUTTON
   ========================================================= */

.dmsp-single-page
.related.products
ul.products
li.product
> .button,
.dmsp-single-page
.up-sells.products
ul.products
li.product
> .button{
    width:
        calc(100% - 36px) !important;

    min-width:0 !important;

    min-height:44px !important;

    margin:
        16px 18px 18px !important;

    padding:
        0 12px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    white-space:nowrap !important;

    font-size:10px !important;
}


/* Karte unten sauber ausrichten */

.dmsp-single-page
.related.products
ul.products
li.product
.button,
.dmsp-single-page
.up-sells.products
ul.products
li.product
.button{
    margin-top:auto !important;
}


/* =========================================================
   BILDER ETWAS KOMPAKTER
   ========================================================= */

.dmsp-single-page
.related.products
ul.products
li.product
img,
.dmsp-single-page
.up-sells.products
ul.products
li.product
img{
    width:100% !important;

    aspect-ratio:1.25 / 1 !important;

    max-height:260px !important;

    padding:20px !important;

    object-fit:contain !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

    .dmsp-single-page
    .related.products
    ul.products,
    .dmsp-single-page
    .up-sells.products
    ul.products{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:600px){

    .dmsp-single-page
    .related.products
    ul.products,
    .dmsp-single-page
    .up-sells.products
    ul.products{
        grid-template-columns:1fr !important;
    }

}


/* =========================================================
   ÄHNLICHE PRODUKTE – MEHR ABSTAND VOR BUTTON
   ========================================================= */

.dmsp-single-page .related.products ul.products li.product > .button,
.dmsp-single-page .up-sells.products ul.products li.product > .button{
    margin: 26px 18px 20px !important;
}

.dmsp-single-page .related.products .dmsp-card-info,
.dmsp-single-page .up-sells.products .dmsp-card-info{
    margin-top: 14px !important;
    padding-bottom: 4px !important;
}



/* =========================================================
   SINGLE PRODUCT – WARENKORB ICON
   ========================================================= */

.dmsp-single-page
.single_add_to_cart_button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:10px !important;
}


.dmsp-single-page
.single_add_to_cart_button:before{
    content:"\f07a";

    display:inline-block;

    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-style:normal !important;

    color:#f1d27a;

    font-size:15px;

    line-height:1;

    transition:
        transform .2s ease,
        color .2s ease;
}


.dmsp-single-page
.single_add_to_cart_button:hover:before{
    color:#fff;

    transform:
        translateX(-2px);
}


/* =========================================================
   SINGLE PRODUCT – PRODUKTINFOS UNTEN
   ========================================================= */

.dmsp-single-page
.dmsp-custom-product-meta{
    display:flex;
    flex-direction:column;

    gap:7px;

    margin-top:26px;
    padding-top:22px;

    border-top:
        1px solid #e8e8e8;
}


.dmsp-single-page
.dmsp-meta-row{
    width:100%;

    display:grid;

    grid-template-columns:
        32px
        125px
        minmax(0,1fr);

    align-items:center;

    gap:10px;

    min-height:48px;

    padding:
        8px 12px;

    border:
        1px solid #e5e5e5;

    border-radius:8px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fafafa
        );
}


.dmsp-single-page
.dmsp-meta-icon{
    width:29px;
    height:29px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.35);

    border-radius:7px;

    background:
        rgba(213,170,67,.07);

    color:#a97818;

    font-size:11px;
}


.dmsp-single-page
.dmsp-meta-label{
    color:#777;

    font-size:10px;

    font-weight:500;

    letter-spacing:.4px;

    text-transform:uppercase;
}


.dmsp-single-page
.dmsp-meta-value{
    min-width:0;

    color:#292929;

    font-size:11px;

    font-weight:600;

    line-height:1.5;

    word-break:break-word;
}


.dmsp-single-page
.dmsp-meta-value a{
    color:#333 !important;

    text-decoration:none !important;

    transition:
        color .2s ease;
}


.dmsp-single-page
.dmsp-meta-value a:hover{
    color:#b60000 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:600px){

    .dmsp-single-page
    .dmsp-meta-row{
        grid-template-columns:
            30px
            minmax(0,1fr);

        gap:8px;
    }


    .dmsp-single-page
    .dmsp-meta-label{
        grid-column:2;

        align-self:end;
    }


    .dmsp-single-page
    .dmsp-meta-value{
        grid-column:2;

        align-self:start;
    }


    .dmsp-single-page
    .dmsp-meta-icon{
        grid-row:1 / span 2;
    }

}



/* =========================================================
   DRIVERS MALL – MEIN KONTO
   ========================================================= */

.dmsp-account-page{
    min-height:700px;

    background:#f6f6f6;
}


/* =========================================================
   HERO
   ========================================================= */

.dmsp-account-hero{
    position:relative;

    overflow:hidden;

    padding:
        68px 0 58px;

    border-bottom:
        1px solid rgba(213,170,67,.28);

    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(182,0,0,.24),
            transparent 33%
        ),
        linear-gradient(
            135deg,
            #080808 0%,
            #110707 68%,
            #260000 100%
        );

    color:#fff;
}


.dmsp-account-hero:after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d5aa43,
            #b60000,
            transparent
        );
}


.dmsp-account-hero-inner{
    position:relative;

    z-index:2;

    max-width:850px;
}


.dmsp-account-hero h1{
    margin:
        18px 0 0;

    color:#fff;

    font-size:
        clamp(
            42px,
            5vw,
            58px
        );

    line-height:1.07;

    letter-spacing:-1.8px;

    font-weight:700;
}


.dmsp-account-hero p{
    max-width:700px;

    margin:
        17px 0 0;

    color:#c7c7c7;

    font-size:16px;

    line-height:1.7;
}


.dmsp-account-hero-trust{
    display:flex;

    flex-wrap:wrap;

    gap:
        12px 24px;

    margin-top:24px;

    color:#dedede;

    font-size:11px;
}


.dmsp-account-hero-trust span{
    display:flex;
    align-items:center;

    gap:7px;
}


.dmsp-account-hero-trust i{
    color:#d5aa43;
}


/* =========================================================
   CONTENT
   ========================================================= */

.dmsp-account-content{
    padding:
        34px 0 85px;
}


/* =========================================================
   TRUST LEISTE
   ========================================================= */

.dmsp-account-top-trust{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    margin-bottom:22px;
}


.dmsp-account-top-trust > div{
    display:flex;
    align-items:center;

    gap:11px;

    min-height:70px;

    padding:
        13px 16px;

    border:
        1px solid #e2e2e2;

    border-radius:10px;

    background:#fff;

    box-shadow:
        0 6px 22px rgba(0,0,0,.03);
}


.dmsp-account-top-trust > div > span{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.38);

    border-radius:8px;

    background:
        rgba(213,170,67,.07);

    color:#a87818;

    font-size:12px;
}


.dmsp-account-top-trust strong{
    display:block;

    color:#222;

    font-size:11px;
}


.dmsp-account-top-trust small{
    display:block;

    margin-top:3px;

    color:#888;

    font-size:9px;
}


/* =========================================================
   ACCOUNT SHELL
   ========================================================= */

.dmsp-account-shell{
    width:100%;
}


.dmsp-account-shell > .woocommerce{
    width:100%;
}


/* =========================================================
   EINGELOGGT – SIDEBAR / CONTENT
   ========================================================= */

.dmsp-account-shell
.woocommerce-MyAccount-navigation{
    width:280px !important;

    float:left !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden;

    border:
        1px solid #e0e0e0;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 8px 28px rgba(0,0,0,.04);
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation ul{
    margin:0 !important;

    padding:7px !important;

    list-style:none !important;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation li{
    margin:0 !important;

    padding:0 !important;

    border:0 !important;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation li + li{
    margin-top:3px !important;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation a{
    position:relative;

    min-height:47px;

    display:flex;

    align-items:center;

    padding:
        10px 13px 10px 43px;

    border-radius:8px;

    color:#555 !important;

    font-size:11px;

    font-weight:500;

    text-decoration:none !important;

    transition:
        background .18s ease,
        color .18s ease;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation a:hover{
    background:#f7f7f7;

    color:#9f0000 !important;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation
.is-active a{
    background:
        linear-gradient(
            90deg,
            #fff3f3,
            #fffafa
        );

    color:#a10000 !important;

    font-weight:650;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation
.is-active a:after{
    content:"";

    position:absolute;

    left:0;

    top:9px;
    bottom:9px;

    width:3px;

    border-radius:3px;

    background:#b60000;
}


/* =========================================================
   ACCOUNT MENÜ ICONS
   ========================================================= */

.dmsp-account-shell
.woocommerce-MyAccount-navigation a:before{
    position:absolute;

    left:15px;

    top:50%;

    transform:translateY(-50%);

    width:18px;

    color:#b28625;

    font-family:
        "Font Awesome 6 Free";

    font-size:12px;

    font-weight:900;

    text-align:center;
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--dashboard a:before{
    content:"\f015";
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--orders a:before{
    content:"\f570";
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--downloads a:before{
    content:"\f019";
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--edit-address a:before{
    content:"\f3c5";
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--edit-account a:before{
    content:"\f007";
}


.dmsp-account-shell
.woocommerce-MyAccount-navigation-link--customer-logout a:before{
    content:"\f2f5";
}


/* =========================================================
   ACCOUNT CONTENT
   ========================================================= */

.dmsp-account-shell
.woocommerce-MyAccount-content{
    width:
        calc(100% - 305px) !important;

    min-height:330px;

    float:right !important;

    margin:0 !important;

    padding:26px !important;

    border:
        1px solid #e0e0e0;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 8px 28px rgba(0,0,0,.04);

    color:#555;

    font-size:12px;

    line-height:1.7;
}


.dmsp-account-shell
.woocommerce-MyAccount-content:after{
    content:"";

    display:block;

    clear:both;
}


.dmsp-account-shell
.woocommerce-MyAccount-content p:first-child{
    margin-top:0;
}


.dmsp-account-shell
.woocommerce-MyAccount-content a{
    color:#a30000;

    text-decoration:none;
}


.dmsp-account-shell
.woocommerce-MyAccount-content a:hover{
    color:#d00000;
}


/* =========================================================
   ÜBERSCHRIFTEN
   ========================================================= */

.dmsp-account-shell h2,
.dmsp-account-shell h3{
    position:relative;

    margin:
        0 0 20px;

    padding-bottom:12px;

    color:#171717;

    font-size:20px;

    line-height:1.25;

    font-weight:650;
}


.dmsp-account-shell h2:after,
.dmsp-account-shell h3:after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:38px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* =========================================================
   LOGIN / REGISTRIEREN
   ========================================================= */

.dmsp-account-shell
#customer_login{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:22px;
}


.dmsp-account-shell
#customer_login > div{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:28px !important;

    border:
        1px solid #e0e0e0;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 10px 35px rgba(0,0,0,.04);
}


.dmsp-account-shell
#customer_login > div:only-child{
    grid-column:
        1 / -1;

    max-width:640px;

    margin:
        0 auto !important;
}


.dmsp-account-shell
.woocommerce-form-login,
.dmsp-account-shell
.woocommerce-form-register{
    margin:0 !important;

    padding:0 !important;

    border:0 !important;
}


/* =========================================================
   FORMULARE
   ========================================================= */

.dmsp-account-shell
.form-row{
    width:100% !important;

    float:none !important;

    margin:
        0 0 15px !important;

    padding:0 !important;
}


.dmsp-account-shell
.form-row label{
    display:block;

    margin-bottom:6px;

    color:#555;

    font-size:10px;

    font-weight:550;
}


.dmsp-account-shell
input.input-text,
.dmsp-account-shell
input[type="text"],
.dmsp-account-shell
input[type="email"],
.dmsp-account-shell
input[type="password"],
.dmsp-account-shell
input[type="tel"],
.dmsp-account-shell
select,
.dmsp-account-shell textarea{
    width:100% !important;

    min-height:47px;

    padding:
        10px 12px !important;

    border:
        1px solid #d9d9d9 !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#222 !important;

    box-shadow:none !important;

    outline:0 !important;
}


.dmsp-account-shell
input:focus,
.dmsp-account-shell
textarea:focus{
    border-color:
        rgba(182,0,0,.58) !important;

    box-shadow:
        0 0 0 3px
        rgba(182,0,0,.05) !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dmsp-account-shell
.woocommerce-button,
.dmsp-account-shell
button.button,
.dmsp-account-shell
a.button{
    min-height:44px !important;

    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    padding:
        0 19px !important;

    border:0 !important;

    border-radius:7px !important;

    background:
        linear-gradient(
            180deg,
            #161616,
            #060606
        ) !important;

    color:#fff !important;

    font-size:11px !important;

    font-weight:650 !important;

    box-shadow:none !important;

    transition:.2s ease;
}


.dmsp-account-shell
button.button:hover,
.dmsp-account-shell
a.button:hover{
    background:
        linear-gradient(
            180deg,
            #c90000,
            #900000
        ) !important;
}


/* Login Button rot */

.dmsp-account-shell
.woocommerce-form-login
button.button,
.dmsp-account-shell
.woocommerce-form-register
button.button,
.dmsp-account-shell
button[name="save_account_details"]{
    background:
        linear-gradient(
            180deg,
            #cf0000,
            #920000
        ) !important;
}


/* =========================================================
   PASSWORT VERGESSEN
   ========================================================= */

.dmsp-account-shell
.woocommerce-LostPassword{
    margin-top:15px !important;
}


.dmsp-account-shell
.woocommerce-LostPassword a{
    color:#8e0000;

    font-size:10px;

    font-weight:600;
}


/* =========================================================
   BESTELLUNGEN TABELLE
   ========================================================= */

.dmsp-account-shell
.woocommerce-orders-table,
.dmsp-account-shell
.shop_table{
    width:100%;

    overflow:hidden;

    border:
        1px solid #e3e3e3 !important;

    border-radius:9px !important;

    background:#fff;
}


.dmsp-account-shell
.shop_table th{
    padding:
        13px !important;

    background:#fafafa;

    color:#777;

    font-size:9px !important;

    letter-spacing:.5px;

    text-transform:uppercase;
}


.dmsp-account-shell
.shop_table td{
    padding:
        14px 13px !important;

    border-color:#eee !important;

    color:#444;

    font-size:11px;
}


/* =========================================================
   ADRESSEN
   ========================================================= */

.dmsp-account-shell
.u-columns.woocommerce-Addresses{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;

    margin-top:20px;
}


.dmsp-account-shell
.woocommerce-Address{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:19px;

    border:
        1px solid #e2e2e2;

    border-radius:9px;

    background:#fafafa;
}


.dmsp-account-shell
.woocommerce-Address-title{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;
}


.dmsp-account-shell
.woocommerce-Address-title h3{
    margin:
        0 0 14px;
}


.dmsp-account-shell
address{
    color:#666;

    font-style:normal;

    line-height:1.8;
}


/* =========================================================
   ACCOUNT DETAILS
   ========================================================= */

.dmsp-account-shell
fieldset{
    margin:
        25px 0 18px;

    padding:
        20px;

    border:
        1px solid #e2e2e2;

    border-radius:9px;

    background:#fafafa;
}


.dmsp-account-shell
fieldset legend{
    padding:
        0 7px;

    color:#333;

    font-size:11px;

    font-weight:650;
}


/* =========================================================
   LOGOUT / DASHBOARD
   ========================================================= */

.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-message,
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-info{
    margin-bottom:18px !important;
}


/* =========================================================
   CLEARFIX
   ========================================================= */

.dmsp-account-shell
.woocommerce:after{
    content:"";

    display:block;

    clear:both;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .dmsp-account-shell
    .woocommerce-MyAccount-navigation{
        width:230px !important;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        width:
            calc(100% - 250px) !important;
    }


    .dmsp-account-top-trust{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

    .dmsp-account-hero{
        padding:
            50px 0 43px;
    }


    .dmsp-account-hero h1{
        font-size:38px;
    }


    .dmsp-account-hero-trust{
        display:block;
    }


    .dmsp-account-hero-trust span{
        margin-top:9px;
    }


    .dmsp-account-content{
        padding:
            25px 0 60px;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-navigation,
    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        width:100% !important;

        float:none !important;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-navigation{
        margin-bottom:15px !important;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-navigation ul{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:4px;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-navigation li + li{
        margin-top:0 !important;
    }


    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        padding:18px !important;
    }


    .dmsp-account-shell
    #customer_login{
        grid-template-columns:1fr;
    }


    .dmsp-account-shell
    #customer_login > div{
        padding:20px !important;
    }


    .dmsp-account-shell
    .u-columns.woocommerce-Addresses{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   KLEINES HANDY
   ========================================================= */

@media(max-width:430px){

    .dmsp-account-shell
    .woocommerce-MyAccount-navigation ul{
        grid-template-columns:1fr;
    }

}



/* =========================================================
   SINGLE PRODUCT – PRODUKTTITEL
   ========================================================= */

.dmsp-single-page
.dmsp-single-title-wrap{
    width:100%;

    margin:
        0 0 18px !important;

    padding:0 !important;
}


.dmsp-single-page
.dmsp-single-title-brand{
    margin-bottom:7px;

    color:#b60000;

    font-size:10px;
    line-height:1;

    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;
}


.dmsp-single-page
.dmsp-single-product-title{
    width:100%;

    margin:0 !important;
    padding:0 !important;

    color:#171717 !important;

    font-size:
        clamp(
            28px,
            2.5vw,
            39px
        ) !important;

    line-height:1.15 !important;

    letter-spacing:-1px !important;

    font-weight:650 !important;

    text-transform:none !important;

    word-break:normal !important;
}


/* Preis etwas sauber vom Titel trennen */

.dmsp-single-page
.dmsp-product-summary
.price{
    margin:
        17px 0 20px !important;
}


/* MOBILE */

@media(max-width:700px){

    .dmsp-single-page
    .dmsp-single-product-title{
        font-size:27px !important;

        line-height:1.18 !important;
    }

}



/* =========================================================
   SHOP HERO – ECHTE DRIVERS MALL LIVE-SUCHE
   ========================================================= */

.dmsp-shop-live-search{
    position:relative;

    width:100%;
    max-width:880px;

    margin-top:30px;

    z-index:100;
}


/* volle vorhandene Breite benutzen */

.dmsp-shop-live-search .dmsearch{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
}


/* Suchleiste passend zum Shop-Hero */

.dmsp-shop-live-search .dmsearch__form{
    min-height:70px !important;

    padding:6px !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

    border-radius:13px !important;

    background:#fff !important;

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.28) !important;
}


/* linke Lupe */

.dmsp-shop-live-search .dmsearch__icon{
    width:50px !important;
    height:56px !important;

    flex:
        0 0 50px !important;

    color:#777 !important;
}


/* Eingabefeld */

.dmsp-shop-live-search .dmsearch__input{
    height:56px !important;

    font-size:14px !important;

    line-height:56px !important;
}


/* roter Button */

.dmsp-shop-live-search .dmsearch__submit{
    min-width:176px !important;
    height:58px !important;

    border-radius:9px !important;

    background:
        linear-gradient(
            180deg,
            #d10000,
            #a50000
        ) !important;

    font-size:13px !important;
}


/* =========================================================
   LIVE DROPDOWN
   ========================================================= */

.dmsp-shop-live-search .dmsearch__dropdown{
    top:
        calc(100% + 8px) !important;

    z-index:99999 !important;

    border:
        1px solid #e1e1e1 !important;

    background:#fff !important;

    box-shadow:
        0 25px 65px
        rgba(0,0,0,.22) !important;
}


/* sicherstellen, dass Shop-Hero nichts abschneidet */

.dmsp-shop-hero,
.dmsp-shop-hero-inner,
.dmsp-shop-hero-content{
    overflow:visible !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media(max-width:700px){

    .dmsp-shop-live-search{
        max-width:none;

        margin-top:24px;
    }


    .dmsp-shop-live-search .dmsearch__form{
        min-height:0 !important;
    }


    .dmsp-shop-live-search .dmsearch__input{
        height:50px !important;

        line-height:50px !important;
    }


    .dmsp-shop-live-search .dmsearch__submit{
        width:100% !important;
        min-width:0 !important;
        height:52px !important;
    }

}



/* =========================================================
   SHOP LIVE SEARCH – DROPDOWN NICHT ABSCHNEIDEN
   ========================================================= */

.dmsp-shop-hero{
    position:relative !important;
    z-index:50 !important;

    overflow:visible !important;
}


.dmsp-shop-hero-inner,
.dmsp-shop-hero-content,
.dmsp-shop-live-search{
    position:relative !important;

    overflow:visible !important;
}


.dmsp-shop-live-search{
    z-index:1000 !important;
}


.dmsp-shop-live-search .dmsearch{
    position:relative !important;

    z-index:1001 !important;

    overflow:visible !important;
}


.dmsp-shop-live-search .dmsearch__dropdown{
    z-index:999999 !important;

    overflow:hidden !important;
}


/*
 * Produktbereich bewusst unter dem
 * geöffneten Such-Dropdown halten.
 */

.dmsp-shop-main,
.dmsp-shop-layout,
.dmsp-shop-content,
.dmsp-products-area{
    position:relative !important;

    z-index:1 !important;
}


/* Auch WooCommerce darf den Hero nicht abschneiden */

body.post-type-archive-product .site-main,
body.post-type-archive-product main,
body.woocommerce-shop .site-main,
body.woocommerce-shop main{
    overflow:visible !important;
}