@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
    background: #fff;
    font-family: 'Poppins', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}  



.cookie-agreement-module{
    z-index:99999999999;
}
/* Reset */
a {
    color: #001e45;
}

a:hover {
    text-decoration: none;
    color: #001e45;
}

.app{display:none;}

.pulses
{
    gap: 13px;
}
.success-pulse
{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #32cd32;
    box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.5);
    -webkit-animation: pulse 1.5s infinite;
}
.warning-pulse
{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #ffa500;
    box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.5);
    -webkit-animation: pulse 1.5s infinite;
}
.danger-pulse
{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #dc143c;
    box-shadow: 0 0 0 0 rgba(220, 20, 60, 0.5);
    -webkit-animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(224, 34, 113, 0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(224, 34, 113, 0);
  }
}

.shopping-shipping-annon span
{
    border: 1px dashed var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 4px;
    font-size: 16px;
}

/* Payments */
.payment-final-buttons-1
{
    position: relative;
    border: none;
    border-radius: 4px;
}
.payment-final-buttons-1 .btn-complete
{
    background: var(--first);
    border-color: var(--first);
}
.payment-steps-1
{
    background: white;
    border-radius: 4px;
    padding: 10px;
}
.payment-steps-1 .step.active .circle
{
    background: var(--second);
}
.payment-steps-1 .step.active
{
    color: var(--second);
}


/* Overlay */
.overlay {
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    justify-content: center;
    align-items: center;
}

.overlay .spin {
    color: #1c7ad2;
    width: 3rem;
    height: 3rem;
    font-size: 20px;
}


/* Opacity */
.op-black {
    background: rgba(0,0,0,.5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.op-black.hide {
    visibility: hidden;
    opacity: 0;
}

.op-black.show {
    visibility: visible;
    opacity: 1;
}

/* Header (Desktop) */
header.desktop  {
    background: #fff;
}

header.desktop .h-contact {
    background: #f5f5f5;
}

header.desktop .h-contact .info {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

header.desktop .h-contact .info .item {
    font-size: 13px;
    color: #666;
    margin-right: 20px;
    font-weight: 500;
}

header.desktop .h-contact .info .item.wp {
    color: #0e9e26;
    font-weight: bold;
}

header.desktop .h-contact .info .item i {
    margin-right: 3px;
    font-size: 16px;
}

header.desktop .h-contact .info .item.wp i {
    font-weight: normal;
    font-size: 20px;
}

header.desktop .h-contact .social-media {
    height: 40px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

header.desktop .h-contact .social-media a {
    margin-left: 10px;
    font-size: 17px;
    color: #555;
}

header.desktop .header-area {
    height: 120px;
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

header.desktop .header-area.last {
    align-items: flex-end;
}

header.desktop .logo {
    align-items: flex-start;
    -webkit-align-items: flex-start; 
}

header.desktop .logo a img {
    max-height: 90px;
    max-width: 90% !important;
}

header.desktop .search {
    width: 100%;
    border-radius: 32px;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    background: #f3f8fb;
}

header.desktop .search form {
    width: 100%;
}

header.desktop .search form .input-box {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
}

header.desktop .search form input {
    float: left;
    color: #666;
    font-weight: 500;
    width: 100%;
    font-size: 14px;
    border-color: transparent !important;
    border-width: 0 !important;
    background: transparent !important;
    height: 45px;
    border-right: 0;
    border-radius: 0;
    border-width: 2px;
    box-shadow: none;
    padding-left: 20px;
}

header.desktop .search form input::placeholder {
    color: #666;
}

header.desktop .search form .btn-send {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 0;
    background: #919191;
    border-width: 0;
    color: #fff;
}

header.desktop .easy-autocomplete-container ul {
    margin-top: 47px;
}
 
header.desktop .header-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
}

header.desktop .header-bar .bar-user {
    display: flex;
    justify-content: center;
    align-items: center;
}

header.desktop .header-bar .bar-user i {
    color: #444;
    font-size: 20px;
}

header.desktop .header-bar .bar-user .link {
    display: flex;
    flex-direction: column;
}

header.desktop .header-bar .bar-user .link a {
    color: #444;
    margin-left: 6px;
    font-weight: 500;
    font-size: 14px;
}

header.desktop .header-bar .bar-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    color: #444;
}

header.desktop .header-bar .bar-cart .icon {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header.desktop .header-bar .bar-cart .icon i {
    font-size: 25px;
}

header.desktop .header-bar .bar-cart .icon .count {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #db2534;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
}

header.desktop .header-bar .bar-cart .name {
    color: #444;
    margin-left: 6px;
    font-weight: 500;
    font-size: 14px;
}

header.desktop .menu {
    height: auto;
    border-bottom: 1px solid #eaeaea;
}

header.desktop .mega-menu {
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.desktop .mega-menu .navbar-nav {
    flex-direction: row;
    height: auto;
}

header.desktop .mega-menu .nav-item {
    /*flex: 1;*/
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

header.desktop .mega-menu .nav-link {
    padding: 0;
    display: flex;
    height: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #222;
    line-height: normal;
    font-weight: 500;
    font-size: 14px;
    padding: 0 15px;
    white-space: unset !important;
    position: relative;
    transition:all .4s;
}

header.desktop .mega-menu .nav-link::after {
    display: none;
}

/*header.desktop .mega-menu .dropdown:hover .nav-link,*/
/*header.desktop .mega-menu .nav-link:hover {*/
/*    background: #ff5722;*/
/*    color: #fff;*/
/*    transition:all .4s;*/
/*}*/

header.desktop .mega-menu .dropdown:hover .nav-link::after,
header.desktop .mega-menu .nav-link:hover::after,
header.desktop .mega-menu .dropdown:hover .nav-link::before,
header.desktop .mega-menu .nav-link:hover::before {
    display: none;
}

header.desktop .mega-menu .nav-item:last-child .nav-link {
    border-right: 0;
}
  
header.desktop .mega-menu .dropdown {
    position: static;
}

header.desktop .mega-menu .dropdown-menu {
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    width: 350px;
    left: auto;
    right: auto;
    top: 54px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    border-top: 0 !important;
}
    
header.desktop .mega-menu .dropdown:hover .dropdown-menu, 
header.desktop .mega-menu .dropdown .dropdown-menu:hover {
    display:block!important;
 }

/* Mega Menu Container */
.mega-menu-container {
    padding: 0px 20px;
}

.mega-menu-container .sub-cat.fix-height {
}

.mega-menu-container .sub-title {
    color: var(--text) !important;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
    /*background: #f3f3f3;*/
    padding: 4px 0;
    /*text-align: center;*/
    
}

.mega-menu-container .cat-img{
    height: 400px;
    width: 400px;
}

.mega-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.mega-menu-container ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    /*display: inline-block;*/
}

.mega-menu-container ul li a {
    font-size: 14px;
    color: #555;
    font-weight: 400;
}

.mega-menu-container ul li a:hover {
    color: #fd6120;
    transition:all .4s;
}

.mega-menu-container ul li span {
    margin-right: 5px;
}

/* Menu Left */

.btn-categories i {
    margin-right: 10px;
}

header.desktop .navbar-nav .dropdown-category .line {
    margin-left: 5px;
    position: absolute;
    right: 5px;
}

header.desktop .navbar-nav .dropdown-category:hover .line {
    display: none;
}

.dropdown-category {
    position: relative;
    height: 56px;
    width: auto;
}

header.desktop .dropdown-category .nav-link{
    padding: 0;
}

.dropdown-category .menu-left {
    display: none;
    z-index: 5;
    position: absolute;
    background: #fff;
    border-top: 0;
    height: auto;
}

.dropdown-category:hover .menu-left {
    display: block;
}

.menu-left ul.f-ul {
    padding: 10px 0;
    list-style: none;
    display: block;
    margin: 0;
    width: 240px;
}

.menu-left ul.f-ul li.f-li {
    list-style: none;
}


.menu-left ul.f-ul li.f-li:hover a.f-item,
.menu-left ul.f-ul li.f-li:hover a.f-item i{
    color: var(--first) !important;
}

.menu-left ul.f-ul li.f-li:hover .dropdown-menu2 {
    border: 0;
    display: block !important;
    left: 100%;
    top: -2px;
    width: 960px !important;
    height: 500px;
    max-height: 500px;
}

.menu-left ul.f-ul li.f-li a.f-item {
    display: block;
    color: rgb(85, 85, 85)!important;
    font-size: 14px;
    padding: 5px 15px;
    text-align: left;
    font-weight: 500;
}

.menu-left ul.f-ul li.f-li:hover a.f-item {
    color: #000;
}

.menu-left ul.f-ul li.f-li:last-child a.f-item {
    border-bottom: 0;
}

.menu-left ul.f-ul li.f-li a.f-item .name {
    width: 80%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.menu-left ul.f-ul li.f-li a.f-item .icon {
    padding-top: 3px;
    color: #333;
    width: 15px;
    height: 15px;
    text-align: right;
    border-radius: 2px;
    font-size: 10px;
}

.menu-left ul.f-ul li.f-li a.f-item:hover .icon {
    color: #1c3774;
}

/* Deep Menu */
.dropdown-menu2 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 100%;
    box-sizing: border-box;
    width: 675px;
    z-index: 99;
    height: 350px;
    max-height: 370px;
    display: none;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);
}

.menu-deep-box-2 .cat-groups {
    float: left;
    width: 23%;
    margin: 0 1% 2% 1%;
}

.menu-deep-box-2 .cat-groups .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding: 7px 0;
    text-align: left;
}

.menu-deep-box-2 .cat-groups .title span {
    display: block
}

.menu-deep-box-2 .cat-groups .title img {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

.menu-deep-box-2 .cat-groups .title:hover {
    color: #3b414c;
}

.menu-deep-box-2 .cat-groups .childs a {
    display: block;
    text-align: left;
    color: #333;
    transition:all .4s;
}

.menu-deep-box-2 .cat-groups .childs a:hover{
    color: #ff7f00;
    transition:all .4s;
}

.menu-deep-box-2 .all-title {
    display: block;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    font-size: 15px;
    color: #3b414c;
    font-weight: 600;
}


.menu-deep-box-2 .sub-titles {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    color: #333;
}

.menu-deep-box-2 .sub-titles:hover {
    color: #3b414c;
}
/* Mobile Header */
.mobile-header-space {
    height: 60px;
    display: none; 
}

header.mobile {
    display: none;
    position: relative;
    z-index: 10;
    border: none!important;
}

header.mobile .left {
    width: 30%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

header.mobile .center {
    width: 40%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header.mobile .right {
    width: 30%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

header.mobile .logo img {
    max-width: 150px;
    max-height: 60px;
}

header.mobile .icon-group {
    position: relative;
}

header.mobile .icon-group {
    position: relative;
    color: var(--text);
    font-size: 21px;
}

header.mobile .icon-group .badge {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 18px;
    max-width: 25px;
    padding: 0;
    text-align: center;
    height: 18px;
    background: #d21c1c;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header.mobile .mobile-search {
    padding: 0;
    background: #f3f3f3;
}

header.mobile .mobile-search form {
    width: 100%;
}

header.mobile .mobile-search form .input-box {
    width: 80%;
}

header.mobile .mobile-search form input {
    float: left;
    color: #444;
    width: 100%;
    font-size: 15px;
    border-color: transparent;
    background: transparent !important;
    height: 65px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    outline: 0 !important
}

header.mobile .mobile-search form input::placeholder {
    color: #444;
}

header.mobile .mobile-search form input:focus,
header.mobile .mobile-search form input:hover {
    border-color: transparent !important;
}

header.mobile .mobile-search form .btn-send {
    float: right;
    width: 20%;
    height: 65px;
    border: 0;
    background: transparent !important;
    color: #333;
    font-size: 19px;
}

/* Sidebar User */
.sidebar-user {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 21;
    right: 0;
    margin-right: -250px;
}

.sidebar-user.active {
    margin-right: 0;
}

.sidebar-user .title {
    padding: 10px;
    background: var(--first);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-user .title .btn-close {
    color: #fff;
}

.sidebar-user .login-menu a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.sidebar-user .login-menu a i {
    width: 30px;
    margin-left: 10px;
    text-align: left;
}

.sidebar-user .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sidebar-user .title-alt {
    padding: 10px;
    background: var(--first);
    font-size: 14px;
    font-weight: 500;
    color: white;
}

.sidebar-user .footer-links ul {
    margin: 0;
    padding: 0;
}

.sidebar-user .footer-links ul li {
    padding: 0;
    list-style: none;
}

.sidebar-user .footer-links ul li a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-user .footer-links ul li a.wp i {
    color: #21bd5c;
}

.sidebar-user .footer-links ul li a i {
    text-align: center;
    width: 40px;
    font-size: 16px;
}

/* Sidebar Menu */
.sidebar-menu {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all .3s;
    z-index: 9999;
    left: 0;
    margin-left: -250px;
}

.sidebar-menu.active {
    margin-left: 0;
}

.sidebar-menu .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sidebar-menu .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.sidebar-menu .title .btn-close {
    color: #fff;
}

.sidebar-menu .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, .15);
    font-size: 14px;
    font-weight: 500;
}

.sidebar-menu .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}

.sidebar-menu .links a i {
    float: right;
}

.sidebar-menu .categories {
    /*display: none;*/
}

.sidebar-menu .categories ul {
    margin: 0;
    padding: 0;
}

.sidebar-menu .categories ul li {
    padding: 0;
    list-style: none;
}

.sidebar-menu .categories ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.sidebar-menu .categories ul li a .name {
    width: 80%;
}

.sidebar-menu .categories ul li a .icon {
    color: #777;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
}

.sidebar-menu .categories ul .multi {
    display: none;
}

.sidebar-menu .categories ul .multi a {
    padding-left: 20px;
}

.sidebar-menu .categories ul .multi .multi a {
    padding-left: 40px;
}

.sidebar-menu .categories ul .multi .multi .multi a {
    padding-left: 60px;
}

/* Stores */
.stores {
    margin: 1.5rem 0;
}

.stores .cards {
    display: -webkit-flex;
    -webkit-align-items: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: white;
    padding: 1rem;
    border-radius: 4px;
}

.stores .card {
    border: none;
    box-shadow: none;
    margin: 0 !important;
}

.stores .card:first-child {
    border-left: 0;
}

.stores .card .card-body {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
}

.stores .card .card-body img {
    max-height: 80%;
    max-width: 60%!important;
    margin: 0 auto;
}

.stores .card .card-header {
    display: none;
}

.stores .text-white {
    font-weight: bold;
    font-size: 12px !important;
}

/* Footer */
footer {
    background: #fff;
}

footer .bb {
}

footer .logo-area {
    text-align: left;
    margin: 15px 0;
}

footer .logo-area .logo img {
    max-height: 100px;
    max-width: 230px;
}

footer .logo-description {
    margin-top: 15px;
}

footer .info {
    padding: 25px 0;
}

footer .title {
    font-size: 16px;
    font-weight: bold;
    color: var(--text);
    text-align: center;
    margin-bottom: 15px;
}

footer .title-2 {
    color: #222;
    font-size: 13px;
    
}

footer .title-3 {
    color: #222;
    font-size: 17px;
    
}

footer .secure .description {
    color: #222;
    margin: 5px 0;
}

footer .secure img {
    opacity: .5;
}

footer .info ul {
    padding: 0;
    margin: 0;
}

footer .info ul li {
    list-style: none;
    padding: 3px 0;
    color: #222;
    font-size: 13px;
}

footer .info ul li a {
    display: block;
    color: #222;
    font-size: 13px;
    position: relative;
}

footer .info ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

footer .info ul li a:hover {
    color: #222;
}

footer .bar {
    background: var(--footer);
    padding: 1rem 0;
}

footer .bar a {
    color: #222;
    text-align: center;
}

footer .bar a:hover {
    color: #222;
}

footer .bar p {
    margin: 0;
    color: #222;
}

footer .bar .right-image {
    text-align: right !important;
}
    
footer .social-media {
    display: -webkit-flex;
    -webkit-align-items: flex-start; 
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

footer .social-media a {
    margin-right: 10px;
    font-size: 22px;
    color: #333;
}

footer .social-media a:hover {
    color: #000;
}

/* Responsive */
@media (max-width: 991px) {
    .mobile-header-space { 
        display: block;
    }

    header.desktop {
        display: none;
    }

    header.mobile {
        display: block;
    }
    
    .stores .cards {
        display: block;
        text-align: center;
    }

    .stores .card {
        display: inline-block;
        border-right: none;
        margin: 0;
        max-width: 45%;
        height: 50px;
        border: 0
    }

    footer .bar p {
        text-align: center !important;
    }
    
    footer .bar .right-image {
        margin: 10px 0;
        text-align: center !important;
    }

    footer .logo-area {
        display: none;
    }
    
    footer .bb {
        border-top: 0;
        border-bottom: 0;
    }

    footer .info {
        padding-top: 0;
    }

    footer .info .title {
        text-align: left !important;
        color: #222;
        padding: 8px 16px;
        position: relative;
        background-color: #ebebeb;
        border-radius: 4px;
        font-weight: 500;
    }

    footer .info .title::after {
        content: "+";
        right: 10px;
        top: 3px;
        bottom: 0;
        position: absolute;
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer .info .fs {
        display: none;
        text-align: left !important;
        padding: 8px 16px;
        background-color: #ebebeb;
        border-radius: 4px;
        margin-bottom: 15px;
        color: #222 !important;
    }

    footer .info ul {
        margin: 0;
    }

    footer .info ul li {
        color: #222 !important;
    }

    footer .info ul li a {
        color: #222;
    }

    footer .info ul li a:before {
        display: none;
    }

    footer .social-media {
        justify-content: center;
        margin: 10px 0;
    }

    footer .secure {
        text-align: center !important; 
        margin: 10px 0;
    }
    
    
    
    
    
    

}


/* --- MODERN HEADER CSS (Sitenle Tam Uyumlu) --- */
:root {
    --header-bg: #ffffff; 
    --header-height: 85px;
    --shadow-soft: 0 4px 20px rgba(0,0,0,0.04);
}

.main-header {
    font-family: 'Poppins', sans-serif !important; 
    background-color: var(--header-bg);
    position: sticky;
    top: 0;
    z-index: 1050;
    height: var(--header-height);
    box-shadow: var(--shadow-soft);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}

.container {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}

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

/* Logo */
.brand-logo img {
    max-height: 55px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s;
}
.brand-logo:hover img { transform: scale(1.05); }

/* Menü Linkleri */
.nav-links { display: flex; gap: 30px; }

.nav-item {
    text-decoration: none;
    color: var(--text, #333);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 0;
    position: relative;
    transition: color 0.3s ease;
}

.nav-item:hover { color: var(--first, #000); }

.nav-item::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--first, #000);
    transition: width 0.3s ease;
}
.nav-item:hover::after { width: 100%; }

.text-red { color: #e74c3c !important; font-weight: 600; }

/* Dropdown */
.dropdown-group { position: relative; display: flex; align-items: center; }
.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: -20px;
    background: white;
    min-width: 240px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 15px 0;
    flex-direction: column;
    border-top: 3px solid var(--first, #000);
    margin-top: 20px;
}
.dropdown-group::after { content: ''; position: absolute; height: 25px; width: 100%; top: 100%; left: 0; }
.dropdown-group:hover .dropdown-content { display: flex; animation: slideUp 0.3s ease; }

.dropdown-content a {
    padding: 12px 25px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    border-bottom: 1px solid #f9f9f9;
    transition: all 0.2s;
}
.dropdown-content a:hover {
    background-color: #f8f8f8;
    color: var(--first, #000);
    padding-left: 30px;
}

/* İkonlar ve Arama */
.nav-actions { display: flex; align-items: center; gap: 18px; }

.search-box {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    border-radius: 50px;
    padding: 6px 15px;
    border: 1px solid transparent;
    transition: all 0.3s;
}
.search-box:focus-within {
    background: #fff;
    border-color: var(--first, #000);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}
.search-input {
    border: none;
    background: transparent;
    outline: none;
    padding: 0 10px;
    font-size: 13px;
    width: 180px;
    color: #333;
    font-family: 'Poppins', sans-serif;
}

.icon-btn {
    background: none;
    border: none;
    font-size: 22px;
    color: var(--text, #333);
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s, color 0.2s;
}
.icon-btn:hover { color: var(--first, #000); transform: translateY(-2px); }

.cart-btn .badge {
    position: absolute;
    top: -6px; right: -8px;
    background-color: var(--second, #ff9f43);
    color: white; font-size: 11px;
    min-width: 18px; height: 18px;
    border-radius: 50%;
    display: flex; justify-content: center; align-items: center;
    font-weight: 700; border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.mobile-only { display: none; }
@media (max-width: 992px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important; }
    .search-box { display: none; } 
    .main-header { height: 70px; padding: 0 10px; }
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}



**********************************************



/* --- MODERN & PREMIUM ÜRÜN KARTI (Revize Edilmiş) --- */

/* 1. Kart Genel Yapısı */
.card-product {
    border: none !important;
    background: transparent;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.card-product-inner {
    position: relative;
    overflow: hidden;
    border-radius: 6px; /* Hafif oval köşe */
}

/* 2. Görsel Alanı */
.card-product .image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.card-product .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.6s ease; /* Daha yumuşak zoom */
}

/* Hover'da Resim Yaklaşsın */
.card-product:hover .image img {
    transform: scale(1.08);
}

/* 3. İNDİRİM ETİKETİ (O koca şeridi kaldırıp bunu yaptık) */
.card-product .discount {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #d63031 !important; /* Lüks Kırmızı */
    color: white !important;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 2px;
    width: 80px; /* Genişliği içeriğe göre ayarla */
    height: auto !important;
    line-height: normal;
    z-index: 5;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* 4. SEPETE EKLE BUTONU (Premium Siyah Tasarım) */
.card-product .buttons {
    position: absolute;
    bottom: 15px; /* Alttan biraz boşluk */
    left: 15px;
    right: 15px; /* Yanlardan boşluk bırakarak "yüzen" buton hissi */
    z-index: 10;
    opacity: 0; /* Başlangıçta gizli */
    transform: translateY(20px); /* Aşağıda bekliyor */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* Yaylı animasyon */
}

/* Mouse gelince buton yukarı çıksın */
.card-product:hover .buttons {
    opacity: 1;
    transform: translateY(0);
}

.card-product .btn-cart {
    background-color: #000000 !important; /* TAM SİYAH */
    color: #ffffff !important; /* BEYAZ YAZI */
    border: none !important; /* Çerçeveyi kaldırdık */
    border-radius: 4px; /* Hafif oval */
    font-size: 13px;
    font-weight: 500;
    padding: 12px 0;
    text-transform: uppercase;
    letter-spacing: 1px; /* Harf aralığı lüks gösterir */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Derinlik gölgesi */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* İkon ile yazı arası boşluk */
}

.card-product .btn-cart i {
    font-size: 16px; /* İkon boyutu */
}

/* Buton Hover Efekti */
.card-product .btn-cart:hover {
    background-color: #333 !important; /* Hoverda koyu gri */
    transform: scale(1.02); /* Çok hafif büyüme */
}

/* 5. Ürün Bilgileri (Alt Kısım) */
.card-product-detail {
    padding-top: 15px;
    text-align: left;
}

.category-name {
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.card-product .title {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1.4;
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-product .title:hover {
    color: #000;
    text-decoration: underline;
}

/* Fiyatlar */
.price-group .prices {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sale-price {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.list-price {
    font-size: 13px;
    color: #b2b2b2;
    text-decoration: line-through;
    font-weight: 400;
}

/* Yıldızları gizle (Daha temiz görünüm için opsiyonel) */
.product-reviews { display: none; } 

/* MOBİL AYARI: Mobilde buton hep görünsün mü? */
@media (max-width: 768px) {
    .card-product .buttons {
        opacity: 1; /* Mobilde hep açık */
        transform: translateY(0);
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
    .card-product .btn-cart {
        padding: 10px 0;
        font-size: 12px;
    }
}



/* --- MODERN LUXURY FOOTER CSS (SİYAH KONSEPT) --- */

/* 1. Genel Footer Ayarları */
.main-footer {
    font-family: 'Poppins', sans-serif;
    border-top: 1px solid #eaeaea;
     margin-top: 0 !important; /* Üstteki boşluğu sıfırlar */
    border-top: none !important; /* Varsa aradaki ince çizgiyi kaldırır */
    padding-top: 40px; /* İçerik çok yapışmasın diye biraz iç boşluk */
}


/* 2. Güvenlik Şeridi (İkonlar) */
.footer-features .feature-item {
    transition: transform 0.3s ease;
}

/* Mouse ile üzerine gelince ikon hafif yukarı zıplasın */
.footer-features .feature-item:hover {
    transform: translateY(-5px);
}

.footer-features .feature-item i {
    transition: color 0.3s;
}

.footer-features .feature-item:hover i {
    color: var(--first, #d4a373); /* Marka rengine dönsün */
}

/* 3. Menü Linkleri */
.footer-menu ul li a {
    position: relative;
    transition: all 0.3s ease;
    display: inline-block;
}

/* Linkin üzerine gelince sağa kaysın ve beyaz olsun */
.footer-menu ul li a:hover {
    color: #fff !important;
    transform: translateX(5px);
}

/* 4. Sosyal Medya İkonları */
.social-links a {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social-links a:hover {
    background-color: #fff !important; /* Arka plan beyaz olsun */
    border-color: #fff !important;
    transform: scale(1.1); /* Hafif büyüsün */
}

.social-links a:hover i {
    color: #000 !important; /* İkon siyah olsun */
}

/* 5. Mobil Düzenlemeler */
@media (max-width: 768px) {
    .main-footer {
        padding-bottom: 80px; /* Mobilde alt menü (Sticky bar) için boşluk */
    }
    
    .footer-features .feature-item {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        padding: 10px;
        background: #1a1a1a;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    
    .footer-brand {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .footer-brand .contact-info, 
    .footer-brand .social-links {
        justify-content: center;
    }
    
    .footer-menu {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .footer-title::after {
        left: 50% !important;
        transform: translateX(-50%); /* Çizgiyi ortala */
    }
    
    .app-downloads .badges {
        justify-content: center;
    }
}




/* --- MODERN VİTRİN KARTI CSS --- */

/* Kart Genel */
.card-product {
    border: none !important;
    background: transparent;
    margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
}

.card-product-inner {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

/* Görsel */
.image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Resim köşeleri yumuşak */
    background-color: #f4f4f4; /* Resim yüklenirken gri fon */
}

.image-wrapper img {
    width: 100%;
    transition: transform 0.6s ease;
    display: block;
}

.card-product:hover .image-wrapper img {
    transform: scale(1.08); /* Hoverda hafif zoom */
}

/* --- ROZETLER (Etiketler) --- */
.badge-luxury {
    position: absolute;
    z-index: 5;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

/* İndirim (Sol Üst - Kırmızı) */
.discount {
    top: 10px;
    left: 10px;
    background-color: #d63031;
    color: #fff;
}

/* Kargo Bedava (Sağ Üst - Siyah/Şeffaf) */
.free-cargo-badge {
    top: 10px;
    right: 10px;
    background-color: rgba(0,0,0,0.7); /* Yarı saydam siyah */
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
}

/* --- BUTONLAR --- */
.card-product .buttons {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 10;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.card-product:hover .buttons {
    opacity: 1;
    transform: translateY(0);
}

.btn-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #000;
    color: #fff !important;
    width: 100%;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.btn-cart:hover {
    background: #222;
}

.btn-cart.disabled {
    background: #999;
    cursor: not-allowed;
}

/* --- DETAYLAR --- */
.card-product-detail {
    padding-top: 15px;
    text-align: left;
}

.category-name {
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.card-product .title {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    height: 42px; /* 2 satır yüksekliği */
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 5px;
    transition: color 0.2s;
}

.card-product .title:hover {
    color: #000;
    text-decoration: underline;
}

/* Fiyatlar */
.prices {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sale-price {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.list-price {
    font-size: 13px;
    color: #aaa;
    text-decoration: line-through;
}

/* Mobil Ayarı: Buton mobilde hep açık olsun */
@media (max-width: 768px) {
    .card-product .buttons {
        opacity: 1;
        transform: translateY(0);
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        margin-top: 10px;
    }
}



/* --- MODERN ÜRÜN DETAY SAYFASI CSS --- */

/* Genel Yapı */
.product-profile-modern {
    padding: 20px 0;
    font-family: 'Poppins', sans-serif;
}

/* Sol Taraf: Galeri */
.product-gallery {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.product-badges-overlay {
    position: absolute;
    top: 15px; left: 15px; z-index: 10;
    display: flex; flex-direction: column; gap: 5px;
}

.badge-discount {
    background: #d63031; color: #fff; padding: 5px 10px;
    font-weight: 700; font-size: 12px; border-radius: 4px;
}

.badge-free-cargo {
    background: #000; color: #fff; padding: 5px 10px;
    font-weight: 600; font-size: 11px; border-radius: 4px;
}

.carousel-indicators-modern {
    display: flex; gap: 10px; list-style: none; padding: 0; margin-top: 15px;
    justify-content: center; overflow-x: auto;
}

.carousel-indicators-modern li {
    width: 60px; height: 80px; border: 1px solid #eee; cursor: pointer;
    opacity: 0.6; transition: all 0.3s;
}

.carousel-indicators-modern li.active {
    opacity: 1; border: 1px solid #000;
}

.carousel-indicators-modern img {
    width: 100%; height: 100%; object-fit: cover;
}

/* Sağ Taraf: Bilgi Kutusu */
.product-info-box {
    padding-left: 20px;
}

/* Başlık Grubu */
.brand-link {
    font-size: 13px; text-transform: uppercase; color: #999;
    font-weight: 600; letter-spacing: 1px;
}

.product-title {
    font-size: 26px; font-weight: 600; color: #111;
    margin: 5px 0 10px 0; line-height: 1.3;
}

.meta-info {
    font-size: 12px; color: #888; display: flex; align-items: center; gap: 15px;
}

/* Fiyat */
.price-area {
    margin-top: 15px; display: flex; align-items: flex-end; gap: 10px;
}

.current-price {
    font-size: 28px; font-weight: 700; color: #000;
}

.old-price {
    font-size: 18px; color: #aaa; text-decoration: line-through; margin-bottom: 5px;
}

.divider { border-top: 1px solid #eee; margin: 20px 0; }

/* Varyantlar (Kutucuklu Yapı) */
.variant-group { margin-bottom: 15px; }
.variant-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; color: #333; }
.options { display: flex; flex-wrap: wrap; gap: 8px; }

.variant-option {
    border: 1px solid #e1e1e1; padding: 8px 15px; min-width: 40px; text-align: center;
    color: #333; font-size: 13px; cursor: pointer; border-radius: 4px;
    transition: all 0.2s; text-decoration: none !important;
}

.variant-option:hover { border-color: #000; }

/* T-Soft'un "active" class'ını kontrol et, eğer yoksa JS ile eklenir */
.variant-option.active, .variant-option[style*="border-color"] { 
    background: #000; color: #fff; border-color: #000;
}

.variant-option.sold-out {
    opacity: 0.5; text-decoration: line-through !important; background: #f9f9f9; pointer-events: none;
}

/* Adet Seçimi */
.product-quantity-modern {
    display: flex; align-items: center; border: 1px solid #ddd;
    border-radius: 4px; width: fit-content; height: 45px;
}

.product-quantity-modern button {
    border: none; background: none; width: 35px; height: 100%;
    font-size: 18px; cursor: pointer; color: #333;
}

.product-quantity-modern input {
    border: none; text-align: center; width: 40px; font-weight: 600;
}

/* Butonlar */
.btn-add-cart {
    background: #000; color: #fff; font-size: 16px; font-weight: 600;
    padding: 15px; border-radius: 4px; border: none; letter-spacing: 0.5px;
    transition: transform 0.2s;
}

.btn-add-cart:hover {
    background: #222; transform: translateY(-2px); color: #fff;
}

.btn-buy-now {
    background: #fff; color: #000; border: 1px solid #000;
    font-weight: 600; padding: 12px; font-size: 14px;
}

.btn-whatsapp {
    background: #25D366; color: #fff; border: none;
    font-weight: 600; padding: 12px; font-size: 14px;
}
.btn-whatsapp:hover { color: #fff; background: #20bd5a; }

.btn-out-of-stock {
    background: #eee; color: #999; border: none; padding: 15px; font-weight: 600;
}

/* Alt Özellikler */
.feature-row {
    display: flex; align-items: center; gap: 15px; margin-bottom: 15px;
    padding: 10px; background: #fcfcfc; border-radius: 6px;
}

.feature-row i { font-size: 24px; color: #333; }
.feature-row strong { display: block; font-size: 13px; color: #000; }
.feature-row span { font-size: 12px; color: #666; }

/* Mobil Ayarlar */
@media (max-width: 991px) {
    .product-info-box { padding-left: 0; margin-top: 20px; }
    .product-title { font-size: 22px; }
    .current-price { font-size: 24px; }
}




/* --- MOBİL YAPIŞKAN SEPET BUTONU (STICKY ADD TO CART) --- */

@media (max-width: 768px) {
    
    /* 1. Aksiyon Alanını Sabitle */
    .product-profile-modern .action-area {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #ffffff;
        padding: 10px 15px;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.15); /* Gölgelendirme */
        margin-top: 0 !important;
        
        /* İçeriği Yan Yana Diz */
        display: flex;
        align-items: center;
        gap: 10px;
        animation: slideUp 0.3s ease-out; /* Aşağıdan kayarak gelme efekti */
    }

    /* 2. Adet Kutusunu Düzenle */
    .product-profile-modern .action-area .d-flex {
        margin-bottom: 0 !important;
        width: auto;
    }
    
    .product-quantity-modern {
        height: 45px; /* Mobilde buton yüksekliğiyle eşitle */
        margin-right: 0 !important;
    }

    /* 3. Stok Durumunu Gizle (Yerde kazanmak için) */
    .stock-status {
        display: none !important;
    }

    /* 4. Sepete Ekle Butonunu Genişlet */
    .btn-add-cart {
        margin-bottom: 0 !important;
        height: 45px;
        flex: 1; /* Kalan tüm boşluğu kapla */
        font-size: 14px; /* Mobilde fontu biraz küçült */
    }

    /* 5. "Hemen Al" ve "Whatsapp" Butonlarını Gizle */
    /* Eğer bunların da görünmesini istersen bu bloğu silebilirsin */
    .action-area .row {
        display: none !important;
    }

    /* 6. Sayfanın en altına boşluk bırak (Buton içeriği kapatmasın) */
    body {
        padding-bottom: 80px !important;
    }
    
/* ================================================== */
/* --- 💎 GERİ DÖNÜŞ: SAĞLAM MOBİL & KIBAR MASAÜSTÜ --- */
/* ================================================== */

/* --- 1. MASAÜSTÜ (DEFAULT) AYARLARI --- */

/* Mobildeki özel başlık ve fiyatı bilgisayarda GİZLE */
.mobile-sticky-price, .mobile-sticky-title { display: none !important; }

/* Aksiyon Alanı (Bilgisayarda Normal Dursun) */
.product-profile-modern .action-area {
    position: relative;
    background: #fff;
    padding: 0;
    margin-top: 20px;
    border: none;
    box-shadow: none;
}

/* --- MASAÜSTÜ BUTON AYARI (KIBAR OLSUN) --- */
.btn-add-cart {
    background: #000; 
    color: #fff; 
    font-size: 16px; 
    font-weight: 600;
    padding: 15px 40px; 
    border-radius: 4px; 
    border: none; 
    
    /* Masaüstünde buton sadece gerektiği kadar geniş olsun */
    width: auto; 
    min-width: 200px;
    
    text-transform: uppercase; 
    letter-spacing: 1px;
    transition: transform 0.2s;
    display: inline-block;
}
.btn-add-cart:hover { background: #222; transform: translateY(-2px); }


/* --- 2. MOBİL ÖZEL AYARLARI (768px Altı) --- */
@media (max-width: 768px) {
    
    /* A) Görsel Düzeni (Tam Ekran) */
    .product-profile-modern { padding-top: 0 !important; }
    
    /* Görsel Alanı */
    .product-profile-modern .col-lg-5 {
        padding-left: 0 !important; padding-right: 0 !important;
        max-width: 100% !important; flex: 0 0 100% !important;
    }
    
    .product-gallery { border-radius: 0 !important; }
    .product-info-box { padding: 0 15px; margin-top: 20px; }
    .product-title { font-size: 20px; margin-top: 10px; }

    /* B) YAPIŞKAN BAR AYARLARI */
    body { padding-bottom: 110px !important; } /* Sayfa altına boşluk */

    /* Aksiyon Alanını Aşağı Çivile */
    .product-profile-modern .action-area {
        position: fixed !important;
        bottom: 0; left: 0; width: 100%;
        background: #ffffff;
        z-index: 99999;
        padding: 10px 15px 15px 15px;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
        border-top: 1px solid #eee;
        display: block !important; /* Blok yaptık ki alt alta dizebilelim */
        margin: 0 !important;
    }

    /* 1. Ürün Başlığı (Mobilde Üstte) */
    .mobile-sticky-title {
        display: block !important;
        font-size: 12px; font-weight: 600; color: #333;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        margin-bottom: 10px; padding-bottom: 8px;
        border-bottom: 1px solid #f9f9f9;
        width: 100%; text-align: left;
    }

    /* 2. Alt Satır (Fiyat ve Buton) */
    .mobile-action-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        width: 100%;
    }

    /* Mobilde Butonu Tekrar Genişlet (Masaüstü ayarını ezmek için !important şart) */
    .action-area .btn-add-cart {
        flex: 1; margin: 0 !important;
        width: 100% !important; 
        height: 45px; font-size: 14px;
    }

    /* Sol Fiyat Alanı */
    .mobile-sticky-price {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        min-width: 80px;
       
    }
    .mobile-sticky-price .old { font-size: 11px; color: #999; text-decoration: line-through; line-height: 1.1; }
    .mobile-sticky-price .current { font-size: 18px; font-weight: 700; color: #000; line-height: 1.1; }
    .mobile-sticky-price .label { font-size: 10px; color: #888; text-transform: uppercase; font-weight: 600; }

    /* Gizlenecekler */
    .stock-status-text, .action-area .row, .product-quantity-modern { display: none !important; }
    .variant-option { padding: 12px 15px; } 
}


/* ================================================== */
/* --- 🛒 SEPET SAYFASI MODERNİZASYON & STICKY BAR --- */
/* ================================================== */

/* --- 1. MASAÜSTÜ GENEL DÜZENLEME --- */
.shopping-cart-1 .table { margin-bottom: 0; border-collapse: separate; border-spacing: 0 15px; }
.shopping-cart-1 .table thead th { border-bottom: 1px solid #eee; border-top: none; font-size: 12px; text-transform: uppercase; color: #999; font-weight: 600; letter-spacing: 1px; padding-bottom: 15px; }
.shopping-cart-1 .table tbody tr { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.02); transition: transform 0.2s; }
.shopping-cart-1 .table td { vertical-align: middle; border: 1px solid #f9f9f9; padding: 20px; }
.shopping-cart-1 .table td:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.shopping-cart-1 .table td:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

/* Ürün Resmi ve Bilgisi */
.shopping-cart-1 .product { display: flex; align-items: center; gap: 20px; }
.shopping-cart-1 .product .image img { width: 70px; height: 100px; object-fit: cover; border-radius: 4px; }
.shopping-cart-1 .product .name { font-size: 15px; font-weight: 600; color: #333; text-decoration: none; display: block; margin-bottom: 5px; }
.shopping-cart-1 .product .variants { font-size: 12px; color: #888; }

/* Adet Kutusu */
.shopping-cart-1 .product-quantity { display: inline-flex; align-items: center; border: 1px solid #eee; border-radius: 4px; height: 36px; }
.shopping-cart-1 .product-quantity .btn { background: none; border: none; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; color: #333; font-size: 12px; }
.shopping-cart-1 .product-quantity input { border: none; height: 100%; width: 35px; text-align: center; font-weight: 600; background: transparent; font-size: 14px; padding: 0; }
.shopping-cart-1 .product-quantity-type { display: none; } /* "Adet" yazısını gizle */

/* Fiyatlar */
.shopping-cart-1 .td-price .value, 
.shopping-cart-1 .td-total-price .value { font-size: 16px; font-weight: 700; color: #000; }

/* Sil Butonu (Sadece İkon Yapma) */
.shopping-cart-1 .btn-remove { 
    background: transparent; border: none; padding: 0; color: #999; 
    font-size: 0; /* Yazıyı gizle */
    width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    transition: 0.3s;
}
.shopping-cart-1 .btn-remove:before { 
    content: '\f2ed'; /* Çöp Kutusu İkonu */
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; 
    font-weight: 400; font-size: 16px; 
}
.shopping-cart-1 .btn-remove:hover { color: #d63031; background: #fff0f0; border-radius: 50%; }


/* --- 2. MOBİL KART GÖRÜNÜMÜ & STICKY BAR --- */
@media (max-width: 991px) {
    /* Tablo Yapısını Bozma (Kartlaştırma) */
    .shopping-cart-1 table, .shopping-cart-1 thead, .shopping-cart-1 tbody, .shopping-cart-1 th, .shopping-cart-1 td, .shopping-cart-1 tr { display: block; }
    .shopping-cart-1 thead { display: none; } /* Başlıkları gizle */
    
    .shopping-cart-1 tr { 
        position: relative; 
        margin-bottom: 15px; 
        border: 1px solid #eee; 
        border-radius: 8px; 
        padding: 15px; 
        padding-bottom: 50px; /* Alt toplam için yer aç */
    }
    
    .shopping-cart-1 td { padding: 5px 0; border: none !important; }
    
    /* Ürün Alanı */
    .shopping-cart-1 .product { align-items: flex-start; }
    .shopping-cart-1 .product .image img { width: 80px; height: 110px; }
    .shopping-cart-1 .product .p-info { padding-right: 30px; } /* Sil butonuna yer */
    .shopping-cart-1 .product .name { font-size: 14px; margin-bottom: 5px; line-height: 1.3; }

    /* Sil Butonunu Sağ Üste Taşı */
    .shopping-cart-1 .btn-remove { position: absolute; top: 10px; right: 10px; font-size: 0; }
    .shopping-cart-1 .btn-remove:before { font-size: 18px; }

    /* Fiyat ve Adet Konumlandırma */
    .shopping-cart-1 .td-price { display: none; } /* Birim fiyatı gizle, toplam yeterli */
    .shopping-cart-1 .td-quantity { margin-top: 10px; }
    
    .shopping-cart-1 .td-total-price { 
        position: absolute; 
        bottom: 15px; 
        right: 15px; 
        text-align: right; 
    }
    .shopping-cart-1 .td-total-price .value { font-size: 18px; color: #000; }

    /* Orijinal Butonları ve Özeti Gizle (Sticky Yapacağız) */
    .shopping-buttons-1, 
    .payment-cart-summary-1, 
   
    
    /* Hediye Çeki Alanını Biraz Güzelleştir */
    .p-g-mod-t-39 { margin-bottom: 100px; border: none; background: transparent; }
    .p-g-mod-t-39 .p-g-mod-header { display: none; } /* Başlığı gizle */
    .voucher-code-form .input-group { background: #fff; padding: 5px; border-radius: 4px; border: 1px solid #ddd; }
    .voucher-code-form input { border: none; height: 35px; }

    /* --- STICKY CHECKOUT BAR CSS --- */
    #mobile-sticky-cart {
        position: fixed;
        bottom: 0; left: 0; width: 100%;
        background: #fff;
        z-index: 99999;
        padding: 15px;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
        border-top: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        animation: slideUp 0.3s ease-out;
    }
    
    #mobile-sticky-cart .total-info { display: flex; flex-direction: column; justify-content: center; }
    #mobile-sticky-cart .label { font-size: 11px; color: #999; text-transform: uppercase; font-weight: 600; }
    #mobile-sticky-cart .amount { font-size: 20px; font-weight: 700; color: #000; line-height: 1.1; }
    
    #mobile-sticky-cart .btn-checkout {
        flex: 1;
        background: #000;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    body {  }
}


/* ================================================== */
/* --- 💳 ÖDEME SAYFASI FİNAL DÜZELTME (V2) --- */
/* ================================================== */

/* --- 1. MASAÜSTÜ (KESİN GİZLE) --- */
/* Bu kod barı tüm ekranlarda gizler */
.mobile-sticky-checkout-bar { display: none !important; }

/* Form Kutularını Güzelleştir */
.payment-form-group-1 .form-control {
    height: 45px !important; border-radius: 4px !important; border: 1px solid #ddd !important;
    background-color: #fcfcfc !important; font-size: 14px !important;
}
.payment-form-group-1 .form-control:focus {
    border-color: #000 !important; background-color: #fff !important;
}


/* --- 2. SADECE MOBİL AYARLARI (991px ALTI) --- */
@media (max-width: 991px) {
    
    /* Sayfanın altına boşluk bırak */
    body { padding-bottom: 100px !important; }

    /* --- STICKY BAR TASARIMI --- */
    .mobile-sticky-checkout-bar {
        display: flex !important; /* Mobilde GÖRÜNÜR yap */
        position: fixed;
        bottom: 0; left: 0; width: 100%;
        background: #fff;
        z-index: 2147483647; /* En üst katman (Maximum Z-Index) */
        padding: 12px 15px;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
        border-top: 1px solid #eee;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    /* Sol Taraf: Tutar */
    .mobile-sticky-checkout-bar .total-info {
        display: flex; flex-direction: column;
    }
    .mobile-sticky-checkout-bar .label {
        font-size: 10px; color: #888; font-weight: 700; text-transform: uppercase; margin-bottom: 2px;
    }
    .mobile-sticky-checkout-bar .amount {
        font-size: 20px; font-weight: 800; color: #000; letter-spacing: -0.5px;
    }

    /* Sağ Taraf: Buton */
    .mobile-sticky-checkout-bar .btn-sticky-action {
        flex: 1;
        background: #000; color: #fff;
        font-weight: 700;
        height: 50px;
        border-radius: 6px;
        border: none;
        font-size: 14px;
        text-transform: uppercase;
        display: flex; align-items: center; justify-content: center;
        text-decoration: none; cursor: pointer;
    }

    /* Orijinal Butonları Gizle */
    .payment-final-buttons-1 { display: none !important; }
    
    /* Mobilde Dikkat Dağıtıcıları Gizle */
    header.mobile, .bottom-navbar, footer.main-footer, .footer-features, .footer-subscribe {
        display: none !important;
    }
    /* Logo Alanı */
    .payment-body:before {
        content: "GÜVENLİ ÖDEME"; display: block; text-align: center; padding: 15px;
        font-weight: 800; font-size: 14px; letter-spacing: 1px;
        background: #f5f5f5; border-bottom: 1px solid #ddd; margin-bottom: 15px; color: #333;
    }
}


/* ================================================== */
/* --- 🛠️ DÜZELTME: ÖDEME SAYFASI ÖZETİ GERİ GETİR --- */
/* ================================================== */

@media (max-width: 991px) {
    
    /* Ödeme Sayfasındaki Sağ Sütunu (Özet) GÖSTER */
    .pattern-group-p-payment .p-g-b-c-1 {
        display: block !important;
        margin-bottom: 20px; /* Altına biraz boşluk */
        background: #fff;
        border-radius: 8px;
        border: 1px solid #eee;
        padding: 15px;
    }

    /* Özet içindeki gereksiz boşlukları al */
    .pattern-group-p-payment .p-g-mod-header {
        padding-top: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #f5f5f5;
    }

    /* Hediye Çeki alanını da göster (eğer gizlendiyse) */
    .pattern-group-p-payment .p-g-mod-t-39 {
        display: block !important;
    }
    
    /* Özet tablosunun kaymasını engelle */
    .payment-cart-summary-1 {
        width: 100%;
    }
}
/* ================================================== */
/* --- ⇅ MOBİL SIRALAMA DÜZENİ (ÖZET ÜSTE) --- */
/* ================================================== */

@media (max-width: 991px) {
    
    /* 1. Tüm Kutuları Kapsayan Satırı Esnek Yap */
    .pattern-group-body .row {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. SİPARİŞ ÖZETİ (Sağdaki Kutu) -> EN ÜSTE ÇIKAR */
    .p-g-b-c-1 {
        order: 1 !important; /* -1 değeri onu listenin en başına atar */
        display: block !important;
        margin-bottom: 20px !important;
        border: 2px solid #f1f1f1 !important; /* Belirgin olsun diye çerçeve */
        background: #fff !important;
        padding: 10px !important;
        border-radius: 8px !important;
    }

    /* 3. İÇERİK / FORMLAR (Soldaki Kutu) -> AŞAĞI İNDİR */
    .p-g-b-c-0 {
        order: 1 !important; /* 1 değeri onu listenin altına atar */
        margin-top: 10px !important;
    }

    /* 4. Özetin içindeki ürün listesini GÖRÜNÜR yap (Gizliyse aç) */
    .payment-cart-summary-1 .p-list {
        display: block !important;
    }
}


.dijital img{
    border-radius: 10px;
}