.genai-empty,
.genai-terms + select:not(.genai-select),
.genai-term.genai-disabled:after,
.genai-term.genai-disabled:before {
display: none !important;
}
.genai-term.genai-disabled:before {
pointer-events: none;
}
.genai-term.genai-disabled {
opacity: .4;
cursor: default;
}
.genai-terms {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.genai-variations {
display: flex;
flex-direction: column;
gap: 15px;
}
.genai-term {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-align: center;
position: relative;
min-width: 35px;
min-height: 23px;
border-radius: 0;
font-size: 11px;
line-height: 1.4;
height: 0;
}
.genai-term.genai-selected:before {
content: '✓';
min-height: 18px;
min-width: 18px;
border-radius: 100%;
background-color: var(--gen-success);
color: var(--gen-white);
text-align: center;
font-size: 10px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -12px;
}
.genai-summary-item .genai-term.genai-selected {
box-shadow: 0px 0px 0px 2px red;
}
.hide-icon .genai-term.genai-selected:before {
content: none;
}
.terms-outline .genai-term {
padding: 0;
border: 0;
}
.genai-type-image .genai-term {
height: 42px;
width: 42px;
}
.genai-type-image .genai-term img {
width: 100%;
height: 100%;
display: block;
}
.genai-type-button:not(.terms-outline) .genai-term {
color: var(--gen-white);
background: var(--gen-primary);
}
.terms-outline .genai-term .type-button {
color: var(--gen-white);
background: var(--gen-blue-dark);
}
.terms-outline .type-button {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.type-color {
height: 100%;
width: 100%;
display: flex;
border-radius: 3px;
}
.genai-product.row .genai-variations {
position: relative;
}
.genai-variations-items .small-title,
.small-title {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.genai-product.row .genai-variations-items .label {
margin-right: 10px;
}
.terms-radius .genai-term,
.terms-radius .type-color,
.terms-radius .type-button {
border-radius: 4px;
}
.terms-outline .type-button {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 8px !important;
border-radius: 3px;
} .genai-products-wrapper {
position: relative;
}
.shop-filter-top-area {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.shop-layout-right-sidebar .genai-open-fixed-sidebar,
.shop-layout-left-sidebar .genai-open-fixed-sidebar{
display: none;
}
}
@media (max-width: 768px) {
.genai-before-loop .woocommerce-result-count {
font-size: 10px;
}
} .genai-selected-variations-terms-wrapper {
display: none;
}
.genai-selected-variations-terms {
padding: 10px 15px;
background: var(--gen-success-bg);
border: 1px solid var(--gen-success-border);
border-radius: var(--gen-border-radius);
color: var(--gen-success);
line-height: 1;
}
.genai-selected-variations-terms span {
font-weight: 500;
text-transform: uppercase;
font-size: 11px;
}
.genai-selected-variations-terms .selected-value {
color: var(--gen-dark);
}
.genai-selected-variations-terms-title {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
color: var(--gen-dark);
margin-bottom: 10px;
display: block;
line-height: 1;
}
.genai-selected-variations-terms-wrapper .selected-features + .selected-features {
margin-left: 10px;
}
.price ins {
text-decoration: none;
}
.price del {
opacity: 0.5;
}
.section-title {
margin-bottom: 20px;
} ul.woocommerce-error {
margin: 10px 0;
list-style: none;
}
.woocommerce-error strong {
color: var(--gen-red);
text-decoration: underline;
} .genai-btn:not(.loading) .loading-wrapper {
display: none;
}
.processing .genai-btn:not(.loading) .loading-wrapper {
display: flex;
background: var(--gen-dark);
}
.genai-btn .loading-wrapper {
position: absolute;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--gen-white);
} /*/*/@keyframes stock-progress-bar {
from {
width: 100%
}
to {
width: 0
}
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes genaifadeInLeft {
0% {
transform: translate3d(-20px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes genaifadeOutLeft {
0% {
transform: translate3d(-20px, 0, 0);
}
100% {
transform: none;
}
}
.genai-before-login-form .woocommerce-error,
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error {
text-align: left;
padding: 1rem;
border: var(--gen-border-width) var(--gen-border-style) var(--gen-danger);
background-color: rgba(var(--gen-danger-red-rgb),var(--gen-message-bg-opacity));
border-radius: var(--gen-border-radius);
z-index: 10;
margin: 0;
margin-bottom: 30px;
}
[data-bs-theme=dark] .genai-before-login-form .woocommerce-error,
[data-bs-theme=dark] .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error {
color: var(--gen-white);
}
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
--gen-bg-opacity: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: var(--gen-white);
padding: 1rem;
border: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
border-radius: var(--gen-border-radius);
text-align: center;
margin-bottom: 30px;
gap: 15px;
}
[data-bs-theme=dark] .woocommerce-form-login-toggle,
[data-bs-theme=dark] .woocommerce-form-coupon-toggle {
background-color: rgba(var(--gen-dark-blue-4-rgb),var(--gen-bg-opacity));
}
.woocommerce-form-coupon-toggle svg,
.woocommerce-form-login-toggle svg {
max-width: 20px;
max-height: 20px;
margin-bottom: 10px;
}
.woocommerce-form-coupon-toggle a {
text-decoration: underline;
}
.woocommerce-form.woocommerce-form-login.login:not(.genai-myaccount-form),
.woocommerce-form-register:not(.genai-myaccount-form),
.checkout_coupon.woocommerce-form-coupon {
max-width: 450px;
margin: 20px 0 0;
text-align: left;
}
.form-wrapper .genai-form-title {
margin-bottom: 25px;
}
.lost_password a {
color: var(--gen-red-dark);
text-decoration: underline;
}/**/.woocommerce-thankyou-order-details,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
--gen-bg-opacity: 1;
background-color: var(--gen-white);
border: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
border-radius: var(--gen-border-radius);
padding: 1rem;
-moz-columns: 2;
column-count: 2;
}
[data-bs-theme=dark] .woocommerce-thankyou-order-details,
[data-bs-theme=dark] .woocommerce-order-received .woocommerce-order-details,
[data-bs-theme=dark] .woocommerce-order-received .woocommerce-customer-details {
background-color: rgba(var(--gen-dark-blue-4-rgb),var(--gen-bg-opacity));
}
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
margin-top: 30px;
display: flex;
flex-direction: column;
}
.woocommerce-order-received .woocommerce-order-details address p {
margin: 0px;
}
.woocommerce-customer-details address {
margin-bottom: 0;
}
.woocommerce-thankyou-order-details li {
display: block;
padding: 5px 0;
}
.woocommerce-thankyou-order-details li strong {
margin-left: 5px;
}
.woocommerce-order-received table.order_details {
width: 100%;
}
.woocommerce-order-received .woocommerce-order-details tr {
border-bottom: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
line-height: 2.5em;
}
.woocommerce-order-received .woocommerce-order-details tfoot tr:last-child {
border-bottom: 0;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
--gen-bg-opacity: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(var(--gen-success-rgb),var(--gen-message-bg-opacity));
padding: 1rem;
border: var(--gen-border-width) var(--gen-border-style) var(--gen-success);
border-radius: var(--gen-border-radius);
text-align: center;
margin-bottom: 30px;
} .genai-woocommerce-pagination {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.genai-woocommerce-pagination ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin: 0;
gap: 10px;
padding: 0;
}
.genai-woocommerce-pagination ul.page-numbers li {
list-style: none;
}
.genai-woocommerce-pagination ul li a,
.genai-woocommerce-pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
height: 40px;
width: 40px;
background-color: var(--gen-pagination-bg);
border: var(--gen-pagination-border-width) solid var(--gen-pagination-border-color);
color: var(--gen-pagination-color);
font-size: var(--gen-pagination-font-size);
padding: var(--gen-pagination-padding-y) var(--gen-pagination-padding-x);
position: relative;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.genai-woocommerce-pagination ul li a:focus,
.genai-woocommerce-pagination ul li a:hover,
.genai-woocommerce-pagination ul li span.current {
background-color: var(--gen-body-bg);
background-color: var(--gen-pagination-active-bg);
border-color: var(--gen-pagination-active-border-color);
color: var(--gen-pagination-active-color);
}
.shop-area  {
display: grid;
gap: 30px;
grid-template-columns: auto;
}
.has-sidebar .shop-area {
grid-template-columns: 320px 1fr;
}
.has-sidebar .shop-area.right-sidebar {
grid-template-columns: 1fr 320px;
}
.genai-products {
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
}
@media(min-width:992px) {
.has-sidebar .genai-products.column-6 {
grid-template-columns: repeat(auto-fill, minmax(calc((1580px - 320px) / 7), 1fr));
}
.has-sidebar .genai-products.column-5 {
grid-template-columns: repeat(auto-fill, minmax(calc((1580px - 320px) / 6), 1fr));
}
.has-sidebar .genai-products.column-4 {
grid-template-columns: repeat(auto-fill, minmax(calc((1580px - 320px) / 5), 1fr));
}
.has-sidebar .genai-products.column-3 {
grid-template-columns: repeat(auto-fill, minmax(calc((1580px - 320px) / 4), 1fr));
}
.has-sidebar .genai-products.column-2 {
grid-template-columns: repeat(auto-fill, minmax(calc((1580px - 320px) / 3), 1fr));
}
}
@media(max-width:992px) {
.shop-container.has-sidebar,
.shop-container.has-sidebar.right-sidebar {
grid-template-columns: auto;
}
.nt-sidebar .panel-close svg {
max-width: 20px;
max-height: 20px;
width: 20px;
height: 20px;
}
.genai-products {
grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
}
.shop-area[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: none;
}
.has-sidebar .shop-area.right-sidebar,
.has-sidebar .shop-area {
grid-template-columns: auto;
}
}
.genai-header-button.icon-after {
flex-direction: row-reverse;
} .genai-minicart.loading:after,
.genai_ajax_add_to_cart.loading:after,
.genai_swatches_add_to_cart.loading:after,
.spinner.loading:after,
.loading .spinner:after,
.list-buttons .loading:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
transition: opacity .2s ease;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid var(--gen-white);
border-left-color: var(--gen-primary);
border-radius: 50%;
vertical-align: middle;
animation: genai-rotate 450ms infinite linear;
}
.list-buttons .loading:after {
border-color: #ddd;
border-left-color: var(--gen-primary);
}
.genai_ajax_add_to_cart.loading .cart-text,
.genai_swatches_add_to_cart.loading .cart-text {
opacity: 0;
} @keyframes genai-rotate {
100% {
transform: rotate(360deg);
}
}
.genai-product-cart.has-icon {
position: relative;
overflow: hidden;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: normal;
min-height: 40px;
}
.genai-product-cart.single_add_to_cart_button.added {
margin-right: 10px;
}
.genai-product-cart.has-icon>* {
transition: transform 0.35s cubic-bezier(0.310, -0.105, 0.430, 1.400);
}
.genai-product-cart.has-icon svg {
position: absolute;
bottom: auto;
top: auto;
width: 20px;
height: 20px;
-webkit-transform: translateY(250%);
-moz-transform: translateY(250%);
transform: translateY(250%);
margin-right: 0;
}
.genai-product-cart.has-icon.loading svg {
opacity: 0;
}
.genai-product-cart.has-icon:hover>.cart-text {
-webkit-transform: translateY(-250%);
-moz-transform: translateY(-250%);
transform: translateY(-250%);
}
.genai-product-cart.has-icon:hover>svg {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.genai-product-cart.has-icon:hover .woobt-count {
display: none;
} .genai-myaccount-form .woocommerce-button.loading {
position: relative;
}
.genai-myaccount-form .form-row label {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 15px;
line-height: 1;
font-weight: 500;
}
.genai-myaccount-form .form-row label>input[type="checkbox"] {
margin-right: 10px;
}
.genai-myaccount-form input:not([type="checkbox"]) {
width: 100%;
}
.genai-myaccount-form .woocommerce-privacy-policy-text {
margin-bottom: 20px;
}
.genai-myaccount-page-content-inner {
--gen-bg-opacity: 1;
background-color: var(--gen-white);
padding: 30px;
border: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
border-radius: var(--gen-border-radius);
}
[data-bs-theme=dark] .genai-myaccount-page-content-inner {
background-color: rgba(var(--gen-dark-blue-4-rgb),var(--gen-bg-opacity));
}
.genai-myaccount-content {
padding-left: 20px;
}
nav.genai-myaccount-navigation {
position: relative;
overflow: hidden;
}
nav.genai-myaccount-navigation:after {
content: "";
position: absolute;
right: 0;
top: -40px;
width: 1px;
height: calc(100% + 80px);
background-color: var(--gen-border-color);
}
.genai-myaccount-navigation ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
}
li.menu-item.woocommerce-MyAccount-navigation-link {
display: flex;
list-style: none;
align-items: center;
width: 100%;
flex: 0 0 100%;
gap: 10px;
}
nav.genai-myaccount-navigation li>a {
text-decoration: none;
}
@media(max-width: 1024px) {
.genai-myaccount-page-content.row>div {
width: 100%;
}
.woocommerce-page .genai-myaccount-page-content a.button {
padding: 0px 10px;
min-height: 38px;
min-width: auto;
}
.nt-genai-content .genai-myaccount-content table.table.table-striped {
margin-bottom: 0;
}
}
.genai-myaccount-navigation li.menu-item.woocommerce-MyAccount-navigation-link a:hover {
transform: translateX(5px);
}
@media(max-width:768px){
.genai-myaccount-page-content .genai-myaccount-page-content-inner {
padding: 30px;
}
.genai-myaccount-navigation {
margin-bottom: 20px;
padding-bottom: 20px;
}
.genai-myaccount-content {
padding-left: 0;
}
nav.genai-myaccount-navigation:after {
right: 0;
left: -30px;
top: auto;
bottom: 0;
width: calc(100% + 60px);
height: 1px;
}
.genai-myaccount-navigation ul {
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
}
.genai-myaccount-navigation li.menu-item.woocommerce-MyAccount-navigation-link {
width: auto;
flex: 0 0 calc(50% - 5px);
}
.genai-myaccount-navigation li.menu-item.woocommerce-MyAccount-navigation-link a {
padding: 10px 15px;
line-height: 1;
width: 100%;
text-align: center;
background-color: rgba(var(--gen-link-color-rgb),var(--gen-link-opacity,1));
border: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
border-radius: var(--gen-border-radius);
}
[data-bs-theme=dark] .genai-myaccount-navigation li.menu-item.woocommerce-MyAccount-navigation-link a {
background-color: rgba(var(--gen-dark-blue-4-rgb),var(--gen-bg-opacity));
}
[data-bs-theme=light] .genai-myaccount-navigation li.menu-item.woocommerce-MyAccount-navigation-link a {
color: var(--gen-white);
}
}
@media(max-width:576px) {
.genai-myaccount-page-content .genai-myaccount-page-content-inner {
padding: 20px;
}
.genai-myaccount-page-content .genai-myaccount-content a:not(.button) {
display: initial;
}
.genai-myaccount-page-content .genai-myaccount-content a:not(.button):after {
display: none;
}
.nt-genai-content .table-striped th,
.nt-genai-content .table-striped td {
padding: 8px;
font-size: 10px;
}
.woocommerce-page .genai-myaccount-page-content a.button {
padding: 0px 5px;
min-height: 20px;
font-size: 10px;
}
nav.genai-myaccount-navigation:after {
left: -20px;
width: calc(100% + 40px);
}
li.menu-item.woocommerce-MyAccount-navigation-link {
flex: 0 0 calc(50% - 5px);
}
}
.nt-genai-content .cart-empty.woocommerce-info {
text-align: center;
margin-bottom: 30px;
}
.genai-cart-empty-wrapper .woocommerce-notices-wrapper + .wc-empty-cart-message {
display: none;
}
.nt-genai-content .cart_totals {
overflow: hidden;
} .star-rating {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-family: 'ninetheme-font';
}
.star-rating::before {
content: "\f148\f148\f148\f148\f148";
color: var(--gen-gray);
}
.star-rating>span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
font-size: 0;
}
.star-rating>span::before {
content: "\f148\f148\f148\f148\f148";
top: 0;
position: absolute;
left: 0;
color: var(--gen-yellow);
}
.star-rating,
.star-rating>span::before {
font-size: 12px;
line-height: 1;
}
p.stars {
line-height: 1;
font-size: 0;
margin: 0;
}
p.stars a {
padding-right: 10px;
margin-right: 10px;
position: relative;
color: var(--gen-gray);
text-decoration: none;
}
p.stars a.active {
color: var(--gen-yellow);
}
p.stars a:not(:last-child):after {
content: "|";
position: absolute;
right: 0;
font-size: 12px;
}
p.stars a:before {
font-family: 'ninetheme-font';
font-size: 12px;
letter-spacing: 2px;
}
p.stars a.star-1:before {
content: "\f148";
}
p.stars a.star-2:before {
content: "\f148\f148";
}
p.stars a.star-3:before {
content: "\f148\f148\f148";
}
p.stars a.star-4:before {
content: "\f148\f148\f148\f148";
}
p.stars a.star-5:before {
content: "\f148\f148\f148\f148\f148";
}
p.stars a:hover:before,
p.stars.selected a.active:before {
color: var(--gen-yellow);
}
.summary-item.genai-product-rating {
display: inline-flex;
border: 1px solid var(--gen-yellow);
padding: 3px 10px;
border-radius: 5px;
background: #fffef0;
line-height: 1;
align-items: center;
gap: 5px;
}
.genai-product-rating .genai-review-link {
font-size: 10px;
color: #efac00;
}
@media(max-width:576px) {
p.stars a:before {
font-size: 10px;
}
} .quantity {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 32px;
padding-right: 32px;
max-width: 120px;
}
.woocommerce .product .grouped-list-item .quantity .qty,
.woocommerce .quantity .qty,
.quantity input {
font-size: 12px;
padding: 0;
text-align: center;
height: 36px;
}
.quantity.hidden {
display: none;
}
.quantity .minus,
.quantity .plus {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.quantity .minus:hover,
.quantity .plus:hover {
color: #e6f85e;
}
[data-bs-theme=light] .quantity .minus:hover,
[data-bs-theme=light] .quantity .plus:hover {
color: #6a4dff;
}
.quantity .plus {
left: auto;
right: 0;
}
.quantity .minus:after,
.quantity .plus:after {
content: "";
display: block;
width: 10px;
height: 2px;
background: currentColor;
position: absolute;
}
.quantity .plus::before {
content: "";
display: block;
width: 2px;
height: 10px;
background: currentColor;
position: absolute;
}
.quantity-button.plus:hover,
.quantity-button.minus:hover {
background: inherit;
}
input.qty[type='number'] {
-moz-appearance: textfield;
}
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
} .shop-notices {
z-index: 99999;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
position: fixed;
right: 0;
bottom: 30px;
}
.shop-notices .woocommerce-message {
background: var(--gen-green);
border: 1px solid var(--gen-green);
border-radius: 3px;
color: var(--gen-white);
padding: 15px 20px;
}
.shop-notices .woocommerce-error {
background: var(--gen-red);
border: 1px solid var(--gen-red);
border-radius: 3px;
color: var(--gen-white);
padding: 15px 20px;
margin: 0;
}
.shop-notices span.product-name,
.shop-notices p.message {
color: var(--gen-white);
}
.shop-notices .update-message p {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 10px;
}
.shop-notices span.update {
display: block;
text-transform: uppercase;
}
.shop-notices .button.wc-forward {
display: none;
}
@media(max-width:768px) {
.shop-notices .woocommerce-message {
font-size: 11px;
}
}