/* HEADER CAT BOX */
#cat-box {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  z-index: 96;
  padding: 25px 0 10px 0;
  height: 480px;
  overflow-y: auto;
}

#cat-box .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#cat-box a.cat1 {
  float: left;
  clear: both;
}

#cat-box a.cat1 > div {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  padding: 8px;
  background: #f6f6f6;
  box-shadow: none;
  margin: 0 12px 0 0;
  float: left;
  overflow: hidden;
  transform: scale(1);
  transition: 0.1s;
}

#cat-box a.cat1 > div > img {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 32px;
  max-height: 32px;
}

#cat-box a.cat1 > div > i {
  font-size: 18px;
  line-height: 32px;
  width: 100%;
  text-align: center;
}

#cat-box a.cat1:hover > div {
  transform: scale(1.1);
}

#cat-box a.cat1 h3 {
  float: left;
  font-size: 17px;
  color: #111;
  font-weight: bold;
  width: auto;
  line-height: 20px;
  margin: 14px 0;
}

#cat-box .sub-box {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0 30px 0;
}

#cat-box .sub-box:empty {
  display: none;
}

#cat-box .sub-box .link {
  float: left;
  width: 25%;
  padding: 0 20px 0 0;
}

#cat-box .sub-box .link a {
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 15px;
  padding: 3px 0;
  margin: 0 0 6px 0;
}

#cat-box .sub-box .link a:hover {
  text-decoration: underline;
}

#overlay {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 92;
  display: none;
}

#overlay.white {
  background: rgba(255, 255, 255, 0.9);
}

#overlay.black {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  #overlay,
  #cat-box {
    top: 48px;
  }
  #cat-box {
    padding: 0 16px;
  }
  #cat-box .container {
    margin: 16px 0 6px 0;
    padding: 0;
  }
  #cat-box .sub-box .link {
    width: 50%;
  }
}

@media screen and (max-width: 360px) {
  #cat-box .sub-box .link {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
  #cat-box .sub-box .link {
    width: 33.3%;
  }
  #cat-box {
    max-height: 480px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1080px) {
  #cat-box {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #cat-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ITEM VIEWER */
body#item.itemviewer header, body#item.itemviewer #debug-mode, body#item.itemviewer footer, body#item.itemviewer #item-main .mlink {display:none;}
body#item.itemviewer #osp-promos, body#item.itemviewer #breadcrumbs, body#item.itemviewer #item-side .master-button {display:none;}
body#item.itemviewer #item-side .report-button, body#item.itemviewer #item-side #protection {display:none;}
body#item.itemviewer .sticky-button, body#item.itemviewer section.promo, body#item.itemviewer .svi-save-btn {display:none;}
body#item.itemviewer .data-box, body#item.itemviewer .data-box:hover {border:none;padding:0;margin:0;box-shadow:none;background:transparent;}
body#item.itemviewer {padding-top:16px;padding-bottom:16px;background:#fff;}
body#item.itemviewer #item-side .seller-button, body#item.itemviewer #item-side .report-button, body#item.itemviewer #item-side .manage-button {display:none;}
body#item.itemviewer #item-main .location .directions, body#item.itemviewer #shortcuts, body#item.itemviewer #rel-block {display:none;}
body#item.itemviewer #scroll-to-top {display:none!important;}


/* SEARCH CATEGORIES */
#home-cat2 {float:left;clear:both;width:100%;display:block;margin:0 0 12px 0;text-align:center;}
#home-cat2 h2 {margin:0 0 14px 0;position:relative;font-size:24px;line-height:28px;font-weight:700;color:#111;text-align:left;font-family:'Roboto', sans-serif;}
#home-cat2 .box {float:left;clear:both;width:100%;position:relative;text-align:center;overflow:hidden;}
#home-cat2 .wrap {float:left;clear:both;width:100%;position:relative;overflow-y:hidden;overflow-x:auto;padding-top:6px;padding-bottom:15px;}
#home-cat2 .wrap .line {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;}
#home-cat2 a {margin:0 10px 0 10px !important; display:block !important; float:left !important; text-align:center !important; color:#333 !important; width:140px !important;}
#home-cat2 a:first-child {margin-left:0;}
#home-cat2 a:last-child {margin-right:0;}
#home-cat2 a > div {width:140px !important; height:140px !important; border-radius:140px !important; padding:0 !important; background:#fff !important; margin:0 auto 8px auto !important; box-shadow:0px 1px 2px rgba(0,0,0,0.25) !important; overflow:hidden !important; transform:scale(1) !important; transition:0.1s !important;}
#home-cat2 a > div > img {width:auto !important; height:auto !important; margin:auto !important; max-width:140px !important; max-height:140px !important; transition:0.15s !important;}
#home-cat2 a:hover > div > img {transform:scale(1.15) !important;}
#home-cat2 a > div > i {font-size:22px !important; line-height:36px !important; width:100% !important;}
#home-cat2 a span {font-weight:normal;font-size:14px;letter-spacing:-0.1px;line-height:16px;}
#home-cat2 h3 {float:left;width:100%;text-align:center;font-size:16px!important;font-weight:bold!important;}

#home-cat2 .scroll {z-index:4;cursor:pointer;position:absolute;top:0;width:50px;height:calc(100% - 6px);;text-align:center;display:none;}
#home-cat2 .scroll svg {position:absolute;width:28px;height:28px;text-align:center;color:#555;top:50%;left:50%;margin:-16px 0 0 -10px;border-radius:100px;background:#fff;padding:5px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);}
#home-cat2 .scroll-left {left:0;background-image: linear-gradient(to left, transparent 0%, rgba(249, 247, 246,0.8) 40%, rgba(249, 247, 246,1) 100%);}
#home-cat2 .scroll-right {right:0;background-image: linear-gradient(to right, transparent 0%, rgba(249, 247, 246,0.8) 40%, rgba(249, 247, 246,1) 100%);}
body#search #home-cat2 .scroll-left {background-image: linear-gradient(to left, transparent 0%, rgba(255, 255, 255,1) 40%, rgba(255, 255, 255,1) 100%);}
body#search #home-cat2 .scroll-right {background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255,0.8) 40%, rgba(255, 255, 255,1) 100%);}
body#search #home-cat2 {background:#fff;margin:0 0 20px 0;padding:18px 0 16px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
body#search #home-cat2 h2 {display:none;}
body#search #home-cat2 a > div {width:64px;height:64px;padding:16px 16px;background:#efefef;box-shadow:0 1px 1px rgba(0,0,0,0.2);}
body#search #home-cat2 a > div > img {max-width:32px;max-height:32px;}
body#search #home-cat2 a > div > i {font-size:18px;line-height:32px;}
body#search #home-cat2 a {width:90px;}
body#search #home-cat2 h3 {font-size:13px;font-weight:600;color:#1d1d1d;}
body#search #home-cat2 a:hover h3 {text-decoration:underline;}
body#search #breadcrumbs {display:none;}


/* SEARCH SUBCATEGORIES */
#sub-cat {margin:5px 0 25px 0;display:block;width:100%;float:left;position: relative; z-index: 3; display: block; width: 100%; background: #fff; padding: 15px 0; text-align: left;border-bottom:1px solid rgba(0,0,0,0.1)}
#sub-cat .container {flex-direction: column;display: flex;align-items: stretch;}
#sub-cat .list .link {float:left;width:25%;padding-right:20px;}
#sub-cat .list .link.hidden {display:none;}
#sub-cat .list .link.show-all {float:right;}
#sub-cat .list .link.show-all a {color:#666;}
#sub-cat .list .link.show-all a > span {font-weight:normal}
#sub-cat .list .link.show-all a svg {display: inline-block; width: 15px; height: 15px; margin-top: 0px; margin-left: 4px;}
#sub-cat .list .link.show-all a.opened svg {transform:rotate(180deg);}
#sub-cat .list a {float:left;display:inline-block;font-size:14px;padding:3px 0px;line-height:18px;margin:0 0 6px 0;}
#sub-cat .list a:hover {color:#111;}
#sub-cat .list a > span {font-weight:bolder;float:left;}
#sub-cat .list a > em {font-size:12px;font-weight:normal;color:#596B80;margin-left:4px;font-style:normal;float:left;}
#sub-cat .list a.active span {text-decoration:underline;}
#sub-cat .list {display:block;width:100%;clear:both;float:left;}
#sub-cat .navi {display:block;width:100%;clear:both;float:left;margin:0 0 10px 0;position:relative;padding-bottom:10px;color:#666;font-size:15px;line-height:18px;border-bottom:1px solid rgba(0,0,0,0.08);}
#sub-cat .navi:after {position:absolute;bottom:0;left:0;width:40px;height:2px;content:"";}
#sub-cat .navi a {display:inline-block;}
#sub-cat .navi svg {display:inline-block;width:10px;height:10px;margin:0 4px;}
#sub-cat .navi > a {color:#111;}
#sub-cat .navi i {display:inline-block;margin:0 6px;}

@media screen and (max-width: 1024px) {
  #sub-cat .list .link {width:33.3%}
}

@media screen and (max-width: 767px) {
  #sub-cat .navi {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  #sub-cat .navi a {display:inline;}

  #sub-cat .list {white-space:nowrap;overflow:hidden;overflow-x:auto;}
  #sub-cat .list .link {width:auto;background: #eee; margin: 0 8px 4px 0; padding: 6px 10px; border-radius: 8px;display:inline-block;float:none;}
  #sub-cat .list .link.hidden {display:inline-block;}
  #sub-cat .list .link.show-all {display:none;}
  #sub-cat .list .link a {margin:0;}
}


.simple-prod .preview {top: 7px; right: 6px; position: absolute; z-index: 5; font-size: 16px; line-height: 20px; height: 28px; width: 28px; text-align: center; color: rgb(17, 17, 17); transition: 0.1s; border-radius: 5px; background: transparent; padding: 4px;}
.simple-prod .preview:hover {
    background: rgba(240, 240, 240, 0.7); 
    backdrop-filter: blur(6px); 
    color: #111; 
    transform: scale(1.07); 
    box-shadow: 0 2px 6px rgba(0,0,0,0.10); 
    border-radius: 8px; 
    transition: 0.25s cubic-bezier(.25,.8,.25,1); 
}



/* ALERTS FREQUENCY – */
.alert-frequency {
    display: flex;
    float: left;
    align-items: center;
    flex-wrap: nowrap;
    margin: 10px 0 2px 0;
}

.alerts-box .head-row .data div.alert-frequency {
    margin-top: 10px;
}

.alert-frequency > a {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 -1px 0 0;
    border: 1px solid #E0E0E0; 
    background: #FFFFFF; 
    color: #424242; 
    font-weight: 500;
    transition: all 0.25s ease;
}

.alert-frequency > a:first-child {
    border-radius: 6px 0 0 6px;
}

.alert-frequency > a:last-child {
    border-radius: 0 6px 6px 0;
}

.alert-frequency > a.active {
    background: #ED2C28; 
    color: #fff;
    font-weight: 700;
    border-color: #ED2C28;
}

.alert-frequency > a:hover {
    text-decoration: none;
    background: #F5F5F5; 
    color: #ED2C28; 
}


/* USER ITEMS SEARCH */
form[name="user-items-search"] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0 0 16px 0;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap; 
}

form[name="user-items-search"] .control-group {
    width: fit-content;
    padding: 0 12px 8px 0;
}

form[name="user-items-search"] .control-group label {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #424242; 
    margin-bottom: 4px;
}

form[name="user-items-search"] .control-group .controls {
    width: 100%;
}

form[name="user-items-search"] .control-group .controls input,
form[name="user-items-search"] .control-group .controls select {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    padding: 8px 12px;
    border: 1px solid #E0E0E0; 
    border-radius: 6px;
    background: #FFFFFF;
    color: #424242;
    transition: border-color 0.25s, box-shadow 0.25s;
}

form[name="user-items-search"] .control-group .controls input:focus,
form[name="user-items-search"] .control-group .controls select:focus {
    outline: none;
    border-color: #ED2C28; 
    box-shadow: 0 0 6px rgba(237,44,40,0.25);
}

form[name="user-items-search"] .actions {
    width: fit-content;
    padding: 0 0 8px 0;
}

form[name="user-items-search"] .actions button {
    white-space: nowrap;
    padding: 8px 16px;
    font-weight: 600;
    border: 1px solid #ED2C28;
    border-radius: 6px;
    background: #ED2C28;
    color: #fff;
    transition: background 0.25s, color 0.25s, box-shadow 0.25s;
    cursor: pointer;
}

form[name="user-items-search"] .actions button:hover {
    background: #C42421; 
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/* DESKTOP – */
@media screen and (min-width: 541px) {
    form[name="user-items-search"] .control-group:has(input[type="text"]) {
        order: 99; 
    }

    
    form[name="user-items-search"] .control-group:not(:has(input[type="text"])) {
        order: 1; 
        flex: 1; 
        min-width: 0; 
    }

    /* Optional: Aktionen/Buttons immer am Ende */
    form[name="user-items-search"] .actions {
        order: 100;
        flex: 0; 
    }
}

/* MOBILE */
@media screen and (max-width: 540px) {
    form[name="user-items-search"] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    
    form[name="user-items-search"] .control-group:has(input[type="text"]) {
        flex-basis: 100% !important;
        min-width: 100% !important;
        order: 1;
    }

    
    form[name="user-items-search"] .control-group:not(:has(input[type="text"])) {
        flex: 1 1 48%;
        min-width: 48%;
        order: 2;
    }

    
    form[name="user-items-search"] .actions {
        width: 100%;
        margin-top: 8px;
        order: 3;
    }

    
    form[name="user-items-search"] .control-group input,
    form[name="user-items-search"] .control-group select {
        width: 100% !important;
        box-sizing: border-box;
    }
}


/* USER PUBLIC PROFILE SEARCH  */
form[name="user-public-profile-search"] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0 0 4px 0;
    width: 100%;
}

form[name="user-public-profile-search"] .control-group {
    width: fit-content;
    padding: 0 12px 6px 0;
}

form[name="user-public-profile-search"] .control-group label {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 2px 0;
    font-weight: 600;
    color: #424242;
}

form[name="user-public-profile-search"] .control-group .controls {
    float: left;
    width: 100%;
    margin: 0;
}

form[name="user-public-profile-search"] .control-group .controls input,
form[name="user-public-profile-search"] .control-group .controls select {
    float: left;
    width: 100%;
    margin: 0;
    max-width: 100%;
    min-width: unset;
    padding: 8px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #212121;
    transition: all 0.25s ease;
}

form[name="user-public-profile-search"] .control-group .controls input:focus,
form[name="user-public-profile-search"] .control-group .controls select:focus {
    outline: none;
    border-color: #ED2C28;
    box-shadow: 0 2px 6px rgba(237, 44, 40, 0.25);
}

form[name="user-public-profile-search"] .actions {
    width: fit-content;
    padding: 0 0 6px 0;
}

form[name="user-public-profile-search"] .actions button {
    white-space: nowrap;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #ED2C28;
    background: #ED2C28;
    color: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
}

form[name="user-public-profile-search"] .actions button:hover {
    background: #C42421;
    border-color: #C42421;
}

/* Responsive –  */
@media screen and (max-width: 540px) {
    form[name="user-public-profile-search"] {
        flex-wrap: wrap;
    }
    form[name="user-public-profile-search"] .control-group {
        width: 50%;
    }
}

/* DESKTOP –  */
@media screen and (min-width: 541px) {
    form[name="user-public-profile-search"] {
        display: flex;
        gap: 12px;
    }

    
    form[name="user-public-profile-search"] .control-group:has(input[type="text"]) {
        order: 99;
        flex: 1 1 250px; 
    }

    
    form[name="user-public-profile-search"] .control-group:not(:has(input[type="text"])) {
        order: 1;
        flex: 1 1 250px;
    }

    
    form[name="user-public-profile-search"] .actions {
        order: 100;
        flex: 0;
    }
}


/* MOBILE */
@media screen and (max-width: 540px) {

    form[name="user-public-profile-search"] {
        flex-wrap: wrap;
        gap: 8px;
    }

    
    form[name="user-public-profile-search"] .control-group:has(input[type="text"]) {
        width: 100% !important;
        order: 1;
    }

    
    form[name="user-public-profile-search"] .control-group:not(:has(input[type="text"])) {
        width: calc(50% - 4px); 
        order: 2;
    }

    
    form[name="user-public-profile-search"] .actions {
        width: 100%;
        margin-top: 4px;
        order: 3;
    }
}


/* PLUGINS CUSTOMIZATION */
#blg-body {padding:0!important;}
body .blg-content h1 {font-size:24px;line-height:26px;margin-bottom:12px;}
body #faq-post-block .faq-post-inside {background:transparent;}
body #faq-post-block .faq-post-inside .faq-row {background:#fff;}
body .frm-title-right {margin-bottom:15px;}
body #frm-body {padding:0;margin:0;}
body #mo-check.styled .input-box-check label {line-height:18px;}
body .sms-body {margin-left:auto;margin-right:auto;}
body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt) {font-size:0;color:transparent;display:block;width:auto;position:initial;padding:0;max-width:100%;}
body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt):before {content:"\f27a";font-family:"Font Awesome 5 Free";display:inline-block;width:60px;text-indent:1px;font-size:24px;height:60px;text-align:center;color:#f9f9f9;line-height:62px;}
body .oc-chat.oc-closed .oc-global-head svg {display:none;}
body.body-ua #ur-box-show {display: flex; flex-direction: column; align-items: flex-start;}
body.body-ua #ur-box-show .ur-over, body.body-ua #ur-box-show .ur-charts {max-width:360px;text-align:left;}
body.body-ua #ur-box-show .ur-over .ur-glob {margin-top:0;}
body .atr-input-box input[type="radio"], body .atr-input-box input[type="checkbox"] {opacity:1;position:relative;left:auto;top:auto;z-index:1;visibility:visible;overflow:visible;padding: 0!important; width: 18px!important; height: 18px!important; margin: 0 4px 0 0!important; box-shadow: none!important;}
body #atr-form.atr-styled .control-group > label {float:left;line-height:28px;}
body .atr-form .controls select {margin:0 6px 4px 0;}
body .atr-form li {margin:0 0 4px 0;}
body .atr-form li:last-child {margin-bottom:0;}
body form#im-create-thread-form {padding:16px;}
body .osp-promote-form .osp-pb-line .osp-pb-desc {font-weight:normal;line-height:15px;}
body .osp-body.osp-body-itempay {background:transparent;}
body .osp-body-itempay .osp-h1 {font-size: 18px; font-weight: bold; line-height: 20px;color:#171717;}
body .osp-body-itempay .osp-h2, body .osp-body-itempay .osp-cart-col.prod .p3, body .osp-group .osp-perc {font-weight:normal;}
body .osp-body-itempay .osp-promote-form .osp-h1, body .osp-pay-button li a > strong {font-weight:600;}
body .osp-body-pack .osp-h1, body .osp-body-group .osp-h1, body .osp-body-banner .osp-h2, body .osp-body-order .osp-h2, body .osp-body-payments .osp-h2 {font-weight:normal;}
body .osp-group .osp-h2 {font-weight:bold;}
.bpr-prof .bpr-btn {cursor:pointer;}
body .bpr-box-check label:after {font-size:13px;font-weight:900;text-indent:-1px;line-height:16px;}
.qr-code {float:right;margin:4px 0 12px 12px;display:inline-block;width:96px;height:96px;padding:4px;background:#fff;border:1px solid #ccc;position:relative;border-radius:3px 3px 0 3px;}
.qr-code > strong {position:absolute;right:-1px;bottom:-16px;font-weight:600;font-size:11px;line-height:11px;color:#000;height:16px;padding:0px 4px;border:1px solid #ccc;border-top-color:#fff;border-radius:0 0 3px 3px;background:#fff;}
div[id^="anr_captcha_field_"] {margin:0 0 16px 0;}
.MCtooltip {display:none;position: absolute; top:auto;bottom: 24px; left: 10px; border-radius: 5px; padding: 8px 10px; background: #e4e4e4;z-index:9;width:auto;font-weight:normal;white-space:nowrap;font-size:13px;line-height:16px;}
.simple-prod .MCtooltip {background: #171717; color: #f9f9f9; padding: 5px 6px;}
.simple-prod .MCtooltip:before {background:#171717;}
ul.breadcrumb li .MCtooltip {left:auto;right:0;}
.MCtooltip .fa {display:none;}
.MCtooltip:before {content:"";position:absolute;left:15px;top:auto;bottom:-5px;width:10px;height:10px;background:#e4e4e4;transform:rotate(-135deg);border-bottom-right-radius:10px;}
*:hover > .MCtooltip {display:block;}

/* SHOWCASE BOX */
#showcase-box {position: fixed;bottom:0;left:0;z-index:90;display:inline-block;background: #171717; padding: 6px 0px; font-size: 13px; font-family: monospace; line-height: 1.1;width: auto;width:100%;color: #f9f9f9;}
#showcase-box .container {overflow-x:auto;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
#showcase-box .container > a {white-space:nowrap;padding:6px 8px;color:#f9f9f9;transition:0.2s;background:#575757;float:left;margin:2px 8px 2px 0;height:26px;}
#showcase-box .container > a:hover {color:#f9f9f9;background:#474747;text-decoration:none;}
#showcase-box .switch-color {float:left;margin:0;}
#showcase-box .switch-color a {position:relative;width:28px;height:28px;margin:1px 4px;float:left;display:block;opacity:0.85;transition:0.2s;border:1px solid #bbb;}
#showcase-box .switch-color a:hover {opacity:1;box-shadow:0 0 0 3px #676767;}
#showcase-box .switch-color a.active {opacity:1;}
#showcase-box .switch-color a.active:after {position:absolute;content:"\f00c";left:calc(50% - 7px);font-weight:900;top:calc(50% - 7px);z-index:2;font-family:"Font Awesome 5 Free";font-size:12px;width:14px;height:14px;text-align:center;line-height:14px;color:#fff;}
#showcase-button {position:relative;text-decoration:none;padding:3px 0 0 0;transition:0.3s;z-index:4;background: #171717;position:fixed;left:8px;bottom:25%;color:#f9f9f9;width:36px;height:38px;margin-bottom:-3px;text-align:center;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
#showcase-button > i {line-height:23px;font-size:17px;display:block;}
#showcase-button > span {line-height:8px;font-weight:600;font-size:8px;display:block;letter-spacing:-0.2px;}
#showcase-button.active:after {content:"\f063";font-weight:900;width:24px;height:16px;line-height:20px;font-size:15px;color:#3b49df;font-family: "Font Awesome 5 Free";position:absolute;left:50%;top:100%;margin-left:-12px;z-index:2;}
body.demo {padding-bottom:41px;}

/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {margin:55px 0 55px 0;}
body.subdomain-navigation header {text-align:center;}
body.subdomain-navigation header #logo {float:none;display:inline-block;}
body.subdomain-navigation header #logo img {max-height:75px;height:auto;margin:25px 0;}
body.subdomain-navigation section {text-align:center;font-size:18px;}
body.subdomain-navigation section div {display:inline-block;width:100%;}
body.subdomain-navigation section strong {display:inline-block;margin-bottom:15px;}
body.subdomain-navigation footer {background:transparent;text-align:center;padding:20px;margin:30px 0 0 0;color:#888;font-size:14px;}
body.subdomain-navigation header .links, body.subdomain-navigation section.promo, body.subdomain-navigation section.one {display:none;}
body.subdomain-navigation header .menu.btn, body.subdomain-navigation #navi-bar {display:none;} 
#subdomains-list {max-width:980px;display: flex;flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row;margin:0 auto;}
#subdomains-list a { display: inline-block; max-width: 33.33%; width: 100%; font-size: 16px; margin: 0px 0 15px 0px;padding:0 15px 0 0;text-align:left; }
#subdomains-list a em {font-size:12px;font-style:normal;line-height:1;color:#999}
body.subdomain-navigation.sd-with-icon #subdomains-list { display: flex; padding: 5px 30px; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row; }
body.subdomain-navigation.sd-with-icon #subdomains-list a { display: inline-block; max-width: 116px; padding:0;text-align:center;line-height:16px;width: 100%; font-size: 14px; margin: 0px 1px 20px 1px; }
body.subdomain-navigation.sd-with-icon #subdomains-list a span { display: block; margin: 6px 0 0 0; }
body.subdomain-navigation.sd-with-icon #subdomains-list a img { display: inline-block; height: 48px; width: auto; max-width: 76px; border: 1px solid #aaa; }
body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {opacity:0.4;}
footer #subdomains-list {margin:15px 0;justify-content: flex-start;}
footer #subdomains-list a {max-width:25%;font-size:14px;margin:0 0 8px 0;}

/* COMMENT REPLIES */
#comment-replies {padding-left:24px;}
#comment-replies + .comment-reply-row {padding-left:24px;}
.btn.comment-reply {padding:8px 16px;font-size:14px;line-height:16px;height:auto;margin:0px 0 24px 0;}

/* PRINT BODY */
body.print #item-side {position:relative;top:auto;}

/* PUBLIC PROFILE –  */
body#public .container.primary {
    padding-bottom: 24px;
}

#public-main {
    width: calc(100% - 325px);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px; 
}

#public #about {
    background: #fff; 
    border-radius: 8px;
    border: 1px solid #E0E0E0; 
    padding: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

#public #about strong {
    display: block;
    font-weight: 700;
    color: #212121;
}

#public #share {
    padding: 0 3px;
    margin: -4px 0 10px 0;
    border: none;
    font-size: 13px;
    background: transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#public #share a {
    color: #424242; 
    transition: color 0.25s ease;
}

#public #share a:hover {
    color: #ED2C28; 
}

#public h1 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 12px 0;
    font-weight: 700;
    color: #212121;
}

#public #item-side #seller {
    margin-bottom: 12px;
}

#public #item-side .master-button.public-contact {
    margin: 0 0 10px 0;
    background: #ED2C28; 
    color: #fff;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 600;
    border: none;
    transition: background 0.25s ease;
}

#public #item-side .master-button.public-contact:hover {
    background: #C42421; 
}

#public #item-side .seller-button.seller-items {
    margin-top: 0;
    background: #F5F5F5; 
    color: #424242;
    border-radius: 6px;
    padding: 8px 14px;
    border: 1px solid #E0E0E0;
    font-weight: 500;
}

#public #item-side .seller-button.seller-items:hover {
    background: #E0E0E0;
}

/* ---------------------------
   ITEM - LISTING PAGE 
   --------------------------- */


body#item .container.primary {
    padding-bottom: 24px;
    flex-direction: column;
    align-items: stretch;
}


body#item .data-box {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px; 
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
}


body#item .data-box:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}


body#item .data-box.sold {
    position: relative;
    overflow: hidden;
    user-select: none;
    padding: 16px;
}

body#item .data-box.sold:after {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    z-index: 2;
    background: rgba(245,245,245,0.5);
    backdrop-filter: blur(2px);
    border-radius: 10px;
}

body#item .data-box.sold:before {
    content: attr(title);
    position: absolute;
    border-radius: 6px;
    left: 40px;
    top: 50px;
    z-index: 3;
    background: #da0000;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 15px 35px;
    width: auto;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.1);
    transform: rotate(-8deg);
    transform-origin: 0 0;
}

.data-box.sold #item-side {
    top: 0;
}

/* ================= Sticky Buttons================= */
#item .sticky-button {
    position: fixed;
    bottom: 58px;
    left: 8px;
    z-index: 999;
    max-width: calc(50% - 16px);
    height: 42px;
    font-size: 15px;
    font-weight: 600;
    padding: 0 14px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 22px; 
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    background: #596B80; 
    color: #fff;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

#item .sticky-button i {
    font-size: 18px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
}


#item .sticky-button.contact {
    left: auto;
    right: 8px;
    background: #fff;
    color: #424242;
}

#item .sticky-button.contact:hover,
#item .sticky-button.contact:active {
    background: #F5F5F5;
    color: #222;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Telefon-Button */
#item .sticky-button.phone {
    background: #ED2C28; 
    color: #fff;
}

#item .sticky-button.phone:hover,
#item .sticky-button.phone:active {
    background: #C42421; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}


#item .sticky-button.disabled {
    background: #d0d0d0;
    color: #999;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: -0.3px;
    border-color: transparent;
    cursor: not-allowed;
}

#item .sticky-button.disabled i:after {
    content: "";
    width: 23px;
    height: 2px;
    background: #999;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-45deg);
    transform-origin: 3px 3px;
    border-radius: 6px;
    box-shadow: 0 0 0px 2px #d0d0d0;
}



#item-main {
    width: calc(100% - 316px);
    position: relative;
    display: flex;
    flex-direction: column;
}

#item-side {
    width: 300px;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: static;
    gap: 16px;
}


/* Side Box */
#item-side > .box {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
}

#item-side > .box:hover {
    background: #FAFAFA;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* ITEM IMAGE */
#item-image {position:relative;width:100%;margin:0 0 6px 0;}
#item-image.noimg {display:none;}
#item-image li {list-style:none;position:relative;}
#item-image .swiper-wrapper li {padding-top:75%;}
#item-image .swiper-wrapper li.ratio1to1 {padding-top:100%;}
#item-image .swiper-wrapper li.ratio16to9 {padding-top:56.25%;}
#item-image .swiper-wrapper li.ratio2to1 {padding-top:50%;}
#item-image li a img {border-radius:6px;float:left;width:100%;position:absolute;left:0;top:0;height:100%;min-height:100%;max-height:100%;max-width:unset;background:#171717;}
#item-image li a img.lazy.loaded {object-fit:contain;}
!#item-image li a img.lazy:not(.loaded) {height:240px;}
#item-image .swiper-container {overflow:hidden;position:relative;}
#item-image .swiper-button {transition:0.2s;color:#171717;margin-top:-26px;position:absolute;border-radius:100px;left:10px;top:50%;height:52px;width:52px;padding:8px;z-index:2;text-indent:-2px;}
#item-image .swiper-button.swiper-button-disabled {cursor:default;opacity:0.25;}
#item-image .swiper-button.swiper-button-disabled i {cursor:default;}
!#item-image .swiper-button.swiper-prev, #item-image .swiper-container.hide-buttons .swiper-button {display:none;}
#item-image .swiper-container.hide-buttons .swiper-button {display:none;}
#item-image .swiper-button.swiper-next {right:10px;left:auto;text-indent:2px;}
#item-image .swiper-button:not(.swiper-button-disabled):hover {transform:scale(1.15);color:#3b49df;}
#item-image .swiper-button i {transition:0.2s;cursor:pointer;width:36px;height:36px;line-height:36px;border-radius:100px;background:#fff;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.35);background:#fff;font-size:20px;}
#item-image .swiper-button.swiper-next:not(.swiper-button-disabled):active i {text-indent:5px;}
#item-image .swiper-button.swiper-prev:not(.swiper-button-disabled):active i {text-indent:-5px;}
#item-image .swiper-button:not(.swiper-button-disabled):focus i {box-shadow:0 1px 3px rgba(0,0,0,0.35), 0 0 0 2px #3b49df;}
#item-image .swiper-pg {background:rgba(0,0,0,0.75);color:#fff;font-size:14px;font-weight:600;border-radius:12px;line-height:15px;padding:6px 10px;width:auto;position:absolute;right:8px;bottom:8px;z-index:2;left:auto;}
#item-image .swiper-thumbs ul {margin:0 -8px 24px 0;display: flex; flex-direction: row; flex-wrap: wrap;width:calc(100% + 8px);}
#item-image .swiper-thumbs li {margin:8px 8px 0 0;cursor:pointer;width:calc(12.5% - 8px);min-width:84px;height:72px;}
#item-image .swiper-thumbs li img {width:100%;height:100%;object-fit:cover;transition:0.2s;border-radius:5px;border:1px solid transparent;}
#item-image .swiper-thumbs li.active img, #item-image .swiper-thumbs li:hover img {box-shadow:0 0 0 2px #3b49df;border-color:#f5f5f5;}

/* ITEM DATA */
#item-main .row {display:block;margin:0 0 12px 0;}
#item-main .basic {position:relative;margin:0 0 20px 0;}
#item-main .basic h1 {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding-right: 56px !important;
  letter-spacing: 0.2px !important;
  color: #212121 !important;
}

#item-main .basic .price {
  font-size: 24px !important;       
  font-weight: 600 !important;     
  line-height: 26px !important;    
  position: relative !important;
  color: #212121 !important;        
  margin: 0 !important;
}

#item-main .basic .mo-make-offer-price {margin:-10px 0 12px 0;color:#333;display:inline-block;font-size:14px;font-weight:600;text-decoration:underline;}
#item-main .basic .mo-make-offer-price:hover {text-decoration:none;}
#item-main .basic .favorite {top:-1px;}
#item-main .basic .favorite i {font-weight:bold;}
#item-main .basic .labels {display: flex; flex-direction: row; flex-wrap: wrap;}
#item-main .basic .labels > span {font-size:12px;font-weight:bold;padding:5px 8px;line-height:13px;white-space:nowrap;background:rgb(59 73 223 / 12%);color:#3b49df;margin:0 8px 8px 0;border-radius:6px;}
/* Premium Label – ultra clean */
#item-main .basic .labels > span.premium {
    background: none;            
    color: #ED2C28;             
    font-weight: 600;           
    font-size: 12px;             
    text-transform: uppercase;   
    padding: 0;                  
    border-radius: 0;            
    box-shadow: none;            
    display: inline-flex;        
    align-items: center;
    gap: 4px;                    
}


#item-main .basic .labels > span.premium::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;            
    content: "\f005";
    font-size: 10px;
    color: #ED2C28;
    display: inline-block;
    margin-right: 4px;
}

#item-main .basic .labels > span.expired, #item-main .basic .labels > span.sold {background:#171717;color:#fff;}
#item-main .details {font-size:14px;}
#item-main .details span:after {content: "\2022"; margin: 0 2px 0 6px;}
#item-main .details span:last-child:after {display:none;}
#item-main .basic .date {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #666 !important;
  text-align: right !important;    
  display: block !important;        
  margin: 0 !important;
}

/* ITEM TITLE – */
#item-main h2 {
    font-size: 20px;                
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 16px 0;
    color: #212121;
    border-left: 3px solid #ED2C28; 
    padding-left: 10px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
#item-main .description h2,
#item-main .description h3,
#item-main .description .title {
    display: none !important;
}

/* =========================================================
   ITEM DESCRIPTION 
   ========================================================= */

#item-main .description .text {
    margin: 0;
    font-family: 'Roboto', 'Roboto Fallback', Helvetica, Arial, sans-serif;
    font-weight: 400;

    font-size: 1.15625rem;     
    line-height: 1.65;
    letter-spacing: 0.009em;

    color: #424242;

    font-feature-settings: 'liga' off;
    overflow-wrap: break-word;
    word-wrap: break-word;

    width: 100%;
    display: block;
}

/* Hidden text */
#item-main .description .text.hidden {
    display: none;
}


/* =========================================================
   DESCRIPTION + LOCATION – 
   ========================================================= */

#item-main .description {
    display: flex;
    flex-direction: column;

    border-top: 1px solid #E0E0E0;   
    padding-top: 28px;
    margin: 28px 0 34px 0;

    background: transparent;
}

#item-main .location {
    border-top: 1px solid #E0E0E0;   
    padding-top: 24px;
    margin-top: 32px;
}


/* =========================================================
   READ MORE + DIRECTIONS – PREMIUM BUTTON
   ========================================================= */

#item-main .description .read-more-desc,
#item-main .location .directions {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: 18px;
    padding: 9px 16px;

    font-size: 14px;
    font-weight: 600;
    color: #ED2C28;

    background: #FFFFFF;
    border: 2px solid #ED2C28;
    border-radius: 999px;

    box-shadow:
        0 4px 10px rgba(0,0,0,0.12),
        0 1px 3px rgba(0,0,0,0.08);

    cursor: pointer;
    white-space: nowrap;
    flex-wrap: nowrap;

    transition: all 0.25s ease;
}


#item-main .description .read-more-desc:hover,
#item-main .location .directions:hover {
    background: #FFF5F5;
    color: #C42421;

    box-shadow:
        0 6px 16px rgba(237,44,40,0.25),
        0 2px 6px rgba(0,0,0,0.10);

    transform: translateY(-1px);
}


#item-main .description .read-more-desc i,
#item-main .location .directions i {
    font-size: 12px;
    margin-left: 3px;
    transition: transform 0.25s ease;
}


#item-main .description.expanded .read-more-desc i {
    transform: rotate(180deg);
}


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

@media (max-width: 767px) {

    #item-main .description .text {
        font-size: 1.09375rem;  
        line-height: 1.6;
        margin-bottom: 26px;
    }

    #item-main .description {
        padding-top: 24px;
        margin-bottom: 34px;
    }

    #item-main .location {
        padding-top: 20px;
        margin-top: 28px;
    }
}


#item-main .description .desc-parts {display: flex; flex-direction: row; align-items: flex-start;}
#item-main .description .desc-text {width:100%;display: flex; flex-direction: column; align-items: flex-start;}
#item-main .props.style {padding-top:30px;border-top:1px solid #ccc;margin-bottom:8px;}
#item-main #item-hook:empty {display:none;}
#item-main .location {position:sticky;top:72px;padding: 0 0 16px 16px; border: 3px solid #3b49df;border-width:0 0 0 3px; margin-left: 20px; min-width: 160px;width:200px; box-shadow: none; margin-bottom: 0;}
#item-main .location h2 {font-size:14px;font-weight:bold;margin:0 0 4px 0;}
#item-main .location h2 i {margin-right:2px;}
#item-main .address {font-family:monospace;}
#item-main .cords {font-size:12px;}
#item-main #location-hook {width:100%;margin:24px 0 0 0;position:relative;z-index:1;}
#item-main #location-hook:empty {display:none;}
#item-main .mlink {transition:0.2s;position:absolute;z-index:2;position: absolute; left: 8px; top: 8px; width: 36px; background: rgba(0,0,0,0.82); color: #f9f9f9; height: 36px; border-radius: 6px; text-align: center;padding: 8px;}
#item-main .mlink i {line-height:20px;font-size:15px;}
#item-main .mlink:focus, #item-main .mlink:active, #item-main .mlink:hover {background:#171717;box-shadow:0 0 0 2px #3b49df}
#item-main .mlink.share {right:8px;left:auto;}
#item-main .mlink.contact {right:52px;left:auto;}

#item-main #item-hook h2, #item-main #item-hook h3, #item-main #item-hook h4 {font-size: 16px;width:100%;margin:0 0 10px 0;font-weight:600;}
#item-hook table, .custom-fields, #item-hook .list-other-attributes {width:100%;display:block;margin:0 0 16px 0;}
#item-hook table tbody, .custom-fields, .job-detail, #item-hook .list-other-attributes {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
#item-hook table tr, .custom-fields .field, .job-detail > div, #item-hook .realestate-details .list-other-attributes li {width: 174px; display: flex; flex-direction: column; margin: 0 8px 14px 0; padding:0 0 0 34px; line-height: 16px; position: relative;}
#item-hook table tr:after, .custom-fields .field:after, .job-detail > div:after, #item-hook .realestate-details .list-other-attributes li:after {content: "\f00c"; width: 26px; height: 26px; background: rgb(59 73 223 / 10%); border-radius: 100px; line-height: 28px; position: absolute; left: 0; font-family: "Font Awesome 5 Free"; top: 2px; font-weight: 900; text-align: center; color: #2f3ab2; font-size: 11px; text-indent: 1px;}
#item-hook table td:first-child, #item-hook table td:first-child label, .custom-fields .field .name, .job-detail > div label {font-weight: normal; font-size: 13px; color: #777;line-height:13px;margin-bottom:3px;}
#item-hook table td, #item-hook .realestate-details .row-title {width:100%;}
#item-hook table td:last-child, .custom-fields .field .value, .job-detail > div p, #item-hook .realestate-details .list-other-attributes li {font-weight: bold; color: #171717; font-size: 15px;}
#item-hook table td:last-child label {font-weight: bold;}
#item-hook .realestate-details .table-attributes {margin:0;}
#item-hook .job-detail > div:last-child {margin-bottom:30px;}
#item-hook .realestate-details .list-other-attributes li {font-weight:600;margin-bottom:18px;font-size:14px;}
#item-hook .realestate-details .list-other-attributes li img {display:none;}
#item-hook .realestate-details .list-other-attributes li:after {top:-4px;}
.custom-fields .field:first-child:last-child {width: 100%;}
.custom-fields .field.type-CHECKBOX {min-height:28px;justify-content: center;}
.custom-fields .field.type-CHECKBOX .value {display:none;}
.custom-fields .field.type-CHECKBOX .name {font-weight: bold; color: #171717; font-size: 15px;margin:0;}
.custom-fields .field.type-CHECKBOX.value-0:after {content:"\f00d";}


#rel-block {margin:32px 0 12px 0;}
#rel-block h2 {font-size:18px;margin:0 0 8px 0;}
#rel-block .products {width:calc(100% + 10px);margin:0 -5px;}
#rel-block .simple-prod {width:170px;margin:0 1px 6px 1px;}
#rel-block .simple-prod .extra {display:none;}
#rel-block .simple-prod .title {font-size:15px;line-height:16px;min-height:17px;max-height:17px;margin:0;}
#rel-block .simple-prod .info {margin-bottom:3px;}
#rel-block .simple-prod .data {padding:10px 0 4px 0;}

#recent-ads {margin:32px 0 12px 0;width:100%}
#recent-ads.onsearch {display: inline-block;margin: 24px 0 30px 0; padding: 30px 0 24px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#recent-ads.onhome {margin:0 0 12px 0;}
#recent-ads h2 {font-size:18px;margin:0 0 8px 0;display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
#recent-ads .products {width:calc(100% + 10px);margin:0 -5px;}
#recent-ads .simple-prod .extra {display:none;}
#recent-ads .simple-prod .title {font-size:15px;line-height:16px;min-height:17px;max-height:17px;margin:0;}
#recent-ads .simple-prod .info {margin-bottom:3px;}
#recent-ads .simple-prod .data {padding:10px 0 4px 0;}
#recent-ads .simple-prod {width:225px;margin:0 1px 6px 1px;}
#recent-ads.onsearch .simple-prod .img-wrap .user-image, #recent-ads.onsearch .simple-prod .favorite, #recent-ads.onsearch .simple-prod .svi-save-btn {display:none;}
#recent-ads.onhome .simple-prod {width:240px;}
#search-items #recent-ads .products .simple-prod, #search-items #recent-ads .products.grid .simple-prod {width:180px;margin:0 1px 6px 1px;}
#rel-block ~ #recent-ads {margin-top:12px;}
#latest-search + #recent-ads.onsearch {margin-top:0;padding-top:0;border-top:none;}
body#home > .content > section.home-recent {background:#fff;padding-top:0px;}

#comments {display: flex; flex-direction: column;}
#comments .wrap {display: block;width:100%}
#comments .comment {display: block;width:100%;position:relative;padding:16px 0;border-top:1px solid #ccc;display: flex; flex-direction: column;align-items: flex-start;}
#comments .author {padding:2px 9px 2px 2px;white-space:nowrap;max-width:100%;display: flex; flex-direction: row;align-items:center;background:#dadada;border-radius:8px;transition:0.2s;margin:0 0 10px 0;}
#comments .author:hover {box-shadow:0 0 0 2px #3b49df;text-decoration:none;}
#comments .author .img {width:32px;height:32px;border-radius:100px;box-shadow:0 1px 2px rgba(0,0,0,0.3);margin:0 5px 0 0;object-fit:cover;}
#comments .author .name {color:#171717;text-decoration:none;font-size:14px;line-height:16px;max-height:35px;min-height:17px;overflow:hidden;word-break: break-all;}
#comments .data {width:100%;padding:0;position:relative;display: flex; flex-direction: column;align-items: flex-start;}
#comments .data h3 {font-size:14px;font-weight:bold;margin:0 0 6px 0;}
#comments .data .date {font-size:13px;color:#777;margin:0 0 8px 0;line-height:14px;}
#comments .data h3 + .date {margin-top:-5px;}
#comments .data .remove {margin-top:12px;font-size:12px;font-weight:600;}
#comments .add {height:34px;font-size:14px;border-radius:5px;padding:9px 12px;line-height:15px;}
#comments .add svg {float:left;width:16px;height:16px;fill:#fff;margin:0 6px 0 0;}
#comments .empty-comments {margin: -8px 0 18px 0; color: #666;}
#comments .rating {margin:0 0 6px 0;display: flex; flex-direction: row; align-items: flex-end;}
#comments .rating > span {font-size: 10px; margin-left: 5px; line-height: 12px;color:#777;}
#comments .rating i {margin:0 1px 0 0;font-size:16px;line-height:16px;color:#bbb;}
#comments .rating i.fill, .comment-leave-rating i.is-rating-item.fill {color:#ffb900;}
.comment-leave-rating {display: flex; flex-direction: row; align-items: flex-end;}
.comment-leave-rating i.is-rating-item {cursor:pointer;float:left;text-align:center;font-size:20px;color:#bbb;margin:0 2px 0 0;}
.comment-leave-rating:hover i.is-rating-item {color:#ffb900;} 
.comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item {color:#bbb;}
.comment-rating-selected {float:left;margin:0 0 0 5px;line-height:16px;font-size:13px;color:#777;}
.comment-rating span {margin: 0 0 0 4px; font-size: 12px;}
.comment-stars {display: flex; flex-direction: row; align-items: flex-end;margin:0 0 12px 0;}

#shortcuts {margin-top:24px;padding:16px 0 8px 0;line-height:16px;border-top:1px solid #ccc;display: flex; flex-direction: row;font-size:13px;}
#shortcuts a {color:#666;margin:0 16px 0 0;}
#shortcuts .item-share {margin-left:auto;}
#shortcuts .item-share a {
    margin: 0 0 0 8px;
}

#shortcuts .item-share a i {
    font-size: 22px;  
    line-height: 24px; 
}


/* SELLER BOX */
#seller .line1 {
    display:flex !important;
    align-items:center !important;
    margin:0 0 12px 0 !important;
}

#seller .line1 .img {
    width:72px !important;
    height:72px !important;
    margin-right:12px !important;
}

#seller .line1 .img img {
    width:100% !important;
    height:auto !important;    
    border-radius:100px !important;
    box-shadow:0 1px 2px rgba(0,0,0,0.35) !important;
}




#seller .line1 .data {
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:1.2 !important;
}

#seller .line1 .data .name {
    font-weight:600 !important;
    font-size:15px !important;
    margin:0 !important;
    color:#111 !important;
}

/* -------- Company (B) – Badge -------- */
#seller .line1 .data .pro {
    display:inline-flex !important;
    align-items:center !important;
    padding:2px 6px !important;
    background:#005DFF !important;
    color:#fff !important;
    font-size:10.5px !important;
    font-weight:700 !important;
    border-radius:4px !important;
    text-transform:uppercase !important;
    letter-spacing:0.5px !important;
    box-shadow:0 2px 4px rgba(0,0,0,0.18) !important;
    margin:0 !important;
}

/* -------- Personal (P) – Badge -------- */
#seller .line1 .data .priv {
    display:inline-flex !important;
    align-items:center !important;
    padding:2px 6px !important;
    background:#ED2C28 !important; 
    color:#fff !important;
    font-size:10.5px !important;
    font-weight:700 !important;
    border-radius:4px !important;
    text-transform:uppercase !important;
    letter-spacing:0.5px !important;
    box-shadow:0 2px 4px rgba(0,0,0,0.18) !important;
    margin:0 !important;
}



#seller .line1 .data .pro svg.pro-icon {
    width:12px !important;
    height:12px !important;
    margin-right:4px !important;
    fill:#4DA3FF !important;
}


#seller .line1 .data .items {
    color:#777 !important;
    font-size:13px !important;
    margin-top:6px !important;
}



#seller .btn {width:100%;}

#seller .line2,
#seller .line3 .address {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:100%;
    font-size:14px;
    line-height:16px;
    margin:12px 0;
}

#seller .line2 i,
#seller .line3 .address i {
    margin-right:8px;
    flex-shrink:0;
}

#seller .line2 span,
#seller .line3 .address span {
    margin:0;
    padding:0;
}

#seller .line3 .phone {margin: 6px 0 2px 0; font-weight: 600; background: rgb(59 73 223 / 10%); padding: 2px 8px; border-radius: 8px;transition:0.2s;}
#seller .line3 .phone:hover {text-decoration:none;background: rgb(59 73 223 / 20%);color:#2f3ab2;}
#seller .line3 .phone i {font-size:13px;margin-right:2px;}
#seller .line-chat {display: flex; flex-direction: column; align-items: flex-start;margin:12px 0 4px 0;}
#seller .line-chat a.btn {padding:4px 9px 4px 8px;height:auto;width:auto;font-size:14px;border-radius:4px;background:#333;position:relative;}
#seller .line-chat a.btn i {margin-right:7px;}
!#seller .line-chat a.btn:not(.oc-disabled):not(.oc-offline):hover {background:#111;}
#seller .line-chat a.btn:not(.oc-disabled):hover {background:#111;}
#seller .line-chat a.btn.oc-disabled {background:#999;cursor:default;}
!#seller .line-chat a.btn.oc-offline {background:#777;cursor:default;}
#seller .line-chat a.btn:after {content:"";z-index:2;position:absolute;top: 2px; left: 3px; width: 10px; height: 10px; border-radius: 100px; background: #0ed000; box-shadow: 0 0 0 1px #fff; }
#seller .line-chat a.btn.oc-disabled:after {background:#999;}
#seller .line-chat a.btn.oc-offline:after {background:#f30f0f;}
#seller .oc-chat-box.oc-online .oc-status-offline, #seller .oc-chat-box.oc-offline .oc-status-online {display:none;}
#seller .oc-start-chat.oc-offline .oc-status-online {display:none;}
#seller .oc-start-chat.oc-online .oc-status-offline {display:none;}

#seller .line-rating {display:block;width:100%;margin:12px 0 6px 0;}
#seller .line-rating .ur-fdb {display: flex; flex-direction: column; align-items: flex-start;}
#seller .show-rating.show-stars {text-decoration:none;height:auto;width:100%;padding:0;display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: nowrap;}
#seller .show-rating.show-stars > span {color:#555;font-size:13px;line-height:15px;font-weight:normal;margin-left:3px;}
#seller .show-rating.show-stars .ur-rate {padding:0 2px 0 0;}
#seller .show-rating.show-stars .ur-rate > span {width:22px;height:22px;background-size:auto 12px;}
#seller .ur-button.add-new-rating, #seller .ur-button.show-rating {float:none;font-size:13px;height:auto;margin:2px 0 4px 0;width:auto;border:none!important;background:transparent!important;color:#333!important;font-weight:normal;padding:0;text-align:left;font-weight:600;text-decoration:underline;}
#seller .ur-button.add-new-rating:hover, #seller .ur-button.show-rating:hover {text-decoration:none;color:#111!important;}
!#seller .show-rating.show-stars i {font-size:15px;margin-right:2px;float:none;}
!#seller .show-rating.show-stars span {font-weight: normal; float:none; clear: none; width: auto; line-height: 18px;font-size:11px;}


/* ================= Sidebar Buttons ================= */
#item-side .seller-button,
#item-side .report-button,
#item-side .manage-button {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 22px;
    padding: 10px 12px;
    text-align: center;
    margin: 8px 0;
    font-weight: 600;
    font-size: 14px;
    color: #171717;
    background: #fff; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

#item-side .seller-button i,
#item-side .report-button i,
#item-side .manage-button i {
    margin-right: 8px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

/* Hover Effekt */
#item-side .seller-button:hover,
#item-side .report-button:hover,
#item-side .manage-button:hover {
    background: #fff;
    border-color: #aaa;
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

/* Report Button – Treguu Rot */
#item-side .report-button {
    color: #ED2C28;
    font-weight: 600;
    margin: 0;
}

/* Manage Button – Dunkelblau Treguu */
#item-side .manage-button {
    background: #596B80;
    color: #fff;
    border: none;
}

#item-side .manage-button:hover {
    background: #424242;
}


#item-side .master-button {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
    position: relative !important;
    font-weight: 600 !important;
    background: #ED2C28 !important;
    color: #fff !important;
    margin: 0 0 12px 0 !important;
    padding: 12px 0 !important;
    text-align: center !important;
    width: 100% !important;
    border-radius: 22px !important; 
    box-shadow: 0 6px 16px rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}


#item-side .master-button i {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 22px 0 0 22px !important;
    width: 42px !important;
    height: 100% !important;
    line-height: 42px !important;
    text-indent: 0 !important;
    border-right: 1px solid rgba(0,0,0,0.12) !important;
    background: rgba(0,0,0,0.08) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


#item-side .master-button:hover {
    text-decoration: none !important;
    background: #C42421 !important; 
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}



#item-side .master-button.email {background:#505050;color:#f9f9f9;}
#item-side .master-button.email i {color:#eee;}
#item-side .master-button.email:hover {background:#404040;color:#f9f9f9;}
#item-side .master-button.contact:not(:first-child) {background:transparent;color:#171717;border:1px solid #d0d0d0;padding:9px;}
#item-side .master-button.contact:not(:first-child) i {color:#fff;left:-1px;top:-1px;height:calc(100% + 2px);}
#item-side .master-button.contact:not(:first-child):hover {background:#e0e0e0;color:#000;border-color:#c0c0c0;}
/* Protect Box Container */
#item-side #protection {
    margin: 0 0 8px 0;
    background: #fefefe;
    display: flex;
    flex-direction: column;
    align-items: center; 
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}


#item-side #protection h2 {
    font-size: 20px; 
    margin: 0 0 14px 0;
    display: flex;
    align-items: center; 
    justify-content: center; 
    font-weight: 500;
    color: #000; 
}


#item-side #protection h2 svg,
#item-side #protection h2 i {
    width: 28px;   
    height: 28px;
    margin-right: 10px; 
    display: inline-block;
    vertical-align: middle;
    color: #ED2C28; 
}


#item-side #protection .point {
    margin: 0 0 10px 0;
    line-height: 1.3;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: 100%; 
}


#item-side #protection .point .icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    text-align: center;
    color: #ED2C28;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    font-size: 16px;
    padding: 6px;
    margin: 2px 12px 0 0;
    border-radius: 10px;
    position: relative;
    background: rgba(237, 44, 40, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}


#item-side #protection .point .icon:after {
    content: "";
    width: 53px;
    height: 2px;
    background: #ED2C28;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-45deg);
    transform-origin: 3px 3px;
    border-radius: 6px;
    box-shadow: 0 0 0px 1px #fff;
}


#item-side #protection .point span {
    color: #000;
}


#item-side div.sms-payments {display:flex;padding:0;background:transparent;margin: 0 0 20px 0; float: left; width: 100%;}
#item-side div.sms-payments a.sp-promote-button, #item-side div.sms-payments a.sp-movetop-button {margin:0;}
#item-side div.sms-payments a:first-child {margin-right:6px;}
#item-side div.sms-payments a:first-child:last-child {margin-right:0px;}

/* CONTACT SELLER, ADD NEW COMMENT, SEND TO FRIEND */
#item-forms header, #item-forms footer, #item-forms #breadcrumbs, #item-forms #flashbox, #item-forms #debug-mode, #item-forms #navi-bar, #item-forms #showcase-box, #item-forms section.promo {display:none!important;}
#item-forms {padding:16px;background:#fff;}
#item-forms fieldset, #item-forms .middle {display: flex; flex-direction: column; align-items: stretch;}
#item-forms .head {margin:0 0 16px 0;padding:0;width:100%;font-size:20px;font-weight:bold;color:#171717;line-height:1.2;}
#item-forms .subhead {display:block;width:100%;font-weight:600;color:#171717;line-height:1.2;padding:0 0 16px 0;margin:-8px 0 16px 0;border-bottom:1px solid #ccc;}
#item-forms .row {display: flex; flex-direction: column; align-items: stretch;}
#item-forms .row input, #item-forms .row textarea {width:100%;}
#item-forms .row textarea {height:116px;}
#item-forms #sendfriend .row textarea {height:96px;}
#item-forms label {margin:0 0 2px 0;}
#item-forms .btn {margin-top:20px;}
#item-forms .input-box {margin-bottom:12px;}
#item-forms .input-box.no-margin {margin-bottom:0;}
#item-forms .content form {position:relative;padding-bottom:64px;}
#item-forms .content form .row.buttons {position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 0 3px #fff;z-index:3;padding:12px 16px 16px 16px;}
#item-forms .content form .row.buttons .btn {margin:0;height:44px;padding:11px;}
#item-forms #scroll-to-top {display:none!important;}
#item-forms div.g-recaptcha, #item-forms div[id^="anr_captcha_field_"] {margin:12px 0 0 0;}
#item-forms br, #item-forms #showcase-button {display:none;}
#item-forms .grecaptcha-badge[data-style="bottomright"] {bottom:84px!important;z-index:9;}
#item-forms .grecaptcha-badge[data-style="bottomleft"] {bottom:84px!important;z-index:9;}
#item-forms .cc_banner-wrapper, #item-forms #header-admin {display:none!important;}

#item-card {display: flex; flex-direction: row;margin:0 0 16px 0;}
#item-card .img {width:90px;min-width:90px;margin-right:12px;}
#item-card .img img {width:100%;height:80px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.2);object-fit:cover;}
#item-card .dsc {width:100%;font-weight:600;padding:4px 0;display: flex; flex-direction: column; align-items: flex-start;}
#item-card .dsc strong {font-size:15px;max-height: 36px; overflow: hidden;line-height: 18px;margin-bottom:3px;}
#item-card .dsc div {margin:4px 0 -2px 0;padding:2px 4px;background:#111;color:#fff;}
#item-card .dsc span {margin:0;display:block;color:#777;font-weight:normal;line-height:18px;}
#item-card.user .dsc {justify-content: center;}
#item-card.user .dsc strong {margin-bottom:1px;}
#item-card.user .img {width:64px;min-width:64px;}
#item-card.user .img img {width:100%;height:100%;border-radius:100px;box-shadow:0 1px 2px rgba(0,0,0,0.35);}


/* SEARCH MENU –  */


body#search .container.primary {
    padding-bottom: 35px;
}

#search-menu {
    width: 220px;
}

#search-menu form.search-side-form {
    position: relative;
    background: #FAFAFA;
    border-radius: 12px;
    border: 1px solid #EAEAEA;
    padding: 16px;
    margin: 0 0 16px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}


.filter-menu label,
.filter-menu h6,
.filter-menu #atr-search .control-group > label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    display: block;
    color: #424242;
}


.filter-menu .input-box input[type="text"],
.filter-menu .input-box input[type="number"],
.filter-menu .input-box select {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #E0E0E0;   
    border-radius: 12px;          
    background-color: #FFFFFF;    
    font-size: 14px;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;         
    transition: all 0.2s ease;
}


.filter-menu .input-box input[type="text"]:focus,
.filter-menu .input-box input[type="number"]:focus,
.filter-menu .input-box select:focus {
    border-color: #ED2C28;
}


.filter-menu .row:not(.price) {
    border-bottom: 2px solid #E0E0E0;
    padding-bottom: 12px;
    margin-bottom: 16px;
}


.filter-menu .price .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;               
    padding: 0;
    height: 50px;
    margin-bottom: 6px;
}

.filter-menu .price .line input[type="number"] {
    width: 48%;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    padding: 0 8px;
    height: 50px;
    background-color: #FFFFFF;
    font-size: 14px;
    box-shadow: none;
    outline: none;
}


.filter-menu .price .line input::-webkit-outer-spin-button,
.filter-menu .price .line input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.filter-menu .input-box-check {
    margin: 0 0 4px 0;
}


.filter-menu .row.buttons {
    margin: 16px 0 0 0;
}

.filter-menu #search-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 19px;
    background: #ED2C28;
    color: #fff;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    height: 42px;
    box-shadow: 0 2px 6px rgba(237,44,40,0.2);
    transition: all 0.2s ease;
}

.filter-menu #search-button:hover {
    background: #C42421;
    color: #fff;
}


.filter-menu .sidebar-hooks .row {
    margin: 0 0 12px 0;
    display: inline-block;
    width: 100%;
}

.filter-menu .sidebar-hooks input[type="radio"] {
    max-width: 18px;
    float: left;
    clear: both;
    margin: 0 4px 5px 0;
    height: auto;
}

.filter-menu .sidebar-hooks input[type="radio"] + label {
    max-width: calc(100% - 26px);
    margin: 0;
    line-height: 18px;
    float: left;
    font-weight: normal;
    color: #424242;
}

.filter-menu .sidebar-hooks h3 {
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.filter-menu .sidebar-hooks ul.atr-ul li {
    width: 100%;
    margin: 0 0 3px 0;
}

.filter-menu .row.sidebar-hooks:empty {
    display: none;
}




#side-menu {
    background: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(6px) !important; 
    padding: 20px 16px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}



#side-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #424242; /* normal grau */
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

#side-menu a:hover {
    background: rgba(0, 0, 0, 0.05); 
    color: #171717;                 
}

#side-menu a svg {
    width: 22px;
    height: 22px;
    fill: currentColor; 
}


#side-menu .filter-menu form.search-side-form {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 16px;
}


#side-menu .box .section.filter-menu .row.buttons.srch {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95); 
    box-shadow: 0 0 8px rgba(0,0,0,0.05);
    z-index: 3;
    padding: 10px 0 16px 0;
    display: flex;
    justify-content: space-around;
}


#side-menu .filter-menu .row.buttons.srch .btn {
    margin: 0;
    height: 48px;
    padding: 0 18px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 8px;
    background: #ED2C28;
    color: #fff;
    transition: all 0.2s ease;
}

#side-menu .filter-menu .row.buttons.srch .btn:hover {
    background: #C42421; 
}


#side-menu a.active {
    background: #ED2C28;
    color: #fff;
}

#side-menu .section a svg:not(.img-container svg):not(.logout svg),
#def-location a.svg:not(.img-container svg):not(.logout svg),
#side-menu .menu-hooks a > i {
    fill: #596B80 !important;   
    color: #596B80 !important;  
}


#side-menu .section a.logout {
    color: #ED2C28 !important;  
    font-weight: 600 !important;
}

#side-menu .section a.logout svg {
    fill: #ED2C28 !important;  
    color: #ED2C28 !important;
}



#side-menu .section a svg:not(.img-container svg),
#def-location a.svg:not(.img-container svg),
#side-menu .menu-hooks a > i {
    background: none !important;
}

#side-menu .section a svg:not(.img-container svg),
#def-location a.svg:not(.img-container svg),
#side-menu .menu-hooks a > i {
    width: 24px !important;
    height: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
}




.row.check-only,
.row.check-only .checkboxes,
.row.check-only .input-box-check {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    width:100% !important;
}


.row.check-only input[type="checkbox"] {
    margin: 0 !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}


.only-check-label {
    display: inline-block !important;
    text-align: left !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 22px !important;
}


.row.check-only { justify-content: flex-start !important; margin-left:0 !important; }
.filter-menu .price .row.check-only { padding-left:0 !important; margin-left:0 !important; }



.filter-menu #atr-search {margin:0;}
.filter-menu .product-attributes tr td {padding:0 0 12px 0;}
.filter-menu .product-attributes tr:last-child td {padding:0;}
.filter-menu table {border-spacing:0;}


#search-category-box a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    transition: all 0.25s ease;
    font-size: 14px;
    font-weight: 600;
    color: #424242;
    text-decoration: none;
}

#search-category-box a:hover {
    background: rgba(237, 44, 40, 0.08);
    color: #ED2C28;
}


#search-category-box .icon {
    min-width: 36px;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}


#search-category-box a:hover .icon {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(237,44,40,0.2);
}


#search-category-box .icon img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}


#search-category-box .catbox.notroot {
    max-height: 400px;
    overflow-y: auto;
    margin-top: 6px;
}


#search-category-box .catbox.notroot a.child {
    padding: 6px 10px;
    font-size: 13px;
    color: #606060;
    font-weight: 500;
}


#search-category-box .catbox.notroot a.parent {
    background: rgba(237,44,40,0.08);
    color: #ED2C28;
    margin-bottom: 4px;
    font-weight: 600;
}


#search-category-box a.gotop {
    font-weight: bold;
    color: #424242;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
}

#search-category-box a.gotop i {
    margin-right: 6px;
}


#search-category-box a.child.active span {
    font-weight: bold;
    text-decoration: underline;
}


#search-category-box .catbox.notroot::-webkit-scrollbar {
    width: 6px;
}

#search-category-box .catbox.notroot::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15);
    border-radius: 3px;
}



  
/* SEARCH MAIN CONTENT */
#search-main {width: calc(100% - 245px);position:relative;}
#search-main:after {display:none;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(245,245,245,0.65);z-index:2;cursor:wait;}
#search-main.loading:after {display:block;}
#search-filters {margin:20px 0 14px 0;display:flex;flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
#search-filters a {transition:0.2s;padding:7px 34px 7px 8px;margin:0 6px 6px 0;height:32px;font-weight:600;line-height:17px;font-size:14px;background:rgb(59 73 223 / 10%);color:#2f3ab2;border-radius:6px;position:relative;}
#search-filters a:after {transition:0.2s;color:rgba(0,0,0,0.5);content:"\f057";font-family: "Font Awesome 5 Free";position:absolute;right:3px;top:4px;width:24px;text-align:center;height:22px;line-height:24px;font-size:14px;border-left:1px solid rgba(0,0,0,0.1);}
#search-filters a:hover {text-decoration:none;background:#fff;box-shadow:0 0 0 1px #2f3ab2;}
#search-filters a:hover:after {color:#171717;}
#search-filters a.bold {font-weight:bold;}

#search-items .products.grid .simple-prod {width:calc(33.33% - 8px);}
#search-items .products.detail .simple-prod, #search-items .products.list .simple-prod {width:100%;}
#search-items .list-empty {font-size:15px;line-height:20px;margin:30px 0;}
#search-items .list-empty .titles {font-size:18px;margin:0 0 15px 0;font-weight:bold;display:block;}
#search-items .list-empty .row {margin:0 0 4px 0;}
#search-items .list-empty .tips {padding:13px 15px;background:#fff;border-left:5px solid #3b49df;}
#search-items .list-empty .tips .row.last {font-weight:600;margin:20px 0 0 0;}
#search-items .list-empty .tips a {font-weight:600;}
#search-items .list-empty .tips i {font-size: 6px; line-height: 22px; float: left; margin: 0 6px 0 1px;}
#search-items .simple-prod.day-offer .simple-wrap, #latest-items .simple-prod.day-offer .simple-wrap, #related-items .simple-prod.day-offer .simple-wrap {background-color:#bef1ef;}
.simple-prod.day-offer .simple-wrap {box-shadow:0 0 0 2px #3b49df;}

/* USER FILTER –*/
#filter-user-type {
    display:flex !important;
    gap:10px !important;
    margin:22px 0 14px 0 !important;
    padding-bottom:6px !important;
    border-bottom:2px solid #E0E0E0 !important;
}

/* Tabs */
#filter-user-type a {
    padding:12px 18px !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#424242 !important;
    border-radius:6px 6px 0 0 !important;
    border-bottom:3px solid transparent !important;
    background:none !important;
    transition:.25s !important;
}

/* Hover */
#filter-user-type a:hover {
    color:#ED2C28 !important;
    border-bottom-color:#ED2C28 !important;
    background:none !important;
    text-decoration:none !important;
}

/* Aktiv */
#filter-user-type a.active {
    color:#ED2C28 !important;
    border-bottom-color:#ED2C28 !important;
    background:none !important;
    font-weight:700 !important;
}


#open-search-filters {position: fixed; bottom: 58px; right: 8px; z-index: 6;display:flex;align-items: center;}
#open-search-filters > .svg-wrap {
  margin: 0 10px 0 -2px;  
  width: 32px;
  height: 32px;
  padding: 4px;           
  border-radius: 50%;
  background: #fff !important;

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

#open-search-filters svg {fill:#ED2C28;width:24px;height:24px;}

.ajax-load-failed.flashmessage {width:100%;margin:0 0 25px 0;padding:10px 12px;display: flex; justify-content: space-between; align-items: center;}
.ajax-load-failed .btn.mini {background:#333;white-space:nowrap;margin-left:8px;}
.ajax-load-failed .btn.mini:hover {background:111;}

/* VIEW TYPE LIST, GRID, DETAIL – */


#search-quick-bar .view-type {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 4px; 
}

/* Buttons anpassen */
#search-quick-bar .view-type a {
    transition: 0.2s;
    color: #171717;
    border-radius: 8px;       
    font-weight: 600;
    height: 50px;             
    line-height: 50px;        
    padding: 0 14px;          
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/* ================== VIEW TYPE & SVG ================== */


#search-quick-bar .view-type a svg {
  transition: fill 0.2s ease, transform 0.2s ease!important;
  margin: 0 6px 0 0!important;
  width: 24px!important;
  height: 24px!important;
  fill: #424242!important; 
}


#search-quick-bar .view-type a:hover {
  background: rgba(237,44,40,0.08)!important; 
  text-decoration: none;
}

#search-quick-bar .view-type a:hover svg {
  fill: #212121!important;
}


#search-quick-bar .view-type a.active {
  border-color: #ED2C28!important;
  color: #ED2C28!important;
}

#search-quick-bar .view-type a.active svg {
  fill: #ED2C28!important;
}

#search-quick-bar .view-type a.detail svg {
  transform: scaleY(-1);
}


#search-quick-bar .sort-type {
  position: relative;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}



#search-quick-bar label {
    display: block;
    font-size: 14px;       
    font-weight: 600;
    color: #424242;
    margin-bottom: 4px;     
    pointer-events: none;
}

#search-quick-bar select {
    height:50px;
    line-height:normal; 
    padding:0 40px 0 14px;
    display:flex;
    align-items:center; 
}

#search-quick-bar .sort-type {
    display:flex;
    align-items:center;
    height:50px; 
}



#search-quick-bar select::after {
    content: '▼';
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #606060;
    pointer-events: none;
}


#search-quick-bar select:hover,
#search-quick-bar select:focus {
    border-color: #ED2C28;
    box-shadow: 0 0 6px rgba(237,44,40,0.2);
    color: #424242;
}


/* ALERTS */
#search-quick-bar {display:flex;flex-wrap: wrap; align-items: center;flex-direction: row;justify-content: flex-start;margin:25px 0 0 0;}
#search-premium-items + #search-quick-bar {margin:5px 0 0 0;padding:30px 0 0 0;border-top:1px solid #ccc;}

#search-alert .open-alert-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    position: relative;
    background: #fff;            
    color: #424242;               
    border: 1px solid #E0E0E0;   
    border-radius: 8px;           
    padding: 10px 16px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}


#search-alert .open-alert-box svg {
    fill: #ED2C28;                
    width: 26px;
    height: 26px;
    margin: 0 8px 0 -1px;
}


#search-alert .open-alert-box .active-badge {
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #000;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 9px;
    border-radius: 100px;
}


#search-alert .open-alert-box:hover {
    border-color: #C0C0C0;       
}


#alert-form, #report {padding:30px;position:relative;}
#alert-form.loading:after {top:0;left:0;width:100%;height:100%;z-index:2;position:absolute;background:rgba(255,255,255,0.65);cursor:wait;content:"";display:block;}
#alert-form > img, #report > img {width:128px;height:auto;margin:0 0 35px 0;}
#alert-form .header, #report .header {font-size:22px;font-weight:bold;line-height:1.2;margin:0 0 20px 0;}
#alert-form .text, #report .text {font-size:16px;line-height:1.3;margin:0 0 30px 0;}
#alert-form .inputs {display:flex;width:100%;flex-wrap: nowrap;flex-direction: row;}
#alert-form .inputs input[name="alert_email"] {border:2px solid #333;margin:0 8px 0 0;width:240px;}
#alert-form .inputs input[name="alert_email"]:read-only {border-color:#c3c3c3;}
#alert-form .inputs .btn {margin:0;white-space:nowrap;}
#alert-form .response {display:none;border-left:6px solid;padding:10px 12px;margin:-5px 0 0 0;font-size:15px;line-height:1.2;box-shadow: 0 1px 3px rgb(0 0 0 / 25%);}
#alert-form .response.ok {border-color:#11c55c;}
#alert-form .response.duplicate {border-color:#4b39e9;}
#alert-form .response.error {border-color:#e72b2b;}
#report .subheader {font-size:14px;font-weight:normal;line-height:1.2;margin:0 0 20px 0;}
#report .text {display: flex; flex-direction: column; align-items: flex-start;margin:0;font-size:14px;}
#report .text a {margin:0 0 5px 0;padding:3px 0;font-weight:600;}
#report .text a:hover {text-decoration:none;color:#2f3ab2;}
#report .text a:last-child {margin-bottom:0;}
#report .text a:after {content:"\2192";margin-left:5px;display:none;transition:0.2s;}
#report .text a:hover:after {display:initial;}


/* SEARCH PREMIUM ITEMS */
#search-premium-items {
    margin: 10px 0 30px 0;
}


#search-premium-items h2 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;

    margin: 0 0 10px 0;

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


#search-premium-items {
    background-color: #FAFAFA;               
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
}

#search-premium-items .products {
    margin: 0 -4px;
    width: calc(100% + 8px);
    position: relative;
}
#search-premium-items .simple-prod {width:170px;margin:0 4px 6px 0;}
#search-premium-items .simple-prod.day-offer {margin-left:2px;}
#search-premium-items .simple-prod .simple-wrap 
#search-premium-items .simple-prod:hover .simple-wrap {background:rgb(59 73 223 / 10%);} 
#search-premium-items .simple-prod .info {height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px 0;}

/* Premium-Label */
#search-premium-items .simple-prod .title {
    display: inline-flex;
    align-items: center;

   
    background-color: rgba(237, 44, 40, 0.1);
    color: #171717;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);

   
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;

    
    padding: 4px 8px;
    margin: 0 0 8px 0;

    
    max-width: 100%;
    min-height: 21px;
    max-height: 41px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#search-premium-items .simple-prod .extra, #search-premium-items .simple-prod .labels {display:none;}

.simple-prod.placeholder {}
.simple-prod.placeholder .simple-wrap, #search-premium-items .simple-prod.placeholder .simple-wrap {height:100%;display:flex;align-items: center; justify-content: center;box-shadow: 0 0 0 1px #ccc inset;background:transparent;}
.simple-prod.placeholder:hover .simple-wrap, #search-premium-items .simple-prod.placeholder:hover .simple-wrap {box-shadow: 0 0 0 2px #171717 inset;text-decoration:none;}
.simple-prod.placeholder .simple-wrap .dx {display:flex;flex-direction: column;align-items: center;}
.simple-prod.placeholder .simple-wrap .dx svg {margin:-12px 0 12px;fill:#ccc;}
.simple-prod.placeholder .simple-wrap .dx span {font-weight:600;font-size:15px;}


/* LATEST SEARCH WORDS */
#latest-search {display:inline-block;width:100%;margin:30px 0;padding:30px 0 24px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#latest-search h3 {font-size:16px;margin:0 0 8px 0;}
#latest-search .wrap {display: inline-block;width: 100%;}
#latest-search a {transition: 0.2s; float: left; font-size: 13px; line-height: 1; font-weight: 600; padding: 5px 8px; background: rgb(59 73 223 / 8%); margin: 0 5px 5px 0; border-radius: 4px; color: #2f3ab2;}
#latest-search a:hover {background:rgb(59 73 223 / 14%);}



/* FAVORITE LISTINGS */
body #fi_message .fi_simple { width:auto;max-width:100%;margin-bottom:7px; background: #fff; border: none; box-shadow: 0 1px 5px rgba(0,0,0,0.25); border-radius: 5px; border-top-right-radius: 0; padding: 10px; font-size: 13px; opacity:1; }
body #fi_message {width:220px;top:15px;right:15px;}
#body-user-custom.body-ua.plugin-favorite_items #main .inside {padding:0;background:transparent;box-shadow:none;}
body #main .fi_user_menu_wrap h2.r1 {width: 100%;float:left;margin:0;border:none;padding-bottom:0;}
body #fi_list_items h2.r3 {width: 100%;float:left;margin:0 1% 12px 1%;font-family: inherit; font-weight: bold;font-size: 18px; line-height: 22px; color: #111;border:none;}
body #fi_list_items h2.r3 a {color:#111;text-decoration:none;text-transform:none;}
body #fi_user_new_list {font-size:14px;padding:16px;border-radius:3px;border:1px solid rgba(0,0,0,0.1);background:#f2f4f8;margin:10px 0 20px 0;}
body #fi_user_new_list .fi_new_name {float:left;padding:8px;height:36px;border-radius:4px;font-size:14px;width:43%;margin-right:2%;}
body #fi_user_new_list .fi_check.first, body #fi_user_new_list .fi_check {float:left;width:20%;padding-right:20px;margin:0;}
#fi_user_new_list .fi_title {display:block!important;float:left;clear:both;width:100%;margin:0 0 5px 0;font-size:13px;color:#111;}
#fi_user_new_list button {font-weight:bold;font-size:14px;height:36px;padding:8px 15px;line-height:20px;border-radius:6px;width:15%;text-align:center;}
body #fi_user_new_list .fi_check label {font-size:13px;}
body #fi_list_items.fi_user_menu .fi_tool {position:absolute;right:10px;bottom:8px;width:auto;z-index:9;}
body #fi_list_items.fi_user_menu .fi_tool span {color:#666;font-size:15px;width:32px;height:32px;padding:8px;text-align:center;border-radius:4px;background:transparent;transition:0.1s;}
body #fi_list_items.fi_user_menu .fi_tool span:hover {color:#333;background:#eee;}
body #fi_list_items.fi_user_menu .fi_tool span:before {line-height:16px;}

body #fi_list_items.fi_user_menu .fi_item {border: 1px solid transparent; border-radius: 3px; background: transparent; line-height: 16px; font-size: 13px; box-shadow: 0 0 0 1px rgba(0,0,0,0.15);padding:0;}
body #fi_list_items .fi_left a {float: left; width: 100%; position: relative; margin: 0; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 1px solid #eee;}
body #fi_list_items .fi_left img {background-size: cover; width: 100%; max-height: 100%; max-width: 100%; transition: 0.2s; overflow: hidden; background-position: center center;}
body #fi_list_items.fi_user_menu .fi_right {text-align:left;float: left; width: 100%; padding: 14px 2px;margin:0; z-index: 3; position: relative; background: #fff; border-radius: 0px;border-top:1px solid #ddd;}
body #fi_list_items .fi_left a, body #fi_list_items .fi_left a:hover {border:none;}
body #fi_list_items.fi_user_menu .fi_left {margin:0;}
body #fi_list_items.fi_user_menu .fi_right a {float: left; text-align:left;font-size: 14px; clear: both; font-weight: normal; color: #363433; margin: 0px 0 8px 0; padding: 0 ; height: 19px; white-space: nowrap; width: 100%; overflow: hidden; word-break: break-all; text-overflow: ellipsis;}
body #fi_list_items.fi_user_menu .fi_right a:hover {color:#363433;text-decoration:underline;}
body #fi_list_items .fi_right .fi_top, body #fi_list_items .fi_right .fi_bottom {max-width: 100%; float: left; clear: both; font-weight: bolder; color: #000; margin: 0; padding: 0 5px 0 10px; position: relative; font-size: 17px; line-height: 20px;}

.fi_check > span {float:left;width:100%;clear:both;margin:3px 0;}
.fi_check > span input[type="checkbox"] {opacity:0.01;position:absolute;z-index:1;overflow:hidden;background:transparent;padding:0!important;width:1px!important;height:1px!important;margin:0!important;box-shadow:none!important;}
.fi_check > span label {cursor:pointer;position:relative;float:left;padding:2px 0 0 26px!important;line-height:16px;font-size:13px;width:auto;clear:both;font-weight:normal;}
.fi_check > span label:hover {text-decoration:underline;}
.fi_check > span label:before {cursor:pointer;content: ""; width: 18px; height: 18px; border: 1px solid rgba(0,0,0,0.3);font-weight:500; text-shadow: none; position: absolute; top: 0; left: 0;text-shadow:none;box-shadow: 0px 1px 1px rgba(0,0,0,0.06);border-radius: 3px;transition:0.1s;}
.fi_check > span label:hover:before {border-color:#aaa;}
.fi_check > span label:after {cursor: pointer; text-indent: 1px; font-family: "Font Awesome 5 Free"; content: "\f00c"; color: transparent; font-size: 11px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-weight: 900; text-shadow: none; position: absolute; top: 0px; left: 0px;border-radius: 5px;transition:0.1s;}
.fi_check > span input[type="checkbox"]:checked + label:after {color:#000;}

body .fi_user_menu_wrap h2.r2 {display:none;}
body #fi_user_lists .fi_list.fi_head {border:none;background:#f2f4f8;text-transform:none;font-weight: bold; color: #171717; font-size: 13px; border: none;border-bottom:1px solid #3b49df; padding: 10px 10px;margin:0;white-space:nowrap;}
body #fi_user_lists .fi_list.fi_head .fi_count, body #fi_user_lists .fi_list.fi_head .fi_user_list_remove {color:inherit;}
body #fi_user_lists .fi_name a:hover {color:#111;text-decoration:underline;}
body #fi_user_lists .fi_list:not(.fi_head) {padding:10px 10px;margin: 0 0 5px 0;background:#fff;border-bottom:1px solid #ccc;}
body #fi_user_lists .fi_user_list_remove a {color:#666;}
body #fi_user_lists .fi_user_list_remove a:hover {color:#111;}
body #fi_user_lists {margin:15px 0;}
body .fi_current a, body .fi_notification a, body .fi_user_list_remove a {display:inline-block;width:32px;height:32px;text-align:center;padding:8px;margin:-8px 0;border-radius:5px;background:#f9f9f9;transition:0.1s;}
body .fi_current a i, body .fi_notification a i, body .fi_user_list_remove a i {line-height:16px;transition:0.1s;}
body .fi_current a:hover, body .fi_notification a:hover, body .fi_user_list_remove a:hover {background:#eee;}
body #fi_user_lists .fi_explain {margin-top:10px;font-size:12px;line-height:15px;color:#777;}
body #fi_user_lists .fi_explain > div {margin-bottom:6px;}
body #fi_user_lists .fi_explain sup {color:#888;width:auto;margin-right:4px;}
body #fi_user_lists .fi_current.fi_active .fa-check {color:#3b49df;}
body #fi_list_items .fi_tool span {font-family:"Font Awesome 5 Free";}
body #fi_list_items .fi_tool span:before {content:"\f1f8";font-weight:900;}

/* ============================
   USER ACCOUNT 
============================ */


body.body-ua {
    background: #FFFFFF !important;
}


.body-ua .container.primary {
    margin-top: 10px !important;
    margin-bottom: 35px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-direction: row !important;
}


.body-ua .content.no-breadcrumbs {
    padding-top: 20px !important;
}

/* ------------------------
   SIDEBAR MENU – 
--------------------------- */
#user-menu {
    width: 200px !important;             
    margin-left: 0 !important;          
    position: sticky !important;
    top: 80px !important;                
    margin-bottom: 30px !important;
    padding: 10px 0 !important;          
    background: #FFFFFF !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}


#user-menu a {
    position: relative !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 500 !important;         
    color: #424242 !important;
    line-height: 1.5 !important;         
    padding: 12px 16px !important;       
    margin-bottom: 10px !important;      
    border-left: 4px solid transparent !important;  
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}


#user-menu a:not(.logout):not(.public):hover,
#user-menu a.active {
    background: #fff2f2 !important;      
    border-left-color: #ED2C28 !important;
    color: #212121 !important;
    transform: translateX(3px);          
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}


#user-menu a.public {
    margin-bottom: 20px !important;
    background: #ED2C28 !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important;
}

#user-menu a.public:hover {
    background: #C42421 !important;
    color: #fff !important;
}


#user-menu a.public .ext {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 12px !important;
    position: absolute !important;
    height: 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 13px !important;
    color: #fff !important;
}


#user-menu a.logout {
    font-weight: 600 !important;
    margin-top: 40px !important;
    color: #ED2C28 !important;
}


#user-menu a.has-counter {
    padding-right: 36px !important;
}

#user-menu a .counter,
#user-menu a .im-user-account-count {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 8px !important;
    position: absolute !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    line-height: 20px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: #ED2C28 !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
}


#user-menu li a i,
#user-menu li a svg {
    display: none;
}


#user-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}


#user-main {
    width: calc(100% - 220px);
}
/* ───────── DASHBOARD ───────── */
#user-main h2 {
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 14px 18px !important;

    border-left: 4px solid #ED2C28 !important;  
    border-right: 4px solid #ED2C28 !important; 

    background: #FFFFFF !important;           
    border-radius: 10px !important;

    margin-top: 32px !important;              
    margin-bottom: 24px !important;
    color: #212121 !important;

    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important; 

    letter-spacing: 0.25px !important;        
    line-height: 1.45 !important;
    transition: all 0.25s ease !important;

    text-align: center !important;            
    margin-left: auto !important;             
    margin-right: auto !important;
    max-width: 720px !important;
}


#user-main h2:hover {
    background: #FAFAFA;                       
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}



/* ================================
   USER BOXES
   ================================ */

.body-ua .user-custom-box {
    background: #FAFAFA;
    border-radius: 18px; 
    padding: 22px 24px; 
    margin-bottom: 26px;
    border: 1px solid rgba(237, 44, 40, 0.25); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}


.body-ua .user-custom-box:hover {
    box-shadow: 0 16px 42px rgba(0,0,0,0.12);
    transform: translateY(-2px);
    background: #FFFFFF;
}


.body-ua .user-custom-box h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #212121;
    letter-spacing: 0.2px;
}




.body-ua #flashbox #flash_js + .flashmessage {
    margin-top: 8px;
}

.body-ua #flashbox .flashmessage:last-child {
    margin-bottom: 24px;
}


/* ───────────────────────────────────────────────
   DASHBOARD 
──────────────────────────────────────────────── */


#user-dashboard .card-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
    margin: 28px 0;
}


#user-dashboard .card {
    padding: 22px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E7E7E7;
    border-top: 4px solid #ED2C28; /* Red Signature Bar */
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}


#user-dashboard .card:hover {
    background: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.10);
}


#user-dashboard .card .header {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
}

#user-dashboard .card .description {
    font-size: 14px;
    color: #5D5D5D;
}


#user-dashboard .count-big {
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.5px;
    color: #FFFFFF;                     
    -webkit-text-stroke-width: 2px;    
}


#user-dashboard .icon i,
#user-dashboard .icon svg {
    font-size: 32px;
    transition: .25s ease;
}


#user-dashboard .card:hover .icon i,
#user-dashboard .card:hover .icon svg {
    color: #ED2C28 !important;
    fill: #ED2C28;
}


#user-dashboard .card.profile:hover .icon i,
#user-dashboard .card.profile:hover .icon svg {
    color: #616161 !important;
    fill: #616161;
}


#user-dashboard .card .count-big::before {
    font-family: "Font Awesome 5 Free";
    margin-right: 6px;
    font-size: inherit;
    line-height: 1;
    font-weight: 900;
    -webkit-text-fill-color: transparent; /* keine Fill */
    transition: .25s ease;
}


#user-dashboard .card:hover .count-big,
#user-dashboard .card:hover .count-big::before {
    color: #ED2C28 !important;
    -webkit-text-stroke-color: #ED2C28 !important;
}

/* 1) ACTIVE (Verifiziert / Ok) */
#user-dashboard .card.active .count-big { -webkit-text-stroke: 2px #0F8558; }
#user-dashboard .card.active .count-big::before { content:"\f058"; -webkit-text-stroke: 2px #0F8558; }

/* 2) NOT VALIDATED (Pending) */
#user-dashboard .card.not-validated .count-big { -webkit-text-stroke: 2px #F19E39; }
#user-dashboard .card.not-validated .count-big::before { content:"\f017"; -webkit-text-stroke: 2px #F19E39; }

/* 3) EXPIRED */
#user-dashboard .card.expired .count-big { -webkit-text-stroke: 2px #F44336; }
#user-dashboard .card.expired .count-big::before { content:"\f2ea"; -webkit-text-stroke: 2px #F44336; }

/* 4) ALERTS */
#user-dashboard .card.alerts .count-big { -webkit-text-stroke: 2px #FFD700; }
#user-dashboard .card.alerts .count-big::before { content:"\f02e"; -webkit-text-stroke: 2px #FFD700; }
#user-dashboard .card.alerts:hover .count-big::before {
    -webkit-text-fill-color:#ED2C28 !important;
    -webkit-text-stroke-color:#ED2C28 !important;
}


#user-dashboard .card.alerts .icon { display: none !important; }


#user-dashboard .card .icon .count {
    display: flex !important;           /* permanent sichtbar */
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    border-radius: 50%;
    font-weight: 600;
    color: #FFF;
    background: #ED2C28;
    position: absolute;
    top: -6px;
    right: -6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    transition: all 0.25s ease;
}


#user-dashboard .card:hover .icon .count {
    background: #ED2C28;
    color: #FFF;
}



/* USER ITEMS */

.items-box {
    margin: 14px 0;
}


.items-box .item {
    margin: 0 0 16px 0;
    padding: 16px 16px 18px 16px;
    border: 1px solid #E0E0E0; 
    border-radius: 10px;
    background: #FFFFFF;
    position: relative;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;

    transition: all 0.25s ease;
}


.items-box .item:hover {
    background: #FAFAFA; /* Card Hover BG */
    border-color: #ED2C28; /* Treguu Red */
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}


.items-box.all .item.inactive::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(1px);
    z-index: 2;
    transition: all 0.25s ease;
}


.items-box.all .item.inactive:hover::after {
    opacity: 0;
}


.items-box .item {
    cursor: pointer;
}

.items-box .item .image {width:200px;height:200px;position:relative;display:block;margin:0 20px 0 0;}
.items-box .item .image img {width:100%;height:100%;object-fit:cover;border-radius:6px;}
.items-box .item .image .image-counter {position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,0.5);color:#fff;font-size:13px;line-height: 14px;}
.items-box .item .label-premium {top:6px;left:6px;bottom:auto;max-width:calc(100% - 12px);}
.items-box.all .item.inactive .label-premium {top:38px;}
.items-box .item .label-reserved, .items-box .item .label-sold {box-shadow:0 0 0 3px rgba(0,0,0,0.5);max-width:calc(100% - 12px);bottom:6px;top:auto;left:6px;padding: 5px 9px;font-size: 13px;}
.items-box .item .label-sold {background: #da1717; color: #fff;}
.items-box .item .label-reserved {background: #174ada; color: #fff;}
.items-box .item .label-inactive, .items-box .item .label-expired {font-style:italic;background: #222; color: #fff;z-index:3;position:absolute;top:0;left:0;width:100%;min-height:32px;padding:8px 4px;line-height:16px;font-size:13px;font-weight:bold;text-align:center;border-radius:6px 6px 0 0;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.items-box:not(.all) .item .label-inactive, .items-box:not(.all) .item .label-expired {display:none;}
.items-box .item .label-expired {background:#f30000;}
.items-box .item .body {width:calc(100% - 220px);min-height:200px;height:auto;display:flex;flex-direction: column;align-items: flex-start;padding:10px 0;position:relative;}
.items-box .item .top {font-size: 12px; color: #555; line-height: 16px; margin: 0 0 7px 0;padding-right:130px;}
.items-box .item .top span:empty {display:none;}
.items-box .item .top span:after {content: "\2022"; margin: 0 4px 0 8px;color:#999;}
.items-box .item .top span:last-child:after {display:none;}
.items-box .item .title {
    font-weight: bold;
    color: #212121;     
    font-size: 17px;
    line-height: 1.2;
    margin: 0 0 10px 0;
}

/* ITEM DESCRIPTION */
.items-box .item .description {
    font-size:15px !important;
    color:#424242!important;
    line-height:20px !important;
    max-height:61px !important;
    overflow:hidden !important;
    font-weight:500 !important;
}

/* ITEM PRICE */
.items-box .item .price {
    max-width:120px !important;
    position:absolute !important;
    top:5px !important;
    right:0 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    padding:0 !important;
    background:none !important;
    color:#171717 !important;      
    border-radius:0 !important;
    text-align:right !important;
}


.items-box .item .buttons {
    display: flex !important;
    width: 100% !important;
    margin-top: 8px !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
}


.items-box .item .buttons a {
    flex: 1 !important;                 
    padding: 6px 0 !important;         
    color: #424242 !important;
    background: none !important;        
    border: 1px solid #E0E0E0 !important; 
    border-radius: 8px !important;      
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.2s ease-in-out !important;
}


.items-box .item .buttons a:hover {
    transform: translateY(-1px) !important;
    border-color: #C42421 !important;  
    color: #C42421 !important;
    background: none !important;
}


.items-box .item .buttons a.delete {
    color: #D32F2F !important;
    border: 1px solid #F5F5F5 !important; 
    margin-left: 0 !important;
}

.items-box .item .buttons a.delete i {
    margin-right: 4px !important;
}

.items-box .item .buttons a.delete:hover {
    color: #D32F2F !important;
    background: none !important;
    transform: translateY(-1px) !important;
}


.items-box .item .buttons .delim {
    display: none !important;
}


.items-box .item.osp-item-is-highlight {
    background: #FFF9E5 !important; 
    border-radius: 6px !important;
    padding: 4px 0 !important;      
}



@media (max-width: 768px) {

    /* ITEM CONTAINER */
    .items-box .item {
        display: flex !important;
        flex-direction: column !important; 
        align-items: flex-start !important;
        padding: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

   
    .items-box .item .image {
        width: 100% !important;
        height: 160px !important; 
        object-fit: cover !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
    }

    
    .items-box .item .body {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    
    .items-box .item .top {
        display: flex !important;
        justify-content: space-between !important; 
        align-items: flex-start !important;
        margin-bottom: 4px !important;
    }

    .items-box .item .title {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #212121 !important;
        flex: 1 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .items-box .item .price {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #171717 !important;
        text-align: right !important;
        flex-shrink: 0 !important;
        margin-left: 8px !important;
    }

    
    .items-box .item .description {
        font-size: 14px !important;
        line-height: 18px !important;
        max-height: 50px !important;
        overflow: hidden !important;
        font-weight: 400 !important;
        color: #424242 !important;
        margin-bottom: 8px !important;
    }

   
    .items-box .item.osp-item-is-highlight {
        background: #FFF7D6 !important;
        border-radius: 6px !important;
        padding: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

   
    .items-box .item .buttons {
        display: flex !important;
        justify-content: space-between !important; 
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin-top: 4px !important;
        gap: 6px !important;
    }

    .items-box .item .buttons a {
        flex: 1 !important;         
        min-width: 0 !important;
        padding: 6px 0 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;        
    }

    .items-box .item .buttons a:last-child {
        margin-right: 0 !important;  
    }

    .items-box .item .buttons a.delete {
        flex: 1 !important;          
        margin-left: 0 !important;
    }

}

@media (max-width: 767px) {
    .items-box .item .buttons {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 6px !important;                             
        width: 100% !important;
    }

    .items-box .item .buttons a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 8px 0 !important;   
        font-size: 13px !important;
        font-weight: 600 !important;
        gap: 4px !important;         
        min-width: 0 !important;
    }
}



/* USER ALERTS */
.alerts-box {
    margin: 10px 0;
}

.alerts-box .alert {
    margin: 0 0 16px 0;
    padding: 16px;
    border: 1px solid #E0E0E0; 
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    background: #fff;
    transition: all 0.25s ease;
}

.alerts-box .alert:hover {
    box-shadow: 0 6px 18px rgba(237,44,40,0.1);
    border-color: #ED2C28;
}

.alerts-box .head-row {
    margin: 0 0 12px 0;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
}

.alerts-box .head-row .data strong {
    font-size: 15px;
    font-weight: 600;
    color: #596B80; 
}

.alerts-box .head-row .data div {
    font-size: 14px;
    margin-top: 5px;
    color: #424242;
}

.alerts-box .head-row .btn {
    white-space: nowrap;
    margin-left: 12px;
    color: #ED2C28;
    border: 1px solid #ED2C28;
    border-radius: 6px;
    padding: 6px 12px;
    background: #fff;
    transition: all 0.2s ease;
}

.alerts-box .head-row .btn:hover {
    background: rgba(237,44,40,0.08);
    color: #ED2C28;
    border-color: #ED2C28;
}

.alerts-box .head-row .alert-title {
    background: rgba(59,73,223,0.08);
    padding: 6px 12px;
    border-radius: 6px;
    color: #3b49df;
    font-weight: 600;
}

.alerts-box .head-row .show-technical-details {
    margin-left: 6px;
    font-size: 13px;
    color: #424242;
}

.alerts-box .details {
    display: none;
    margin: 0 0 12px 0;
    font-size: 13px;
    font-family: "Consolas", monospace;
    border-radius: 6px;
    background: rgba(245,245,245,0.8);
    padding: 10px;
    color: #1A1A1A;
}

.alerts-box .items {
    margin: 10px 0 0 0;
}

.alerts-box .items .empty {
    margin-top: 10px;
    color: #777;
}

.alerts-box .show-all {
    margin: 0 0 15px 0;
    font-size: 15px;
    display: block;
    color: #ED2C28;
    cursor: pointer;
}

#alert-items {
    flex-wrap: nowrap;
    overflow-x: auto;
}

#alert-items .simple-prod {
    width: 180px;
    margin-bottom: 6px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

#alert-items .simple-prod:hover {
    box-shadow: 0 4px 12px rgba(237,44,40,0.1);
    border-color: #ED2C28;
}


/* ───────── PROFILE BOX ───────── */
.profile-box {
    margin-bottom: 40px;
}


.profile-box.alt {
    padding-top: 30px;
    border-top: 2px solid #E0E0E0;
}

#user-main .profile-box.alt h2,
#user-main .right-block h2 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}

/* FLEX LAYOUT */
.profile-box form.profile > .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
}

.profile-box .left-block {
    padding-right: 25px;
}


.profile-box .right-block {
  width: 100%;
  max-width: 320px;
  background: #ffffff;
  padding: 22px;
  border-radius: 14px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  position: static;
  box-sizing: border-box;
}



.profile-box select,
.profile-box input,
.profile-box textarea {
    width: 100%;
    max-width: 360px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #fff;
    font-size: 15px;
    transition: all 0.25s ease;
}

.profile-box input:focus,
.profile-box select:focus,
.profile-box textarea:focus {
    border-color: #ED2C28;
    box-shadow: 0 0 6px rgba(237,44,40,0.25);
    outline: none;
}


.profile-box label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    color: #424242;
}


label[for="user_type"] {
    margin-top: 16px;
    margin-bottom: 6px;
}


.profile-box .profile-img {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E0E0E0;
}


.profile-box .row {
    margin-bottom: 20px;
}

.profile-box .row.user-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

/* ───────── BUTTONS ───────── */
.profile-box .btn,
.profile-box button,
.profile-box input[type="submit"],
.profile-box .btn-primary,
.profile-box .btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    height: 46px !important;
    padding: 0 22px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
}


.profile-box .btn i,
.profile-box button i,
.profile-box input[type="submit"] i {
    font-size: 18px !important;
    line-height: 1 !important;
}


.profile-box .btn-primary,
.profile-box button.btn-primary,
.profile-box input[type="submit"].btn-primary {
    background: #424242 !important;
    color: #fff !important;
    border: none !important;
}

.profile-box .btn-primary:hover {
    background: #C42421 !important;
}


.profile-box.prim .row.user-buttons .btn-remove-account.btn.btn-secondary {
    background: #ED2C28 !important;
    color: #fff !important;
    border: 1px solid #ED2C28 !important;
    margin-left: auto !important;
}

.profile-box.prim .row.user-buttons .btn-remove-account:hover {
    background: #C42421 !important;
    border-color: #C42421 !important;
}


.profile-box .profile-img .btn {
    background: #424242 !important;
    color: #fff !important;
}

.profile-box .profile-img .btn:hover {
    background: #333 !important;
}


.user-type-toggle {
    display: flex;
    gap: 16px;
    margin-top: 14px;
}

.user-type-toggle .type-btn {
    flex: 1;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    background: #fff;
    color: #596B80;
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04);
}

.user-type-toggle .type-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


.user-type-toggle .type-btn[data-value="0"].active {
    background: #ED2C28;
    border-color: #C42421;
    color: #fff;
    box-shadow: 0 6px 16px rgba(237,44,40,0.3);
}

.user-type-toggle .type-btn[data-value="1"].active {
    background: #2196F3;
    border-color: #1E7CD1;
    color: #fff;
    box-shadow: 0 6px 16px rgba(33,150,243,0.3);
}


.user-buttons .btn i {
    margin-right: 6px;
    font-size: 14px;
}

/* ───────── MOBILE  ───────── */
@media (max-width: 768px) {

    
    .profile-box form.profile > .wrap {
        flex-direction: column;
        gap: 20px;
    }

    .profile-box .left-block,
    .profile-box .right-block {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .profile-box .right-block {
        position: static;
        top: auto;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

   
    .profile-box select,
    .profile-box input,
    .profile-box textarea,
    .profile-box .btn,
    .profile-box button,
    .profile-box input[type="submit"],
    .user-type-toggle .type-btn {
        width: 100% !important;
    }

    
    .profile-box .btn,
    .profile-box button,
    .profile-box input[type="submit"] {
        height: 50px !important;
        font-size: 17px !important;
    }

    
    .user-type-toggle {
        flex-direction: column;
        gap: 12px;
    }

    
    .profile-box.prim .row.user-buttons .btn-remove-account.btn.btn-secondary {
        width: 100% !important;
        margin-left: 0 !important;
    }

   
    .profile-box .row {
        margin-bottom: 16px;
    }
}

@media (max-width: 768px) {

    
    .profile-box form.profile > .wrap {
        flex-direction: column;
        gap: 20px;
    }

    .profile-box .left-block,
    .profile-box .right-block {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .profile-box .right-block {
        position: static;
        top: auto;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

   
    .profile-box select,
    .profile-box input,
    .profile-box textarea,
    .profile-box .btn,
    .profile-box button,
    .profile-box input[type="submit"] {
        width: 100% !important;
    }

    
    .profile-box .btn,
    .profile-box button,
    .profile-box input[type="submit"] {
        height: 50px !important;
        font-size: 17px !important;
    }

   @media (max-width: 768px) {

    
    .user-type-toggle {
        flex-direction: row !important;   
        gap: 16px !important;             
    }

    .user-type-toggle .type-btn {
        flex: 1;                          
        height: 50px !important;         
        font-size: 17px !important;       
        padding: 0;                        
    }
}


    /* ───────── PROFILE IMAGE ───────── */
    .profile-box .profile-img .btn {
        margin-bottom: 12px;               
        width: 100%;                        
        height: 50px !important;            
        font-size: 17px !important;
    }

    
    .profile-box.prim .row.user-buttons .btn-remove-account.btn.btn-secondary {
        width: 100% !important;
        margin-left: 0 !important;
    }

   
    .profile-box .row {
        margin-bottom: 16px;
    }
}

.change-email {
    display: inline-flex;
    align-items: center;
    gap: 4px;               
    font-size: 14px;
    font-weight: 500;
    color: #424242;         
    text-decoration: none;
    transition: all 0.22s ease, transform 0.22s ease;
}

.change-email i {
    font-size: 14px;        
}

/* Hover-Effekt */
.change-email:hover {
    color: #C42421;
    transform: translateY(-1px);
}


/* PAGINATION */
.paginate {margin:10px 0;}
.paginate ul {display:flex;list-style-type:none;flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: flex-start;}
.paginate ul li {margin:0 2px;}
.paginate ul li a, .paginate ul li span {font-weight:bold;transition:0.2s;min-width:36px;text-align:center;height:36px;border-radius:5px;font-size:14px;padding:8px 4px;display:inline-block;background: rgb(59 73 223 / 10%); color: #2f3ab2;}
.paginate ul li a.searchPaginationSelected, .paginate ul li span.searchPaginationSelected, .paginate ul li a:hover, .paginate ul li span:hover {color: #f9f9f9; background: #3b49df;text-decoration:none;}
.paginate ul li i {line-height:20px;font-size:14px;}

/* FONT AWESOME ICONS COMPATIBILITY */
.fa-star-o:before {font-weight:400;content:"\f005"}
i.fa:before {font-family:"Font Awesome 5 Free";font-weight:900;}
i.fa-dollar:before {content:"\f155";}
i.fa-gear:before {content:"\f013";}
i.fa-mobile:before {content:"\f3cd";}
i.fa-star-o:before {content:"\f005";font-weight: 400;}
i.fa-warning:before {content:"\f071";}
i.fa-handshake-o:before {content:"\f2b5";font-weight:400;}
i.fa-file-archive-o:before {content:"\f1c6";font-weight:400;}
i.fa-flag-o:before {content:"\f024";font-weight:400;}
i.fa-trash-o:before {content:"\f1f8";}
i.fa-envelope-o:before {content:"\f0e0";font-weight:400;}
i.fa-sign-in:before {content:"\f2f6";}
i.fa-pencil-square-o:before {content:"\f044";font-weight:400;}
i.fa-folder-o:before {content:"\f07b";font-weight:400;}
i.fa-user-o:before {content:"\f007";font-weight:400;}
i.fa-sign-out:before {content:"\f2f5";}
i.fa-clock-o:before {content:"\f017";}
i.fa-repeat:before {content:"\f01e";}
i.fa-newspaper-o:before {content:"\f1ea";font-weight:400;}
i.fa-file-pdf-o:before {content:"\f571";font-weight:900;}
i.fab.fa-share {font-family: "Font Awesome 5 Free"!important;}
i.fab.fa-share:before {content:"\f064";font-weight:900;}
i.fa-mail-reply:before {content:"\f3e5";font-weight:900;}
body .osp-options label > div:after, .osp-promote-form label.osp-chk div:after {font-size:11px!important;font-weight:900!important;}
body .im-error-list.error-list li:before {font-family: "Font Awesome 5 Free";font-size:16px;}
body #mo-check.styled .input-box-check label:after {font-family: "Font Awesome 5 Free";font-weight:900;font-size: 12px; left: 0;}
body .osp-stat > span.osp-issue:after, body .osp-stat > span.osp-201:after, body .osp-stat > span.osp-801:after, body .osp-stat > span.osp-401:after, body .osp-stat > span.osp-601:after {font-weight:bold;font-family: "Font Awesome 5 Free";}
body .sms-body .sms-button.loading:before, body .sms-body .sms-button-resend.loading:before {font-family: "Font Awesome 5 Free";top:10px;}
body .oc-chat-button .oc-user-left i.fa-comments-o:before {content:"\f27a";font-weight:400;}
body i.fa-youtube:before,body i.fa-vimeo:before,body i.fa-pinterest-p:before,body i.fa-facebook:before, body i.fa-instagram:before,body i.fa-whatsapp:before, body i.fa-twitter:before, body i.fa-google-plus:before, body i.fa-linkedin:before, body i.fa-pinterest:before {font-family:"Font Awesome 5 Brands"!important;}
body i.fa-cc-mastercard:before {font-family: "Font Awesome 5 Brands"!important;font-weight: 400;}

/* SCROLL TO TOP */
#scroll-to-top {display:none;position:fixed;bottom:25%;right:15px;z-index:98;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.25);border-radius:6px;background:#fff;padding:8px 0;text-align:center;width:36px;height:36px;transition:0.2s;}
#scroll-to-top svg {width:auto;height:20px;fill:#3b49df;display:inline-block;margin-top:1px;transition:0.2s;}
#scroll-to-top:hover {height:42px;}


/* BANNERS */
.container.banner-box {text-align:center;}
.container.banner-box > .inside {margin:0 auto;max-width:100%;}
.banner-theme { display: block; margin: 16px 0; float: left; text-align: center;width:100%;border:none; }
.banner-theme.is-demo {display:none;}
.banner-theme .myad {display:inline-block;max-width:100%;margin:0 auto;overflow:hidden;}
.banner-theme#banner-theme .myad {text-align:center;display:flex;}
.banner-theme#banner-theme .myad .text {margin:auto;text-align:center;line-height: 18px; font-size: 16px;}
.banner-theme#banner-theme.opt-adsense .myad .text {margin:0;display:inline-block;width:100%;height:auto;}
!.banner-theme#banner-theme.is-demo, .home-container.banner-box.is-demo {display:none;}
.banner-theme#banner-theme.is-demo .myad {border:1px solid #3b49df;font-family:monospace;color:#3b49df;}
.banner-theme#banner-theme.is-demo .myad .text span {display:block;}
.banner-theme#banner-theme.is-demo .myad .text strong {display:block;font-size:12px;line-height:14px;margin:3px 0 0 0;color:#666;font-weight:normal;}

.banner-home_top {margin:0 0 16px 0;}
.banner-search_top, .banner-item_top, .banner-item_sidebar, .banner-search_middle {margin:0 0 16px 0;}
.banner-home_middle {margin:16px 0;}
.banner-search_sidebar, .banner-public_profile_sidebar, .banner-public_profile_bottom {margin:16px 0 0 0;}
.banner-search_middle {margin:8px 0 16px 0;}
.banner-search_bottom {margin:12px 0 0 0;}
.banner-item_bottom {margin:16px 0 8px 0;}
.banner-item_description {margin:8px 0 16px 0;}
.banner-item_sidebar_bottom {margin:10px 0 0 0;}
.banner-static_page_top {margin:0 0 24px 0;}
.banner-static_page_bottom {margin:0 0 24px 0;}

.banner-search_top .myad, .banner-search_middle .myad, .banner-search_bottom .myad, .banner-item_description .myad, .banner-public_profile_middle .myad, .banner-public_profile_bottom .myad {width:728px;height:90px;}
.banner-home_top .myad, .banner-home_bottom .myad, .banner-item_top .myad, .banner-item_bottom .myad, .banner-home_middle .myad, .banner-static_page_top .myad, .banner-static_page_bottom .myad {width:970px;height:90px;}
.banner-item_sidebar .myad, .banner-public_profile_sidebar .myad {width:300px;height:250px;}
.banner-item_sidebar_bottom .myad {width:300px;height:600px;margin:12px 0 0 0;}
.banner-body_left .myad, .banner-body_right .myad {width:160px;height:600px;background:#fff;}
.banner-search_sidebar .myad {width:200px;height:200px;}
.banner-theme#banner-theme.opt-adsense .myad {width:100%;height:auto;}

#body-banner {position:fixed;top:0px;bottom:0px;left:0;width:calc((100% - 1120px)/2);overflow:hidden;z-index:9;}
#body-banner.bright {left:auto;right:0;}



/* ITEM GRID & LIST */
.products {display: flex; flex-wrap: wrap; flex-direction: row;margin:0 -10px;width:calc(100% + 20px);padding:2px 0;}
.products.nice-scroll {flex-wrap: nowrap;overflow-x:auto;}
.products.grid .isList, .products .isList, .products .isDetail {display:none;}
.products.grid .isList, .products.grid .isDetail {display:none;}
.products.list .isGrid, .products.list .isDetail {display:none;}
.products.detail .isGrid, .products.detail .isList {display:none;}
.products.grid .isGrid {display:block;}
.products.list .isList {display:block;}
.products.list .isList.right, .products.detail .isDetail.contact {display:flex;}
.products.detail .isDetail {display:block;}
.simple-prod {flex:0 0 auto;width:calc(25% - 8px);margin:0 4px 8px 4px;border-radius:6px;}
.simple-prod.mini {width:calc(12.5% - 8px);}
.simple-prod.small {width:calc(16.66% - 8px);}
.simple-prod.medium {width:calc(20% - 8px);}
.simple-prod.large {width:calc(25% - 8px);}
.simple-prod.extralarge {width:calc(33.33% - 8px);}
.simple-prod.megalarge {width:calc(50% - 8px);}
.simple-prod .simple-wrap {
    background: transparent;
    border-radius: 7px;
    padding: 6px;
    transition: 0.2s; /* wie oben */
    position: relative;
}


.simple-prod:hover .simple-wrap {
    background: transparent;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15), 0 -2px 8px rgba(0,0,0,0.15);
}

.simple-prod.st-sold .simple-wrap {position:relative;overflow:hidden;user-select: none;}
.simple-prod.st-sold .simple-wrap:after {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:rgba(245,245,245,0.5);backdrop-filter: blur(2px);border-radius:7px;}
.simple-prod.st-sold .simple-wrap:before {content: attr(title); position: absolute; left: -5%; top: 33%; z-index: 3; background: #da0000; font-size: 13px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.1); font-weight: 600; color: #fff; padding: 3px 12px; width: 110%; text-align: center; transform: rotate(-8deg); transform-origin: 0 0;}
.products.list .simple-prod.st-sold .simple-wrap:before, .products.detail .simple-prod.st-sold .simple-wrap:before {width:auto;left:5px;top:12px;line-height:15px;transform-origin:center;border-radius:3px;}
.products.detail .simple-prod.st-sold .simple-wrap:before {padding:8px 15px;font-size:15px;}
.simple-prod:hover .simple-wrap {background:rgb(59 73 223 / 10%);}
.simple-prod .img-wrap {position:relative;width:100%;padding-top:75%;}
.simple-prod.megatall .img-wrap {padding-top:200%;}
.simple-prod.extratall .img-wrap {padding-top:175%;}
.simple-prod.verytall .img-wrap {padding-top:150%;}
.simple-prod.tall .img-wrap {padding-top:125%;}
.simple-prod.square .img-wrap {padding-top:100%;}
.simple-prod.normal .img-wrap {padding-top:75%;}
.simple-prod.wide .img-wrap {padding-top:60%;}
.simple-prod.verywide .img-wrap {padding-top:50%;}
.simple-prod.osp-item-is-highlight .simple-wrap 
#premium-items .simple-prod.osp-item-is-highlight .simple-wrap, #search-premium-items .simple-prod.osp-item-is-highlight .simple-wrap {background:#FFF7D6!important;}
.simple-prod .img-wrap > a img {box-shadow: 0 1px 3px rgb(0 0 0 / 25%);border-radius:6px;position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;object-fit:cover;width:100%;height:100%;}
.simple-prod .img-wrap.no-image > a img {box-shadow:0 0 1px 1px rgba(0,0,0,0.1);}
.simple-prod .img-wrap .bar {font-size:17px;line-height:20px;position:absolute;bottom:0;left:0;width:100%;border-radius:6px;padding:38px 36px 8px 8px;color:#fff;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.04935) 13.71%,rgba(0,0,0,.11481) 25.12%,rgba(0,0,0,.1925) 34.61%,rgba(0,0,0,.27852) 42.59%,rgba(0,0,0,.36898) 49.46%,rgba(0,0,0,.46) 55.63%,rgba(0,0,0,.54769) 61.47%,rgba(0,0,0,.62815) 67.41%,rgba(0,0,0,.6975) 73.83%,rgba(0,0,0,.75185) 81.13%,rgba(0,0,0,.78731) 89.73%,rgba(0,0,0,.8));}
.simple-prod .img-wrap .bar .price {float:left;position:relative;}
.simple-prod .img-wrap .bar .image-counter {position:absolute;right:8px;bottom:8px;font-size:13px;line-height: 14px;}
.simple-prod .img-wrap .bar .image-counter i {font-size:11px;}
.simple-prod .img-wrap .bar .image-counter:after {content:"x";font-size: 10px;}
.simple-prod .img-wrap .user-image > img {transition:0.2s;border:3px solid #3b49df;position:absolute;width:100%;height:100%;top:0;left:0;max-width:inherit;max-height:inherit;object-fit:cover;border-radius:100px;}
.simple-prod .img-wrap .user-image .business {position: absolute; text-transform:uppercase;right: 0px; bottom: 0px; height: 16px; background: #3b49df; color: #fff; font-size: 8px;font-weight: 600; max-width:100%;width: auto; padding: 0 2px;min-width:50%; line-height: 16px; text-align: center; border-radius: 3px;}
.simple-prod .favorite, #item-main .favorite, .simple-prod .svi-save-btn, #item-main .svi-save-btn {position:absolute;top:8px;right:8px;z-index:2;}
.simple-prod .svi-save-btn, #item-main .svi-save-btn {margin:0;border-radius:6px;background:rgba(0,0,0,0.1);}
.simple-prod .svi-save-btn:hover, #item-main .svi-save-btn:hover {background:rgba(0,0,0,0.2);}
.simple-prod .favorite span, #item-main  .favorite span {display:none;}
.simple-prod .favorite i, #item-main  .favorite i {font-weight:400;font-size:17px;line-height:19px;color:rgba(255,255,255,0.85);text-align:center;padding:6px;width:32px;height:32px;transition:0.2s;border-radius:6px;background:rgba(0,0,0,0.2);}
.simple-prod .favorite i:hover, #item-main  .favorite i:hover {background:rgba(0,0,0,0.3);color:#fff;}
.simple-prod .favorite a.is_favorite i, #item-main  .favorite a.is_favorite i {color:#fff;background:#ffcb05;text-indent:1px;font-weight:900;}
.simple-prod .favorite a.is_favorite i:before, #item-main .favorite a.is_favorite i:befor {font-weight:900;}
.simple-prod .favorite a.:not(is_favorite) i:before, #item-main  .favorite a.:not(is_favorite) i:before {font-weight:400;}
.simple-prod .favorite a.is_favorite:hover i, #item-main  .favorite a.is_favorite:hover i {color:#fff;background:#e29e03;}
/* ==============================
   Premium / Sold / Reserved
   ============================== */
.simple-prod .premium-mark,
.items-box .label-premium,
.items-box .label-sold,
.items-box .label-reserved {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;

    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: block;
}


.simple-prod .premium-mark::before,
.items-box .label-premium::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;           
    content: "\f005";          
    font-size: 12px;            
    color: #ED2C28;             
    
    display: inline-flex;        
    align-items: center;
    justify-content: center;
    width: 20px;                 
    height: 20px;
    background-color: #FFFFFF;   
    border-radius: 50%;          
    border: 1px solid #ED2C28;  
    box-shadow: 0 1px 4px rgba(0,0,0,0.15); 
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);  
    margin-right: 4px;           
}






/* Sold icon */
.items-box .label-sold:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c"; 
    color: #424242;
}

/* Reserved icon */
.items-box .label-reserved:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f023"; 
    color: #424242;
}

.simple-prod .day-offer-mark {position:absolute;left:6px;max-width:calc(100% - 12px);bottom:34px;text-align:center;z-index:3;letter-spacing:-0.2px;font-size:14px;font-weight:bold;font-style:italic;display:inline-block;line-height:16px;padding:7px 8px;border-radius:4px;background:#3b49df;color:#f9f9f9;}
.simple-prod .data {padding:12px 0 8px 0;position:relative;}
.simple-prod .info {font-size:12px;color:#555;line-height:16px;min-height:16px;margin:0 0 7px 0;padding-right:36px;}
.simple-prod .info .date {
  color: #9E9E9E;          
  font-size: 11px;        
}

.simple-prod .info .date i {
  opacity: 0.6;
}

.simple-prod .title {display:block;clear:both;font-size:17px;color:#171717;line-height:20px;max-width:100%;font-weight:bold;margin:0 0 8px 0;min-height:21px;max-height:41px;overflow:hidden;}
.simple-prod .extra {font-size:14px;color:#555;line-height:16px;margin:0;max-height:33px;min-height:17px;overflow:hidden;}
.simple-prod .extra > span:after {content:"\2022";margin:0 2px 0 6px;}
.simple-prod .extra > span:last-child:after {display:none;}
.simple-prod .label {font-size:12px;font-weight:600;margin:0 6px 0 0;display:inline-block;line-height:1.2;padding:4px 7px;border-radius:5px;background:#171717;color:#fff;}
!.simple-prod .label.premium {background:#ED2C28;color:rgba(0,0,0,0.8);}
.simple-prod .right {display:flex;flex-direction: column; justify-content: space-between; align-items: flex-end;margin-left:auto;}
.simple-prod .right .price {position:relative;font-size:17px;font-weight:bold;color:#171717;margin-top:1px;line-height:18px;white-space:nowrap;}
.simple-prod .right .favorite {position:relative;right:auto;top:auto;}
.simple-prod .description {font-size:13px;line-height:18px;max-height:55px;overflow:hidden;color:#666;margin:0 0 8px 0;}
.simple-prod .action .price {background:#171717;color:#fff;padding:2px 5px;font-size:16px;margin:0 0 8px 0;font-weight:600;display:none;}
.simple-prod .contact {display:flex;margin-top:auto;flex-wrap: wrap;}
.simple-prod .contact > a {margin:8px 8px 0 0;background:#fff;height:31px;box-shadow:0 1px 5px rgba(0,0,0,0.1);color:#2f3ab2;padding:4px 8px 4px 38px;position:relative;border-radius:6px;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,0.15);transition:0.2s;}
.simple-prod .contact > a:hover {background:rgb(59 73 223 / 8%);text-decoration:none;}
.simple-prod .contact > a.contact {background:#3b49df;color:#fff;}
.simple-prod .contact > a.contact:hover {background:#2f3ab2;}
.simple-prod .contact > a i {width:30px;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,0.1);background:rgb(59 73 223 / 20%);text-align:center;position:absolute;left:-1px;top:-1px;height:31px;line-height:32px;text-indent:1px;}

/* LIST VIEW DESIGN */
.products.list {width:100%;margin:0;}
.products.list .simple-prod {width:100%;margin:0;padding:12px 0;border-bottom:1px solid #ccc;border-radius:0;}
.products.list .simple-prod:last-child {border-bottom:0;margin-bottom:0;}
.products.list .simple-prod .info .premium-mark, .products.list .simple-prod .info .label {position:relative;bottom:auto;left:auto;float:left;margin:-1px 5px -3px 0;padding:3px 4px;line-height:14px;font-size:12px;height:20px;border-radius:4px;}
.products.list .simple-prod .simple-wrap {display:flex;padding:0;background:transparent;border-radius:0;}
.products.list .simple-prod .img-wrap {width:90px;min-width:90px;height:75px;margin:0 12px 0 0;padding:0;}
.products.list .simple-prod .img-wrap .bar {padding:0;background:transparent;}
.products.list .simple-prod .data {padding:1px 0;}
.products.list .simple-prod .right .favorite > a:not(.is_favorite) {display:none;}
.products.list .simple-prod:hover .right .favorite > a {display:block;}
.products.list .simple-prod .img-wrap .bar .image-counter {left: 3px; bottom: 3px; right: auto; background: rgba(0,0,0,0.5); padding: 2px 4px; border-radius: 4px;}
.products.list .simple-prod .img-wrap > a img {border-radius:3px;}
.products.list .simple-prod .title {font-size:16px;line-height:18px;min-height:19px;max-height:37px;}
.products.list .simple-prod .price.standalone {display:none;font-size:15px;font-weight:bold;color:#2f3ab2;margin:-2px 0 6px 0;line-height:16px;}
.products.list .simple-prod .day-offer-mark {padding: 4px; font-size: 13px; line-height: 13px; font-style: normal;top:3px;left:3px;bottom:auto;max-width:calc(100% - 6px);}



/* DETAIL VIEW DESIGN */
.products.detail {width:100%;margin:0;}
.products.detail .simple-prod {width:100%;margin:0;padding:15px 0;border-bottom:1px solid #ccc;border-radius:0;}
.products.detail .simple-prod:last-child {border-bottom:0;margin-bottom:0;}
.products.detail .simple-prod .simple-wrap {display:flex;padding:0;background:transparent;border-radius:0;}
.products.detail .simple-prod .img-wrap {width:200px;min-width:200px;height:220px;margin:0 15px 0 0;padding:0;}
.products.detail .simple-prod .data {padding:5px 0;display: flex; flex-direction: column;}
!.products.detail .simple-prod .right .favorite > a:not(.is_favorite) {display:none;}
!.products.detail .simple-prod:hover .right .favorite > a {display:block;}
!.products.detail .simple-prod .img-wrap > a img {border-radius:4px;}
.products.detail .simple-prod .extra {margin:0 0 10px 0;color:#171717;}
.products.detail .simple-prod .labels {margin-top:auto;}

body#home .simple-prod .img-wrap .favorite {display:none;}
body#home .simple-prod:hover .img-wrap .favorite {display:block;}


/* HOME PAGE - USERS LIST */
body#home > .content > section.home-users {background:#fff;padding-bottom:15px;}
#users-list {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;padding:3px;width:calc(100% + 6px);margin:-3px;}
#users-list.nice-scroll {flex-wrap: nowrap;overflow-x:auto;}
#users-list .user {position:relative;box-shadow: 0 1px 3px rgb(0 0 0 / 25%); border-radius: 8px; transition: 0.2s; text-decoration: none; width: 128px; min-width: 128px; margin: 0 10px 0 0; text-align: center; display: flex; flex-direction: column; align-items: flex-end;}
#users-list .user:hover {box-shadow:0 1px 3px rgb(0 0 0 / 25%), 0 0 0 2px #3b49df;}
#users-list .user:last-child {margin-right:0;}
#users-list .user .img {width: 100%; height: 184px; position: relative;}
#users-list .user .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: unset; max-height: unset; border-radius: 8px; object-fit: cover;}
#users-list .user .img:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 71px; background: linear-gradient(transparent,rgba(0,0,0,.04935) 13.71%,rgba(0,0,0,.11481) 25.12%,rgba(0,0,0,.1925) 34.61%,rgba(0,0,0,.27852) 42.59%,rgba(0,0,0,.36898) 49.46%,rgba(0,0,0,.46) 55.63%,rgba(0,0,0,.54769) 61.47%,rgba(0,0,0,.62815) 67.41%,rgba(0,0,0,.6975) 73.83%,rgba(0,0,0,.75185) 81.13%,rgba(0,0,0,.78731) 89.73%,rgba(0,0,0,.8)); border-radius: 0 0 10px 10px; }
#users-list .user .img .online {position: absolute; right: 6px; top:6px; width: 18px; height: 18px; border-radius: 100px; background: #0ed000; box-shadow: 0 0 0 2px #fff; }
#users-list .user .img .online.off {background:#dc0606;display:none;}
#users-list .user:hover .img .online.off {display:block;}
#users-list .user .name {font-size: 16px; line-height: 17px; max-height: 35px;overflow: hidden; text-align: right; position: absolute; bottom: 27px; color: #fff; padding-right: 10px;}
#users-list .user .items {font-size: 13px; font-weight: normal; line-height: 14px; position: absolute; bottom: 11px; text-align: right; color: #f9f9f9; padding-right: 10px;}
#users-list .user .business {position: absolute; text-transform:uppercase;left: 8px; top: 8px; height: 16px; background: #3b49df; color: #fff; font-size: 9px;font-weight: bold; max-width:100%;width: auto; padding: 0 4px;line-height: 16px; text-align: center; border-radius: 3px;}

.home-users .nice-scroll-prev, .home-users .nice-scroll-next {margin-top:-26px;}
#users-list .nice-scroll-wrap {overflow:hidden;}

/* HOME PAGE - LATEST ITEMS */
!.products#latest-items .simple-prod {width:calc(20% - 8px);}
.products#latest-items .simple-prod .info {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:-2px 0 4px 0;}
.products#latest-items .simple-prod .extra {display:none;}
.products#latest-items .simple-prod .title {margin-bottom:0;font-size: 15px;line-height: 17px;font-weight: 600;min-height: 18px; max-height: 35px;}
.products#latest-items .simple-prod .img-wrap .user-image {display:none;}
.products#latest-items .simple-prod:hover .img-wrap .user-image {display:block;}


/* HOME PAGE - PREMIUM ITEMS */
body#home > .content > section.home-premium {
    padding: 20px 0 30px 0;

    background-color: #FAFAFA; 

    box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); 
}

.products#premium-items .simple-prod {margin-bottom:12px;}
.products#premium-items .simple-prod.o1 {width:calc(34% - 8px);}
.products#premium-items .simple-prod:not(.o1) {width:calc(22% - 8px);}
.products#premium-items .simple-prod .simple-wrap {background:rgba(255,255,255,0.5);}
.products#premium-items .simple-prod .img-wrap {height:240px;padding:0;}


.products#premium-items .simple-prod .title {
    display: inline-flex;
    align-items: center;

   
    background-color: rgba(237, 44, 40, 0.1);
    color: #171717;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);

    
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;

   
    padding: 4px 8px;
    margin: 0 0 8px 0;

   
    max-width: 100%;
    min-height: 21px;
    max-height: 41px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products#premium-items .simple-prod .extra {height:33px;overflow:hidden;}
.products#premium-items .simple-prod .labels {display:none;}


/* HOME PAGE - LOCATION ITEMS */
body#home > .content > section.home-location {background:#f2f2f2;background:linear-gradient(135deg, #e8e8e8, #fff);}
.products#location-items {flex-wrap: nowrap;overflow-x:auto;width:calc(100% + 14px);margin:0 -7px;}
.products#location-items .simple-prod {width:160px;margin:0 1px 6px 1px;}
.products#location-items .simple-prod .info {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:-2px 0 4px 0;}
.products#location-items .simple-prod .extra {display:none;}
.products#location-items .simple-prod .title {margin-bottom:0;font-size: 15px;line-height: 17px;font-weight: 600;min-height: 18px; max-height: 35px;}
.products#location-items .simple-prod .img-wrap .bar .image-counter {display:none;}
.products#location-items .simple-prod .img-wrap .bar {padding-right:8px;}
.empty-alt {display: block;font-size: 15px;color: #777;}

/* HOME PAGE - FAVORITE ITEMS */
!body#home > .content > section.home-favorite {background:#f8f8f8;}
.products#favorite-items {flex-wrap: nowrap;overflow-x:auto;width:calc(100% + 14px);margin:0 -7px;}
!.products#favorite-items .simple-prod {width:240px;margin:0 1px 6px 1px;}
.products#favorite-items .simple-prod .info {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:-2px 0 4px 0;}
.products#favorite-items .simple-prod .extra {display:none;}
.products#favorite-items .simple-prod .title {margin-bottom:0;font-size: 15px;line-height: 17px;font-weight: 600;min-height: 18px; max-height: 35px;}
.products#favorite-items .simple-prod .img-wrap .bar .image-counter {display:none;}
.products#favorite-items .simple-prod .img-wrap .bar {padding-right:8px;}
.products#favorite-items .simple-prod .img-wrap .premium-mark {display:none;}

body#home > .content > section.home-latest {background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.25);}

/* HOME PAGE */
body#home > .content {background:#fff;padding:30px 0 0 0;}
body#home > .content > section {padding:30px 0;background:#fff}
body#home > .content > section.home-search {
    padding: 20px 0 20px 0 !important; 
}


body#home > .content > section > .container > .block {flex:0 0 100%;width:100%;}
body#home #flashbox .flashmessage:last-child {margin-bottom:15px;}
body#home h2 {
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 30px 0; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body#home h2 .btn {
    background: #F5F5F5;
    display: flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    color: #424242;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10);
    transition: all 0.2s ease;
}

body#home h2 .btn svg {
    margin-right: 6px;
    height: 18px;
    width: auto;
    fill: #424242;
}

body#home h2 .btn:hover {
    background: #E0E0E0;
    color: #212121;
}

body#home h2 .btn:hover svg {
    fill: #212121;
}

/* HOME SEARCH SECTION  */
.home-search > .container {
    position: relative;
    flex-direction: column;
}




.home-search .box {
    width: 100%;
    position: relative;
    z-index: 2;
}


.home-search h1,
.home-search form,
.home-search .latest-search {
    max-width: 780px;
}


.home-search h1 {
    margin-bottom: 28px;
    line-height: 1.3;
}

.home-search h1 div {
    display: inline-block;
    height: 36px;
    overflow: hidden;
    vertical-align: -8px;
}

.home-search h1 div span {
    display: block !important;
    font-weight: 800 !important;
    height: 36px !important;
    background-color: #ED2C28 !important;
    background-image: linear-gradient(135deg, #ED2C28, #C42421) !important; /* Treguu Rot + Hover Rot */
    background-size: 100% !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -moz-text-fill-color: transparent !important;
}


.home-search h1 div span.l1 {
    animation: h1slide 8s cubic-bezier(.8,0,.2,1) infinite;
    animation-delay: 1.5s;
}

@keyframes h1slide {
    0% {margin-top:0;} 15% {margin-top:0;} 20% {margin-top:-36px;} 40% {margin-top:-36px;}
    45% {margin-top:-72px;} 65% {margin-top:-72px;} 70% {margin-top:-108px;} 90% {margin-top:-108px;}
    95% {margin-top:-144px;} 100% {margin-top:-144px;}
}


.home-search form {
    display: block;
    width: 100%;
    margin: 0 0 12px 0;
}


.home-search .input-box {
    width: calc(100% - 162px);
    margin: 0 12px 0 0;
}

.home-search input[name="sPattern"] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 10px 14px;
    border-radius: 7px;
    font-size: 17px;
    border: 2px solid #ED2C28; 
    transition: all 0.25s ease;
}

.home-search input[name="sPattern"]:focus {
    border-color: #C42421; /* leichter Hover Effekt */
    box-shadow: 0 0 0 2px rgba(237, 44, 40, 0.15);
}


.home-search .btn {
    width: 150px;
    height: 48px;
    border-radius: 7px;
    float: right;
    line-height: 16px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    background-color: #ED2C28; 
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.25s ease;
}

.home-search .btn i {
    vertical-align: -1px;
}

.home-search .btn:hover {
    background-color: #C42421; 
    color: #fff;
}


.home-search .latest-search {
    max-height: 56px;
    overflow: hidden;
}

.home-search .latest-search a {
    font-size: 13px;
    padding: 5px 6px;
    border-radius: 5px;
    margin: 0 8px 8px 0;
    background: rgba(59,73,223,0.08);
    color: #3b49df;
    transition: all 0.2s ease;
}

.home-search .latest-search a:hover {
    background: #3b49df;
    color: #fff;
}


body#home .home-search h2 a.all {
    background: #F5F5F5;
    display: inline-flex;          
    align-items: center;
    justify-content: space-between; 
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10);
    transition: all 0.2s ease;
    position: relative;
}


body#home .home-search h2 a.all::after {
    content: "\f105"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;  
    margin-left: 8px;
    font-size: 14px;
    color: #424242;
    transition: transform 0.2s ease;
}


body#home .home-search h2 a.all:hover {
    background: #E0E0E0;
    color: #212121;
}

body#home .home-search h2 a.all:hover::after {
    transform: translateX(3px); 
    color: #212121;            
}



#home-cat {display:flex;flex-wrap: wrap; flex-direction: row;}
#home-cat a {width:100px;margin:0 5px 5px 0;flex:0 0 auto;padding:10px 8px 12px 8px;border-radius:8px;transition:0.2s;}
#home-cat a:hover, #home-cat a.all:hover {text-decoration:none;background:rgb(59 73 223 / 10%);}
#home-cat a > div {display:block;margin:0 auto 4px auto;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;width:68px;height:68px;border-radius:100px;display: flex; align-items: center; justify-content: center;}
#home-cat a > div i {font-size:26px;line-height:44px;text-align:center;}
#home-cat a > div img, #home-cat a > div svg {opacity:1;max-width:54px;width:auto;height:44px;max-height:44px;object-fit: contain;}
#home-cat a > div > span.lab {font-weight:600;font-size:11px;padding:2px 6px;border-radius:6px;color:#f9f9f9;background:#3b49df;position:absolute;right:-6px;top:4px;box-shadow:0 1px 2px rgba(0,0,0,0.25);}
#home-cat a > div > span.lab.hot {background:#df3b3b;}
#home-cat a > h3 {
    min-height:36px;
    margin-top:6px;
    display:flex;
    align-items:center;
    justify-content:center;
}
#home-cat a > h3 span {
    font-size:16px !important;  
    font-weight:bold !important; 
    line-height:18px;            
    text-align:center;           
}


#home-cat a.all {background:rgb(59 73 223 / 3%);box-shadow:0 0 0 1px rgba(0,0,0,0.03) inset;}
#home-cat a.all > div {background:#e4e4e4;}
#home-cat a.all > div svg {fill:#555;padding:5px;}

/* HOME PAGE BLOG */
section.home-blog h2 {margin-bottom:20px;}
.blog-box {display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 12px;}
.blog-box > a {transition:0.2s;display:flex;flex-direction: row;border-radius:6px;overflow:hidden;}
.blog-box > a:hover {box-shadow:0 0 0 2px #3b49df;background:rgb(59 73 223 / 5%);text-decoration:none;}
.blog-box > a:nth-child(1n+4) {display:none;}
.blog-box > a > img {object-fit:cover;width:120px;height:100px;margin-right:12px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,0.25)}
.blog-box > a > .data {padding:5px 0;overflow:hidden;max-width:100%;}
.blog-box > a h3 {font-size:17px;color:#1A1A1A;margin-bottom:4px;line-height:19px;max-height:39px;overflow:hidden;}
.blog-box > a .desc {font-size:15px;color:#555;line-height:19px;height:41px;overflow:hidden;}

/* HOME PAGE COMPANIES */
body#home > .content > section.home-business {padding-top:10px;}
.business-box {display:inline-block;width:100%;margin:5px 0 0 0;}
body #bpr-seller.bpr-block .bpr-inside-all, #bpr-seller .bpr-inside-all {margin:0 -8px;width:calc(100% + 16px);position:relative;}
body #bpr-seller.bpr-block > .bpr-title {display:none;}
body #bpr-seller.bpr-block .bpr-comp, #bpr-seller .bpr-comp {border-radius:6px;border:none;box-shadow:0 1px 3px rgba(0,0,0,0.25);width:calc(20% - 16px)!important;min-width:initial;max-width:initial;margin:0 8px 16px 8px;}
body #bpr-seller.bpr-block .bpr-comp:hover {box-shadow:0 1px 3px rgba(0,0,0,0.25), 0 0 0 2px #3b49df;}
body .bpr-comp .bpr-icon-wrap .bpr-icon > div {border:none;background-color:transparent;padding-top:100%;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
body #bpr-seller.bpr-block .bpr-title {font-size:16px;line-height:1.2;margin-top:6px;margin-bottom:12px;color:#1A1A1A;}
body .bpr-comp .bpr-icon-wrap .bpr-icon {margin: -40% 0 0 -25%; width: 50%;}
body .bpr-comp .bpr-cover .bpr-wrap {border-radius:6px 6px 0 0;}
body #bpr-seller.bpr-block {margin:0;max-width:100%;}
body .bpr-comp .bpr-icon-wrap {z-index:2;}



/* LOCATION & PATTERN PICKER */
.picker.location {position:relative;}
.picker.location input[type="text"]:focus, #side-menu .input-box input:focus, #def-location .input-box input:focus, .home-search input[name="sPattern"]:focus {text-decoration:underline;border-color:#3b49df;}
.picker.location .results, .picker.pattern .results, .picker.category .results {display:none;position:absolute;top:100%;background:#ffffff;width:100%;padding:5px 0;max-height:240px;overflow-y:auto!important;z-index:4;border: 1px solid #ccc; border-radius: 5px; margin-top: 5px;}
.picker.location .results:empty, .picker.pattern .results:empty, .picker.category .results:empty {display:none;}
.picker.location.loading .results:after, .picker.pattern.loading .results:after, .picker.category.loading .results:after {position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px;background:rgba(255,255,255,0.6);content:"";cursor:wait;}
.picker.location.loading:after, .picker.pattern.loading:after, .picker.pattern.mobile.loading > .input-box:after, .picker.category.loading:after {position:absolute;z-index:3;content:"";width:26px;height:26px;display:block;right:7px;top:calc(50% - 13px);background:#fff url('../images/input-loader.webp') no-repeat center center;background-size:100%;border-radius:6px;}
.def-loc-box .picker.location.loading:after {margin-right:1px;}
.picker.pattern.loading:after {width:28px;height:28px;right:8px;top:calc(50% - 14px);}
.picker.pattern.mobile.loading:after {display:none;}
.picker.pattern.mobile.loading > .input-box:after {right:6px;}
.picker.location .option, .picker.pattern .option, .picker.category .option, #side-menu .box .section a.option, #def-location a.option {display:inline-block;width:100%;margin:0;padding:10px 12px;font-size:15px;line-height:18px;transition:0.2s;cursor:pointer;color:#171717;}
.picker.location .option:hover, .picker.location .option:active, .picker.category .option:hover, .picker.category .option:active, .picker.pattern .option:hover, .picker.pattern .option:active {background:rgb(59 73 223 / 10%);color:#3b49df;}
.picker.location .option > span {display:inline-block;font-weight:600;margin-right:3px;}
.picker.category .option > span {display:inline-block;font-weight:600;}
.picker.location .option > span:after {content:", ";}
.picker .option > em, #def-location a > em, #side-menu .box .section .popular a > em, #side-menu .box .section .recent a > em {display:inline-block;font-size:11px;color:#999;font-style:normal;font-weight:normal;}
.picker .option > u {font-weight:500;}
.picker.category .option > em {font-size:13px;color:#666;}
.picker.category .option > em:before {content:", ";}
.picker.pattern .option {padding:10px 16px 10px 40px;position:relative;}
.picker.pattern .results {max-height:360px;}
.picker.pattern .results .row {margin:6px 0 10px 0;}
.picker.pattern .results .row:last-child {margin-bottom:4px;}
.picker.pattern .results .row.minlength {padding:9px 16px;font-weight:600;color:#2f3ab2;margin:-5px 0 10px 0;font-size:13px;border-radius:5px 5px 0 0;border-bottom:1px solid #ccc;z-index:2;}
.picker.pattern .results a:after {font-family: "Font Awesome 5 Free"; font-size: 16px; height: 16px; color: rgba(0,0,0,0.5); position: absolute; left: 16px; top: calc(50% - 9px); font-weight: 900;}
.picker.pattern .patterns a:after, .picker.pattern .default .recent.locations a:after {margin-left:1px;content: "\f1da";}
.picker.pattern .searches a:after {margin-left:2px;content: "\f002";}
.picker.pattern .categories a:after {margin-left:1px;content: "\f138";font-size:14px;}
.picker.pattern .locations a:after {margin-left:2px;content: "\f3c5";}
.picker .clean {display:none;z-index:2;padding:5px;cursor:pointer;transition:0.2s;position:absolute;right:6px;top:calc(50% - 15px);font-size:18px;line-height:20px;color:#999;width:30px;height:30px;border-radius:5px;}
.picker .clean:hover {color:#666;}
.picker.mobile .clean {right:3px;}
.picker.pattern .results .row.defloc {padding:5px 16px;margin-top:8px;}
.picker.pattern .results .row.defloc > a {transition:0.2s;font-weight:bold;color:#3b49df;padding:7px 40px 7px 8px;position:relative;background:rgb(59 73 223 / 8%);display:inline-block;border-radius:6px;}
.picker.pattern .results .row.defloc > a:hover {background:rgb(59 73 223 / 12%);}
.picker.pattern .results .row.defloc > a svg {fill:#3b49df;vertical-align: -4px; margin-right: 4px;}
.picker.pattern .results .row.defloc > a .input-clean {color:#888;transition:0.2s;position:absolute;right:0;top:calc(50% - 12px);right:7px;font-size:18px;line-height:20px;cursor:pointer;padding:2px;width:24px;height:24px;text-align:center;cursor:pointer;}
.picker.pattern .results .row.defloc > a .input-clean:hover {color:#555;}
.picker.pattern.mobile {position:unset;}
.picker.pattern.mobile .results {display: block; left: 0; top: 48px; margin: 0; border-radius: 0; border: none; background: #fff;padding-top: 12px;border-bottom: 1px solid #ccc;max-height:calc(100vh - 96px);height: calc(100vh - 96px);min-height: calc(100vh - 96px);}

/* BLUR FIX */
.picker.location .results, .picker.pattern .results, .picker.category .results {transform: rotate(0.001deg); perspective: 100px;}



/* MOBILE SIDE MENU */
#menu-cover {
    display: none; 
    position: fixed;
    inset: 0; 
    z-index: 7;
    background: rgba(255, 255, 255, 0.45); 
    backdrop-filter: blur(6px); 
    transition: background 0.25s ease, backdrop-filter 0.25s ease; 
}


/* Close Button */
#menu-cover .close {
    position:absolute ;
    top:10px;
    right:10px ;
    width:36px ;
    height:36px ;
    display:flex ;
    align-items:center ;
    justify-content:center ;
    color:#fff;
    border-radius:8px ;
}
#side-menu {display:none;font-size:16px;overflow:hidden;color:#1A1A1A;line-height:20px;position:fixed;left:0;top:0;bottom:0;max-width:calc(100% - 54px);z-index:99;background:#fff;box-shadow:1px 0 5px rgba(0,0,0,0.2);}
#side-menu.box-open {overflow-y:hidden;}
#side-menu > .wrap {position:absolute;top:0;left:0;height:100%;overflow-y:auto;max-width:100%;}
#side-menu, #side-menu .box, #side-menu > .wrap {width:290px;}
#side-menu .section, #def-location .section {padding:8px 0;}
#side-menu .section.delim-top {
    border-top: 1px solid #e4e4e4 !important; 
    margin-top: 8px !important;  
    margin-bottom: 8px !important;
}
/* ================== Side Menu – Mobile================== */
@media (max-width: 768px) {

  #side-menu.mobile-box.box-open,
  #side-menu.mobile-box.box-open .box,
  #side-menu.mobile-box.box-open > .wrap {
    width: 100%;
    max-width: 100%;
  }

}


#side-menu .section.dark-mode {display:none;}
#side-menu .section a, #def-location a {width:100%;display:block;padding:10px 16px 10px 60px;line-height:20px;margin:3px 0;color:#596B80;font-weight:500;position:relative;}
#side-menu .section a svg, #def-location a.svg, #side-menu .menu-hooks a > i {position:absolute;width:30px;height:20px;fill:#424242;color:#424242;left:16px;top:calc(50% - 10px);z-index:3;background:#fff;}
#side-menu .menu-hooks a:before {text-align:center;position:absolute;width:30px;height:20px;line-height:20px;color:#424242;left:16px;top:calc(50% - 10px);z-index:2;content:"\f192";font-weight:400;font-size:20px;font-family: "Font Awesome 5 Free";}
#side-menu .section a.register svg, #side-menu .section a.profile svg {margin-left:3px;}
#side-menu .section a.login svg {margin-left:-1px;}
#side-menu .section a .indicator {
    position: absolute;
    right: 16px;
    left: auto;
    top: 50%; 
    transform: translateY(-50%); 
    fill: #777;
    width: 8px;
    height: 16px;
}

#side-menu .section a .counter {
    position: absolute;
    right: 16px;
    left: auto;
    top: calc(50% - 12px);
    font-weight: 500;
    font-size: 13px;
    border-radius: 100px;
    color: #fff !important;
    background: #ED2C28 !important; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    line-height: 24px;
    padding: 0 3px;
    text-align: center;
    min-width: 24px;
    height: 24px;
}

#side-menu .box {display:none;position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto!important;background:#FAFAFA;z-index:4;max-width:100%;}
#side-menu .box .nav {height:48px;padding:0 16px;display:flex;align-items: center;border-bottom:1px solid #ccc;}
#side-menu .box .nav i {line-height:22px;}
#side-menu .box .nav > span {font-weight:bold;}
#side-menu .box .section a, #def-location .section a {padding:12px 16px;line-height:20px;margin:4px 0;}
#side-menu a.lang img {width: 32px; height: 22px; float: left; margin: -1px 12px -1px 0; border-radius: 4px; box-shadow: 0 1px 2px rgb(0 0 0 / 25%);}
#side-menu .section.lead, #def-location .section.lead {padding:26px 10px 26px 110px;}
#side-menu .section.lead a.img-container, #def-location a.img-container {transition:0.2s;position:absolute;left:16px;top:16px;width:82px;height:82px;padding:0;border-radius:100px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.15);}
#side-menu .section.lead a.img-container:hover, #def-location a.img-container:hover {box-shadow:0 1px 10px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.15);}
#side-menu .section.lead a.img-container img, #def-location a.img-container img {width:82px;height:82px;max-width:82px;max-height:82px;object-fit:cover;}
#side-menu .section.lead a.img-container svg, #def-location a.img-container svg {position:absolute;top:auto;bottom:0;left:0;width:100%;height:26px;background:rgba(0,0,0,0.7);fill:#fff;padding:4px 0 6px 0;}
#side-menu .section.lead .line1, #side-menu .section.lead .line2, #side-menu .section.lead .line3 {padding:0;margin:0;display:inline-block;width:100%;}
#def-location .section.lead .line1, #def-location .section.lead .line2, #def-location .section.lead .line3 {padding:0;margin:0;display:inline-block;width:100%;}
#side-menu .section.lead .line1, #def-location .line1 {font-size:14px;font-weight:normal;color:#777;}
#side-menu .section.lead .line1 img, #def-location .line1 img {float:right;height:30px;width:auto;margin:-5px 0 -20px 0;}
#side-menu .section.lead .line2, #def-location .line2 {font-size:20px;color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:3px 0;}
#side-menu .section.lead .line3, #def-location .line3 {color:#424242;text-decoration:underline;font-size:14px;font-weight:500;}
#side-menu .box.location .row, #def-location .row {padding:10px 0;border-bottom:1px solid #ccc;}
#side-menu .box.location .row.current {padding:10px 16px 20px 16px;}
#def-location .row.current {padding:20px 16px 20px 16px;}
#side-menu .box.location .row:last-child, #def-location .row:last-child {border-bottom:none;}
#side-menu .box.location .row.picker, #def-location .row.picker {padding:16px 16px 0 16px;border:none;}
#side-menu .box.location .lead, #def-location .lead, .results .lead {text-transform:uppercase;color:#777;font-weight:500;padding:5px 16px;font-size:13px;line-height:16px;}
#side-menu .navigator a.locate-me, #def-location .navigator a.locate-me, .navigator a.locate-me {display:block;width:100%;color:#3b49df;padding-left:58px;position:relative;margin-bottom:10px;}
#side-menu .navigator a.locate-me svg, #def-location .navigator a.locate-me svg, .navigator a.locate-me svg {position:absolute;top:calc(50% - 13px);width:26px;height:26px;left:16px;fill:#3b49df;}
#user-loc .navigator {margin-bottom:15px;}
!#user-loc .navigator a.locate-me {padding-left:40px;}
!#user-loc .navigator a.locate-me svg {left:0;}
#user-loc .navigator a.locate-me {background:rgb(59 73 223 / 8%);border-radius:6px;padding-top:6px;padding-bottom:11px;display:inline-block;max-width:100%;}
#user-loc .navigator a.locate-me:hover {background:rgb(59 73 223 / 12%);}
#side-menu .navigator strong, #def-location .navigator strong, .navigator strong {display:block;}
#def-location .navigator strong, #user-loc .navigator strong {font-size:16px;margin-bottom:2px;}
#side-menu .navigator span, #def-location .navigator span, .navigator span {display:block;font-size:14px;line-height:16px;font-weight:normal;}
#side-menu .navigator span.refresh, #def-location .navigator span.refresh, .navigator span.refresh {color:#777;margin-top:4px;font-size:13px;text-decoration:none;font-style:italic;display:inline-block;}
#side-menu .input-box, #def-location .input-box {margin:0;}
#side-menu .box.location .input-box input, #def-location .input-box input {border-color:#444;border-width:2px;padding-left:42px;width:100%;}
#side-menu .input-box svg, #def-location .input-box svg {width:22px;height:22px;fill:#424242;position:absolute;left:8px;top:calc(50% - 11px);}
#def-location .input-box svg {left:10px;}
#side-menu .box .section .recent a, #side-menu .box .section .popular a, #def-location .recent a, #def-location .popular a {font-weight:normal;padding:8px 16px 8px 40px;position:relative;}
#side-menu .box .section .recent a:after, #def-location .recent a:after {margin-left:1px;content: "\f1da"; font-family: "Font Awesome 5 Free"; font-size: 16px; height: 16px; color: #424242; position: absolute; left: 16px; top: calc(50% - 9px); font-weight: 900;}
#side-menu .box .section .popular a:after, #def-location .popular a:after {margin-left:1px;content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-size: 16px; height: 16px; color: #424242; position: absolute; left: 16px; top: calc(50% - 9px); font-weight: 900;}
#side-menu .box .section .row.buttons, #def-location .row.buttons {padding:16px;}
#side-menu .box .section .buttons a.btn, #def-location .buttons a.btn {color:#3b49df;padding:8px;font-size:14px;}
#side-menu .box .section .buttons a.btn:hover, #def-location .buttons a.btn:hover {color:#fff;}
#side-menu .menu-hooks {width:100%;}
#side-menu .menu-hooks li {display:block;list-style-type:none;}
#side-menu .menu-hooks a > i {font-size:20px;line-height:20px;text-align:center;}
#side-menu .menu-hooks li.opt_favorite_items, #side-menu .menu-hooks li.opt_instant_messenger, #side-menu .menu-hooks li.opt_osclass_pay, #side-menu .menu-hooks li.opt_bpr_profile {display:none;} 
#side-menu .menu-hooks li.opt_osp_payment {display:none;}
#side-menu .box.filter input[type="text"], #side-menu .box.filter select {width:100%;}
#side-menu .box.filter .row {margin:0 0 12px 0;}
#side-menu .box.filter .row.checkboxes {margin:2px 0 0 0;}
#side-menu .box.filter .section {padding:10px 16px 0 16px;}
#side-menu #search-category-box {display:none;}

/* MOBILE BOTTOM NAVIGATION BAR */
#navi-bar {z-index:5;position:fixed;bottom:0;left:0;width:100%;height:48px;display:flex;background:#fff;box-shadow:0 -1px 2px rgba(0,0,0,0.2);}
#navi-bar a {max-width:20%;text-align:center;flex:1;padding:6px 2px;letter-spacing:-0.2px;color:#888;position:relative;}
#navi-bar a.post > svg {background:#3b49df;fill:#f9f9f9;border-radius:6px;width:75%;min-width:44px;height:32px;padding:6px 2px;}
#navi-bar a > svg {width:20px;height:20px;fill:#888;}
#navi-bar a > span {width:100%;font-size:11px;font-weight:normal;display:block;word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding:0 2px;}
#navi-bar a.active {font-weight:bold;color:#424242;}
#navi-bar a.active > svg {fill:#424242;}
#navi-bar a.active > span {font-weight:600;}
#navi-bar a.active:not(.post):after {content:"";width:7px;height:7px;border-radius:10px;background:#3b49df;position:absolute;top:5px;left:calc(50% + 9px);}
#navi-bar a.active.post > svg {background:#424242;fill:#f9f9f9;padding:7px 2px;}
#navi-bar .counter {position: absolute; left:calc(50% - 24px); top: 3px; height: 16px; min-width: 16px; width:auto;line-height: 16px; padding: 0 3px; border-radius: 100px; z-index: 2; background: #3b49df; color: #fff; font-size: 10px; font-weight: 600;}
#navi-bar .favorite .counter {margin-left:3px;}
#navi-bar a i.mark {position: absolute; right: calc(50% - 15px); font-size: 11px; top: 5px; color: #3b49df;text-shadow:-1px 1px 1px #fff;}

/* PUBLISH & EDIT PAGE */
body.item-publish {}
.item-publish .content {padding:18px 0 36px 0;}
.item-publish h1 {margin:0 0 18px 0;font-size:24px;color:#596B80;}
.item-publish h2 {color:#596B80;}
.item-publish h3 {margin:0 0 10px 0;font-size:16px;color:#596B80;}
.item-publish h4, .item-publish h5, .item-publish h6 {color:#596B80;}
.item-publish .box {width:100%;max-width:580px;margin:0 0 10px 0;}
.item-publish section.promo, .item-publish #breadcrumbs, .item-publish footer section.one > .col {display:none;}
.item-publish footer section.one {padding:0;margin:0;}
.item-publish label {
    margin: 0 0 10px 0;   
    width:100%;
    display:inline-block;
    color:#596B80;
}

.item-publish label.auto-width {width:auto;}
.item-publish .input-box-check {margin:0 0 10px 0;}
.item-publish footer {padding:20px 0 12px 0;height:60px;}
.item-publish footer section.two {margin:0;padding:0;border:none;font-size:14px;}
.item-publish input[type="text"], .item-publish input[type="password"], .item-publish input[type="email"], .item-publish select {width:100%;}
.item-publish textarea {width:100%;}
.item-publish .box section {
    z-index:1;
}
.item-publish .box section.s1 {z-index:4;}
.item-publish .box section.location {z-index:3;}
.item-publish .box section:not(.buttons-block) {
    position:relative;
    background:#fff;
    border-radius:4px;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    margin:0 0 15px 0;
    border:1px solid #d0d0d0;
}
.item-publish .box section > h2 {
    border-radius:4px 4px 0 0;
    display:inline-block;
    margin:0;
    width:100%;
    position:relative;
    z-index:2;
    padding:16px;
    font-size:16px;
    font-weight:700;
    background:#fafafa;
    color:#333333;
}
.item-publish .box section .in {
    border-radius:0 0 4px 4px;
    display:inline-block;
    width:100%;
    border-top:1px solid #d0d0d0;
    padding:16px;
    position:relative;
    z-index:2;
    background:#fff;
}
.item-publish .box section.location .in {z-index:3;}

.item-publish .box section {
    z-index: 1;
}

/* Reihenfolge beibehalten */
.item-publish .box section.s1 {
    z-index: 4;
}

.item-publish .box section.location {
    z-index: 3;
}

/* Hauptbox */
.item-publish .box section:not(.buttons-block) {
    position: relative;
    background: rgba(255, 255, 255, 0.75); 
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    margin: 0 0 18px 0;
    border: 1px solid rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(6px); 
}


.item-publish .box section > h2 {
    border-radius: 12px 12px 0 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 16px;
    font-size: 17px;
    font-weight: 700;

    color: #424242; 
    background: rgba(245, 245, 245, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(4px);
}


.item-publish .box section .in {
    border-radius: 0 0 12px 12px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 18px;
    position: relative;
    z-index: 2;
    background: rgba(250, 250, 250, 0.65);
    backdrop-filter: blur(4px);
}


.item-publish .box section.location .in {
    z-index: 3;
}

.item-publish .box section:not(.buttons-block):hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 0.82);
    transition: all 0.25s ease;
}


.item-publish .box section:hover > h2 {
    background: rgba(245, 245, 245, 0.95);
    transition: background 0.25s ease;
}


.item-publish .box section:hover .in {
    background: rgba(250, 250, 250, 0.75);
    transition: background 0.25s ease;
}

.item-publish .box .dsc textarea {width:100%;}
.item-publish .row.country {width:34%;padding-right:16px;float:left;}
.item-publish .row.region {width:50%;padding-right:16px;float:left;}
.item-publish .row.country + .row.region, .item-publish .row.country + .row.region + .row.city {width:33%;float:left;}
.item-publish .row.address {width:calc(100% - 120px);padding-right:16px;float:left;}
.item-publish .row.zip {width:120px;float:left;}
.item-publish .row.cityarea, .item-publish .row.user-email {max-width:360px;}
.item-publish .row.phone {float:left;width:45%;padding-right:16px;}
.item-publish .row.phone input#contactPhone, .item-publish .row.phone input#sPhone {width:100%;}
.item-publish .row.user-email {float:left;width:55%;}
.item-publish .category select {
    max-width: 460px;   
    width: 100%;
    margin-bottom: 12px;
    padding: 14px 14px; 
    font-size: 16px;    
}

.item-publish .seller .input-box-check {margin:-10px 0 20px 0;}


.item-publish .link-update {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 14px;
    margin: 8px 0 2px 0;

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

    color: #ED2C28;
    border: 1px solid #ED2C28;
    border-radius: 999px; 

    background: transparent;
    cursor: pointer;
    transition: all 0.18s ease;
    text-decoration: none;
}


.item-publish .link-update:hover {
    background: #ED2C28;
    color: #FFFFFF;
}


.item-publish .link-update.location {
    margin-top: 0;
}

.item-publish section.info .in {padding-bottom:0;}
.item-publish #plugin-hook {margin:0 0 16px 0;}
.item-publish #plugin-hook:empty {display:none;}


.item-publish .buttons-block button.btn {
    font-size: 17px;
    height: 48px;
    padding: 13px 15px;
    width: 100%;
    background-color: #ED2C28;      
    color: #ffffff;
    border: 1px solid #ED2C28;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 3px 6px rgba(237,44,40,0.3);
}


.item-publish .buttons-block button.btn:hover {
    background-color: #FF3B3B;      
    border-color: #FF3B3B;
    box-shadow: 0 4px 8px rgba(237,44,40,0.4);
}

.item-publish .show-tip {
    transition: 0.2s;
    float: right;
    padding: 7px 10px;
    margin: -6px;
    cursor: pointer;
    border-radius: 6px;
    background: #fff; 
    color: #424242;   
    border: 1px solid #E0E0E0; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    font-weight: 500;
}

.item-publish .show-tip:hover {
    box-shadow: 0 2px 6px rgba(237,44,40,0.2); 
    border-color: #ED2C28;
    color: #ED2C28; 
}

.item-publish .close-tip {transition:0.1s;cursor:pointer;transition:0.2s;position: absolute; right: 6px; top: 9px; padding: 5px; background: rgba(0,0,0,0.15); width: 24px; height: 24px; font-size: 14px; text-align: center; border-radius: 6px; color: rgba(255,255,255,0.85);}
.item-publish .close-tip:hover {color:#fff;background:rgba(0,0,0,0.25);}
.item-publish .tip {z-index:1;display:none;position:absolute;left:100%;top:0;margin-left:16px;width:220px;background:#3b49df;color:#fff;font-size:14px;line-height:1.4;text-align:left;padding:16px 16px 8px 16px;border-radius:5px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}
.item-publish .tip p {margin:0 0 8px 0;}
.item-publish .tip p:last-child {margin-bottom:2px;}
.item-publish .tip p strong {padding-right:24px;display:inline-block;}


.item-publish input#price {
    padding-left: 110px !important; 
    height: 40px !important;
    box-sizing: border-box !important;
}


.item-publish select#currency {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100px !important;
    height: 40px !important;
    border-right: 1px solid #ccc !important;
    background: transparent !important;
    z-index: 10 !important;
}



.item-publish .or {
  margin: 25px auto;
  text-align:center;
  color:#424242; 
  font-style:italic;
}

.item-publish .or:before,
.item-publish .or:after {
  display:inline-block;
  width:70px;
  border-top:1px solid #E0E0E0; 
  content:"";
  vertical-align:middle;
}

.item-publish .or span {
  margin:0 12px;
  display:inline-block;
}

/* Button – größer, bold, centered */
.item-publish .selection {
  text-align:center;  
  margin-top:15px;
}

.item-publish .selection .btn {
  padding:12px 28px;
  font-size:17px;
  font-weight:600;
  border-radius:8px;
  display:inline-block;
}

.item-publish .selection a {display:inline-block;margin:0 12px 10px 0;padding:6px 10px;font-size:14px;height:34px;}
.item-publish .status-wrap {
  margin: 25px 0 6px 0;
  display: flex;          
}

.item-publish .status-wrap .transaction,
.item-publish .status-wrap .condition {
  flex: 1;                
  padding-right: 12px;    
}

.item-publish .status-wrap .condition {
  padding-right: 0;       
}

!.item-publish select.mini {font-weight:500;font-size:13px;background:rgb(59 73 223 / 6%);color:rgba(0,0,0,0.8);}
.item-publish .row.name, #user-dashboard .headers { padding-left: 0;position:relative;}
.item-publish .img-container, .body-ua .img-container {transition:0.2s;position:absolute;left:0;top:1px;width:66px;height:66px;border-radius:100px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.item-publish .img-container:hover, .body-ua .img-container:hover {box-shadow:0 1px 10px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.15);}
.item-publish .img-container img, .body-ua .img-container img {width:66px;height:66px;max-width:66px;max-height:66px;object-fit:cover;}
.item-publish .img-container svg, .body-ua .img-container svg {position:absolute;bottom:0;left:0;width:100%;height:24px;background:rgba(0,0,0,0.7);fill:#fff;padding:4px 0 5px 0;}

/* PUBLISH FORM SECTIONS – */
.item-publish .box {
    counter-reset: section-counter; 
}

.item-publish .box section:not(.buttons-block) {
    position: relative;
    background: rgba(255,255,255,0.85); /* glasiger Effekt */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin: 0 0 20px 0;
    border: 1px solid rgba(224,224,224,0.8);
    backdrop-filter: blur(8px);
    transition: all 0.25s ease;
}


.item-publish .box section > h2 {
    position: relative;
    padding: 16px 16px 16px 50px; 
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid rgba(224,224,224,0.8);
    border-radius: 12px 12px 0 0;
    background: rgba(255,255,255,0.9); 
    transition: background 0.2s ease;
}


.item-publish .box section > h2::before {
    counter-increment: section-counter;
    content: counter(section-counter);
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #ED2C28; 
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 10px; 
    border-radius: 12px; 
    line-height: 1.4;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}


.item-publish .box section > h2:hover {
    background: rgba(237,44,40,0.08); 
}



!#plugin-hook .row {margin:0 0 16px 0;display:inline-block;}
#plugin-hook h2, #plugin-hook h3, #plugin-hook h4 {font-weight: 500; font-size: 17px; line-height: 1.2;margin:0 0 4px 0;padding:0;}
#plugin-hook input[type="checkbox"] {width:18px;height:18px;margin:0 5px 0 0;float:left;border-radius:4px;}
#plugin-hook input[type="checkbox"] + label {width:auto;line-height:18px;font-weight:normal;text-align:left;margin:0;}
#plugin-hook #power {width:calc(100% - 120px);margin-right:12px;max-width:200px;float:left;}
#plugin-hook #power_unit {width:100px;margin-right:12px;float:left;}
#plugin-hook .car-attr-post input, #plugin-hook .car-attr-post select {max-width:360px;}
#plugin-hook .meta, #plugin-hook .row, #plugin-hook p, #plugin-hook .control-group {display:inline-block;width:100%;margin:0 0 12px 0;}
#plugin-hook .row._20 + .row._20 {margin-top:-12px;}
#plugin-hook input[type="checkbox"], #plugin-hook input[type="radio"] {float:left;width:16px!important;height:16px!important;margin:0 4px 6px 0;clear:both;}
#plugin-hook input[type="checkbox"] + label, #plugin-hook input[type="radio"] + label {float:left!important;clear:none;width:auto;max-width:calc(100% - 24px);font-weight:600;line-height:16px;}
#plugin-hook input[type="text"], #plugin-hook input[type="password"], #plugin-hook input[type="email"],#plugin-hook input[type="url"], #plugin-hook input[type="number"], #plugin-hook input[type="tel"], #plugin-hook select {width:auto;height:36px;padding:4px 8px;min-width:100px;}
#plugin-hook select {padding:0 6px;}
#plugin-hook .osp-promote-form select {min-width:32px;}
#plugin-hook textarea {padding:6px;width:auto;min-width:80%;max-width:100%;}
#plugin-hook .tabberlive .tabbertab {padding-bottom:4px;}
#plugin-hook .row._20 > label:first-child {display:inline-block;width:auto;margin:0;line-height:16px;}
#plugin-hook .jobs-attributes > .row:first-child {margin-bottom:0;}
#plugin-hook .controls ul, #plugin-hook .controls li {display:inline-block;width:100%;}
#plugin-hook .atr-select-deselect, #plugin-hook .atr-select-all {margin-bottom:4px;font-size:13px;}
#plugin-hook input[type="checkbox"] + label, #plugin-hook input[type="radio"] + label {width:auto;}
#plugin-hook table.product-attributes {border-spacing:0;}
#plugin-hook .product-attributes td {display:block;width:100%;}
/* IMAGE UPLOADER */
.upload-photos .sub-label {display:inline-block;width:100%;margin:0 0 16px 0;font-style:italic;color:#777;}
.upload-photos .qq-uploader {width:100%;padding:90px 0 0 0;}
.upload-photos .qq-upload-drop-area, .upload-photos .qq-upload-extra-drop-area {border-radius:5px;transition:0.1s;z-index:4;background:rgb(59 73 223 / 10%);}
.upload-photos .qq-upload-drop-area.qq-upload-drop-area-active {z-index:4;box-shadow:0 2px 12px 2px rgba(0,0,0,0.35);background:rgb(9 174 64 / 10%);}
.upload-photos .qq-upload-button {transition:0.1s;cursor:pointer;opacity:1;font-size:15px;outline:none;border:none;z-index:3;color:#111;border:3px solid #171717;font-size:15px;font-weight:bold;background:transparent;text-align:center;position:absolute!important;left:0px;top:0px;max-width:100%;width:100%;padding:20px;border-radius:4px;}


.upload-photos .qq-upload-button:before {
    display: inline-block;
    content: "\f030";
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    vertical-align: -4px;
    margin-right: 8px;
}

.upload-photos .qq-upload-button > div {
    display: inline-block;
}

.upload-photos .qq-upload-button {
    color: #ED2C28;
    border: 1px solid #ED2C28;
    border-radius: 6px;
    padding: 8px 14px;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.upload-photos .qq-upload-button:hover {
    background-color: #fff; 
    color: #ED2C28;
    border-color: #ED2C28;
    box-shadow: 0 2px 6px rgba(237,44,40,0.3);
}

.upload-photos .qq-upload-button input[type="file"] {font-size:14px!important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; min-width: 0; max-width: 100%; min-height: 0; max-height: 100%; }
.upload-photos .qq-upload-button input[type="file"]::-webkit-file-upload-button {cursor:pointer;}
.upload-photos .qq-upload-drop-area span {display:none;}
!.upload-photos .qq-upload-list {display:inline-block;width:100%;clear:both;position:relative;z-index:3;padding-top:10px;}
.upload-photos .qq-upload-list {display: grid;grid-template-columns: 1fr 1fr 1fr; column-gap: 10px; row-gap: 10px;width:100%;clear:both;position:relative;z-index:3;padding-top:10px;}
.upload-photos .qq-upload-list:empty {display:none;}
!.upload-photos .qq-upload-list li {border:1px solid #c0c0c0;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-size:13px;position:relative;float: left; width: calc(50% - 8px); margin:8px 16px 8px 0; border-radius: 5px; background: #fff;padding:12px;min-height:160px;}
.upload-photos .qq-upload-list li {overflow:hidden;text-overflow:ellipsis;border:1px solid #c0c0c0;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-size:13px;position:relative;float: left; width: 100%; margin:0; border-radius: 5px; background: #fff;padding:12px;min-height:160px;}
!.upload-photos .qq-upload-list li:nth-child(even) {margin-right:0;}
.upload-photos .qq-upload-list li.qq-upload-success {background: #fff;}
.upload-photos .qq-upload-file {color:#111;display:inline-block;width:100%;font-size:14px;line-height:16px;font-weight:500;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upload-photos .qq-upload-delete {opacity:0;transition:0.1s;position:absolute;right:5px;top:5px;margin:0;color:transparent;width:30px;height:30px;overflow:hidden;}
.upload-photos .qq-upload-rotate {opacity:0;transition:0.1s;position:absolute;top:5px;left:5px;width:30px;height:30px;font-size:14px;line-height:30px;padding:0;text-align:center;border-radius:100px;}
.upload-photos .qq-upload-rotate i {text-align:center;line-height:30px;display:inline-block;color:#fff;}
.upload-photos .qq-upload-rotate:hover, .upload-photos li:hover .qq-upload-rotate:hover {transform:rotate(30deg);}
.upload-photos .qq-upload-rotate-img {display:none!important;}
.upload-photos li:hover .qq-upload-delete, .upload-photos li:hover .qq-upload-rotate {opacity:1;}
.upload-photos .qq-upload-delete:before {cursor:pointer;display:block;border-radius:100px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f1f8";width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#111;}
.upload-photos .qq-upload-delete:hover:before {background:#444;}
.upload-photos .ajax_preview_img {display:inline-block;width:100%;float:left;margin-top:4px;clear:both;overflow:hidden;padding-top:80%;position:relative;background:#424242;border-radius:4px;}
.upload-photos .ajax_preview_img img {position:absolute;left:0;top:0;width:100%;height:100%;max-width:inherit;max-height:inherit;object-fit: contain;}
.upload-photos .qq-upload-size {display:inline-block!important;width:100%;padding:0;margin:0 0 6px 0;font-size:11px;color:#999;line-height:13px;}
.upload-photos .qq-upload-spinner {position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;display:block;background:transparent url('../images/loader.gif') no-repeat center center;background-size:32px;}
.upload-photos .qq-upload-cancel, .upload-photos .qq-upload-retry {margin:3px 0;padding:0;text-align:center;}
.upload-photos .qq-progress-bar {margin:5px 6px;width:calc(100% - 12px);}
.upload-photos .qq-upload-status-text {margin:0;padding:0;font-size:13px;font-weight:bold;display:inline-block;width:100%;}
.upload-photos .qq-upload-status-text:empty {display:none;}
.upload-photos div[id*='p-'] {display:none!important;}
.upload-photos .primary_image {opacity:0;transition:0.1s;position:absolute;left:44px;top:5px;margin:0;color:transparent;width:30px;height:30px;overflow:hidden;}
.upload-photos li:first-child .primary_image {display:none;}
.upload-photos li:hover .primary_image {opacity:1;}
.upload-photos .primary_image:before {cursor:pointer;display:block;border-radius:100px;font-family:"Font Awesome 5 Free";content:"\f08d";width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#e00909;font-weight:900;}
.upload-photos .primary_image:hover:before {background:#e04c4c;}
.upload-photos h3 {display: inline-block; margin: 20px 0 10px 0; font-size: 16px; line-height: 18px;}
.upload-photos > .qq-upload-list {padding:0; border: none;background:#fff;}
.upload-photos > .qq-upload-list li { background: #eaeaea; font-size: 0; border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 5px rgba(0,0,0,0.05); }


/* TABBER */
.tabberlive .tabbertab.tabbertabhide {display:none;}
.tabberlive {margin: 5px 0 5px 0;width:100%;}
ul.tabbernav {margin:0;padding:0;font-size:14px;border-bottom:3px solid #ccc;}
ul.tabbernav li {list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {padding: 8px 4px 5px 4px;color:#000;margin-bottom:-3px;margin-right:5px;border-bottom:3px solid transparent;text-decoration: none;display:inline-block;}
ul.tabbernav li a:hover {border-bottom:3px solid #666;}
ul.tabbernav li.tabberactive a {font-weight:bold;border-bottom:3px solid #666}
ul.tabbernav li.tabberactive a:hover {}
.tabberlive .tabbertab {padding: 10px 0px;border:none;display:inline-block;width:100%}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive .tabbertab ul {width:100%;display:inline-block;padding:0;}
.tabberlive .tabbertab ul li {width:100%;display:inline-block;margin:0 0 5px 0;}
.tabberlive .tabbertab ul li input[type="text"] {margin-right:5px;}
.tabberlive > button {margin-top:10px;}


/* STATIC PAGE */
body#page {background:#fff;}
#page .page-text.container {flex-direction: column;}
#page #breadcrumbs.container, #page .page-text.container {max-width:640px;}
#page .page-text h1 {margin:0 0 20px 0;}
#page .page-text h2, #page .page-text h3, #page .page-text h4, #page .page-text h5, #page .page-text h6 {margin:0 0 12px 0;}
#page .page-text section.text {margin:0 0 20px 0;min-height:200px;font-size:15px;line-height:22px;}
#page .page-text section.bottom {font-weight:bold;margin:0 0 30px 0;padding:20px 0 0 0;border-top:1px solid #ccc;}


//* ===========================
   LOGIN, REGISTER, RECOVER, FORGOT, CONTACT
   =========================== */
body.pre-account {
    background: #F5F5F5;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #424242;
}

.pre-account .content {
    padding: 40px 20px;
    min-height: calc(100vh - 120px);
    text-align: center;
}

.pre-account .box {
    width: 100%;
    max-width: 440px;
    margin: 0 auto 15px auto;
    background: #FFFFFF;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.pre-account h1 {
    margin: 0 0 20px 0;
    font-size: 28px;
    font-weight: 700;
    color: #ED2C28;
}

/* INPUTS */
.pre-account input[type="text"],
.pre-account input[type="password"],
.pre-account input[type="email"],
.pre-account select,
.pre-account textarea {
    height: 50px;
    width: 100%;
    font-size: 16px;
    padding: 12px 15px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #424242;
    transition: all 0.2s ease;
}

.pre-account input:focus,
.pre-account textarea:focus,
.pre-account select:focus {
    border-color: #ED2C28;
    box-shadow: 0 0 6px rgba(237, 44, 40, 0.25);
    outline: none;
}

/* FILE INPUT */
.pre-account input[type="file"] {
    font-size: 15px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 10px;
}

/* ================== Button ================== */
.pre-account a.alt-action {
    display: inline-flex !important;          
    align-items: center !important;          
    justify-content: center !important;
    font-size: 20px !important;               
    font-weight: 700 !important;
    color: #FFFFFF !important;                
    background-color: #1976D2 !important;    
    border-radius: 12px !important;          
    padding: 14px 24px !important;           
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    text-decoration: none !important;
    line-height: 24px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; 
    transition: all 0.3s ease !important;    
}


.pre-account a.alt-action:hover {
    background-color: #1565C0 !important;   
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;  
    box-shadow: 0 6px 14px rgba(0,0,0,0.2) !important;
}


.alt-action-icon {
    vertical-align: middle;
    margin-right: 12px !important;  
    height: 28px !important;        
    width: 28px !important;
    fill: #FFFFFF !important;       
    color: #FFFFFF !important;      
}




.pre-account a.alt-action2 {
    display: block;                 
    width: max-content;           
    margin: 15px auto 12px auto;    
    font-size: 14px;
    font-weight: 700;               
    color: #FF9800 !important;      
    padding: 6px 12px;              
    border: 1px solid #FF9800;      
    border-radius: 6px;            
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}


.pre-account a.alt-action2:hover {
    color: #FFFFFF !important;      
    background: #ED2C28;           
    border-color: #ED2C28;         
}







.pre-account .social {
    margin: 15px 0 25px 0;
    display: flex;
    flex-direction: row;
    gap: 14px;
    justify-content: center;
}


.pre-account .social a {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 0;
    border: none !important;
    font-size: 0 !important;
    overflow: hidden; 
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


.pre-account .social a:hover {
    transform: scale(1.06);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.pre-account .social a.facebook {
    background: #1877F2;
}

.pre-account .social a.facebook i {
    font-size: 24px;
    color: #fff;
}


.pre-account .social a.google {
    background: #FFFFFF;
    border: 2px solid #E0E0E0 !important;
}

.pre-account .social a.google i {
    font-size: 24px;
    color: #EA4335; 
}

.pre-account .social a.google img.google-icon {
    width: 24px;
    height: 24px;
    display: block;
}



.pre-account .content .btn {
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    background-color: #ED2C28;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    transition: 0.2s ease;
}

.pre-account .content .btn:hover {
    background-color: #C42421;
}

.pre-account label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.pre-account .input-box-check {
    margin-bottom: 20px;
}


.pre-account:not(.has-footer) footer {
    padding: 20px 0 12px 0;
    text-align: center;
    font-size: 14px;
    color: #424242;
}




ul.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 20px 0;
  font-size: 14px;
  color: #424242;
}

ul.breadcrumb li {
  display: flex;
  align-items: center;
}

ul.breadcrumb a {
  color: #424242;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

ul.breadcrumb a:hover {
  color: #ED2C28; /* Primary Hover */
}

ul.breadcrumb span.home svg {
  height: 15px;
  width: 15px;
  margin-right: 6px;
  fill: #424242;
  transition: fill 0.2s ease;
}

ul.breadcrumb span.home:hover svg {
  fill: #ED2C28;
}

ul.breadcrumb li b {
  font-weight: 600;
  color: #212121;
}

body#item #breadcrumbs,
body#public #breadcrumbs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}



/* NAVLINKS */
.navlinks {white-space:nowrap;}
.navlinks a {white-space:nowrap;border:1px solid #aaa;background:transparent;transition:0.2s;font-size:13px;line-height:16px;font-weight:600;border-radius:6px;margin:0 0 0 1px;padding:3px 6px;color:#404040;}
.navlinks a:hover {border-color:#3b49df;text-decoration:none;background:#fff;}
.navlinks a i {font-size:12px;}

  
/* HEADER */
header {position:fixed;top:0;left:0;width:100%;height:60px;z-index:8;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 1px 0 0 rgba(0,0,0,0.1);backdrop-filter: blur(6px); background: rgba(255,255,255,0.8);}
.osc-has-admin-header header, .osc-has-admin-header #header-search {margin-top:34px;}
header .container {height:100%;}
header .logo {display:inline-flex;font-weight:bold;font-size:18px;color:#424242;line-height:18px;}
header .logo img {height:40px;object-fit: contain;}
header .links {display:flex;margin-left:auto;flex-direction: row-reverse; flex-wrap: wrap;max-width: calc(100% - 200px);justify-content: end;overflow:hidden;height:40px;}
header .links .publish {margin-left:12px;}
header .links .publish.mini {display:none;}
header .links .btn-white,
header .menu.btn-white {
    font-size: 16px !important;
    color: #596B80 !important;
    padding: 9px 10px !important;
    font-weight: 400 !important;
}


header .links .btn {white-space: nowrap;position:relative;}
header .links .btn.account img {width: 32px; height: 32px; margin:-6px 5px -6px -6px; float:left;object-fit:cover;border-radius:100px;box-shadow:0 1px 1px rgba(0,0,0,0.2);}
header .links .btn.location {max-width: 150px; overflow: hidden; text-overflow: ellipsis;}
header .links .btn.location.active:after {
    content: "";
    width: 9px !important;
    height: 9px !important;
    border-radius: 10px !important;
    background: #ED2C28 !important; 
    position: absolute !important;
    top: 7px !important;
    left: 8px !important;
    box-shadow: 0 0 0 1px #fff !important;
}

header .links .btn .counter {position: absolute; left: 2px; top: 4px;box-shadow:0 0 0 1px #fff; height: 16px; min-width: 16px; line-height: 16px; padding: 0 3px; border-radius: 100px; z-index: 2; background: #3b49df; color: #fff; font-size: 10px; font-weight: 600;}
/* ==============================
   HEADER –
   ============================== */


header .links .btn svg,
header .menu.btn svg {
    width: auto;
    height: 18px;
    fill: #fff;                  
    margin-right: 4px;           
    vertical-align: -3px;
    transition: all 0.2s ease;
}


header .links .btn-white svg,
header .menu.btn-white svg {
    fill: #596B80;              
}


header .links .btn-white.messages svg {
    vertical-align: -4px;
    height: 24px;
}


header .links .btn-white:hover,
header .menu.btn-white:hover {
    color: #3b49df;              
}

header .links .btn-white:hover svg,
header .menu.btn-white:hover svg {
    fill: #3b49df;
}


header .links .btn.noicon {
    padding: 9px 12px;           
    border-radius: 8px;          
    transition: background 0.2s;
}




header .links .maccount {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 2px 0 2px 8px;
    height: 36px;
    border-radius: 100px;       
    background: #fff;            
    box-shadow: 0 2px 4px rgba(0,0,0,0.12); 
    transition: box-shadow 0.2s ease;
}


header .links .maccount img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 100px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    display: block;
    transition: transform 0.2s ease;
}


header .links .maccount:hover img {
    transform: scale(1.05);
    box-shadow: 0 3px 6px rgba(0,0,0,0.18);
}


header .links .search {width:36px;height:36px;padding:7px 5px;border-radius:100px;}
header .links .search svg {width:20px;height:20px;}
header .container.alt {display:flex;background:#fff;position:relative;z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;}
header .container.alt a.back, header .container.alt a.action {margin-right:8px;}
header .container.alt > .img {width:42px;height:36px;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-right:4px;}
header .container.alt > .data {font-size:13px;line-height:18px;padding:0 4px;max-width: calc(100% - 48px);width:100%;}
!header .container.alt > .img + data {max-width:calc(100% - 54px);}
header .container.alt .data > strong {font-size:16px;display:flex;}
header .container.alt .data > strong .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
header .container.alt .data > strong .price {margin-left:auto;padding-left:10px;white-space: nowrap;max-width:35%;}
header .container.alt .data > div {scrollbar-width: none;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto;}
header .container.alt .data > div::-webkit-scrollbar {display:none;}
header .container.alt .data > div span:after {content: "\2022"; margin: 0 6px 0 6px;}
header .container.alt .data > div span:last-child:after {display:none;}
header .container.alt.csearch {overflow:visible!important;}

header .links .btn-white.favorite svg {
    height: 24px !important;
    width: auto !important;
    fill: #596B80  !important;
}

header .links .btn-white.account svg {
    height: 24px !important;
    width: auto !important;
    fill: #596B80  !important;
}

header .links .btn-white.location  svg {
    height: 24px !important;
    width: auto !important;
    fill: #596B80  !important;
}



header .csearch form { display: flex; margin-left: auto; flex-direction: row; width: calc(100% - 44px); height: 36px; }
header .csearch .pattern {width:calc(100% - 44px);}
header .csearch input.pattern {font-size:15px;padding:6px 8px;line-height:18px;height:36px;width:100%;border:2px solid #333;}
header .csearch input.pattern:focus {border-color:#3b49df;}
header .csearch button {width:38px;min-width:38px;height:36px;padding:6px 4px;margin-left:8px;}
header .csearch button i {line-height:20px;font-size:16px;margin:0;}
header a.back, header a.action {height:36px;width:36px;padding:9px 4px;text-align:center;}
header a.back svg, header a.action svg, header a.back i, header a.action i {display:inline-block;margin:0;}
!header .container.alt {background:#fff;position:absolute;left:0;width:100%;top:0;height:100%;z-index:2;overflow:hidden;}
!header .container.alt.cresults {display:block!important;}

/* FOOTER */
footer {
    display: block;
    width: 100%;
    background: #F5F5F5; 
    font-size: 15px;
    line-height: 18px;
    padding: 32px 0 24px 0;
    color: #424242;
}

footer h4 {
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 18px;
    color: #424242;
}

footer p {
    margin: 0 0 4px 0;
    color: #424242;
}

footer p.logo img {
    max-height: 48px;
    margin-bottom: 8px;
    padding: 6px;
    border: 1px solid #aaa;
    border-radius: 5px;
    object-fit: contain;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 15%);
}

footer .container {
    flex-direction: column;
}

footer .company strong {
    font-weight: 600;
}

footer section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer section.two {
    margin: 24px 0;
    padding: 24px 0 0 0;
    border-top: 1px solid #ccc;
    font-size: 13px;
}

footer section.two a {
    display: inline-flex;
    margin-right: 15px;
    font-weight: 600;
    color: #424242;
}

footer section.two span {
    display: flex;
    margin-left: auto;
}

footer .col {
    flex: 1 1 25%;
    padding-right: 25px;
}

/* Links */
footer a {
    color: #424242;
    display: block;
    margin: 0 0 8px 0;
    transition: 0.2s;
}

footer a:hover {
    text-decoration: none;
    color: #ED2C28; 
}

/* Sprach-Icons */
footer a.lang img {
    height: 18px;
    width: 24px;
    border-radius: 4px;
    object-fit: fill;
    vertical-align: -4px;
    margin-right: 2px;
}

/* Social Icons */
footer .social a i {
    background: #424242;
    color: #F5F5F5;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    vertical-align: 0px;
    transition: 0.2s;
}

footer .social a i:hover {
    background-color: #ED2C28 !important; 
    color: #FFFFFF !important;
}

footer .socialx a svg {
    height: 14px;
    display: inline-block;
    fill: #424242;
    vertical-align: -2px;
}

/* Quick Links */
footer .quick-links {
    margin-top: 10px;
}

footer .quick-links a,
.latest-search a {
    transition: 0.1s;
    float: left;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    padding: 5px;
    background: rgba(237,44,40,0.1); 
    margin: 0 4px 4px 0;
    border-radius: 3px;
    color: #ED2C28;
}

footer .quick-links a:hover,
.latest-search a:hover {
    background: #ED2C28;
    color: #FFFFFF;
}

/* Footer Hooks */
footer .footer-hook,
footer .footer-widgets {
    display: block;
    width: 100%;
}



section.promo {position:relative;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.1),-20px -20px 60px rgb(0 0 0 / 10%) inset;text-align:center;color:#fff;background:#3b49df;background:linear-gradient(135deg, #3b49df, #7c58d0);padding:16px 0;font-size:16px;}
section.promo .container {justify-content: center;}
section.promo .btn {margin-left:20px;}
body#custom > .content {padding-top:24px;padding-bottom:32px;}
!body#custom .container.primary {padding-top:20px;padding-bottom:32px;}
body#custom .content.sec-bpr-seller .container.primary {padding-top:0;padding-bottom:0;}
body#custom #bpr-seller .bpr-inside {margin-top:0;}

/* 404 ERROR PAGE */
body#p404 {background:#fff;}
!#p404 header {background: #f7f8fb; background: linear-gradient(to bottom,#f7f8fb 85%,#f0f2f7 100%);}
#p404 header .relative2 {border-bottom:none;}
#p404 footer {margin-top:0;}
#p404 footer .pub-box {display:none;}
#p404 .errbox {width:500px;margin:0 auto 30px auto;}
.error404, .maintenance {text-align:center;padding:50px 0;}
.maintenance h1 {font-size: 38px; line-height:50px;margin:20px 0 30px 0;font-weight: bold;}
.error404 h1 {font-size:32px;color:#363433;line-height:36px;margin:0 0 20px 0;font-weight:bold;}
.maintenance h2 {font-size:22px;color:#444;line-height:24px;margin:0 0 20px 0;font-weight:600;margin-bottom:45px;}
.maintenance .logo {margin-bottom:24px;}
.maintenance .logo img {max-height:64px;}
.error404 h2, .maintenance h3 {font-size:16px;line-height:18px;color:#777;margin:0 0 30px 0;}
.maintenance h3 {font-weight:600;}
.error404 a.btn {display: inline-block; float: none; margin: 0 0 20px 0; padding: 10px 18px; border-radius: 4px; font-size: 14px; font-weight: 500;}
#p404 section.promo {display:none;}
#maintenance.flashmessage {margin: 0; border-radius: 0; border: none; text-align: center; box-shadow: 0 1px 2px 0px rgb(0 0 0 / 25%); background: #ffea9f; padding: 10px; font-family: monospace; font-weight: 600; font-size: 15px;line-height:16px; color: #000;}
body#maintenanc {padding: 20px 12px; display: flex; align-items: center;}

@keyframes eye {0% {height:0.8rem;} 50% {height:0.8rem;} 52% {height:0.1rem;} 54% {height:0.8rem;} 100% {height:0.8rem;}}

.error.errbox {display:flex;flex-direction:row;justify-content:space-between;align-content:center;}
.errbox .number {font-weight:900;font-size:15rem;line-height:1;}
.errbox .illustration {position:relative;width:12.2rem;margin:0 2.1rem;}
.errbox .circle {position:absolute;bottom:0;left:0;width:12.2rem;height:11.4rem;border-radius:50%;background-color:#293b49;}
.errbox .clip {position:absolute;bottom:0.3rem;left:50%;transform:translateX(-50%);overflow:hidden;width:12.5rem;height:13rem;border-radius:0 0 50% 50%;}
.errbox .paper {position:absolute;bottom:-0.3rem;left:50%;transform:translateX(-50%);width:9.2rem;height:12.4rem;border:0.3rem solid #293b49;background-color:#fff;border-radius:0.8rem;}
.errbox .paper:before {content:"";position:absolute;top:-0.5rem;right:-0.65rem;width:1.4rem;height:1rem;background-color:#fff;border-bottom:0.3rem solid #293b49;transform:rotate(45deg);}
.errbox .face {position:relative;margin-top:2.3rem;}
.errbox .eyes {position:absolute;top:0;left:2.4rem;width:4.6rem;height:0.8rem;}
.errbox .eye {position:absolute;bottom:0;width:0.8rem;height:0.8rem;border-radius:50%;background-color:#293b49;animation-name:eye;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;left:0;}
.errbox .eye-right {right:0;left:auto;}
.errbox .rosyCheeks {position:absolute;top:1.6rem;width:1rem;height:0.2rem;border-radius:50%;background-color:#fdabaf;left:1.4rem;}
.errbox .rosyCheeks-right {right:1.4rem;left:auto;}
.errbox .mouth {position:absolute;top:3.1rem;left:50%;width:1.6rem;height:0.2rem;border-radius:0.1rem;transform:translateX(-50%);background-color:#293b49;}
.errbox .text {margin-top:5rem;font-weight:300;color:#293b49;}
.errbox .button {margin-top:4rem;padding:1.2rem 3rem;color:#fff;background-color:#04cba0;}
.errbox .button:hover {background-color:#04cba0-dark;}
.errbox .by {position:absolute;bottom:0.5rem;left:0.5rem;text-transform:uppercase;color:#293b49;}
.errbox .byLink {color:#04cba0;}

/* MODAL */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,0.5);backdrop-filter: blur(4px);}
#epsModal {display:none;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#epsModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#epsModal .modal-close {display:none;cursor:pointer;border-radius:5px;transition:0.1s;position:absolute;z-index:99;color:#7d8ea0;background: rgba(0,0,0,0.05);text-align:center; box-shadow: 0 0px 2px rgb(0 0 0 / 20%); top: 10px; right: 15px; width: 34px; height: 34px; font-size: 16px;}
#epsModal .modal-close i {line-height:34px;display:inline-block;}
#epsModal .modal-close-alt {position:absolute;top:-7px;right:-50px;width:40px;height:40px;border-radius:6px;cursor:pointer;transition:0.2s;display:flex;}
#epsModal .modal-close-alt:hover {transform:scale(1.2);}
#epsModal .modal-close-alt svg {
    margin: auto;
    color: #ED2C28 !important; 
    width: 36px !important;     
    height: 36px !important;
    transition: transform 0.2s ease, color 0.2s ease;
}

#epsModal .modal-close-alt:hover svg {
    transform: scale(1.2);
    color: #C42421 !important; /* dunkleres Rot beim Hover */
}

#epsModal .modal-close:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
#epsModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#epsModal .modal-content .modal-iframe {background: #fff url(../images/input-loader.webp) no-repeat center center; background-size: 40px 40px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}


#epsModal,
#epsModal .modal-content,
#epsModal .modal-content .modal-iframe {
    border-radius: 12px !important;       
    box-shadow: 0 8px 28px rgba(0,0,0,0.25) !important; 
    background: #FFFFFF !important;      
    transition: all 0.2s ease !important;
}

#epsModal .modal-is-inline .modal-content {overflow-y:auto;}
#epsModal .head {display:block;width:100%;font-size:20px;font-weight:bold;color:#171717;padding:16px 16px;line-height:1.2;}
#epsModal .subhead {display:block;width:100%;font-weight:600;color:#171717;margin-top:-8px;line-height:1.2;padding:0px 16px 16px 16px;border-bottom:1px solid #ccc;}



/* ===============================
   FLASHBOX 
   =============================== */

#flashbox {
    position: fixed !important;
    top: 90px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: none !important;
}

#flashbox .wrap2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    pointer-events: auto !important;
}

#flashbox .flashmessage {
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 40% !important;
    max-width: 720px !important;
}

/* MOBILE */
@media (max-width: 768px) {
    #flashbox {
        top: 70px !important;
        padding: 0 12px !important;
    }

    #flashbox .flashmessage {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}



#flashbox .flashmessage {
    transition: opacity 0.35s ease, transform 0.35s ease;
}

#flashbox .flashmessage.flash-hide {
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
}


#flashbox .flashmessage,
#error_list li,
.upload-photos .flashmessage,
.empty,
.problem {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;

    width: 100%;
    margin: 0 0 16px 0;

    background: #FFFFFF;
    padding: 14px 52px 14px 16px;

    border-radius: 0; 

    font-size: 14.5px;
    line-height: 1.6;
    font-weight: 500;
    color: #212121;

    border: 1px solid #DADADA;
    border-left-width: 4px;

    box-shadow: none;
}



#flashbox .flashmessage:before,
#error_list li:before,
.upload-photos .flashmessage:before,
.empty:before,
.problem:before {
    content: "\f05a"; /* info-circle */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

    font-size: 15px;
    line-height: 1;
    margin-top: 3px;

    color: #424242;
    opacity: 0.9;
}



/* 🔴 ERROR */
#flashbox .flashmessage.flashmessage-error,
#error_list li,
.upload-photos .flashmessage,
.flashmessage.flashmessage-error {
    border-left-color: #ED2C28;
    background: #FFF5F5;
}

#flashbox .flashmessage.flashmessage-error:before,
#error_list li:before,
.upload-photos .flashmessage:before {
    content: "\f071"; /* exclamation-triangle */
    color: #ED2C28;
}

/* 🟢 SUCCESS */
#flashbox .flashmessage.flashmessage-ok,
.flashmessage.flashmessage-ok {
    border-left-color: #2E7D32;
    background: #F1FAF3;
}

#flashbox .flashmessage.flashmessage-ok:before {
    content: "\f00c"; /* check */
    color: #2E7D32;
}

/* 🟡 WARNING */
#flashbox .flashmessage.flashmessage-warning,
.flashmessage.flashmessage-warning,
.problem {
    border-left-color: #F9A825;
    background: #FFFBEA;
}

#flashbox .flashmessage.flashmessage-warning:before,
.problem:before {
    content: "\f06a"; /* exclamation-circle */
    color: #F9A825;
}

/* 🔵 INFO */
#flashbox .flashmessage.flashmessage-info,
.flashmessage.flashmessage-info,
.empty {
    border-left-color: #2196F3;
    background: #F3F8FF;
}

#flashbox .flashmessage.flashmessage-info:before,
.empty:before {
    content: "\f05a"; /* info-circle */
    color: #2196F3;
}



#flashbox .flashmessage:last-child {
    margin-bottom: 32px;
}



#error_list {
    margin: 0 0 24px 0;
}

#error_list:empty {
    display: none;
}

#error_list li {
    padding: 14px 18px;
    min-width: initial;
}


.upload-photos .flashmessage {
    margin: 20px 0 0 0;
}

/* INLINE EMPTY */
.empty {
    display: inline-block;
}

#flashbox .flashmessage .btn.ico-close,
.upload-photos .flashmessage .close,
#flashbox .flashmessage .btn.ico-close:after,
.upload-photos .flashmessage .close:after {
    display: none !important;
}




/* CHROME SCROLL BARS */
.nice-scroll-wrap {position:relative;display:block;width:100%;}
.nice-scroll {scrollbar-width:thin;scrollbar-color: #9e9e9e rgba(0,0,0,0.05);}
.nice-scroll::-webkit-scrollbar {box-shadow: none;height: 7px;background:rgba(0,0,0,0.05);}
.nice-scroll::-webkit-scrollbar-thumb {border-radius:100px;background-color: rgba(0,0,0,0.3);background-clip: initial;box-shadow: none;}
.nice-scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(0,0,0,0.6);}
.nice-scroll-prev, .nice-scroll-next {transition:0.2s;color:#424242;margin-top:-50px;display:none;position:absolute;border-radius:100px;left:0;top:50%;height:52px;width:52px;padding:8px;z-index:4;text-indent:-2px;}
.nice-scroll-prev.disabled, .nice-scroll-next.disabled {opacity:0.25;cursor:default;}
.nice-scroll-prev.disabled i, .nice-scroll-next.disabled i {cursor:default;}
.nice-scroll-next {right:0;left:auto;text-indent:2px;}
.nice-scroll-next:not(.disabled):hover, .nice-scroll-prev:not(.disabled):hover {transform:scale(1.15);color:#ED2C28;}
.nice-scroll-prev i, .nice-scroll-next i {transition:0.2s;cursor:pointer;width:36px;height:36px;line-height:36px;border-radius:100px;background:#fff;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.35);background:#fff;font-size:20px;}
.nice-scroll-next:not(.disabled):active i {text-indent:5px;}
.nice-scroll-prev:not(.disabled):active i {text-indent:-5px;}
.nice-scroll-prev:not(.disabled):focus i, .nice-scroll-next:not(.disabled):focus i {box-shadow:0 1px 3px rgba(0,0,0,0.35), 0 0 0 2px #3ED2C28;}
.nice-scroll.no-visible-scroll, .no-visible-scroll {scrollbar-width: none;-ms-overflow-style: none;}
.nice-scroll.no-visible-scroll::-webkit-scrollbar, .no-visible-scroll::-webkit-scrollbar {display:none;}

#item-forms::-webkit-scrollbar {box-shadow: none;width: 8px;background:rgba(0,0,0,0.05);}
#item-forms::-webkit-scrollbar-thumb {border-radius:100px;background-color: rgba(0,0,0,0.3);background-clip: initial;box-shadow: none;}
#item-forms::-webkit-scrollbar-thumb:hover {background-color: rgba(0,0,0,0.6);}

/* CUSTOM INPUT BOX AND CHECKBOX */
.input-box {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    position: relative;
}


.input-box:not(.picker) .clean,
.filter-menu .input-box.picker .clean {
    display: none;
    z-index: 2;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    right: 3px;
    top: calc(50% - 12px);
    font-size: 16px;
    line-height: 20px;
    color: #999;
    width: 24px;
    height: 24px;
    border-radius: 5px;
}
.input-box .clean:hover { color: #666; }


.input-box-check {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}


.input-box-check input[type="checkbox"] {
    opacity: 0.01;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: transparent;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    box-shadow: none !important;
}


.input-box-check label {
    cursor: pointer;
    position: relative;
    float: left;
    padding: 2px 0 0 27px !important;
    line-height: 16px;
    font-size: 14px;
    width: auto;
    clear: both;
    font-weight: normal;
}
.input-box-check label:hover { text-decoration: underline; }


.input-box-check label:before {
    cursor: pointer;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #d4d4d4;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.06);
    border-radius: 4px;
    transition: 0.1s;
}
.input-box-check label:hover:before { border-color: #ED2C28; }
.input-box-check input[type="checkbox"]:focus + label:before {
    border-color: #ED2C28;
    box-shadow: 0 0 0 1px #ED2C28;
}


.input-box-check label:after {
    cursor: pointer;
    text-indent: 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: transparent;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    transition: 0.1s;
}
.input-box-check input[type="checkbox"]:checked + label:before {
    background: #ED2C28;
    border-color: #ED2C28;
}
.input-box-check input[type="checkbox"]:checked + label:after { color: #fff; }


.input-box input,
.input-box select,
.input-box textarea {
    width: 100%;
    height: 50px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(224,224,224,0.8);
    background: rgba(255,255,255,0.85);
    color: #424242;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.25s ease;
    box-sizing: border-box;
    outline: none;
    backdrop-filter: blur(8px);
}


.input-box input:hover,
.input-box select:hover,
.input-box textarea:hover {
    border-color: #ED2C28;
    background: rgba(255,255,255,0.95);
}


.input-box input:focus,
.input-box select:focus,
.input-box textarea:focus {
    border-color: #ED2C28;
    box-shadow: 0 0 0 2px rgba(237,44,40,0.25);
    background: rgba(255,255,255,1);
}


.input-box input::placeholder,
.input-box textarea::placeholder,
.input-box select::placeholder {
    color: rgba(0,0,0,0.4);
}


.input-box select.mini {
    height: 36px;
    padding: 6px 8px;
    font-size: 14px;
    border-radius: 8px;
    background: rgba(255,255,255,0.85);
}

/* Textarea größer */
.input-box textarea {
    min-height: 140px; 
    resize: vertical;
}



/* RATING */
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s4 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h4 i.i5:before {font-weight:400;content:"\f005";}


/* CLICK RATING */
body .rating.s1 i.i1:before {content:"\f005";font-weight:400;}
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s2 i.i1:before, body .rating.s2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s3 i.i1:before, body .rating.s3 i.i2:before, body .rating.s3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s4 i.i1:before, body .rating.s4 i.i2:before, body .rating.s4 i.i3:before, body .rating.s4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.s4 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s5 i.i1:before, body .rating.s5 i.i2:before, body .rating.s5 i.i3:before, body .rating.s5 i.i4:before, body .rating.s5 i.i5:before {content:"\f005";font-weight:bold;}

/* HOVER RATING */
body .rating.h1 i.i1:before {content:"\f005";font-weight:bold;}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {content:"\f005";}
body .rating.h2 i.i1:before, body .rating.h2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {content:"\f005";}
body .rating.h3 i.i1:before, body .rating.h3 i.i2:before, body .rating.h3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {content:"\f005";}
body .rating.h4 i.i1:before, body .rating.h4 i.i2:before, body .rating.h4 i.i3:before, body .rating.h4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.h4 i.i5:before {content:"\f005";}
body .rating.h5 i.i1:before, body .rating.h5 i.i2:before, body .rating.h5 i.i3:before, body .rating.h5 i.i4:before, body .rating.h5 i.i5:before {content:"\f005";font-weight:bold;}

/* DEFAULT –*/
a {color: #ED2C28; text-decoration: none;}
a:hover {text-decoration: underline; color: #2f3ab2;}


input, select, textarea {
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.5, 0.71) !important;
    border: 1px solid #d4d4d4 !important;
    font-size: 15px !important;
    padding: 9px 8px !important;
    border-radius: 6px !important;
    font-family: inter !important;
    color: #424242 !important;
    background: #fff !important;
    outline: 0;
}


input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #424242 !important; 
    opacity: 1 !important;     
}



input[type="file"] {background: #f4f4f4; padding: 8px; height: auto;}


input:hover, select:hover, textarea:hover {border-color: #ED2C28;}


input:focus, select:focus, textarea:focus {
    border-color: #3b49df; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.05); 
    outline: none; 
}


input:disabled, select:disabled, textarea:disabled,
.enter.disable input#price, .enter.disable select#currency {
    border-color: #a3a3a3;
    box-shadow: none;
    background: #eaeaea;
    color: #777;
}


.filter-menu select {
    background: #FFFFFF;       
    border: 1px solid #E0E0E0; 
    color: #606060;            
    border-radius: 8px;        
    padding: 0 14px;
    font-size: 14px;
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
}


.filter-menu select:focus {
    outline: none;
    border-color: #ED2C28;     
    box-shadow: 0 0 6px rgba(237,44,40,0.2);
}


.filter-menu select option {
    color: #424242;           
}


/* Checkbox & Radio */
input[type="checkbox"], input[type="radio"] {width: 18px; height: 18px; margin: 0 4px 0 0;}
input[type="radio"]:focus {outline: 0; box-shadow: none;}

/* Textarea Min-height */
textarea {min-height: 40px; font-family: inherit;}

/* Error */
input.error:not(:focus), select.error:not(:focus), textarea.error:not(:focus) {
    border-color: #e72b2b;
    background: rgb(255 241 241 / 65%);
    border-left-width: 3px;
}

/* Select & Mini */
select {padding: 0 8px;}
input.mini {padding: 5px 6px; font-size: 14px; height: 32px;}

/* FONT SETTINGS –  */
h1, h2, h3, h4 {
    font-family: "Roboto", sans-serif;
}

body, p, li, span {
    font-family: "Inter", sans-serif;
}

/* Body */
body {
    color: #424242;
    padding-top: 60px;
    font-family: 'Inter', 'Roboto Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    background: #fff;
    font-size: 14px;
}

/* Container */
.container {
    max-width:1080px;
    display:flex;
    align-items:center;
    margin:auto;
    padding:0 16px;
    flex-direction: inherit;
}
.container.primary {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
}


.btn, .btn-primary {
    line-height: 20px;
    transition: 0.2s;
    color: #FFFFFF;          
    background: #ED2C28;     
    position: relative;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    height: 38px;            
    border-radius: 10px;     
    font-size: 16px;
    text-align: center;
    padding: 9px 12px;
    border: none;           
    

    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
    background-clip: padding-box;
}


.btn:hover, .btn-primary:hover {
    background: #C42421;    
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15); 
}

.btn-secondary {color:#3b49df;border-color:#3b49df;background:#fff;}
.btn-secondary:hover, .btn-secondary.active {border-color:#3b49df;background:#3b49df;color:#fff;}
.btn-white {color:#404040;border-color:transparent;background:transparent;box-shadow:none;font-weight:600;}
.btn-white:hover {border-color:transparent;background:rgb(59 73 223 / 10%);color:#2f3ab2;}
.btn-transparent {color:#fff;border-color:#fff;background:transparent;font-weight:600;}
.btn-transparent:hover {border-color:#fff;background:#fff;color:#3b49df;}
.btn i {margin-right:3px;}
.btn.mini {line-height:16px;height:30px;font-size:14px;padding:6px 7px;}
.btn:disabled, .btn.disabled, .btn.btn-disabled {opacity:0.5;cursor:not-allowed;}
.btn.loading {position:relative;cursor:wait;opacity:0.65;}
.btn.loading > * {opacity:0.1;}
.btn.loading:after {position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);content:"";background:transparent url('../images/input-loader.webp') no-repeat center center;width:24px;height:24px;background-size:100%;}

.recommended-header {
    display:inline-flex;
    align-items:center;
    gap:4px;                         
    padding:4px 8px;                 
    background:#005DFF;              
    color:#FFFFFF;                  
    font-size:22px;                  
    font-weight:700;
    border-radius:12px;              
    letter-spacing:0.4px;
    box-shadow:0 2px 6px rgba(0,0,0,0.15); 
    line-height:1;                   
    white-space:nowrap;               
    transition: transform 0.15s, box-shadow 0.15s;
}

.recommended-header:hover {
    transform: translateY(-1px);
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

/* ==============================
   PREMIUM HEADER 
   ============================== */

.premium-header {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;          
    color: #000;

    margin: 0 0 10px 0;

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






section, div.content {display:block;width:100%;}


#debug-mode {position: relative;display:block;background:rgba(0,0,0,0.8); padding: 10px 12px; font-size: 12px; font-family: monospace; line-height: 1.1;width:100%;color: #f9f9f9;}


.footer-hook:empty, .footer-widgets:empty {display:none;}

/* Labels */
label {font-weight:600;}

h1 {
    font-size: clamp(26px, 4vw, 32px);
    color: #000;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    font-size: clamp(20px, 3.5vw, 26px);
    color: #000;
    font-weight: 700;
    line-height: 1.2;
}

h3 {
    font-size: clamp(18px, 3vw, 22px);
    color: #424242;
    font-weight: 600;
    line-height: 1.3;
}

h4 {
    font-size: 16px;
    color: #424242;
    font-weight: 600;
    line-height: 1.3;
}

h5 {
    font-size: 15px;
    color: #616161;  /* neutraler Grau */
    font-weight: 500;
    line-height: 1.3;
}

h6 {
    font-size: 14px;
    color: #616161;
    font-weight: 500;
    line-height: 1.3;
}


/* Rows */
.row {display:block;width:100%;}

/* Required fields */
.req {color:#e90303;font-weight:bold;}

/* Toggle password */
a.toggle-pass { position: absolute; right: 8px; top: 9px; width: 30px; height: 30px; font-size: 16px; color: #555; transition: 0.2s; text-align: center; }
a.toggle-pass i {line-height:30px;}

/* Focus */
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border: 1px solid #d4d4d4 !important;
    box-shadow: none !important;
}

/* DARK MODE SUPPORT */
@media (prefers-color-scheme: dark) {
  #side-menu .section.dark-mode {display:block;}
}

/* RESET */
fieldset{border:none;display:inline-block;padding:0;margin:0;width:100%;}html,input,select,textarea,button{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';}div{margin:0;padding:0;}html{color:#222;box-sizing:border-box;font-size:14px;line-height:18px;cursor:default;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;}*,*:before,*:after{box-sizing:inherit}body{display:block;margin:0;font-weight:normal;width:100%;box-sizing:border-box;}h1,h2,h3,h4,h5,h6,p,ol,ul{display:inline-block;margin:0;padding:0;width:100%;}ol,ul{list-style:none}img{max-width:100%;width:auto;height:auto}


header .links .btn > .counter {
    background: #ED2C28 !important;
    color: #fff !important;
}
/* ==============================
   HOMEPAGE CAT 
   ============================== */

/* FLEXBOX & SCROLL CONTAINER */
#home-cat {
    background:#fff;
    margin:0 0 20px 0;
    padding:18px 0 16px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    position:relative;
}

#home-cat h2 { display:none; }

#home-cat .wrap {
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-top:16px;
    padding-bottom:15px;
}

#home-cat .wrap::-webkit-scrollbar { display:none; }

/* ==============================
   SCROLL PFEILE LINKS/RECHTS
   ============================== */
#home-cat .nice-scroll-prev,
#home-cat .nice-scroll-next {
    transition:0.25s ease;
    color:#424242;
    display:block;
    position:absolute;
    border-radius:100px;
    top:50%;
    height:52px;
    width:52px;
    padding:8px;
    z-index:4;
    margin-top:-26px;
}

#home-cat .nice-scroll-prev.disabled,
#home-cat .nice-scroll-next.disabled { opacity:0.25; cursor:default; }
#home-cat .nice-scroll-prev i,
#home-cat .nice-scroll-next i { cursor:pointer; }

#home-cat .nice-scroll-next { right:0; left:auto; }
#home-cat .nice-scroll-next:not(.disabled):hover,
#home-cat .nice-scroll-prev:not(.disabled):hover { transform:scale(1.15); color:#ED2C28; }

#home-cat .nice-scroll-prev i,
#home-cat .nice-scroll-next i {
    transition: transform 0.25s ease, background 0.25s ease;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:100px;
    background: rgba(255,255,255,0.85);
    text-align:center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    font-size:18px;
}

/* ==============================
   KATEGORIE LINKS & KREISE
   ============================== */
#home-cat a {
    margin:0 10px !important;
    display:block !important;
    float:none !important;
    text-align:center !important;
    color:#596B80 !important;
    width:140px !important;
    text-decoration:none !important;
    flex:0 0 auto !important;
    background:none !important;
    padding:0 !important;
    box-shadow:none !important;
}


#home-cat a > div {
    width:140px !important;
    height:140px !important;
    border-radius:140px !important;
    background: linear-gradient(145deg, #ffffff, #f8f8f8);
    margin:0 auto 8px auto !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.06) !important;
    overflow:hidden !important;
    transform:translateY(0px) scale(1) !important;
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease !important;
    will-change: transform;

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


#home-cat a:hover > div {
    transform:translateY(-8px) scale(1.08) !important;
    box-shadow:0 12px 24px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.10) !important;
}


#home-cat a > div > img {
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    display:block !important;
    margin:auto !important;
    transition: transform 0.35s ease !important;
    will-change: transform;
}


#home-cat a:hover > div > img {
    transform:scale(1.15) !important;
}


#home-cat a > div > i {
    font-size:22px !important;
    line-height:36px !important;
    width:100% !important;
    text-align:center !important;
}


#home-cat h3 {
    width:100%;
    text-align:center;
    font-size:16px !important;
    font-weight:bold !important;
    margin-top:4px;
    letter-spacing:0.5px;
}

#home-cat a:hover h3 { text-decoration:underline; }

//* ==============================
   MOBILE
   ============================== */
@media screen and (max-width:768px) {
    #home-cat a { 
        width:160px !important; 
        height:160px !important; 
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    #home-cat a > div {
        width:100% !important; 
        height:100% !important; 
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    #home-cat a > div > img {
        max-width:80% !important; 
        max-height:80% !important; 
        object-fit:contain !important; 
        display:block !important;
        margin:auto !important;
    }

/* Liste Premium Entfernt  */
}
.premium-mark.isList {
    display: none !important;
}
.isList .svi-save-btn {
    display: none !important;
}



/* AUTO MARKEN LOGOS!*/
.cap-value[data-id="44"],
.cap-value[data-id="69"],
.cap-value[data-id="8"],
.cap-value[data-id="5"],
.cap-value[data-id="76"],
.cap-value[data-id="56"],
.cap-value[data-id="210"] {
    padding-right: 36px;
    position: relative;
}

/* Gemeinsames Icon-Setup */
.cap-value[data-id="44"]::after,
.cap-value[data-id="69"]::after,
.cap-value[data-id="8"]::after,
.cap-value[data-id="5"]::after,
.cap-value[data-id="76"]::after,
.cap-value[data-id="56"]::after,
.cap-value[data-id="210"]::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/* MERCEDES */
.cap-value[data-id="44"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/mercedes.svg");
}

/* VOLKSWAGEN */
.cap-value[data-id="69"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/vw.svg");
}

/* BMW */
.cap-value[data-id="8"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/bmw.svg");
}

/* AUDI */
.cap-value[data-id="5"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/audi.svg");
}

/* SKODA */
.cap-value[data-id="76"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/skoda.svg");
}

/* RENAULT */
.cap-value[data-id="56"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/renault.svg");
}

/* DACIA */
.cap-value[data-id="210"]::after {
   background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/dacia.svg");
}


/* Motorrad-Marken mit Logo */
.cap-value[data-id="197"],
.cap-value[data-id="122"],
.cap-value[data-id="85"],
.cap-value[data-id="133"],
.cap-value[data-id="120"],
.cap-value[data-id="104"],
.cap-value[data-id="132"] {
    padding-right: 36px;
    position: relative;
}

/* Gemeinsames Icon-Setup */
.cap-value[data-id="197"]::after,
.cap-value[data-id="122"]::after,
.cap-value[data-id="85"]::after,
.cap-value[data-id="133"]::after,
.cap-value[data-id="120"]::after,
.cap-value[data-id="104"]::after,
.cap-value[data-id="132"]::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/* YAMAHA */
.cap-value[data-id="197"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/yamaha.svg");
}

/* HONDA */
.cap-value[data-id="122"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/honda.svg");
}

/* BMW */
.cap-value[data-id="85"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/bmw1.svg");
}

/* KAWASAKI */
.cap-value[data-id="133"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/kawasaki.svg");
}

/* HARLEY-DAVIDSON */
.cap-value[data-id="120"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/harley.svg");
}

/* DUCATI */
.cap-value[data-id="104"]::after {
    background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/ducati.svg");
}

/* KTM */
.cap-value[data-id="132"]::after {
   background-image: url("https://treguu.com/oc-content/themes/epsilon/images/brands/ktm.svg");
}

/* Verschleiern */
.cap-req {
    visibility: hidden;
}

//* =========================================================
   SEARCH BAR – FLAT GRADIENT
   ========================================================= */

body#search .home-search {
    display: flex;
    justify-content: center;
    margin-top: 22px;
    width: 100%;
}


body#search .home-search form {
    display: flex;
    width: 100%;
    max-width: 1200px;
    padding: 16px 20px; 
    gap: 12px;
    align-items: center;


    background: linear-gradient(
        to right,
        #FFFFFF 0%,
        #FFFFFF 50%,
        #FFFFFF 100%
    );

    border-radius: 0;
}

/* Input */
body#search .home-search input[name="sPattern"] {
    flex: 1;
    height: 52px;
    padding: 14px 18px;
    font-size: 17px;
    border: none;
    outline: none;
    background: #FFFFFF;
}

/* Fokus */
body#search .home-search input[name="sPattern"]:focus {
    box-shadow: inset 0 0 0 2px rgba(66,66,66,0.25);
}

/* Button */
body#search .home-search button.btn {
    width: 160px;
    height: 52px;
    font-size: 16px;
    font-weight: 600;
    background-color: #ED2C28;
    color: #FFF;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease;
}

body#search .home-search button.btn:hover {
    background-color: #C42421;
}

/* Mobile */
@media (max-width: 768px) {

    body#search .home-search form {
        max-width: 100%;
        padding: 12px;
        gap: 6px;
        display: flex;
        align-items: center;
    }

    /* SEARCH INPUT länger */
    body#search .home-search input[type="text"],
    body#search .home-search input[type="search"] {
        flex: 1 1 auto;
        min-width: 0;
        height: 48px; 
    }

    /* BUTTON – fix 52px breit, 48px hoch */
    body#search .home-search button.btn {
        width: 52px;
        min-width: 52px;
        height: 48px;              
        padding: 0;              
        font-size: 0;            
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;      
    }


    body#search .home-search button.btn svg,
    body#search .home-search button.btn i {
        width: 18px;
        height: 18px;
        font-size: 18px;
        flex-shrink: 0;
    }
}



/* Header Kategorie Button (Desktop) */
.header-cat-desktop {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #596B80;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
}


.header-cat-desktop .cat-arrow {
  transition: transform 0.3s ease;
  font-size: 12px;
}


.header-cat-desktop:hover {
  color: #ED2C28;
  background: #FAFAFA;
  border-color: #ED2C28;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transform: translateY(-1px);
}


.header-cat-desktop.open .cat-arrow {
  transform: rotate(180deg);
  color: #ED2C28;
}


.header-cat-desktop.active {
  color: #ED2C28;
  background: #FFF5F5;
  border-color: #ED2C28;
}

/* Nur Desktop */
@media (max-width: 768px) {
  .header-cat-desktop {
    display: none !important;
  }
}

/* All KATEGORIE mobile */

/* Mobile: Button sichtbar */
@media (max-width: 768px) {
  .mobile-cat-btn {
    display: inline-block;
  }
}

/* Desktop: Button ausblenden */
@media (min-width: 769px) {
  .mobile-cat-btn {
    display: none !important;
  }
}

/* === FLOATING LABELS – LOGIN === */
/* Floating input wrapper */
.floating-row .input-box {
  position: relative;
  display: block;
}


.floating-row input {
  width: 100%;
  padding: 16px 12px;
  font-size: 16px;
  font-weight: 400;
}


.floating-row label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #888;
  pointer-events: none;
  transition: all 0.2s ease;
  background: #fff;
  padding: 0 6px;
}


.floating-row input:focus + label,
.floating-row input:not(:placeholder-shown) + label {
  top: -6px;
  font-size: 12px;
  color: #ED2C28; /* Treguu Rot */
}


.floating-row .toggle-pass {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

/* === FLOATING LABELS – RECOVERY FIX === */

body.floating-form .floating-row .input-box {
  position: relative;
}

body.floating-form .floating-row input {
  width: 100%;
  padding: 16px 12px;
  font-size: 16px;
}

body.floating-form .floating-row label {
  position: absolute !important;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #888;
  pointer-events: none;
  background: #fff;
  padding: 0 6px;
  transition: all 0.2s ease;
}

/* === FLOATING LABELS=== */
body.floating-form .floating-row input:focus + label,
body.floating-form .floating-row input:not(:placeholder-shown) + label {
  top: -6px;
  font-size: 12px;
  color: #ED2C28;
}
body.floating-form .floating-row .input-box {
  position: relative;
}

body.floating-form .floating-row input {
  width: 100%;
  padding: 16px 12px;
  font-size: 16px;
}

body.floating-form .floating-row label {
  position: absolute !important;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #888;
  pointer-events: none;
  background: #fff;
  padding: 0 6px;
  transition: all 0.2s ease;
}

body.floating-form .floating-row input:focus + label,
body.floating-form .floating-row input:not(:placeholder-shown) + label {
  top: -6px;
  font-size: 12px;
  color: #ED2C28;
}
/* === Login seperator === */
.login-separator {
  display: flex;
  align-items: center;
  margin: 22px 0;
  color: #9e9e9e;
  font-size: 13px;
}

.login-separator::before,
.login-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
}

.login-separator span {
  padding: 0 12px;
}

/* === Meldung Entfernen=== */
#protection {
    display: none !important;
}
/* === Hover share item=== */

.item-share a {
    display: inline-flex;
    justify-content: center;
    align-items: center; 
    width: 36px;          
    height: 36px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #fff !important; 
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.item-share a.whatsapp {
    background-color: #25D366;
}

.item-share a.facebook {
    background-color: #4267B2;
}

.item-share a:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    filter: brightness(1.1);
}


/* ===============================
   MEMBERSHIP GROUPS 
   =============================== */


.osp-body-group .osp-content {
  margin-top:20px; /* leicht mehr Abstand für cleanen Look */
}


.osp-group {
  display:inline-block;
  float:left;
  width:calc(33.33% - 10px);
  margin:0 15px 15px 0;
  text-align:left;
  cursor:default;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  transition:all 0.3s ease;
}

.osp-group:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,0.10);
}

.osp-group:nth-child(3n+3) {margin-right:0;}
.osp-group:nth-child(3n+4) {clear:both;}

/* Active / Selected */
.osp-group.active {
  box-shadow:0 0 0 2px #ED2C28, 0 12px 32px rgba(0,0,0,0.12);
  border-color:#ED2C28;
}


.osp-group .osp-top {
  width:100%;
  padding:20px 16px 24px;
  text-align:center;
  border:none;
}


.osp-group .osp-h2 {
  text-transform:uppercase;
  font-size:22px;
  font-weight:600;
  color:#424242;
  margin-bottom:8px;
  letter-spacing:0.4px;
}


.osp-group .osp-desc {
  font-size:16px;
  line-height:22px;
  font-weight:500;
  color:#ffffff;
  opacity:0.95;
  letter-spacing:0.3px;
  text-shadow:0 1px 2px rgba(0,0,0,0.2);
}


.osp-group .osp-price {
  font-size:44px;
  font-weight:600;
  line-height:1;
  margin-top:14px;
  color:#ffffff; /* Preis weiß */
}

.osp-group .osp-cost {
  font-size:13px;
  font-style:italic;
  font-weight:500;
  line-height:24px;
  margin-top:5px;
  margin-bottom:8px;
  color:#ffffff;
}


.osp-group .osp-right2 {
  width:100%;
  padding:20px 16px;
  font-size:14px;
  line-height:20px;
  color:#424242;
  border-top:1px solid #eee;
  border-radius:0 0 14px 14px;
}


.osp-group .osp-perc,
.osp-group .osp-cats {
  font-weight:500;
  margin:0;
  padding:8px 0;
  width:100%;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:break-word;
}

.osp-group .osp-perc + .osp-perc,
.osp-group .osp-perc + .osp-cats {
  border-top:1px solid #ddd;
}

.osp-group .osp-cats {
  margin-bottom:10px;
  padding-top:8px;
  height:59px;
  overflow:hidden;
}

/* Labels */
.osp-group .osp-label {
  width:100%;
  display:block;
  margin:10px 0 2px 0;
  font-weight:600;
  font-size:12px;
  line-height:16px;
}


.osp-body .osp-group select.osp-select,
.osp-body .osp-group .selector {
  width:100%;
  display:block;
  padding:0!important;
  border:none!important;
  height:auto!important;
  box-shadow:none!important;
  background:none!important;
  margin:0!important;
}

.osp-body .osp-group .selector > span {
  display:none!important;
}

/* -----------------------------
   Cart / Button
   ----------------------------- */
.osp-group .osp-cart-keep {
  position:absolute;
  width:100%;
  bottom:-18px;
  left:0;
  text-align:center;
}

.osp-group .osp_cart_add {
  cursor:pointer;
  display:inline-block;
  background:#ffffff; 
  color:#ED2C28;      
  padding:14px 26px;
  font-size:15px;
  font-weight:600;
  border-radius:10px;
  border:2px solid #ED2C28;
  box-shadow:0 6px 18px rgba(237,44,40,0.35);
  transition:all 0.25s ease;
  text-decoration:none;
  letter-spacing:0.3px;
}

.osp-group .osp_cart_add:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(237,44,40,0.45);
}

.osp-group .osp_cart_add:active {
  transform:translateY(0);
  box-shadow:0 6px 18px rgba(237,44,40,0.35);
}

.osp-group .osp_cart_add.osp-disabled {
  opacity:0.6;
  cursor:not-allowed;
}

/* -----------------------------
Farben (Top-Bereich)
   ----------------------------- */
.osp-group.plus .osp-top {background:#FFF9C4;}    
.osp-group.pro .osp-top {background:#E3F2FD;}     
.osp-group.biznes .osp-top {background:#E8F5E9;}  

/* -----------------------------
   Responsive
   ----------------------------- */
@media (max-width:992px) {
  .osp-group {width:calc(50% - 10px);}
}
@media (max-width:600px) {
  .osp-group {width:100%; margin-right:0;}
}
/* ===============================
   PACKS 
   =============================== */

/* Base Pack Card */
.osp-pack {
  display:inline-block;
  width:100%;
  float:left;
  margin:0 0 12px 0;
  padding:18px;
  border-radius:14px;
  position:relative;
  color:#fff!important;
  text-shadow:1px 1px 3px rgba(0,0,0,0.2);
  background:#424242; 
  transition:all 0.3s ease;
}

.osp-pack:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(0,0,0,0.12);
}


.osp-pack .osp-h2 {
  font-weight:700;        
  font-size:28px;         
  line-height:34px;       
  margin:0 0 16px 0;      
  color:#ffffff;
}


.osp-pack .osp-desc {
  font-size:18px;        
  line-height:26px;       
  color:#ffffff;
  opacity:0.95;
  font-weight:500;
  letter-spacing:0.3px;
  text-shadow:0 1px 2px rgba(0,0,0,0.2);
  margin-bottom:20px;     
}



.osp-pack .osp-group {
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  line-height:36px;
  text-align:center;
  font-weight:500;
  border-radius:18px;
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

.osp-pack .osp-group i {
  font-size:16px;
  line-height:36px;
  width:36px;
  text-align:center;
}

/* Right Section – CTA Button */
.osp-pack .osp-right2 a {
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:48px;
  width:100%;

  padding:14px 22px;
  margin-top:18px;

  font-size:15px;
  font-weight:600;
  letter-spacing:0.3px;

  color:var(--mb-color-primary, #ED2C28);
  background:#ffffff;

  border-radius:16px;
  border:2px solid rgba(0,0,0,0.08);

  box-shadow:0 6px 18px rgba(0,0,0,0.12);
  text-decoration:none;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

/* Hover – Desktop elegant */
.osp-pack .osp-right2 a:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,0.18);
  background:#ffffff;
}

/* Active – Klick Feedback */
.osp-pack .osp-right2 a:active {
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

/* ===============================
   DESKTOP FEINJUSTIERUNG
   =============================== */
@media (min-width: 769px) {
  .osp-pack .osp-right2 a {
    font-size:14.5px;
    padding:13px 20px;
    border-radius:14px; 
  }
}


.osp-pack.list {
  border-left:5px solid rgba(0,0,0,0.1);
  padding:12px;
}

.osp-pack.list .osp-left {
  width:45%;
  float:left;
  padding-right:10px;
  border-right:1px solid rgba(0,0,0,0.1);
}

.osp-pack.list .osp-right1 {
  width:35%;
  float:left;
  padding-left:15px;
}

.osp-pack.list .osp-right1 .osp-perc {
  display:none;
}

.osp-pack.list .osp-right2 {
  width:20%;
  float:left;
}


.osp-pack.list .osp-price {
  font-weight:700;       
  font-size:28px;        
  line-height:34px;      
  color:#ffffff;
  margin-bottom:12px;    
}

.osp-pack.list .osp-cost {
  font-size:14px;
  line-height:18px;
  color:#ffffff;
}


.osp-pack.gallery {
  overflow:hidden;
  margin:0 2% 15px 0;
  width:32%;
  border-radius:14px;
  border:1px solid rgba(0,0,0,0.1);
  background:#fff;
}

.osp-pack.gallery:nth-child(3n+3) {margin-right:0;}

.osp-pack.gallery .osp-desc {
  height:36px;
  overflow:hidden;
  margin:4px 0 12px 0;
  color:#424242;
}

.osp-pack.gallery .osp-left,
.osp-pack.gallery .osp-right1,
.osp-pack.gallery .osp-right2 {
  width:100%;
  display:inline-block;
  clear:both;
}

.osp-pack.gallery .osp-right1 {
  border-top:1px solid rgba(0,0,0,0.05);
  padding-top:14px;
  position:relative;
}

.osp-pack.gallery .osp-price {
  font-size:22px;
  font-weight:600;
  line-height:26px;
  color:#424242;
}

.osp-pack.gallery .osp-cost {
  font-size:14px;
  line-height:18px;
  font-weight:500;
  color:#424242;
}

.osp-pack.gallery .osp-right2 a {
  width:100%;
  margin-top:18px;
}

/* Bonus Box */
.osp-body-pack .osp-pack-bonus {
  font-size:14px;
  line-height:18px;
  border-radius:8px;
  padding:14px 16px;
  color:#1e94ab;
  background:#DCF4F9;
  margin:12px 0;
  position:relative;
  display:block;
  width:100%;
}

.osp-body-pack .osp-pack-bonus:before {
  background:#4ac7e0;
  color:#DCF4F9;
  position:absolute;
  top:50%;
  margin-top:-15px;
  left:10px;
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:15px;
  font-family:"FontAwesome","Font Awesome 5 Free";
  content:"\f005";
  text-align:center;
  font-size:17px;
}


/* ===============================
   MOBILE FIX – SMARTPHONE 
   =============================== */
@media (max-width: 768px) {

  /* ===============================
     GROUPS – Mobile
     =============================== */
  .osp-group {
    width:100% !important;
    margin:0 0 26px 0 !important;
    float:none !important;
  }

  .osp-group .osp-top,
  .osp-group .osp-right2 {
    padding:22px 18px !important;
    border-radius:18px !important;
  }

  .osp-group .osp-h2 {
    font-size:18px !important;
  }

  .osp-group .osp-desc {
    font-size:15px !important;
    line-height:22px !important;
    font-weight:600 !important;
    margin-top:8px;
  }

  .osp-group .osp-price {
    font-size:40px !important;
    line-height:46px !important;
    margin-top:12px;
  }

  .osp-group .osp-cart-keep {
    position:relative !important;
    bottom:auto !important;
    margin-top:22px;
  }

  .osp-group .osp_cart_add {
    width:100% !important;
    padding:15px 0 !important;
    font-size:16px !important;
    border-radius:14px !important;
  }


  /* ===============================
     PACKS – Mobile Layout
     =============================== */
  .osp-pack {
    width:100% !important;
    float:none !important;
    margin:0 0 22px 0 !important;
    border-radius:18px !important;
  }

  .osp-pack.list .osp-left,
  .osp-pack.list .osp-right1,
  .osp-pack.list .osp-right2 {
    width:100% !important;
    float:none !important;
    border:none !important;
    padding:0 !important;
    margin-bottom:14px !important;
    text-align:left;
  }

  .osp-pack .osp-h2 {
    font-size:17px !important;
    margin-bottom:6px;
  }

  .osp-pack .osp-desc {
    font-size:14px !important;
    line-height:21px !important;
    opacity:0.95;
    margin-bottom:18px !important; 
  }

  /* ===============================
     iOS STYLE BUTTON (PACKS)
     =============================== */
  .osp-pack .osp-right2 a {
    width:100% !important;
    display:block !important;
    float:none !important;

    margin-top:18px !important;
    padding:16px 18px !important;

    font-size:16px !important;
    font-weight:600 !important;
    text-align:center;

    color:var(--mb-color-primary, #ED2C28) !important;
    background:#ffffff !important;

    border-radius:16px !important;
    border:2px solid rgba(0,0,0,0.08) !important;

    box-shadow:0 6px 18px rgba(0,0,0,0.12) !important;
    text-decoration:none !important;

    transition:all 0.25s ease;
  }

  .osp-pack .osp-right2 a:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(0,0,0,0.18) !important;
  }

  .osp-pack .osp-right2 a:active {
    transform:translateY(0);
    box-shadow:0 4px 10px rgba(0,0,0,0.15) !important;
  }


  /* ===============================
     GALLERY PACKS – Mobile
     =============================== */
  .osp-pack.gallery {
    width:100% !important;
    margin:0 0 22px 0 !important;
  }

  .osp-pack.gallery .osp-desc {
    height:auto !important;
    margin-bottom:18px !important;
  }

  .osp-pack.gallery .osp-right1 .osp-perc {
    position:relative !important;
    right:auto !important;
    top:auto !important;
    margin:10px 0;
    transform:none !important;
  }

}


  /* ===============================
     Messages fix
     =============================== */
body #im-message-form img.im-logged-user-img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}
  /* ===============================
     Payment Fix
     =============================== */
.osp-cart-col.prod .p1.osp-201, em.osp-201, .osp-i.osp-201 {
    background-color: #ED2C28!important;
    color: #212121!important;
}

.osp-cart-col.prod .p1.osp-401, em.osp-401, .osp-i.osp-401 {
    background-color: #FFF7D6 !important;
}

.osp-cart-col.prod .p1.osp-801, em.osp-801, .osp-i.osp-801 {
    background-color: #42A5F5 !important; /* hellgrün */
}

.osp-item .osp-stat > span.osp-201,
.osp-item .osp-stat > span.osp-401,
.osp-item .osp-stat > span.osp-801 {
    background: #F5F5F5;        
    color: #424242;            
    border-left: 3px solid #ED2C28; 
}


/* HIDE OSP PROMOTION ONLY ON ITEM POST */
#body-item-post #osp-promos {
  display: none !important;
}

/* =========================
    PAYMENT 
   ========================= */

/* GRID BUTTONS */
.osp-pay-button li a {
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.osp-pay-button li a:hover:not(.osp-disabled),
.osp-pay-button li a:focus:not(.osp-disabled) {
  border-color: #ED2C28;
  box-shadow: 0 6px 18px rgba(237,44,40,0.15);
}

.osp-pay-button li a > strong {
  color: #424242;
  font-weight: 600;
}

.osp-pay-button li a:hover > strong {
  color: #ED2C28;
}

/* ICONS / LOGOS */
.osp-pay-button li a > span.osp-i2 svg {
  fill: #ED2C28;
}

.osp-pay-button li a > span.osp-i2 em {
  color: #ED2C28;
  font-family: inherit;
  font-weight: 700;
}

/* CHECK ICON */
.osp-pay-button li a:not(.osp-disabled):after {
  border-color: #ED2C28;
  color: #ED2C28;
  background: #fff;
}

.osp-pay-button li a:hover:after {
  opacity: 1;
}

/* DISABLED */
.osp-pay-button li a.osp-disabled {
  opacity: 0.45;
  filter: grayscale(1);
}

/* =========================
   CHECK (LIST)
   ========================= */

.osp-pay-button.osp-style-check {
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
}

.osp-pay-button.osp-style-check li {
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #FAFAFA;
}

.osp-pay-button.osp-style-check li:hover:not(.osp-disabled) {
  border-color: #ED2C28;
}

.osp-pay-button.osp-style-check li.osp-selected {
  border-color: #ED2C28;
  box-shadow: 0 0 0 2px rgba(237,44,40,0.15);
  background: #FFFFFF;
}

/* RADIO */
.osp-pay-button.osp-style-check .osp-pay-btn-chk {
  accent-color: #ED2C28;
}

/* TEXT */
.osp-pay-button.osp-style-check .osp-name {
  color: #424242;
  font-weight: 700;
}

.osp-pay-button.osp-style-check .osp-info-short {
  color: #616161;
}

/* WARN / ERROR */
.osp-pay-button.osp-style-check .osp-info-warn,
.osp-pay-button.osp-style-check .osp-info-error {
  color: #D32F2F;
}

/* LOGOS */
.osp-pay-button.osp-style-check .osp-logo img {
  filter: grayscale(0);
}

/* =========================
   SUBMIT BUTTON
   ========================= */

.osp-pay-button .osp-submit-payment {
  border-radius: 999px;
  background: #BDBDBD;
  box-shadow: none;
}

.osp-pay-button .osp-submit-payment.osp-ready {
  background: #ED2C28;
  box-shadow: 0 6px 18px rgba(237,44,40,0.25);
}

.osp-pay-button .osp-submit-payment.osp-ready:hover {
  background: #C42421;
}

.osp-pay-button .osp-submit-payment .osp-txt {
  font-weight: 700;
  letter-spacing: 0.3px;
}

.osp-pay-button .osp-submit-payment .osp-subtxt {
  opacity: 0.9;
}

/* PROCESSING */
.osp-pay-button .osp-submit-payment.osp-processing {
  background: #9E9E9E;
  box-shadow: none;
}


#osp-tab-menu > .osp-active {
    font-weight: 600;
    color: #ED2C28; 
    position: relative;
    transition: color 0.2s ease;
}


#osp-tab-menu > .osp-active:after,
#osp-tab-menu > div:hover:after,
#osp-tab-menu > a:hover:after {
    content: '';
    position: absolute;
    bottom: -4px;       
    left: 0;
    width: 100%;
    height: 3px;        
    border-radius: 2px; 
    background: #ED2C28; 
    transition: all 0.2s ease;
}

/* Hover Effekt für Tabs */
#osp-tab-menu > div:hover,
#osp-tab-menu > a:hover {
    color: #ED2C28;     
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Abstand vom letzten Tab */
#osp-tab-menu > div:last-child,
#osp-tab-menu > a:last-child {
    margin-right: 0;
}


/* =========================
   RED ACCENT
   ========================= */

/* CARD BACKGROUND */
.tpd-tooltip .tpd-background,
.tpd-tooltip .tpd-background-content,
.tpd-tooltip .tpd-background-title {
  background: #FFFFFF !important;
  border-radius: 10px !important;
  border: 1px solid rgba(237, 44, 40, 0.45) !important; 
  box-shadow: 0 10px 28px rgba(0,0,0,0.14) !important;
}


.tpd-tooltip .tpd-content,
.tpd-tooltip .tpd-title {
  text-align: center !important;
}


.tpd-tooltip .tpd-content {
  color: #424242 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}


.tpd-tooltip .tpd-title {
  color: #212121 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid rgba(237, 44, 40, 0.25) !important;
}


.tpd-tooltip a {
  color: #ED2C28 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.tpd-tooltip a:hover {
  text-decoration: underline !important;
}

/* STEM / ARROW */
.tpd-tooltip .tpd-stem-border,
.tpd-tooltip .tpd-stem-border-corner {
  background: #FFFFFF !important;
  border-color: rgba(237, 44, 40, 0.35) !important;
}

.tpd-tooltip .tpd-stem-triangle {
  border-bottom-color: #FFFFFF !important;
}

/* CLOSE BUTTON */
.tpd-tooltip .tpd-close {
  color: #9E9E9E !important;
}

.tpd-tooltip .tpd-close:hover {
  color: #ED2C28 !important;
}

/* SIZE & PADDING */
.tpd-size-small .tpd-content,
.tpd-size-medium .tpd-content,
.tpd-size-large .tpd-content {
  padding: 10px 14px !important;
}

/* REMOVE DARK SKINS */
.tpd-skin-dark .tpd-background-content,
.tpd-skin-gray .tpd-background-content,
.tpd-skin-red .tpd-background-content {
  background: #FFFFFF !important;
}


/* ========== FAQ – ========== */
#faq-body {
    padding-bottom: 60px;
    color: #424242;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

/* HEADINGS */
#faq-body h1 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #212121;
    text-align: center;
}

#faq-body h2 {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
    margin: 20px 0 10px;
}

/* ========== SEARCH BLOCK ========== */
#faq-search-block .faq-search-form {
    padding: 100px 20px 60px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

#faq-search-block input[name="pattern"] {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border: 1px solid #E0E0E0;
    font-size: 15px;
    padding: 12px 16px;
    width: 100%;
    height: 50px;
}

#faq-search-block button[type="submit"] svg {
    fill: #ED2C28;
}

/* ========== CATEGORY CARDS ========== */
#faq-category-block .faq-category {
    position: relative;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E0E0E0;
    box-shadow: 0 6px 20px rgba(0,0,0,0.04);
    transition: all 0.25s ease;
    text-align: center;
    padding: 25px 20px;
    height: 260px;
}

/* red accent line */
#faq-category-block .faq-category:hover::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #ED2C28;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

#faq-category-block .faq-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.08);
}

#faq-category-block .faq-category strong {
    font-weight: 500;
    color: #212121;
}

#faq-category-block .faq-category span {
    color: #616161;
}

/* ========== FAQ POSTS (ACCORDION) ========== */
#faq-post-block .faq-row {
    position: relative;
    background: #FFFFFF;
    border-radius: 14px;
    margin-bottom: 14px;
    border: 1px solid #E0E0E0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03);
}

/* active red accent */
#faq-post-block .faq-row.faq-expanded::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #ED2C28;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

#faq-post-block .faq-row .faq-top {
    padding: 18px 60px 18px 18px;
    font-weight: 500;
    color: #212121;
}

#faq-post-block .faq-row .faq-bottom {
    background: #FAFAFA;
    padding: 16px;
    font-size: 15px;
    color: #424242;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

/* ICON */
#faq-post-block .faq-collapse-icon svg {
    fill: #ED2C28;
}

/* ========== FOOTER /  ========== */
#faq-post-block .faq-item-footer {
    border-top: 1px solid #E0E0E0;
    color: #757575;
}

#faq-post-block .faq-helpful > a {
    color: #757575;
    font-weight: 500;
}

#faq-post-block .faq-helpful > a.faq-active,
#faq-post-block .faq-helpful > a:hover {
    color: #ED2C28;
}

#faq-post-block .faq-helpful > a svg {
    fill: #ED2C28;
}

/* ========== LINKS ========== */
#faq-body a {
    color: #ED2C28;
    text-decoration: none;
}

#faq-body a:hover {
    text-decoration: underline;
}

/* ========== MOBILE ========== */
@media (max-width: 767px) {
    #faq-search-block .faq-search-form {
        padding: 60px 15px 40px;
    }

    #faq-category-block .faq-category {
        width: calc(33.33% - 8px);
        margin: 0 12px 12px 0;
        height: auto;
        padding: 20px;
    }
}

@media (max-width: 490px) {
    #faq-category-block .faq-category {
        width: calc(50% - 6px);
    }

    #faq-category-block .faq-category:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media (max-width: 360px) {
    #faq-category-block .faq-category {
        padding: 12px;
    }
}
/* ========== FAQ POSTS ========== */

/* FAQ ROW – single source of rounding */
#faq-post-block .faq-row {
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* ACTIVE RED ACCENT – no cut corners */
#faq-post-block .faq-row.faq-expanded::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 4px !important;
    height: 100% !important;
    background: #ED2C28 !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

/* FAQ TITLE */
#faq-post-block .faq-row .faq-top {
    display: block !important;
    width: 100% !important;
    padding: 18px 60px 18px 18px !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #212121 !important;

    background: #FFFFFF !important;
    text-decoration: none !important;

    transition: background 0.15s ease, color 0.15s ease !important;
}

/* HOVER – clean */
#faq-post-block .faq-row:not(.faq-expanded) .faq-top:hover {
    background: #FAFAFA !important;
    color: #000000 !important;
}

/* FAQ CONTENT */
#faq-post-block .faq-row .faq-bottom {
    background: #FAFAFA !important;
    padding: 16px !important;
    font-size: 15px !important;
    color: #424242 !important;
}



/* ========== HI ALBANIAN========== */

.albanian-hint-box {
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #FFF9C4;      
  border: 1px solid #FFEB3B; 
  border-radius: 10px;       
  display: flex;
  align-items: center;
  font-family: 'Helvetica', 'Arial', sans-serif;
}

.albanian-hint-text {
  color: #424242;            
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.albanian-hint-subtext {
  color: #666;                
  font-size: 12px;
  margin: 4px 0 0 0;
  font-style: italic;
}

/* ========== Picture uploader ========= */


.uppy-Dashboard-browse {
    color: #ED2C28;
    cursor: pointer;
    font-weight: 500;

    padding: 6px 12px;
    border-radius: 999px;

    background: rgba(237, 44, 40, 0.08);
    transition: background 0.2s ease, color 0.2s ease;

    text-decoration: none;
    outline: none;
}
/* ==========Logo magic========= */

a.elg-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin: 15px 0;
  padding: 13px 28px;

  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;

  color: #000000;
  text-decoration: none;

  background: #ffffff;
  border: 1.5px solid #ED2C28;
  border-radius: 12px;

  line-height: 1;
  position: relative;

  transition: all 0.25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}


a.elg-login-button.elg-hooked {
  width: 100%;
  margin: 12px 0 26px 0;
}


a.elg-login-button svg {
  width: 16px;
  height: 16px;
  fill: #ED2C28;
  transition: fill 0.25s ease;
}


a.elg-login-button:hover {
  background: #ED2C28;
  color: #ffffff;
  text-decoration: none;

  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(237,44,40,0.25);
}

a.elg-login-button:hover svg {
  fill: #ffffff;
}

/
a.elg-login-button:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(237,44,40,0.2);
}

/* ================== OVERVIEW & FORM ================== */

/* Rows */
.elg-body .elg-row {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  color: #424242; 
  margin: 0 0 12px 0;
}

/* Buttons */
.elg-body .elg-row .elg-btn {
  float: left;
  width: auto;
  transition: all 0.2s ease;
  color: #ffffff;
  background: #ED2C28;
  padding: 10px 22px;
  text-decoration: none;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(237,44,40,0.15);
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 8px 6px 0;
  cursor: pointer;
}


.elg-body .elg-row .elg-btn:hover {
  background: #C42421; /* dunkleres Treguu-Rot */
  box-shadow: 0 6px 14px rgba(237,44,40,0.25);
  color: #ffffff;
}


.elg-body .elg-row .elg-btn.elg-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #ED2C28;
  box-shadow: none;
}


.elg-body .elg-row .elg-btn.elg-btn-secondary {
  background: #F5F5F5;
  color: #424242;
  border: 1.5px solid #ED2C28;
}

.elg-body .elg-row .elg-btn.elg-btn-secondary:hover {
  background: #E0E0E0;
  color: #212121;
}

/* Button Row */
.elg-body .elg-row.elg-row-buttons {
  margin: 10px 0 0 0;
}

/* Timer / Counter */
.elg-body #elg-timer {
  font-size: 13px;
  line-height: 16px;
  color: #777;
}

.elg-body #elg-counter {
  font-style: normal;
}

/* Forms */
.elg-body .elg-form {
  display: inline-flex;
  width: 100%;
  margin: 16px 0 20px 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}

.elg-body .elg-form > .elg-row {
  margin: 0;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Input Fields */
.elg-body .elg-form input[type="email"],
.elg-body .elg-form input[type="text"],
.elg-body .elg-form input[type="number"] {
  width: auto;
  min-width: 360px;
  height: 40px;
  max-height: 40px;
  margin: 0 10px 8px 0;
  padding: 0 12px;
  font-size: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

.elg-body .elg-form input:focus {
  border-color: #ED2C28;
  box-shadow: 0 0 6px rgba(237,44,40,0.25);
  outline: none;
}

/* Labels */
.elg-body .elg-form label {
  width: auto;
  text-align: left;
  padding: 0;
  margin: 0 0 3px 0;
  font-size: 14px;
  line-height: 16px;
  color: #424242;
}

/* Form Buttons */
.elg-body .elg-form button.elg-btn {
  height: 40px;
  padding: 10px 20px;
  border-radius: 12px;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  border: none;
  margin: 0 0 8px 0;
  background: #ED2C28;
  color: #fff;
  box-shadow: 0 2px 6px rgba(237,44,40,0.15);
  transition: all 0.2s ease;
}

.elg-body .elg-form button.elg-btn:hover {
  background: #C42421;
  box-shadow: 0 6px 14px rgba(237,44,40,0.25);
  color: #fff;
}
/* ================== MOBILE ================== */
@media (max-width: 768px) {

  /* Rows */
  .elg-body .elg-row {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  /* Button Rows */
  .elg-body .elg-row.elg-row-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  /* Buttons */
  .elg-body .elg-row .elg-btn {
    float: none;
    width: 100%;
    margin: 0;
    padding: 12px 16px;
    font-size: 15px;
    border-radius: 14px;
  }

  /* Secondary Buttons */
  .elg-body .elg-row .elg-btn.elg-btn-secondary {
    width: 100%;
  }

  /* Forms */
  .elg-body .elg-form {
    flex-direction: column;
    align-items: stretch;
    margin: 14px 0 18px 0;
  }

  .elg-body .elg-form > .elg-row {
    width: 100%;
  }

  /* Inputs */
  .elg-body .elg-form input[type="email"],
  .elg-body .elg-form input[type="text"],
  .elg-body .elg-form input[type="number"] {
    width: 100%;
    min-width: 100%;
    margin: 0 0 10px 0;
    height: 44px; 
    font-size: 16px; 
    border-radius: 14px;
  }

  /* Labels */
  .elg-body .elg-form label {
    font-size: 13px;
    margin-bottom: 4px;
  }

  /* Form Buttons */
  .elg-body .elg-form button.elg-btn {
    width: 100%;
    height: 46px;
    margin-top: 6px;
    font-size: 16px;
    border-radius: 14px;
  }

  /* Timer / Counter */
  .elg-body #elg-timer {
    font-size: 12px;
    text-align: center;
  }
}


/* ===============================
   PROFILE CARD – CLEAN WRAPPER
================================ */
.profile-card-wrapper {
  max-width: 720px;
  margin: 0 auto 24px auto;
}


.profile-box.change-mail {
  background: #ffffff;
  border-radius: 14px;
  padding: 22px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}


.profile-box.change-mail h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
}


.profile-box.change-mail .row {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}


.profile-box.change-mail label {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #424242;
}


.profile-box.change-mail .input-box input {
  height: 44px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  padding: 0 14px;
  font-size: 14px;
}


.profile-box.change-mail input[disabled] {
  background: #F5F5F5;
  color: #777;
}


.profile-box.change-mail .user-buttons {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}


.profile-box.change-mail .btn {
  border-radius: 12px;
  padding: 10px 22px;
  font-size: 14px;
  cursor: pointer;
}


.profile-box.change-mail button {
  pointer-events: auto !important;
}
/* ===============================
   PASSWORD 
================================ */
.profile-box.change-pass .input-box {
  position: relative;
}

.profile-box.change-pass .toggle-pass {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 14px;
  text-decoration: none;
}

.profile-box.change-pass .toggle-pass:hover {
  color: #424242;
}


.profile-box.change-pass .input-box input {
  padding-right: 40px;
}


.profile-box.change-pass button {
  pointer-events: auto !important;
}
/* ===============================
   FORCE PROFILE CARD BORDER
================================ */
.profile-card-wrapper .profile-box {
  border: 1px solid #E0E0E0 !important;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.profile-card-wrapper .profile-box.change-pass {
  padding: 22px;
}
/* ===============================
   CENTER SUBMIT BUTTON – PASSWORD
================================ */
.profile-box.change-pass .user-buttons {
  justify-content: center;
}
/* ===============================
   MAIN PROFILE CARD
================================ */
.profile-box.prim {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  padding: 22px;
}
.profile-box.prim > .wrap {
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
}
.profile-box .left-block {
  padding-right: 24px;
}

#user-main h2.section-heading {
    display: flex;
    align-items: center;       
    justify-content: center;   
    gap: 10px;                 

    font-weight: 500;
    font-size: 16px;
    padding: 14px 18px;

    border-left: 4px solid #ED2C28;
    border-right: 4px solid #ED2C28;

    background: #FFFFFF;
    border-radius: 10px;

    margin-top: 32px;
    margin-bottom: 24px;
    color: #212121;

    box-shadow: 0 6px 18px rgba(0,0,0,0.06);

    letter-spacing: 0.25px;
    line-height: 1.45;
    transition: all 0.25s ease;
}


#user-main h2.section-heading .heading-icon svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: #596B80;             
}


#user-main h2.section-heading:hover {
    background: #FAFAFA;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);