.variation-product-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; width: 95%; margin: 0 auto;}.custom-product-card.variation-product-card { position: relative; max-width: 280px; width: 100%; min-height: 100%; padding: 16px 16px 18px; border: 2px solid #ECECEE; border-radius: 16px; background: #fff; overflow: hidden; font-family: 'Varela Round', sans-serif; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; display: flex; flex-direction: column; margin: 0 auto;}.custom-product-card.variation-product-card:hover { border-color: #00C4F8; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07); transform: translateY(-3px);}.custom-product-card.variation-product-card::before,.custom-product-card.variation-product-card::after { display: none !important;}.custom-product-card.variation-product-card > * { position: relative; z-index: 1;}.custom-product-card .product-card-image { display: flex; align-items: center; justify-content: center; height: 230px; margin: -16px -16px 18px; padding: 0; background: #fff !important; overflow: hidden; text-decoration: none;}.custom-product-card .product-card-image img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center;}.product-card-divider { width: 100%; height: 2px; margin: 0 0 18px; background: #ECECEE;}.custom-product-card .product-card-title { margin: 0 0 12px; color: #000; font-family: 'Manrope', sans-serif; font-size: 18px; font-weight: 800; line-height: 1.28;}.custom-product-card .product-card-title a { color: #000; text-decoration: none; transition: color 0.25s ease;}.custom-product-card .product-card-title a:hover { color: #00C4F8;}.custom-product-specs { margin: 0 0 16px; color: #6f6f6f; font-family: 'Varela Round', sans-serif; font-size: 14px; line-height: 1.45;}.custom-product-card .product-card-price { display: block; margin-top: auto; margin-bottom: 18px; color: #00C4F8 !important; font-family: 'Varela Round', sans-serif; font-size: 20px; line-height: 1.2;}.custom-product-card .product-card-price .price,.custom-product-card .product-card-price .amount,.custom-product-card .product-card-price bdi { color: #00C4F8 !important;}.custom-product-card .variation-add-to-cart-btn { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 0 18px !important; border: 0 !important; border-radius: 9px; background: linear-gradient(90deg, #330867 0%, #00C4F8 50%, #330867 100%) !important; background-size: 220% 100% !important; background-position: 0% 50% !important; color: #fff !important; font-family: 'Manrope', sans-serif !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center; margin-top: 0; text-decoration: none !important; transition: background-position 0.7s ease, transform 0.25s ease, box-shadow 0.25s ease;}.custom-product-card .variation-add-to-cart-btn:hover { background-position: 100% 50% !important; color: #fff !important;}.custom-product-card .added_to_cart { display: block; margin-top: 10px; color: #00C4F8; font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; text-align: center; text-decoration: none;}.custom-product-card .added_to_cart:hover { text-decoration: underline;}.custom-product-card.variation-product-card.is-on-sale { border-color: #330867;}.custom-product-card.variation-product-card .product-sale-badge { position: absolute; top: 0; left: 0; z-index: 5; width: 42px; height: 42px; border-radius: 0 0 12px 0; background: #330867; color: #fff; font-family: 'Manrope', sans-serif; font-size: 22px; line-height: 42px; text-align: center;}.custom-product-card.variation-product-card.is-on-sale::before { content: ""; display: block !important; position: absolute; top: -48px; right: -50px; width: 175px; height: 175px; border: 16px solid rgba(0, 196, 248, 0.35); border-radius: 50%; opacity: 0.75; pointer-events: none; z-index: 0;}.custom-product-card.variation-product-card.is-on-sale::after { content: ""; display: block !important; position: absolute; top: 48px; right: -42px; width: 120px; height: 120px; border: 12px solid rgba(0, 196, 248, 0.28); border-radius: 50%; opacity: 0.75; pointer-events: none; z-index: 0;}.custom-product-card.variation-product-card.is-on-sale .product-card-price { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px;}.custom-product-card.variation-product-card.is-on-sale .product-card-price .price { display: flex; align-items: center; justify-content: space-between; width: 100%;}.custom-product-card.variation-product-card.is-on-sale .product-card-price ins { order: 1; color: #330867 !important; text-decoration: none;}.custom-product-card.variation-product-card.is-on-sale .product-card-price ins .amount,.custom-product-card.variation-product-card.is-on-sale .product-card-price ins bdi { color: #330867 !important; font-size: 22px;}.custom-product-card.variation-product-card.is-on-sale .product-card-price del { order: 2; margin-left: auto; color: #b8b8b8 !important; opacity: 1; text-decoration: none !important;}.custom-product-card.variation-product-card.is-on-sale .product-card-price del .amount,.custom-product-card.variation-product-card.is-on-sale .product-card-price del bdi { color: #b8b8b8 !important; font-size: 15px; text-decoration-line: line-through; text-decoration-thickness: 1px;}.custom-product-card.variation-product-card.is-on-sale:hover { border-color: #330867; box-shadow: 0 14px 34px rgba(51, 8, 103, 0.14);}.variation-product-pagination { margin-top: 80px; display: flex; justify-content: center;}.variation-product-pagination ul { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none;}.variation-product-pagination li { margin: 0; padding: 0;}.variation-product-pagination a,.variation-product-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 38px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #00C4F8; font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; text-decoration: none; line-height: 1; transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;}.variation-product-pagination a:hover { color: #330867; transform: translateY(-1px);}.variation-product-pagination span.current { min-width: 40px; height: 38px; border-radius: 9px; background: linear-gradient(135deg, #330867 0%, #00C4F8 100%); color: #fff; box-shadow: 0 7px 16px rgba(0, 196, 248, 0.22);}.variation-product-pagination .prev,.variation-product-pagination .next { min-width: 34px; height: 34px; padding: 0 !important; font-size: 0 !important; color: transparent !important; position: relative; display: inline-flex; align-items: center; justify-content: center;}.variation-product-pagination .prev::before { content: "\f3cf"; font-family: "Ionicons"; font-size: 38px; font-weight: normal; color: #00C4F8; line-height: 1;}.variation-product-pagination .next::before { content: "\f3d1"; font-family: "Ionicons"; font-size: 38px; font-weight: normal; color: #00C4F8; line-height: 1;}.variation-product-pagination .prev:hover::before,.variation-product-pagination .next:hover::before { color: #330867;}.variation-no-results { width: 100% !important; min-height: 300px; padding: 55px 20px 80px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; background: transparent !important; font-family: 'Varela Round', sans-serif !important;}.variation-no-results-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 24px !important; color: #b7b7b7 !important; font-size: 66px !important; line-height: 1 !important;}.variation-no-results p { max-width: 700px !important; margin: 0 auto !important; color: #222 !important; font-family: 'Varela Round', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: center !important;}.variation-no-results p span { color: #00C4F8 !important; font-family: 'Varela Round', sans-serif !important; font-weight: 700 !important;}.variation-no-results-banner,.no-results-corner,.no-results-shape,.variation-no-results-content { all: unset;}@media (max-width: 1300px) { .variation-product-grid:not(.random-variation-product-grid) { grid-template-columns: repeat(3, minmax(0, 280px)); justify-content: center; }}@media (max-width: 992px) { .variation-product-grid:not(.random-variation-product-grid) { grid-template-columns: repeat(2, minmax(0, 280px)); justify-content: center; gap: 20px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card.variation-product-card { max-width: 300px; margin: 0 auto; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-image { height: 220px; margin: -15px -15px 17px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-title { font-size: 17px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-specs { font-size: 14px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-price { font-size: 21px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .variation-add-to-cart-btn { min-height: 42px; font-size: 16px !important; }}@media (max-width: 768px) { .variation-no-results { min-height: 240px; padding: 45px 16px 60px !important; } .variation-no-results-icon { font-size: 54px !important; margin-bottom: 20px !important; } .variation-no-results p { max-width: 100% !important; font-size: 16px !important; line-height: 1.45 !important; }}@media (max-width: 600px) { .variation-product-grid:not(.random-variation-product-grid) { grid-template-columns: 1fr; gap: 20px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card.variation-product-card { max-width: 300px; margin: 0 auto; padding: 15px 15px 17px; border-radius: 15px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-image { height: 225px; margin: -15px -15px 17px; } .variation-product-grid:not(.random-variation-product-grid) .product-card-divider { margin-bottom: 18px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-title { margin-bottom: 12px; font-size: 18px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-specs { margin-bottom: 16px; font-size: 14px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-price { margin-bottom: 18px; font-size: 22px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .variation-add-to-cart-btn { min-height: 44px; font-size: 17px !important; } .variation-product-pagination { margin-top: 30px; } .variation-product-pagination ul { gap: 8px; flex-wrap: wrap; } .variation-product-pagination a, .variation-product-pagination span { min-width: 24px; height: 24px; font-size: 14px; } .variation-product-pagination span.current { min-width: 32px; height: 32px; } .variation-product-pagination .prev, .variation-product-pagination .next { min-width: 30px; height: 30px; } .variation-product-pagination .prev::before, .variation-product-pagination .next::before { font-size: 34px; }}@media (max-width: 380px) { .variation-product-grid:not(.random-variation-product-grid) .custom-product-card.variation-product-card { max-width: 100%; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-image { height: 210px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-title { font-size: 17px; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card .product-card-price { font-size: 21px; }}@media (max-width: 340px) { .variation-product-grid:not(.random-variation-product-grid) { grid-template-columns: 1fr; } .variation-product-grid:not(.random-variation-product-grid) .custom-product-card.variation-product-card { max-width: 100%; }}.random-variation-product-grid { display: grid; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; justify-content: center; gap: 10px;}.random-variation-product-grid .custom-product-card,.random-variation-product-grid .product-card-image { background-color: #fff !important;}.ip-slide-5 .random-variation-product-grid { grid-template-columns: repeat(5, minmax(0, 280px)) !important;}.ip-slide-4 .random-variation-product-grid { grid-template-columns: repeat(4, minmax(0, 280px)) !important;}.ip-slide-3 .random-variation-product-grid { grid-template-columns: repeat(3, minmax(0, 280px)) !important;}.ip-slide-2 .random-variation-product-grid { grid-template-columns: repeat(2, minmax(0, 280px)) !important;}.ip-slide-1 .random-variation-product-grid { grid-template-columns: repeat(1, minmax(0, 280px)) !important;}@media (max-width: 1600px) { .random-variation-product-grid .custom-product-card { width: 240px !important; max-width: 240px !important; min-width: 0 !important; } .random-variation-product-grid .product-card-image { height: 210px; } .ip-slide-5 .random-variation-product-grid { grid-template-columns: repeat(5, minmax(0, 240px)) !important; } .ip-slide-4 .random-variation-product-grid { grid-template-columns: repeat(4, minmax(0, 240px)) !important; } .ip-slide-3 .random-variation-product-grid { grid-template-columns: repeat(3, minmax(0, 240px)) !important; } .ip-slide-2 .random-variation-product-grid { grid-template-columns: repeat(2, minmax(0, 240px)) !important; } .ip-slide-1 .random-variation-product-grid { grid-template-columns: repeat(1, minmax(0, 240px)) !important; }}@media (max-width: 1320px) { .random-variation-product-grid { gap: 10px; } .random-variation-product-grid .custom-product-card { width: 200px !important; max-width: 200px !important; min-width: 0 !important; overflow: hidden; padding: 15px 15px 17px; } .random-variation-product-grid .product-card-image { height: 190px; margin: -15px -15px 17px; background-color: #fff !important; overflow: hidden; } .random-variation-product-grid .product-card-image img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; } .random-variation-product-grid .product-card-title, .random-variation-product-grid .product-card-title a, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-title, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-title a { font-size: 15px !important; line-height: 1.25 !important; } .random-variation-product-grid .custom-product-specs, .random-variation-product-grid .custom-product-card.is-on-sale .custom-product-specs { font-size: 12px !important; line-height: 1.4 !important; } .random-variation-product-grid .product-card-price, .random-variation-product-grid .product-card-price .price, .random-variation-product-grid .product-card-price .amount, .random-variation-product-grid .product-card-price bdi, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price .price, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price .amount, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price bdi, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price ins, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price ins .amount, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price ins bdi { font-size: 17px !important; line-height: 1.2 !important; } .random-variation-product-grid .product-card-price del, .random-variation-product-grid .product-card-price del .amount, .random-variation-product-grid .product-card-price del bdi, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price del, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price del .amount, .random-variation-product-grid .custom-product-card.is-on-sale .product-card-price del bdi { font-size: 13px !important; line-height: 1.2 !important; } .random-variation-product-grid .variation-add-to-cart-btn, .random-variation-product-grid .custom-product-card.is-on-sale .variation-add-to-cart-btn { min-height: 38px; font-size: 14px !important; } .ip-slide-5 .random-variation-product-grid { grid-template-columns: repeat(5, minmax(0, 200px)) !important; } .ip-slide-4 .random-variation-product-grid { grid-template-columns: repeat(4, minmax(0, 200px)) !important; } .ip-slide-3 .random-variation-product-grid { grid-template-columns: repeat(3, minmax(0, 200px)) !important; } .ip-slide-2 .random-variation-product-grid { grid-template-columns: repeat(2, minmax(0, 200px)) !important; } .ip-slide-1 .random-variation-product-grid { grid-template-columns: repeat(1, minmax(0, 200px)) !important; }}.ip-slide-5,.ip-slide-4,.ip-slide-3,.ip-slide-2,.ip-slide-1 { display: none !important;}@media (min-width: 1100px) { .ip-slide-5 { display: block !important; }}@media (min-width: 961px) and (max-width: 1099px) { .ip-slide-4 { display: block !important; }}@media (min-width: 701px) and (max-width: 960px) { .ip-slide-3 { display: block !important; }}@media (min-width: 481px) and (max-width: 700px) { .ip-slide-2 { display: block !important; }}@media (max-width: 480px) { .ip-slide-1 { display: block !important; }} html {font-size: 100%} body {color: var(--black); font-size: var(--text-xs); text-align: left; font-family: "Manrope"; font-style: normal; font-weight: 400} h1 {font-size: var(--h-1)} h2 {font-size: var(--h-2)} h3 {font-size: var(--h-3)} h4 {font-size: var(--h-4)} h5 {font-size: var(--h-5)} h6 {font-size: var(--h-6)} .brxe-container {width: 1620px} .woocommerce main.site-main {width: 1620px} #brx-content.wordpress {width: 1620px} .bricks-button {text-align: center; text-transform: capitalize} :root .bricks-button[class*="primary"] {text-align: center; text-transform: capitalize} :root .bricks-button[class*="secondary"] {color: var(--primary); font-size: var(--text-m); text-align: center; text-transform: capitalize; font-family: "Manrope"; font-weight: 700; font-style: normal; border-style: solid}@media (max-width: 1100px) { html {font-size: var(--text-s)}}