html { scroll-behavior: smooth; } .woocommerce-Price-currencySymbol { font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='%23424750' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.53327 6.44586C7.7953 6.44586 8.02894 6.48953 8.23419 6.57687C8.43945 6.66422 8.62068 6.7996 8.7779 6.98302C8.91765 7.14897 9.02246 7.33457 9.09233 7.53982C9.16221 7.74508 9.19714 7.97435 9.19714 8.22764V8.56828H9.38056H9.7736C9.87841 8.56828 9.96794 8.56173 10.0422 8.54863C10.1164 8.53552 10.1754 8.51587 10.219 8.48967C10.2627 8.46347 10.2955 8.42853 10.3173 8.38486C10.3391 8.34119 10.3501 8.29315 10.3501 8.24074V8.17524C10.3501 8.06169 10.3522 7.86299 10.3566 7.57913C10.361 7.29526 10.3588 7.13586 10.3501 7.10093L11.503 6.76029V8.26695C11.503 8.42416 11.479 8.57046 11.4309 8.70584C11.3829 8.84122 11.3152 8.97005 11.2279 9.09233C11.0794 9.29322 10.885 9.4417 10.6448 9.53778C10.4046 9.63385 10.123 9.68189 9.7998 9.68189H9.19714C9.16221 10.0313 9.05521 10.3326 8.87616 10.5859C8.69711 10.8392 8.446 11.0401 8.12283 11.1885C7.99182 11.2497 7.85207 11.2999 7.70359 11.3392C7.55511 11.3785 7.39352 11.4113 7.21884 11.4375C7.08783 11.4637 6.95026 11.4811 6.80615 11.4899C6.66203 11.4986 6.51137 11.503 6.35415 11.503V10.3894C6.64238 10.3894 6.89786 10.3697 7.12058 10.3304C7.3433 10.2911 7.5289 10.2321 7.67739 10.1535C7.79093 10.0924 7.87827 10.0225 7.93941 9.94392C8.00055 9.86531 8.03112 9.77797 8.03112 9.68189H7.53327C7.32365 9.68189 7.1315 9.65351 6.95681 9.59673C6.78213 9.53996 6.62055 9.45917 6.47206 9.35436C6.29738 9.22334 6.16637 9.06395 6.07902 8.87616C5.99168 8.68837 5.94801 8.4722 5.94801 8.22764C5.94801 7.99182 5.9764 7.77565 6.03317 7.57913C6.08994 7.38261 6.17947 7.20137 6.30175 7.03542C6.44149 6.83453 6.61399 6.68605 6.81925 6.58998C7.0245 6.4939 7.26251 6.44586 7.53327 6.44586ZM0.235824 5.27984L1.38874 5.75149V8.68619C1.38874 8.75606 1.39529 8.81502 1.40839 8.86306C1.4215 8.9111 1.44115 8.94822 1.46735 8.97442C1.48482 8.99189 1.51539 9.00717 1.55906 9.02027C1.60273 9.03338 1.65514 9.04429 1.71628 9.05303C1.81235 9.04429 1.89533 9.02901 1.9652 9.00717C2.03508 8.98534 2.08748 8.95258 2.12242 8.90891C2.13989 8.88271 2.16391 8.82812 2.19447 8.74515C2.22504 8.66217 2.26653 8.54644 2.31894 8.39796C2.31894 8.38923 2.32112 8.38049 2.32549 8.37176C2.32986 8.36302 2.33204 8.35429 2.33204 8.34556C2.34077 8.32809 2.34732 8.3128 2.35169 8.2997C2.35606 8.2866 2.36261 8.27568 2.37134 8.26695C2.38008 8.23201 2.39099 8.19926 2.4041 8.16869C2.4172 8.13812 2.43248 8.10973 2.44995 8.08353C2.48489 8.00492 2.52638 7.9285 2.57441 7.85425C2.62245 7.78001 2.67267 7.71232 2.72508 7.65118C2.8823 7.46777 3.06135 7.3302 3.26223 7.23849C3.46312 7.14678 3.68148 7.10093 3.9173 7.10093C4.18806 7.10093 4.42825 7.15552 4.63788 7.26469C4.8475 7.37387 5.02218 7.53764 5.16193 7.75599C5.22307 7.8346 5.27329 7.92195 5.31259 8.01802C5.3519 8.1141 5.38465 8.21891 5.41085 8.33245C5.43706 8.4198 5.45671 8.50714 5.46981 8.59448C5.48291 8.68182 5.48946 8.7648 5.48946 8.84341C5.48946 9.1229 5.45234 9.36528 5.3781 9.57053C5.30386 9.77579 5.19687 9.94829 5.05712 10.088C5.00471 10.1404 4.94576 10.1863 4.88025 10.2256C4.81474 10.2649 4.74705 10.2977 4.67718 10.3239C4.61604 10.3501 4.55708 10.3697 4.50031 10.3828C4.44354 10.3959 4.38458 10.4025 4.32344 10.4025H4.27759H4.21863C4.07015 10.4025 3.91948 10.385 3.76664 10.3501C3.61379 10.3151 3.45439 10.2627 3.28844 10.1928C3.2273 10.1754 3.16616 10.1514 3.10502 10.1208C3.04388 10.0902 2.98274 10.0575 2.9216 10.0225L2.84299 9.98322L2.77748 9.94392C2.75128 9.92645 2.72726 9.91335 2.70543 9.90462C2.68359 9.89588 2.66831 9.88715 2.65957 9.87841C2.5635 9.96575 2.44122 10.0334 2.29273 10.0815C2.14425 10.1295 1.9652 10.1535 1.75558 10.1535H1.72938H1.71628H1.70317C1.5809 10.1535 1.46735 10.1426 1.36254 10.1208C1.25773 10.099 1.15729 10.0662 1.06121 10.0225C0.982601 9.99632 0.90836 9.9592 0.838486 9.91117C0.768612 9.86313 0.707472 9.81291 0.655067 9.7605C0.593928 9.69936 0.539339 9.63604 0.4913 9.57053C0.443262 9.50502 0.401775 9.43733 0.366838 9.36746C0.323166 9.26265 0.290413 9.15565 0.268578 9.04648C0.246742 8.9373 0.235824 8.8172 0.235824 8.68619V5.27984ZM3.9173 8.20144C3.82996 8.20144 3.75135 8.22764 3.68148 8.28005C3.6116 8.33245 3.5461 8.40669 3.48496 8.50277C3.46749 8.53771 3.45002 8.57701 3.43255 8.62068L3.38015 8.7517C3.37141 8.76916 3.36486 8.78663 3.36049 8.8041C3.35613 8.82157 3.34958 8.84341 3.34084 8.86961L3.32774 8.92201L3.31464 8.96132C3.38451 9.02246 3.46312 9.07486 3.55046 9.11853C3.63781 9.16221 3.73388 9.20588 3.83869 9.24955C3.92604 9.27575 4.00246 9.2954 4.06797 9.3085C4.13347 9.32161 4.19243 9.32816 4.24483 9.32816C4.27104 9.32816 4.29287 9.31724 4.31034 9.2954C4.32781 9.27357 4.34965 9.23645 4.37585 9.18404C4.38458 9.1491 4.39332 9.1098 4.40205 9.06613C4.41079 9.02246 4.41515 8.97442 4.41515 8.92201V8.88926V8.84341C4.40642 8.75606 4.38895 8.67527 4.36275 8.60103C4.33654 8.52679 4.30161 8.4591 4.25794 8.39796C4.20553 8.33682 4.15094 8.28878 4.09417 8.25385C4.0374 8.21891 3.97844 8.20144 3.9173 8.20144ZM7.53327 7.54637C7.45466 7.54637 7.38479 7.56166 7.32365 7.59223C7.26251 7.6228 7.20574 7.66865 7.15333 7.72979C7.10966 7.7822 7.07691 7.84552 7.05507 7.91976C7.03324 7.994 7.02232 8.07479 7.02232 8.16214C7.02232 8.17087 7.0245 8.1796 7.02887 8.18834C7.03324 8.19707 7.03542 8.21017 7.03542 8.22764C7.03542 8.28878 7.05071 8.34119 7.08128 8.38486C7.11185 8.42853 7.15333 8.46347 7.20574 8.48967C7.24941 8.51587 7.29963 8.53552 7.3564 8.54863C7.41318 8.56173 7.47213 8.56828 7.53327 8.56828H8.04422V8.22764C8.04422 8.12283 8.03331 8.02894 8.01147 7.94596C7.98964 7.86299 7.95688 7.79093 7.91321 7.72979C7.86954 7.66865 7.81495 7.6228 7.74944 7.59223C7.68394 7.56166 7.61188 7.54637 7.53327 7.54637ZM10.2584 4.79509L10.9658 5.47636L10.2715 6.14453L9.59018 5.47636L10.2584 4.79509ZM8.83031 4.79509L9.52468 5.47636L8.84341 6.14453L8.14904 5.47636L8.83031 4.79509ZM5.07022 0.982601V3.09192C5.07022 3.38888 5.03092 3.65527 4.95231 3.8911C4.8737 4.12692 4.76015 4.32781 4.61167 4.49376C4.5156 4.60731 4.40423 4.70338 4.27759 4.78199C4.15094 4.8606 4.01338 4.9261 3.8649 4.97851C3.71641 5.03092 3.55483 5.07022 3.38015 5.09642C3.20546 5.12262 3.01768 5.13573 2.81679 5.13573H2.29273C2.09185 5.13573 1.89969 5.11826 1.71628 5.08332C1.53286 5.04838 1.36254 4.99598 1.20532 4.9261C1.01317 4.8475 0.845037 4.74924 0.700922 4.63132C0.556807 4.51341 0.436711 4.37585 0.340635 4.21863C0.22709 4.04395 0.141931 3.85835 0.0851587 3.66183C0.0283862 3.46531 0 3.2535 0 3.02641L0 2.94125L0 2.85609C0.0174685 2.59407 0.0676903 2.31675 0.150665 2.02416C0.233641 1.73156 0.353736 1.42368 0.510952 1.10051L1.55906 1.57216C1.43678 1.82545 1.3407 2.06346 1.27083 2.28618C1.20096 2.50891 1.16165 2.71634 1.15292 2.9085V2.96745V3.02641C1.15292 3.14869 1.16602 3.25787 1.19222 3.35394C1.21842 3.45002 1.25773 3.53736 1.31013 3.61597C1.36254 3.69458 1.42805 3.76227 1.50665 3.81904C1.58526 3.87581 1.68134 3.92167 1.79488 3.95661C1.82982 3.97407 1.87131 3.98718 1.91935 3.99591C1.96738 4.00464 2.01324 4.00901 2.05691 4.00901C2.09185 4.01775 2.12897 4.0243 2.16827 4.02866C2.20758 4.03303 2.24906 4.03521 2.29273 4.03521H2.81679C3.03514 4.03521 3.22075 4.01556 3.3736 3.97626C3.52644 3.93695 3.64217 3.878 3.72078 3.79939C3.78192 3.72952 3.82996 3.63562 3.8649 3.51771C3.89983 3.3998 3.9173 3.25787 3.9173 3.09192V0.982601H5.07022ZM2.71198 0L3.44565 0.720574L2.71198 1.44115L1.9783 0.720574L2.71198 0Z' fill=''/%3E%3C/svg%3E"); width: 12px; height: 12px; display: inline-flex; background-size: contain; } .woocommerce-Price-amount > * { display: flex; align-items: center; gap: 3px; } .rb_tab_content{ scroll-margin-top: 150px; margin-bottom: 20px; } .single-product .wd-page-content{ background-color: #fff !important; } #billing_country_field { display: none; } .btn_minus:hover *, .btn_pluse:hover * { fill: #fff; } .woocommerce-breadcrumb { display: flex !important; gap: 5px; } .product_pre_price { position: relative; display: flex; justify-content: end; margin: 10px 0 20px; flex-direction: column; align-items: end; } .product_pre_price ins { font-size: 16px; } .product_pre_price ins bdi{ font-size: 21px; font-weight: 700; color: #23254e; } .rb_product_box_price ins bdi { color: #23254e; justify-content: end; } .product_pre_price del bdi { color: #c0c2c5; font-size: 12.83px; font-weight: 700; } .rb_product_box { background: #fff; border-radius: 40px; padding: 10px; overflow: hidden; display: flex; flex-direction: column; gap: 10px; } .wd-attr-selected{ display:none !important; } .rb_selected_label::before { content: ":"; margin-left: 5px; } .rb_selected_label { font-size: 14px; font-weight: bold; } .rb_product_title{ color: var(--tc); font-weight: 500; font-size: 14px; line-height: 24px; padding: 7px 10px; min-height: 60px; display: block; } .rb_product_box_price del bdi{ color: #c0c2c5; font-size: 15px; font-weight: 700; justify-content: end; } .rb_product_box_price del .woocommerce-Price-currencySymbol{display: none;} .rb_product_box_price { line-height: 24px; padding: 7px 10px; min-height: 50px; display: block; text-align: left; position: relative; } .product_en_name { color: #C0C2C5; font-size: 14px; display: block; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; font-size: 13px; } .product_categories a { font-size: 13px; padding: 0 0 0 10px; position: relative; } .product_categories a::before { content: '/'; position: absolute; left: 0; top: 0; color: #999; } .product_categories a:last-child::before { display: none; } .shop_attributes tr{ padding: 0 !important; border: 0 !important; } .shop_attributes tr td, .shop_attributes tr th { background: #FAFAFA; border-radius: var(--br); padding: 12px 15px; font-size: 14px; text-align: right; width: 100%; color: #4D4D4D; font-weight: 600; height: 100%; } .shop_attributes tr th{max-width: 200px;} .product_top{ margin-bottom: var(--margin-bottom); } .product_top .product_image { text-align: center; position: relative; } .add_to_card_btn.btn_loading::before { top: 38%; right: 45%; transform: translate(50%,-50%); } .product_top .product_image img{ border-radius: 12px; } .rb_wishlist_btn.added i::before { content: "\f004"; } .rw_product_gallery_mobile.swiper-container { max-width: 70%; margin: 0 auto !important; } .product_image_icon{ display: none; } .product_top .product_tag{ padding: 6px 10px; font-size: 9px; background: #fff; border-radius: 20px; border: 1px solid #bc73de; } .product_top .product_image_title{ font-size: 12px; font-weight: 700; color: var(--main-color); display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; position: absolute; right: 20px; left: 20px; top: 40px; z-index:10; } .product_top .product_timer .rb_countdown_single{ margin-right: 5px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.3s all; } .product_top .product_image .product_tags { margin-left: auto; } .product_top .product_image_title path{ color: var(--main-color); } .product_top .gallery{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0; width: 100% } .product_top .gallery span{ border-radius: var(--br); border: 1px solid #eee; padding: 35px; width: 85px; height: 85px; } .product_top .content_product{ position: relative; display: flex; flex-direction: column; } .content_product p { font-size: 11px; } .product_top .content_product h1{ font-size: 20px; font-weight: 700; margin: 10px 0; } .product_color_selector .colors .color.multi_vari { min-width: 47%; flex: 1 1 auto; } .product_attr ul:before { content: attr(data-title); font-weight: 700; font-size: 13px; margin: 15px 0; display: block; word-spacing: -2px; } .product_attributes_wrap { display: flex; justify-content: start; align-items: start; gap: 10px; flex-wrap: wrap; margin: 20px 0 10px; flex-direction: column; } .product_sku { font-size: 13px; color: #555; border-right: 3px solid var(--mc); padding-right: 5px; margin: 15px 0 10px; } .product_attribute_item { display: flex; justify-content: start; align-items: center; gap: 10px; } .product_attribute_item .item_label { color: #A4A4A4; font-weight: 700; font-size: 13px; padding-right: 14px; position: relative; min-width: 150px; } .vari_not_in_stock{display:none !important;} .item_label::before { content: ''; position: absolute; right: 0; top: 8px; background: #A4A4A4; border-radius: 50px; width: 6px; height: 6px; } .product_attribute_item .item_value { color: #000; font-weight: 700; font-size: 13px; } .quantity.rb_product_qty { display: flex; align-items: center; gap: 3px; } .btn_minus, .btn_pluse { background: #fff; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 5px; cursor: pointer; } .btn_pluse svg { width: 18px; height: 18px; } .btn_minus:hover , .btn_pluse:hover { background: var(--mc); } .btn_pluse:hover svg, .btn_minus:hover svg {fill: #fff !important;} .show_more_attributes_btn { display: block; flex: 0 0 100%; margin: 10px 0; text-align: center; position: relative; } body div.quantity input[type="number"] { width: 36px; border: 0; border-radius: 5px; height: 35px; } .show_more_attributes_btn a{ padding: 12px; width: fit-content; border: 1px solid #eee; color: var(--tc); background: #fff; font-size: 13px; font-weight: 500; cursor: pointer; border-radius: var(--br); } .show_more_attributes_btn a:hover{color: #000;} .show_more_attributes_btn::before { content: ''; border-bottom: 1px solid #eee; position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: 1px; z-index: -1; } .product_top .content_product .product_tags{ color: var(--green-color); font-weight: 700; font-size: 13px; } .product_attr li{ margin-bottom: 5px; font-size: 12px; } .product_attr_title{ font-size: 17px; font-weight: 700; } .product_top .content_product .product_rate{ margin-top: 40px; font-size: 13px; font-weight: 700; } .product_top .content_product .product_rate span{ font-size: 12px; font-weight: 701; color: #2e3741; } .product_top .content_product .special_sale{ display: flex; justify-content: space-between; align-items: center; gap: 5px; border: 2px solid #f46a57; border-radius: 30px; padding: 10px; position: absolute; top: 30px; left: 0px; font-size: 13px; color: #f46a57; } .single_add_to_cart_button { padding: 10px 15px; } .product_top .add_to_cart{ border-radius: 10px; background-color: #F8F8F8; padding: 20px 12px 10px; position: sticky; top: 160px; } .product_short_desc { display: flex; gap: 8px; font-size: 13px; color: #555; margin: 20px 0; } .product_categories, .product_brands { display: flex; justify-content: start; align-items: center; gap: 5px; flex-wrap: wrap; font-size: 12px; margin-bottom: 10px; color: #666; } .product_categories strong, .product_brands strong { color: var(--tc); } .product_categories a, .product_brands a {color: #19bfd3;} .product_categories a:hover, .product_brands a:hover{color: #000 !important;} .product_favorit_box span{ display: flex; align-items: center; gap: 5px; cursor: pointer; z-index: 10; } .product_favorit_box span i{ color: var(--green-color); font-weight:700; font-size: 13px; } .store_notice_wrap { border: 1px solid #ddd; border-radius: var(--br); padding: 15px; font-size: 13px; display: flex; flex-direction: column; gap: 10px; } .store_notice_wrap .rb_flex_column_wrap { border-bottom: 1px solid #ddd; padding-bottom: 10px; align-items: start; } .store_notice_wrap .rb_flex_column_wrap span{margin-top: 3px;font-size: 12px;} .store_notice_wrap .rb_flex_column_wrap:last-child{border-bottom: 0;} .product_top .add_to_cart .in_stock{ display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; } .in_stock_items { display: flex; flex-direction: column; align-items: start; gap: 10px; font-size: 12px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; padding-right: 35px; margin-top: 10px; position: relative; color: #555; } .product_color_selector{ padding: 0 0 5px; } .row.rb_about_product { font-size: 14px; } .in_stock_items::before { content: ''; position: absolute; right: 12px; top: 0; border-right: 1px solid #ccc; height: 75%; } .product_color_selector .colors{ display: flex; align-items: center; flex-wrap: wrap; gap: 5px; overflow: hidden; padding: 1px; transition: 0.3s ease-in-out; } .form-control.quantity { width: 35px !important; max-width: 35px !important; } .product_color_selector .colors.active{ max-height: 2000px; } .product_color_selector .colors .color{ flex: 0 0 auto; min-width: 31%; display: flex; justify-content: space-between; align-items: center; gap: 5px; border: 1px solid #eee; border-radius: 20px; padding: 2px 4px 2px 3px; font-size: 10px; margin-bottom: 5px; cursor: pointer; } .product_color_selector .colors .color.active{ border: 1px solid #2fc6bd; outline: 1px solid #2fc6bd; } .product_color_selector .colors .color_pattern{ border-radius: 50%; width:18px; height:18px; } .gold{ background-color: gold; } .pink{ background-color: pink; } .cart_count{ display: flex; justify-content: space-between; align-items: center; border: 1px solid #eee; padding: 10px; margin: 10px 0; border-radius: var(--br); } .cart_count input{ width: 30px; padding: 0; text-align: center; border: 0; margin: 0 2px !important; font-size: 12px; font-weight: 700; border-radius: 5px !important; } .cart_count button{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 5px; } .cart_count h6{ font-size: 11px; color: var(--green-color); font-weight: 700; margin:0; } body .cart_count a { font-size: 10px !important; font-weight: 700; color: var(--green-color) !important; } .out_of_stock { font-size: 11px !important; display: block !important; padding: 7px 0 12px; } .product_top .add_to_cart .add_to_card_btn, .sticky_product_price .add_to_card_btn{ background-color: var(--mc); padding: 15px; width: 100%; border-radius: 12px; color: #fff; border: 0; margin: 10px auto; display: block; font-size: 13px; font-weight: 700; text-align: center; cursor: pointer; } .product_top .add_to_cart .add_to_card_btn:hover, .sticky_product_price .add_to_card_btn:hover{ color: #fff !important; box-shadow: inset 0 0 200px 0 #00000038; } .store_custom_attrs_wrap { align-items: start; font-size: 13px; gap: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .product_top .add_to_cart .price_box{ display: flex; justify-content: space-between; align-items: end; margin: 20px 0 0; flex-direction: column; } .product_top .add_to_cart .price_box ins { color: var(--tc); font-weight: 700; font-size: 18px; } .product_percent { position: absolute; top: -20px; left: 0; background: var(--mc); color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center; border-radius: var(--br); font-weight: 700; width: 35px !important; height: 20px !important; } .product_pre_price del, .rb_product_box_price del bdi { position: absolute; left: 0; top: -20px; padding-left: 40px; } .rb_product_box_price bdi{color: #23254e;justify-content: end;} .product_pre_price del .woocommerce-Price-currencySymbol {display: none;} .product_top .add_to_cart .price_box bdi{ font-size: 14px; font-weight: 600; } .rb_product_box .rb_product_box_price del bdi{font-size: 13px;} .product_top .add_to_cart .price_box.price_box_variation bdi{ font-size: 15px; font-weight: 700; } .row.rb_delivery_garranty img , .row.rb_delivery_garranty video { border-radius: 10px; } .product_top .add_to_cart .price_box .price{ font-size: 16px; font-weight: 700; padding: 0 5px; position: relative; } .product_top .add_to_cart .price_box .price_percent , .sticky_product_price .price_percent{ position: absolute; top: -10px; right: -18px; background-color: red; color: #fff; padding: 3px 2px 2px; border-radius: 50%; font-size: 11px; display: flex; align-items: center; justify-content: center; } .product_top .add_to_cart .price_box del{ color: #888; font-size: 11px; display: block; font-weight: 500; padding-left: 36px; text-decoration-color: #bbb; text-decoration-style: dashed; } .product_top .add_to_cart .price_box ins .amount bdi { color: var(--tc); font-size: 20px !important; font-weight: 700; } .add_to_cart .input-group .btn{ font-size: 10px; border: 0; color: #999; padding: 5px 8px; } .btn-outline-secondary:hover { color: #333 !important; background-color: unset !important; } .add_to_cart .input-group .btn:focus { box-shadow: none; } .rb_product_attributes{ margin: var(--margin); } .rb_product_attributes .offer_detail{ position: absolute; left: 20px; font-size: 10px; font-weight: 600; } .rb_product_attributes .rb_tab_title { border-bottom: 1px solid #F0F0F1; overflow: hidden; position: sticky; top: 120px; background: #fff; z-index: 1; } .rb_cross_sell_products{ margin-bottom: var(--margin-bottom); } .rb_cross_sell_products .swiper-container { padding: 0 20px; } .rb_cross_sell_products .rb_right_product_slider_btn{ transform: translatex(10px); position: absolute; top: 120px; right: 10px; background: #fff; border: 30px; border-radius: 50%; box-shadow: -4px 4px 10px 0 #0000000d; padding: 8px; color: var(--text-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; margin: 0 2px; font-size: 20px; cursor: pointer; z-index: 9999; transition: 0.2s all; } .rb_cross_sell_products .rb_right_product_slider_btn:hover{ background: var(--green-color); color: #fff; } .rb_cross_sell_products .rb_left_product_slider_btn{ transform: translatex(-10px); position: absolute; top: 120px; left: 10px; background: #fff; border: 30px; border-radius: 50%; box-shadow: 4px 4px 10px 0 #0000000d; padding: 8px; color: var(--text-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; margin: 0 2px; font-size: 20px; cursor: pointer; z-index: 9999; transition: 0.2s all; } .rb_cross_sell_products .rb_left_product_slider_btn:hover{ background: var(--green-color); color: #fff; } .rb_cross_sell_products .swiper-button-disabled{ visibility: hidden; opacity: 0; } .rb_section_title{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; transition: 0.3s all; } .rb_section_title span h4{ font-size: 15px; font-weight: 800; margin: 0; word-spacing: -2px; } .rb_section_title .link{ font-size: 13px; height: 12px; display: flex; align-items: center; } .rb_section_title a:hover i{ transform: translatex(-6px); transition: 0.3s all; } .rb_section_title span span{ font-size: 11px; color: #888; padding: 0 15px; } .rb_tab_title{ display: flex; justify-content: flex-start; align-items:center; gap: 5px; position: relative; } .rb_tab_title li a{ display: flex; cursor: pointer; padding: 10px !important; background: #fff; color: #81858B; font-size: 14px; font-weight: 700; border: 0; position: relative; list-style: none !important; } .rb_tab_title li.active a{color: var(--mc) !important; } #rb_product_attributes li { list-style: auto; } .rb_product_swiper_wrap { margin: 30px 0; padding: 40px 0; background: #F6F5F5; padding-right: 3%; } .related.products.rb_product_swiper_wrap .container { margin-left: 0; padding-left: 0; } .section_product_title { font-size: 20px; width: fit-content; margin-bottom: 20px; font-weight: 700; } .tab_section_product_content { position: relative; margin-bottom: 40px; padding-bottom: 15px; border-bottom: 3px solid #eee; } .tab_section_product_content p { font-size: 14px; line-height: 25px; color: var(--tc); text-align: justify; margin-bottom: 15px !important; } .rb_tabs_content_wrap { padding: 20px !important; border-radius: var(--br); margin-top: 20px; } .rb_tab_section_title { font-size: 15px !important; font-weight: 700; color: var(--tc); border-bottom: 2px solid var(--mc); width: fit-content; margin-bottom: 25px; padding: 0 0 8px 0; } .comment-notes { font-size: 10px; } .rb_tabs_content_wrap .rb_delivery_garranty h2, .rb_tabs_content_wrap .rb_delivery_garranty h3, .rb_tabs_content_wrap .rb_delivery_garranty h4, .rb_tabs_content_wrap .rb_delivery_garranty h5{ font-size: 13px; font-weight: 700; } .rb_about_product .table{ margin-top: 30px; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: #fff !important; } .table-striped>tbody>tr:nth-of-type(even) { --bs-table-accent-bg: #f6f7fb !important; } .rb_about_product .table tr{ border-bottom: 0px solid transparent !important; font-size: 14px; } .rb_about_product .table tr td:first-child{ width: 25%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; } .rb_about_product .table tr td:last-child{ width: 75%; font-weight: 700; font-weight: 700; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; } .rb_delivery_garranty .rb_section_title{ background-color: #f6f7fb; padding: 30px; border-radius: 10px; } .rb_delivery_garranty .faq_wrap{ margin-top: 20px; font-size: 14px; } .rb_delivery_garranty .faq_wrap .faq_box{ margin: 10px 0; } .rb_delivery_garranty .faq_wrap .faq_title{ position: relative; padding: 10px 0; border-bottom: 2px solid #f4f5f7; cursor: pointer; } .rb_delivery_garranty .faq_wrap .faq_title span { font-size: 12px; font-weight: 700; } .rb_delivery_garranty .faq_wrap .faq_content{ padding: 20px 0; display: none; } .rb_delivery_garranty .faq_wrap .faq_content p{ font-size: 11px; line-height: 22px; } .rb_users_rating .comments_box{ margin: 10px 0; padding: 30px; border-radius: var(--br); border: 1px solid #eee; } .rb_users_rating .comments_box .comment_title{ display: flex; justify-content: space-between; align-items: center; } .rb_users_rating .comments_box .subject{ font-size: 13px; font-weight: 700; } .comment_date{ font-size: 13px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .comment_date{ font-size: 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .rb_users_rating .comments_box .right_text .commenter_name{ color: var(--green-color); font-size: 10px; font-weight: 700; margin-right: 15px; } .rb_users_rating .comments_box .comment_title .left_text i{ color: var(--green-color); font-size: 16px; } .rb_users_rating .comments_box .comment_body{ text-align: justify; margin: 20px 0 0; font-size: 11px; line-height: 22px; } .rb_users_rating .comments_box .comment_reply{ margin: 20px 0; padding:25px 20px; background-color: #f6f7fb; border-radius: var(--br); font-size: 10px; line-height: 24px; } .comment_reply code { display: block; } .rb_users_rating .comments_box .comment_reply_btn{ font-size: 10px; font-weight: 700; margin: 10px 0 20px; display: block; } .rb_users_rating .add_comment{ display: flex; justify-content: space-between; align-items: center; margin: 0px 0 30px; padding: 20px; background-color: #f6f7fb; border-radius: var(--br); } .rb_users_rating .add_comment .add_comment_btn{ background-color: var(--green-color); padding: 15px 30px; border-radius: 10px; color: #fff !important; border: 0; margin: 15px auto; display: block; font-size: 10px; font-weight: 700; cursor: pointer; } .rb_users_rating .add_comment .add_comment_btn:hover, .insert_comment_btn.rb_color_btn:hover{ background: var(--mc); color: #fff; } .rb_users_rating .add_comment p{ font-size: 11px; color: #777; margin-top: 10px; } .rb_up_sell_products{ margin-bottom: 60px; } .rb_up_sell_products .container{ padding: 0 20px; } .rb_up_sell_products .rb_right_product_slider_btn{ transform: translatex(10px); position: absolute; top: 120px; right: 10px; background: #fff; border: 30px; border-radius: 50%; box-shadow: -4px 4px 20px 0 #0000000d; padding: 8px; color: var(--text-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; margin: 0 2px; font-size: 20px; cursor: pointer; z-index: 9999; transition: 0.2s all; } .rb_up_sell_products .rb_right_product_slider_btn:hover{ background: var(--green-color); color: #fff; } .rb_up_sell_products .rb_left_product_slider_btn{ transform: translatex(-10px); position: absolute; top: 120px; left: 10px; background: #fff; border: 30px; border-radius: 50%; box-shadow: 4px 4px 20px 0 #0000000d; padding: 8px; color: var(--text-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; margin: 0 2px; font-size: 20px; cursor: pointer; z-index: 9999; transition: 0.2s all; } .rb_up_sell_products .rb_left_product_slider_btn:hover{ background: var(--green-color); color: #fff; } .rb_up_sell_products .swiper-button-disabled{ visibility: hidden; opacity: 0; } .sticky_product_price{ position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; gap: 10px; width: 100%; padding: 10px 15px; background-color: #fff; border-top: 2px solid #eee; border-top-left-radius: 15px; border-top-right-radius: 15px; z-index: 99999; } .sticky_product_price span{ display:block; text-align: center; padding: 0 5px; } .product_thumbnail_gallery > .swiper-wrapper { margin: 15px auto !important; } .product_tags a { color: var(--mc); font-size: 12px; } .woocommerce-breadcrumb a { color: #777 !important; font-weight: 600 !important; font-size: 13px; } .product_thumbnail_gallery .product_box_gallery_item { border-radius: var(--br); overflow: hidden; cursor: pointer; position: relative; border: 1px solid #eee; } .tab_title_active { color: var(--green-color); } .stock.in-stock.wd-style-with-bg { display: none; } .swiper-slide-thumb-active .product_box_gallery_item { border-color: var(--mc); } .main_gallery_item { border-radius: var(--br); overflow: hidden; border: 1px solid #eee; } .tab_title_active::before { content: ""; position: absolute; right: 0; bottom: -1px; width: 100%; height: 4px; background-color: #0099bd; border-radius: 4px 4px 0 0; } .main_gallery_tab_content h4{ font-size: 16px; font-weight: 700; } .rw_gallery_tab_content .tab_content { width: 100%; display: none; padding: 15px; } .rw_gallery_tab_content .tab_content.tab_content_active { display: flex; } .main_gellery { flex: 0 0 60%; max-width: 60%; } .thumb_gallery { flex: 0 0 40%; max-width: 40%; } .rw_gallery_popup .slidePrev-btn, .rw_gallery_popup .slideNext-btn { border-radius: 50%; } .z_index_1{ z-index:1!important; } .overflow_h{ overflow:hidden!important; } .rw_gallery_popup .swiper-slide img { max-height: 450px; border-radius: 10px; width: auto; } .thumb_gallery .swiper-wrapper .swiper-slide img { width: 80px; height: 80px; border: 1px solid #c1c1c1; border-radius: 5px; cursor:pointer; } .thumb_gallery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { border: 2px solid #0115b6; } .rw_gallery_popup .swiper-slide { cursor: zoom-in; overflow:hidden; } .rw_gallery_popup .swiper-slide.zoom_active { cursor: zoom-out; } .rw_gallery_popup .swiper-slide.zoom_active img { -webkit-transform: scale(2); transform: scale(2); position:relative; } .rw_product_gallery_mobile .swiper-pagination { bottom: 0px; width: 100% !important; } .rw_product_gallery_mobile { padding-bottom: 20px !important; } .kandoo_single_btns{ justify-content: normal; } .kandoo_single_btns .kandoo_post_point_btns{ flex: 0 0 17%; } .variations_button .kandoo_btn{ margin: 0 auto; } .rw_thumb_images { display: flex; gap: 20px; position: absolute; bottom: -90px; left: 0px; right: 0px; } /*gallery*/ .colors input[type="radio"] { display: none; } .rb_price_chart_popup, .product_notice_alert_popup{ position: relative; display: none; z-index: 99999; } .rb_price_chart_popup.active , .product_notice_alert_popup.active{ display: block; } .rb_price_chart_popup h4, .product_notice_alert_popup h4{ font-size: 14px; font-weight: 700; text-align: center; } .rb_price_chart_popup p, .product_notice_alert_popup p{ font-size: 12px; text-align: center; } .alert_icon { text-align: center; } .popup_wrap .close_btn{ position: absolute; top: 20px; left: 20px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 13px; border: 1px solid #333; border-radius: 50%; color: #000; } .popup_wrap .close_btn:hover{ color: var(--main-color); } .rb_notice_form { background-color: #fff; padding: 15px; border-radius: 10px; margin-top: 10px; } .alert_form_title{ font-size: 14px; color: #3c3c3c; font-weight: 600; } .rb_notice_form label{ font-size: 13px; } .rb_notice_form .form-check .form-check-input { float: initial; margin-left: auto; } .rb_notice_form .btn{ font-size: 13px; } .rb_notice_form .notice_alert_btn_box{ display: flex; justify-content: flex-end; gap: 20px; } span.product_notice_alert:hover path , span.product_notice_alert.added path { fill: var(--green-color); } .notice_cancle_wrap{ background: #fff; height: 100%; display: flex; justify-content:center; flex-direction:column; padding:15px; border-radius:5px; } #delete_save_customer_product_alert{ cursor: pointer; } .add_comment_popup { position: fixed; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 15px; background: linear-gradient(45deg , #f6f7fb , #fff); border-radius: 20px; z-index: 99999; } .add_comment_popup.active{ display: block; } .add_comment_popup .close_btn{ position: absolute; top: 20px; left: 20px; font-size: 20px; color: #000; } .add_comment_popup .close_btn:hover{ color: var(--main-color); } .add_comment_popup h4{ font-size: 14px; font-weight: 700; } .product_comment_form .input_effect_box:after{ content: ''; background:unset; } .add_comment_popup .submit{ font-size: 10px; font-weight: 700; padding: 15px 25px; border-radius: 12px; background-color: var(--green-color); outline: 0; border: 0; color: #fff; } .product_rating_star { display: flex; flex-direction: row-reverse; padding: 0 10px; } .product_rating_star:not(:checked) > input { position:absolute; top:-9999px; } .product_rating_star:not(:checked) > label { width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:22px; color:#ccc; } .product_rating_star > input:checked ~ label { color: #ffc700; } .product_rating_star > input ~ label { font-size: 20px; } .product_rating_star:not(:checked) > label:hover, .product_rating_star:not(:checked) > label:hover ~ label { color: #deb217; } .product_rating_star > input:checked + label:hover, .product_rating_star > input:checked + label:hover ~ label, .product_rating_star > input:checked ~ label:hover, .product_rating_star > input:checked ~ label:hover ~ label, .product_rating_star > label:hover ~ input:checked ~ label { color: #c59b08; } .input_effect_box{ background-color: #fff !important; } .out_of_stock_box{ margin: 10px 0; } .out_of_stock_box .out_of_stock_title{ font-size: 14px; font-weight: 700; text-align: center; background: #fff4f4; margin: 0 auto; position: relative; color: #ec0303; width: 100%; padding: 10px; border-radius: var(--br); border: 1px solid #ffc1c1; } .out_of_stock_box p{ font-size: 10px; text-align: justify; margin: -10px 0 15px; border-top: 2px solid #ccc; padding: 30px 0 0; } .out_of_stock_box .out_of_stock_box_btn{ font-size: 11px; font-weight: 600; text-align: center; background: #e10101; border-radius: 8px; padding: 15px; color: #fff; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; gap: 10px; cursor: pointer; } .out_of_stock_box .out_of_stock_box_btn:hover{ background: #c10404; } .stock_box_mobile { position: fixed; background: #fff; bottom: 0; z-index: 9999; left: 0; right: 0; padding: 10px 15px 0; border: 1px solid #eee; display: flex; justify-content: space-around; align-items: center; } .stock_box_mobile .out_of_stock_title { margin: unset; } .stock_box_mobile .out_of_stock_box_btn{ width: 100%; } .sticky_product_price .product_percent{ top: 0px !important; right: -25px !important; } .check{cursor:pointer;width:17px;height:17px;border:2px solid #ccc;border-radius:5px;float:right;margin-left:10px;text-align:center;}.check:hover{border-color:#22b4ac}.check.active{border-color:#22b4ac;}.check.active:before{content:"\f00c";font: normal normal normal 10px/1 FontAwesome;color:#22b4ac;display: flex;justify-content: center;align-items: center;margin-top: 2px;} .limit_in_stock{ color: var(--main-color); font-size: 11px; font-weight: 700; } /* ------------- Gallery CSS ---------------------- */ .rb_thumb_images { display: flex; } .rb_thumb_image img { width: 80px; height: 80px; } .rb_product_gallery_mobile :is(.slidePrev-btn, .slideNext-btn) { background: transparent; box-shadow: none; color: #3535ff; font-size: 32px!important; } .slidePrev-btn { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; font-size: 20px!important; width: 36px; height: 36px; border-radius: 50px!important; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; cursor: pointer; left: 10px; z-index: 999; } .slideNext-btn { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; font-size: 20px!important; width: 36px; height: 36px; border-radius: 50px!important; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; cursor: pointer; right: 10px; z-index: 999; } .rb_thumb_images .rb_thumb_image { margin: 15px 11px; border-radius: 5px; overflow: hidden; opacity: .6; cursor: pointer; position: relative; max-width: 80px; border: 1px solid #ddd; } .rb_thumb_image.last_thumb { opacity: .5; } .rb_thumb_image.last_thumb::before { content: "..."; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 33px; z-index: 9999; color: #fff; width: 30px; height: 30px; justify-content: center; align-items: flex-end; display: flex; padding-top: 35px; } .rb_thumb_image.last_thumb::after { position: absolute; content: ""; width: 30px; height: 30px; background: #000000a3; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 50%} .rb_thumb_images .rb_thumb_image:hover { opacity: 1; } .rb_popup_mask { position: fixed; width: 100%; height: 100%; z-index: 9998; background: #0000003b; top: 0; right: 0; transition: .3s ease; opacity: 0; visibility: hidden; cursor: pointer; } .rb_gallery_tab_title { width: 100%; display: flex; justify-content: flex-start; border-bottom: 1px solid #e0e0e0; } .rb_gallery_popup div { border-radius: 0; } .rb_gallery_popup { position: fixed; right: 50%; top: 50%; transform: translate(50%, -50%); z-index: 99999999; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); min-width: 70vw; min-height: 85vh; border-radius: 10px; opacity: 0; transition: .3s ease; visibility: hidden; padding: 15px; max-width: 1000px; max-height: 90vh; } .seller_name { font-size: 13px; padding: 4px 5px; min-width: 125px; } .rb_active_popup { opacity: 1 !important; visibility: visible !important; } .rb_popup_close_btn { position: absolute; left: 15px; top: 30px; font-size: 40px; cursor: pointer; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: #000; } .rb_gallery_tab_title .tab_title { padding-bottom: 15px; margin-left: 15px; position: relative; cursor: pointer; color: #444; font-weight: 700; } .tab_title_active { color: #000; } .tab_title_active::before { content: ""; position: absolute; right: 0; bottom: -1px; width: 100%; height: 4px; background-color: var(--main-color); border-radius: 4px 4px 0 0; } .rb_gallery_tab_content .tab_content { width: 100%; display: none; padding: 15px; } .rb_gallery_tab_content .tab_content.tab_content_active { display: flex; } .main_gellery { flex: 0 0 50%; max-width: 50%} .thumb_gallery { flex: 0 0 50%; max-width: 50%} .rb_gallery_popup .slidePrev-btn, .rb_gallery_popup .slideNext-btn {border-radius: 50%} .z_index_1 { z-index: 1!important; } .overflow_h { overflow: hidden!important; } .rb_gallery_popup .swiper-slide img { max-height: 450px; } .thumb_gallery .swiper-wrapper .swiper-slide img { width: 80px; height: 80px; border: 1px solid #c1c1c1; border-radius: 5px; cursor: pointer; } .thumb_gallery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { border: 2px solid #0115b6; } .rb_gallery_popup .swiper-slide { cursor: zoom-in; overflow: hidden; } .rb_gallery_popup .swiper-slide.zoom_active { cursor: zoom-out; } .rb_gallery_popup .swiper-slide.zoom_active img { -webkit-transform: scale(2); transform: scale(2); position: relative; } .rb_product_gallery_mobile .swiper-pagination { bottom: 8px; } .rb_product_gallery_mobile { padding-bottom: 30px!important; } .form-group{position: relative;margin-bottom: 15px;width: 100%;max-width: 400px;} .form-group :is(input, textarea) { width: 100%; border: 1px solid #E4E4E7; border-radius: var(--br); font-size: 15px !important; padding: 10px 15px; height: 48px; } textarea{max-width: 100% !important;height: auto !important;} .form-group :is(input, textarea):focus:focus-visible {outline: 0;box-shadow: unset; border-color: var(--mc);} .form-group:has(textarea){width: 100%;max-width: 100%;} .post_comment_rate_status_box { margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; gap: 6px; } .post_comment_rate_count_text { font-size: 12px; color: #000; display: flex; justify-content: center; align-items: center; gap: 4px; font-weight: 700; } .post_comment_rate_count_text strong { font-size: 26px; color: #000; } .comments_order_wrap { width: 100%; flex: 0 0 100%; padding: 15px; border-radius: var(--br); background: #FAFAFA; box-shadow: 1.5px 1.5px 0px 0px #0000001A; margin-bottom: 20px; display: flex; justify-content: start; align-items: center; gap: 15px; font-size: 13px; color: #52525B; } .comments_order_wrap span.active{color: var(--mc);font-weight: 600;} .submit_post_comment { outline: 0; box-shadow: unset; border: 0; background: transparent; margin: auto; display: block; } .commenter_name { font-size: 14px; font-weight: 700; color: #000; } .like_comment_wrap { display: flex; justify-content: start; align-items: center; gap: 15px; color: #71717A; font-size: 12px; font-weight: 400; margin-top: 20px; } .comment_like_dislike_box { display: flex; justify-content: center; align-items: center; gap: 25px; font-size: 13px; } .comment_like_dislike_box span{cursor: pointer;} .post_comment_rate_star_items { margin: 12px 0; display: flex; justify-content: space-around; gap: 10px; align-items: center; } .post_comment_rate_star_items .post_comment_rate_count_text{ font-size: 12px; color: #888; font-weight: 400; } .post_comment_rate_star_items .active path { fill: #FAAD14; } .children .comment_item_box { margin: 30px 50px; display: block; background: #FAFAFA; box-shadow: 1.5px 1.5px 0px 0px #0000001A; border-radius: var(--br); border: 0; padding: 20px; position: relative; max-width: 92%; } .children .comment_item_box::before { content: ''; position: absolute; top: -15px; right: -36px; width: 28px; height: 18px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .comment_product_detail_box { background: #fff; border-radius: var(--br); border: 1px solid #F4F4F5; box-shadow: 1.5px 1.5px 0px 0px #0000001A; padding: 5px 10px; width: 100%; display: flex; align-items: center; gap: 15px; font-size: 16px; color: #52525B; font-weight: 400; margin-bottom: 15px; } .comment_product_detail_box img { width: 75px; height: 75px; border-radius: var(--br); } .product_comment_rate_amount_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; flex-wrap: wrap; margin: 20px 0; } .product_comment_rate_amount_wrap input[type="radio"]{display: none;} .product_comment_rate_amount_wrap label{ position: relative; cursor: pointer; font-size: 14px; font-weight: 400; color: #52525B; width: 80px; height: 100px; border-radius: var(--br); display: flex; align-items: end; justify-content: center; border: 1px solid transparent; } .product_comment_rate_amount_wrap label:before{ content: ''; position: absolute; left: 50%; top: 4px; transform: translateX(-50%); width: 64px; height: 64px; box-shadow: 1.5px 1.5px 0px 0px #0000001A; background-color: #FAFAFA; border-radius: var(--br); filter: grayscale(1); background-size: 40px 40px; background-position: center center; background-repeat: no-repeat; } .product_comment_rate_amount_wrap label[for="best"]:before{ background-image: url('data:image/svg+xml,'); } .product_comment_rate_amount_wrap label[for="good"]:before{ background-image: url('data:image/svg+xml,'); } .product_comment_rate_amount_wrap label[for="normal"]:before{ background-image: url('data:image/svg+xml,'); } .product_comment_rate_amount_wrap label[for="low"]:before{ background-image: url('data:image/svg+xml,'); } .product_comment_rate_amount_wrap label[for="bad"]:before{ background-image: url('data:image/svg+xml,'); } .product_comment_rate_amount_wrap label:has(input:checked){border-color: var(--bc);color: var(--mc);} .product_comment_rate_amount_wrap label:has(input:checked):before{filter: grayscale(0);} .insert_comment_btn.rb_color_btn{ cursor: pointer; background: #fff; font-weight: 700; align-items: center; gap: 10px; display: flex !important; width: 100%; margin: auto; min-width: 146px; min-height: 40px; padding: 0; transition: 0.2s all; border-radius: var(--br); justify-content: center; font-size: 13px; color: var(--mc); border: 1px solid var(--mc); } .add_comment_btn { height: 48px; display: flex; justify-content: center; align-items: center; gap: 8px; } #post_comments{position: relative;margin: 70px 0 0;} .post_comments_list_wrap { max-height: 600px; overflow-y: auto; position: relative; margin-top: 30px; transition: 0.5s linear; scrollbar-width: thin; } .post_comments_list_wrap.active {max-height: 10000px;} .post_comments_list_wrap::-webkit-scrollbar {width: 9px;} .post_comments_list_wrap::-webkit-scrollbar-track {background: #eee;} .post_comments_list_wrap::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 20px;} .comment_item_box { position: relative; border-bottom: 1px solid #ddd; padding: 12px 15px; margin-bottom: 10px; min-height: 120px; transition: 0.3s ease-out; width: 100%; } .comment_item_box .comment_item_content { font-weight: 400; font-size: 14px; color: #000; max-height: 80px; overflow-y: auto; scrollbar-width: thin; } .comment_item_content::-webkit-scrollbar {width: 9px;} .comment_item_content::-webkit-scrollbar-track {background: #eee;} .comment_item_content::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 20px;} .commenter_img{border-radius: 50px;width: 30px;height: 30px;} .show_more_comments_btn { background: #edf3f6; padding: 5px 18px; font-size: 13px; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: 10; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 10px; top: auto; border-radius: 0px 0px 10px 10px; color: #222; height: 40px; transition: 0.3s ease-out; } .show_more_comments_btn:hover {background: linear-gradient(#edf3f6, var(--sc));height: 50px; bottom: -50px;transition: 0.3s ease-out;} .post_comments_list_wrap.active .show_more_comments_btn svg{transform: rotate(180deg);transition: 0.4s ease-out;} .user_is_bought_item { background: #F3E8FF; padding: 6px 10px; font-size: 13px; border-radius: var(--br); border: 1px solid var(--mc); position: absolute; left: 0; top: 0; color: var(--mc); } @media( max-width:991px ) { .tab_title {gap: 12px;} body .tab_title li{font-size: 13px;} .tabs_content_wrap {padding: 30px 15px !important;margin-bottom: 15px;} body .rb_gallery_popup .thumb_gallery { margin-top: 20px; } .thumb_gallery h4 { display: none; } .rb_gallery_tab_content .tab_content.tab_content_active { flex-wrap: wrap; } body .rb_gallery_popup { width: 100vw; height: 100vh; max-width: 400px; max-height: 100vh; } } @media( min-width:991px ) { .rb_gallery_popup .swiper-slide { display: flex; justify-content: center; align-items: center; } body .rb_gallery_popup { overflow-y: auto; } .rb_users_rating { margin-right: 15px!important; } .thumb_gallery .swiper-wrapper { transform: none!important; display: flex; flex-wrap: wrap; } .thumb_gallery .swiper-slide-duplicate { display: none; } .thumb_gallery .swiper-wrapper .swiper-slide { flex: 0 0 23%; width: 23%!important; margin: 5px 1%!important; } } .rb_product_gallery_mobile .swiper-slide.video svg { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #ffffffbd; width: 50px; height: 50px; border-radius: 50px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .3s all; } .rb_thumb_images .rb_thumb_image { margin: 10px 3px; border-radius: 5px; overflow: hidden; opacity: .6; cursor: pointer; position: relative; max-width: 80px; } .rb_thumb_image.last_thumb { opacity: .5; } .rb_thumb_image.last_thumb::before { content: "..."; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 33px; z-index: 9999; color: #fff; width: 30px; height: 30px; justify-content: center; align-items: flex-end; display: flex; padding-top: 35px; } .rb_thumb_image.last_thumb::after { position: absolute; content: ""; width: 30px; height: 30px; background: #000000a3; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 50%} .rb_thumb_images .rb_thumb_image:hover { opacity: 1; } .rb_popup_mask { position: fixed; width: 100%; height: 100%; z-index: 9998; background: #0000003b; top: 0; right: 0; transition: .3s ease; opacity: 0; visibility: hidden; cursor: pointer; } .rb_gallery_tab_title { width: 100%; display: flex; justify-content: flex-start; border-bottom: 1px solid #e0e0e0; } .customer_gallery_tab_content h4 { font-size: 15px; } .rb_gallery_tab_title .tab_title { padding-bottom: 15px; margin-left: 15px; position: relative; cursor: pointer; } .tab_title_active { color: var(--green-color); } .tab_title_active::before { content: ""; position: absolute; right: 0; bottom: -1px; width: 100%; height: 4px; background-color: var(--main-color); border-radius: 4px 4px 0 0; } .main_gallery_tab_content h4 { font-size: 16px; font-weight: 700; } .rb_gallery_tab_content .tab_content { width: 100%; display: none; padding: 15px; } .rb_gallery_tab_content .tab_content.tab_content_active { display: flex; } .main_gellery { flex: 0 0 65%; max-width: 65%} .thumb_gallery { flex: 0 0 35%; max-width: 35%} .rb_gallery_popup .slidePrev-btn, .rb_gallery_popup .slideNext-btn {border-radius: 50%} .z_index_1 { z-index: 1!important; } .overflow_h { overflow: hidden!important; } .rb_gallery_popup .swiper-slide img { max-height: 450px; border-radius: 10px; object-fit: cover; } .thumb_gallery .swiper-wrapper .swiper-slide img { width: 80px; height: 80px; border: 1px solid #c1c1c1; border-radius: 5px; cursor: pointer; } .thumb_gallery .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { border: 2px solid #0115b6; } .rb_gallery_popup .swiper-slide { cursor: zoom-in; overflow: hidden; height: auto; } .rb_gallery_popup .swiper-slide.zoom_active { cursor: zoom-out; } .rb_gallery_popup .swiper-slide.zoom_active img { -webkit-transform: scale(2); transform: scale(2); position: relative; } .rb_product_gallery_mobile .swiper-pagination { bottom: 0; width: 100%!important; } .rb_product_gallery_mobile { padding-bottom: 30px; } .rb_thumb_images { justify-content: center; display: flex; } .colors input[type="radio"] { display: none; } .store_services_wrap { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 20px 0; border-style: solid; border-width: 1px 0 1px 0; border-color: #ddd; padding: 15px 0; font-size: 13px; color: #666; filter: grayscale(1); } .store_services_wrap {filter: grayscale(1); opacity: 0.8} .onsale_holder { align-items: center; color: #ef4056; display: flex; font-weight: 600; gap: 8px; justify-content: space-between; margin-bottom: 20px; background: rgb(239 64 86 / .1); padding: 8px 10px; border-radius: 3px; font-size: 13px; position: absolute; top: 0; left: 0; right: 0; z-index: 10; } .copied, .copy_btn { position: relative; } .copy_btn{ cursor: pointer; width: 120px; background: #f5f7fb; padding: 7px 10px; border-radius: 40px; display: flex; font-size: 14px; color: #555; gap: 8px; align-items: center; } .copy_btn:after{ content: 'کپی شد'; background: var(--mc); color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center; border-radius: 4px; width: fit-content; opacity: 0; visibility: 0; position: absolute; top: -28px; left: 50%; transform: translate(-50%, 10px); transition: 0.3s all; padding: 3px 8px; white-space: nowrap; } .copy_btn.copied:after{ opacity: 1; visibility: visible; transform: translate(-50%, 0); } /* ------------ Rating And Comment Css ------------------ */ .bookkand_users_rating .comments_box{ margin: 10px 0; padding: 10px 30px; border-radius: var(--br); border: 1px solid #eee; } .bookkand_comment_wrap_text{ font-size: 14px; color: var(--text-color); } .bookkand_users_rating .comments_box .comment_title{ display: flex; justify-content: space-between; align-items: center; } .bookkand_users_rating .comments_box .subject{ font-size: 13px; font-weight: 700; } .bookkand_users_rating .comment_date{ font-size: 13px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .bookkand_users_rating .comment_date{ font-size: 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .bookkand_users_rating .comments_box .right_text .commenter_name{ color: var(--mc); font-size: 10px; font-weight: 700; margin-right: 15px; } .bookkand_users_rating .comments_box .comment_title .left_text i{ color: var(--mc); font-size: 16px; } .bookkand_users_rating .comments_box .comment_body{ text-align: justify; margin: 20px 0 0; font-size: 11px; line-height: 22px; } .bookkand_users_rating .comments_box .comment_reply{ margin: 20px 0; padding:25px 20px; background-color: #f6f7fb; border-radius: var(--br); font-size: 10px; line-height: 24px; } .comment_reply code { display: block; } .bookkand_users_rating .comments_box .comment_reply_btn{ font-size: 10px; font-weight: 700; margin: 10px 0 20px; display: block; } .bookkand_users_rating .add_comment{ display: flex; justify-content: space-between; align-items: center; margin: 0px 0 30px; padding: 20px; background-color: #f6f7fb; border-radius: var(--br); } .bookkand_users_rating .add_comment p{ font-size: 11px; color: #777; margin-top: 10px; } .product_rating_star { display: flex; flex-direction: row-reverse; gap: 2px; } .product_rating_star input { display: none; } .product_rating_star label{position: relative;width: 22px;height: 22px;} .product_rating_star label:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cscript xmlns=''/%3E%3Cpath fill='%23fff' stroke='%23777' stroke-width='.5' d='M12 .587l3.668 7.568L24 9.306l-6.064 5.828 1.48 8.279L12 19.446l-7.417 3.967 1.481-8.279L0 9.306l8.332-1.151z'/%3E%3C/svg%3E"); display: inline-block; width: 22px; height: 22px; text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); } .product_rating_star > input:checked ~ label:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cscript xmlns=''/%3E%3Cpath fill='yellow' stroke='orange' stroke-width='.5' d='M12 .587l3.668 7.568L24 9.306l-6.064 5.828 1.48 8.279L12 19.446l-7.417 3.967 1.481-8.279L0 9.306l8.332-1.151z'/%3E%3C/svg%3E") !important; } .product_rating_star:not(:checked) > label:hover, .product_rating_star:not(:checked) > label:hover ~ label { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cscript xmlns=''/%3E%3Cpath fill='yellow' stroke='orange' stroke-width='.5' d='M12 .587l3.668 7.568L24 9.306l-6.064 5.828 1.48 8.279L12 19.446l-7.417 3.967 1.481-8.279L0 9.306l8.332-1.151z'/%3E%3C/svg%3E") !important; } .product_rating_star > input:checked + label:hover, .product_rating_star > input:checked + label:hover ~ label, .product_rating_star > input:checked ~ label:hover, .product_rating_star > input:checked ~ label:hover ~ label, .product_rating_star > label:hover ~ input:checked ~ label { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cscript xmlns=''/%3E%3Cpath fill='yellow' stroke='orange' stroke-width='.5' d='M12 .587l3.668 7.568L24 9.306l-6.064 5.828 1.48 8.279L12 19.446l-7.417 3.967 1.481-8.279L0 9.306l8.332-1.151z'/%3E%3C/svg%3E") !important; } .insert_comment_popup{ display: none; position: fixed; width: 100%; max-width: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: var(--br); padding: 30px; z-index: 9999; } .insert_comment_popup.active{ display: block; } .popup_wrap.insert_comment_popup{ padding: 20px 50px; } .insert_comment_popup .close_btn{ position: absolute; left: 15px; top: 20px; font-size: 20px; cursor: pointer; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: #333; } p.comment-form-author, p.comment-form-email{display: none; } .insert_comment_popup .inner_title{ position: relative; width: 100%; z-index: 2; color: #52525B; font-size: 18px; font-weight: 700; margin-bottom: 15px; display: block; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .insert_comment_popup .inner_title:before{ content: ''; position: absolute; right: 28px !important; width: 72px; height: 4px; background-color: #E9D5FF; top: 14px; z-index: -1; } .insert_comment_popup p{ font-size: 12px; } .insert_comment_popup .comment_form{ margin-top: 10px; } .form-group { position: relative; margin-bottom: 15px; } .form-group :is(input , textarea){font-size: 12px !important;} .insert_comment_popup input[type="submit"] { position:relative; border-radius: var(--br); padding: 12px 25px; border: 1px solid var(--mc); font-size: 14px; transition: 0.2s ease-out; background: var(--mc); color: #fff; font-weight: 700; display: flex; min-width: 130px; min-height: 48px; margin: 0 auto 20px; } .insert_comment_popup input[type="submit"]:before{ content: ''; position: absolute; top: 5px; right: 15px; width: 20px; height: 19px; background-image:url('data:image/svg+xml,'); } .insert_comment_popup input[type="submit"]:hover , .insert_comment_popup input[type="submit"]:focus{ box-shadow: inset 0 0 100px #0003; } #reviews {max-height: 220px;overflow: hidden;} .more_comments_btn {color: #19BFD3;font-weight: 700;font-size: 13px;display: flex;justify-content: center;align-items: center;gap: 10px;padding: 10px;margin-bottom: 10px;margin-right: 0;margin-left: auto;display: block;cursor: pointer;} .more_comments_btn svg {transition: 0.2s all;} .more_comments_btn.active svg {transform: rotate(180deg);} #reviews.active {max-height: 10000px;} .value:has(.radio) , .value:has(.button) , .value:has(.color){display: flex !important;justify-content: flex-start;align-items: center;gap: 15px;flex-wrap: wrap;font-size: 15px;} .value input{display: none;} .value .radio{position: relative;padding-right: 30px;cursor: pointer;border: 0 !important;} .value .radio:before {content: '';width: 18px;height: 18px;position: absolute;right: 6px;top: 5px;transition: 0.2s all;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='currentColor' class='bi bi-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E");} .value .radio.selected:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='green' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");} .value label{padding: 2px 2px 2px 10px;border-radius: 50px;border: 1px solid #dbdbdb;cursor: pointer;} .value .color { display: flex; align-items: center; font-size: 0; padding: 2px; } .value .rb_vari_color{width: 30px;height: 30px;display: flex;border-radius: 50px;border: 1px solid transparent;} .value .rb_vari_image{width: 50px;height: 50px;display: flex;background-repeat: round;} .value label.image {border: 1px solid #bbb;font-size: 0;padding: 10px;border-radius: 6px;margin: 5px;} .value label.image.selected , .value label.button.selected, .value .color.selected{border-color: #0060EF;} .value label.button { padding: 2px 6px; min-width: 60px; display: flex; justify-content: center; border-radius: 8px; background: #fff; } .rb_swatch_btn.selected.button::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.88672 9.18693L6.56139 12.8616L13.9107 4.9873' stroke-width='1.41959' stroke-linecap='round' stroke-linejoin='round' stroke='%230060EF'/%3E%3C/svg%3E"); width: 24px; height: 24px; background-repeat: round; } .rb_custom_dropdown[data-type="dropdown"] {display: block !important;} .price_box.price_box_variation { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 10px; font-weight: 700; font-size: 14px; } @media( min-width:992px ) { body .rb_gallery_popup {max-width: 1000px;} body .rw_gallery_popup { max-width: 1000px;} } @media screen and (max-width: 991px) and ( min-width: 565px ) { body .rb_gallery_popup .main_gellery, body .rb_gallery_popup .thumb_gallery { flex: 0 0 50%; max-width: 50%} body .rb_popup_close_btn { top: 45px; } body .rb_gallery_popup { padding-top: 45px; } } @media screen and (max-width: 565px) { body .rb_gallery_popup .main_gellery, body .rb_gallery_popup .thumb_gallery { flex: 0 0 100%; max-width: 100%} body .rb_popup_close_btn { top: 120px; font-size: 50px; } body .rb_gallery_popup { padding-top: 120px; } } @media (max-width: 768px){ .rb_product_title{font-size: 13px;padding: 0px;} .rb_product_box_price bdi{font-size: 13px;} .product_sticky_price_wrap{display: flex;flex-direction: column;align-items: start;gap: 0px;font-size: 14px;position: relative;} .product_sticky_price_wrap .product_percent{top: 0px;left: -22px;} .product_sticky_price_wrap del .woocommerce-Price-currencySymbol{display: none;} .add_to_cart{z-index: 99; padding: 10px !important;} .rb_product_attributes .rb_tab_title{top: 60px;} .product_categories a{color: #81858B; font-weight: 700;} .product_top .content_product h1 {font-size: 17px;margin: 5px 0;} .product_comment_count { background: #F6F6F6;border-radius: 50px;color: #000;font-size: 12px; display: flex;justify-content: center;align-items: center; gap: 5px; min-width: 80px; padding: 8px 12px;font-weight: 600;margin-bottom: 10px;} .rb_product_attributes .rb_tab_title {border-bottom: 0;margin-bottom: 20px !important;} .rb_tab_title li.active a{border-bottom: 1px solid var(--mc);} #rb_product_attributes li {list-style: none;} .tab_section_product_content {border-bottom: 0;background: #FAFAFA;border-radius: var(--br);padding: 20px;} .shop_attributes tr td, .shop_attributes tr th{padding: 12px 12px;font-size: 13px;height: 100%;} .shop_attributes tr th {max-width: 110px;line-height: 22px;} .shop_attributes tr{margin-bottom: 10px;} .rb_users_rating .add_comment .add_comment_btn:hover, .insert_comment_btn.rb_color_btn:hover {background: var(--mc);} .comment_item_box{padding: 10px;min-height: 100px;} .product_sticky_price_box, .custom_cart_box{ position: fixed; left: 0; right: 0; bottom: 55px; background: #FAFAFA; padding: 10px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #eee; } .custom_cart_box{ border: 0; background: #fff; border: 15px 15px 0 0; } .wd-toolbar, .wd-side-hidden{z-index: 9999;} .wd-close-side{z-index: 999;} .add_tocart_popup_close { position: absolute; top: 8px; left: 8px; background: none; border: none; font-size: 22px; cursor: pointer; } :root{ --border-radius: 7px; --margin: 15px 0; --margin: 20px 0; --margin-bottom: 20px; --padding: 15px 0; } body .rw_popup_close_btn{ top: 90px; } .thumb_gallery h4{ display:none; } body .rw_gallery_popup .main_gellery, body .rw_gallery_popup .thumb_gallery { flex: 0 0 100%; max-width: 100%; } .rw_gallery_tab_content .tab_content.tab_content_active { flex-wrap: wrap; } body .rw_gallery_popup { width:100vw; height:100vh; max-width: 100vw; max-height: 100vh; padding-top: 90px; } .rb_product_attributes .offer_detail { position: relative; margin-right: 10px; } .product_top .product_image { padding: 20px; } .product_top .content_product { margin-top: 20px; } .product_color_selector { border-bottom: 0px; } .product_top .product_tag { padding: 5px 4px; } .rb_section_title { margin-bottom: 15px; } .rb_section_title span h4 { font-size: 13px; } .rb_section_title span span { font-size: 11px; } .rb_section_title .link { font-size: 12px; } .product_top .add_to_cart { border-radius: var(--br); border: 0px; padding: 0px 0 20px; margin-top: 20px; } .product_garanty_box{ border-bottom: 1px solid #eee; padding-bottom: 10px; flex-direction: row; gap: 5px; } .product_color_selector .cart_count { margin: 10px 0 0; } .rb_product_attributes { padding: 0; } .rb_tab_title li { padding: 10px 15px; text-align: center; font-size: 10px; border-radius: 20px; white-space: nowrap; } .rb_about_product .table { margin-top: 15px; } body .rb_tabs_content_wrap{ padding: 10px !important; margin-top: 10px; } .rb_delivery_garranty .faq_wrap { margin-top: 0px; font-size: 12px; padding: 0; } .rb_delivery_garranty .faq_wrap .faq_content p { font-size: 12px; } .rb_delivery_garranty .rb_section_title { padding: 15px; } .rb_tab_content .add_comment h6{ font-size: 13px; } .rb_users_rating .add_comment { display: block; margin: 0px 0 15px; padding: 15px; } .rb_users_rating .add_comment .add_comment_btn { padding: 8px 20px; margin: 10px auto; font-size: 12px; width: fit-content; cursor: pointer; } .rb_users_rating .comments_box { margin: 10px 0; padding: 15px; } .rb_users_rating .comments_box .comment_reply { margin: 10px 0; padding: 10px; font-size: 12px; } .rb_users_rating .comments_box .subject{ font-size: 13px; } .rb_users_rating .comments_box .comment_body { margin: 10px 0 0; } .sticky_product_price .add_to_card_btn { font-size: 11px; white-space: nowrap; margin: 3px auto; padding: 15px 20px; border-radius: 10px; } .sticky_product_price .price_percent { top: -13px; left: 10px; right: auto; padding: 4px; } .sticky_product_price del{ color: #777; font-size: 13px; } .sticky_product_price .price_box{ position: relative; } .rb_about_product .table tr{ font-size: 11px; } .rb_up_sell_products { margin-bottom: 30px; } .rb_notice_form .notice_alert_btn_box{ justify-content: space-between; } .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev{ transform: scale(.33) !important; display: inline-block !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active-prev{ transform: scale(.66) !important; display: inline-block !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active-next{ transform: scale(.66) !important; display: inline-block !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next{ transform: scale(.33) !important; display: inline-block !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1) !important; display: inline-block !important; } .swiper-pagination-bullet { transform: scale(0) !important; background: var(--green-color) !important; display: none !important; width: 15px !important; height: 15px !important; } .swiper-pagination{ margin-top: 20px; } .price_box.text-center bdi { display: flex; } .product__garanty{ margin:25px 0 0; } .product_free_ship{ margin-top: 10px; padding: 25px 20px 25px 55px; } } @media( min-width:768px ){ .thumb_gallery .swiper-wrapper { transform: none !important; display: flex; flex-wrap: wrap; } .thumb_gallery .swiper-slide-duplicate{ display:none; } .thumb_gallery .swiper-wrapper .swiper-slide { flex: 0 0 23%; width: 23% !important; margin: 5px 1% !important; } } @media (min-width: 768px) and (max-width: 992px){ .product_image_icon{ right: auto; left: 20px; } .product_top .product_image { padding: 20px 15px; } .product_top .product_tag { padding: 3px 5px; font-size: 10px; background: #fff; } .product_free_ship{ margin-top: 10px; padding: 30px 20px 30px 55px; } .product_top .add_to_cart { padding: 0px 0 20px; } .rb_users_rating .add_comment .add_comment_btn { padding: 10px; white-space: nowrap; cursor: pointer; } .rb_tab_title li { padding: 10px 15px; text-align: center; font-size: 10px; border-radius: 20px; white-space: nowrap; } .swiper-pagination{ text-align: right !important; } .product__garanty{ margin:25px 0 0; } } @media (min-width: 1200px) and (max-width: 1400px){ .product_color_selector .colors .color_pattern{ border-radius: 50%; width:15px; height:15px; } .product_color_selector .colors .color{ max-width: max-content; flex: 1 1 auto; font-size: 9px; } } @media(min-width:1400px){ .product_top{ margin-bottom: 120px; } }