@-webkit-keyframes fadeIn {
    from { top: -20px; }
    to { top: 0px; }
}
@-moz-keyframes fadeIn {
    from { top: -20px; }
    to { top: 0px; }
}
@keyframes fadeIn {
    from { top: -20px; }
    to { top: 0px; }
}

@keyframes shine {
    0%   { background-position: 300% 0; }
    100% { background-position: -300% 0; }
}
@keyframes starAnim {
    0%   { opacity: 0.55; transform: translateY(-50%) scale(0.8); }
    100% { opacity: 1; transform: translateY(-50%) scale(1.22); }
}

#supermenu,
#supermenu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#supermenu {
    font-family: "Quicksand", sans-serif;
    background: linear-gradient(180deg, #24323a 0%, #1f2b31 100%) !important;
    margin-bottom: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: relative;
    z-index: 9999;
}

#supermenu a {
    cursor: pointer;
    font-size: 12px;
}

#supermenu a.mobile-trigger {
    display: none;
}

#supermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}

#supermenu > ul {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    text-align: center !important;
    background: transparent !important;
}

/* =========================================================
   ÜST MENÜ ITEM
========================================================= */
#supermenu ul li.tlli {
    position: relative !important;
    display: inline-block;
    z-index: 1120;
    padding-left: 0;
    font-size: 12px;
    border: 0 !important;
    border-left: 1px solid #61bab5 !important;
    
}

#supermenu ul li a.tll {
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    text-transform: none;
    color: #fff;
    line-height: 16px;
    text-decoration: none;
    display: table-cell;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    height: 55px;
    width: 110px;
    padding: 1px 8px 0 8px;
    z-index: 6666;
    border-left: 1px solid #0db1c6;
    position: relative;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    -webkit-transition: 0.4s ease;
       -moz-transition: 0.4s ease;
         -o-transition: 0.4s ease;
            transition: 0.4s ease;
}

#supermenu ul li.tlli a.tll:hover,
#supermenu ul li.tlli.act > a.tll {
    color: #ff7846 !important;
    background: rgba(255,255,255,0.03) !important;
}

#supermenu ul li a.tll:before {
    display: none !important;
}

#supermenu ul li a.tllhome,
#supermenu ul li a.tllhomel {
    background: transparent url('home_iconh.png') center center no-repeat !important;
    color: transparent !important;
    padding-left: 28px;
    padding-right: 18px;
    border: none;
}

#supermenu ul li a.tllhomel {
    background: #2C3E50 url('home_iconh.png') center center no-repeat !important;
}

#supermenu ul li.tlli:hover a.tllhome {
    background: transparent url('home_iconh.png') center center no-repeat !important;
}

#supermenu ul li.tlli:hover a.tllhomel {
    background: #333 url('home_iconh.png') center center no-repeat !important;
}

/* =========================================================
   ORTAK DROPDOWN TEMELİ
========================================================= */
#supermenu ul li div.bigdiv {
    display: block !important;
    position: absolute;
    z-index: 99995;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

#supermenu ul li.tlli:hover > div.bigdiv,
#supermenu ul li.tlli.act > div.bigdiv {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* =========================================================
   MEGA MENÜ
========================================================= */
#supermenu ul li div.bigdiv:not(.withflyout) {
    background: linear-gradient(90deg, #1f2d36 0%, #1b2831 100%) !important;
    border: 0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.35) !important;
    padding: 28px 34px 34px 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    min-height: 380px;
}

/* mega menü item'leri static olsun ki tam genişlik açılabilsin */
#supermenu > ul > li.tlli {
    position: static !important;
}

/* ama withflyout olan item kendi altından açılsın */
#supermenu > ul > li.tlli.hasflyoutfix,
#supermenu > ul > li.tlli:hover,
#supermenu > ul > li.tlli.act {
    z-index: 1121;
}

#supermenu ul li div.bigdiv:not(.withflyout) > ul {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    max-width: 1400px !important;
    background: none !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .supermenu-left {
    display: flex !important;
    align-items: flex-start !important;
    gap: 34px !important;
    width: calc(100% - 640px);
    float: left;
    margin: 0 !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
    text-align: left !important;
    background: transparent !important;
    vertical-align: top !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    height: 220px !important;
    margin-left: auto !important;
    margin-top: 0 !important;
    float: right !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #6e73c8 0%, #4c4f8f 55%, #35385f 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
    position: relative;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    float: none !important;
    border-radius: 14px !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add:empty::before {
    content: "YATAK ODASI";
    position: absolute;
    top: 34px;
    left: 40px;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    letter-spacing: .3px;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add:empty::after {
    content: "En iyi fiyatlarla";
    position: absolute;
    top: 78px;
    left: 116px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(255,255,255,.92);
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild > a.theparent,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage > a.theparent {
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: none !important;
    border: 0 !important;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.35px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: normal !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li {
    display: block !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a {
    display: block !important;
    position: relative !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 24px !important;
    color: rgba(255,255,255,0.88) !important;
    background: none !important;
    border: 0 !important;
    text-decoration: none !important;
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: -0.15px !important;
    text-align: left !important;
    white-space: normal !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:before,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.72) !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:hover,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:hover {
    color: #ff7846 !important;
    transform: translateX(3px) !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:hover:before,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:hover:before {
    background: #ff7846 !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) > ul > li:before,
#supermenu ul li div.bigdiv:not(.withflyout) > ul > li:after,
#supermenu ul li div.bigdiv:not(.withflyout) li.withchild:before,
#supermenu ul li div.bigdiv:not(.withflyout) li.withchild:after,
#supermenu ul li div.bigdiv:not(.withflyout) ul.child-level:before,
#supermenu ul li div.bigdiv:not(.withflyout) ul.child-level:after {
    display: none !important;
    content: none !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .headingoftopitem,
#supermenu ul li div.bigdiv:not(.withflyout) .linkoftopitem,
#supermenu ul li div.bigdiv:not(.withflyout) .addingaspace,
#supermenu ul li div.bigdiv:not(.withflyout) .dropbrands {
    display: none !important;
}

/* =========================================================
   NORMAL AÇILIR + FLYOUT MENÜ
========================================================= */
#supermenu > ul > li.tlli > div.bigdiv.withflyout {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: linear-gradient(180deg, #223038 0%, #1d282f 100%) !important;
    border: 0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.35) !important;
    overflow: visible !important;
    z-index: 99999 !important;
    text-align: left;
}
/* Açılır menüde soldaki yuvarlak geri gelsin */
#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent {
    position: relative !important;
    padding-left: 28px !important;
    transition: color .25s ease !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    margin-top: -4.5px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.78) !important;
    transition: background .25s ease !important;
}

/* Hoverda yazı ve yuvarlak turuncu olsun */
#supermenu ul li div.bigdiv.withflyout > .withchildfo:hover > a.theparent,
#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:hover {
    color: #ff7846 !important;
    background: transparent !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo:hover > a.theparent:before,
#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:hover:before {
    background: #ff7846 !important;
}

/* withflyout olan li relative kalsın */
#supermenu > ul > li.tlli:has(> div.bigdiv.withflyout) {
    position: relative !important;
}

#supermenu ul li div.bigdiv.withflyout.andlogin {
    padding: 10px !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    background: #24333b !important;
    padding: 8px 0 !important;
    z-index: 99999 !important;
    min-height: 100%;
    min-width: 280px !important;
    width: 280px !important;
    max-width: 280px !important;
    border-radius: 0 12px 12px 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25) !important;
    border: 0 !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo:hover > .flyouttoright {
    display: block !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright .inflyouttoright {
    padding: 0 !important;
    width: 100% !important;
}

#supermenu ul li div.bigdiv.withflyout .withimage {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#supermenu .withchildfo {
    display: block;
    vertical-align: top;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    background: transparent !important;
    position: relative !important;
}

#supermenu .withchildfo:last-child {
    border-bottom: 0 !important;
}

#supermenu .withchildfo.hasflyout {
    padding-right: 20px;
    background-image: url('mkidr.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#supermenu .withchildfo a.theparent {
    color: #ffffff !important;
    display: block;
    padding: 14px 16px !important;
    text-decoration: none;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: transparent !important;
    border: 0 !important;
}

#supermenu .withchildfo:hover {
    background-color: rgba(255,255,255,0.04) !important;
}

#supermenu > ul > li ul + ul {
    padding-left: 20px;
}

#supermenu ul li div.bigdiv.withflyout .withchild ul.child-level li a,
#supermenu ul li div.bigdiv.withflyout .withimage ul.child-level li a {
    text-decoration: none;
    padding: 10px 18px !important;
    color: rgba(255,255,255,0.88) !important;
    display: block;
    font-size: 14px !important;
    min-width: 0 !important;
    background: none !important;
    text-transform: none;
}

#supermenu ul li div.bigdiv.withflyout .withchild ul.child-level li a:hover,
#supermenu ul li div.bigdiv.withflyout .withimage ul.child-level li a:hover {
    color: #ff7846 !important;
    text-decoration: none;
}

#supermenu ul li div.bigdiv.withflyout .withchild a.theparent,
#supermenu ul li div.bigdiv.withflyout .withimage .name a {
    color: #ffffff !important;
    border-bottom: 0 !important;
    display: block;
    font-weight: 700;
    padding: 12px 18px 8px 18px !important;
    text-decoration: none;
    text-transform: none !important;
    font-size: 14px !important;
}

#supermenu ul li div.bigdiv.withflyout .withchild {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    vertical-align: top;
}

#supermenu ul li div.bigdiv.withflyout .menu-add,
#supermenu ul li div.bigdiv.withflyout .dropbrands,
#supermenu ul li div.bigdiv.withflyout .headingoftopitem,
#supermenu ul li div.bigdiv.withflyout .linkoftopitem,
#supermenu ul li div.bigdiv.withflyout .addingaspace {
    display: none !important;
}

/* =========================================================
   DİĞER ORİJİNAL ALANLAR
========================================================= */
#supermenu ul li div.bigdiv p {
    margin-bottom: 7px;
}

#supermenu ul li div .withimage .image img {
    background: #fff;
    margin-bottom: 7px;
    border-radius: 3px;
}

#supermenu ul li div .withimage .name a {
    color: #333;
    font-size: 12px;
    text-decoration: none;
}

#supermenu ul li div .withimage .dropprice {
    color: #FF9900;
    font-size: 18px;
}

#supermenu ul li div .withimage .dropprice span {
    color: #999;
    text-decoration: line-through;
}

#supermenu ul li div .withimage .child-level {
    margin-left: 5px;
    background: none;
}

#supermenu .mainexpand {
    display: none;
}

#supermenu form {
    padding-top: 5px;
}

#supermenu input[type='text'],
#supermenu input[type='password'] {
    padding: 10px 5px;
    width: 188px;
    color: #888;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
}

#supermenu ul li.tlli.mkids:hover a.tll {
    border-radius: 0 0 1px 1px;
}

#supermenu.respmedium ul li.tlli .bigdiv {
    border-radius: 2px;
}

#supermenu.respmedium ul li div .menu-add {
    width: 180px !important;
}

#supermenu.respmedium ul li div .menu-add img {
    width: 100%;
    height: auto;
}

#supermenu.respmedium ul li div .menu-add + .supermenu-left,
#supermenu.respmedium ul li div .menu-add + .dropbrands + .supermenu-left {
    margin-right: 190px !important;
}

#supermenu.respmedium ul li div .dropbrands {
    width: 180px !important;
    clear: right;
    margin-right: 0;
    margin-left: 5px;
    margin-top: 10px;
}

#supermenu ul li.tlli.sep {
    display: none;
}

/* =========================================================
   WHITE / ALT1 / ALT2 / IMGMENU KORUMA
========================================================= */
#supermenu.white {
    background: #fff;
    border: none;
    border-bottom: 1px solid #777;
    border-radius: 0;
    box-shadow: none;
}

#supermenu.respsmall.white a.mobile-trigger,
#supermenu.alt2.respsmall a.mobile-trigger,
#supermenu.imgmenu.respsmall a.mobile-trigger {
    background: url('mkidb2.png') 100% center no-repeat;
    color: #555;
    text-shadow: none;
}

#supermenu.white ul li a.tll {
    font-size: 13px;
    color: #333;
    padding: 15px 10px 12px 10px;
    text-shadow: 0 0 0 #000;
    border-top: 1px solid #fff;
}

#supermenu.white ul li div.bigdiv {
    background: #fff;
    border-radius: 0;
    border: 1px solid #777;
    border-top: 0;
}

#supermenu.white.respsmall ul li div.bigdiv {
    border: 1px solid #fff;
    border-top: 0;
}

#supermenu.white ul li.tlli:hover a.tll {
    background: #fff;
    color: #333;
    text-shadow: 0 0 0 #fff;
    border-top: 1px solid #777;
}

#supermenu.respsmall.white ul li.tlli:hover a.tll {
    color: #333;
    border-top: 1px solid #fff;
}

#supermenu.alt1 {
    background: #333333;
    background-image: linear-gradient(to bottom, #333333, #222222);
    background-repeat: repeat-x;
    border: 1px solid #1d1d1d;
    border-bottom: 0;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px #888;
}

#supermenu.alt1 ul li a.tll {
    font-size: 12px;
    color: #ddd;
    text-shadow: 0 0 0 #000;
}

#supermenu.alt1 ul li.tlli.sep,
#supermenu.alt2 ul li.tlli.sep {
    display: inline-block;
    padding-left: 1px;
    padding-right: 0;
    width: 2px;
}

#supermenu.alt1 ul li.tlli.sep span.item-sep,
#supermenu.alt2 ul li.tlli.sep span.item-sep {
    width: 2px;
    height: 100%;
    background: url('sep.png') center center no-repeat;
}

#supermenu.alt2 ul li.tlli.sep span.item-sep {
    opacity: 0.5;
}

#supermenu.alt1 ul li.tlli:hover a.tll,
#supermenu.imgmenu ul li.tlli:hover a.tll {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
    background-repeat: repeat-x;
    color: #333;
    text-shadow: 0 0 0 #fff;
}

#supermenu.alt1 ul li div.bigdiv,
#supermenu.imgmenu ul li div.bigdiv {
    background: #f7f7f7;
    background-image: linear-gradient(to bottom, #f7f7f7, #e7e7e7);
    background-repeat: repeat-x;
    border-radius: 1px;
    border: none;
    padding: 6px;
    border-top: 0;
    box-shadow: 0 0 4px #999;
}

#supermenu.respsmall.alt1 ul li.tlli.sep {
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
}

#supermenu.alt1 ul li div .withchild a.theparent,
#supermenu.alt1 ul li div .withimage .name a,
#supermenu.alt1 .withchildfo a.theparent {
    color: #666;
}

#supermenu.alt1 ul li div .withchild a.theparent {
    border-bottom: 1px solid #ddd;
}

#supermenu.alt1 ul li div .withchild a.theparent:hover,
#supermenu.alt1 ul li div .withimage .name a:hover,
#supermenu.alt1 .withchildfo a.theparent:hover {
    color: #333;
}

#supermenu.alt1 ul li div .withchild ul.child-level li a {
    color: #777;
}

#supermenu.alt1 ul li div .withchild ul.child-level li a:hover {
    color: #444;
}

#supermenu.alt1 ul li div.bigdiv .linkoftopitem a,
#supermenu.alt2 ul li div.bigdiv .linkoftopitem a {
    background: #555555;
    background-image: linear-gradient(to bottom, #555, #444);
    background-repeat: repeat-x;
    border: 1px solid #2d2d2d;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px #888;
    color: #ddd;
}

#supermenu.alt1 ul li div.bigdiv .linkoftopitem a:hover,
#supermenu.alt2 ul li div.bigdiv .linkoftopitem a:hover {
    background: #222;
}

#supermenu.alt2 {
    background: #f7f7f7;
    background-image: linear-gradient(to bottom, #f7f7f7, #e7e7e7);
    background-repeat: repeat-x;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    box-shadow: none;
}

#supermenu.alt2 ul li a.tll {
    font-size: 12px;
    color: #444;
    text-shadow: 0 1px 1px #fff;
}

#supermenu.alt2 ul li:hover a.tll {
    color: #ddd;
    text-shadow: 0 1px 1px #111;
    background: #525252;
}

#supermenu.alt2 ul li div.bigdiv {
    background: #525252;
    border-radius: 1px;
    border-color: #fff;
    box-shadow: none;
}

#supermenu.respsmall.alt2 ul li.tlli.sep {
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #FFFFFF;
}

#supermenu.respsmall.alt2 ul li.tlli:hover a.tll {
    color: #000;
}

#supermenu.alt2 ul li div .withchild a.theparent,
#supermenu.alt2 ul li div .withimage .name a,
#supermenu.alt2 .withchildfo a.theparent,
#supermenu.alt2 ul li div .dropbrands span {
    color: #ddd;
}

#supermenu.alt2 ul li div .withchild ul.child-level li a,
#supermenu.alt2 ul li div,
#supermenu.alt2 ul li div a,
#supermenu.alt2 ul li div .dropbrands ul li a {
    color: #a7a7a7;
}

#supermenu.alt2 .withchildfo {
    border-bottom: 1px solid #797979;
}

#supermenu.alt2 .withchildfo:hover,
#supermenu.alt2 ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    background-color: #6f6b6b;
}

#supermenu.alt2 ul li div .withchild a.theparent,
#supermenu.alt2 ul li div .dropbrands span {
    border-bottom: 1px solid #797979;
}

#supermenu.alt2.respsmall ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    background: none;
}

#supermenu.imgmenu ul li a.tll {
    text-align: center;
    color: #444;
    text-shadow: 0 0 0 #fff;
}

#supermenu.imgmenu {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
}

#supermenu.imgmenu ul {
    text-align: center;
}

#supermenu.imgmenu ul li {
    text-align: left;
}

#supermenu.imgmenu ul li.tlli {
    border-left: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
}

#supermenu.imgmenu ul li div .withchild a.theparent {
    border-bottom: 1px solid #ddd;
}

#supermenu.respsmall.imgmenu ul li.tlli a.tll > img {
    width: 35px;
    height: auto;
    float: left;
    margin-right: 10px;
}

#supermenu.respsmall.imgmenu ul li.tlli a.tll > br {
    display: none !important;
}

#supermenu.respsmall.imgmenu ul li.tlli a.tll {
    text-align: left;
    line-height: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#supermenu.respsmall.imgmenu ul li.tlli {
    border: none;
    border-bottom: 1px solid #eee;
}

#supermenu.respsmall.imgmenu ul li.tlli:hover a.tll {
    color: #333;
}

#supermenu.respsmall.imgmenu ul li.exped div.bigdiv {
    box-shadow: none;
}

#supermenu.respsmall.imgmenu ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    background: none;
}

/* =========================================================
   RESPONSIVE
========================================================= */
#supermenu.respsmall a.mobile-trigger {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 16px;
    text-decoration: none;
    display: block;
    padding: 19px 10px;
    z-index: 6;
    position: relative;
    text-shadow: 0 0 1px #111;
    background: #333 url('mkid.png') 100% center no-repeat;
}

#supermenu.respsmall > ul {
    visibility: hidden;
    height: 0;
    transition: 0.3s ease-in;
    overflow: hidden;
}

#supermenu.respsmall > ul.exped {
    background: #333;
    visibility: visible;
    width: 100%;
    height: auto;
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
}

#supermenu.respsmall ul li.tlli.hometlli {
    display: none;
}

#supermenu.respsmall ul li.tlli {
    position: relative !important;
    display: block;
    z-index: 20;
    padding-left: 1px;
    font-size: 12px;
}

#supermenu.respsmall ul li.tlli.sep {
    border-top: 1px solid #666;
    height: 0;
}

#supermenu.respsmall ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    position: relative !important;
    z-index: 1;
    left: auto !important;
    top: auto !important;
    box-shadow: none !important;
}

#supermenu.respsmall ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright .inflyouttoright {
    width: 100% !important;
}

#supermenu.respsmall ul li div .supermenu-left {
    margin: 0 !important;
}

#supermenu.respsmall ul li div .supermenu-left:before,
#supermenu.respsmall ul li div .supermenu-left:after,
#supermenu.respsmall ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright:before,
#supermenu.respsmall ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright:after {
    clear: both;
    content: " ";
    display: table;
}

#supermenu.respsmall ul li div .menu-add {
    display: none !important;
}

#supermenu.respsmall ul li div .dropbrands {
    display: none !important;
}

#supermenu .menu-add-mobil,
#supermenu .dropbrands.dropbrands-mobil {
    display: none;
}

#supermenu.respsmall .menu-add-mobil,
#supermenu.respsmall .dropbrands-mobil {
    display: block;
}

#supermenu.respsmall .menu-add-mobil {
    text-align: center;
    margin-top: 10px;
}

#supermenu.respsmall .menu-add-mobil img {
    max-width: 100% !important;
}

#supermenu.respsmall .dropbrands.dropbrands-mobil {
    display: block;
    float: none;
    width: auto;
    margin-right: 0;
}

#supermenu.respsmall ul li div .withchild,
#supermenu.respsmall ul li div .withimage {
    display: inline-block;
    width: 49% !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 0 0;
    clear: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

#supermenu.respsmall ul li div .withimage .image img {
    width: 50px;
    height: auto;
    float: left;
    margin-right: 10px;
}

#supermenu.respsmall ul li div .withchild:nth-child(even),
#supermenu.respsmall ul li div .withimage:nth-child(even) {
    float: right;
    clear: right;
}

#supermenu.respsmall ul li div .withchild:nth-child(odd),
#supermenu.respsmall ul li div .withimage:nth-child(odd) {
    float: left;
    clear: left;
}

#supermenu.respsmall .withchildfo a.theparent {
    padding-top: 14px;
    padding-bottom: 14px;
}

#supermenu .superdropper {
    display: none;
}

#supermenu.respsmall .superdropper {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    z-index: 7777;
    padding-left: 40px;
    padding-bottom: 10px;
}

#supermenu.respsmall .superdropper span {
    font-size: 20px;
    text-decoration: none;
    padding: 5px 10px;
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    display: block;
    margin-right: 5px;
    margin-top: 9px;
    width: 30px;
    text-align: center;
    border-radius: 2px;
}

#supermenu.respsmall .superdropper span + span {
    display: none;
}

#supermenu.respsmall ul li.tlli.exped .superdropper span {
    display: none;
}

#supermenu.respsmall ul li.tlli.exped .superdropper span + span {
    display: block;
}

#supermenu.respsmall ul li div.bigdiv {
    position: relative !important;
    margin: 0 !important;
    width: 100% !important;
    display: block;
    min-height: 0 !important;
    border-radius: 0 0 12px 12px !important;
    padding: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    box-shadow: none !important;
}

#supermenu.respsmall ul li.exped div.bigdiv {
    display: block !important;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
}

#supermenu.respsmall .withchildfo {
    position: relative;
}

#supermenu.respsmall .withchildfo.hasflyout {
    background-image: none;
}

#supermenu.respsmall .withchildfo.hasflyout.exped .flyouttoright {
    display: block !important;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
}

#supermenu.respsmall .withchildfo.hasflyout .superdropper span,
#supermenu.respsmall .withchildfo.hasflyout.exped .superdropper span + span {
    display: block !important;
}

#supermenu.respsmall .withchildfo.hasflyout .superdropper span + span,
#supermenu.respsmall .withchildfo.hasflyout.exped .superdropper span {
    display: none !important;
}

#supermenu.respsmall ul li.tlli:hover a.tll {
    background: none;
    text-shadow: 0 0 0 #fff;
    color: #fff;
}

#supermenu.respsmall ul li div.bigdiv .addingaspace {
    display: none !important;
}

@media all and (max-width: 1400px) {
    #supermenu ul li div.bigdiv:not(.withflyout) .menu-add {
        width: 460px !important;
        height: 280px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .supermenu-left {
        width: calc(100% - 500px);
    }

    #supermenu ul li a.tll {
        padding: 0 12px !important;
        font-size: 14px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) > ul {
        gap: 46px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .withchild,
    #supermenu ul li div.bigdiv:not(.withflyout) .withimage {
        width: 235px !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
}

@media (max-width: 1199px) {
    #supermenu ul li div.bigdiv:not(.withflyout) {
        padding: 24px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .menu-add {
        width: 360px !important;
        height: 240px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .supermenu-left {
        gap: 22px;
        width: calc(100% - 390px);
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .withchild {
        width: calc(33.333% - 15px) !important;
        min-width: 150px;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .withchild > a.theparent {
        font-size: 16px !important;
    }

    #supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a {
        font-size: 14px !important;
    }
}

@media (max-width: 991px) {
    #supermenu.respsmall a.mobile-trigger {
        background: #223038 !important;
        color: #fff !important;
        border-radius: 10px !important;
    }

    #supermenu.respsmall > ul.exped {
        position: relative !important;
        background: #1f2b31 !important;
        border-radius: 0 0 12px 12px !important;
    }

    #supermenu.respsmall ul li div.bigdiv:not(.withflyout) .supermenu-left,
    #supermenu.respsmall ul li div.bigdiv:not(.withflyout) .menu-add {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    #supermenu.respsmall ul li div.bigdiv:not(.withflyout) .menu-add {
        height: auto !important;
        min-height: 180px;
        margin-top: 18px !important;
    }

    #supermenu.respsmall ul li div .withchild,
    #supermenu.respsmall ul li div .withimage {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin: 0 0 18px 0 !important;
    }

    #supermenu.respsmall ul li a.tll {
        height: auto !important;
        line-height: 1.4 !important;
        padding: 16px 14px !important;
    }
}

@media all and (max-width: 500px) {
    #supermenu.respsmall ul li div .withchild,
    #supermenu.respsmall ul li div .withimage {
        width: 100% !important;
        float: none !important;
    }
}

/* =========================================================
   KAMPANYALAR BUTONU
========================================================= */
#supermenu ul li.tlli.kampanyalar,
#supermenu ul li.tlli:last-child {
    position: relative !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll,
#supermenu ul li.tlli:last-child > a.tll {
    position: relative !important;
    display: inline-block !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 28px 0 64px !important;
    margin: 4px 0 4px 10px !important;
    border-radius: 9999px !important;
    border: none !important;
    background: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
     width:220px;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.06em !important;
    overflow: hidden !important;
    box-shadow:
        0 4px 18px rgba(109, 40, 217, 0.5),
        inset 0 2px 4px rgba(255, 255, 255, 0.3),
        inset 0 -3px 6px rgba(0, 0, 0, 0.18),
        inset 0 0 0 4.5px rgba(255, 255, 255, 0.38),
        inset 0 8px 18px rgba(255, 255, 255, 0.14) !important;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll:hover,
#supermenu ul li.tlli:last-child > a.tll:hover {
    background: linear-gradient(180deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%) !important;
    box-shadow:
        0 6px 24px rgba(139, 92, 246, 0.65),
        inset 0 2px 4px rgba(255, 255, 255, 0.35),
        inset 0 -3px 6px rgba(0, 0, 0, 0.18),
        inset 0 0 0 4.5px rgba(255, 255, 255, 0.38),
        inset 0 8px 18px rgba(255, 255, 255, 0.14) !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll::before,
#supermenu ul li.tlli:last-child > a.tll::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        90deg,
        transparent 20%,
        rgba(255, 255, 255, 0.45) 50%,
        transparent 80%
    ) !important;
    background-size: 300% 100% !important;
    animation: shine 3.8s linear infinite !important;
    pointer-events: none !important;
    border-radius: 9999px !important;
    z-index: 1 !important;
    display: block !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll::after,
#supermenu ul li.tlli:last-child > a.tll::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    width: 30px !important;
    height: 30px !important;
    background: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.187 8.096L15 5.25L15.813 8.096C16.0231 8.83114 16.4171 9.50062 16.9577 10.0413C17.4984 10.5819 18.1679 10.9759 18.903 11.186L21.75 12L18.904 12.813C18.1689 13.0231 17.4994 13.4171 16.9587 13.9577C16.4181 14.4984 16.0241 15.1679 15.814 15.903L15 18.75L14.187 15.904C13.9769 15.1689 13.5829 14.4994 13.0423 13.9587C12.5016 13.4181 11.8321 13.0241 11.097 12.814L8.25 12L11.096 11.187C11.8311 10.9769 12.5006 10.5829 13.0413 10.0423C13.5819 9.50162 13.9759 8.83214 14.186 8.097L14.187 8.096Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.187 8.096L15 5.25L15.813 8.096C16.0231 8.83114 16.4171 9.50062 16.9577 10.0413C17.4984 10.5819 18.1679 10.9759 18.903 11.186L21.75 12L18.904 12.813C18.1689 13.0231 17.4994 13.4171 16.9587 13.9577C16.4181 14.4984 16.0241 15.1679 15.814 15.903L15 18.75L14.187 15.904C13.9769 15.1689 13.5829 14.4994 13.0423 13.9587C12.5016 13.4181 11.8321 13.0241 11.097 12.814L8.25 12L11.096 11.187C11.8311 10.9769 12.5006 10.5829 13.0413 10.0423C13.5819 9.50162 13.9759 8.83214 14.186 8.097L14.187 8.096Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    pointer-events: none !important;
    z-index: 10 !important;
    animation: starAnim 1.8s 0s infinite alternate ease-in-out !important;
}

#supermenu ul li.tlli.kampanyalar::before,
#supermenu ul li.tlli:last-child::before {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    top: 50% !important;
    width: 30px !important;
    height: 30px !important;
    background: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14.25L5.741 15.285C5.59267 15.8785 5.28579 16.4206 4.85319 16.8532C4.42059 17.2858 3.87853 17.5927 3.285 17.741L2.25 18L3.285 18.259C3.87853 18.4073 4.42059 18.7142 4.85319 19.1468C5.28579 19.5794 5.59267 20.1215 5.741 20.715L6 21.75L6.259 20.715C6.40725 20.1216 6.71398 19.5796 7.14639 19.147C7.5788 18.7144 8.12065 18.4075 8.714 18.259L9.75 18L8.714 17.741C8.12065 17.5925 7.5788 17.2856 7.14639 16.853C6.71398 16.4204 6.40725 15.8784 6.259 15.285L6 14.25Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14.25L5.741 15.285C5.59267 15.8785 5.28579 16.4206 4.85319 16.8532C4.42059 17.2858 3.87853 17.5927 3.285 17.741L2.25 18L3.285 18.259C3.87853 18.4073 4.42059 18.7142 4.85319 19.1468C5.28579 19.5794 5.59267 20.1215 5.741 20.715L6 21.75L6.259 20.715C6.40725 20.1216 6.71398 19.5796 7.14639 19.147C7.5788 18.7144 8.12065 18.4075 8.714 18.259L9.75 18L8.714 17.741C8.12065 17.5925 7.5788 17.2856 7.14639 16.853C6.71398 16.4204 6.40725 15.8784 6.259 15.285L6 14.25Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    pointer-events: none !important;
    z-index: 10 !important;
    animation: starAnim 1.8s 0.6s infinite alternate ease-in-out !important;
}

#supermenu ul li.tlli.kampanyalar::after,
#supermenu ul li.tlli:last-child::after {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    top: 50% !important;
    width: 30px !important;
    height: 30px !important;
    background: #ffffff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4L6.303 4.5915C6.24777 4.75718 6.15472 4.90774 6.03123 5.03123C5.90774 5.15472 5.75718 5.24777 5.5915 5.303L5 5.5L5.5915 5.697C5.75718 5.75223 5.90774 5.84528 6.03123 5.96877C6.15472 6.09226 6.24777 6.24282 6.303 6.4085L6.5 7L6.697 6.4085C6.75223 6.24282 6.84528 6.09226 6.96877 5.96877C7.09226 5.84528 7.24282 5.75223 7.4085 5.697L8 5.5L7.4085 5.303C7.24282 5.24777 7.09226 5.15472 6.96877 5.03123C6.84528 4.90774 6.75223 4.75718 6.697 4.5915L6.5 4Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4L6.303 4.5915C6.24777 4.75718 6.15472 4.90774 6.03123 5.03123C5.90774 5.15472 5.75718 5.24777 5.5915 5.303L5 5.5L5.5915 5.697C5.75718 5.75223 5.90774 5.84528 6.03123 5.96877C6.15472 6.09226 6.24777 6.24282 6.303 6.4085L6.5 7L6.697 6.4085C6.75223 6.24282 6.84528 6.09226 6.96877 5.96877C7.09226 5.84528 7.24282 5.75223 7.4085 5.697L8 5.5L7.4085 5.303C7.24282 5.24777 7.09226 5.15472 6.96877 5.03123C6.84528 4.90774 6.75223 4.75718 6.697 4.5915L6.5 4Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
    pointer-events: none !important;
    z-index: 10 !important;
    animation: starAnim 1.8s 1.2s infinite alternate ease-in-out !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a,
#supermenu ul li div.bigdiv.withflyout .withchild ul.child-level li a,
#supermenu ul li div.bigdiv.withflyout .withimage ul.child-level li a,
#supermenu .withchildfo a.theparent,
#supermenu ul li div .withimage .name a,
#supermenu ul li div .withchild > a.theparent,
#supermenu ul li div .withimage > a.theparent {
    text-transform: none !important;
}

/*
 * Supermenu - Bebereyon iki renk düz renk düzenlemesi
 * Orijinal yapıyı bozmadan kullanılacak override dosyası.
 * Bu dosyayı mevcut supermenu CSS dosyasından SONRA çağır.
 * Gradient/renk geçişi yoktur.
 * Ana renk: #45aaa4
 * Vurgu renk: #ff7f69
 */

/* =========================
   ANA RENKLER
========================= */
#supermenu {
    background: #45aaa4 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#supermenu > ul {
    background: transparent !important;
}

/* =========================
   ÜST MENÜ
========================= */
#supermenu ul li a.tll {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

#supermenu ul li.tlli a.tll:hover,
#supermenu ul li.tlli:hover > a.tll,
#supermenu ul li.tlli.act > a.tll {
    color: #ffffff !important;
    background: #ff7f69 !important;
    background-image: none !important;
}

/* Home ikon yapısı bozulmasın, sadece zemin rengi düz olsun */
#supermenu ul li a.tllhome,
#supermenu ul li a.tllhomel {
    background-color: transparent !important;
    background-image: url('home_iconh.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: transparent !important;
}

#supermenu ul li a.tllhomel,
#supermenu ul li.tlli:hover a.tllhomel {
    background-color: #ff7f69 !important;
    background-image: url('home_iconh.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* =========================
   MEGA MENÜ
========================= */
#supermenu ul li div.bigdiv:not(.withflyout) {
    background: #45aaa4 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 18px 40px rgba(69, 170, 164, 0.28) !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add {
    background: #ff7f69 !important;
    background-image: none !important;
    box-shadow: none !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .menu-add:empty::before,
#supermenu ul li div.bigdiv:not(.withflyout) .menu-add:empty::after {
    color: #ffffff !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild > a.theparent,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage > a.theparent {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:before,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:before {
    background: #ffffff !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:hover,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:hover {
    color: #222 !important;
}

#supermenu ul li div.bigdiv:not(.withflyout) .withchild ul.child-level li a:hover:before,
#supermenu ul li div.bigdiv:not(.withflyout) .withimage ul.child-level li a:hover:before {
    background: #ff7f69 !important;
}

/* =========================
   NORMAL AÇILIR / FLYOUT
========================= */
#supermenu > ul > li.tlli > div.bigdiv.withflyout {
    background: #45aaa4 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 18px 40px rgba(69, 170, 164, 0.28) !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo > .flyouttoright {
    background: #45aaa4 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 10px 25px rgba(69, 170, 164, 0.24) !important;
}

#supermenu .withchildfo {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.20) !important;
}

#supermenu .withchildfo:hover {
    background-color: #ff7f69 !important;
}

#supermenu .withchildfo a.theparent {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:before {
    background: #ffffff !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo:hover > a.theparent,
#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:hover {
    color: #ffffff !important;
    background: transparent !important;
}

#supermenu ul li div.bigdiv.withflyout > .withchildfo:hover > a.theparent:before,
#supermenu ul li div.bigdiv.withflyout > .withchildfo > a.theparent:hover:before {
    background: #ffffff !important;
}

#supermenu ul li div.bigdiv.withflyout .withchild ul.child-level li a,
#supermenu ul li div.bigdiv.withflyout .withimage ul.child-level li a {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

#supermenu ul li div.bigdiv.withflyout .withchild ul.child-level li a:hover,
#supermenu ul li div.bigdiv.withflyout .withimage ul.child-level li a:hover {
    color: #ffffff !important;
    background: #ff7f69 !important;
}

#supermenu ul li div.bigdiv.withflyout .withchild a.theparent,
#supermenu ul li div.bigdiv.withflyout .withimage .name a {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

/* =========================
   GÖRSELLİ ÜRÜN / FİYAT ALANLARI
========================= */
#supermenu ul li div .withimage .image img {
    background: #ffffff !important;
}

#supermenu ul li div .withimage .name a {
    color: #ffffff !important;
}

#supermenu ul li div .withimage .dropprice {
    color: #ff7f69 !important;
}

#supermenu ul li div .withimage .dropprice span {
    color: #ffffff !important;
}

/* =========================
   WHITE / ALT1 / ALT2 / IMGMENU VARYANTLARI
========================= */
#supermenu.white,
#supermenu.alt1,
#supermenu.alt2,
#supermenu.imgmenu {
    background: #45aaa4 !important;
    background-image: none !important;
    border-color: #45aaa4 !important;
    box-shadow: none !important;
}

#supermenu.white ul li a.tll,
#supermenu.alt1 ul li a.tll,
#supermenu.alt2 ul li a.tll,
#supermenu.imgmenu ul li a.tll {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    text-shadow: none !important;
}

#supermenu.white ul li.tlli:hover a.tll,
#supermenu.alt1 ul li.tlli:hover a.tll,
#supermenu.alt2 ul li:hover a.tll,
#supermenu.imgmenu ul li.tlli:hover a.tll {
    color: #ffffff !important;
    background: #ff7f69 !important;
    background-image: none !important;
    text-shadow: none !important;
    border-color: #ff7f69 !important;
}

#supermenu.white ul li div.bigdiv,
#supermenu.alt1 ul li div.bigdiv,
#supermenu.alt2 ul li div.bigdiv,
#supermenu.imgmenu ul li div.bigdiv {
    background: #45aaa4 !important;
    background-image: none !important;
    border-color: #45aaa4 !important;
    box-shadow: 0 18px 40px rgba(69, 170, 164, 0.28) !important;
}

#supermenu.alt1 ul li div .withchild a.theparent,
#supermenu.alt1 ul li div .withimage .name a,
#supermenu.alt1 .withchildfo a.theparent,
#supermenu.alt2 ul li div .withchild a.theparent,
#supermenu.alt2 ul li div .withimage .name a,
#supermenu.alt2 .withchildfo a.theparent,
#supermenu.alt2 ul li div .dropbrands span {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}

#supermenu.alt1 ul li div .withchild ul.child-level li a,
#supermenu.alt2 ul li div .withchild ul.child-level li a,
#supermenu.alt2 ul li div,
#supermenu.alt2 ul li div a,
#supermenu.alt2 ul li div .dropbrands ul li a {
    color: #ffffff !important;
}

#supermenu.alt1 ul li div .withchild a.theparent:hover,
#supermenu.alt1 ul li div .withimage .name a:hover,
#supermenu.alt1 .withchildfo a.theparent:hover,
#supermenu.alt1 ul li div .withchild ul.child-level li a:hover,
#supermenu.alt2 ul li div .withchild ul.child-level li a:hover {
    color: #ff7f69 !important;
}

#supermenu.alt1 ul li div.bigdiv .linkoftopitem a,
#supermenu.alt2 ul li div.bigdiv .linkoftopitem a {
    background: #ff7f69 !important;
    background-image: none !important;
    border-color: #ff7f69 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

#supermenu.alt1 ul li div.bigdiv .linkoftopitem a:hover,
#supermenu.alt2 ul li div.bigdiv .linkoftopitem a:hover {
    background: #45aaa4 !important;
    background-image: none !important;
}

/* =========================
   RESPONSIVE / MOBİL
========================= */
#supermenu.respsmall a.mobile-trigger {
    color: #ffffff !important;
    background: #45aaa4 !important;
    background-image: none !important;
    text-shadow: none !important;
}

#supermenu.respsmall > ul.exped {
    background: #45aaa4 !important;
    background-image: none !important;
}

#supermenu.respsmall .superdropper span {
    background: #ff7f69 !important;
    background-image: none !important;
    color: #ffffff !important;
}

#supermenu.respsmall ul li.tlli:hover a.tll {
    background: #ff7f69 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

@media (max-width: 991px) {
    #supermenu.respsmall a.mobile-trigger {
        background: #45aaa4 !important;
        background-image: none !important;
        color: #ffffff !important;
    }

    #supermenu.respsmall > ul.exped {
        background: #45aaa4 !important;
        background-image: none !important;
    }
}

/* =========================
   KAMPANYALAR BUTONU
   Gradient ve shine efekti kaldırıldı.
========================= */
#supermenu ul li.tlli.kampanyalar > a.tll,
#supermenu ul li.tlli:last-child > a.tll {
    background: #ff7f69 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(255, 127, 105, 0.28) !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll:hover,
#supermenu ul li.tlli:last-child > a.tll:hover {
    background: #addbd3 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 6px 24px rgba(69, 170, 164, 0.28) !important;
}

/* Parlama gradienti kapalı */
#supermenu ul li.tlli.kampanyalar > a.tll::before,
#supermenu ul li.tlli:last-child > a.tll::before {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    animation: none !important;
}

#supermenu ul li.tlli.kampanyalar > a.tll::after,
#supermenu ul li.tlli:last-child > a.tll::after,
#supermenu ul li.tlli.kampanyalar::before,
#supermenu ul li.tlli:last-child::before,
#supermenu ul li.tlli.kampanyalar::after,
#supermenu ul li.tlli:last-child::after {
    background: #ffffff !important;
}

/* =========================
   GENEL GARANTİ RENK OVERRIDE
========================= */
#supermenu a:hover,
#supermenu a:focus {
    text-decoration: none !important;
}

#supermenu input[type='text']:focus,
#supermenu input[type='password']:focus {
    border-color: #ff7f69 !important;
    box-shadow: 0 0 0 3px rgba(255, 127, 105, 0.16) !important;
    outline: none !important;
}