/* Controles de navegación, compra y cuenta conservados. */
 .navbar { background: var(--color-white); padding-top: 0px; padding-bottom: 0px; z-index: 2; } .navbar.fixed-top { background: var(--color-white); box-shadow: var(--box-shadow2); animation: slide-down 0.7s; } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .navbar .navbar-brand .logo-display { display: block; } .navbar .navbar-brand .logo-scrolled { display: none; } .navbar.fixed-top .navbar-brand .logo-display { display: none; } .navbar.fixed-top .navbar-brand .logo-scrolled { display: block; } .navbar .navbar-toggler:focus { outline: none; box-shadow: none; } .navbar-toggler-mobile-icon { display: inline-block; width: inherit; height: inherit; } .navbar-brand { margin-right: 0; } .navbar-brand img { width: 180px; } .navbar .dropdown-toggle::after { display: inline-block; margin-left: 5px; vertical-align: baseline; font-family: 'Font Awesome 6 Pro'; content: "\f107"; font-weight: 600; border: none; font-size: 14px; } .navbar li .new { position: absolute; background: var(--theme-color); color: var(--color-white); font-size: 9px; font-weight: 500; padding: 0px 9px; left: 21px; top: 10px; border-radius: 50px; text-align: center; text-transform: uppercase; } .navbar li .new::before { position: absolute; content: ""; left: 8px; bottom: -8px; border: 4px solid var(--theme-color); border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } @media all and (max-width: 1399px) { .nav-right { margin-left: 25px !important; } .navbar .nav-item .nav-link { margin-right: 15px !important; } } @media all and (max-width: 1199px) { .navbar .nav-right { display: none; } } @media all and (min-width: 992px) { .navbar .nav-item .nav-link { margin-right: 22px; padding: 24px 0 24px 0; font-size: 16px; font-weight: 500; color: var(--color-dark); text-transform: capitalize; } .navbar .nav-item:last-child .nav-link { margin-right: 0 !important; } .navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; border: none; left: -15px; border-radius: 8px; padding: 15px 12px; background: var(--color-white); width: 220px; box-shadow: var(--box-shadow); } .navbar .nav-item .dropdown-menu .dropdown-item { font-size: 16px; font-weight: 400; color: var(--color-dark); position: relative; overflow: hidden; text-transform: capitalize; transition: var(--transition); } .navbar .nav-item .dropdown-menu .dropdown-item:hover { background: transparent; color: var(--theme-color); padding-left: 22px; } .navbar .nav-item .dropdown-menu .dropdown-item::before { content: "\f111"; position: absolute; font-family: "Font Awesome 6 pro"; left: 8px; top: 13.5px; color: var(--theme-color); font-weight: bold; font-size: 6px; transform: scale(0, 0); transition: var(--transition); z-index: -1; } .navbar .nav-item .dropdown-menu .dropdown-item:hover::before { opacity: 1; visibility: visible; transform: scale(1, 1); } .navbar .nav-item .nav-link { position: relative; } .navbar .nav-item .nav-link.active, .navbar .nav-item:hover .nav-link { color: var(--theme-color); } .navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg); } .navbar .dropdown-menu-end { right: 0; left: auto; } .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; } .navbar .dropdown-menu.fade-up { top: 140%; } .navbar #main_nav { justify-content: flex-end; } .nav-right { display: flex; align-items: center; justify-content: center; gap: 20px; margin-left: 45px; } .nav-right-link { position: relative; font-size: 20px; color: var(--color-dark); transition: var(--transition); } .nav-right-link:hover { color: var(--theme-color) !important; } .nav-right .sidebar-btn .nav-right-link, .nav-right .search-btn .nav-right-link { border: none; background: transparent; color: var(--color-dark); font-size: 28px; padding-right: 0; } .nav-right .search-btn .nav-right-link { font-size: 20px; padding: 0; } .nav-right .cart-btn .nav-right-link { position: relative; font-size: 20px; padding: 0; margin-right: 15px; } .nav-right .cart-btn span{ position: absolute; right: -9px; top: -2px; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 12px; border-radius: 50px; background: var(--theme-color); color: var(--color-white); } } @media all and (min-width: 992px) and (max-width: 1199px){ .navbar .nav-item .nav-link { margin-right: 15px; font-size: 16px; } } .mobile-menu-right { display: none; } @media all and (max-width: 991px) { .navbar { padding-top: 8px; padding-bottom: 8px; } .navbar-brand { padding-left: 10px; } .navbar-brand img { width: 130px; } .navbar-collapse { overflow: hidden; overflow-y: auto; padding: 0 20px; background-color: var(--color-white); } .dropdown-toggle::after { float: right; margin-top: 2px; } .navbar .nav-item .nav-link { color: var(--color-dark); font-weight: 500; margin-right: 0px; transition: var(--transition); } .navbar .nav-item .nav-link:hover { color: var(--theme-color) !important; } .navbar-toggler { padding: 0; border: none; } .mobile-menu-right { display: flex; align-items: center; gap: 20px; } .mobile-menu-right .nav-right-link { background: transparent; border: none; font-size: 20px; color: var(--color-dark); } .mobile-menu-right .nav-right-link:hover{ color: var(--theme-color); } .mobile-search-form{ position: absolute; left: 25px; right: 25px; top: 50px; box-shadow: var(--box-shadow); border-radius: 8px; opacity: 0; visibility: hidden; transition: var(--transition); transform: scaleY(0); } .mobile-search-form.active { opacity: 1; visibility: visible; transform: scaleY(1); } .mobile-search-form .form-control{ padding: 10px 55px 10px 15px; border: none; box-shadow: none; border-radius: 8px; } .mobile-search-form button{ position: absolute; right: 3px; top: 3px; width: 38px; height: 38px; line-height: 38px; border-radius: 8px; text-align: center; background: var(--theme-color); color: var(--color-white); border: none; } .navbar-toggler-mobile-icon { font-size: 25px; color: var(--color-dark); font-weight: 500; } .navbar .dropdown-menu { border-radius: 8px; } .nav-right { display: none; } .navbar li .new{ top: 0px; } } .category-all{ position: relative; } .category-btn{ border: none; background: var(--theme-bg-light); color: var(--color-dark); padding: 10px 20px; border-radius: 10px; font-weight: 500; } .category-btn i{ font-size: 17px; color: var(--theme-color); } .category-btn span{ margin-left: 7px; } .navbar.fixed-top .category-btn{ padding: 6px 14px; border-radius: 7px; } .navbar.fixed-top .category-btn span{ display: none; margin-left: 0px; } .navbar.fixed-top .category-all{ margin-left: 30px; } .navbar.fixed-top .main-category{ left: auto; right: 0; } .navbar.fixed-top .main-category{ display: none; } .main-category{ position: absolute; left: 0; top: 63px; min-width: 278px; border-radius: 10px; padding: 8px 8px; background: var(--color-white); box-shadow: var(--box-shadow); z-index: 2; } .main-category li{ display: block; position: relative; } .main-category li a { display: flex; align-items: center; gap: 10px; color: var(--color-dark2); padding: 8px 16px 8px 10px; border-radius: 10px; font-weight: 400; border-left: 3px solid transparent; } .main-category li a:hover{ border-left-color: var(--theme-color); background: rgba(17, 183, 107, .08); } .main-category li:hover a{ padding-left: 14px; } .main-category li a i{ font-size: 16px; } .main-category li a .category-icon{ font-size: 25px; line-height: 0; color: var(--color-dark2); } .main-category li a img{ width: 25px; } .main-category li a span{ flex-grow: 1; font-size: 16px; } .sub-category { background: var(--color-white); border-radius: 10px; padding: 8px 8px; width: 250px; position: absolute; left: 275px; top: 0; opacity: 0; visibility: hidden; transition: var(--transition); box-shadow: var(--box-shadow); z-index: 1; } .main-category li:hover .sub-category{ opacity:1; visibility:visible; } .sub-category li a{ padding: 8px 16px 8px 10px !important; color: var(--color-dark2) !important; } .sub-category li a:hover{ padding-left: 14px !important; } .sub-category-mega{ width: 800px; display: inline-block; height: auto; position: absolute; left: 275px; top: 0; background: var(--color-white); border-radius: 10px; padding: 30px; opacity: 0; visibility: hidden; transition: var(--transition); box-shadow: var(--box-shadow); z-index: 1; } .main-category li:hover .sub-category-mega{ opacity:1; visibility:visible; } .sub-category-mega .category-title{ display: inline-block; margin-bottom: 20px; background: var(--theme-color); color: var(--color-white); padding: 4px 13px !important; border-radius: 8px; font-size: 14px; border-left: none; } .sub-category-mega .category-title:hover{ color: var(--color-dark2); } .sub-category-mega .category-img img{ border-radius: 10px; width: 100%; } .sub-category-mega .category-img a{ padding: 0 !important; border-left: none !important; background: none !important; } .sub-category-mega [class*="col-"]{ margin-top: 18px; } .sub-category-mega [class*="col-"]:nth-child(-n+4){ margin-top: 0; } .sub-category-mega .category-link a{ padding: 5px 0 5px 0 !important; border-left: none !important; } .sub-category-mega .category-link a:hover{ background: none; color: var(--theme-color); } .sub-category-mega .category-link a:last-child{ padding-bottom: 0 !important; } .sub-category-mega .category-title-text{ margin-bottom: 20px; position: relative; } .sub-category-mega .category-title-text::before{ content: ""; position: absolute; width: 15px; border-bottom: 3px solid var(--theme-color); border-radius: 50px; left: 0; bottom: -8px; } .hide-category{ display: none; } @media all and (min-width: 1199px) and (max-width: 1399px){ .main-category { min-width: 260px; } .main-category li a{ gap: 8px; } .main-category li a img{ width: 20px; } .sub-category, .sub-category-mega{ left: 257px; } } @media all and (max-width: 1199px){ .main-category{ display: none; } .sub-category-mega { width: 690px; } } @media all and (min-width: 992px) and (max-width: 1199px){ .navbar.fixed-top .category-all{ margin: 0 30px; } .navbar.fixed-top .category-btn{ padding: 5px 14px; } .navbar.fixed-top .main-category { min-width: 260px; top: 56px; } .navbar.fixed-top .sub-category-mega{ left: 260px; } } @media all and (max-width: 991px){ .category-all{ flex-grow: 1; } .category-all .category-btn{ padding: 5px 12px; } .main-category{ top: 47px; } .main-category li a{ padding: 6px 22px 6px 16px } .main-category li a img{ width: 20px; height: 20px; } .main-category li a i{ display: none; } .sub-category, .sub-category-mega{ display: none; } } @media all and (min-width: 768px) and (max-width: 991px){ .navbar.fixed-top .main-category{ left: 0; right: unset; } } @media all and (min-width: 992px){ .nav-item.mega-menu { position: static; } .navbar .nav-item.mega-menu .dropdown-menu{ width: 98%; left: 12px; } .mega-menu .mega-content{ padding: 12px 16px 10px 16px; } .mega-menu .mega-menu-title{ font-size: 17px; margin-bottom: 15px; color: var(--color-dark); } .mega-menu-img img{ border-radius: 10px; } .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item{ padding-left: 0; } .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item::before{ left: 0; } .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item:hover{ padding-left: 15px; } } @media all and (max-width: 991px){ .mega-menu-img{ display: none; } .mega-menu .mega-content h5{ margin: 15px 0; } } .navbar .nav-item .dropdown-submenu { position: relative; } .navbar .nav-item .dropdown-submenu .dropdown-menu::before { display: none; } .navbar .nav-item .dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 15px; top: 6.5px; font-weight: 600; } .navbar .nav-item .dropdown-submenu a:hover { background: transparent; color: var(--color-white); } .navbar .nav-item .dropdown-submenu .dropdown-menu { top: 120%; left: 100%; opacity: 0; visibility: hidden; } .navbar .nav-item .dropdown-submenu:hover .dropdown-menu { top: 0; opacity: 1; visibility: visible; } @media all and (max-width: 991px) { .navbar .nav-item .dropdown-submenu .dropdown-menu { margin: 0 17px; } .navbar .nav-item .dropdown-submenu .dropdown-menu { opacity: unset; visibility: unset; } .navbar .nav-item .dropdown-submenu a::after { top: 4px; } .navbar .nav-item .dropdown-submenu a:hover { color: var(--theme-color); } } .shop-sidebar { margin-bottom: 30px; } .shop-widget { background: var(--theme-bg-light); padding: 25px; margin-bottom: 25px; border-radius: 10px; } .shop-widget-title { position: relative; font-size: 18px; color: var(--color-dark); margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-info-color); } .shop-search-form .form-group { position: relative; } .shop-search-form .form-control { padding: 12px 45px 12px 15px; border-radius: 10px; box-shadow: none; } .shop-search-form .form-control:focus { border-color: var(--theme-color); } .shop-search-form button { position: absolute; right: 0; top: 0; padding: 10px 18px 6px 18px; background: transparent; border: none; color: var(--theme-color); } .shop-category-list a{ width: 100%; color: var(--body-text-color); margin: 4px 0; transition: var(--transition); } .shop-category-list a:hover{ color: var(--theme-color); padding-left: 3px; } .shop-category-list span{ float: right; } .shop-checkbox-list li{ margin-bottom: 8px; } .shop-checkbox-list.rating i{ color: var(--theme-color); } .shop-checkbox-list .form-check-input { box-shadow: none; margin-top: 7px; } .shop-checkbox-list .form-check-input:checked { background-color: var(--theme-color); border-color: var(--theme-color); } .shop-checkbox-list .form-check-input:focus{ border-color: var(--theme-color); } .shop-checkbox-list .form-check-label { color: var(--body-text-color); width: 100%; margin-left: 4px; } .shop-checkbox-list .form-check-label span{ float: right; margin-right: 3px; } .shop-checkbox-list.color li{ display: inline-block; margin-right: 2px; } .shop-checkbox-list.color .form-check{ position: relative; padding-left: 0; } .shop-checkbox-list.color .form-check-input { position: absolute; opacity: 0; visibility: hidden; z-index: -1; } .shop-checkbox-list.color .form-check-label{ margin-left: 0; } .shop-checkbox-list.color .form-check-label span{ width: 28px; height: 28px; border-radius: 50px; vertical-align: top; margin-top: 2.5px; margin-right: 5px; position: relative; } .shop-checkbox-list.color .form-check-label span::before{ content: "\f00c"; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; color: var(--color-white); text-align: center; opacity: 0; visibility: hidden; } .shop-checkbox-list.color .form-check-input:checked~.form-check-label span::before{ opacity: 1; visibility: visible; } .shop-widget-banner{ position: relative; z-index: 1; } .shop-widget-banner .banner-img{ position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; border-radius: 10px; z-index: -1; } .shop-widget-banner .banner-img::before{ content: ""; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; border-radius: 10px; z-index: -1; } .shop-widget-banner .banner-content{ text-align: center; padding-top: 100px; padding-bottom: 100px; } .shop-widget-banner .banner-content h6{ color: var(--color-white); font-size: 18px; text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); display: inline-block; } .shop-widget-banner .banner-content h4{ color: var(--color-white); font-size: 28px; margin: 15px 0; } .shop-widget-banner .banner-content .theme-btn{ border-radius: 50px; padding: 5px 20px; } .shop-sort{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .shop-sort-box{ display: flex; align-items: center; gap: 10px; font-size: 15px; } .shop-sort-box .nice-select{ border-radius: 10px; padding-left: 13px; border: 1px solid green; } .shop-sort-box .nice-select::after{ width: 6px; height: 6px; right: 15px; } .shop-sort-box .nice-select .list{ border: none; border-radius: 10px; padding-top: 7px; padding-bottom: 7px; box-shadow: var(--box-shadow); } .shop-sort-gl a{ background: transparent; border: 1px solid var(--border-info-color); color: var(--body-text-color); text-align: center; border-radius: 50px; width: 35px; height: 35px; line-height: 35px; } .shop-sort-grid{ margin-right: 5px; } .shop-sort-gl .active{ border-color: var(--theme-color); background: var(--theme-color); color: var(--color-white); } .shop-area .pagination .page-link, .shop-area2 .pagination .page-link, .shop-area3 .pagination .page-link{ border-radius: 50px !important; } .shop-area2 .shop-widget{ border: 1px solid var(--border-info-color); background: transparent; } .shop-area2 .shop-sort{ border: 1px solid var(--border-info-color); border-radius: 10px; padding: 10px 20px; } .shop-area3 .shop-widget{ background: var(--color-white); } .shop-area3 .shop-sort{ background: var(--color-white); border-radius: 8px; padding: 10px 20px; } @media all and (max-width: 767px) { .shop-sort{ flex-direction: column; gap: 20px; } .shop-sort-box{ flex-direction: column; width: 100%; } .shop-sort-box .nice-select, .shop-sort-box .nice-select .list{ width: 100%; } } .shop-cart thead tr { background: var(--theme-color); color: var(--color-white); } .shop-cart thead tr th { text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: .4px; } .shop-cart thead tr th, .shop-cart thead tr td { white-space: nowrap; } .shop-cart tr td { color: var(--color-dark); vertical-align: middle; border-bottom: 1px solid var(--border-info-color); border-top: none; position: relative; padding: 20px 10px; font-size: 16px; } .shop-cart-img { width: 100px; } .shop-cart-img img { width: 100%; border-radius: 8px; border: 1px solid var(--border-info-color); } .shop-cart-name{ font-size: 16px; margin-bottom: 4px; font-weight: 600; } .shop-cart-name a:hover{ color: var(--theme-color); } .shop-cart-info p{ font-size: 14px; color: var(--body-text-color); } .shop-cart-info p span{ font-weight: 500; margin-right: 5px; } .shop-cart-price{ font-weight: 500; } .shop-cart-qty { width: 110px; } .shop-cart-qty button { width: 30px; height: 30px; line-height: 28px; color: var(--theme-color); text-align: center; border: 0; border-radius: 50px; background: var(--theme-bg-light); } .shop-cart-qty button i{ font-weight: 500; } .shop-cart-qty input { width: 30px; border: none; background: transparent; color: var(--theme-color); text-align: center; } .shop-cart-subtotal{ font-weight: 500; } .shop-cart-remove{ font-size: 18px; width: 35px; height: 35px; line-height: 35px; border: 1px solid var(--border-info-color); text-align: center; border-radius: 50px; } .shop-cart-remove:hover { border-color: var(--color-red); color: var(--color-red); } .shop-cart-footer { margin-top: 20px; } .shop-cart-coupon{ margin-bottom: 25px; } .shop-cart-coupon .form-group{ position: relative; } .shop-cart-coupon .form-control { box-shadow: none; padding: 15px 160px 15px 25px; border-radius: 50px; } .shop-cart-coupon .form-control:focus { border-color: var(--theme-color); } .shop-cart-coupon .theme-btn { position: absolute; right: 5.4px; top: 5.4px; border-radius: 50px; padding: 8px 20px; } .shop-cart-summary { padding: 30px; border: 1px solid var(--border-info-color); background: var(--theme-bg-light); border-radius: 10px; margin-top: 12px; margin-left: 20px; } .shop-cart-summary h5{ margin-bottom: 25px; } .shop-cart-summary li { margin-bottom: 10px; } .shop-cart-summary li span { float: right; } .shop-cart-summary li strong { color: var(--color-dark2); } .shop-cart-total { padding-top: 10px; border-top: 1px solid var(--border-info-color); } .shop-cart-total span { font-weight: bold; color: var(--theme-color); } @media all and (max-width: 991px) { .shop-cart-summary { margin-left: 0; } } .shop-checkout-step .accordion-item{ margin-bottom: 20px; border: 1px solid var(--border-info-color); border-radius: 8px; } .shop-checkout-step .accordion-button{ background: transparent; box-shadow: none; font-weight: 600; } .shop-checkout-step .accordion-button:not(.collapsed){ background: transparent; color: var(--theme-color); } .shop-checkout-step .accordion-body{ border-top: 1px solid var(--border-info-color); } .shop-checkout-form .form-group{ margin-bottom: 15px; } .shop-checkout-form label{ color: var(--color-dark2); margin-bottom: 4px; } .shop-checkout-form .form-control{ padding: 12px 20px; border-radius: 8px; box-shadow: none; } .shop-checkout-form .nice-select{ width: 100%; font-size: 16px; border-radius: 8px; height: 50px; line-height: 47px; padding-left: 20px; margin-bottom: 15px; } .shop-checkout-form .nice-select:after{ width: 9px; height: 9px; margin-right: 8px; margin-top: -6px; } .shop-checkout-form .nice-select .list{ width: 100%; height: 300px; overflow-y: auto; border-radius: 8px; } .shop-checkout-form .form-control:focus, .shop-checkout-form .nice-select{ border-color: var(--theme-color); } .shop-checkout-form .form-check-input{ margin-top: 7px; box-shadow: none; } .shop-checkout-form .form-check-input:focus{ border-color: var(--theme-color); } .shop-checkout-form .form-check-input:checked{ background-color: var(--theme-color); border-color: var(--theme-color); } .shop-checkout-form .theme-btn{ margin-top: 15px; margin-bottom: 10px; } .shop-checkout-form .theme-btn2{ background: var(--theme-color2); color: var(--color-white); margin-right: 8px; } .shop-checkout-form .theme-btn2::before{ background: var(--color-dark); } .shop-shipping-method{ margin-top: 20px; padding-top: 25px; border-top: 1px solid var(--border-info-color); } .shop-shipping-method h6{ margin-bottom: 20px; } .shop-shipping-method .form-check{ padding-left: 0; position: relative; margin-bottom: 20px; } .shop-shipping-method .form-check-input{ width: 1.3em; height: 1.3em; position: absolute; top: -2px; right: 6px; } .shop-shipping-method label{ font-weight: 500; border: 1px solid var(--border-info-color); background: var(--color-white); padding: 10px 15px 10px 15px; border-radius: 10px; width: 100%; } .shop-shipping-method .form-check-input:checked~label{ border-color: var(--theme-color) !important; } .shop-shipping-method label span{ display: block; color: var(--body-text-color); font-weight: 400; } .shop-checkout-payment .nav-link{ background: transparent !important; border: 1px solid var(--border-info-color); text-align: center; border-radius: 12px; margin-right: 15px; margin-bottom: 20px; position: relative; } .shop-checkout-payment .nav-link::before{ content: "\f058"; position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 20px; color: var(--theme-color); transform: scale(0); opacity: 0; visibility: hidden; left: 4px; top: -4px; transition: var(--transition); } .shop-checkout-payment .nav-link.active::before{ opacity: 1; visibility: visible; transform: scale(1); } .shop-checkout-payment .nav-link.active{ border-color: var(--theme-color); } .shop-checkout-payment .nav-link span{ color: var(--body-text-color); } .shop-checkout-payment .checkout-card-img{ padding-top: 12px; margin-bottom: 12px; } .shop-checkout-payment .checkout-card-img img{ width: 80px; } .shop-checkout-payment .checkout-payment-img img{ width: 175px; } .shop-checkout-payment .checkout-payment-img.cod img{ width: 170px; } .shop-checkout-form.cod .form-check-input{ width: 1.4em; height: 1.4em; border-radius: 6px; } .shop-checkout-form.cod label{ font-weight: 500; margin-left: 10px; } .shop-checkout-form.cod label span{ display: block; font-weight: 400; color: var(--body-text-color); } .shop-checkout-form.cod label a{ color: var(--theme-color); } .shop-checkout2 .checkout-step-list .nav-link{ position: relative; border-radius: 0; color: var(--theme-color2); font-size: 17px; font-weight: 500; padding-top: 30px; } .shop-checkout2 .checkout-step-list .nav-link i{ margin-right: 5px; } .shop-checkout2 .checkout-step-list .nav-link::before{ content: ""; position: absolute; width: 100%; height: 8px; background: var(--theme-color2); left: 0; top: 0; } .shop-checkout2 .checkout-step-list .nav-link:first-child::before{ border-radius: 50px 0 0 50px; } .shop-checkout2 .checkout-step-list .nav-link:last-child::before{ border-radius: 0 50px 50px 0; } .shop-checkout2 .checkout-step-list .nav-link .step-count{ position: absolute; width: 28px; height: 28px; line-height: 28px; background: var(--theme-color2); color: var(--color-white); top: -11px; left: 50%; border-radius: 50px; transform: translateX(-50%); } .shop-checkout2 .checkout-step-list .nav-link .step-count::before{ content: ""; position: absolute; border: 2px solid var(--theme-color2); left: -4px; right: -4px; top: -4px; bottom: -4px; border-radius: 50px; } .shop-checkout2 .checkout-step-list .nav-link.active{ color: var(--theme-color2); background: transparent; } .shop-checkout2 .checkout-step-list .nav-link.done{ color: var(--color-red); background: transparent; } .shop-checkout2 .checkout-step-list .nav-link.done::before, .shop-checkout2 .checkout-step-list .nav-link.done span{ background: var(--color-red); } .shop-checkout2 .checkout-step-list .nav-link.done .step-count::before{ border-color: var(--color-red); } .shop-checkout2 .shop-checkout-form{ border: 1px solid var(--border-info-color); background: var(--theme-bg-light); padding: 30px; border-radius: 10px; } @media all and (max-width: 767px) { .shop-checkout2 .checkout-step-list .nav-link{ font-size: 18px; } } .shop-checkout-complete{ position: relative; } .checkout-complete-content{ background: var(--theme-bg-light); border-radius: 20px; padding: 50px; text-align: center; border: 1px solid var(--border-info-color); } .checkout-complete-icon{ width: 60px; height: 60px; line-height: 60px; font-size: 35px; color: var(--color-white); background: var(--theme-color); margin: 0 auto; border-radius: 50px; margin-bottom: 20px; } .checkout-complete-content h3{ text-transform: capitalize; } .checkout-complete-content p{ margin-top: 15px; margin-bottom: 30px; } @media all and (min-width: 992px) and (max-width: 1399px) { .checkout-complete-content{ padding: 40px; } } .shop-single{ position: relative; } .shop-single-gallery{ position: relative; } .shop-single-video{ position: absolute; width: 45px; height: 45px; line-height: 42px; right: 10px; top: 10px; padding-left: 5px; border: 1px solid var(--border-info-color); border-radius: 50px; color: var(--body-text-color); text-align: center; font-size: 20px; z-index: 1; } .shop-single-video:hover{ background: var(--theme-color2); color: var(--color-white); } .shop-single-gallery .flex-viewport{ width: 100%; border-radius: 10px; border: 1px solid var(--border-info-color); margin-bottom: 10px; } .shop-single-gallery .flex-control-thumbs li{ margin: 6.8px; padding: 0; width: 23%; } .shop-single-gallery .flex-control-thumbs li:first-child{ margin-left: 0; } .shop-single-gallery .flex-control-thumbs li:last-child{ margin-right: 0; } .shop-single-gallery .flex-control-thumbs img{ border: 1px solid var(--border-info-color); border-radius: 10px; } .shop-single-gallery .flex-control-thumbs li img.flex-active{ border-color: var(--theme-color2); } .shop-single-gallery .flex-direction-nav a{ border-radius: 50px !important; background: var(--theme-color2); line-height: 40px !important; margin-top: -75px; } .shop-single-gallery .flex-direction-nav a:hover{ background: var(--theme-color); } .shop-single-info{ margin-left: 20px; } .shop-single-title{ font-size: 25px; } .shop-single-rating{ margin: 10px 0; } .shop-single-rating i{ color: var(--theme-color); } .shop-single-rating .rating-count{ margin-left: 10px; display: inline-block; } .shop-single-price{ margin-top: 5px; margin-bottom: 5px; font-size: 23px; font-weight: 500; } .shop-single-price del{ margin-right: 5px; font-size: 18px; color: var(--body-text-color); } .shop-single-price .amount { color: var(--theme-color); } .shop-single-price .discount-percentage{ color: var(--color-red); font-size: 15px; } .shop-single-cs{ border-top: 1px solid var(--border-info-color); padding-top: 20px; } .shop-single-cs h6{ margin-bottom: 15px; color: var(--body-text-color); font-weight: 500; } .shop-single-size .nice-select{ border-radius: 8px; padding-left: 15px; } .shop-single-size .nice-select::after{ width: 6px; height: 6px; } .shop-single-cs .shop-cart-qty button{ width: 35px; height: 35px; line-height: 34px; transition: var(--transition); } .shop-single-cs .shop-cart-qty button:hover{ background: var(--theme-color2); color: var(--color-white); } .shop-single-sortinfo li{ font-weight: 500; margin: 10px 0; } .shop-single-sortinfo a, .shop-single-sortinfo span{ font-weight: 400; margin-left: 5px; } .shop-single-sortinfo a{ color: var(--body-text-color); } .shop-single-sortinfo a:hover{ color:var(--theme-color) } .shop-single-action{ border-top: 1px solid var(--border-info-color); padding-top: 20px; margin-top: 20px; } .shop-single-action .theme-btn{ padding: 8px 20px; } .shop-single-action .theme-btn2{ margin-left: 10px; border: 1px solid var(--border-info-color); box-shadow: none; text-align: center; padding: 8px 15px; } .shop-single-action .theme-btn2 span{ margin-right: 0; } .shop-single-share a{ width: 40px; height: 40px; line-height: 39px; border: 1px solid var(--border-info-color); border-radius: 50px; text-align: center; color: var(--body-text-color); margin-left: 5px; } .shop-single-share a:hover{ background: var(--theme-color2); border-color: var(--theme-color2); color: var(--color-white); } .shop-single-details{ margin-top: 50px; } .shop-single-desc{ padding-top: 30px; } .shop-single-additional{ padding-top: 30px; } .shop-single-review{ padding-top: 30px; } .shop-single-details .nav-tabs { border-width: 2px; } .shop-single-details .nav-tabs .nav-link { color: var(--color-dark2); font-size: 18px; padding: 12px 25px; font-weight: 500; border: none; background: transparent; border-bottom: 2px solid transparent; } .shop-single-details .nav-tabs .nav-link:hover, .shop-single-details .nav-tabs .nav-link.active { border-bottom: 2px solid var(--theme-color); color: var(--theme-color); } .shop-single-list{ margin: 20px 0; } .shop-single-list .title{ margin-bottom: 15px; color: var(--color-dark2); font-size: 17px; } .shop-single-list ul li{ margin: 5px 0; list-style: unset; margin-left: 15px; } .shop-single-list ul li span{ color: var(--color-dark2); margin-right: 5px; } .shop-single-review .blog-comments-single{ border: 1px solid var(--border-info-color); border-radius: 10px; padding: 30px; } .shop-single-review .blog-comments-single{ position: relative; } .shop-single-review .review-rating{ position: absolute; right: 30px; top: 30px; } .shop-single-review .review-rating i { color: var(--theme-color); } .shop-single-review .blog-comments-content h5{ font-size: 17px; margin-bottom: 5px; } .shop-single-review .blog-comments-content i{ margin-right: 5px; } .shop-single2 .shop-single-gallery .flex-viewport{ background: var(--color-white); } .shop-single2 .shop-single-gallery .flex-control-thumbs img{ background: var(--color-white); } .shop-single2 .flex-direction-nav{ display: none; } .shop-single2 .shop-single-details{ background: var(--color-white); border-radius: 10px; } .shop-single2 .shop-single-desc, .shop-single2 .shop-single-additional, .shop-single2 .shop-single-review{ padding: 30px; } .shop-single2 .blog-comments-single{ background: var(--theme-bg-light); } .shop-single2 .related-item .product-item{ background: var(--color-white); } @media all and (max-width: 1399px) { .shop-single-gallery .flex-control-thumbs li{ margin: 6px; } .shop-single-action .theme-btn2{ margin-left: 2px; } } @media all and (max-width: 1199px) { .shop-single-color{ margin-top: 20px; } .shop-single-action .shop-single-btn{ margin-bottom: 20px; } } @media all and (max-width: 991px) { .shop-single-info{ margin-left: 0; margin-top: 30px; } .shop-single-color{ margin-top: 0px; } .shop-single-action .shop-single-btn{ margin-bottom: 0px; } } @media all and (max-width: 767px) { .shop-single-gallery .flex-control-thumbs li{ margin: 4.6px; } .shop-single-size{ margin-top: 20px; } .shop-single-color{ margin-top: 20px; } .shop-single-action .shop-single-btn{ margin-bottom: 20px; } .shop-single-details .nav-tabs .nav-link{ font-size: 16px; padding: 10px 10px; } .shop-single-review .review-rating{ right: 10px; top: 5px; } } .compare-table { background: var(--theme-bg-light); white-space: nowrap; } .compare-table th{ vertical-align: middle; } .compare-table tbody tr th, .compare-table tbody tr td { padding: 10px 15px; } .compare-img{ position: relative; } .compare-img img{ border-radius: 10px; } .compare-remove{ position: absolute; width: 35px; height: 35px; line-height: 35px; text-align: center; right: 10px; top: 10px; background: var(--theme-color2); color: var(--color-white); border-radius: 50px; } .compare-remove:hover{ background: var(--color-red); color: var(--color-white); } .compare-title{ font-size: 17px; font-weight: 500; } .compare-title:hover{ color: var(--theme-color); } .compare-price{ color: var(--theme-color); font-weight: 600; } .compare-rate i{ color: var(--color-yellow); } .compare-table .theme-btn{ padding: 8px 15px; } .price-range-box{ margin-bottom: 12px; } .price-range.ui-widget-content { border: none; background: var(--border-info-color); height: 5px; border-radius: 3px; } .price-range .ui-state-default, .price-range .ui-widget-content .ui-state-default { top: -7px; width: 18px; height: 18px; border: none; border-radius: 50%; cursor: pointer; margin-left: 0px; background: var(--theme-color); z-index: 1; } .price-range .ui-state-focus { outline: none; } .price-range .ui-widget-header { background: var(--theme-color); border-radius: 0 !important; } .price-range-input input { border: none; margin-bottom: 20px; color: var(--theme-color); background: transparent; font-weight: 700; outline: none; } .quickview .modal-content{ border-radius: 15px; } .quickview .modal-body{ padding: 30px; } .quickview .btn-close{ position: absolute; right: 10px; top: 10px; background: var(--theme-color2); color: var(--color-white); font-size: 18px; width: 25px; height: 25px; line-height: 27px; border-radius: 50px; opacity: 1; transition: var(--transition); z-index: 1; } .quickview .btn-close:hover{ background: var(--color-red); color: white; } .quickview-title{ margin-bottom: 5px; } .quickview-rating i{ color: var(--color-yellow); } .quickview-price { margin-top: 15px; margin-bottom: 15px; } .quickview-price h5{ font-weight: 500; } .quickview-price del { margin-right: 10px; color: var(--body-text-color); } .quickview-price span { color: var(--theme-color); } .quickview-list li{ margin: 5px 0; } .quickview-list li span{ font-weight: 500; margin-left: 10px; } .quickview-list li .stock{ color: var(--theme-color) } .quickview-cart{ margin: 15px 0; } .quickview-cart .theme-btn{ padding: 5px 18px; } .quickview-social a{ width: 30px; height: 30; line-height: 32px; text-align: center; color: var(--color-dark2); } .quickview-social a:hover{ color: var(--theme-color); } .tooltip-inner { background: var(--theme-color2); border-radius: 50px; padding: 2px 10px; font-size: 12px; font-weight: 600; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{ border-top-color: var(--theme-color2) !important; } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{ border-top-color: var(--theme-color2) !important; } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{ left: -2.5px !important; border-left-color: var(--theme-color2) !important; } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{ right: -2.5px !important; border-right-color: var(--theme-color2) !important; } .tooltip.show { opacity: 1; } .modal-open{ overflow: auto; padding-right: 0 !important; } .invoice-area{ position: relative; } .invoice-print{ text-align: right; margin-bottom: 30px; } .invoice-wrapper{ background: var(--color-white); border-radius: 10px; padding: 50px; } .invoice-header{ display: flex; justify-content: space-between; } .invoice-width{ width: 40%; } .invoice-logo img{ width: 180px; } .invoice-date-box{ display: flex; justify-content: space-between; margin-top: 40px; } .invoice-address-box{ display: flex; justify-content: space-between; margin-top: 30px; } .invoice-address h5{ margin-bottom: 8px; } .invoice-table{ margin-top: 30px; } .invoice-table table{ width: 100%; border-collapse: collapse; } .invoice-table table, .invoice-table td, .invoice-table th { border: 1px solid var(--border-info-color); } .invoice-table td, .invoice-table th { padding: 10px 20px; } .invoice-bottom{ margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--border-info-color); display: flex; justify-content: space-between; } .invoice-bottom a{ color: var(--body-text-color); } .login-form { padding: 40px; background: var(--color-white); border-radius: 10px; box-shadow: var(--box-shadow); } .login-form .login-header { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--border-info-color); } .login-form .login-header img { width: 200px; margin-bottom: 10px; } .login-form .login-header h3 { color: var(--theme-color); margin-bottom: 5px; font-weight: 800; } .login-form .login-header p { font-size: 20px; } .login-form .form-group { margin-bottom: 20px; } .login-form label { color: var(--color-dark); margin-bottom: 5px; } .login-form .form-group .form-control { border: 1px solid #e8e8e8; border-radius: 10px; padding: 12px 18px; box-shadow: none; transition: .5s; } .login-form .form-group .form-control:focus { border-color: var(--theme-color); } .login-form .form-check-input { box-shadow: none; } .login-form .form-check-input:focus{ border-color: var(--theme-color); } .login-form .forgot-pass { color: var(--theme-color); transition: .5s; } .login-form .forgot-pass:hover { color: var(--theme-color2); } .login-form .theme-btn { width: 100%; } .login-form .theme-btn::before{ width: 460px; height: 460px; } .login-form .theme-btn i { margin-right: 5px; } .login-form .form-check-input { margin-top: 6.3px; } .login-form .form-check-label a { color: var(--theme-color); transition: .5s; } .login-form .form-check-label a:hover { color: var(--theme-color2); } .form-check-input:checked { background-color: var(--theme-color); border-color: var(--theme-color); } .login-form .login-footer { margin-top: 25px; } .login-form .login-footer p { text-align: center; } .login-form .login-footer p a { color: var(--theme-color); transition: .5s; } .login-form .login-footer a:hover { color: var(--theme-color2); } .social-login { position: relative; border-top: 1px solid #F1F1F1; margin-top: 25px; padding-top: 15px; } .social-divider{ position: absolute; left: 50%; top: -21px; padding: 5px; background: var(--color-white); transform: translateX(-50%); } .social-login p { margin: 10px 0; } .social-login-list { text-align: center; } .social-login-list a { padding: 5px 20px; border: 2px solid var(--border-info-color); border-radius: 50px; margin: 5px; } .social-login-list a i{ margin-right: 5px; } .social-login-list .fb-auth{ border-color: #3B5998; color: #3B5998; } .social-login-list .fb-auth:hover{ background: #3B5998; color: var(--color-white)!important; } .social-login-list .gl-auth{ border-color: #DD4B39; color: #DD4B39; } .social-login-list .gl-auth:hover{ background: #DD4B39; color: var(--color-white)!important; } .social-login-list .tw-auth{ border-color: #55ACEE; color: #55ACEE; } .social-login-list .tw-auth:hover{ background: #55ACEE; color: var(--color-white)!important; } @media all and (min-width: 992px) and (max-width: 1399px) { .login-form{ padding: 30px; } .social-login-list a{ margin-right: 4px; } } @media only screen and (max-width: 991px) { .login-form { padding: 40px 20px; } } .header-middle-account img { width: 45px; border-radius: 50%; padding: 3px; border: 3px solid var(--theme-color); cursor: pointer; } .header-middle-account .dropdown-menu { border: none; min-width: 220px; border-radius: 10px; box-shadow: var(--box-shadow); } .header-middle-account .dropdown-user{ border-bottom: 1px solid var(--border-info-color); padding: 8px 20px; margin-bottom: 5px; } .header-middle-account .dropdown-user h5{ font-size: 15px; } .header-middle-account .dropdown-user p{ font-size: 14px; text-transform: lowercase; color: var(--body-text-color); } .header-middle-account .dropdown-menu li { width: 100%; } .header-middle-account .dropdown-menu li a i { margin-right: 5px; } .header-middle-account .dropdown-menu .dropdown-item { padding: 6px 20px; font-weight: 500; } .header-middle-account .dropdown-menu .dropdown-item:hover { background: transparent; color: var(--theme-color); padding-left: 25px; } .user-area .sidebar { background: var(--color-white); border-radius: 10px; margin-bottom: 25px; padding: 15px; } .user-area .sidebar-top { text-align: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-info-color); } .user-area .sidebar-profile-img { position: relative; width: 100px; height: 100px; margin: 0 auto 15px auto; border-radius: 50px; padding: 4px; border: 3px solid var(--theme-color); } .user-area .sidebar-profile-img img { border-radius: 50%; } .user-area .sidebar-profile-img button { position: absolute; border-radius: 50px; background: var(--theme-color); color: var(--color-white); width: 30px; height: 30px; line-height: 28px; text-align: center; border: none; right: 0; bottom: 0; } .user-area .profile-img-file { display: none; } .user-area .sidebar-list li { margin: 5px 0; } .user-area .sidebar-list li a { color: var(--color-dark); padding: 6px 6px 6px 15px; display: block; font-weight: 500; transition: var(--transition); } .user-area .sidebar-list li a:hover { padding-left: 20px; } .user-area .sidebar-list li a i { margin-right: 5px; color: var(--theme-color); } .user-area .sidebar-list .active i { color: var(--color-white); } .user-area .sidebar-list .active { background: var(--theme-color); color: var(--color-white); border-radius: 8px; } .user-area .sidebar-list li a span{ float: right; line-height: unset; padding: 0px 6px; border-radius: 10px; margin-top: 3.7px; } .user-card { background: var(--color-white); padding: 15px 20px 20px 20px; border-radius: 10px; margin-bottom: 25px; } .user-card-title { color: var(--color-dark); font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--border-info-color); } .user-card .text-success { color: var(--theme-color) !important; } .user-card-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; margin-bottom: 2px; } .user-card-header .user-card-title { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .user-card-header-right { display: flex; align-items: center; gap: 20px; } .user-card-header .theme-btn { padding: 8px 15px; } @media all and (max-width: 767px) { .user-card-header { flex-direction: column; align-items: flex-start; gap: 20px; } .user-card-header-right { flex-direction: column-reverse; align-items: flex-start; } } .user-card-search .form-group { position: relative; } .user-card-search .form-control { padding: 10px 20px 10px 35px; box-shadow: none; border-radius: 10px; border-color: var(--border-info-color); } .user-card-search .form-control:focus { border-color: var(--theme-color); } .user-card-search i { position: absolute; left: 12px; top: 15px; } .user-card-filter .nice-select{ height: 45px; line-height: 42.5px; border-color: var(--border-info-color); border-radius: 10px; } .user-card-filter .nice-select::after{ width: 6px; height: 6px; margin-top: -5px; } .user-form .form-group { margin-bottom: 15px; } .user-form .form-group label { color: var(--color-dark); margin-bottom: 4px; } .user-form .form-control { padding: 12px 20px; border-radius: 10px; box-shadow: none; } .user-form .nice-select{ width: 100%; height: 50px; line-height: 48px; border-radius: 10px; font-size: 16px; padding-left: 20px; margin-bottom: 15px; } .user-form .nice-select::after{ width: 9px; height: 9px; margin-top: -7px; right: 18px; } .user-form .nice-select .list{ width: 100%; } .user-form .nice-select:focus, .user-form .form-control:focus { border-color: var(--theme-color); } .user-form .theme-btn { width: unset; margin-top: 15px; } .user-form .form-img-upload { width: 100%; height: 140px; border: 2px dashed var(--border-info-color); border-radius: 10px; cursor: pointer; } .user-form .form-img-file { display: none; } .user-form .form-img-upload span { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .user-form .form-img-upload span i { margin-right: 5px; } .user-form .form-check { margin-bottom: 15px; } .user-form .form-check-input { margin-top: 6.5px; box-shadow: none; } .user-form .form-check-input:focus { border-color: var(--theme-color); } .user-form .form-check label { color: var(--color-dark); } .user-form .form-check label a{ color: var(--theme-color); } .user-area .badge{ border-radius: 50px; padding: 5px 12px; } .user-area .badge-success{ background: #DCFCE7; color: #22C79C; font-size: 15px; } .user-area .badge-info{ background: #F3E8FF; color: #A855F7; } .user-area .badge-primary{ background: #DBF7FD; color: #0DCAF0; } .user-area .badge-danger{ background: #FEE2E2; color: #EF4444; } .dashboard-widget { display: flex; align-items: center; justify-content: space-between; padding: 30px 20px; border-radius: 10px; margin: 10px 0; } .dashboard-widget-info span { font-weight: 500; } .dashboard-widget-info h1 { font-size: 30px; font-weight: 700; margin-bottom: 5px; } .dashboard-widget-icon { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; font-size: 32px; border-radius: 50px; } .dashboard-widget.color-1 { background: rgba(168, 85, 247, .08); color: #A855F7; } .dashboard-widget.color-1 h1 { color: #A855F7; } .dashboard-widget.color-1 .dashboard-widget-icon { background: #A855F7; color: #fff; } .dashboard-widget.color-2 { background: rgba(17, 183, 107, .08); color: #11B76B; } .dashboard-widget.color-2 h1 { color: #11B76B; } .dashboard-widget.color-2 .dashboard-widget-icon { background: #11B76B; color: #fff; } .dashboard-widget.color-3 { background: rgba(240, 84, 84, .08); color: #F05454; } .dashboard-widget.color-3 h1 { color: #F05454; } .dashboard-widget.color-3 .dashboard-widget-icon { background: #F05454; color: #fff; } .dashboard-widget.color-4 { background: rgba(13, 202, 240, .08); color: #0DCAF0; } .dashboard-widget.color-4 h1 { color: #0DCAF0; } .dashboard-widget.color-4 .dashboard-widget-icon { background: #0DCAF0; color: #fff; } .user-area .table { border-collapse: separate; border-spacing: 0 10px; margin-bottom: 0; } .user-area .table th{ color: var(--body-text-color); } .user-area .table tbody tr{ background: var(--theme-bg-light); margin-bottom: 10px; background-color: #cfe9d496; } .user-area .table td{ background: unset; } .user-area .table td:first-child { border-left-style: solid; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .user-area .table td:last-child { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .user-area .table-list-info a { display: flex; align-items: center; gap: 15px; } .user-area .table-list-info h6 { transition: all .5s ease-in-out; margin-bottom: 5px; } .user-area .table-list-content:hover h6 { color: var(--theme-color); } .user-area .table-list-info p{ color: var(--color-dark); } .user-area .table-list-info span{ color: var(--color-dark); } .user-area .table-list-img{ background: var(--color-white); border-radius: 10px; } .user-area .table-list-info img { width: 150px; border-radius: 8px; } .user-area .user-card .table>:not(caption)>*>* { vertical-align: middle; padding: 0.8rem 0.8rem; } .user-area .table-list-code{ color: var(--theme-color2); font-weight: 500; } @media all and (max-width: 767px) { .user-area .table-list-info a { display: block; } .user-area .table-list-info h6 { margin-top: 10px; } } .user-action-dropdown .btn{ padding: 4px 9px; border-radius: 8px; } .user-action-dropdown .dropdown-menu{ border: none; box-shadow: var(--box-shadow); z-index: 1; } .user-action-dropdown .dropdown-item:hover{ background: transparent; color: var(--theme-color); } .user-action-dropdown .dropdown-item i{ margin-right: 5px; } .user-order-detail .order-detail-content{ background: var(--theme-bg-light); padding: 30px; border-radius: 10px; margin-top: 15px; } .user-order-detail .order-detail-content h5{ margin-bottom: 20px; } .user-order-detail .order-detail-content p i{ margin-right: 5px; } .user-order-detail .order-detail-content li{ margin: 5px 0; } .user-order-detail .order-detail-content li span{ float: right; } .user-order-detail .order-detail-content li:last-child{ border-top: 1px solid var(--border-info-color); margin-top: 10px; padding-top: 10px; font-weight: 500; } .user-ticket-detail .ticket-detail-content{ margin-top: 30px; } .user-ticket-detail .ticket-chat-item{ display: flex; gap: 20px; margin: 50px 0; } .user-ticket-detail .ticket-img img{ width: 80px; border-radius: 50%; } .user-ticket-detail .ticket-info{ flex: 1; } .user-ticket-detail .ticket-info span{ color: var(--theme-color); } .user-track-order .track-order-content{ margin-top: 30px; } .user-track-order .track-order-content h5{ text-transform: uppercase; font-size: 15px; letter-spacing: 1px; } .user-track-order .track-order-content h5 span{ color: var(--theme-color); } .user-track-order .track-order-info{ margin-top: 25px; } .user-track-order .track-order-info a{ background: var(--theme-bg-light); padding: 10px 20px; border-radius: 10px; margin: 0 5px 5px 0; } .user-track-order .track-order-info a span{ font-weight: 500; } .user-track-order .track-order-step{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } .user-track-order .track-order-step .step-item{ text-align: center; padding: 10px; flex: 1; position: relative; z-index: 1; } .user-track-order .track-order-step .step-item::before{ content: ""; position: absolute; width: 100%; height: 5px; background: var(--theme-color2); left: 0; top: 50px; z-index: -1; } .user-track-order .track-order-step .step-item:first-child:before{ width: 50%; left: unset; right: 0; } .user-track-order .track-order-step .step-item:last-child:before{ width: 50%; } .user-track-order .track-order-step .step-item.completed::before{ background: var(--color-red); } .user-track-order .track-order-step .step-icon{ width: 80px; height: 80px; line-height: 80px; text-align: center; background: var(--theme-color2); color: var(--color-white); font-size: 35px; border-radius: 50%; margin: 0 auto; } .user-track-order .track-order-step .step-item.completed .step-icon{ background: #11b76be3; } .user-track-order .track-order-step .step-item h6{ margin-top: 15px; font-size: 14px; } @media all and (max-width: 767px) { .user-track-order .track-order-step{ flex-wrap: nowrap; flex-direction: column; } .user-track-order .track-order-step .step-item::before{ display: none; } } .user-country .user-country-list li{ display: flex; align-items: center; gap: 10px; margin: 12px 0; } .user-country .user-country-list li:last-child{ margin-bottom: 0; } .user-country .user-country-list li img{ width: 35px; border-radius: 4px; } .user-country .user-country-list li h6{ color: var(--body-text-color); font-weight: 500; flex: 1; } .user-country .user-country-list li span{ color: var(--body-text-color); font-weight: 500; } .user-store .store-file{ display: none; } .user-store .store-logo-preview{ position: relative; width: 120px; height: 120px; margin-top: 10px; margin-bottom: 30px; border: 1px solid var(--border-info-color); padding: 10px; border-radius: 50%; } .user-store .store-banner-preview{ position: relative; margin-top: 10px; margin-bottom: 30px; } .user-store .store-banner-preview img{ border-radius: 12px; } .user-store .store-banner-preview button, .user-store .store-logo-preview button{ position: absolute; border-radius: 50px; width: 35px; height: 35px; background: var(--theme-color); color: var(--color-white); border: none; box-shadow: var(--box-shadow); } .user-store .store-logo-preview button{ right: -10px; bottom: 20px; } .user-store .store-banner-preview button{ right: 20px; bottom: 20px; } .user-payout .user-payout-content{ margin-top: 20px; } .user-payout .payout-item{ background: var(--theme-bg-light); padding: 30px; border-radius: 10px; } .user-payout .next-payout p{ margin-top: 20px; margin-bottom: 36px; font-size: 18px; } .user-payout .next-payout p span{ font-weight: 500; } .user-payout .payout-method .payout-method-img{ margin-top: 20px; margin-bottom: 25px; } .user-payout .payout-method .payout-method-img img{ width: 100px; margin-right: 10px; } @media all and (max-width: 991px) { .user-payout .next-payout{ margin-bottom: 20px; } } .user-setting .form-check{ margin-bottom: 10px; } .user-setting .form-check-input{ margin-top: 6.5px; box-shadow: none; } .user-setting .form-check-label{ color: var(--body-text-color); } .user-message .message-wrapper { display: flex; } .user-message .message-inbox { max-width: 340px; border: 1px solid var(--border-info-color); border-radius: 10px; } .user-message .message-inbox { overflow: hidden; } .user-message .message-content { padding-left: 30px; position: relative; overflow: hidden; } .user-message .message-content-info { max-height: 750px; overflow-y: scroll; margin-right: -50px; padding-right: 50px; } .user-message .message-inbox, .user-message .message-content { flex: 1; } .user-message .message-inbox ul { max-height: 950px; overflow-y: scroll; width: 357px; list-style: none; padding: 0; margin: 0; } .user-message .message-inbox ul li.message-active { border-left: 3px solid var(--theme-color); } .user-message .message-inbox ul li { border-bottom: 1px solid var(--border-info-color); transition: .2s; list-style: none; } .user-message .message-inbox ul li:last-child { border-bottom: none; } .user-message .message-by-content h5 { margin-bottom: 0; font-size: 14px; line-height: 1; } .user-message .message-inbox ul li a { position: relative; display: block; padding: 30px; } .user-message .message-inbox .message-avatar { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); } .user-message .message-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; } .user-message .message-avatar img { width: 50px; height: 50px; } .user-message .message-inbox .message-by { margin-left: 50px; } .user-message .message-by-content h5 i { background: var(--color-yellow); padding: 3px 8px; border-radius: 50px; color: var(--color-white); font-size: 13px; } .user-message .message-by-content span { font-size: 13px; position: absolute; top: 25.5px; right: 25px; float: right; color: var(--body-text-color); } .user-message .message-inbox .message-by p { height: 26px; max-width: 205px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; margin: 0; padding: 0; color: var(--body-text-color); line-height: 27px; } .user-message .message-item { display: block; position: relative; margin-bottom: 25px; } .user-message .message-item .message-avatar { position: absolute; left: 0; top: 0; } .user-message .message-item .message-avatar img { width: 50px; height: 50px; display: inline-block; border-radius: 50%; } .user-message .message-item .message-description { margin-left: 70px; background: var(--theme-bg-light); border-radius: 12px; padding: 20px; position: relative; } .user-message .message-item .message-description::before { position: absolute; top: 0px; left: -9px; content: "\f0d9"; font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 31px; color: var(--theme-bg-light); } .user-message .message-item .message-description p { font-size: 15px; padding: 0; margin: 0; line-height: 27px; } .user-message .message-item.me .message-avatar { left: auto; right: 0; position: absolute; top: 0; } .user-message .message-item.me .message-description { color: var(--theme-color); background-color: rgba(9, 195, 152, 0.1); margin-left: 0; margin-right: 70px; border-radius: 12px; padding: 20px; position: relative; } .user-message .message-item.me .message-description::before { content: "\f0da"; left: auto; right: -11px; color: #E6F9F4; } .user-message .message-reply { margin-top: 15px; position: absolute; bottom: 0; left: 30px; right: 15px; } .user-message .message-reply .form-control { padding: 15px 20px; box-shadow: none; border-radius: 10px; } .user-message .message-reply .form-control:focus { border-color: var(--theme-color); } .user-message .message-reply .theme-btn { margin-top: 15px; } .user-message .message-status { width: 12px; height: 12px; background: var(--theme-color2); display: flex; border-radius: 50%; border: 3px solid var(--color-white); position: absolute; right: -5px; top: 50%; } .user-message .message-status.online { background: var(--theme-color); } .user-message .message-status.offline { background: var(--color-red); } .user-message .message-status.busy { background: var(--color-yellow); } .user-message .header-account:hover{ cursor: pointer; } .user-message .header-account img { width: 45px; border-radius: 50%; } .user-message .header-account .dropdown-menu{ border: none; border-radius: 10px; box-shadow: var(--box-shadow); } .user-message .header-account .dropdown-item:hover{ background: transparent; color: var(--theme-color); padding-left: 20px; } @media all and (max-width: 991px) { .user-message .message-by-content span { right: 65px; } .user-message .message-reply { right: 0; } } @media all and (max-width: 767px) { .user-message .message-wrapper { flex-direction: column; gap: 50px; } .user-message .user-card-header { flex-direction: row; align-items: center; gap: 20px; } .user-message .message-content { padding-left: 0; padding-bottom: 200px; } .user-message .message-reply { left: 0; } } .pagination-area{ margin: 40px 0 40px 0; } .pagination { display: flex; justify-content: center; align-items: center; } .pagination .page-link { border: none; background: var(--theme-color2); color: var(--color-white); margin: 0 10px; border-radius: 12px !important; width: 40px; height: 40px; line-height: 28px; text-align: center; transition: var(--transition); } .pagination .page-link:hover, .pagination .page-item.active .page-link { background: var(--theme-color); color: var(--color-white); z-index: 1; } .contact-area { position: relative; } .contact-content { margin-bottom: 50px; } .contact-info { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 15px; padding: 25px 15px; position: relative; margin-bottom: 25px; border-radius: 15px; background:var(--color-white); box-shadow: var(--box-shadow); transition: var(--transition); } .contact-info:hover{ transform: translateY(-8px) } .contact-info-icon i { font-size: 35px; color: var(--color-white); width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50px; background: var(--theme-color); } .contact-info h5 { font-size: 18px; margin-bottom: 8px; color: var(--color-dark); } .contact-info p{ color: var(--body-text-color); font-weight: 500; font-size: 16px; } .contact-form{ background: var(--color-white); border-radius: 10px; padding: 30px 30px 10px 30px; box-shadow: var(--box-shadow); } .contact-form-header { margin-bottom: 30px; } .contact-form-header h2 { font-size: 25px; font-weight: 700; margin-bottom: 10px; color: var(--color-dark); } .contact-form .form-group { margin-bottom: 25px; } .contact-form .form-group .form-control { padding: 15px 20px; border-radius: 12px; box-shadow: none; transition: var(--transition); } .contact-form .form-group .form-control:focus { border-color: var(--theme-color); } .contact-map { margin-bottom: -9px; } .contact-map iframe { width: 100%; height: 350px; } @media all and (max-width: 991px) { .contact-info{ padding: 35px; } } @media all and (max-width: 768px) { .contact-content { margin-top: 50px; margin-bottom: 0; } } .instagram-area{ position: relative; } .instagram-item { position: relative; } .instagram-img img{ border-radius: 10px; } .instagram-item::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 10px; opacity: 0; z-index: 0; transition: 0.4s; } .instagram-item a { position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: var(--theme-color); color: var(--color-white); font-size: 20px; visibility: hidden; opacity: 0; text-align: center; z-index: 2; transition: 0.4s; transform: translate(-50%, -50%); } .instagram-item:hover::after { width: 100%; opacity: 1; } .instagram-item:hover a { visibility: visible; opacity: 1; } 
/* Lima Laptops — interfaz 2026. Paleta CPP Store. */
:root{--theme-color:#7939ef;--theme-color2:#6025ca;--theme-bg-light:#f9fafb;--color-white:#fff;--color-dark:#111827;--color-dark2:#1f2937;--color-blue:#7939ef;--color-green:#15803d;--color-red:#dc2626;--color-yellow:#f59e0b;--color-gray:#e5e7eb;--body-text-color:#4b5563;--body-font:Arial,Helvetica,sans-serif;--heading-font:Arial,Helvetica,sans-serif;--border-info-color:#e5e7eb;--border-info-color2:#f0f1f4;--border-white-color:#ffffff20;--footer-bg:#171126;--footer-text-color:#ded7eb;--box-shadow:0 8px 28px #24103d08;--box-shadow2:0 12px 36px #24103d14;--transition:all .2s ease;--transition2:all .2s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9fafb;color:#4b5563;font:400 15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#7939ef}img{max-width:100%;height:auto}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#111827;line-height:1.25;font-weight:700;margin:0}p{margin:0 0 12px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}::selection{background:#ede9fe;color:#4c1d95}.container{max-width:1280px;padding-left:24px;padding-right:24px}.preloader{display:none!important}.ocultar{display:none}.mostrar{display:block}.delete{text-decoration:line-through}.site-heading-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 22px}.site-title{font-size:28px;letter-spacing:-.8px}.site-heading-inline>a{font-size:13px;font-weight:700;color:#7939ef}.site-heading-inline>a i{margin-left:8px}.theme-btn,.product-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid #7939ef;border-radius:10px;background:#7939ef;color:white;font-size:14px;font-weight:700;line-height:1.4;box-shadow:none;transition:background .2s}.theme-btn:hover,.product-cart-btn:hover{background:#6025ca;border-color:#6025ca;color:white}.theme-btn:before,.theme-btn:after{display:none}.form-control,select.select{min-height:46px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px 14px;color:#111827}.form-control:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7939ef12}label{font-size:13px;color:#374151;font-weight:600}.header{background:#fff}.header-top{background:#241139;color:#e9ddfa;font-size:11px;padding:8px 0}.header-top-list,.header-top-right,.header-top-left,.header-top-social{display:flex;align-items:center;gap:18px}.header-top-right{justify-content:flex-end}.header-top-list i{margin-right:5px}.header-top a:hover{color:#fff}.header-top-social{gap:12px}.header-middle{padding:20px 0}.header-middle-logo img{width:155px;height:68px;object-fit:contain}.header-middle-search .search-content{display:flex;align-items:center;position:relative;border:1px solid #e5e7eb;background:#f9fafb;border-radius:13px;padding:4px}.header-middle-search form{display:flex;align-items:center;flex:1;min-width:0}.header-middle-search .select{max-width:140px;border:0;background:transparent;font-size:12px}.header-middle-search .form-control{background:transparent;border:0;box-shadow:none;min-width:0}.header-middle-search .search-btn{border:0;background:transparent;color:#7939ef;padding:8px 14px}.header-middle-list{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-right:46px}.header-middle-list .list-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.header-middle-list i{font-size:18px;color:#7939ef}.header-middle-line{display:none}.flotante{position:absolute;top:70px;right:max(24px,calc((100vw - 1232px)/2));background:#f5f0ff;border:0;border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;z-index:20}.carritointem{font-size:22px;color:#7939ef}#numerito{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;font:700 11px/19px Arial;text-align:center;background:#7939ef;color:#fff;border-radius:50%}.main-navigation,.navbar,.navbar.fixed-top{background:#7939ef}.navbar .container{min-height:58px}.navbar .nav-item .nav-link{color:#fff;font-size:13px;padding:18px 0;margin-right:24px!important}.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link.active{color:#eee4ff}.navbar li .new{display:none}.navbar .nav-right{margin-left:12px!important}.navbar .nav-right .theme-btn{background:#fff;color:#6025ca;border-color:#fff;padding:8px 14px;font-size:12px}.navbar .category-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff30;border-radius:8px;padding:10px 16px;font-size:13px;min-width:150px}.category-btn i{margin-right:8px}.category-all{margin-right:26px}.navbar .dropdown-menu,.main-category{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 40px #17072f1c;background:#fff;color:#374151}.navbar .dropdown-item{padding:9px 14px;font-size:13px;border-radius:6px}.navbar .dropdown-item:hover{color:#7939ef;background:#f5f0ff}.navbar .mega-menu-title{font-size:13px;color:#7939ef;margin-bottom:12px}.navbar .logo-scrolled{display:none!important}.mega-menu-img{display:none}.main-category{z-index:50}.header .nav-right-link,.navbar-toggler{color:inherit}.header .navbar-toggler{color:white;border-color:#ffffff66}.hero-section2{padding-top:24px}.hero-slider-wrap{border-radius:20px;overflow:hidden;background:#241139}.hero-single{min-height:365px;padding:38px 12px;background:linear-gradient(120deg,#28143e,#462377);color:white}.hero-single>.container{padding:0 28px}.hero-sub-title{font-size:32px;color:#d9b6ff;letter-spacing:-1px;margin-bottom:16px}.hero-title{font-size:25px;color:#fff;line-height:1.35;letter-spacing:-.5px;text-transform:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-title span{color:inherit}.hero-btn{margin-top:24px}.hero-btn .theme-btn{background:#fff;color:#6025ca;border:0}.hero-img{padding:20px;background:#fff;border-radius:18px}.hero-img img{display:block;width:100%;height:235px;object-fit:contain}.small-banner .banner-item{margin-bottom:14px;border-radius:16px;overflow:hidden}.small-banner .banner-item img{display:block;width:100%;max-height:176px;object-fit:cover}.banner-item{border-radius:14px;overflow:hidden}.banner-item img{width:100%;display:block}.banner-content{padding:0}.hero-section2+.container{margin-top:20px}.owl-carousel{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c4b5fd transparent;padding-bottom:10px}.owl-carousel>*{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;min-width:0}.hero-slider>*{flex-basis:100%}.hero-slider{gap:0;padding-bottom:0}.hero-slider:has(>.owl-stage-outer){display:block!important}.owl-carousel:has(>.owl-stage-outer){display:block!important}.owl-stage{display:flex}.owl-item{float:none;flex-shrink:0}.owl-nav{display:flex;gap:8px;justify-content:flex-end;margin:12px 0}.owl-nav button{width:32px;height:32px;border:1px solid #e5e7eb!important;border-radius:50%;background:#fff!important;color:#7939ef!important}.owl-dots{display:flex;justify-content:center;gap:6px}.owl-dot span{display:block;width:6px;height:6px;background:#c4b5fd;border-radius:50%}.brand-slider>*{flex-basis:140px}.brand-item{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.brand-item img{max-height:65px;object-fit:contain}.product-item{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;height:100%;transition:border-color .2s,box-shadow .2s}.product-item:hover{border-color:#c4b5fd;box-shadow:0 8px 22px #7939ef0c}.product-img{position:relative;padding:24px;min-height:210px;background:#fff}.product-img>a{display:flex;align-items:center;justify-content:center;height:190px}.product-img img,.imgtienda{max-width:100%;width:100%;height:190px;object-fit:contain;margin:0}.product-img .type{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;background:#f2ecff;color:#6930cc;border-radius:6px;padding:4px 8px;z-index:1}.product-action-wrap{position:absolute;right:10px;top:10px}.product-action{display:flex;flex-direction:column;gap:5px}.product-action a{background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:30px;height:30px;text-align:center;font-size:12px;line-height:29px}.product-content{padding:18px;border-top:1px solid #f3f4f6}.product-title{font-size:13px;line-height:1.55;font-weight:600;min-height:61px;margin-bottom:10px}.product-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-rate,.product-list-rate{color:#d69b27;font-size:10px;letter-spacing:2px;margin:10px 0}.product-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.product-price{font-size:22px;font-weight:700;letter-spacing:-.8px;color:#6025ca}.product-price del{font-size:12px;color:#9ca3af}.product-cart-btn{font-size:11px;padding:10px 12px;border-radius:8px;min-height:36px}.product-list-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.product-list-title{font-size:18px;margin-bottom:15px}.product-list-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f3f4f6}.product-list-img{width:80px;flex:0 0 80px}.product-list-img img{height:78px;object-fit:contain}.product-list-content h4,.product-list-content h5{font-size:12px;line-height:1.5}.product-list-price{color:#6025ca;font-weight:700}.product-brand{padding:22px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.brand-list li{padding:10px 0;border-bottom:1px solid #f3f4f6}.deal-wrap{background:#f0e9fe;border:1px solid #e3d5fc;border-radius:20px;overflow:hidden}.deal-img img{max-height:350px;object-fit:contain}.deal-content{padding:36px}.deal-sub-title{font-size:12px;letter-spacing:1px;color:#7939ef}.deal-title{font-size:28px;margin:12px 0}.deal-price{font-size:30px;color:#6025ca;font-weight:700;margin:15px 0}.deal-countdown{margin:15px 0}.countdown-item{padding:10px}.countdown-item h2{font-size:22px}.countdown-item h5{font-size:11px}.newsletter-wrap{border-radius:20px;background:#ede9fe;padding:32px}.newsletter-content{text-align:center}.newsletter-content h2{font-size:24px;margin-bottom:12px}.subscribe-form{display:flex;gap:10px}.newsletter-img-1,.newsletter-img-2{display:none}.breadcrumb-area,.site-breadcrumb{background:#f0e9fe!important;background-image:none!important;padding:30px 0!important;margin-bottom:24px}.breadcrumb-title,.breadcrumb-area h4,.site-breadcrumb h2{font-size:24px!important;color:#241139!important}.breadcrumb-list{display:flex;gap:10px;font-size:12px;margin-top:10px}.breadcrumb-item.active{color:#7939ef}.shop-single,.shop-area,.shop-cart,.shop-checkout,.user-area{padding-top:28px;padding-bottom:48px}.shop-single .shop-single-title{font-size:26px}.shop-single-price{color:#6025ca}.shop-single .flexslider-thumbnails{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px}.flexslider-thumbnails .slides>li{display:none}.flexslider-thumbnails .slides>li:first-child{display:block}.flexslider-thumbnails img{width:100%;height:360px;object-fit:contain}.shop-single-tab{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;margin-top:26px}.shop-single-details .theme-btn{margin-top:12px}.shop-single-content h4{font-size:25px}.shop-cart-qty{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.shop-cart-qty button{border:0;background:#f5f0ff;padding:8px 12px;color:#7939ef}.shop-cart-qty .quantity{border:0;background:#fff;width:50px;text-align:center;color:#111827;padding:8px}.table-list-info{width:100%}.table-list-content{width:50%;white-space:pre-line}.table-list-info td,.table-list-info th{padding:14px;border-bottom:1px solid #e5e7eb}.imgcard01{width:150px}.img2002{width:100%;height:220px;object-fit:contain}.imgdistri{width:100%;height:auto}.precio_oferta{color:#7939ef;font-size:28px;font-weight:700}.ofertaweb{max-width:70%;position:absolute;bottom:0;left:0}.seller-title{font-size:12px}.color1001{background:#f5f0ff}.login-form,.user-profile-card,.shop-cart-summary,.shop-checkout-form{border-radius:16px!important;border:1px solid #e5e7eb!important;box-shadow:none!important;background:#fff}.footer-area{background:#171126;color:#d7cfe4;margin-top:60px;font-size:12px}.footer-widget-wrapper{padding-top:46px!important;padding-bottom:30px!important}.footer-widget-title{font-size:14px;color:#fff;margin-bottom:18px}.footer-widget-box{margin-bottom:24px}.footer-list li,.footer-contact li{margin:9px 0}.footer-call{display:flex;gap:12px;align-items:center;margin-bottom:20px}.footer-call-icon{font-size:26px;color:#c4b5fd}.footer-call-info a{color:#fff;font-size:19px;font-weight:700}.footer-area a:hover{color:#c4b5fd}.footer-contact i{margin-right:8px;color:#c4b5fd}.footer-logo img{max-width:140px}.copyright{padding:20px 0;border-top:1px solid #ffffff15;font-size:11px}.copyright-wrap .row{align-items:center}.footer-social{display:flex;justify-content:flex-end;gap:14px}.footer-payment img{max-width:150px}.whatsapp{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#168b48;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;box-shadow:0 5px 18px #132b2224;z-index:100}.whatsapp:hover{color:#fff;background:#10763b}#scroll-top{position:fixed;bottom:85px;right:30px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;padding:8px 12px;display:none}#scroll-top.active{display:block}.modal222{display:none;position:fixed;z-index:1100;inset:0;background:#0009;padding:24px}.modal-content2222{background:#fff;margin:8vh auto;padding:24px;border-radius:14px;max-width:800px;width:100%}.close2222{float:right;font-size:26px;cursor:pointer}.responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.responsive-video iframe{position:absolute;inset:0;width:100%;height:100%}.yutu1{width:42px;cursor:pointer}.lima-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin:10px 0}.lima-carousel-controls button{border:1px solid #e5e7eb;background:#fff;color:#7939ef;border-radius:50%;width:34px;height:34px}.lima-image-missing{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;min-height:100px;background:#f9fafb;border-radius:10px}.lima-lightbox{border:0;padding:20px;border-radius:14px;max-width:90vw}.lima-lightbox::backdrop{background:#111827b3}.lima-lightbox img{max-height:80vh}.lima-lightbox iframe{width:75vw;height:70vh}.lima-lightbox button{display:block;margin-left:auto;border:0;background:#f3f4f6;padding:4px 12px;border-radius:6px}
@media(min-width:992px){.navbar .navbar-collapse{justify-content:flex-end}.header-middle .row{min-height:70px}.main-navigation .navbar{min-height:58px}.navbar .mega-menu .dropdown-menu{max-height:70vh;overflow:auto}.shop-single .container>.row{align-items:start}}
@media(max-width:991px){.header-top .social{display:none}.header-top-list{gap:12px}.header-top-right{justify-content:flex-end}.header-middle{padding:12px 0}.header-middle-logo img{width:125px;height:50px}.header-middle-list{gap:12px;padding-right:38px}.header-middle-list .list-item{font-size:11px}.flotante{top:53px;right:22px;width:36px;height:36px}.navbar .container{min-height:54px}.navbar .nav-item .nav-link{color:#374151!important;margin-right:0!important;padding:12px!important}.navbar .navbar-collapse{background:#fff;border-radius:12px;padding:12px;margin:10px 0}.navbar .dropdown-menu{box-shadow:none}.category-all{margin-right:auto}.mobile-search-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px}.hero-single{min-height:340px;padding:28px 8px}.hero-title{font-size:24px}.hero-img img{height:230px}.small-banner>.row{display:flex}.hero-section2 .small-banner .banner-item img{max-height:160px}.owl-carousel>*{flex-basis:calc((100% - 20px)/2)}.hero-slider>*{flex-basis:100%}.brand-slider>*{flex-basis:130px}.footer-widget-wrapper{padding-top:30px!important}.solopc{display:none}}
@media(max-width:575px){.container{padding-left:16px;padding-right:16px}.header-top{font-size:10px}.header-top .help,.header-top .header-top-right{display:none}.header-top-list{justify-content:center}.header-middle-logo img{width:105px;height:46px}.header-middle-list{gap:9px}.header-middle-list .list-item i{font-size:16px}.header-middle-list .list-item{font-size:10px}.flotante{top:48px;right:14px}.hero-section2{padding-top:16px}.hero-single{padding:24px 0;min-height:0}.hero-single>.container{padding:0 20px}.hero-single .row{flex-direction:column-reverse;gap:22px}.hero-img{padding:12px;max-width:270px;margin:auto}.hero-img img{height:175px}.hero-title{font-size:20px;-webkit-line-clamp:3}.hero-sub-title{font-size:28px;margin-bottom:10px}.hero-btn{margin-top:18px}.hero-btn .theme-btn{width:100%}.site-title{font-size:23px}.site-heading-inline{margin-top:26px}.product-img{padding:14px;min-height:160px}.product-img>a,.product-img img{height:140px}.product-content{padding:13px}.product-title{font-size:12px;min-height:56px}.product-price{font-size:20px}.product-cart-btn{width:100%}.product-bottom{gap:8px}.product-action-wrap{display:none}.owl-carousel{gap:12px}.owl-carousel>*{flex-basis:calc((100% - 12px)/2)}.hero-slider>*{flex-basis:100%}.hero-slider{gap:0}.product-area .row>.col-md-6{width:50%}.site-breadcrumb,.breadcrumb-area{padding:22px 0!important}.footer-social{justify-content:flex-start}.newsletter-wrap{padding:22px}.subscribe-form{flex-direction:column}.deal-content{padding:22px}.deal-title{font-size:22px}.table-list-info{font-size:12px}.table-list-info td{padding:8px}.flexslider-thumbnails img{height:230px}.shop-single-content h4{font-size:22px}.modal222{padding:12px}.whatsapp{width:46px;height:46px;right:16px;bottom:16px;font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.py-10{padding-block:10px}
.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.py-20{padding-block:20px}
.pt-30{padding-top:30px}.pb-30{padding-bottom:30px}.py-30{padding-block:30px}
.pt-40{padding-top:40px}.pb-40{padding-bottom:40px}.py-40{padding-block:40px}
.pt-50{padding-top:50px}.pb-50{padding-bottom:50px}.py-50{padding-block:50px}
.pt-60{padding-top:56px}.pb-60{padding-bottom:56px}.py-60{padding-block:56px}
.pt-70{padding-top:56px}.pb-70{padding-bottom:56px}.py-70{padding-block:56px}
.pt-80{padding-top:56px}.pb-80{padding-bottom:56px}.py-80{padding-block:56px}
.pt-90{padding-top:56px}.pb-90{padding-bottom:56px}.py-90{padding-block:56px}
.pt-100{padding-top:56px}.pb-100{padding-bottom:56px}.py-100{padding-block:56px}
.pt-120{padding-top:56px}.pb-120{padding-bottom:56px}.py-120{padding-block:56px}

/* Ajustes de integración del carrito y encabezado */
html{overflow-x:clip}.header-middle .navbar-brand img{width:160px;height:85px;object-fit:cover}.dropdown-cart-menu{display:none;position:absolute;right:0;top:100%;width:min(340px,90vw);padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 50px #24113926;color:#374151;text-align:left}.dropdown-cart:hover .dropdown-cart-menu,.dropdown-cart:focus-within .dropdown-cart-menu{display:block}.dropdown-cart-header,.dropdown-cart-total{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px}.dropdown-cart-bottom .theme-btn{margin-top:10px;width:100%}.dropdown-cart-list{max-height:320px;overflow:auto}.header-middle-list .flotante{padding:0}.banner-area{margin-top:24px}.navbar .nav-item .nav-link .new{display:none!important}

.site-breadcrumb .breadcrumb-menu{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.site-breadcrumb .breadcrumb-menu li+li:before{content:"/";margin-right:10px;color:#a78bfa}.site-breadcrumb{padding:24px 0!important}.price-range input[type=range]{width:100%;accent-color:#7939ef}.countdown{color:#6025ca;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:575px){.shop-sort{gap:8px;padding:12px!important}.shop-sort select{width:100%;min-width:0;font-size:12px}.shop-area .row>div:has(>.product-item){width:50%;padding:6px}.product-content{padding:12px!important}.product-img{height:155px!important}.product-title{font-size:12px!important}.product-bottom{flex-wrap:wrap}.product-price span{font-size:17px!important}}

/* Encabezados de sección e índice de marcas */
.site-heading-inline .site-title{display:flex;align-items:center;gap:12px;min-width:0;margin:0}.site-heading-inline .site-title>img{display:block;width:30px;height:30px;max-width:30px;flex:0 0 30px;object-fit:contain;filter:hue-rotate(120deg) saturate(1.1)}.site-heading-inline>a{flex-shrink:0;white-space:nowrap}.product-brand .brand-list{display:grid;gap:2px;margin:14px 0 18px}.product-brand .brand-list>a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-size:13px;line-height:1.4}.product-brand .brand-list>a:hover{background:#f3edff;color:#7939ef}.product-brand .brand-list i{color:#7939ef;font-size:13px}.product-brand .brand-list span{margin-left:auto;color:#6b7280;font-size:11px}.product-brand>.theme-btn{width:100%}@media(max-width:575px){.site-heading-inline .site-title{font-size:21px;gap:8px}.site-heading-inline .site-title>img{width:25px;height:25px;max-width:25px;flex-basis:25px}}

/* Pie compacto: medios de pago y alineación */
.footer-area .footer-payment{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.footer-area .footer-payment>span{font-size:12px;margin-right:4px;white-space:nowrap}.footer-area .footer-payment>img{display:block;width:48px;height:30px;max-width:48px;object-fit:contain;border-radius:4px;flex:0 0 48px}.footer-area .copyright-wrap{padding:20px 0}.footer-area .copyright-wrap>.row{align-items:center;row-gap:16px}.footer-area .copyright-text{text-align:center;margin:0;font-size:12px;line-height:1.6}.footer-area .footer-social{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.footer-area .footer-social>span{font-size:12px}@media(max-width:991px){.footer-area .footer-payment,.footer-area .footer-social{justify-content:center}.footer-area .copyright-wrap{padding:20px 0}}