/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ body { font-family: 'Inter', sans-serif; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/nc_assets/fonts/inter/Inter-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; } /* .popup-style */ .form-section {width: 100%;} .contact-form {width: 100%; max-width: 578px; margin: 0 auto; background-color: rgba(238, 198, 217, 0.4); padding: 24px 24px 34px; border: 1px solid #D9D9D9; border-radius: 8px; } .form-cros-icon a{display: flex; justify-content: center; align-items: center; width: 24px; height: 24px;} .form-cros-icon a svg{width: 20px; height: auto;} .form-group h5{font-size: 20px; line-height: 24px; color: #D42809; margin-bottom: 4px; font-weight: 400;} .form-group p{font-size: 13px; line-height: 18px; color: #757575; margin-bottom: 0;} /* .form-group{margin-top: 10px;} */ .form-group label{color: #1E1E1E; font-size: 16px; line-height: 22px; font-weight: 400;} .form-group input, .form-group select, .form-group textarea{width:100%;max-width: 530px; margin-top: 8px; border: 1px solid #D9D9D9; background-color: #FFFFFF; padding:12px 16px ; border-radius: 8px} .form-group select{padding:0 16px ; color: #828282; font-size: 16px; line-height: 1; background-image:none; } .form-group input::placeholder, .form-group textarea::placeholder { color: #B3B3B3; font-size: 16px; line-height: 1; } .form-group.checkbox-group {display: flex; } .checkbox-group label { color: red; font-weight: 400; margin-left: 12px; } .checkbox-group input[type="checkbox"] { appearance: none; width: 16px; height: 16px; margin: 3px 0 0; padding: 0; border: 1px solid red; border-radius: 4px; background-color: #fff; cursor: pointer; position: relative; display: inline-block; box-sizing: border-box; } .checkbox-group input[type="checkbox"]:checked { background-color: red; border-color: red; } .checkbox-group input[type="checkbox"]:checked::after { content: '✔'; color: white; font-size: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; } .form-group.text-button {display: inline-block; margin-top: 15px;} .form-group.text-button a{font-weight: 400; background-color: rgba(238, 198, 217, 0.5); align-items: center; display: flex; padding: 11px; color: #79747E; border-radius: 8px; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; transition: all 0.8s ease;} .form-group.text-button a i{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-left: 55px;} .form-group.text-button a i svg{width: 20px; height: auto; } .custom-select { position: relative; display: inline-block; width: 100%; } .custom-select select { appearance: none; width: 100%; padding: 12px 40px 12px 12px; position: relative; cursor: pointer; box-sizing: border-box; background-image:none; } .custom-arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .form-group button{width: 100%; background-color: #EEC6D9; color: #D42809; font-weight: 400; border-radius: 8px; padding: 12px; font-size: 16px; line-height: 1; transition: all 0.8s ease;} .pop-up-section{width: 100%;} .pop-up-section .contact-form{ width: 100%; max-width: 452px; margin: 0 auto; padding: 24px 15px 30px;} .pop-up-section .form-group label{color: #D42809;} .pop-up-section .contact-form .form-group input, .pop-up-section .contact-form .form-group select, .pop-up-section .contact-form .form-group textarea{max-width: 420px;} .form-media-img{margin: 24px 0 16px;} .form-media-img a{display: block; padding-top: 45%; position: relative; max-width: 282px; margin: 0 auto; border-radius: 12px; overflow: hidden;} .form-media-img a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill; object-position: center;} .pop-up-section .form-group {margin: 0 0 30px ;} .pop-up-section .form-group.submit-button {margin: 0;} .pop-up-section .form-group h5{margin-bottom: 0;} .form-group-pragrap{display: flex; justify-content: space-between; flex-flow: wrap; } .form-group-pragrap .form-pragraph{margin-right: 15px;} .form-group p{color: #49454F; font-size: 14px; line-height: 20px;} .form-group.plus-minus { display: flex; position: relative;} .form-group.plus-minus .Cantidades-minus{position: absolute; right: 69px; top: 2px;} .form-group.plus-minus .Cantidades-plus{position: absolute; right: 15px; top: 2px;} .form-group.plus-minus .Cantidades-minus a, .form-group.plus-minus .Cantidades-plus a{width: 36px ; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 100%;} .form-group.plus-minus .Cantidades-minus a svg, .form-group.plus-minus .Cantidades-plus a svg{width: 32px ; height: auto; } .quantity-number-outer{width: calc(100% - 30%);} .quantity-number{padding: 6.5px 21px 6.5px 12px; color: #767676; position: relative; font-size: 16px; line-height: 24px; display: inline-block;} .quantity-number:after{position: absolute; left: 0; bottom: 0; background-color: #767676; content: ""; width: 100%; height: 1px; } .popup-open { overflow: hidden; } .pop-up-here { display: none; align-items: center; justify-content: center; flex-flow: row wrap; overflow-y: auto; padding: 25px 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .form-inner { font-family: 'inter'; max-width: 1024px; width: 100%; position: relative; height: 100%; overflow-y: auto; border-radius: 8px; background-color: #fff; } .form-cros-icon svg { width: 15px; height: 15px; } .pop-up-here .wrapper { padding: 0; } .form-inner { max-height: 100%; overflow: hidden; overflow-y: auto; } .si-container { height: 100%; overflow: hidden; } .another-pop-up { display: none; align-items: center; justify-content: center; flex-flow: row wrap; overflow-y: auto; padding: 25px 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .another-pop-up .wrapper { padding: 0; } /* pop-style-end */ .product-detail_wrapper{ max-width: 1282px; margin: 0 auto; } .product-detail-page { width: 100%; margin-top: 33px; } .product-detail_holder { display: flex; justify-content: space-between; font-family: inter; color: #828282; line-height: 150%; margin-bottom: 70px; } .product-detail__content { width: 40.2%; } .product-detail__image { width: 48.8%; margin-right: 11%; border-radius: 12px; padding: 24% 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .product-detail__image { padding: 24% 0; background-size: cover; background-position: center; background-repeat: no-repeat; height:0; } .product-l-o label { display: block; width: 100%; margin-bottom: 8px; color: #000000; line-height: 140%; } .product-l-o select { padding: 12px 12px 12px 16px; width: 100%; font-family: 'inter'; font-size: 16px; margin-top: 8px; border-radius: 8px; color: #000000; line-height: 100%; } .product-detail__options .product-l-o:first-child { margin-bottom: 33px; } .product-detail__quantity { align-items:center; display: flex; } .product-detail__price{ margin-bottom: 22px; } .product-detail__quantity { margin: 46px 0; justify-content: space-between; } .product-detail__quantity-buttons { padding: 0 15px; } .product-detail__quantity-buttons .btn-minus { margin-right: 25px; } .product-detail__quantity-label, .product-detail__price span { line-height: 140%; font-size: 24px; font-weight: 500; color: #000000; } .product-detail__quantity-buttons button { padding: 0; border: none; width: 46px; } .product-detail__add .product-d-btn { margin-top: 24px; } .product-detail__add .product-d-btn .button { width: 100%; text-align: center; padding: 14px 0; border-radius: 8px; color: var(--wp--preset--color--vivid-red); background-color: var(--wp--preset--color--pale-pink); border: none; } .product-detail__heading .product-detail__title h2 { color: var(--wp--preset--color--vivid-red); line-height: 120%; } .product-detail__note { font-size: 20px; } .product-detail__price-label { font-size: 25px; } .product-detail__rating-label { font-size: 16px; margin-bottom:8px; } .product-detail__quantity-buttons button:hover { background-color: transparent; } .product-detail__rating-wrap { display: inline-flex; } .product-detail__rating-s-n { padding: 8px 8px 14px 8px; text-align: center; } .product-detail__rating-s-n:hover{ .product-detail__stars svg path{ stroke: red;} .product-detail__rating-scale .rating-number{color: #000000;} } .product-detail__rating-scale .rating-number { font-weight: 800; font-size: 14px; } .product-center-description { padding: 60px 0 20px 0; } .product-center-description { font-size: 24px; line-height:150%; color: #828282; font-weight: 400; } .product-card.product-card-bife .product-img-h { padding: 31% 0; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom:24px; border-radius: 12px; } .product-card.product-card-bife { width: 31%; margin-right: 35px; margin-bottom: 35px; } .c-heading h2 { font-size: 24px; } .heading-of-card { font-size: 20px; color: #828282; margin-bottom: 4px;font-family: 'inter'; line-height: 150%; } .c-price { color: #000000; font-weight: 500;font-size: 20px; } .c-heading { margin-bottom: 4px; } .card-btns-wrap { margin-top: 32px; } .card-btns-wrap .card-btn a { padding: 14px 24px; background-color: #EEC6D9; width: 100%; display: inline-block; text-align: center; color: #D42809; font-weight: 500; font-size: 16px; line-height: 150%; border-radius: 8px; } .product-list-title h2 {color: #D42809;} .product-card.product-card-bife:last-child { margin-right: 0; } .product-card.product-card-bife:nth-child(3n) { margin-right: 0; } .product-card-bife-holder { display: flex; } .card-btns-wrap .card-btn a { width: fit-content; } .product-detail-page{ max-width: 1282px; margin: 0 auto; } .product-card-bife-holder .c-heading h2{margin-bottom: 4px;} /* .product-card-bife-holder .heading-of-card p{margin-bottom: 4px;} */ .single-products .product-l-o label, .single-products .product-l-o input {font-size: 16px;} /* product-list-inline-style */ /* Left: Filters */ /* .filters-left-side{ width: 20%; border: 1px solid #ccc; padding: 15px; font-size: 14px; } .filters-left-side h4 { margin-top: 20px; font-size: 16px; } .filters-left-side input[type="checkbox"] { margin-right: 5px; } .filters-left-side input[type="range"] { width: 100%; } */ /* Middle: Products */ /* .product-card .price { font-weight: bold; margin-bottom: 10px; } .product-card button { padding: 8px 12px; border: none; background: pink; cursor: pointer; margin: 5px; } */ /* Right: Login/Cart */ /* .sidebar { width: 25.2%; border: 1px solid #ccc; padding: 15px; font-size: 14px; border-radius: 8px;} .sidebar h4 { margin-top: 20px; } .sidebar input { width: 100%; padding: 8px; margin: 6px 0; } .sidebar button { background: pink; border: none; padding: 10px; width: 100%; margin-top: 10px; } */ .heading-color{color: #1E1E1E;} .product-list-contain h4 { line-height: 140%; font-size: 16px; font-weight: 400; color: #1E1E1E; } .product-list-contain h3 { line-height: 140%; font-size: 16px;font-weight: 400; color: #1E1E1E;} .product-list-contain span { font-size: 16px; line-height: 140%;color: #1E1E1E; } .product-list-contain label{ font-size: 16px; line-height: 140%; color: #1E1E1E;} .product-list-contain h2{color: #1E1E1E;line-height: 140%; margin-bottom: 0;} .wrapper{ max-width: 1312px; width: 100%; padding:0 15px; margin: 0 auto;} .product-list-contain { display: flex; font-family:'inter'; align-items: start; } .product-list-contain .sidebar { width: 25.2%; font-size: 14px; border-radius: 8px; margin-top: 100px;} .product-list-contain .product-img-h { padding: 31.8% 0; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px; } .product-list-contain .filters-left-side { width: 23%; padding: 16px; border: 1px solid #D9D9D9; border-radius: 8px; margin: 2.5% 2.5% 2.5% 0; } .product-list-contain .product-list-here { display: flex; flex-wrap: wrap; align-items: start;} .center-product-side{ margin: 2.5%; width:49.7%;} .product-list-contain .product-card { border: 1px solid #D9D9D9; padding: 10px; text-align: center; border-radius: 8px; padding: 16px; margin-right: 4%; width: 48%; } .product-list-contain .product-card:last-child { margin-right: 0; } .product-list-contain .product-card:nth-child(2n){margin-right: 0;} .product-list-contain .filters-left-side .filter-title { align-items: center; margin-bottom: 12px;font-size: 14px; display: flex; justify-content: space-between; } /* filtr-left-side style */ .product-list-contain label { font-size: 16px; line-height: 140%; } .product-list-contain .tag-list { display: flex; flex-wrap: wrap; } .product-list-contain .tag-item { display: flex; background-color: #F5F5F5; border-radius: 8px; padding: 8px; margin-right: 4px; margin-bottom: 4px; gap: 8px; font-size: 16px;} .product-list-contain .tag-item:last-child { margin-right: 0; } .product-list-contain .tag-remove { cursor: pointer; color: #EEC6D9; font-size: 25px;} .product-list-contain span.checkbox-desc { display: block; padding-left: 12px; color: #757575; } .product-list-contain label.checkbox-item { margin-bottom: 12px; display: block; } .product-list-contain .filter-box { margin-bottom: 24px; } /* product-card style */ .product-list-contain .product-img-h { margin-bottom: 45px; } .product-list-contain .c-heading-price { display: flex; justify-content: space-between; margin-bottom: 45px; } .product-list-contain .sub-heading-o-f { margin-bottom: 22px; text-align: start; font-weight: 400; color: #1E1E1E; } .product-list-contain .heading-of-card h3 { text-align: start; font-weight: 500; color: #1E1E1E; } .product-list-contain .sub-heading-o-f h4 { text-align: start; font-weight: 400; color: #1E1E1E; } .product-list-contain .card-btn a { min-width: 125px; color: #D42809; text-decoration: none; display: flex; align-items: center; justify-content: center; line-height: 100%; padding: 10px 7.5px; border-radius: 8px; background-color: #EEC6D9; font-size: 13px; min-height: 38px; border: 1px solid #EEC6D9; transition: all 0.3s; } .product-list-contain .card-btns-wrap { display: flex; justify-content: space-between; } .product-list-contain .product-card { margin-top: 48px; } /* .sidebar--style */ .product-list-contain .product-sidebar .location-dropdown-toggle { background-color: #F3DCE6; border: none; border-radius: 8px; width: 100%; padding:10px 16px; text-align: left; font-weight: 600; color: #D42809; cursor: pointer; } .product-sidebar input[type="email"], .product-sidebar input[type="password"], .product-sidebar input[type="text"] { width: 100%; padding: 8px; border: 1px solid #D9D9D9; border-radius: 8px; font-size: 14px; margin-top: 4px; /* margin-bottom: 24px; */ } .product-sidebar .checkbox-item { display: block; margin-bottom: 12px; } .product-sidebar .btn-primary, .cart-summary-box .view-toggle, .product-sidebar .logout-btn { display: flex; align-items: center; justify-content: center; background-color: #EEC6D9; color: #D42809; text-align: center; padding: 10px; border-radius: 8px; font-weight: 600; text-decoration: none; width: 100%; font-size: 16px; line-height: 100%; min-height: 40px; border: 1px solid #EEC6D9; transition: all 0.3s; } .location-dropdown-wrapper { margin-bottom: 13px; } .product-list-contain .checkbox-wrapper { margin-bottom: 24px; } .product-list-contain .no-user-msg { text-align: center; color: #757575; line-height: 140%; margin-top: 5px; } .product-list-contain .sidebar-first-content{padding: 24px; border: 1px solid #D9D9D9; border-radius: 8px; margin-bottom: 14px;} .product-list-contain .cart-summary{ padding: 24px; border: 1px solid #D9D9D9; border-radius: 8px; margin: 0 0 32px; } .range-slider::-webkit-slider-thumb { background-color: #EEC6D9; /* Change to any color */ } .product-list-contain .cart-total{margin-top: 31px;} .cart-summary-box .view-toggle:hover, .product-sidebar .btn-primary:hover, .product-list-contain .card-btn a:hover, .product-sidebar .logout-btn:hover { color: #D42809; background-color: #E6E6E6; border: 1px solid #EEC6D9; } /* product-listsyle */ .page-template-products .site-content{background-color: #fff;} .product-list-contain{width: 100%; font-family: 'inter';} /* .slider-container { position: relative; height: 30px; } .range-slider { -webkit-appearance: none; appearance: none; position: absolute; width: 100%; height: 6px; background: transparent; pointer-events: none; } .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: all; height: 16px; width: 16px; border-radius: 50%; background: #eec6d9; cursor: pointer; border: none; margin-top: -5px; } .range-slider::-webkit-slider-runnable-track { height: 6px; background: #ddd; border-radius: 5px; } */ .cart-summary .cart-product-item { display: flex; align-items: flex-start; margin-bottom: 12px; } .cart-summary .custom-square { width: 14px; height: 14px; background-color: #f8dce6; margin: 7px 10px 0 0; border-radius: 3px; flex-shrink: 0; } .cart-summary .cart-product-texts .product-name { font-weight: 400; color: #000; font-size: 16px; line-height: 140%; } .cart-summary .cart-product-texts .product-description { font-size: 16px; line-height: 140%; color: #757575; } .cart-summary .price-range-static { display: flex; justify-content: space-between; font-weight: 400; margin: 16px 0 12px; } .product-sidebar .coupon-box input { width: 100%; padding: 12px; margin: 12px 0 0 0; border-radius: 3px; border-bottom: 2px solid #443f4291; background: #F3DCE6;} .cart-summary .btn-order { width: 100%; padding:12px 16px; background-color: #f8dce6; color: #d32f2f; font-weight: bold; border: none; border-radius: 6px; cursor: pointer; } .center-product-side .search-bar-wrapper .search-icon svg { width: 15px; height: 15px; cursor: pointer; } .search-bar-wrapper { display: flex; align-items: center; padding: 7px 16px; border: 1px solid #D9D9D9; border-radius: 30px; } .center-product-side .search-bar-wrapper input { border: none; width: 100%; padding: 0; } .center-product-side .search-bar-wrapper .search-icon svg { width: 15px; height: 15px; } .search-bar-wrapper { display: flex; align-items: center; padding: 7px 16px; border: 1px solid #D9D9D9; border-radius: 30px; } .center-product-side .search-bar-wrapper input { border: none; width: 100%; padding: 0; } .product-list-contain input[type="checkbox"] { accent-color: #EEC6D9; background-color: white; color: white; } .product-list-contain span#priceRange{ font-size: 14px; line-height: 140%;} .filter-btn { padding: 12px 16px; text-align: center; border: 1px solid #F3DCE6; line-height: 100%; font-weight: 400; font-size: 16px; } .filter-btn:hover{background-color: #F3DCE6;} .filter-icon{vertical-align: middle; margin-left: 10px;} .filter-icon svg{ width: 14px;} .filter-btn{display: none;} .filter-close{display: none;} .filter-close-btn{font-size: 30px !important; color: #d32f2f; margin-top: 20px; padding: 0;} .single-products .site-content{background-color: white;} .product-detail-page{padding: 5% 0;} .product-list-contain label.checkbox-item { cursor: pointer; position: relative; padding-left: 28px; } .product-list-contain label.checkbox-item input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; border: 1px solid #EEC6D9; border-radius: 4px; background: #F5F5F5; position: absolute; left: 0; top: 2px; cursor: pointer; } .product-list-contain label.checkbox-item input[type="checkbox"]:checked::after { content: ""; position: absolute; width: 6px; height: 10px; border: solid #F5F5F5; border-width: 0 2px 2px 0; top: 1px; left: 4px; transform: rotate(45deg); } .product-list-contain label.checkbox-item input[type="checkbox"]:checked { background: #EEC6D9; border-color: #EEC6D9; } .price-slider { position: relative; width: 100%; min-height: 8px; margin: 0; } .price-slider .slider-track { position: absolute; top: 50%; left: 0; right: 0; height: 8px; background: #E6E6E6; transform: translateY(-50%); z-index: 1; border-radius: 4px; margin: -2px 0 0; } .price-slider .range-fill { position: absolute; top: 50%; height: 8px; border-radius: 5px; background: #e6a7b9; transform: translateY(-50%); z-index: 2; } .price-slider input[type="range"] { -webkit-appearance: none !important; appearance: none !important; background: transparent !important; border: none !important; box-shadow: none !important; position: absolute; width: 100%; height: 8px; pointer-events: none; z-index: 3; margin: 0 !important; } .price-slider input[type="range"]::-webkit-slider-runnable-track { -webkit-appearance: none !important; background: transparent !important; border: none !important; box-shadow: none !important; } .price-slider input[type="range"]::-moz-range-track { background: transparent !important; border: none !important; } .price-slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 16px; height: 16px; border-radius: 50%; background: #EEC6D9; border: none; box-shadow: none !important; cursor: pointer; pointer-events: auto; position: relative; z-index: 4; } .price-slider input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #EEC6D9; border: none; box-shadow: none !important; cursor: pointer; pointer-events: auto; position: relative; z-index: 4; } .product-sidebar .logout-btn { margin: 0 0 20px; } .form-group { margin: 0 0 24px; } @media (max-width: 1280px) { .wrapper { max-width: 1200px; } .product-list-contain .card-btn a { min-width: auto;} .filters-left-side { position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background: #fff; z-index: 1001; overflow-y: auto; padding: 20px; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } .filters-left-side.active { left: 0; } .filter-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 1000; } .filter-overlay.show { display: block; } .filter-btn{display: flex;} .filter-close{display: block;} .product-list-contain .filters-left-side {width: 30%;} .center-product-side{width: 60%; margin: 2% 2.5% 0 0;} .product-list-contain .sidebar{width: 35%;} .filter-btn{margin-top: 2%;} .product-list-contain{padding: 2% 0;} /* single-product-style */ .product-detail__image { width: 48%; margin-right: 4%;} .product-detail__content { width: 48%; } .product-detail__options .product-l-o:first-child { margin-bottom: 30px; } .detail__quantity { margin: 28px 0; justify-content: space-between; } .product-detail_holder{margin-bottom: 40px;} .product-center-description { padding: 40px 0 20px 0; } .product-detail__quantity{ margin: 28px 0; } .product-detail__price-label, .product-detail__note{line-height: 150%;} } @media (max-width: 1024px) { .wrapper { max-width: 767px; } .product-list-contain{flex-direction: column;} .center-product-side{width: 100%; margin: 2% 0 0 0;} .product-list-contain .sidebar{width: 100%;} .product-list-contain .filters-left-side{width: 60%; max-width: none;} .product-list-contain .sidebar{margin-top: 50px;} /* single-product */ .product-detail__image { width: 100%; margin: 0 0 5% 0; padding: 50% 0; } .product-detail__content { width: 100%; } .product-detail_holder{flex-wrap: wrap;} .product-card.product-card-bife { margin-right: 25px;} .product-card.product-card-bife:nth-child(2n) { margin-right: 0; } .product-card-bife-holder { flex-wrap:wrap; } .product-card.product-card-bife { width: 48%;} } @media (max-width: 768px) { /* .popup-style */ .contact-form { padding: 16px; width: 100%; } .form-group.plus-minus .Cantidades-minus{position: absolute; right: 45px; top: 5px;} .form-group.plus-minus .Cantidades-plus{position: absolute; right: 0; top: 5px;} .form-group.plus-minus .Cantidades-minus a, .form-group.plus-minus .Cantidades-plus a{width: 28px ; height: 28px;} .form-group.plus-minus .Cantidades-minus a svg, .form-group.plus-minus .Cantidades-plus a svg{width: 24px ; height: auto; } .form-group input, .form-group select, .form-group textarea{width: 100%;} .pop-up-section .contact-form .form-group input, .pop-up-section .contact-form .form-group select, .pop-up-section .contact-form .form-group textarea{width: 100%;} /* pop-style-end */ .wrapper { max-width: 100%; } .product-list-contain .product-card{width: 100%; margin-right: 0;} .product-list-contain .filters-left-side { width: 95%;} .product-card.product-card-bife{ margin-right: 0; } .product-card.product-card-bife { width: 100%;} .product-detail__quantity-buttons button{width: 30px;} .product-center-description{padding: 20px 0;} .single-products p { margin-bottom: 0.75em; } .product-list-contain .card-btn { flex-direction: column-reverse; width: 100%; text-align: start; } .product-list-contain .card-btns-wrap { flex-direction: column-reverse; align-items: self-start; } .product-list-contain .card-btn:first-child a { margin-top: 24px; width: 100%; } .product-list-contain .product-img-h { margin-bottom: 25px; } .product-list-contain .cart-total{margin-top: 20px;} .product-list-contain .product-card { margin-top: 18px; } .product-list-contain .c-heading-price{margin-bottom: 10px;} } @media (max-width: 480px) { .wrapper { max-width: 100%; padding: 0; } .product-list-contain { padding: 8% 0; } .product-detail__quantity-buttons .btn-minus{margin-right: 0;} }