/* Theme Name: agskindermo WooCommerce styles override */ @font-face { font-display:swap; font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url('/wp-content/themes/agskindermo/fonts/OpenSans-Regular.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url('/wp-content/themes/agskindermo/fonts/OpenSans-Bold.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "Neue Haas Unica"; font-style: normal; font-weight: 300; src: url('/wp-content/themes/agskindermo/fonts/NeueHaasUnica-Light.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "Neue Haas Unica"; font-style: normal; font-weight: 400; src: url('/wp-content/themes/agskindermo/fonts/NeueHaasUnica-Regular.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "Neue Haas Unica"; font-style: normal; font-weight: 800; src: url('/wp-content/themes/agskindermo/fonts/NeueHaasUnica-ExtraBold.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "Neue Haas Unica"; font-style: normal; font-weight: 900; src: url('/wp-content/themes/agskindermo/fonts/NeueHaasUnica-Black.woff2') format("woff2"); } @font-face { font-display:swap; font-display: swap; font-family: "TanPearl"; font-style: normal; font-weight: 400; src: url('/wp-content/themes/agskindermo/fonts/TAN-PEARL-Regular.woff2') format("woff2"); } @font-face { font-display:swap; font-family: "Inter"; src: url('/wp-content/themes/agskindermo/fonts/Inter-Regular.eot'); src: url('/wp-content/themes/agskindermo/fonts/Inter-Regular.eot?#iefix') format("embedded-opentype"), url('/wp-content/themes/agskindermo/fonts/Inter-Regular.woff2') format("woff2"), url('/wp-content/themes/agskindermo/fonts/Inter-Regular.woff') format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /** * Fallback for bourbon equivalent */ /** * Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td::before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove::before { display: none; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } /** * Products */ .has-sidebar.woocommerce.archive .woo-content-wrapper { display: flex; flex-direction: column-reverse; gap: 50px; } .has-sidebar.woocommerce.archive .site-main { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; min-width: 0; padding: 0; } .has-sidebar.woocommerce.archive .secondary-wrapper { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; min-width: 0; padding: 0; } ul.products { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: clamp(16px, 2vw, 28px); width: 100%; margin: 0 !important; padding: 0; clear: both; } ul.products li.product { display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0; margin: 0; padding: 12px 12px 16px; isolation: isolate; background-color: transparent; border: 1px solid #ebe7e2; border-radius: 14px; list-style: none; position: relative; transition: border-color 0.2s ease; } ul.products li.product > .woocommerce-loop-product__link:first-of-type { display: flex; align-items: center; justify-content: center; order: 1; aspect-ratio: 1/1; width: calc(100% + 24px); min-height: 220px; margin: -12px -12px 0; overflow: hidden; border-radius: 13px 13px 0 0; background: #f3f0ec; } ul.products li.product img { display: block; } ul.products li.product > .woocommerce-loop-product__link:first-of-type > img { width: 100%; height: 100%; margin: 0; object-fit: contain; } ul.products li.product .product-card__body, ul.products li.product .product-card__footer { display: flex; flex-direction: column; min-width: 0; } ul.products li.product .product-card__body { order: 2; gap: 8px; } ul.products li.product .product-card__footer { order: 3; gap: 10px; margin-top: auto; } ul.products li.product .product__categories { margin: 0; } ul.products li.product .product__categories a { color: #515150; font-size: 0.75rem; text-decoration: none; } ul.products li.product .woocommerce-loop-product__title { order: 2; margin: 0 2px; overflow: hidden; } ul.products li.product .woocommerce-loop-product__title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #201600; font-family: "Neue Haas Unica", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.3; text-align: left; text-decoration: none; text-transform: none; } ul.products li.product .woocommerce-loop-product__subtitle { display: -webkit-box; order: 3; max-height: 2.9em; margin: 0 2px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #716d68; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.45; text-align: left; } ul.products li.product .woocommerce-loop-product__subtitle p, ul.products li.product .woocommerce-loop-product__subtitle ul, ul.products li.product .woocommerce-loop-product__subtitle ol { margin: 0; } ul.products li.product .woocommerce-loop-product__subtitle ul, ul.products li.product .woocommerce-loop-product__subtitle ol { padding-left: 16px; } ul.products li.product .woocommerce-loop-product__subtitle strong, ul.products li.product .woocommerce-loop-product__subtitle b { font-weight: 500; } ul.products li.product .product-sale-text { order: 4; max-height: 4.2em; margin: 0 2px; padding: 2px 0 2px 9px; overflow: hidden; border-left: 1px solid #b56c65; border-radius: 0; background: transparent; color: #81443f; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 0.75rem; font-weight: 500; line-height: 1.4; } ul.products li.product .product-sale-text p { margin: 0; } ul.products li.product .product-sale-text * { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit; } ul.products li.product .woocommerce-loop-product__size { order: 5; margin: 0 2px; color: #77716b; font-family: "Neue Haas Unica", sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.3; text-align: left; } ul.products li.product .star-rating { order: 6; margin: 0 2px; } ul.products li.product .price { order: 7; margin: 0 2px; color: #404040; font-family: "Neue Haas Unica", sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.1; } ul.products li.product .price del { color: #939393; font-size: 1rem; font-weight: 400; line-height: 1; } ul.products li.product .add_to_cart_button, ul.products li.product .button.product_type_simple, ul.products li.product .yith-wcwl-add-to-wishlist { opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } ul.products li.product .add_to_cart_button, ul.products li.product .button.product_type_simple { position: relative; order: 9; box-sizing: border-box; width: calc(100% - 56px) !important; flex: 0 0 auto; height: 46px; margin: 0; padding: 0 14px; border: 1px solid #201600; border-radius: 8px; background: #201600; color: #fff; font-size: 0.8125rem; letter-spacing: 0.04em; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } ul.products li.product .add_to_cart_button:hover, ul.products li.product .button.product_type_simple:hover { border-color: #C49564; background: #C49564; } ul.products li.product .add_to_cart_button:focus-visible, ul.products li.product .button.product_type_simple:focus-visible { outline: 2px solid #C49564; outline-offset: 2px; } ul.products li.product .yith-wcwl-add-to-wishlist { position: absolute !important; right: 12px !important; bottom: 16px !important; z-index: 2; box-sizing: border-box; width: 46px; height: 46px; margin: 0 !important; padding: 0; border: 1px solid #201600; border-radius: 8px; background: #fff; color: #201600; line-height: 1; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; } ul.products li.product .yith-wcwl-add-to-wishlist a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: inherit; background: transparent !important; box-shadow: none !important; color: inherit !important; font-size: 0; line-height: 1; text-decoration: none; } ul.products li.product .yith-wcwl-add-to-wishlist a:hover, ul.products li.product .yith-wcwl-add-to-wishlist a:focus, ul.products li.product .yith-wcwl-add-to-wishlist a:active { border: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit !important; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { position: absolute; inset: 0; z-index: 1; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-icon { width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; color: currentColor !important; font-size: 22px; transition: none; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist img, ul.products li.product .yith-wcwl-add-to-wishlist .feedback svg.yith-wcwl-icon-svg, ul.products li.product .yith-wcwl-add-to-wishlist .feedback img, ul.products li.product .yith-wcwl-add-to-wishlist .delete_item svg.yith-wcwl-icon-svg, ul.products li.product .yith-wcwl-add-to-wishlist .delete_item img { display: block !important; flex: 0 0 22px; width: 22px !important; max-width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: inherit !important; vertical-align: middle; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist img, ul.products li.product .yith-wcwl-add-to-wishlist .feedback img, ul.products li.product .yith-wcwl-add-to-wishlist .delete_item img { object-fit: contain; transition: filter 0.2s ease; } ul.products li.product .yith-wcwl-add-to-wishlist .feedback { display: flex; align-items: center; justify-content: center; gap: 0; width: 100%; height: 100%; color: inherit; font-size: 0; line-height: 1; pointer-events: none; } ul.products li.product .yith-wcwl-add-to-wishlist span:not(.feedback), ul.products li.product .yith-wcwl-add-to-wishlist .view-wishlist { display: none !important; } ul.products li.product .yith-wcwl-add-to-wishlist:hover { background: #201600; color: #fff; } ul.products li.product .yith-wcwl-add-to-wishlist:hover svg.yith-wcwl-icon-svg { color: #fff !important; } ul.products li.product .yith-wcwl-add-to-wishlist:hover img { filter: brightness(0) invert(1); } ul.products li.product .yith-wcwl-add-to-wishlist:focus-within { outline: 2px solid #C49564; outline-offset: 2px; } ul.products li.product:hover { border-color: #d5cec6; } .woocommerce-products-header__title { margin: 0 0 40px; font-family: "Neue Haas Unica", sans-serif; font-size: 1.5rem; font-weight: 400; text-align: center; text-transform: uppercase; } /** * Single product */ .single-product .woo-wrapper { background-color: #F9F9F9; } .single-product div.product { position: relative; } .single-product div.product .product-details-wrapper { display: flex; flex-direction: column; justify-content: space-between; gap: 25px; padding-bottom: 30px; } .single-product div.product #wpgs-gallery { /*@media screen and (min-width: 768px) { max-width: 500px !important; }*/ } .single-product div.product .product-details-wrapper .summary { width: 100%; } .single-product div.product .price { gap: 10px; margin: 0 0 5px; color: #404040; font-family: "Neue Haas Unica", sans-serif; font-size: 2.25rem; font-weight: 800; line-height: 1; } .single-product div.product .price del { font-size: 1rem; font-weight: 400; line-height: 1; } .single-product .product_title { margin: 0 0 20px; color: #201600; font-family: "Neue Haas Unica", sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.2; } .single-product .product-subtitle { margin-bottom: 20px; font-size: 1.125rem; font-weight: 400; line-height: 1.2; text-align: left; } .single-product .product-size { margin-bottom: 25px; color: #8d8d8d; font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.2; text-align: left; } .single-product .product-sku-rating-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 0 0 25px; } .single-product .product-sku-rating-wrapper .sku_wrapper { padding: 7px 15px; background-color: #f5ede5; border-radius: 5px; color: #201600; font-size: 0.75rem; } .single-product .product-sku-rating-wrapper .woocommerce-product-rating { display: flex; align-items: center; } .single-product .product-sku-rating-wrapper .woocommerce-review-link { margin-left: 5px; color: #777; font-size: 0.75rem; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-product .product-sku-rating-wrapper .woocommerce-review-link:hover { color: #C49564; } .single-product .woocommerce-product-details__short-description { margin: 0 0 25px; padding: 20px 0; border-top: 1px solid #C49564; border-bottom: 1px solid #C49564; font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; } .single-product .woocommerce-product-details__short-description ul { margin: 0; padding: 0; list-style: none; } .single-product .woocommerce-product-details__short-description li { display: flex; align-items: center; } .single-product .woocommerce-product-details__short-description li:before { content: url('/wp-content/themes/agskindermo/img/icons/checkmark-dark.svg'); width: 1rem; height: 1rem; margin-right: 0.5rem; } .single-product .product-buttons-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px; padding: 20px 0; } .single-product .product-buttons-wrapper .cart, .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist, .single-product .product-buttons-wrapper .woo-product-button { width: calc(50% - 10px); } .single-product .product-buttons-wrapper .cart { display: flex; } .single-product .product-buttons-wrapper .cart .screen-reader-text { display: none; } .single-product .product-buttons-wrapper .cart .quantity { display: none; width: 25%; } .single-product .product-buttons-wrapper .cart .quantity input { width: 100%; height: 44px; border: 1px solid #201600; border-radius: 7px 0 0 7px; } .single-product .product-buttons-wrapper .cart .single_add_to_cart_button { width: 100%; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist { margin: 0; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist.exists { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 5px; border: 1px solid #C49564; border-radius: 7px; font-size: 0.75rem; line-height: 1.25; text-align: center; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { display: block; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item { display: flex; align-items: center; gap: 5px; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist .single_add_to_wishlist { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; height: 44px; background-color: #fff; border: 1px solid; border-radius: 7px; font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.05rem; cursor: pointer; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-product .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-icon { margin: 0; } .single-product .product-buttons-wrapper .woo-product-button { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; height: 44px; border: 0; border-radius: 7px; font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.05rem; cursor: pointer; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-product .product-buttons-wrapper .woo-product-button:before { content: ""; display: block; width: 14px; height: 14px; background-size: contain; } .single-product .product-buttons-wrapper .woo-product-fast-buy { background: linear-gradient(90deg, #306961 0%, #4E877F 100%) right center; background-size: 100% auto; color: #fff; } .single-product .product-buttons-wrapper .woo-product-fast-buy:before { background: url('/wp-content/themes/agskindermo/img/icons/lightning-white.svg') center no-repeat transparent; } .single-product .product-buttons-wrapper .woo-product-fast-buy:hover { background-color: #306961; background-size: 200% auto; background-position: left center; } .single-product .product-buttons-wrapper .woo-product-consultation { background: transparent; border: 1px solid #201600; color: #201600; font-size: 0.75rem; } .single-product .product-buttons-wrapper .woo-product-consultation:before { background: url('/wp-content/themes/agskindermo/img/icons/chat-round-dots.svg') center no-repeat transparent; } .single-product .product-buttons-wrapper .woo-product-consultation:hover { border-color: #8d6235; color: #8d6235; } .stock { margin: 0 0 5px; font-size: 0.875rem; line-height: 1; } .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } .product-delivery-notice { padding-top: 10px; font-size: 0.875rem; } .onsale { position: absolute; top: 10px; left: 10px; display: inline-block; padding: 3px 5px; background-color: #0e7b17; border-radius: 3px; color: #fff; font-size: 0.75rem; font-weight: 500; z-index: 2; } /* Product Advantages block */ .product-advantages-wrapper { background-color: #fff; } .product-advantages { display: flex; align-items: center; justify-content: center; gap: 50px; max-width: 1180px; margin: 0 auto; padding: 40px 15px; } .product-advantages__item { flex: 1; } .product-advantages__img { width: 50px; height: 50px; margin: 0 auto 20px; } .product-advantages__img img { width: 100%; height: 100%; object-fit: contain; } .product-advantages__text { font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; text-align: center; } /** * Tabs */ .woocommerce-tabs { padding: 40px 0; } .woocommerce-tabs ul.tabs { display: flex; align-items: center; justify-content: flex-start; gap: 50px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #DADADA; text-align: left; } .woocommerce-tabs ul.tabs li { display: block; margin: 0; position: relative; } .woocommerce-tabs ul.tabs li.active a { border-bottom: 1px solid #C49564; outline: none; } .woocommerce-tabs ul.tabs li a { display: block; padding: 0 0 5px; color: #201600; font-family: "Neue Haas Unica", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1; text-decoration: none; text-transform: uppercase; } .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 1em; font-family: "Neue Haas Unica", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1; } .woocommerce-tabs .wc-tab { padding: 40px 0; } .woocommerce-tabs table.woocommerce-product-attributes { font-size: 15px; margin: 0 auto; max-width: 600px; } .woocommerce-tabs table.woocommerce-product-attributes th, .woocommerce-tabs table.woocommerce-product-attributes td { border-bottom: 1px solid #eee; padding: 10px 0; } .woocommerce-tabs table.woocommerce-product-attributes td { text-align: right; } .woocommerce-tabs table.woocommerce-product-attributes tr:last-child th, .woocommerce-tabs table.woocommerce-product-attributes tr:last-child td { border: none; } .woocommerce-tabs table.woocommerce-product-attributes p { margin-bottom: 0; } .woocommerce-tabs table td, .woocommerce-tabs table th { padding-left: 0; background: 0 0; } .woocommerce-tabs table th { padding-top: 6px; padding-bottom: 6px; color: #111; font-weight: 600; min-width: 150px; text-align: left; } .woocommerce-tabs table td { padding-top: 5px; padding-bottom: 5px; } .woocommerce-tabs .panel:not(.woocommerce-Tabs-panel--additional_information) table td { padding-top: 2px; padding-bottom: 2px; } .woocommerce-tabs table tr:first-child td, .woocommerce-tabs table tr:first-child th, .woocommerce-tabs table.woocommerce-grouped-product-list tbody tr:first-child td { padding-top: 0; } .woocommerce-tabs table.yith-wcpsc-product-table { width: 100%; } /* Reviews */ .woocommerce-Reviews { outline: 0; } .woocommerce-Reviews .commentlist { margin-left: 0; padding-left: 0; list-style: none; } .woocommerce-Reviews .commentlist li { margin-bottom: 20px; list-style: none; padding-bottom: 15px; border-bottom: 1px solid #eee; } .woocommerce-Reviews .commentlist li:last-child { margin-bottom: 0; border-bottom: 0; } .woocommerce-Reviews .comment_container { display: flex; } .woocommerce-Reviews .avatar { width: 60px; height: 60px; } .woocommerce-Reviews .comment-text { padding-left: 0; } .woocommerce-Reviews time { color: #838383; font-size: 0.875rem; } .woocommerce-Reviews .comment-reply-title { display: block; margin-bottom: 15px; color: #111; font-weight: 600; font-size: 1.5rem; line-height: 1.3; } .comment-notes { font-size: 0.875rem; } /* Product page height */ .product-details-wrapper .swiper-wrapper { height: 500px !important; } .product-details-wrapper .swiper-slide-active { height: 100% !important; } .product-details-wrapper .swiper-slide { height: 100% !important; } .product-details-wrapper .gallery-navigation-carousel > .swiper-wrapper { height: 100% !important; } /* Rounded Edges Image */ .product-about-img { border-radius: 7px; overflow: hidden; } /* Related Products */ .related-products-wrapper { background-color: #fff; padding: 60px 0; } .related-products-wrapper h2 { max-width: 1180px; margin: 0 auto 40px; font-family: "Neue Haas Unica", sans-serif; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; } .related.products ul.products, .upsells.products ul.products, .cross-sells ul.products { max-width: 1180px; margin: 0 auto; } /* Buy in 1 click popup form */ /** * Checkout */ /* Cart */ .wc-block-components-button__text { color: #fff; } .wp-block-woocommerce-cart-order-summary-shipping-block { /* Hide Shipping text */ display: none; } .wc-block-components-product-metadata__description { display: none; } .wp-block-woocommerce-cart .wc-block-cart__submit-button { background: #C49564; } .wp-block-woocommerce-cart .ags-cart-cross-sells-nav { display: none; } @container (min-width: 700px) { .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header-image { width: 110px; } .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image { width: 110px; } .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image img { display: block; width: 110px; height: 110px; object-fit: cover; } .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__prices .price { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.4; } .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: 15px; font-weight: 600; line-height: 1.4; white-space: nowrap; } .wp-block-woocommerce-cart .wc-block-components-quantity-selector { height: 40px; } .wp-block-woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { box-sizing: border-box; width: 40px; height: 40px; padding: 0; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block { margin-top: 40px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading { margin-bottom: 20px; font-size: 24px !important; font-weight: 600; line-height: 1.2; } .wp-block-woocommerce-cart .ags-cart-cross-sells-scroller { display: flex !important; align-items: stretch; gap: 16px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product { display: flex; flex: 1 1 0; flex-direction: column; box-sizing: border-box; width: auto; margin: 0; padding: 16px !important; background-color: #F9F9F9; border-radius: 7px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product > div:first-child { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-image { aspect-ratio: 1; margin-bottom: 12px; overflow: hidden; border-radius: 5px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-name { display: flex; align-items: center; justify-content: center; min-height: 40px; margin: 0; overflow: hidden; font-size: 15px; line-height: 1.3; text-align: center; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-rating-stars.wp-block-cart-cross-sells-product__product-rating { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; height: 19px; margin: 0; padding: 0; line-height: 1; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-price { margin: auto 0 0; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: left; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-button { margin: 12px 0 0; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-button__button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 !important; padding: 10px 12px; font-size: 11px; } } @container (max-width: 699px) { .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__prices .price { margin: 0; font-size: var(--wp--preset--font-size--small, 14px); font-weight: 400; line-height: 1.4; } .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: var(--wp--preset--font-size--small, 14px); font-weight: 600; line-height: 1.4; white-space: nowrap; } .wp-block-woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { box-sizing: border-box; width: 40px; height: 40px; padding: 0; } .wp-block-woocommerce-cart .wc-block-components-quantity-selector { height: 40px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block { position: relative; margin-top: 32px; overflow: hidden; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading { display: flex; align-items: center; min-height: 36px; margin-bottom: 16px; padding-right: 88px; font-size: 20px !important; font-weight: 600; line-height: 1.2; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-products-block { margin-right: -15px; } .wp-block-woocommerce-cart .ags-cart-cross-sells-scroller { display: flex !important; gap: 12px; padding: 0 15px 12px 0; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .wp-block-woocommerce-cart .ags-cart-cross-sells-nav { position: absolute; top: 0; right: 0; display: flex; gap: 8px; margin: 0; } .wp-block-woocommerce-cart .ags-cart-cross-sells-nav button { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; background: #fff; border: 1px solid #DADADA; border-radius: 50%; color: #201600; font-size: 20px; line-height: 1; cursor: pointer; } .wp-block-woocommerce-cart .ags-cart-cross-sells-nav button:disabled { opacity: 0.35; cursor: default; } .wp-block-woocommerce-cart .ags-cart-cross-sells-nav svg { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; } .wp-block-woocommerce-cart .ags-cart-cross-sells-prev svg { transform: rotate(180deg); } .wp-block-woocommerce-cart .ags-cart-cross-sells-scroller::-webkit-scrollbar { display: none; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product { display: flex; flex-direction: column; flex: 0 0 min(72vw, 260px); box-sizing: border-box; width: min(72vw, 260px) !important; margin: 0; padding: 12px !important; background-color: #F9F9F9; border-radius: 7px; scroll-snap-align: start; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product > div:first-child { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-image { aspect-ratio: 1; margin-bottom: 10px; overflow: hidden; border-radius: 5px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-name { display: flex; align-items: center; justify-content: center; min-height: 35px; margin: 0; overflow: hidden; font-size: 14px; line-height: 1.25; text-align: center; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-rating { position: absolute; right: 0; bottom: 0; display: block; margin: 0; line-height: 1; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-rating-stars.wp-block-cart-cross-sells-product__product-rating { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; height: 19px; margin: 0; padding: 0; line-height: 1; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-price { margin: auto 0 0; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: left; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-button { margin-top: 12px; margin-bottom: 0; } .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-button__button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 !important; padding: 10px 12px; font-size: 11px; } } /* Checkout */ form.checkout:before, form.checkout:after { display: table; content: ""; clear: both; } .woocommerce-checkout .button[type=submit], .wp-element-button, .wp-block-button__link { display: block; height: 44px; padding: 15px; background: linear-gradient(90deg, #306961 0%, #4E877F 100%); background-size: 100% auto; border: 0; border-radius: 7px; color: #fff; font-family: "Neue Haas Unica", sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .woocommerce-checkout .button[type=submit]:hover, .wp-element-button:hover, .wp-block-button__link:hover { background-color: #306961; background-size: 200% auto; background-position: left center; color: #fff; } .woocommerce-checkout .button[type=submit] { font-size: 1rem; width: 100%; height: auto; } .woocommerce-checkout #place_order, .woocommerce-checkout #place_order:hover, .woocommerce-checkout #place_order:focus { background: #C49564 !important; color: #fff; } .woocommerce-billing-fields h3 { margin: 10px 0 25px; } #ags_callback_requested_field .woocommerce-input-wrapper > label.checkbox { display: flex !important; align-items: center; margin: 8px 0 16px; line-height: 1.4; cursor: pointer; } #ags_callback_requested_field input#ags_callback_requested { display: block; position: static !important; flex: 0 0 auto; width: 16px; height: 16px; margin: 0 9px 0 0 !important; vertical-align: middle; } #billing_address_1_field, #billing_address_2_field, #billing_city_field, #billing_state_field, #billing_postcode_field { display: none; } #billing_country_field { display: none !important; } .woocommerce-additional-fields h3 { margin: 0 0 25px; } .woocommerce-checkout #order_comments_field, .woocommerce-checkout #ags_telegram_username_field { margin-bottom: 16px; } .woocommerce-checkout textarea[name="order_comments"] { min-height: 165px; } #order_review_heading { margin: 10px 0 25px; } .woocommerce-checkout-review-order-table thead, body .my_account_orders .button.view:after { display: none; } #order_review .shop_table { margin-bottom: 25px; table-layout: fixed; } #order_review .shop_table tr.shipping td, .woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tr.order-total td:first-child { border-left: 1px solid #e2e2e2; } #order_review .shop_table tr.shipping td, #order_review .shop_table tr.shipping th { display: block; width: calc(200% + 0px); text-align: left; } #order_review .shop_table tr.shipping th { padding-bottom: 0; border-right: 1px solid #e2e2e2; border-bottom: none; } .woocommerce-checkout-review-order-table .product-name .product-item-thumbnail, .ags-checkout-table-product-name { display: table-cell; float: none; vertical-align: middle; } .ags-checkout-table-product-name { font-size: 0.8125rem; } .woocommerce-checkout-review-order ul.woocommerce-shipping-methods, .woocommerce-checkout-review-order ul.wc_payment_methods { margin-bottom: 0; clear: both; color: #111; text-align: left; margin-left: 0; list-style: none; } .woocommerce-checkout-review-order ul.woocommerce-shipping-methods li, .woocommerce-checkout-review-order ul.wc_payment_methods li { margin-bottom: 5px; } .woocommerce-checkout-review-order #payment .payment_methods > .wc_payment_method > label::before, .woocommerce-checkout-review-order #payment .payment_methods > .woocommerce-PaymentMethod > label::before, .woocommerce-checkout-review-order #shipping_method > li > label::before { display: inline-block; width: 7px; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child, .woocommerce-checkout-review-order #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child, .woocommerce-checkout-review-order #shipping_method > li > input[type=radio]:first-child { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before, .woocommerce-checkout-review-order #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before, .woocommerce-checkout-review-order #shipping_method > li > input[type=radio]:first-child:checked + label::before { background-color: #C49564; } .woocommerce-checkout-review-order #payment .payment_methods > .wc_payment_method > label:before, .woocommerce-checkout-review-order #payment .payment_methods > .woocommerce-PaymentMethod > label:before, .woocommerce-checkout-review-order ul#shipping_method li label:before { display: inline-block; position: relative; top: 1.5px; width: 7px; height: 7px; margin-right: 0.5407911001em; border-radius: 50%; border: 3px solid #fff; content: ""; box-shadow: 0 0 2px 0 rgb(0, 0, 0); box-sizing: content-box; } .woocommerce-checkout-review-order ul#shipping_method li:only-child label:before { background-color: #111; } .woocommerce-checkout-review-order ul#shipping_method li:only-child, .woocommerce-checkout-review-order #shipping_method > li > input[type=radio]:checked + label { font-weight: 600; } .woocommerce-checkout-review-order .nova-poshta-shipping-logo { float: right; width: 28px; height: 28px; margin: -5px 0 0 12px; padding: 0; object-fit: contain; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method { position: relative; margin-left: 0; list-style: none !important; padding: 2px 0 12px; border-bottom: 1px solid #eee; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method:first-child { padding-top: 6px; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method:first-child :not(.woocommerce-notice) { padding-bottom: 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method:last-child:not(.woocommerce-notice) { padding-bottom: 14px; border-bottom: 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method > label { display: block; padding: 0.6em 1.41575em 0; cursor: pointer; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method p { padding-top: 10px; padding-bottom: 3px; font-size: 14px; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method img { float: right; max-height: 1.618em; padding: 0; border: 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box { padding: 0 1.41575em 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box .woocommerce-SavedPaymentMethods { padding: 0; border: 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box fieldset { margin: 0; padding: 1em 0 0; border: 0; font-size: 0.875em; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box fieldset label { width: auto; margin-left: 0; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box fieldset .form-row input[type=checkbox] { margin-right: 5px; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box fieldset #cvv { width: 22% !important; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box fieldset .help { float: right; width: 75%; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box .woocommerce-SavedPaymentMethods { margin: 0; padding-top: 1em; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box .woocommerce-SavedPaymentMethods li { margin-top: 0.6180469716em; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] { margin-right: 0.236em; } .woocommerce-checkout-review-order #payment .payment_methods li.wc_payment_method .payment_box ul.wc-saved-payment-methods { margin-left: 0; } .woocommerce-checkout-review-order #payment .place-order { float: none; width: 100%; margin-top: 1.5em; margin-bottom: 0; padding: 0; } .woocommerce-checkout-review-order .woocommerce-privacy-policy-text { font-size: 14px; } .woocommerce-checkout-review-order .woocommerce-privacy-policy-text p { margin: 0; } .woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox { position: relative; padding-left: 25px; line-height: 1.5; } .woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox] { position: absolute; left: 0; top: 4px; } .woocommerce-checkout-review-order-table { width: 100%; border-spacing: 0; border-collapse: separate; font-size: 15px; } .woocommerce-checkout-review-order-table tbody tr:last-child td { padding-bottom: 30px; border-bottom: 0; } .woocommerce-checkout-review-order-table tbody td { padding-top: 0.85em; padding-right: 0; padding-bottom: 0.85em; border-bottom: 1px solid #eee; color: #222; background-color: transparent; font-size: 14px; line-height: 1.4; } .woocommerce-checkout-review-order-table tfoot td, .woocommerce-checkout-review-order-table tfoot th { padding: 1em 20px; border-bottom: 1px solid #e2e2e2; color: #111; background-color: #f9f9f9; font-size: 15px; font-weight: 400; } .woocommerce-checkout-review-order-table tfoot td { border-right: 1px solid #e2e2e2; text-align: right; } .woocommerce-checkout-review-order-table tr.cart-subtotal td, .woocommerce-checkout-review-order-table tr.cart-subtotal th { border-top: 1px solid #e2e2e2; } .woocommerce-checkout-review-order-table tr.cart-subtotal th { border-top-left-radius: 6px; text-align: left; } .woocommerce-checkout-review-order-table tr.cart-subtotal td { border-top-right-radius: 6px; } .woocommerce-checkout-review-order-table tr.cart-discount th { text-align: left; } .woocommerce-checkout-review-order-table tr.order-total td, .woocommerce-checkout-review-order-table tr.order-total th { font-size: 18px; } .woocommerce-checkout-review-order-table tr.order-total th { text-align: left; border-bottom-left-radius: 6px; font-weight: 600; } .woocommerce-checkout-review-order-table tr.order-total td { border-bottom-right-radius: 6px; } .woocommerce-checkout-review-order-table td.product-total { text-align: right; vertical-align: middle; } .woocommerce-checkout-review-order-table .product-name { position: relative; width: inherit; padding-left: 0; word-wrap: inherit; } .woocommerce-checkout-review-order-table .product-name .product-item-thumbnail { width: 60px; padding-right: 1em; } .woocommerce-checkout-review-order-table .product-name .product-item-thumbnail img { display: block; margin: 0; } .woocommerce-checkout-review-order-table .product-name .product-quantity { font-weight: normal; color: #777; font-size: 12px; } .woocommerce-checkout-payment ul { border: 1px solid #e2e2e2; border-radius: 6px; } .woocommerce-checkout-payment .woocommerce-info { margin: 10px 20px 15px; font-size: 14px; background: none; border: none; padding: 0; color: #333; } /* Form login & Coupon */ .woocommerce-form-login, .checkout_coupon { margin: 20px 0; padding: 2.5em 2.5em 1em; border: 2px dashed #eee; } .woocommerce-form-login { margin: 20px 0; padding: 2.5em 2.5em 1em; border: 2px dashed #eee; } .woocommerce-form-login .form-row { float: left; width: 100%; } .woocommerce-form-login p { font-size: 15px; } .woocommerce-form-login .form-row-first { width: 100%; margin-right: 0; } .woocommerce-form-login .form-row-last { width: 100%; } /** * General WooCommerce components */ /** * Header cart */ .site-header-cart { position: relative; margin: 0; padding: 0; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } /** * Add to Cart Button */ .add_to_cart_button, .single_add_to_cart_button, .products .button.product_type_simple { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; height: 44px; padding: 15px; background: linear-gradient(90deg, #000000 0%, #686968 100%) right center; background-size: 100% auto; border: 0; border-radius: 7px; color: #fff; font-family: "Neue Haas Unica", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.05rem; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .add_to_cart_button:before, .single_add_to_cart_button:before, .products .button.product_type_simple:before { content: ""; display: block; width: 14px; height: 14px; -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzA1ODMgNy41OTU0OVY3LjU4NzI2TTEwLjI5NDEgNy41OTU0OVY3LjU4NzI2TTMuNzA1ODMgNS4xMTY2N1Y0LjI5MzE0QzMuNzA1ODMgMy40MTk0OCA0LjA1Mjg5IDIuNTgxNjIgNC42NzA2NSAxLjk2Mzg1QzUuMjg4NDIgMS4zNDYwOCA2LjEyNjI3IDAuOTk5MDIzIDYuOTk5OTUgMC45OTkwMjNDNy44NzM2MyAwLjk5OTAyMyA4LjcxMTQ5IDEuMzQ2MDggOS4zMjkyMiAxLjk2Mzg1QzkuOTQ3MDMgMi41ODE2MiAxMC4yOTQxIDMuNDE5NDggMTAuMjk0MSA0LjI5MzE0VjUuMTE2NjdNMy43MDU4MyA1LjExNjY3SDIuNzUwNzZDMS44OTQxNCA1LjExNjY3IDEuMTgwNTMgNS43NzMyOSAxLjEwOTM5IDYuNjI2OTVMMC41NjAzNjkgMTMuMjE1MkMwLjQ4MDM0NiAxNC4xNzU0IDEuMjM4MTQgMTQuOTk5IDIuMjAxNzQgMTQuOTk5SDExLjc5ODJDMTIuNzYxOCAxNC45OTkgMTMuNTE5NiAxNC4xNzU0IDEzLjQzOTUgMTMuMjE1MkwxMi44OTA1IDYuNjI2OTVDMTIuODE5MyA1Ljc3MzI5IDEyLjEwNTcgNS4xMTY2NyAxMS4yNDkxIDUuMTE2NjdIMTAuMjk0MU0zLjcwNTgzIDUuMTE2NjdIMTAuMjk0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzA1ODMgNy41OTU0OVY3LjU4NzI2TTEwLjI5NDEgNy41OTU0OVY3LjU4NzI2TTMuNzA1ODMgNS4xMTY2N1Y0LjI5MzE0QzMuNzA1ODMgMy40MTk0OCA0LjA1Mjg5IDIuNTgxNjIgNC42NzA2NSAxLjk2Mzg1QzUuMjg4NDIgMS4zNDYwOCA2LjEyNjI3IDAuOTk5MDIzIDYuOTk5OTUgMC45OTkwMjNDNy44NzM2MyAwLjk5OTAyMyA4LjcxMTQ5IDEuMzQ2MDggOS4zMjkyMiAxLjk2Mzg1QzkuOTQ3MDMgMi41ODE2MiAxMC4yOTQxIDMuNDE5NDggMTAuMjk0MSA0LjI5MzE0VjUuMTE2NjdNMy43MDU4MyA1LjExNjY3SDIuNzUwNzZDMS44OTQxNCA1LjExNjY3IDEuMTgwNTMgNS43NzMyOSAxLjEwOTM5IDYuNjI2OTVMMC41NjAzNjkgMTMuMjE1MkMwLjQ4MDM0NiAxNC4xNzU0IDEuMjM4MTQgMTQuOTk5IDIuMjAxNzQgMTQuOTk5SDExLjc5ODJDMTIuNzYxOCAxNC45OTkgMTMuNTE5NiAxNC4xNzU0IDEzLjQzOTUgMTMuMjE1MkwxMi44OTA1IDYuNjI2OTVDMTIuODE5MyA1Ljc3MzI5IDEyLjEwNTcgNS4xMTY2NyAxMS4yNDkxIDUuMTE2NjdIMTAuMjk0MU0zLjcwNTgzIDUuMTE2NjdIMTAuMjk0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; background-color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .add_to_cart_button:hover, .single_add_to_cart_button:hover, .products .button.product_type_simple:hover { background-color: #000000; background-size: 200% auto; background-position: left center; color: #fff; } /** * Price */ .price { display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 0 0 5px; color: #404040; font-family: "Neue Haas Unica", sans-serif; font-size: 2.25rem; font-weight: 800; line-height: 1; } .price del { color: #939393; font-size: 1rem; font-weight: 400; line-height: 1; } .price ins { order: -1; background-color: transparent; } /** * Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 5.3em; font-family: star; font-weight: 400; } .star-rating::before { content: "SSSSS"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: #C49564; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "S"; color: #404040; text-indent: 0; opacity: 0.25; } p.stars a:hover ~ a::before { content: "S"; color: #404040; opacity: 0.25; } p.stars:hover a::before { content: "S"; color: #C49564; opacity: 1; } p.stars.selected a.active::before { content: "S"; color: #C49564; opacity: 1; } p.stars.selected a.active ~ a::before { content: "S"; color: #404040; opacity: 0.25; } p.stars.selected a:not(.active)::before { content: "S"; color: #C49564; opacity: 1; } /** * Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } /** * Forms */ .form-row.woocommerce-validated input.input-text { border-color: #0f834d; } .form-row.woocommerce-invalid input.input-text { border-color: #e2401c; } .required { color: #e2401c; } /** * Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { margin-bottom: 15px; padding: 15px; background-color: #f4fff7; border: 1px solid #306961; border-radius: 4px; color: #111; line-height: 1; font-size: 0.875em; font-weight: 400; clear: both; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { order: 1; color: #fff; transition: 0.2s all; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #3d9cd2; color: #fff; } .woocommerce-noreviews, .woocommerce-info { background-color: #C49564; } .woocommerce-error { background-color: #e2401c; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout { margin: 0; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error { margin: 0 0 15px; padding: 20px 25px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); color: #2c3e50; font-size: 15px; font-weight: 500; line-height: 1.5; list-style: none; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error::before { display: none; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li { position: relative; margin: 0; padding: 0 0 0 14px; color: #2c3e50; font-weight: 400; list-style: none; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li::before { position: absolute; top: 0.65em; left: 0; width: 5px; height: 5px; background-color: #e74c3c; border-radius: 50%; content: ""; transform: translateY(-50%); } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li + li { margin-top: 6px; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error a { color: inherit; font-weight: inherit; text-decoration: none; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error strong { font-weight: 600; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error a:hover { color: #c0392b; } .woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error a:focus-visible { border-radius: 2px; outline: 2px solid rgba(231, 76, 60, 0.35); outline-offset: 2px; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3d9cd2; z-index: 9999; } /* Ordering */ .woocommerce-ordering { margin-bottom: 30px; text-align: right; } .woocommerce-ordering select { border: none; font-size: 0.875rem; text-align: right; } /** * WooCommerce widgets */ /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #C49564; box-sizing: border-box; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #C49564; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } /** * Pagination */ .woocommerce-pagination { padding: 25px 0 50px; } .woocommerce-pagination ul.page-numbers { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; /*li { .prev, .next { background-color: #201600; color: #fff; border: 1px solid #201600; } }*/ } .woocommerce-pagination ul.page-numbers .page-numbers { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #201600; border-radius: 50%; color: #201600; cursor: pointer; font-size: 0.875rem; font-weight: 400; line-height: 1; text-align: center; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .woocommerce-pagination ul.page-numbers .page-numbers:focus, .woocommerce-pagination ul.page-numbers .page-numbers:hover { background-color: #201600; color: #fff; } .woocommerce-pagination ul.page-numbers .current { background-color: #C49564; border-color: #C49564; color: #fff; pointer-events: none; } /** * Woocommerce Ajax Filter (Beerocket) */ .berocket_single_filter_widget ul { margin: 0; padding: 0; } .bapf_head > div { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #e6e6e6; color: #201600; font-family: "Neue Haas Unica", sans-serif; font-size: 1rem; font-weight: 800; } .bapf_sfilter .bapf_hascolarr { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #e6e6e6; color: #201600; font-family: "Neue Haas Unica", sans-serif; font-size: 1rem; font-weight: 800; } .bapf_ckbox_sqchck label, .bapf_ckbox_sqchck .roundpcs.pcs { font-size: 0.875rem; } .bapf_ckbox_sqchck .roundpcs.pcs { float: right; } .bapf_ckbox_sqchck input[type=checkbox] { border-radius: 4px; border: 2px solid #686968; } .bapf_ckbox_sqchck input[type=checkbox]:checked { background-color: #C49564; border: 2px solid #C49564; } .bapf_ckbox_sqchck input[type=checkbox]:checked:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } /* Selected filters */ .berocket_aapf_widget_selected_filter a { text-decoration: none; } /* Clear filters */ .bapf_sfa_unall a { background-color: #ffc9c5 !important; } /* Off canvas filters */ /* hide deafult btn position */ .site-main > .berocket_ajax_filters_toggle.berocket_ajax_filters_sidebar_toggle { margin: 0 0 25px; } #berocket-ajax-filters-sidebar { padding-top: 50px; } #berocket-ajax-filters-sidebar-close { display: block; top: 0; right: 0 !important; padding: 15px !important; line-height: 1; background-color: #c49564; border-radius: 0 0 0 5px; color: #fff; text-decoration: none; } .offcanvas-filter-btn { position: fixed; top: 30%; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #C49564; border-radius: 0 5px 5px 0; z-index: 99; /*> .berocket_ajax_filters_toggle { display: flex !important; }*/ } .offcanvas-filter-btn .berocket_ajax_filters_toggle { align-items: center; justify-content: center; margin: 0; padding: 0; width: 30px !important; height: 30px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjEzMjggMy4zMzMzMUgxOC45MTA2TTIxLjEzMjggOS45OTk5N0gxNS41NzczTTIxLjEzMjggMTYuNjY2NkgxNS41NzczTTUuNTc3MjYgMTguODg4OVYxMS43MzQ2QzUuNTc3MjYgMTEuNTAzNSA1LjU3NzI2IDExLjM4OCA1LjU1NDU3IDExLjI3NzRDNS41MzQ0NSAxMS4xNzk0IDUuNTAxMTYgMTEuMDg0NSA1LjQ1NTYxIDEwLjk5NTNDNS40MDQyNyAxMC44OTQ5IDUuMzMyMDggMTAuODA0NiA1LjE4NzY5IDEwLjYyNDFMMS41MjIzOCA2LjA0MjQ4QzEuMzc3OTkgNS44NjIwMSAxLjMwNTggNS43NzE3NiAxLjI1NDQ2IDUuNjcxMjdDMS4yMDg5MSA1LjU4MjEyIDEuMTc1NjIgNS40ODcyMiAxLjE1NTUgNS4zODkxNUMxLjEzMjgxIDUuMjc4NjIgMS4xMzI4MSA1LjE2MzA1IDEuMTMyODEgNC45MzE5MlYyLjg4ODg2QzEuMTMyODEgMi4yNjY1OCAxLjEzMjgxIDEuOTU1NDQgMS4yNTM5MSAxLjcxNzc2QzEuMzYwNDUgMS41MDg3IDEuNTMwNDIgMS4zMzg3MiAxLjczOTQ5IDEuMjMyMThDMS45NzcxNyAxLjExMTA4IDIuMjg4MzEgMS4xMTEwOCAyLjkxMDU5IDEuMTExMDhIMTIuNjg4NEMxMy4zMTA3IDEuMTExMDggMTMuNjIxOCAxLjExMTA4IDEzLjg1OTUgMS4yMzIxOEMxNC4wNjg2IDEuMzM4NzIgMTQuMjM4NSAxLjUwODcgMTQuMzQ1IDEuNzE3NzZDMTQuNDY2MSAxLjk1NTQ0IDE0LjQ2NjEgMi4yNjY1OCAxNC40NjYxIDIuODg4ODZWNC45MzE5MkMxNC40NjYxIDUuMTYzMDUgMTQuNDY2MSA1LjI3ODYyIDE0LjQ0MzUgNS4zODkxNUMxNC40MjM0IDUuNDg3MjIgMTQuMzkgNS41ODIxMiAxNC4zNDQ1IDUuNjcxMjdDMTQuMjkzMSA1Ljc3MTc2IDE0LjIyMDkgNS44NjIwMSAxNC4wNzY2IDYuMDQyNDhMMTAuNDExMyAxMC42MjQxQzEwLjI2NjkgMTAuODA0NiAxMC4xOTQ3IDEwLjg5NDkgMTAuMTQzNCAxMC45OTUzQzEwLjA5NzggMTEuMDg0NSAxMC4wNjQ1IDExLjE3OTQgMTAuMDQ0NCAxMS4yNzc0QzEwLjAyMTcgMTEuMzg4IDEwLjAyMTcgMTEuNTAzNSAxMC4wMjE3IDExLjczNDZWMTUuNTU1NUw1LjU3NzI2IDE4Ljg4ODlaIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); background-position: center; background-repeat: no-repeat; background-size: contain; } .offcanvas-filter-btn .berocket_ajax_filters_toggle span { display: none; left: 0; } .offcanvas-filter-btn .berocket_ajax_filters_toggle span i { top: 13px; width: 20px; background: #fff; } .offcanvas-filter-btn .berocket_ajax_filters_toggle span i:after, .offcanvas-filter-btn .berocket_ajax_filters_toggle span i:before { width: 20px; background: #fff; } .offcanvas-filter-btn .berocket_ajax_filters_toggle span i:after { top: 6px; } .offcanvas-filter-btn .berocket_ajax_filters_toggle span i:before { top: -6px; } .offcanvas-filter-btn .berocket_ajax_filters_toggle b, .offcanvas-filter-btn .berocket_ajax_filters_toggle s { display: none; } /** * Woocommerce My Account Page */ /** * My Account */ .woocommerce-account .site-main .woocommerce { display: flex; gap: 5%; margin-bottom: 50px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; border-top: 1px solid #eee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: block; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: 0.25; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { font-family: "FontAwesome"; content: "\f0e4"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { font-family: "FontAwesome"; content: "\f291"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { font-family: "FontAwesome"; content: "\f1c6"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { font-family: "FontAwesome"; content: "\f015"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { font-family: "FontAwesome"; content: "\f09d"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { font-family: "FontAwesome"; content: "\f007"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { font-family: "FontAwesome"; content: "\f08b"; } .woocommerce-account .woocommerce-MyAccount-content { width: 75%; } .woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 25px; text-align: center; font-weight: 600; } .woocommerce-account p.order-again { text-align: right; } .woocommerce-account fieldset { border-color: #f5f5f5; } .woocommerce-account .woocommerce-Button { margin-top: 25px; } .woocommerce-account .woocommerce-EditAccountForm input[type=submit] { margin-top: 50px; float: right; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } /** * Header cart */ .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } } @media screen and (min-width: 768px) { ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } ul.products li.product { width: 100%; } ul.products.columns-1 li.product { width: 100%; } ul.products.columns-2 li.product, ul.products.columns-3 li.product, ul.products.columns-4 li.product, ul.products.columns-5 li.product, ul.products.columns-6 li.product { width: 100%; } ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } ul.products.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .single-product div.product .product-details-wrapper { flex-direction: row; gap: 50px; } .single-product div.product .product-details-wrapper .summary { width: 50%; } .woocommerce-tabs ul.tabs li a { font-size: 1.125rem; } .berocket_single_filter_widget { margin-bottom: 30px; } } @media screen and (min-width: 600px) and (max-width: 767px) { ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 599px) { ul.products li.product { padding: 10px 10px 14px; } ul.products li.product > .woocommerce-loop-product__link:first-of-type { width: calc(100% + 20px); min-height: 0; margin: -10px -10px 0; border-radius: 13px 13px 0 0; } ul.products li.product .yith-wcwl-add-to-wishlist { right: 10px; bottom: 14px; } } @media screen and (min-width: 991px) { .woocommerce-tabs ul.tabs li a { font-size: 1.25rem; } .col2-set { float: left; width: 52.9411764706%; margin-right: 5.8823529412%; } .col2-set .form-row-first { float: left; width: 48%; margin-right: 0; clear: both; } .col2-set .form-row-last { float: right; width: 48%; margin-right: 0; } .col2-set .col-1, .col2-set .col-2 { margin-bottom: 0.7em; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } .col2-set .woocommerce-billing-fields:after, .col2-set .woocommerce-billing-fields:before { display: table; content: ""; } #customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading { float: right; width: 41.1764705882%; margin-right: 0; clear: right; } } @media (min-width: 991px) { .woocommerce-form-login .form-row-first { width: 48.5%; margin-right: 3%; clear: both; } .woocommerce-form-login .form-row-last { width: 48.5%; } } @media screen and (min-width: 993px) { .woocommerce-Reviews .comment-form-author { width: 47%; float: left; margin-right: 2.703529412%; } .woocommerce-Reviews .comment-form-email { margin-right: 0; width: 50%; float: left; } } @media screen and (min-width: 1024px) { .has-sidebar.woocommerce.archive .woo-content-wrapper { flex-direction: row-reverse; } .has-sidebar.woocommerce.archive .site-main { -ms-flex-preferred-size: calc(75% - 25px); -webkit-flex-basis: calc(75% - 25px); flex-basis: calc(75% - 25px); max-width: calc(75% - 25px); } .has-sidebar.woocommerce.archive .secondary-wrapper { -ms-flex-preferred-size: calc(25% - 25px); -webkit-flex-basis: calc(25% - 25px); flex-basis: calc(25% - 25px); max-width: calc(25% - 25px); } .single-product div.product #wpgs-gallery { max-width: 600px !important; } .site-main > .berocket_ajax_filters_toggle { display: none !important; } .offcanvas-filter-btn { display: none; } } @media screen and (max-width: 991px) { .related.products ul.products, .upsells.products ul.products, .cross-sells ul.products { display: flex; overflow-x: scroll; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } .related.products ul.products li.product, .upsells.products ul.products li.product, .cross-sells ul.products li.product { display: flex; max-width: 320px; min-width: 320px; flex-direction: column; scroll-snap-align: center; margin-right: 15px; } } @media screen and (max-width: 768px) { .woocommerce-tabs ul.tabs { gap: 20px; overflow: hidden; -ms-overflow-style: none; position: relative; scrollbar-width: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; overflow-x: scroll; } } @media screen and (max-width: 600px) { body.woocommerce-shop ul.products, body.post-type-archive-product ul.products, body.tax-product_cat ul.products, body.tax-product_tag ul.products { display: grid; grid-template-columns: minmax(0, 1fr); } body.woocommerce-shop ul.products li.product, body.post-type-archive-product ul.products li.product, body.tax-product_cat ul.products li.product, body.tax-product_tag ul.products li.product { width: 100%; margin-right: 0; } .product-advantages { flex-direction: column; align-items: flex-start; } .product-advantages__item { display: flex; align-items: center; justify-content: flex-start; gap: 10px; } .product-advantages__img { margin: 0; } .product-advantages__text { text-align: left; } } @media screen { body.woocommerce-checkout .woocommerce-form-login, .checkout_coupon { width: 57%; } } /* ============================================ PRODUCT BADGES — уніфікований стиль (2026-05) Плашки SOLD OUT / Новинка / Розпродаж Префікс html body — для перекриття inline-CSS у шаблонах сторінок ============================================ */ html body .onsale, html body .custom-sale-badge { position: absolute !important; top: 12px !important; left: 12px !important; right: auto !important; bottom: auto !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important; padding: 6px 12px !important; border: 0 !important; border-radius: 999px !important; background-color: #0e7b17 !important; color: #ffffff !important; font-family: inherit !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important; z-index: 10 !important; white-space: nowrap !important; pointer-events: none; } html body .onsale.badge--soldout, html body .custom-sale-badge.badge--soldout { background-color: #d63838 !important; } html body .onsale.badge--soldout::before, html body .custom-sale-badge.badge--soldout::before { content: "" !important; display: inline-block !important; width: 11px !important; height: 11px !important; flex: 0 0 11px !important; background: url("data:image/svg+xml;utf8,") center/contain no-repeat !important; } html body .onsale.badge--new, html body .custom-sale-badge.badge--new { background-color: #1e9b3a !important; } html body .onsale.badge--new::before, html body .custom-sale-badge.badge--new::before { content: "" !important; display: inline-block !important; width: 11px !important; height: 11px !important; flex: 0 0 11px !important; background: url("data:image/svg+xml;utf8,") center/contain no-repeat !important; } html body .onsale.badge--sale, html body .custom-sale-badge.badge--sale { background-color: #0e7b17 !important; } html body .onsale.badge--sale::before, html body .custom-sale-badge.badge--sale::before { content: "" !important; display: inline-block !important; width: 11px !important; height: 11px !important; flex: 0 0 11px !important; background: url("data:image/svg+xml;utf8,") center/contain no-repeat !important; } .product .onsale ~ .custom-sale-badge { top: 46px !important; } /* Installment-payment catalogue badges. */ html body .ags-installment-badges { position: absolute; top: 12px; right: 12px; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: none; } html body .ags-installment-badge img { display: block; width: 50px; height: auto; } /* The supplied PrivatBank artwork has a damaged outer print-guide ring. * Crop only that ring; the branded badge itself remains intact. */ html body .ags-installment-badge--privat img { clip-path: circle(48.5% at 50% 50%); } @media (max-width: 540px) { html body .ags-installment-badges { top: 10px; right: 10px; gap: 4px; } html body .ags-installment-badge img { width: 42px; } } .woocommerce div.product .images .onsale, .woocommerce div.product .woocommerce-product-gallery .onsale, .woocommerce-product-gallery .onsale, .product-images .onsale { top: 12px !important; left: 12px !important; } @media (max-width: 540px) { .onsale, .custom-sale-badge { font-size: 10px !important; padding: 5px 10px !important; } .onsale::before, .custom-sale-badge::before { width: 9px !important; height: 9px !important; flex: 0 0 9px !important; } } /* Guest account: login and registration */ .woocommerce-account:not(.logged-in) .woo-content-wrapper { display: block; min-width: 0; } .woocommerce-account:not(.logged-in) .site-main .woocommerce { display: block; width: 100%; max-width: 1000px; margin: 0 auto 72px; } .woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper { clear: both; width: 100%; max-width: 1000px; margin: 0 auto 28px; } .woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > ul, .woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > div { box-sizing: border-box; width: 100%; overflow-wrap: anywhere; } .woocommerce-account:not(.logged-in) #customer_login { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; float: none; width: 100%; max-width: 100%; margin: 0; } .woocommerce-account:not(.logged-in) #customer_login, .woocommerce-account:not(.logged-in) #customer_login * { box-sizing: border-box; } .woocommerce-account:not(.logged-in) #customer_login .col-1, .woocommerce-account:not(.logged-in) #customer_login .col-2 { display: flex; flex-direction: column; float: none; width: 100%; min-width: 0; max-width: 100%; margin: 0; } .woocommerce-account:not(.logged-in) #customer_login h2 { margin: 0 0 20px; font-size: 30px; line-height: 1.2; text-align: left; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 32px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; } .woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row, .woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row { float: none; width: 100%; margin: 0 0 18px; } .woocommerce-account:not(.logged-in) .woocommerce-form-login label, .woocommerce-account:not(.logged-in) .woocommerce-form-register label { display: block; margin-bottom: 8px; } .woocommerce-account:not(.logged-in) .woocommerce-form-login .input-text, .woocommerce-account:not(.logged-in) .woocommerce-form-register .input-text { width: 100%; max-width: 100%; min-height: 48px; } .woocommerce-account:not(.logged-in) #customer_login .password-input { position: relative; display: block; width: 100%; } .woocommerce-account:not(.logged-in) #customer_login .password-input .input-text { padding-right: 48px; } .woocommerce-account:not(.logged-in) #customer_login .show-password-input { position: absolute; top: 50%; right: 14px; display: block; width: 22px; min-width: 22px; height: 22px; min-height: 0; margin: 0; padding: 0; transform: translateY(-50%); border: 0; border-radius: 0; background: transparent !important; box-shadow: none; color: #555; font-size: 0; line-height: 1; cursor: pointer; } .woocommerce-account:not(.logged-in) #customer_login .show-password-input::before { content: ""; position: absolute; top: 5px; left: 2px; width: 18px; height: 12px; border: 2px solid currentColor; border-radius: 50% / 60%; } .woocommerce-account:not(.logged-in) #customer_login .show-password-input::after { content: ""; position: absolute; top: 9px; left: 9px; width: 4px; height: 4px; border-radius: 50%; background: currentColor; } .woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme { display: flex !important; align-items: center; gap: 7px; margin: 0 0 18px; } .woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme input { margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce-form-login__submit, .woocommerce-account:not(.logged-in) .woocommerce-form-register__submit { margin: 0; } .woocommerce-account:not(.logged-in) .woocommerce-LostPassword { margin: 20px 0 0; } .woocommerce-account:not(.logged-in) .woocommerce-password-strength { margin-top: 8px; border-radius: 4px; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation, .woocommerce-account.logged-in .woocommerce-MyAccount-content { min-width: 0; } .woocommerce-account.logged-in .woocommerce-MyAccount-content { overflow-wrap: anywhere; } .woocommerce-account.logged-in .woocommerce-MyAccount-content input, .woocommerce-account.logged-in .woocommerce-MyAccount-content select, .woocommerce-account.logged-in .woocommerce-MyAccount-content textarea, .woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset { box-sizing: border-box; max-width: 100%; } @media screen and (min-width: 900px) { .woocommerce-account:not(.logged-in) #customer_login { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 4vw, 48px); align-items: stretch; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { flex: 1 1 auto; } } @media screen and (max-width: 899px) { .woocommerce-account.logged-in .site-main .woocommerce { display: block; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation, .woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none; width: 100%; max-width: 100%; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { margin: 0 0 32px; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { overflow: hidden; border: 1px solid #eee; border-radius: 8px; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: 0; } .woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="submit"] { float: none; margin-top: 24px; } .woocommerce-account:not(.logged-in) .site-main .woocommerce { margin-bottom: 48px; } .woocommerce-account:not(.logged-in) #customer_login h2 { font-size: 28px; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { padding: 24px; } } @media screen and (max-width: 479px) { .woocommerce-account:not(.logged-in) #customer_login { gap: 28px; } .woocommerce-account:not(.logged-in) #customer_login h2 { margin-bottom: 16px; font-size: 26px; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { padding: 20px; } } /* Compact neutral confirmation */ .woocommerce-order-received .site-main > .woocommerce { margin-top: 32px; margin-bottom: 56px; } .woocommerce-order-received .ags-order-success { gap: 16px; margin-bottom: 16px; padding: 26px 28px; border: 1px solid #e7e1da; border-radius: 10px; background: #f7f5f2; box-shadow: none; color: #272523; } .woocommerce-order-received .ags-order-success::after { display: none; } .woocommerce-order-received .ags-order-success__icon { width: 40px; height: 40px; border: 0; background: #c49564; color: #fff; } .woocommerce-order-received .ags-order-success__icon svg { width: 23px; height: 23px; } .woocommerce-order-received .ags-order-success__eyebrow { margin-bottom: 5px; color: #8b8178; font-size: 10px; } .woocommerce-order-received .ags-order-success__title { color: #272523; font-size: clamp(25px, 3vw, 34px); line-height: 1.1; } .woocommerce-order-received .ags-order-success .woocommerce-thankyou-order-received { margin-top: 8px; color: #625d58; font-size: 15px; line-height: 1.4; } .woocommerce-order-received .ags-order-success__note { margin-top: 5px; color: #8b8178; font-size: 12px; } .woocommerce-order-received .ags-order-success__note strong { color: #625d58; } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: 36px; } .woocommerce-order-received .woocommerce-order-overview li { padding: 16px 18px; } .woocommerce-order-received .woocommerce-order-overview li strong { margin-top: 4px; font-size: 14px; } .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { margin-bottom: 40px; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { margin-bottom: 14px; font-size: clamp(22px, 2.5vw, 27px); } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 14px 18px; } .woocommerce-order-received .woocommerce-customer-details address { padding: 18px; } @media screen and (max-width: 767px) { .woocommerce-order-received .site-main > .woocommerce { margin-top: 24px; margin-bottom: 40px; } .woocommerce-order-received .ags-order-success { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 22px 20px; } } @media screen and (max-width: 479px) { .woocommerce-order-received .ags-order-success { grid-template-columns: 1fr; padding: 20px 18px; } .woocommerce-order-received .ags-order-success__title { font-size: 26px; } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: 30px; } } /* Polished order confirmation */ .woocommerce-order-received .entry-header:has(.entry-title), .woocommerce-order-received .page-header:has(.page-title) { display: none; } .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 40px, 1120px); margin-top: clamp(32px, 6vw, 72px); } .woocommerce-order-received .ags-order-success { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 24px; margin-bottom: 24px; padding: clamp(28px, 5vw, 52px); overflow: hidden; border-radius: 16px; background: radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.14), transparent 34%), linear-gradient(135deg, #244f49 0%, #306961 55%, #477d75 100%); box-shadow: 0 18px 50px rgba(32, 64, 59, 0.14); color: #fff; } .woocommerce-order-received .ags-order-success::after { position: absolute; right: -64px; bottom: -96px; width: 240px; height: 240px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 50%; content: ""; } .woocommerce-order-received .ags-order-success__icon { position: relative; z-index: 1; display: grid; width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; background: rgba(255, 255, 255, 0.13); place-items: center; } .woocommerce-order-received .ags-order-success__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .woocommerce-order-received .ags-order-success__content { position: relative; z-index: 1; max-width: 720px; } .woocommerce-order-received .ags-order-success__eyebrow { margin: 0 0 10px; color: #dcece9; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; line-height: 1.2; text-transform: uppercase; } .woocommerce-order-received .ags-order-success__title { margin: 0; color: #fff; font-family: "Neue Haas Unica", sans-serif; font-size: clamp(30px, 4vw, 48px); font-weight: 400; letter-spacing: -0.025em; line-height: 1.05; } .woocommerce-order-received .ags-order-success .woocommerce-thankyou-order-received { margin: 16px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: rgba(255, 255, 255, 0.88); font-family: "Neue Haas Unica", sans-serif; font-size: 17px; font-weight: 300; line-height: 1.55; } .woocommerce-order-received .ags-order-success .woocommerce-thankyou-order-received::before { display: none; } .woocommerce-order-received .ags-order-success__note { margin: 10px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.5; } .woocommerce-order-received .ags-order-success__note strong { color: #fff; font-weight: 400; } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: clamp(48px, 7vw, 72px); border: 0; border-radius: 12px; background: #f7f5f2; box-shadow: none; } .woocommerce-order-received .woocommerce-order-overview li { padding: 22px 24px; border-color: #e5e0da; color: #7c7772; letter-spacing: 0.08em; } .woocommerce-order-received .woocommerce-order-overview li strong { color: #272523; font-size: 16px; letter-spacing: 0; } .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { margin-bottom: clamp(48px, 7vw, 72px); } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { margin-bottom: 22px; font-size: clamp(25px, 3vw, 34px); letter-spacing: -0.02em; } .woocommerce-order-received .shop_table { border-radius: 12px; box-shadow: 0 10px 36px rgba(38, 34, 30, 0.06); } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 18px 24px; } .woocommerce-order-received .shop_table thead th { background: #f7f5f2; color: #77716b; letter-spacing: 0.08em; } .woocommerce-order-received .shop_table .product-name a { color: #272523; font-weight: 500; text-decoration: none; } .woocommerce-order-received .shop_table .product-name a:hover { color: #306961; } .woocommerce-order-received .shop_table tfoot tr:last-child { background: #f7f5f2; } .woocommerce-order-received .shop_table tfoot tr:last-child th, .woocommerce-order-received .shop_table tfoot tr:last-child td { color: #272523; font-size: 17px; font-weight: 500; } .woocommerce-order-received .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .woocommerce-order-received .woocommerce-columns--addresses::before, .woocommerce-order-received .woocommerce-columns--addresses::after { display: none; } .woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column { float: none; width: auto; } .woocommerce-order-received .woocommerce-customer-details address { min-height: 100%; padding: 24px; border: 0; border-radius: 12px; background: #f7f5f2; color: #45413e; } @media screen and (max-width: 767px) { .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 28px, 1120px); } .woocommerce-order-received .ags-order-success { grid-template-columns: 1fr; gap: 18px; border-radius: 12px; } .woocommerce-order-received .ags-order-success__icon { width: 48px; height: 48px; } .woocommerce-order-received .woocommerce-order-overview li { border-color: #e5e0da; } .woocommerce-order-received .woocommerce-columns--addresses { grid-template-columns: 1fr; } } @media screen and (max-width: 479px) { .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 20px, 1120px); } .woocommerce-order-received .ags-order-success { padding: 24px 20px 28px; } .woocommerce-order-received .ags-order-success__title { font-size: 31px; } .woocommerce-order-received .ags-order-success .woocommerce-thankyou-order-received { font-size: 15px; } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 14px 12px; } } /* Order received */ .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 32px, 1180px); margin: 48px auto 80px; } .woocommerce-order-received .woocommerce-order { color: #111; } .woocommerce-order-received .woocommerce-thankyou-order-received { position: relative; margin: 0 0 24px; padding: 24px 24px 24px 68px; border: 1px solid #dce8e5; border-radius: 8px; background: #f3f8f7; color: #306961; font-family: "Neue Haas Unica", sans-serif; font-size: clamp(20px, 2.5vw, 28px); font-weight: 500; line-height: 1.25; } .woocommerce-order-received .woocommerce-thankyou-order-received::before { position: absolute; top: 50%; left: 24px; display: grid; width: 28px; height: 28px; border-radius: 50%; background: #306961; color: #fff; content: "\2713"; font-size: 17px; line-height: 1; place-items: center; transform: translateY(-50%); } .woocommerce-order-received .woocommerce-order-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0 0 40px; padding: 0; overflow: hidden; border: 1px solid #e6e2de; border-radius: 8px; background: #fff; list-style: none; } .woocommerce-order-received .woocommerce-order-overview li { min-width: 0; margin: 0; padding: 20px; border-right: 1px solid #e6e2de; color: #76716d; font-size: 12px; line-height: 1.4; text-transform: uppercase; } .woocommerce-order-received .woocommerce-order-overview li:last-child { border-right: 0; } .woocommerce-order-received .woocommerce-order-overview li strong { display: block; margin-top: 6px; overflow-wrap: anywhere; color: #111; font-size: 15px; font-weight: 500; line-height: 1.35; text-transform: none; } .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { margin: 0 0 32px; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { margin: 0 0 18px; color: #111; font-family: "Neue Haas Unica", sans-serif; font-size: clamp(22px, 2.5vw, 30px); font-weight: 500; line-height: 1.2; } .woocommerce-order-received .shop_table, .woocommerce-order-received .woocommerce-customer-details address { overflow: hidden; border: 1px solid #e6e2de; border-radius: 8px; background: #fff; } .woocommerce-order-received .shop_table { margin: 0; border-collapse: separate; border-spacing: 0; } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 16px 20px; border: 0; border-bottom: 1px solid #eeeae6; text-align: left; } .woocommerce-order-received .shop_table th:last-child, .woocommerce-order-received .shop_table td:last-child { text-align: right; } .woocommerce-order-received .shop_table tr:last-child th, .woocommerce-order-received .shop_table tr:last-child td { border-bottom: 0; } .woocommerce-order-received .shop_table thead th, .woocommerce-order-received .shop_table tfoot th { color: #5d5a5a; font-size: 13px; font-weight: 500; text-transform: uppercase; } .woocommerce-order-received .woocommerce-customer-details address { padding: 20px; font-style: normal; line-height: 1.7; } .woocommerce-order-received .woocommerce-order .button { display: inline-flex; min-height: 44px; padding: 14px 22px; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: linear-gradient(90deg, #306961 0%, #4e877f 100%); color: #fff; font-size: 12px; font-weight: 400; line-height: 1.3; text-decoration: none; text-transform: uppercase; } .woocommerce-order-received .woocommerce-order .button:hover { background: #306961; color: #fff; } @media screen and (max-width: 767px) { .woocommerce-order-received .site-main > .woocommerce { margin-top: 32px; margin-bottom: 56px; } .woocommerce-order-received .woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce-order-received .woocommerce-order-overview li { border-bottom: 1px solid #e6e2de; } .woocommerce-order-received .woocommerce-order-overview li:nth-child(2n) { border-right: 0; } .woocommerce-order-received .woocommerce-order-overview li:nth-last-child(-n + 2) { border-bottom: 0; } } @media screen and (max-width: 479px) { .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 24px, 1180px); } .woocommerce-order-received .woocommerce-thankyou-order-received { padding: 20px 18px 20px 56px; } .woocommerce-order-received .woocommerce-thankyou-order-received::before { left: 18px; width: 24px; height: 24px; font-size: 15px; } .woocommerce-order-received .woocommerce-order-overview { display: block; } .woocommerce-order-received .woocommerce-order-overview li, .woocommerce-order-received .woocommerce-order-overview li:nth-last-child(-n + 2) { padding: 15px 18px; border-right: 0; border-bottom: 1px solid #e6e2de; } .woocommerce-order-received .woocommerce-order-overview li:last-child { border-bottom: 0; } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 13px 12px; font-size: 13px; } } /* Final confirmation-page cascade */ .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 40px, 1120px); margin-top: clamp(32px, 6vw, 72px); } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: clamp(48px, 7vw, 72px); border: 0; border-radius: 12px; background: #f7f5f2; box-shadow: none; } .woocommerce-order-received .woocommerce-order-overview li { padding: 22px 24px; border-color: #e5e0da; color: #7c7772; letter-spacing: 0.08em; } .woocommerce-order-received .woocommerce-order-overview li strong { color: #272523; font-size: 16px; letter-spacing: 0; } .woocommerce-order-received .shop_table { border-radius: 12px; box-shadow: 0 10px 36px rgba(38, 34, 30, 0.06); } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 18px 24px; } @media screen and (max-width: 767px) { .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 28px, 1120px); } } @media screen and (max-width: 479px) { .woocommerce-order-received .site-main > .woocommerce { width: min(100% - 20px, 1120px); } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 14px 12px; } } /* Neutral palette and compact spacing */ .woocommerce-order-received .site-main > .woocommerce { margin-top: 32px; margin-bottom: 56px; } .woocommerce-order-received .ags-order-success { gap: 16px; margin-bottom: 16px; padding: 26px 28px; border: 1px solid #e7e1da; border-radius: 10px; background: #f7f5f2; box-shadow: none; color: #272523; } .woocommerce-order-received .ags-order-success::after { display: none; } .woocommerce-order-received .ags-order-success__icon { width: 40px; height: 40px; border: 0; background: #c49564; color: #fff; } .woocommerce-order-received .ags-order-success__icon svg { width: 23px; height: 23px; } .woocommerce-order-received .ags-order-success__eyebrow { margin-bottom: 5px; color: #8b8178; font-size: 10px; } .woocommerce-order-received .ags-order-success__title { color: #272523; font-size: clamp(25px, 3vw, 34px); line-height: 1.1; } .woocommerce-order-received .ags-order-success .woocommerce-thankyou-order-received { margin-top: 8px; color: #625d58; font-size: 15px; line-height: 1.4; } .woocommerce-order-received .ags-order-success__note { margin-top: 5px; color: #8b8178; font-size: 12px; } .woocommerce-order-received .ags-order-success__note strong { color: #625d58; } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: 36px; } .woocommerce-order-received .woocommerce-order-overview li { padding: 16px 18px; } .woocommerce-order-received .woocommerce-order-overview li strong { margin-top: 4px; font-size: 14px; } .woocommerce-order-received .woocommerce-order-details, .woocommerce-order-received .woocommerce-customer-details { margin-bottom: 40px; } .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-column__title { margin-bottom: 14px; font-size: clamp(22px, 2.5vw, 27px); } .woocommerce-order-received .shop_table th, .woocommerce-order-received .shop_table td { padding: 14px 18px; } .woocommerce-order-received .woocommerce-customer-details address { padding: 18px; } .woocommerce-order-received .woocommerce-customer-details address { display: flex; flex-direction: column; gap: 0; line-height: 1.65; } .woocommerce-order-received .ags-order-address__location { line-height: inherit; } .woocommerce-order-received .ags-order-address__contacts { display: flex; flex-direction: column; gap: 0; } .woocommerce-order-received .ags-order-address__contacts p { margin: 0; line-height: inherit; } .woocommerce-order-received .ags-order-success, .woocommerce-order-received .shop_table, .woocommerce-order-received .woocommerce-customer-details address { box-shadow: none; } @media screen and (max-width: 767px) { .woocommerce-order-received .site-main > .woocommerce { margin-top: 24px; margin-bottom: 40px; } .woocommerce-order-received .ags-order-success { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 22px 20px; } } @media screen and (max-width: 479px) { .woocommerce-order-received .ags-order-success { grid-template-columns: 1fr; padding: 20px 18px; } .woocommerce-order-received .ags-order-success__title { font-size: 26px; } .woocommerce-order-received .woocommerce-order-overview { margin-bottom: 30px; } } /* Success block alignment */ .woocommerce-order-received .ags-order-success { display: flex; min-height: 88px; padding: 22px 24px; align-items: center; gap: 16px; } .woocommerce-order-received .ags-order-success__icon { flex: 0 0 40px; align-self: flex-start; } .woocommerce-order-received .ags-order-success__content { display: flex; min-width: 0; max-width: none; flex-direction: column; align-items: flex-start; justify-content: center; } .woocommerce-order-received .ags-order-success__title { margin: 0; line-height: 1; transform: translateY(3px); } .woocommerce-order-received .ags-order-success__number { color: inherit; font: inherit; white-space: nowrap; } .woocommerce-order-received .ags-bacs-order-message { margin-top: 20px; color: #625d58; } .woocommerce-order-received .ags-bacs-order-message p { margin: 0 0 12px; } .woocommerce-order-received .ags-bacs-order-message__attention { color: #272523; } .woocommerce-order-received .ags-bacs-order-message ul { margin: 0; padding-left: 22px; } .woocommerce-order-received .ags-bacs-order-message li + li { margin-top: 8px; } @media screen and (max-width: 479px) { .woocommerce-order-received .ags-order-success { display: flex; min-height: 76px; padding: 18px; gap: 12px; } .woocommerce-order-received .ags-order-success__icon { flex-basis: 36px; width: 36px; height: 36px; } .woocommerce-order-received .ags-order-success__title { font-size: 22px; transform: translateY(2px); } .woocommerce-order-received .ags-bacs-order-message { margin-top: 16px; } } /* Uniform spacing between confirmation-page blocks */ .woocommerce-order-received .woocommerce-order { display: flex; flex-direction: column; gap: 32px; } .woocommerce-order-received .woocommerce-order > * { margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 767px) { .woocommerce-order-received .woocommerce-order { gap: 24px; } } /* Checkout billing layout lock (single-country checkout). * Keep the visual grid stable when WooCommerce address i18n changes form-row classes. * Rollback: remove this entire marked block. */ .woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: minmax(0, 1fr); } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row { float: none; clear: none; width: 100%; margin-right: 0; grid-column: 1 / -1; } @media screen and (min-width: 991px) { .woocommerce-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3.8%; } .woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_phone_field { grid-column: 1; } .woocommerce-checkout #billing_last_name_field, .woocommerce-checkout #billing_email_field { grid-column: 2; } } /* Edit account: password fieldset */ .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: 28px 0 0; padding: 24px; border: 1px solid #e5e5e5; border-radius: 8px; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset legend { max-width: 100%; padding: 0 10px; font-size: 20px; font-weight: 600; line-height: 1.3; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .form-row { float: none; width: 100%; margin: 0 0 18px; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .form-row:last-child { margin-bottom: 0; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset label { display: block; margin-bottom: 8px; overflow-wrap: anywhere; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .password-input { position: relative; display: block; width: 100%; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .password-input .input-text { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 48px; padding-right: 48px; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .show-password-input { position: absolute; top: 50%; right: 14px; display: block; width: 22px; min-width: 22px; height: 22px; min-height: 0; margin: 0; padding: 0; transform: translateY(-50%); border: 0; border-radius: 0; background: transparent !important; box-shadow: none; color: #555; font-size: 0; line-height: 1; cursor: pointer; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .show-password-input::before { content: ""; position: absolute; top: 5px; left: 2px; width: 18px; height: 12px; border: 2px solid currentColor; border-radius: 50% / 60%; } .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset .show-password-input::after { content: ""; position: absolute; top: 9px; left: 9px; width: 4px; height: 4px; border-radius: 50%; background: currentColor; } @media screen and (max-width: 899px) { .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { padding: 20px; } } @media screen and (max-width: 479px) { .woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { padding: 16px; } } /* Product details redesign */ .single-product .woo-wrapper { background-color: #fff; } .single-product div.product .product-details-wrapper { align-items: flex-start; gap: clamp(40px, 5vw, 76px); padding-bottom: clamp(50px, 6vw, 84px); } .single-product div.product .product-details-wrapper .summary { position: relative; flex: 1 1 0; width: auto; max-width: 560px !important; padding-top: 4px; } .single-product .product-details-wrapper .product_title { max-width: calc(100% - 56px); margin-bottom: 22px; font-size: clamp(1.75rem, 2.25vw, 2.125rem); font-weight: 400; line-height: 1.12; letter-spacing: -0.02em; } .single-product .product-details-wrapper .product-subtitle { max-width: calc(100% - 56px); margin-bottom: 24px; font-size: 1.25rem; line-height: 1.35; } .single-product .product-details-wrapper .product-size { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; min-height: 34px; margin-bottom: 18px; padding: 7px 13px; border: 1px solid #cfcfcf; border-radius: 999px; background: #fff; color: #222; font-size: 0.8125rem; line-height: 1; text-align: center; } .single-product .product-details-wrapper .product-sku-rating-wrapper { justify-content: flex-start; min-height: 24px; padding-bottom: 18px; } .single-product .product-details-wrapper .woocommerce-product-details__short-description { margin-bottom: 0; padding: 22px 0; border-color: #e2e2e2; color: #666; font-size: 1rem; line-height: 1.55; } .single-product .product-details-wrapper .woocommerce-product-details__short-description li { align-items: flex-start; margin-bottom: 5px; } .single-product .product-details-wrapper .price { margin: 0 0 8px; padding-top: 24px; color: #111; font-size: 1.875rem; font-weight: 400; } .single-product .product-details-wrapper .stock { margin-bottom: 12px; } .single-product .product-details-wrapper .product-delivery-notice { max-width: 520px; padding-top: 0; color: #777; font-size: 0.8125rem; line-height: 1.45; } .single-product .product-details-wrapper .product-buttons-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10px; row-gap: 0; margin-top: 20px; padding: 0; } .single-product .product-details-wrapper .product-buttons-wrapper .cart { display: flex; grid-column: 1 / -1; gap: 10px; width: 100%; margin: 0; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .quantity { display: flex; align-items: stretch; flex: 0 0 120px; width: 120px; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .quantity input { height: 48px; border-color: #d9d9d9; border-radius: 4px; background: #fff; color: #111; text-align: center; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .single_add_to_cart_button { flex: 1 1 auto; width: auto; height: 48px; border-radius: 4px; background: #050505; font-size: 0.875rem; text-transform: none; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .single_add_to_cart_button::before { display: none; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist, .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-button { width: 100%; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist { position: absolute; top: 0; right: 0; width: 46px; height: 46px; margin-top: 10px; z-index: 3; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist .single_add_to_wishlist, .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist.exists { display: flex; align-items: center; justify-content: center; gap: 0; width: 46px; height: 46px; min-height: 46px; padding: 0; border: 1px solid #e2e2e2; border-radius: 50%; background: #fff; font-size: 0; letter-spacing: 0; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-icon { display: block; font-size: 20px; line-height: 1; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg { display: block; width: 22px; height: 22px; margin: 0; } .single-product .product-details-wrapper .product-buttons-wrapper .yith-wcwl-add-to-wishlist .single_add_to_wishlist > span { display: none; } .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-button { height: 46px; border: 0; border-bottom: 1px solid #e2e2e2; border-radius: 0; background: transparent; color: #222; font-size: 0.75rem; letter-spacing: 0; text-transform: none; } .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-fast-buy:hover, .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-consultation:hover { border-color: #c49564; background: transparent; color: #8d6235; } .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-consultation { grid-column: 1 / -1; height: 40px; margin-top: 10px; padding: 9px 14px; border: 1px solid #cfcfcf; border-radius: 4px; background: #fff; color: #201600; font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.02em; } .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-consultation::before { width: 16px; height: 16px; } .single-product .product-details-wrapper .product-buttons-wrapper .woo-product-consultation:hover { border-color: #201600; background: #f7f4f1; color: #201600; } .single-product .product-details-wrapper .uk-payment-info { color: #555; } @media screen and (min-width: 960px) { .single-product div.product .product-details-wrapper { flex-direction: row; } .single-product div.product #wpgs-gallery { display: grid; grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: auto; flex: 1 1 0; gap: 22px; width: auto !important; min-width: 0 !important; max-width: 650px !important; margin-bottom: 0; } .single-product #wpgs-gallery .gallery-navigation-carousel-wrapper { grid-column: 1; grid-row: 1; order: 0 !important; margin: 0 !important; } .single-product #wpgs-gallery .gallery-navigation-carousel { height: auto; overflow: hidden; } .single-product #wpgs-gallery .gallery-navigation-carousel .spswiper-wrapper { flex-direction: column; gap: 12px; height: auto !important; transform: none !important; } .single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb { flex: 0 0 72px; width: 72px !important; height: 72px !important; margin: 0 !important; } .single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb img { width: 72px; height: 72px; border: 1px solid transparent; object-fit: cover; } .single-product #wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.spswiper-slide-thumb-active img { border-color: #222; } .single-product #wpgs-gallery .wcgs-carousel { grid-column: 2; grid-row: 1; min-width: 0; height: auto; } .single-product #wpgs-gallery .wcgs-carousel .spswiper-slide, .single-product #wpgs-gallery .wcgs-carousel .wcgs-slider-image { height: auto !important; } .single-product #wpgs-gallery .wcgs-carousel .wcgs-slider-image-tag { display: block; width: 100%; height: auto !important; object-fit: contain; } .single-product #wpgs-gallery .wcgs-carousel .spswiper-slide:first-child .wcgs-slider-image-tag { object-fit: contain; } } @media screen and (max-width: 959px) { .single-product div.product .product-details-wrapper { flex-direction: column; gap: 34px; } .single-product div.product #wpgs-gallery { width: 100% !important; min-width: 0 !important; max-width: none !important; margin-bottom: 0; } .single-product #wpgs-gallery .gallery-navigation-carousel-wrapper { display: none !important; } .single-product #wpgs-gallery .wcgs-carousel, .single-product #wpgs-gallery .wcgs-carousel .spswiper-slide, .single-product #wpgs-gallery .wcgs-carousel .wcgs-slider-image { height: auto !important; } .single-product #wpgs-gallery .wcgs-carousel .wcgs-slider-image-tag { display: block; width: 100%; height: auto !important; object-fit: contain; } .single-product #wpgs-gallery .wcgs-carousel .spswiper-slide:first-child .wcgs-slider-image-tag { object-fit: contain; } .single-product div.product .product-details-wrapper .summary { flex: 0 0 auto; width: 100%; max-width: none !important; padding-top: 0; } } @media screen and (max-width: 600px) { .single-product div.product .product-details-wrapper { gap: 30px; padding-bottom: 52px; } .single-product #wpgs-gallery .wcgs-carousel, .single-product #wpgs-gallery .wcgs-carousel .spswiper-slide, .single-product #wpgs-gallery .wcgs-carousel .wcgs-slider-image { height: auto !important; } .single-product .product-details-wrapper .product_title { margin-bottom: 24px; font-size: 1.625rem; } .single-product .product-details-wrapper .product-subtitle { margin-bottom: 20px; font-size: 1.125rem; } .single-product .product-details-wrapper .woocommerce-product-details__short-description { font-size: 0.9375rem; } .single-product .product-details-wrapper .product-buttons-wrapper .cart { position: fixed; right: 0; bottom: 0; left: 0; display: block; width: 100%; padding: 14px 15px; background: #fff; box-shadow: 0 -5px 18px rgb(0 0 0 / 8%); z-index: 999; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .quantity { display: none; } .single-product .product-details-wrapper .product-buttons-wrapper .cart .single_add_to_cart_button { width: 100%; } }