.wc-block-checkout .wc-block-checkout__main > * + * { margin-top: 12px !important; }
.wc-block-checkout .wc-block-components-sidebar > * + * { margin-top: 12px !important; }
.wc-block-checkout {
--na-wc-border-color: rgba(82,82,91,.45);
--na-wc-border: 1px solid var(--na-wc-border-color);
--na-wc-radius: 16px;
}
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
gap: 2rem !important;
margin: 0 !important;
padding: 0 !important;
}
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.tax-product_tag ul.products::before,
body.tax-product_tag ul.products::after {
display: none !important;
}
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 {
float: none !important;
width: auto !important;
margin: 0 !important;
}
body.post-type-archive-product ul.products li.product.bg-surface-card,
body.tax-product_cat ul.products li.product.bg-surface-card,
body.tax-product_tag ul.products li.product.bg-surface-card {
background: var(--na-card) !important;
border-color: var(--na-border) !important;
}
body.post-type-archive-product ul.products li.product.bg-surface-card:hover,
body.tax-product_cat ul.products li.product.bg-surface-card:hover,
body.tax-product_tag ul.products li.product.bg-surface-card:hover {
border-color: rgba(255, 77, 109, .5) !important;
}
body.post-type-archive-product ul.products li.product a,
body.tax-product_cat ul.products li.product a,
body.tax-product_tag ul.products li.product a {
color: inherit !important;
}
body.post-type-archive-product ul.products li.product h2,
body.post-type-archive-product ul.products li.product h2 a,
body.tax-product_cat ul.products li.product h2,
body.tax-product_cat ul.products li.product h2 a,
body.tax-product_tag ul.products li.product h2,
body.tax-product_tag ul.products li.product h2 a {
color: var(--na-text) !important;
}
body.post-type-archive-product ul.products li.product h2 a:hover,
body.tax-product_cat ul.products li.product h2 a:hover,
body.tax-product_tag ul.products li.product h2 a:hover {
color: var(--na-primary) !important;
}
body.post-type-archive-product ul.products li.product .price,
body.post-type-archive-product ul.products li.product .woocommerce-Price-amount,
body.post-type-archive-product ul.products li.product .woocommerce-price-suffix,
body.tax-product_cat ul.products li.product .price,
body.tax-product_cat ul.products li.product .woocommerce-Price-amount,
body.tax-product_cat ul.products li.product .woocommerce-price-suffix,
body.tax-product_tag ul.products li.product .price,
body.tax-product_tag ul.products li.product .woocommerce-Price-amount,
body.tax-product_tag ul.products li.product .woocommerce-price-suffix {
color: var(--na-text) !important;
}
body.post-type-archive-product ul.products li.product del,
body.tax-product_cat ul.products li.product del,
body.tax-product_tag ul.products li.product del {
color: var(--na-text-muted) !important;
opacity: .7 !important;
}
body.post-type-archive-product ul.products li.product ins,
body.tax-product_cat ul.products li.product ins,
body.tax-product_tag ul.products li.product ins {
color: var(--na-text) !important;
text-decoration: none !important;
}
body.post-type-archive-product ul.products li.product .bg-primary,
body.tax-product_cat ul.products li.product .bg-primary,
body.tax-product_tag ul.products li.product .bg-primary {
background: var(--na-primary) !important;
color: #fff !important;
}
body.post-type-archive-product ul.products li.product .hover\:bg-primary-dark:hover,
body.tax-product_cat ul.products li.product .hover\:bg-primary-dark:hover,
body.tax-product_tag ul.products li.product .hover\:bg-primary-dark:hover {
background: var(--na-primary-dark) !important;
}
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count {
float: none !important;
margin: 0 !important;
color: var(--na-text-muted) !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
float: none !important;
margin: 0 !important;
}
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_tag .woocommerce-ordering select {
min-height: 44px;
border: 1px solid var(--na-border);
border-radius: .75rem;
background: var(--na-card);
color: var(--na-text);
padding: 0 .875rem;
}
body.post-type-archive-product nav.woocommerce-pagination ul,
body.tax-product_cat nav.woocommerce-pagination ul,
body.tax-product_tag nav.woocommerce-pagination ul {
display: flex;
justify-content: center;
gap: .5rem;
border: 0;
}
body.post-type-archive-product nav.woocommerce-pagination ul li,
body.tax-product_cat nav.woocommerce-pagination ul li,
body.tax-product_tag nav.woocommerce-pagination ul li {
border: 0;
}
body.post-type-archive-product nav.woocommerce-pagination ul li a,
body.post-type-archive-product nav.woocommerce-pagination ul li span,
body.tax-product_cat nav.woocommerce-pagination ul li a,
body.tax-product_cat nav.woocommerce-pagination ul li span,
body.tax-product_tag nav.woocommerce-pagination ul li a,
body.tax-product_tag nav.woocommerce-pagination ul li span {
min-width: 2.75rem;
height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--na-border);
border-radius: 9999px;
background: var(--na-card);
color: var(--na-text);
}
body.post-type-archive-product nav.woocommerce-pagination ul li span.current,
body.post-type-archive-product nav.woocommerce-pagination ul li a:hover,
body.tax-product_cat nav.woocommerce-pagination ul li span.current,
body.tax-product_cat nav.woocommerce-pagination ul li a:hover,
body.tax-product_tag nav.woocommerce-pagination ul li span.current,
body.tax-product_tag nav.woocommerce-pagination ul li a:hover {
background: var(--na-primary);
border-color: var(--na-primary);
color: #fff;
}
@media (min-width: 640px) {
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1024px) {
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
body.woocommerce-account .naostrz-furgonetka-code-line {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 12px;
}
body.woocommerce-account .naostrz-furgonetka-code-line input#naostrz_furgonetka_point_code,
body.woocommerce-account .naostrz-furgonetka-code-line input.input-text#naostrz_furgonetka_point_code {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
display: block;
}
body.woocommerce-account .naostrz-furgonetka-code-line button#naostrz_furgonetka_pick_point,
body.woocommerce-account .naostrz-furgonetka-code-line .button#naostrz_furgonetka_pick_point {
flex: 0 0 auto !important;
white-space: nowrap !important;
}
@media (max-width: 520px) {
body.woocommerce-account .naostrz-furgonetka-code-line {
flex-direction: column !important;
align-items: stretch !important;
}
body.woocommerce-account .naostrz-furgonetka-code-line input#naostrz_furgonetka_point_code,
body.woocommerce-account .naostrz-furgonetka-code-line input.input-text#naostrz_furgonetka_point_code {
width: 100% !important;
}
}  .wp-block-woocommerce-cart-items-block .wc-block-cart-items__row { padding: 12px 0 !important; }
.wp-block-woocommerce-cart-items-block .wc-block-cart-items__row + .wc-block-cart-items__row { border-top: 1px solid rgba(82,82,91,.25) !important; } .wp-block-woocommerce-cart-items-block .wc-block-components-product-name { font-weight: 700 !important; color: var(--na-text) !important; letter-spacing: .2px !important; }
.wp-block-woocommerce-cart-items-block .wc-block-components-product-price { color: var(--na-text) !important; font-weight: 700 !important; }
.wp-block-woocommerce-cart-items-block .wc-block-components-product-metadata { color: var(--na-text-muted) !important; font-size: 13px !important; } .wp-block-woocommerce-cart-items-block .wc-block-components-quantity-selector__input { height: 36px !important; line-height: 36px !important; border-radius: 10px !important; }
.wp-block-woocommerce-cart-items-block .wc-block-components-quantity-selector__button { height: 36px !important; width: 36px !important; border-radius: 10px !important; }
.wp-block-woocommerce-cart-items-block .wc-block-cart-item__remove-link { color: var(--na-steel-light) !important; font-size: 13px !important; } .wp-block-woocommerce-cart-items-block .wc-block-cart-items__header th { padding-bottom: 10px !important; font-size: 12px !important; text-transform: none !important; }
.wp-block-woocommerce-cart-order-summary-totals-block {
border-top: none !important;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
border-bottom: none !important;
}
body.woocommerce-cart .wc-block-components-order-summary-item__image,
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
overflow: visible !important;
}
body.woocommerce-cart .wc-block-components-order-summary-item__quantity .screen-reader-text,
body.woocommerce-checkout .wc-block-components-order-summary-item__quantity .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-container,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container {
margin: 12px 0 18px 0 !important;
padding: 14px 16px !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
background: var(--na-bg) !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-button-container,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container {
margin: 0 !important;
flex: 0 0 auto !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button {
width: fit-content !important;
max-width: 100% !important;
border-radius: 9999px !important;
height: 42px !important;
line-height: 42px !important;
background: var(--na-primary) !important;
border: 1px solid var(--na-primary) !important;
color: #fff !important;
padding: 0 1.25rem !important;
font-size: 14px !important;
font-weight: 700 !important;
font-family: 'Inter', sans-serif !important;
box-shadow: 0 0 16px -8px rgba(255,77,109,.25) !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button:hover,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button:hover {
background: var(--na-primary-dark) !important;
border-color: var(--na-primary-dark) !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button__text,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button__text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
font-family: 'Inter', sans-serif !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-label,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-label {
margin: 0 !important;
color: rgba(244,244,245,.92) !important;
font-weight: 600 !important;
font-size: 13px !important;
line-height: 1.35 !important;
word-break: break-word !important;
flex: 1 1 0 !important;
min-width: 140px !important;
}
@media (max-width: 520px) {
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-container,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container {
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button {
width: 100% !important;
}
body.woocommerce-cart .furgonetka-wc-blocks-pickup-point-block-label,
body.woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-label {
width: 100% !important;
}
}
body.woocommerce-cart #select-point-container,
body.woocommerce-checkout #select-point-container,
.wp-block-woocommerce-cart #select-point-container,
.wp-block-woocommerce-checkout #select-point-container {
margin: 12px 0 18px 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
body.woocommerce-cart #select-point,
body.woocommerce-checkout #select-point,
.wp-block-woocommerce-cart #select-point,
.wp-block-woocommerce-checkout #select-point {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
max-width: 100% !important;
background: linear-gradient(90deg, var(--na-primary), var(--na-primary-dark)) !important;
border: 1px solid rgba(255,64,87,.35) !important;
color: #fff !important;
border-radius: 9999px !important;
padding: .7rem 1.15rem !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-decoration: none !important;
box-shadow: 0 12px 28px -18px rgba(255,64,87,.55) !important;
transition: all .18s ease !important;
}
body.woocommerce-cart #select-point:hover,
body.woocommerce-checkout #select-point:hover,
.wp-block-woocommerce-cart #select-point:hover,
.wp-block-woocommerce-checkout #select-point:hover {
filter: brightness(1.05) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-cart #selected-point,
body.woocommerce-checkout #selected-point,
.wp-block-woocommerce-cart #selected-point,
.wp-block-woocommerce-checkout #selected-point {
display: block !important;
color: var(--na-text) !important;
font-weight: 700 !important;
line-height: 1.35 !important;
word-break: break-word !important;
}
body.woocommerce-cart #selected-point:empty,
body.woocommerce-checkout #selected-point:empty,
.wp-block-woocommerce-cart #selected-point:empty,
.wp-block-woocommerce-checkout #selected-point:empty {
display: none !important;
}
body.woocommerce-cart #select-point-label,
body.woocommerce-checkout #select-point-label,
.wp-block-woocommerce-cart #select-point-label,
.wp-block-woocommerce-checkout #select-point-label {
display: inline-block !important;
}
@media (max-width: 520px) {
body.woocommerce-cart #select-point,
body.woocommerce-checkout #select-point,
.wp-block-woocommerce-cart #select-point,
.wp-block-woocommerce-checkout #select-point {
width: 100% !important;
}
}  .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
margin-top: 0 !important;
} .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block,
.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block * {
box-shadow: none !important;
}
.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block {
background: transparent !important;
border: none !important;
padding: 0 !important;
overflow: visible !important;
margin-top: 0 !important;
} .wc-block-checkout .wc-block-components-order-summary {
background: transparent !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
overflow: visible !important;
} .wc-block-checkout .wc-block-components-order-summary-item {
background: transparent !important;
border: none !important;
padding: 1rem 0 !important;
margin: 0 !important;
border-bottom: 1px solid var(--na-border) !important;
display: flex !important; 
align-items: flex-start !important;
gap: 1rem !important;
box-shadow: none !important;
} .wc-block-checkout .wc-block-components-order-summary-item__image {
width: 64px !important;
min-width: 64px !important;
height: 64px !important;
background: transparent !important;
border-radius: .5rem !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
.wc-block-checkout .wc-block-components-order-summary-item__image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
} .wc-block-checkout .wc-block-components-order-summary-item__description {
flex: 1 !important;
min-width: 0 !important;
padding-left: 0 !important;
}
.wc-block-checkout .wc-block-components-product-name {
color: var(--na-text) !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.4 !important;
display: block !important;
margin-bottom: 4px !important;
}
.wc-block-checkout .wc-block-components-order-summary-item__total-price {
color: var(--na-text) !important;
font-weight: 600 !important;
white-space: nowrap !important;
}
.wc-block-checkout .wc-block-components-product-metadata {
color: var(--na-text-muted) !important;
font-size: 12px !important;
line-height: 1.4 !important;
} .wc-block-checkout .wc-block-components-order-summary-item__quantity {
background: rgba(255,255,255,.06) !important;
border: 1px solid rgba(255,255,255,.10) !important;
color: var(--na-text) !important;
font-size: 12px !important;
border-radius: 9999px !important;
align-items: center !important;
justify-content: center !important;
padding: 2px 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: .1px !important;
white-space: nowrap !important;
overflow: visible !important;
flex: 0 0 auto !important;
margin-top: 2px !important;
max-width: none !important;
display: none !important;
}
.wc-block-checkout .wc-block-components-order-summary-item { overflow: visible !important; }
.wc-block-checkout .wc-block-components-order-summary-item__quantity > span[aria-hidden="true"] { display: none !important; }
.wc-block-checkout .wc-block-components-order-summary-item__quantity .screen-reader-text {
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
white-space: nowrap !important;
} .wc-block-checkout .wc-block-components-totals-coupon,
.wc-block-checkout .wc-block-components-panel {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: .75rem 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.wc-block-checkout .wc-block-components-panel__button {
background: transparent !important;
color: var(--na-text) !important;
padding: 10px !important;
font-size: 14px !important;
} .wc-block-checkout .wc-block-components-totals-coupon__form {
display: flex !important;
align-items: center !important;
gap: .5rem !important;
margin-top: .75rem !important;
}
.wc-block-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input {
flex: 1 !important;
margin-bottom: 0 !important;
}
.wc-block-checkout .wc-block-components-totals-coupon__form input {
height: 36px !important;
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .375rem !important;
color: var(--na-text) !important;
padding: 0 10px !important;
font-size: 13px !important;
}
.wc-block-checkout .wc-block-components-totals-coupon__form .wc-block-components-button {
height: 36px !important;
padding: 0 1.25rem !important;
border-radius: 9999px !important;
background: var(--na-primary) !important;
border: none !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 600 !important;
white-space: nowrap !important;
align-self: flex-end !important;
}
.wc-block-checkout .wc-block-components-totals-coupon__form .wc-block-components-button:hover {
background: var(--na-primary-dark) !important;
} .wc-block-checkout .wc-block-components-totals-wrapper:empty {
display: none !important;
} .wc-block-checkout .wc-block-components-totals-item,
.wc-block-checkout .wc-block-components-totals-wrapper {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: .5rem 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.wc-block-checkout .wc-block-components-totals-item__label,
.wc-block-checkout .wc-block-components-totals-item__value {
color: var(--na-text) !important;
font-size: 14px !important;
} .wc-block-checkout .wc-block-components-totals-footer-item {
background: transparent !important;
border: none !important;
border-top: 1px solid var(--na-border) !important;
border-bottom: none !important;
padding: 1rem 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-weight: 700 !important;
font-size: 1.125rem !important;
}  .woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout .entry-title,
.woocommerce-checkout article > h1,
body.woocommerce-checkout .page-title {
max-width: 64rem !important;
margin: 0 auto 1.5rem auto !important;
padding: 0 1rem !important;
} .wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
width: 100% !important;
max-width: 100% !important;
} .wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-select,
.wc-block-checkout .wc-block-components-textarea { margin-bottom: 1rem !important; }  .wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-textarea,
.wc-block-checkout .wc-blocks-components-select {
display: flex !important;
flex-direction: column-reverse !important;
padding-top: 0 !important;
} .wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-block-components-select label,
.wc-block-checkout .wc-block-components-textarea label,
.wc-block-checkout .wc-blocks-components-select__label,
.wc-block-checkout .components-input-control__label,
.wc-block-checkout .components-base-control__label {
position: static !important;
transform: none !important;
top: auto !important;
left: auto !important;
display: block !important;
order: 2 !important;
margin: 0 0 .5rem 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
color: var(--na-text-muted) !important;
line-height: 1.2 !important;
white-space: normal !important;
overflow: visible !important;
} .wc-block-checkout .wc-blocks-components-select__container,
.wc-block-checkout .components-input-control__container {
padding-top: 0 !important;
} .wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout .wc-block-components-textarea textarea,
.wc-block-checkout input.components-input-control__input,
.wc-block-checkout .wc-blocks-components-select__select {
height: 44px !important;
line-height: 44px !important;
border-radius: .5rem !important;
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
padding: 0 16px !important;
padding-top: 0 !important;
font-size: 14px !important;
order: 1 !important;
}
.wc-block-checkout .wc-block-components-textarea textarea { min-height: 88px !important; line-height: 1.4 !important; padding: 12px 16px !important; border-radius: .5rem !important; background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; color: var(--na-text) !important; } .wc-block-checkout .wc-block-components-country-input,
.wc-block-checkout .wc-block-components-state-input,
.wc-block-checkout .wc-block-components-combobox {
display: flex !important;
flex-direction: column-reverse !important;
}
.wc-block-checkout .wc-block-components-state-input .wc-blocks-components-select__container,
.wc-block-checkout .wc-block-components-combobox .wc-blocks-components-select__container,
.wc-block-checkout .wc-block-components-combobox .components-combobox-control__suggestions-container {
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
}
.wc-block-checkout .wc-block-components-combobox input,
.wc-block-checkout .wc-block-components-country-input input,
.wc-block-checkout .wc-block-components-state-input input {
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
height: 44px !important;
padding: 0 16px !important;
color: var(--na-text) !important;
} .wc-block-checkout .wc-block-checkout__add-note textarea,
.wc-block-checkout .wc-block-components-textarea textarea,
.wc-block-checkout textarea {
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
color: var(--na-text) !important;
min-height: 88px !important;
padding: 12px 16px !important;
}
.wc-block-checkout textarea::placeholder { color: #71717a !important; opacity: 1 !important; } .wc-block-checkout .wc-block-components-validation-error {
margin-top: 4px !important;
font-size: 12px !important;
line-height: 1.3 !important;
} .wc-block-checkout .wc-block-components-address-form {
align-items: flex-start !important;
}
.wc-block-checkout .wc-block-components-text-input {
align-self: flex-start !important;
} .wc-block-checkout .wc-block-components-combobox .components-input-control__backdrop,
.wc-block-checkout .wc-block-components-combobox .components-input-control__container,
.wc-block-checkout .wc-block-components-combobox .components-combobox-control__suggestions-container,
.wc-block-checkout .wc-block-components-combobox .components-form-token-field__input-container,
.wc-block-checkout .wc-block-components-country-input .components-input-control__backdrop,
.wc-block-checkout .wc-block-components-country-input .components-input-control__container,
.wc-block-checkout .wc-block-components-country-input .components-combobox-control__suggestions-container,
.wc-block-checkout .wc-block-components-country-input .components-form-token-field__input-container,
.wc-block-checkout .wc-block-components-country-input *,
.wc-block-checkout .wc-block-components-combobox * {
background: transparent !important;
border: none !important;
box-shadow: none !important;
} .wc-block-checkout .wc-block-components-combobox,
.wc-block-checkout .wc-block-components-country-input {
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
} .wc-block-checkout .wc-block-components-combobox input,
.wc-block-checkout .wc-block-components-country-input input {
background: transparent !important;
border: none !important;
color: var(--na-text) !important;
height: 42px !important;
padding: 0 16px !important;
} .wc-block-checkout .wc-block-components-button.is-primary,
.wc-block-checkout .wc-block-components-button.wp-element-button.is-primary {
height: 42px !important;
line-height: 42px !important;
border-radius: 9999px !important;
background: var(--na-primary) !important;
border: 1px solid var(--na-primary) !important;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: 0 0 16px -8px rgba(255,77,109,.25) !important;
}
.wc-block-checkout .wc-block-components-button.is-primary:hover { background: var(--na-primary-dark) !important; border-color: var(--na-primary-dark) !important; } .wc-block-checkout .wc-block-components-notice-banner.is-error {
background: rgba(239,68,68,.08) !important;
border: 1px solid rgba(239,68,68,.45) !important;
color: var(--na-text) !important;
border-radius: 12px !important;
} .wc-block-checkout .wc-block-components-label label { display:block !important; margin-bottom:.5rem !important; color: var(--na-text-muted) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } .wc-block-checkout .components-input-control__backdrop,
.wc-block-checkout .components-input-control__suffix,
.wc-block-checkout .components-input-control__prefix { background: transparent !important; border: 0 !important; box-shadow: none !important; } .wc-block-checkout .components-input-control__label,
.wc-block-checkout .components-base-control__label,
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
position: static !important;
transform: none !important;
top: auto !important;
left: auto !important;
margin: 0 0 .5rem 0 !important;
line-height: 1.2 !important;
} .wc-block-checkout .wc-block-components-text-input .components-input-control__container,
.wc-block-checkout .wc-block-components-textarea .components-input-control__container,
.wc-block-checkout .components-input-control__container { padding-top: 0 !important; }
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
padding: 0 16px !important;
height: 44px !important;
line-height: 44px !important;
border-radius: .5rem !important;
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
} .wc-block-checkout input.components-input-control__input,
.wc-block-checkout textarea.components-textarea-control__input {
padding-top: 0 !important;
height: 44px !important;
line-height: 44px !important;
border-radius: .5rem !important;
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
}
.wc-block-checkout textarea.components-textarea-control__input {
min-height: 88px !important;
line-height: 1.4 !important;
padding: 12px 16px !important;
} .wc-block-checkout .wc-block-components-text-input .components-input-control__label,
.wc-block-checkout .wc-block-components-textarea .components-input-control__label,
.wc-block-checkout .wc-block-components-select .wc-blocks-components-select__label {
position: static !important;
transform: none !important;
margin: 0 0 .5rem 0 !important;
} .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form {
display: block !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .components-base-control,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-text-input {
display: block !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input[type="text"] {
width: 100% !important;
height: 44px !important;
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
border-radius: .5rem !important; padding: 0 16px !important;
box-shadow: 0 0 14px -10px rgba(148,163,184,.25) !important; }
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button {
display: block !important;
width: 100% !important;
margin-top: .2rem !important; height: 42px !important;
line-height: 42px !important;
border-radius: .5rem !important; background: var(--na-primary) !important;
border: 1px solid var(--na-primary) !important;
box-shadow: 0 0 16px -8px rgba(255,77,109,.25) !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button:hover {
background: var(--na-primary-dark) !important;
border-color: var(--na-primary-dark) !important;
}  body.woocommerce article > h2,
body.woocommerce article > h2 > a { max-width: 64rem !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1rem !important; padding-right: 1rem !important; display: block; color: var(--na-text) !important; text-decoration: none !important; } .wp-block-woocommerce-cart.alignwide { max-width: 64rem !important; margin: 0 auto !important; padding: 0 1rem !important; } .wp-block-woocommerce-cart-items-block .wc-block-cart-items__header th { border-bottom: 1px solid rgba(82,82,91,.35) !important; color: var(--na-text-muted) !important; }
.wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image { width: 120px !important; min-width: 120px !important; }
.wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image img { width: 100% !important; height: 120px !important; object-fit: cover !important; border-radius: .5rem !important; } .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__content,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-card,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-card__body,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-panel,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-panel__body { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__button { background: var(--na-hover) !important; border: 1px solid rgba(82,82,91,.45) !important; border-radius: .5rem !important; padding: .5rem .75rem !important; color: var(--na-text) !important; } .wc-block-cart .wc-block-components-totals-coupon__form {
display: flex !important;
flex-direction: column !important;
gap: .75rem !important;
margin-top: .75rem !important;
}
.wc-block-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input {
display: flex !important;
flex-direction: column-reverse !important;
width: 100% !important;
margin-bottom: 0 !important;
}
.wc-block-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input label {
position: static !important;
transform: none !important;
order: 2 !important;
display: block !important;
margin: 0 0 .5rem 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
color: var(--na-text-muted) !important;
}
.wc-block-cart .wc-block-components-totals-coupon__form input {
order: 1 !important;
width: 100% !important;
height: 44px !important;
background: var(--na-bg) !important;
border: 1px solid var(--na-border) !important;
border-radius: .5rem !important;
color: var(--na-text) !important;
padding: 0 12px !important;
font-size: 14px !important;
}
.wc-block-cart .wc-block-components-totals-coupon__form .wc-block-components-button {
width: 100% !important;
height: 44px !important;
border-radius: 9999px !important;
background: var(--na-primary) !important;
border: none !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.wc-block-cart .wc-block-components-totals-coupon__form .wc-block-components-button:hover {
background: var(--na-primary-dark) !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__backdrop,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__suffix,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__prefix { background: transparent !important; border: 0 !important; box-shadow: none !important; } .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper { background: var(--na-card) !important; border: 1px solid rgba(82,82,91,.28) !important; box-shadow: none !important; border-radius: 12px !important; padding: 12px !important; } .wc-block-components-totals-item__label { font-size: 12px !important; color: var(--na-text-muted) !important; font-weight: 600 !important; letter-spacing: .2px !important; }
.wc-block-components-totals-item__value { font-size: 14px !important; color: var(--na-text) !important; font-weight: 700 !important; } .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper .wc-block-components-totals-item { padding: .375rem 0 !important; }
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper { padding: .75rem !important; } .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button { width: 100% !important; border-radius: 9999px !important; }
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
height: 42px !important;
line-height: 42px !important;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: 0 0 16px -8px rgba(255,77,109,.25) !important;
max-width: 360px !important;
margin-left: auto !important;
margin-right: auto !important;
} .wc-block-checkout__terms {
display: none !important;
} .naostrz-checkout-terms-consent,
.naostrz-cart-service-consent,
.naostrz-checkout-label-fee-consent {
margin: 0 0 .75rem !important;
padding: .875rem 1rem !important;
border: 1px solid rgba(82, 82, 91, .5) !important;
border-radius: .875rem !important;
background: rgba(39, 39, 42, .4) !important;
color: var(--na-text) !important;
}
.naostrz-checkout-terms-consent__label,
.naostrz-cart-service-consent__label,
.naostrz-checkout-label-fee-consent__label {
display: flex !important;
gap: .75rem !important;
align-items: flex-start !important;
margin: 0 !important;
color: rgba(228, 228, 231, .85) !important;
font-size: .8125rem !important;
line-height: 1.55 !important;
font-weight: 400 !important;
cursor: pointer !important;
}
.naostrz-checkout-terms-consent__label strong,
.naostrz-cart-service-consent__label strong,
.naostrz-checkout-label-fee-consent__label strong {
font-weight: 600 !important;
color: var(--na-text) !important;
}
.naostrz-checkout-terms-consent input[type="checkbox"],
.naostrz-cart-service-consent input[type="checkbox"],
.naostrz-checkout-label-fee-consent input[type="checkbox"] {
width: 1.1rem !important;
height: 1.1rem !important;
min-width: 1.1rem !important;
margin-top: .2rem !important;
accent-color: var(--na-primary) !important;
flex-shrink: 0 !important;
}
.naostrz-checkout-terms-consent__label a,
.naostrz-checkout-label-fee-consent__label a {
color: rgba(228, 228, 231, .7) !important;
text-decoration: underline !important;
}
.naostrz-checkout-terms-consent__label a:hover,
.naostrz-checkout-label-fee-consent__label a:hover {
color: var(--na-text) !important;
}
.naostrz-checkout-terms-consent__error,
.naostrz-cart-service-consent__error,
.naostrz-checkout-label-fee-consent__error {
margin: .625rem 0 0 !important;
color: #fca5a5 !important;
font-size: .75rem !important;
line-height: 1.4 !important;
font-weight: 500 !important;
}
.naostrz-cart-service-consent-disabled,
.naostrz-checkout-label-fee-consent-btn-disabled,
.naostrz-checkout-consent-btn-disabled {
opacity: .45 !important;
cursor: not-allowed !important;
pointer-events: none !important;
box-shadow: none !important;
filter: grayscale(.25) !important;
}
.wc-block-components-address-card,
.wc-block-components-address-card__address-section,
.wc-block-components-address-card__address-section address,
.wc-block-components-address-card__address-section span,
.wc-block-components-address-card__address-section div {
color: var(--na-text) !important;
}
.wc-block-components-address-card__address-section address {
opacity: 1 !important;
font-style: normal !important;
}
.wc-block-components-address-card__address-section .wc-block-components-address-card__address,
.wc-block-components-address-card__address-section .wc-block-components-address-card__address-line,
.wc-block-components-address-card__address-section .wc-block-components-address-card__name {
color: var(--na-text) !important;
opacity: 1 !important;
}
.wc-block-components-address-card__edit {
color: var(--na-text) !important;
} .wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
max-width: 64rem !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input[type="text"] {
height: 44px !important;
line-height: 44px !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button {
height: 44px !important;
line-height: 44px !important;
border-radius: 9999px !important;
}
.wc-block-cart-items__header th {
border-bottom: 1px solid rgba(82,82,91,.35) !important;
background: transparent !important;
}
.wc-block-cart .wc-block-cart-item__image { width: 120px !important; min-width: 120px !important; }
.wc-block-cart .wc-block-cart-item__image img { width: 100% !important; height: 120px !important; object-fit: cover !important; border-radius: .5rem !important; }  .wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
max-width: 64rem !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
} body.woocommerce .wc-block-checkout .wc-block-components-text-input label,
body.woocommerce .wc-block-checkout .wc-block-components-select label,
body.woocommerce .wc-block-checkout .wc-block-components-textarea label,
body.woocommerce .wc-block-checkout .wc-blocks-components-select__label,
body.woocommerce .wc-block-checkout .components-input-control__label,
body.woocommerce .wc-block-checkout .components-base-control__label {
position: static !important;
transform: none !important;
top: auto !important;
left: auto !important;
display: block !important;
order: 2 !important;
margin: 0 0 .5rem 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
color: var(--na-text-muted) !important;
line-height: 1.2 !important;
white-space: normal !important;
overflow: visible !important;
}
body.woocommerce .wc-block-checkout .wc-block-components-text-input,
body.woocommerce .wc-block-checkout .wc-block-components-textarea,
body.woocommerce .wc-block-checkout .wc-blocks-components-select { display: flex !important; flex-direction: column-reverse !important; }
body.woocommerce .wc-block-checkout .wc-block-components-text-input,
body.woocommerce .wc-block-checkout .wc-blocks-components-select__container,
body.woocommerce .wc-block-checkout .components-input-control__container { padding-top: 0 !important; }
body.woocommerce .wc-block-checkout .wc-block-components-text-input input,
body.woocommerce .wc-block-checkout input.components-input-control__input { height: 44px !important; line-height: 44px !important; border-radius: .5rem !important; background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; color: var(--na-text) !important; padding: 0 16px !important; padding-top: 0 !important; }
body.woocommerce .wc-block-checkout textarea.components-textarea-control__input { min-height: 88px !important; line-height: 1.4 !important; padding: 12px 16px !important; border-radius: .5rem !important; background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; color: var(--na-text) !important; }
body.woocommerce .wc-block-checkout .wc-blocks-components-select__select { height: 44px !important; line-height: 44px !important; padding: 0 16px !important; border-radius: .5rem !important; background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; color: var(--na-text) !important; } body.woocommerce .wc-block-checkout .wc-block-components-address-form__country,
body.woocommerce .wc-block-checkout .wc-block-components-country-input { border: none !important; background: transparent !important; }
body.woocommerce .wc-block-checkout .wc-blocks-components-select__container { border: none !important; background: transparent !important; }
body.woocommerce .wc-block-checkout .wc-blocks-components-select { background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; border-radius: .5rem !important; }
body.woocommerce .wc-block-checkout .wc-blocks-components-select__select { background: transparent !important; border: none !important; height: 44px !important; padding: 0 16px !important; color: var(--na-text) !important; }
body.woocommerce .wc-block-checkout .wc-block-components-combobox,
body.woocommerce .wc-block-checkout .wc-block-components-state-input { display: flex !important; flex-direction: column-reverse !important; background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; border-radius: .5rem !important; }
body.woocommerce .wc-block-checkout .wc-block-components-combobox *,
body.woocommerce .wc-block-checkout .wc-block-components-country-input * { background: transparent !important; border: none !important; box-shadow: none !important; }
body.woocommerce .wc-block-checkout .wc-block-components-combobox input,
body.woocommerce .wc-block-checkout .wc-block-components-country-input input { color: var(--na-text) !important; height: 42px !important; padding: 0 16px !important; } body.woocommerce .wc-block-checkout .wc-block-checkout__add-note textarea,
body.woocommerce .wc-block-checkout textarea { background: var(--na-bg) !important; border: 1px solid var(--na-border) !important; border-radius: .5rem !important; color: var(--na-text) !important; min-height: 88px !important; padding: 12px 16px !important; } .wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__backdrop,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__suffix,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-input-control__prefix {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
} .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input[type="text"] {
height: 44px !important;
line-height: 44px !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button {
height: 44px !important;
line-height: 44px !important;
border-radius: 9999px !important;
} .wc-block-cart-items__header th {
border-bottom: 1px solid rgba(82,82,91,.35) !important;
background: transparent !important;
} .wc-block-cart .wc-block-cart-item__image { width: 120px !important; min-width: 120px !important; }
.wc-block-cart .wc-block-cart-item__image img { width: 100% !important; height: 120px !important; object-fit: cover !important; border-radius: .5rem !important; } :root {
--na-primary: #ff4d6d;
--na-primary-dark: #e01e45;
--na-steel-light: #cbd5e1;
--na-steel-medium: #64748b;
--na-bg: #1c1c21;
--na-card: #2a2a30;
--na-hover: #3f3f46;
--na-border: #52525b;
--na-text: #ffffff;
--na-text-muted: #e4e4e7;
}
body.woocommerce, body.woocommerce-page {
background: var(--na-bg);
color: var(--na-text);
} body.woocommerce .page-title,
body.woocommerce-page .page-title,
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-checkout h1,
.woocommerce .wp-block-post-title,
.woocommerce-page .wp-block-post-title,
.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce .entry-title,
.woocommerce-page .entry-title {
max-width: 72rem !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
margin-top: 1.25rem !important;
} body.woocommerce article > h1,
body.woocommerce article > h2 {
max-width: 72rem;
margin: 1.25rem auto 0 auto;
padding: 0 1rem;
}
body.woocommerce article > h1 a,
body.woocommerce article > h2 a { color: var(--na-text); text-decoration: none; } .woocommerce .entry-content, .woocommerce-page .entry-content,
.wc-block-cart, .wc-block-checkout,
.woocommerce .woocommerce-cart, .woocommerce .woocommerce-checkout {
max-width: 72rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem !important;
padding-bottom: 2rem;
} .woocommerce .entry-content, .woocommerce .woocommerce-cart, .woocommerce .woocommerce-checkout,
.woocommerce-account .entry-content {
max-width: 72rem;
margin: 0 auto;
padding: 2rem 1rem;
} .woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-checkout h3, .woocommerce-cart .cart_totals h2 {
color: var(--na-text);
letter-spacing: .2px;
} .woocommerce .cart, .woocommerce .cart-collaterals,
.woocommerce .woocommerce-checkout #order_review,
.woocommerce .woocommerce-checkout .col-1, .woocommerce .woocommerce-checkout .col-2,
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register,
.woocommerce-message, .woocommerce-info, .woocommerce-error {
background: var(--na-card);
border: 1px solid var(--na-border);
border-radius: .75rem;
box-shadow: 0 0 15px -5px rgba(148, 163, 184, 0.3);
} .woocommerce-message, .woocommerce-info, .woocommerce-error {
color: var(--na-text);
}
.woocommerce-message { border-left: 4px solid var(--na-primary); }
.woocommerce-info { border-left: 4px solid var(--na-steel-medium); }
.woocommerce-error { border-left: 4px solid #ef4444; } .woocommerce table.shop_table {
background: transparent;
border: 1px solid var(--na-border);
border-radius: .75rem;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
border-top: 1px solid var(--na-border);
}
.woocommerce table.shop_table th {
color: var(--na-text-muted);
}
.woocommerce:not(.single-product) a { color: var(--na-primary); }
.woocommerce:not(.single-product) a:hover { color: var(--na-primary-dark); } body.woocommerce footer .space-y-3 > li > a { color: var(--na-text-muted); }
body.woocommerce footer .space-y-3 > li > a:hover { color: var(--na-primary); } .single-product .entry-content a,
.single-product .woocommerce-product-details a,
.single-product .product a { 
color: var(--na-primary); 
}
.single-product .entry-content a:hover,
.single-product .woocommerce-product-details a:hover,
.single-product .product a:hover { 
color: var(--na-primary-dark); 
} .woocommerce .quantity .qty {
background: var(--na-hover);
border: 1px solid var(--na-border);
color: var(--na-text);
border-radius: .5rem;
}  .wc-block-cart, .wc-block-checkout {
background: var(--na-bg);
color: var(--na-text);
}
.wc-block-cart .wc-block-components-panel, .wc-block-checkout .wc-block-components-panel,
.wc-block-cart .wc-block-components-card, .wc-block-checkout .wc-block-components-card,
.wc-block-components-order-summary, .wc-block-components-totals-wrapper {
background: var(--na-card);
border: 1px solid rgba(82,82,91,.45);
border-radius: .75rem;
box-shadow: 0 12px 28px -18px rgba(0,0,0,.65);
} .wc-block-components-panel .wc-block-components-panel,
.wc-block-components-card .wc-block-components-card { border-color: transparent; box-shadow: none; } .wc-block-components-totals-coupon .wc-block-components-panel {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
.wc-block-components-panel__button {
display: flex;
align-items: center;
gap: .5rem;
background: var(--na-hover);
border: 1px solid rgba(82,82,91,.45);
border-radius: .5rem;
padding: .5rem .75rem;
color: var(--na-text);
}
.wc-block-components-panel__button:hover { background: rgba(63,63,70,.9); }
.wc-block-components-panel__button-icon { fill: var(--na-text-muted); } .wc-block-components-totals-coupon .wc-block-components-panel__content {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: .75rem 0 0 0;
} .wc-block-components-totals-coupon__form,
.wc-block-components-totals-coupon .components-notice__content { margin-top: .75rem; }
.wc-block-components-totals-coupon__form {
display: flex;
gap: .5rem;
}
.wc-block-components-totals-coupon__form .components-base-control,
.wc-block-components-totals-coupon__form .wc-block-components-text-input { flex: 1; }
.wc-block-components-totals-coupon__form input { height: 44px; }
.wc-block-components-totals-coupon__form .wc-block-components-button { height: 44px; border-radius: 9999px; } .wc-block-cart .wc-block-cart__main, .wc-block-checkout .wc-block-checkout__main {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 1024px) {
.wc-block-cart .wc-block-cart__main {
align-items: start;
}
.wc-block-checkout .wc-block-checkout__main {
align-items: start;
}
} @media (min-width: 1024px) {
.wc-block-checkout .wc-block-components-sidebar { position: sticky; top: 0; align-self: flex-start !important; margin-top: 0 !important; }
} .wc-block-checkout .wc-block-components-sidebar { align-self: flex-start !important; margin-top: 0 !important; } .wc-block-components-card, .wc-block-components-panel, .wc-block-components-order-summary, .wc-block-components-totals-wrapper {
padding: 1rem;
}
@media (min-width: 768px) {
.wc-block-components-card, .wc-block-components-panel, .wc-block-components-order-summary, .wc-block-components-totals-wrapper {
padding: 1.25rem;
}
} .wc-block-cart h1, .wc-block-cart h2, .wc-block-cart h3,
.wc-block-checkout h1, .wc-block-checkout h2, .wc-block-checkout h3 {
color: var(--na-text);
}
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value,
.wc-block-components-order-summary-item__quantity, .wc-block-components-order-summary-item__description {
color: var(--na-text-muted);
} .wc-block-components-button, .wc-block-components-button:not(:disabled) {
background: var(--na-primary);
color: #fff;
border: 1px solid var(--na-primary);
border-radius: 9999px;
box-shadow: 0 0 20px -5px rgba(255,77,109,.3);
}
.wc-block-components-button:hover {
background: var(--na-primary-dark);
border-color: var(--na-primary-dark);
} .wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea {
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
border-radius: .5rem !important;
} .components-input-control__container input,
.components-text-control__input,
.components-input-base__input {
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
border-radius: .5rem !important;
}
.wc-block-components-text-input input::placeholder,
.wc-block-components-textarea textarea::placeholder { color: #a1a1aa; } .wc-block-components-notice-banner.is-info { background: var(--na-card); border-color: var(--na-steel-medium); color: var(--na-text); }
.wc-block-components-notice-banner.is-success { background: var(--na-card); border-color: var(--na-primary); color: var(--na-text); }
.wc-block-components-notice-banner.is-error { background: var(--na-card); border-color: #ef4444; color: var(--na-text); } .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-item .wc-block-components-totals-item__value {
color: var(--na-text);
} .wc-block-components-totals-wrapper .wc-block-components-totals-item { padding: .5rem 0; }
.wc-block-components-totals-wrapper .wc-block-components-totals-item + .wc-block-components-totals-item { border-top: 1px solid var(--na-border); } .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper {
background: var(--na-card);
border: 1px solid rgba(82,82,91,.3);
box-shadow: none;
border-radius: .75rem;
} .wc-block-cart__sidebar .components-card, .wc-block-cart__sidebar .components-panel,
.wc-block-cart__sidebar .components-card__body, .wc-block-cart__sidebar .components-panel__body {
background: transparent !important; border: 0 !important; box-shadow: none !important;
} .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-wrapper {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
.wc-block-components-totals-item { background: transparent; }
.wc-block-components-totals-footer-item { padding-top: .75rem; } .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__content,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-card,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-card__body,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-panel,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .components-panel__body {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
} .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form { display: flex; gap: .5rem; align-items: center; }
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input { height: 44px; }
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button { height: 44px; border-radius: 9999px; } .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input[type="text"],
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .components-input-control__container input,
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-text-input input {
background: var(--na-hover) !important;
border: 1px solid rgba(82,82,91,.45) !important;
color: var(--na-text) !important;
border-radius: .75rem !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form input::placeholder { color: #a1a1aa !important; } .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button[disabled] {
opacity: .6; cursor: not-allowed;
} .wc-block-components-panel__button:focus { outline: none; box-shadow: 0 0 0 2px rgba(255,77,109,.25); } .wc-block-cart-items__header th { color: var(--na-text-muted); font-weight: 700; border-bottom: 1px solid rgba(82,82,91,.35); } .wc-block-cart-items td, .wc-block-cart-items th { border-top-color: var(--na-border); }
.wc-block-cart-items__header th { color: var(--na-text-muted); font-weight: 700; border-bottom: 1px solid rgba(82,82,91,.35); }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
background: var(--na-hover);
border: 1px solid var(--na-border);
color: var(--na-text);
} .wc-block-cart-items .wc-block-cart-item__image img { border-radius: .5rem; }
.wc-block-cart-items .wc-block-cart-item__product { color: var(--na-text); }
.wc-block-cart-items .wc-block-cart-item__total, .wc-block-components-order-summary-item__total { color: var(--na-text); font-weight: 700; }
.wc-block-components-order-summary .wc-block-components-order-summary-item { border-top: 1px solid var(--na-border); } .wc-block-cart .wc-block-cart-item__image, .wc-block-checkout .wc-block-components-order-summary-item__image { width: 120px; height: 120px; min-width: 120px; }
.wc-block-cart .wc-block-cart-item__image img, .wc-block-checkout .wc-block-components-order-summary-item__image img { width: 100%; height: 100%; object-fit: cover; border-radius: .5rem; } .wc-block-cart-items__header-image { width: 120px; }
.wc-block-cart-items { table-layout: auto; } .woocommerce-cart-form .product-thumbnail img { width: 80px; height: 80px; object-fit: cover; border-radius: .5rem; } .wc-block-cart .wc-block-cart__main > * + *, .wc-block-checkout .wc-block-checkout__main > * + * { margin-top: 1rem; }
.wc-block-cart .wc-block-components-totals-wrapper { margin-top: .5rem; } .wc-block-cart .wc-block-cart-items__header, .wc-block-checkout h2, .wc-block-checkout h3 { font-weight: 700; }
.wc-block-cart .wc-block-cart-item__product .wc-block-components-product-name { color: var(--na-text); font-weight: 600; }
.wc-block-cart .wc-block-cart-item__product .wc-block-components-product-price { color: var(--na-text-muted); } .wc-block-components-link, .wc-block-components-link:hover { color: var(--na-primary); } .wc-block-cart__submit .wc-block-components-button { width: 100%; height: 48px; border-radius: 9999px; font-weight: 700; } .woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select {
background: var(--na-hover) !important;
border: 1px solid var(--na-border) !important;
color: var(--na-text) !important;
border-radius: .5rem !important;
}
.woocommerce select { background-image: none; }
.woocommerce ::placeholder { color: #a1a1aa; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce button[name="update_cart"],
.woocommerce .wc-proceed-to-checkout a.checkout-button {
background: var(--na-primary);
color: #fff;
border-radius: 9999px;
border: 1px solid var(--na-primary);
text-transform: none;
font-weight: 700;
box-shadow: 0 0 20px -5px rgba(255, 77, 109, 0.3);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
background: var(--na-primary-dark);
border-color: var(--na-primary-dark);
} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-shadow: none; } .woocommerce .coupon .input-text {
min-width: 12rem;
}
.woocommerce .coupon .button, .woocommerce button[name="update_cart"] {
margin-left: .5rem;
} .woocommerce .cart_totals {
background: var(--na-card);
border: 1px solid var(--na-border);
border-radius: .75rem;
padding: 1rem;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td { border-top-color: var(--na-border); } .woocommerce-checkout .woocommerce-checkout-review-order-table {
background: transparent;
border: 1px solid var(--na-border);
border-radius: .75rem;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
display: grid;
gap: .75rem;
} .woocommerce #payment, .woocommerce-checkout #payment {
background: var(--na-card);
border: 1px solid var(--na-border);
border-radius: .75rem;
}
.woocommerce-checkout #payment div.payment_box {
background: var(--na-hover);
color: var(--na-text);
} .woocommerce-mini-cart__buttons a.button {
width: 100%;
} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
background: var(--na-card);
border: 1px solid var(--na-border);
border-radius: .75rem;
overflow: hidden;
}
.woocommerce ul.products li.product .button {
margin-top: .5rem;
} .woocommerce .woocommerce-breadcrumb { color: var(--na-steel-light); }
.woocommerce .woocommerce-breadcrumb a { color: var(--na-steel-light); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--na-text); } .woocommerce span.onsale {
background: var(--na-primary);
color: #fff;
border-radius: 9999px;
} .wc-block-components-address-form__country,
.wc-block-components-address-form__country.wc-block-components-country-input,
.wc-block-checkout .wc-block-components-country-input,
body.woocommerce .wc-block-checkout .wc-block-components-address-form__country,
body.woocommerce .wc-block-checkout .wc-block-components-country-input {
border: none !important;
background: transparent !important;
}
.wc-blocks-components-select__container,
.wc-block-checkout .wc-blocks-components-select__container,
body.woocommerce .wc-block-checkout .wc-blocks-components-select__container {
border: none !important;
background: transparent !important;
} .wc-block-checkout .wc-blocks-components-select,
body.woocommerce .wc-block-checkout .wc-blocks-components-select {
border: none !important;
}
.wc-block-checkout .wc-blocks-components-select__select,
body.woocommerce .wc-block-checkout .wc-blocks-components-select__select {
background: transparent !important;
border: none !important;
}  .single-product .widget-area,
.single-product .sidebar,
.single-product aside,
.single-product #secondary,
.single-product #sidebar,
.single-product [id="sidebar"],
body.single-product #sidebar {
display: none !important;
} .single-product .site-content,
.single-product .content-area,
.single-product #primary {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
} .single-product .site-main,
.single-product .entry-content {
max-width: 72rem !important;
margin-top: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 1rem !important;
}
.single-product div.product {
max-width: 72rem !important;
margin: 0 auto !important;
padding: 3rem 1rem !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 3rem !important;
}
@media (min-width: 768px) {
.single-product div.product {
grid-template-columns: 1fr 1fr !important;
gap: 4rem !important;
padding: 4rem 1rem !important;
}
} .single-product .woocommerce-breadcrumb {
display: none !important;
} .single-product .wp-block-search,
.single-product .wp-block-group.is-layout-flow,
.single-product footer .widget-area,
.single-product .wp-block-page-list,
.single-product .wp-block-archives,
.single-product .wp-block-categories,
.single-product .widget_pages,
.single-product .widget_archive,
.single-product .widget_categories,
.single-product .widget_meta,
.single-product .widget_recent_entries,
.single-product .site-footer .wp-block-group,
body.single-product footer .wp-block-template-part {
display: none !important;
} body.single-product .site-footer {
padding: 2rem 0 !important;
}
body.single-product .site-footer > *:not(.site-info) {
display: none !important;
} .single-product .woocommerce-product-gallery {
position: relative !important;
} .single-product .summary.entry-summary {
padding: 0 !important;
} .single-product .product_title {
font-size: 2rem;
font-weight: 700;
color: var(--na-text);
margin-bottom: 1rem;
line-height: 1.2;
padding-left: 0 !important;
padding-right: 0 !important;
} .single-product .price {
font-size: 1.5rem;
font-weight: 700;
color: var(--na-primary);
margin-bottom: 1.5rem;
}
.single-product .price del {
color: var(--na-text-muted);
font-size: 1.125rem;
margin-right: .5rem;
}
.single-product .price ins {
text-decoration: none;
color: var(--na-primary);
} .single-product .woocommerce-product-gallery {
background: var(--na-card);
border: 1px solid var(--na-border);
border-radius: 1.5rem;
overflow: hidden;
padding: 2rem;
transition: box-shadow .3s;
}
.single-product .woocommerce-product-gallery:hover {
box-shadow: 0 0 40px -10px rgba(255, 77, 109, 0.2);
}
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img {
border-radius: .5rem;
width: 100%;
height: auto;
object-fit: contain;
}
.single-product .woocommerce-product-gallery__trigger {
background: var(--na-hover);
border: 1px solid var(--na-border);
border-radius: .375rem;
color: var(--na-text);
}
.single-product .flex-control-thumbs {
display: flex;
gap: .5rem;
margin-top: 1rem;
}
.single-product .flex-control-thumbs li {
flex: 0 0 auto;
width: 60px;
height: 60px;
border-radius: .375rem;
overflow: hidden;
border: 1px solid var(--na-border);
cursor: pointer;
transition: border-color .2s;
}
.single-product .flex-control-thumbs li:hover,
.single-product .flex-control-thumbs li.flex-active {
border-color: var(--na-primary);
}
.single-product .flex-control-thumbs img {
width: 100%;
height: 100%;
object-fit: cover;
} .single-product .woocommerce-product-details__short-description {
color: var(--na-text-muted);
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}
.single-product .woocommerce-product-details__short-description p {
margin-bottom: .75rem;
} .single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
background: var(--na-primary) !important;
color: #fff !important;
border: none !important;
border-radius: 9999px !important;
padding: .875rem 2rem !important;
font-size: 1rem !important;
font-weight: 600 !important;
cursor: pointer;
transition: background .2s, box-shadow .2s;
box-shadow: 0 0 20px -5px rgba(255, 77, 109, 0.3);
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.75rem !important;
line-height: 1 !important;
}
.single-product .single_add_to_cart_button:hover {
background: var(--na-primary-dark) !important;
box-shadow: 0 0 30px -5px rgba(255, 77, 109, 0.5);
}
.single-product .single_add_to_cart_button .material-symbols-outlined {
font-size: 1.25rem !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
} .single-product .quantity {
display: inline-flex;
align-items: center;
margin-right: 1rem;
}
.single-product .quantity .qty {
width: 70px;
height: 44px;
text-align: center;
background: var(--na-bg);
border: 1px solid var(--na-border);
border-radius: .5rem;
color: var(--na-text);
font-size: 1rem;
font-weight: 600;
}
.single-product .quantity .qty:focus {
outline: none;
border-color: var(--na-primary);
} .single-product form.cart {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0 !important;
box-shadow: none;
border: 0;
background: transparent;
} .single-product .product_meta {
display: none !important;
} .single-product .woocommerce-tabs {
grid-column: 1 / -1;
margin-top: 4rem;
padding-top: 3rem;
border-top: 1px solid var(--na-border);
}
.single-product .woocommerce-tabs ul.tabs,
.single-product .woocommerce-tabs .wc-tabs {
display: flex !important;
gap: .5rem !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 1.5rem 0 !important;
border-bottom: 1px solid var(--na-border) !important;
background: transparent !important;
}
.single-product .woocommerce-tabs ul.tabs::before,
.single-product .woocommerce-tabs ul.tabs::after {
display: none !important;
}
.single-product .woocommerce-tabs ul.tabs li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li a {
display: block !important;
padding: .75rem 1.25rem !important;
color: var(--na-text-muted) !important;
background: transparent !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: .875rem !important;
border: none !important;
border-bottom: 2px solid transparent !important;
margin-bottom: -1px !important;
transition: color .2s, border-color .2s !important;
}
.single-product .woocommerce-tabs ul.tabs li a:hover {
color: var(--na-text) !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
color: var(--na-primary) !important;
border-bottom-color: var(--na-primary) !important;
background: transparent !important;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .panel {
background: var(--na-card) !important;
border: 1px solid var(--na-border) !important;
border-radius: 1.5rem !important;
padding: 2rem !important;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .woocommerce-tabs .panel h2 {
font-size: 1.25rem !important;
font-weight: 700 !important;
color: var(--na-text) !important;
margin-bottom: 1rem !important;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel p,
.single-product .woocommerce-tabs .panel p {
color: var(--na-text-muted) !important;
line-height: 1.6 !important;
}   .single-product .onsale {
position: absolute;
top: 1rem;
left: 1rem;
background: var(--na-primary);
color: #fff;
padding: .25rem .75rem;
border-radius: 9999px;
font-size: .75rem;
font-weight: 700;
z-index: 10;
} .single-product .stock {
display: inline-block;
padding: .375rem .75rem;
border-radius: 9999px;
font-size: .75rem;
font-weight: 600;
margin-bottom: 1rem;
}
.single-product .stock.in-stock {
background: rgba(34, 197, 94, 0.15);
color: #22c55e;
}
.single-product .stock.out-of-stock {
background: rgba(239, 68, 68, 0.15);
color: #ef4444;
}  .naostrz-qty-input {
width: 100% !important;
height: 100% !important;
background: transparent !important;
text-align: center !important;
color: #ffffff !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
border: none !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
padding: 0 !important;
}
.naostrz-qty-input:focus {
outline: none !important;
box-shadow: none !important;
} input[type=number].naostrz-qty-input::-webkit-inner-spin-button,
input[type=number].naostrz-qty-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number].naostrz-qty-input {
appearance: textfield;
-moz-appearance: textfield;
} .naostrz-gallery-thumb.active {
border-color: #ff4057 !important;
opacity: 1 !important;
} .naostrz-tab-link {
transition: all 0.2s ease;
}
.naostrz-tab-link.active {
background: #ff4057 !important;
color: #ffffff !important;
border-radius: 0.5rem !important;
font-weight: 700 !important;
box-shadow: 0 0 20px -5px rgba(255, 64, 87, 0.3) !important;
} .naostrz-tab-panel {
display: none;
}
.naostrz-tab-panel.active {
display: block;
} .prose.prose-invert {
color: #d4d4d8;
}
.prose.prose-invert p {
margin-bottom: 1rem;
line-height: 1.75;
} .material-symbols-outlined.fill-current {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
} :root {
--primary: #ff4057;
--primary-dark: #e02e45;
--background-main: #18181b;
--surface-card: #27272a;
--surface-hover: #3f3f46;
--border-dark: #3f3f46;
--text-main: #ffffff;
--text-muted: #d4d4d8;
} .text-primary { color: #ff4057 !important; }
.text-white { color: #ffffff !important; }
.text-text-muted { color: #d4d4d8 !important; }
.bg-primary { background-color: #ff4057 !important; }
.bg-primary-dark { background-color: #e02e45 !important; }
.bg-surface-card { background-color: #27272a !important; }
.bg-surface-hover { background-color: #3f3f46 !important; }
.bg-background-main { background-color: #18181b !important; }
.border-border-dark { border-color: #3f3f46 !important; }
.border-primary { border-color: #ff4057 !important; } .shadow-glow {
box-shadow: 0 0 40px -10px rgba(255, 64, 87, 0.4) !important;
}
.shadow-glow-sm {
box-shadow: 0 0 20px -5px rgba(255, 64, 87, 0.3) !important;
} .single-product div.product {
display: block !important;
grid-template-columns: none !important;
} .single-product .woocommerce-product-gallery,
.single-product .summary.entry-summary,
.single-product .woocommerce-tabs {
display: none !important;
} .single-product .woocommerce-product-gallery {
display: block !important;
} .naostrz-main-product-image img {
transition: transform 0.7s ease-out;
}
.naostrz-main-product-image:hover img {
transform: scale(1.05);
}  @media (max-width: 640px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
position: static !important;
}
.single-product .text-4xl { font-size: 2.25rem !important; }
.single-product .lg\:text-4xl { font-size: 1.875rem !important; }
.single-product .lg\:text-5xl { font-size: 2.25rem !important; }
}
body.woocommerce-account .woocommerce {
color: var(--na-text);
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
background: rgba(39,39,42,.78);
border: 1px solid rgba(82,82,91,.55);
border-radius: 1.25rem;
box-shadow: 0 22px 60px -45px rgba(0,0,0,.85);
overflow: hidden;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 1rem;
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 1.5rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: .4rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation::before,
body.woocommerce-account .woocommerce-MyAccount-navigation::after,
body.woocommerce-account .woocommerce-MyAccount-wrap::before,
body.woocommerce-account .woocommerce-MyAccount-wrap::after {
content: none !important;
display: none !important;
}
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
content: none !important;
display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: .85rem 1rem;
border-radius: 1rem;
color: rgba(255,255,255,.88) !important;
text-decoration: none;
border: 1px solid transparent;
background: rgba(24,24,27,.35);
transition: all .18s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
background: rgba(63,63,70,.55);
border-color: rgba(82,82,91,.65);
transform: translateY(-1px);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
background: rgba(63,63,70,.55);
border-color: rgba(82,82,91,.75);
color: #fff !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a::before {
content: none !important;
display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
padding-left: 1.3rem;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
color: #fff;
letter-spacing: .2px;
}
body.woocommerce-account .woocommerce-MyAccount-content h2 {
font-size: 1.35rem;
font-weight: 800;
margin-bottom: .85rem;
}
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content label {
color: rgba(212,212,216,.9);
}
body.woocommerce-account .woocommerce-MyAccount-content p {
line-height: 1.75;
}
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
margin-bottom: 1.25rem;
color: rgba(212,212,216,.85);
}
body.woocommerce-account .woocommerce-MyAccount-content {
font-size: 0.875rem;
line-height: 1.625;
}
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content address,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .woocommerce-MyAccount-content td,
body.woocommerce-account .woocommerce-MyAccount-content label {
font-size: 0.875rem;
line-height: 1.625;
}
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.edit-account,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce form.woocommerce-address-fields {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
margin: 0;
}
body.woocommerce-account .woocommerce .form-row label {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: .5rem;
}
body.woocommerce-account .woocommerce .form-row input.input-text,
body.woocommerce-account .woocommerce .form-row textarea,
body.woocommerce-account .woocommerce .form-row select {
background: rgba(24,24,27,.75);
border: 1px solid rgba(82,82,91,.65);
border-radius: 1rem;
color: #fff;
padding: .85rem 1rem;
outline: none;
}
body.woocommerce-account .woocommerce .form-row input.input-text:disabled {
opacity: .7;
cursor: not-allowed;
}
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm button[name="save_account_details"],
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input[name="save_account_details"] {
margin-top: 22px;
margin-left: auto;
display: block;
}
body.woocommerce-account .woocommerce .form-row input.input-text:focus,
body.woocommerce-account .woocommerce .form-row textarea:focus,
body.woocommerce-account .woocommerce .form-row select:focus {
border-color: rgba(255,64,87,.55);
box-shadow: 0 0 0 4px rgba(255,64,87,.16);
}
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce input.button {
background: linear-gradient(90deg, var(--na-primary), var(--na-primary-dark));
border: 1px solid rgba(255,64,87,.35);
color: #fff;
border-radius: 9999px;
padding: .75rem 1.35rem;
font-weight: 800;
letter-spacing: .02em;
box-shadow: 0 12px 28px -18px rgba(255,64,87,.55);
transition: all .18s ease;
}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce input.button:hover {
filter: brightness(1.05);
transform: translateY(-1px);
}
body.woocommerce-account .woocommerce button.button:active,
body.woocommerce-account .woocommerce a.button:active,
body.woocommerce-account .woocommerce input.button:active {
transform: translateY(0);
}
body.woocommerce-account .woocommerce table.shop_table {
border: 1px solid rgba(82,82,91,.55);
border-radius: 1.25rem;
overflow: hidden;
}
body.woocommerce-account .woocommerce table.shop_table thead th {
background: rgba(24,24,27,.65);
border-top: none;
}
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td {
padding: 1rem 1rem;
}
body.woocommerce-account .woocommerce table.shop_table th {
color: rgba(212,212,216,.85);
font-size: 11px;
text-transform: uppercase;
letter-spacing: .10em;
}
body.woocommerce-account .woocommerce table.shop_table td {
color: rgba(255,255,255,.92);
}
body.woocommerce-account .woocommerce a {
color: var(--na-primary);
}
body.woocommerce-account .woocommerce a:hover {
color: var(--na-primary-dark);
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
background: rgba(24,24,27,.55);
border-radius: 1.25rem;
border-color: rgba(82,82,91,.55);
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error a {
font-weight: 800;
}
body.woocommerce-account .woocommerce-MyAccount-content .col2-set,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (max-width: 900px) {
body.woocommerce-account .woocommerce-MyAccount-content .col2-set,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
gap: 1rem;
}
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
backdrop-filter: blur(10px);
}
body.woocommerce-account .woocommerce-MyAccount-wrap {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 1.5rem;
align-items: start;
}
@media (max-width: 1024px) {
body.woocommerce-account .woocommerce-MyAccount-wrap {
grid-template-columns: 1fr;
}
}
@media (min-width: 1025px) {
body.woocommerce-account .woocommerce-MyAccount-navigation {
position: sticky;
top: 1rem;
z-index: 5;
}
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set {
margin-top: 1rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
text-align: left;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
background: rgba(24,24,27,.40);
border: 1px solid rgba(82,82,91,.55);
border-radius: 1.25rem;
padding: 1.25rem 1.25rem;
box-shadow: 0 18px 55px -45px rgba(0,0,0,.85);
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.col2-set {
width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses::after,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.col2-set::before,
body.woocommerce-account .woocommerce-MyAccount-content .u-columns.col2-set::after,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set::before,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set::after {
content: none !important;
display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::after,
body.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title::before,
body.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title::after,
body.woocommerce-account .woocommerce-MyAccount-content .addresses .title::before,
body.woocommerce-account .woocommerce-MyAccount-content .addresses .title::after {
content: none !important;
display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-column1,
body.woocommerce-account .woocommerce-MyAccount-content .u-column2,
body.woocommerce-account .woocommerce-MyAccount-content .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .col-2 {
float: none !important;
width: auto !important;
margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
margin-bottom: .85rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
margin: 0;
font-size: 1.05rem;
font-weight: 900;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a {
font-size: 10px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .06em;
padding: .35rem .6rem;
border-radius: 9999px;
background: rgba(255,64,87,.12);
border: 1px solid rgba(255,64,87,.35);
color: #fff;
text-decoration: none;
transition: all .18s ease;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
white-space: nowrap;
text-align: center;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a:hover {
background: rgba(255,64,87,.18);
transform: translateY(-1px);
}
body.woocommerce-account .woocommerce-MyAccount-content address {
font-style: normal;
color: rgba(212,212,216,.92);
line-height: 1.7;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
margin-top: 1rem;
}
body.woocommerce-account .leading-relaxed {
line-height: 1.625;
}
body.woocommerce-account .text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 1.25rem;
}
@media (max-width: 640px) {
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 1rem;
}
}
body.woocommerce-account .woocommerce-MyAccount-content > *:first-child {
margin-top: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content > * + * {
margin-top: 1rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set {
margin-top: 0;
}  body.woocommerce-account .woocommerce .naostrz-login-section ~ .u-columns.col2-set,
body.woocommerce-account .woocommerce .naostrz-login-section ~ #customer_login,
body.woocommerce-account .woocommerce .naostrz-login-section + .u-columns.col2-set,
body.woocommerce-account .woocommerce .naostrz-login-section + #customer_login {
display: none !important;
} body.woocommerce-account .woocommerce .naostrz-login-section::before,
body.woocommerce-account .woocommerce .naostrz-login-section::after,
body.woocommerce-account .woocommerce .naostrz-login-grid::before,
body.woocommerce-account .woocommerce .naostrz-login-grid::after,
body.woocommerce-account .woocommerce .naostrz-login-form::before,
body.woocommerce-account .woocommerce .naostrz-login-form::after {
content: none !important;
display: none !important;
} body.woocommerce-account .naostrz-login-section {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 2rem 1rem 3rem;
box-sizing: border-box;
}
@media (min-width: 768px) {
body.woocommerce-account .naostrz-login-section {
padding: 3rem 1.5rem 4rem;
}
} body.woocommerce-account .naostrz-login-header {
text-align: center;
margin-bottom: 2rem;
}
body.woocommerce-account .naostrz-login-title {
font-size: 2rem;
font-weight: 900;
letter-spacing: -0.02em;
margin: 0 0 0.5rem;
background: linear-gradient(to right, #ffffff, #94a3b8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.woocommerce-account .naostrz-login-subtitle {
color: rgba(228, 228, 231, 0.75);
font-size: 0.95rem;
line-height: 1.6;
max-width: 520px;
margin: 0 auto;
} body.woocommerce-account .naostrz-login-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
align-items: stretch;
}
@media (min-width: 900px) {
body.woocommerce-account .naostrz-login-grid {
grid-template-columns: repeat(2, 1fr);
}
} body.woocommerce-account .naostrz-login-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
background: rgba(42, 42, 48, 0.72);
border: 1px solid rgba(82, 82, 91, 0.55);
border-radius: 1.5rem;
padding: 1.75rem;
box-shadow: 0 24px 70px -30px rgba(0, 0, 0, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
overflow: hidden;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
body.woocommerce-account .naostrz-login-card:hover {
border-color: rgba(255, 77, 109, 0.35);
box-shadow: 0 24px 80px -30px rgba(255, 77, 109, 0.18);
transform: translateY(-3px);
}
body.woocommerce-account .naostrz-login-card--single {
max-width: 520px;
margin: 0 auto;
}
body.woocommerce-account .naostrz-login-card::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 77, 109, 0.12) 0%, transparent 70%);
pointer-events: none;
opacity: 0.6;
} body.woocommerce-account .naostrz-login-card__head {
position: relative;
text-align: center;
margin-bottom: 1.5rem;
z-index: 1;
}
body.woocommerce-account .naostrz-login-card__icon {
width: 56px;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
background: linear-gradient(135deg, rgba(255, 77, 109, 0.18), rgba(255, 77, 109, 0.05));
border: 1px solid rgba(255, 77, 109, 0.35);
color: #ff4d6d;
margin-bottom: 0.85rem;
box-shadow: 0 0 24px -8px rgba(255, 77, 109, 0.35);
}
body.woocommerce-account .naostrz-login-card__icon--register {
background: linear-gradient(135deg, rgba(100, 116, 139, 0.22), rgba(100, 116, 139, 0.05));
border-color: rgba(100, 116, 139, 0.45);
color: #94a3b8;
box-shadow: 0 0 24px -8px rgba(148, 163, 184, 0.25);
}
body.woocommerce-account .naostrz-login-card__title {
font-size: 1.35rem;
font-weight: 800;
color: #fff;
margin: 0 0 0.35rem;
}
body.woocommerce-account .naostrz-login-card__desc {
font-size: 0.85rem;
color: rgba(228, 228, 231, 0.65);
margin: 0;
line-height: 1.5;
} body.woocommerce-account .naostrz-login-form.woocommerce-form-login,
body.woocommerce-account .naostrz-login-form.woocommerce-form-register {
position: relative;
display: flex;
flex-direction: column;
flex: 1 1 auto;
background: transparent;
border: 0;
box-shadow: none;
border-radius: 0;
padding: 0;
margin: 0;
z-index: 1;
}
body.woocommerce-account .naostrz-login-form .form-row {
margin: 0;
padding: 0;
}
body.woocommerce-account .naostrz-login-form .form-row::before,
body.woocommerce-account .naostrz-login-form .form-row::after {
content: none !important;
display: none !important;
} body.woocommerce-account .naostrz-field {
margin-bottom: 1rem;
}
body.woocommerce-account .naostrz-field label {
display: flex;
align-items: center;
gap: 0.25rem;
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.06em;
color: rgba(228, 228, 231, 0.85);
margin-bottom: 0.5rem;
}
body.woocommerce-account .naostrz-field__required {
color: #ff4d6d;
}
body.woocommerce-account .naostrz-input-wrap {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
body.woocommerce-account .naostrz-input-wrap .password-input {
width: 100%;
display: flex;
align-items: center;
}
body.woocommerce-account .naostrz-input-icon {
position: absolute;
left: 1rem;
top: 50%;
transform: translateY(-50%);
color: rgba(148, 163, 184, 0.65);
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
body.woocommerce-account .naostrz-input {
width: 100%;
height: 52px;
padding: 0 1rem 0 2.75rem;
background: rgba(24, 24, 27, 0.75);
border: 1px solid rgba(82, 82, 91, 0.65);
border-radius: 1rem;
color: #fff;
font-size: 0.9rem;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
body.woocommerce-account .naostrz-input[type="password"] {
padding-right: 2.75rem;
}
body.woocommerce-account .naostrz-input::placeholder {
color: rgba(148, 163, 184, 0.55);
}
body.woocommerce-account .naostrz-input:focus {
border-color: rgba(255, 77, 109, 0.55);
background: rgba(24, 24, 27, 0.9);
box-shadow: 0 0 0 4px rgba(255, 77, 109, 0.12);
} body.woocommerce-account .naostrz-login-options {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin: 0.25rem 0 1.25rem;
flex-wrap: wrap;
} body.woocommerce-account .naostrz-checkbox {
display: inline-flex;
align-items: center;
gap: 0.55rem;
cursor: pointer;
font-size: 0.85rem;
line-height: 1;
color: rgba(228, 228, 231, 0.8);
margin: 0;
position: relative;
}
body.woocommerce-account .naostrz-checkbox input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
body.woocommerce-account .naostrz-checkbox__check {
width: 20px;
height: 20px;
flex: 0 0 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(82, 82, 91, 0.75);
border-radius: 0.4rem;
background: rgba(24, 24, 27, 0.65);
color: transparent;
transition: all 0.18s ease;
}
body.woocommerce-account .naostrz-checkbox input:checked + .naostrz-checkbox__check {
background: linear-gradient(135deg, #ff4d6d, #e01e45);
border-color: #ff4d6d;
color: #fff;
}
body.woocommerce-account .naostrz-checkbox__label {
display: inline-flex;
align-items: center;
user-select: none;
} body.woocommerce-account .naostrz-login-btn {
width: 100%;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border: 1px solid rgba(255, 77, 109, 0.35);
border-radius: 9999px;
background: linear-gradient(90deg, #ff4d6d, #e01e45);
color: #fff;
font-size: 0.95rem;
font-weight: 800;
letter-spacing: 0.02em;
cursor: pointer;
padding: 0 1.5rem;
box-shadow: 0 12px 28px -18px rgba(255, 77, 109, 0.55);
transition: filter 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
body.woocommerce-account .naostrz-login-btn:hover {
filter: brightness(1.05);
transform: translateY(-1px);
box-shadow: 0 16px 36px -18px rgba(255, 77, 109, 0.7);
}
body.woocommerce-account .naostrz-login-btn:active {
transform: translateY(0);
}
body.woocommerce-account .naostrz-login-btn--register {
background: linear-gradient(90deg, #3f3f46, #27272a);
border-color: rgba(82, 82, 91, 0.65);
box-shadow: 0 12px 28px -18px rgba(0, 0, 0, 0.45);
}
body.woocommerce-account .naostrz-login-btn--register:hover {
background: linear-gradient(90deg, #52525b, #3f3f46);
border-color: rgba(255, 77, 109, 0.45);
box-shadow: 0 16px 36px -18px rgba(255, 77, 109, 0.35);
} body.woocommerce-account .naostrz-login-link {
text-align: center;
margin: 1.25rem 0 0;
font-size: 0.85rem;
}
body.woocommerce-account .naostrz-login-link a {
color: rgba(228, 228, 231, 0.7);
text-decoration: none;
transition: color 0.18s ease;
}
body.woocommerce-account .naostrz-login-link a:hover {
color: #ff4d6d;
} body.woocommerce-account .naostrz-register-hint,
body.woocommerce-account .naostrz-register-privacy {
font-size: 0.85rem;
color: rgba(228, 228, 231, 0.65);
line-height: 1.55;
margin: 0 0 1rem;
}
body.woocommerce-account .naostrz-register-privacy a {
color: #ff4d6d;
text-decoration: none;
}
body.woocommerce-account .naostrz-register-privacy a:hover {
text-decoration: underline;
}
body.woocommerce-account .naostrz-login-form .woocommerce-privacy-policy-text,
body.woocommerce-account .naostrz-login-form .woocommerce-privacy-policy-text p {
font-size: 0.78rem;
color: rgba(161, 161, 170, 0.85);
line-height: 1.5;
margin: 0 0 1rem;
}
body.woocommerce-account .naostrz-login-form .woocommerce-privacy-policy-text a {
color: rgba(255, 77, 109, 0.85);
}
body.woocommerce-account .naostrz-login-form .woocommerce-privacy-policy-text a:hover {
color: #ff4d6d;
} body.woocommerce-account .naostrz-input-wrap .show-password-input {
position: absolute;
right: 0.75rem;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: 0;
color: rgba(148, 163, 184, 0.65);
cursor: pointer;
padding: 0.35rem;
z-index: 2;
}
body.woocommerce-account .naostrz-input-wrap .show-password-input:hover {
color: #ff4d6d;
} body.woocommerce-account .woocommerce-notices-wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 1rem 1rem 0;
}
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
background: rgba(24, 24, 27, 0.55);
border-radius: 1rem;
border: 1px solid rgba(82, 82, 91, 0.55);
} @media (max-width: 640px) {
body.woocommerce-account .naostrz-login-card {
padding: 1.25rem;
}
body.woocommerce-account .naostrz-login-title {
font-size: 1.6rem;
}
body.woocommerce-account .naostrz-login-card__title {
font-size: 1.15rem;
}
} body.woocommerce-account .naostrz-dashboard {
width: 100%;
}
body.woocommerce-account .naostrz-dashboard__header {
text-align: center;
margin-bottom: 2rem;
}
body.woocommerce-account .naostrz-dashboard__title {
font-size: 2rem;
font-weight: 900;
letter-spacing: -0.02em;
margin: 0 0 0.5rem;
background: linear-gradient(to right, #ffffff, #94a3b8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.woocommerce-account .naostrz-dashboard__subtitle {
color: rgba(228, 228, 231, 0.75);
font-size: 0.95rem;
line-height: 1.6;
margin: 0;
}
body.woocommerce-account .naostrz-dashboard__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
align-items: stretch;
}
@media (min-width: 900px) {
body.woocommerce-account .naostrz-dashboard__grid {
grid-template-columns: repeat(2, 1fr);
}
}
body.woocommerce-account .naostrz-dashboard__card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
background: rgba(42, 42, 48, 0.72);
border: 1px solid rgba(82, 82, 91, 0.55);
border-radius: 1.5rem;
padding: 1.75rem;
box-shadow: 0 24px 70px -30px rgba(0, 0, 0, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
overflow: hidden;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
text-decoration: none;
color: inherit;
}
body.woocommerce-account .naostrz-dashboard__card::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 77, 109, 0.12) 0%, transparent 70%);
pointer-events: none;
opacity: 0.6;
}
body.woocommerce-account .naostrz-dashboard__card:hover {
border-color: rgba(255, 77, 109, 0.35);
box-shadow: 0 24px 80px -30px rgba(255, 77, 109, 0.18);
transform: translateY(-3px);
}
body.woocommerce-account .naostrz-dashboard__icon {
position: relative;
z-index: 1;
width: 56px;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
background: linear-gradient(135deg, rgba(255, 77, 109, 0.18), rgba(255, 77, 109, 0.05));
border: 1px solid rgba(255, 77, 109, 0.35);
color: #ff4d6d;
margin-bottom: 0.85rem;
box-shadow: 0 0 24px -8px rgba(255, 77, 109, 0.35);
font-size: 1.6rem;
}
body.woocommerce-account .naostrz-dashboard__card-title {
position: relative;
z-index: 1;
font-size: 1.35rem;
font-weight: 800;
color: #fff;
margin: 0 0 0.35rem;
}
body.woocommerce-account .naostrz-dashboard__card-desc {
position: relative;
z-index: 1;
font-size: 0.85rem;
color: rgba(228, 228, 231, 0.65);
margin: 0;
line-height: 1.5;
} body.woocommerce-account .woocommerce-MyAccount-navigation {
background: rgba(42, 42, 48, 0.72);
border: 1px solid rgba(82, 82, 91, 0.55);
border-radius: 1.5rem;
padding: 1.25rem;
box-shadow: 0 24px 70px -30px rgba(0, 0, 0, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid;
gap: 0.75rem;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
padding: 1rem 1.25rem;
border-radius: 1rem;
background: rgba(24, 24, 27, 0.35);
border: 1px solid rgba(82, 82, 91, 0.35);
color: rgba(255, 255, 255, 0.88) !important;
font-weight: 600;
transition: all 0.2s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
background: rgba(63, 63, 70, 0.55);
border-color: rgba(255, 77, 109, 0.35);
transform: translateY(-2px);
box-shadow: 0 10px 30px -15px rgba(255, 77, 109, 0.2);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
background: rgba(255, 77, 109, 0.12);
border-color: rgba(255, 77, 109, 0.45);
color: #fff !important;
box-shadow: 0 0 24px -8px rgba(255, 77, 109, 0.25);
}
@media (max-width: 640px) {
body.woocommerce-account .naostrz-dashboard__card {
padding: 1.25rem;
}
body.woocommerce-account .naostrz-dashboard__title {
font-size: 1.6rem;
}
body.woocommerce-account .naostrz-dashboard__card-title {
font-size: 1.15rem;
}
} .wp-block-woocommerce-empty-cart-block {
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
padding: 2rem;
background: radial-gradient(circle at center, rgba(255, 77, 109, .04), transparent 55%);
border-radius: 1.5rem;
}
.naostrz-empty-cart__message {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2rem 1rem;
}
.naostrz-empty-cart__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 7rem;
height: 7rem;
border-radius: 9999px;
background: var(--na-card);
border: 1px solid var(--na-border);
color: var(--na-primary);
font-size: 3.5rem;
box-shadow: 0 0 15px -5px rgba(148, 163, 184, .3);
margin-bottom: 1.5rem;
}
.naostrz-empty-cart__title {
font-size: 2rem;
font-weight: 800;
color: var(--na-text);
margin-bottom: 0.75rem;
line-height: 1.2;
}
.naostrz-empty-cart__desc {
font-size: 1.0625rem;
color: var(--na-text-muted);
margin-bottom: 1.75rem;
max-width: 28rem;
}
.naostrz-empty-cart__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
background: linear-gradient(90deg, var(--na-primary), var(--na-primary-dark));
color: #fff;
border-radius: 0.75rem;
padding: 1rem 2rem;
font-weight: 800;
text-decoration: none;
box-shadow: 0 12px 28px -18px rgba(255, 64, 87, .55);
transition: all .18s ease;
}
.naostrz-empty-cart__button:hover {
filter: brightness(1.05);
transform: translateY(-1px);
}
.naostrz-empty-cart__button .material-symbols-outlined {
font-size: 1.25rem;
}
@media (min-width: 1024px) {
.naostrz-empty-cart__title {
font-size: 2.5rem;
}
.naostrz-empty-cart__icon {
width: 8rem;
height: 8rem;
font-size: 4rem;
}
.naostrz-empty-cart__desc {
font-size: 1.125rem;
}
}