.submenu-col li a,
.submenu-right li a {
text-decoration: none;
transition:
background 0.2s,
color 0.2s;
white-space: nowrap;
}
#review_form .stars a::before,
.img-lightbox,
.prod-gallery__img {
inset: 0;
inset: 0;
inset: 0;
inset: 0;
}
#order_review,
#payment,
.extra-grid .product,
.sc-wa-input,
.shop-container,
.single-product .buybox .cart .quantity input.qty,
.sticky-contact,
.woocommerce-checkout .col2-set,
form.woocommerce-checkout {
box-sizing: border-box;
box-sizing: border-box;
}
.main-nav .menu,
.top-nav ul {
gap: 20px;
padding: 0;
margin: 0;
list-style: none;
}
.about-section,
.site-footer,
body {
font-family: sans-serif;
}
.sc-wa-send:hover,
.sticky-contact .sc-row--wa:hover {
filter: brightness(0.95);
}
body {
margin: 0;
background: #f9f9f9;
color: #222;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.site-footer,
.site-header {
background: #333;
color: #fff;
padding: 20px 0;
}
.product,
.widget {
background: #fff;
border: 1px solid #ddd;
padding: 15px;
}
.footer-column a,
.site-footer a,
.site-header a {
color: #fff;
text-decoration: none;
}
.main-nav .menu {
display: flex;
justify-content: center;
}
.shop-products {
flex: 1;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 30px;
}
.category-nav,
.header-grid,
.search-bar,
.top-nav,
.top-nav ul {
display: flex;
}
.product {
transition: box-shadow 0.2s;
}
.product:hover {
box-shadow: 0 0 10px #0000001a;
}
.widget {
margin-bottom: 20px;
}
h1,
h2,
h3 {
margin-top: 0;
}
.topbar {
background: #e9e9e9;
font-size: 14px;
}
.top-nav {
justify-content: space-between;
align-items: center;
}
.top-nav a {
color: #555;
text-decoration: none;
}
.top-nav .phone {
font-weight: 700;
color: #b81218;
font-size: 24px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.top-nav .phone .phone-icon {
color: #b81218;
width: 1.15em;
height: 1.15em;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
line-height: 1;
vertical-align: middle;
}
.top-nav .phone .phone-icon svg {
width: 100%;
height: 100%;
display: block;
fill: currentColor;
}
.main-header {
background: #fff;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}
.header-grid {
justify-content: space-between;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}
.logo img {
height: 100px;
}
.search-bar {
flex: 1;
max-width: 600px;
display: flex;
align-items: center;
gap: 10px;
background: #fff;
padding: 8px 12px;
border-radius: 50px;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.08);
}
.search-bar input,
.search-bar select {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 30px;
font-size: 15px;
transition:
border-color 0.3s ease,
box-shadow 0.3s ease;
}
.search-bar input:focus,
.search-bar select:focus {
border-color: #b81218;
box-shadow: 0 0 0 2px rgb(179 0 60 / 0.15);
outline: none;
}
.search-bar select {
background-color: #fff;
cursor: pointer;
}
.search-bar button {
padding: 10px 25px;
background: #b81218;
color: #fff;
border: none;
border-radius: 30px;
cursor: pointer;
font-weight: 500;
letter-spacing: 0.3px;
transition:
background 0.3s ease,
transform 0.2s ease;
}
.search-bar button:hover {
background: #a00035;
transform: translateY(-2px);
}
.search-bar button:active {
transform: translateY(0);
}
.header-icons a,
.menu-item > a {
color: #333;
text-decoration: none;
white-space: nowrap;
}
.header-icons {
display: flex;
gap: 15px;
align-items: center;
font-size: 14px;
}
.category-menu-wrapper {
padding: 12px 0;
border-bottom: 1px solid #e0e0e0;
}
.category-menu-scroll {
max-width: 1200px;
margin: 0 auto;
overflow: visible;
}
.category-nav {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
list-style: none;
padding: 0 15px;
margin: 0;
}
.menu-item {
position: relative;
flex: 0 1 auto;
}
.menu-item > a {
display: inline-block;
padding: 8px clamp(10px, 2vw, 16px);
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
font-weight: 600;
transition: 0.25s;
font-size: clamp(14px, 1.5vw, 15px);
}
.menu-item:hover > a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-pagination ul.page-numbers li .current {
background: #b81218;
color: #fff;
border-color: #b81218;
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
max-width: min(960px, calc(100vw - 32px));
width: auto;
padding: 20px 30px;
background: #fff;
box-shadow: 0 4px 16px rgb(0 0 0 / 0.06);
z-index: 1000;
border-radius: 6px;
overflow-x: auto;
}
.category-list li.open > .children,
.has-sub:hover > .submenu-right,
.menu-item:hover > .submenu,
.myCustomSwiper .swiper-slide a {
display: block;
}
.submenu-col {
display: block;
column-count: 2;
column-gap: 40px;
}
.submenu-col ul {
list-style: none;
padding: 0;
margin: 0;
break-inside: avoid;
}
.submenu-col li {
margin-bottom: 10px;
}
.submenu-col li a {
display: block;
padding: 8px 12px;
color: #444;
border-radius: 4px;
}
.submenu-col li a:hover {
background: #f7f7f7;
color: #b81218;
}
.submenu-right {
display: none;
position: absolute;
top: 0;
left: 100%;
right: auto;
min-width: 240px;
max-width: min(320px, calc(100vw - 32px));
background: #fff;
box-shadow: 2px 2px 8px rgb(0 0 0 / 0.06);
z-index: 1001;
padding: 4px 0;
border-radius: 4px;
}
.extra-slider,
.has-sub,
.myCustomSwiper,
.search-bar {
position: relative;
}
.about-section .container,
.footer-container {
max-width: 1200px;
margin: 0 auto;
}
.submenu-right li a {
display: block;
padding: 10px 16px;
color: #333;
font-size: 14px;
}
.submenu-col > .has-sub:nth-last-child(-n + 3) > .submenu-right {
left: auto;
right: 100%;
box-shadow: -2px 2px 8px rgb(0 0 0 / 0.06);
}
.submenu-right li a:hover {
background-color: #f7f7f7;
color: #b81218;
}
@media (min-width: 1300px) {
.category-nav {
flex-wrap: nowrap;
justify-content: center;
}
}
.site-footer {
background: #3d3d3d;
color: #fff;
padding: 50px 20px;
}
.footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
}
.footer-container a,
.footer-container a:focus,
.footer-container a:hover {
text-decoration: none !important;
}
.footer-column {
flex: 1 1 180px;
min-width: 160px;
}
.footer-column h4 {
font-size: 17px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.footer-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-column ul li {
margin-bottom: 10px;
font-size: 14px;
}
.footer-column a:hover {
text-decoration: underline;
}
.footer-socials a {
color: #fff;
margin-right: 10px;
font-size: 18px;
}
.about-section h2,
.shop-title {
font-size: 28px;
font-weight: 700;
}
.footer-column img {
margin-top: 10px;
max-width: 100%;
height: auto;
}
.about-section {
padding: 60px 20px;
background: #fff;
color: #222;
}
.about-section h2 {
margin-bottom: 20px;
color: #b81218;
}
.about-section p {
font-size: 16px;
line-height: 1.7;
}
.myCustomSwiper {
width: auto;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.myCustomSwiper .swiper-wrapper {
display: flex;
width: 100%;
height: 100%;
will-change: transform;
}
.myCustomSwiper .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.myCustomSwiper .swiper-slide img {
height: 70vh;
width: auto;
max-width: 100%;
object-fit: contain;
display: block;
}
.myCustomSwiper .swiper-button-next,
.myCustomSwiper .swiper-button-prev {
position: absolute;
z-index: 10;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
background: #0000001a;
color: #000;
display: grid;
place-items: center;
cursor: pointer;
user-select: none;
}
.myCustomSwiper .swiper-button-prev {
left: 10px;
}
.myCustomSwiper .swiper-button-next {
right: 10px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-family: Arial, sans-serif;
font-size: 30px;
font-weight: 700;
color: #000;
}
.swiper-button-prev::after {
content: "‹";
}
.swiper-button-next::after {
content: "›";
}
.myCustomSwiper .swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
display: flex;
justify-content: center;
gap: 8px;
z-index: 10;
}
.myCustomSwiper .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 999px;
background: #0003;
opacity: 1;
transition:
transform 0.2s,
background 0.2s;
}
.myCustomSwiper .swiper-pagination-bullet-active {
background: #000;
transform: scale(1.2);
}
.desktop-slider {
display: block;
}
.mobile-slider {
display: none;
}
@media (max-width: 900px) {
.desktop-slider {
display: none;
}
.mobile-slider {
display: block;
}
}
@media (max-width: 900px) {
.myCustomSwiper {
height: auto;
}
.myCustomSwiper .swiper-slide {
height: auto;
}
.myCustomSwiper .swiper-slide img {
width: 100%;
height: auto;
object-fit: contain;
max-height: none;
}
.myCustomSwiper .swiper-button-prev,
.myCustomSwiper .swiper-button-next {
width: 32px;
height: 32px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 24px;
}
}
.shop-main {
padding: 40px 0;
background: #fff;
}
.shop-title {
margin-bottom: 30px;
text-align: center;
color: #333;
}
.product-right,
td.product-total {
text-align: right;
}
.product-row {
display: flex;
gap: 20px;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
align-items: center;
background: #fff;
margin-bottom: 30px;
}
.product-left img {
max-width: 120px;
max-height: 120px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.product-middle {
flex: 1;
}
.extra-grid .price,
.product-title,
.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-pagination ul.page-numbers li .next,
.woocommerce-pagination ul.page-numbers li .prev,
td.product-name {
font-weight: 700;
}
.product-meta {
font-size: 13px;
color: #666;
margin-bottom: 5px;
}
.product-stock {
font-size: 13px;
color: green;
margin-top: 5px;
}
.product-right {
min-width: 220px;
}
.product-conversion {
font-size: 13px;
color: #333;
margin-bottom: 10px;
}
.product-row .button {
background: #b81218;
color: #fff;
border: none;
padding: 10px 16px;
border-radius: 4px;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
}
.product-row .button:hover {
background: #900030;
}
.content-area,
.shop-layout,
.cart-drawer,
.cart-overlay {
position: fixed;
top: 0;
height: 100%;
}
.category-list,
.category-list li,
.category-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.category-list li {
position: relative;
margin: 6px 0;
font-size: 18px;
font-weight: 500;
color: #222;
}
.category-list li .item-row {
display: flex;
align-items: center;
gap: 6px;
}
.category-list a {
color: #222;
text-decoration: none;
transition: color 0.2s;
font-weight: 700;
}
.children a {
font-weight: 300;
}
.category-list a:hover {
color: #b81218;
}
.category-list .count {
color: #888;
font-size: 13px;
margin-left: 6px;
}
.category-list .current-cat > .item-row > a {
font-weight: 700;
color: #7a0028;
}
.category-list .toggle {
flex-shrink: 0;
width: 18px;
height: 18px;
background-color: #fff0;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
border: none;
cursor: pointer;
display: inline-block;
margin-left: 2px;
}
.category-list .has-children.toggle-injected > .item-row > .toggle {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b3003c' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='%23b3003c' stroke-width='2'/><line x1='12' y1='8' x2='12' y2='16' stroke='%23b3003c' stroke-width='2'/><line x1='8' y1='12' x2='16' y2='12' stroke='%23b3003c' stroke-width='2'/></svg>");
}
.category-list .has-children.open > .item-row > .toggle {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b3003c' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23b3003c'/><line x1='8' y1='12' x2='16' y2='12' stroke='%23fff' stroke-width='2'/></svg>");
}
.category-list .children {
display: none;
margin-left: 10px;
margin-top: 4px;
}
.category-list li:not(.has-children) > .item-row::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-left: 2px;
}
.shop-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
}
.shop-container {
display: flex;
gap: 30px;
align-items: flex-start;
padding: 40px;
width: 100%;
max-width: 2000px;
}
.shop-container .woocommerce-breadcrumb {
margin-bottom: 50px;
}
.shop-content {
width: 70%;
}
.woocommerce-ordering {
display: inline-block;
}
.product-page {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: flex-start;
margin: 40px 0;
}
.single-product-main {
margin-top: 10px;
margin-bottom: 10px;
}
.product-image-section {
display: flex;
justify-content: center;
align-items: center;
}
.product-image-section,
.product-img-wrapper {
max-width: 720px;
margin: 0 auto;
}
.product-img-wrapper {
max-height: min(60vh, 560px);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.product-image-section img,
.product-img-wrapper img,
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__wrapper img,
img[height],
img[width] {
width: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block;
}
.archive .product-price,
.woocommerce-page .product-price {
font-size: 24px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
padding-bottom: 20px;
}
.single_add_to_cart_button {
background: #b40030;
color: #fff;
padding: 10px 20px;
margin-top: 10px;
border: none;
cursor: pointer;
text-decoration: none;
}
.product-tabs-section {
margin-top: 60px;
}
.product-breadcrumbs {
font-size: 14px;
color: #666;
}
.product-breadcrumbs a {
color: #b40030;
text-decoration: none;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
.product-content-wrapper {
width: 80%;
max-width: 1280px;
margin: 0 auto;
}
.woocommerce-tabs {
margin-top: 40px;
}
.woocommerce-tabs .wc-tabs {
display: flex;
gap: 20px;
border-bottom: 2px solid #ddd;
padding-left: 0;
list-style: none;
margin-bottom: 20px;
}
#review_form .comment-form-rating label,
.extra-grid.products,
.woocommerce-mini-cart__buttons .button,
.woocommerce-pagination ul.page-numbers li,
.woocommerce-tabs .wc-tabs li {
margin: 0;
}
.woocommerce-tabs .wc-tabs li a {
display: block;
padding: 10px 16px;
text-decoration: none;
color: #444;
border-bottom: 3px solid #fff0;
font-weight: 700;
}
.woocommerce-tabs .wc-tabs li a:hover,
.woocommerce-tabs .wc-tabs li.active a {
border-bottom-color: #b40030;
color: #b40030;
}
.cart-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 0.25);
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease;
z-index: 9998;
}
.cart-overlay.active {
opacity: 1;
visibility: visible;
}
.cart-drawer {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.95);
width: 100%;
max-width: 650px;
max-height: 75vh;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 30px rgb(0 0 0 / 0.25);
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease;
z-index: 9999;
overflow: hidden;
}
.cart-drawer.active {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
.cart-drawer-header {
padding: 20px 24px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-drawer-header h2 {
font-size: 20px;
font-weight: 700;
margin: 0;
color: #222;
}
.cart-close {
background: none;
border: none;
font-size: 24px;
line-height: 1;
cursor: pointer;
color: #777;
transition: color 0.2s;
}
.cart-close:hover {
color: #000;
}
.cart-drawer-content {
padding: 24px;
overflow-y: auto;
flex: 1;
}
.woocommerce-mini-cart-item {
display: grid;
grid-template-columns: 24px 90px 1fr auto;
column-gap: 16px;
align-items: center;
border-bottom: 1px solid #eee;
padding: 14px 0;
font-size: 14px;
line-height: 1.4;
}
.woocommerce-mini-cart-item:last-child {
border-bottom: none;
}
.woocommerce-mini-cart-item img {
width: 80px;
height: auto;
object-fit: contain;
border-radius: 4px;
grid-column: 2;
}
.woocommerce-mini-cart-item .remove {
grid-column: 1;
color: #b81218;
font-weight: 700;
text-decoration: none;
font-size: 16px;
transition: color 0.2s;
align-self: start;
}
.woocommerce-mini-cart-item .remove:hover {
color: #000;
}
.woocommerce-mini-cart-item > a:not(.remove):nth-of-type(2) {
font-weight: 600;
color: #222;
text-decoration: none;
margin-bottom: 4px;
word-break: break-word;
line-height: 1.3;
display: block;
}
.woocommerce-mini-cart-item dl.variation {
justify-items: center;
align-items: start;
text-align: center;
column-gap: 16px;
row-gap: 2px;
width: 100%;
margin-top: 6px;
font-size: 13px;
color: #444;
overflow: visible !important;
white-space: normal !important;
word-break: break-word;
}
.woocommerce-mini-cart-item dl.variation dt {
display: none !important;
}
.woocommerce-mini-cart-item dl.variation dd {
grid-row: 2;
color: #555;
margin: 0 !important;
padding: 0 !important;
text-align: center;
white-space: normal !important;
}
.woocommerce-mini-cart-item .quantity {
grid-column: 4;
text-align: right;
font-size: 14px;
color: #333;
white-space: nowrap;
justify-self: end;
align-self: start;
float: right;
display: inline-block;
}
.woocommerce-mini-cart-item .woocommerce-Price-amount {
font-weight: 700;
color: #000;
margin-left: 4px;
}
body.cart-open {
overflow: hidden;
}
.woocommerce-mini-cart__total {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid #eee;
font-weight: 600;
font-size: 16px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
.woocommerce-mini-cart__total strong,
.woocommerce-mini-cart__total .woocommerce-Price-amount {
display: inline;
font-weight: 700;
color: #000;
}
.cart-drawer-footer {
padding: 20px 24px;
border-top: 1px solid #eee;
display: flex;
justify-content: center;
gap: 12px;
}
.cart-drawer .button,
.cart-drawer a.button {
background-color: #b81218;
color: #fff;
padding: 10px 24px;
border-radius: 20px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.3s;
font-size: 15px;
}
.cart-drawer .button:hover,
.cart-drawer a.button:hover {
background-color: #7e0021;
}
.cart-container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 40px 0;
}
.woocommerce-cart input.qty {
width: 60px;
text-align: center;
}
.woocommerce td.product-price,
.woocommerce td.product-subtotal {
font-weight: 700;
color: #111;
font-size: 16px;
}
.site-content .cart-page {
margin-top: 50px;
}
.cart-page-layout {
display: flex;
align-items: flex-start;
gap: 4rem;
padding: 2rem 1rem;
max-width: 1500px;
margin: 0 auto;
min-height: 700px;
}
.woocommerce-cart .cart_totals .order-total {
display: flex;
align-items: baseline;
gap: 10px;
}
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total th {
display: block;
margin: 0;
padding: 0;
}
.wc-proceed-to-checkout {
margin-top: 10px;
}
.cart-products {
flex: 1 1 68%;
min-width: 400px;
}
.woocommerce-cart-form table.shop_table {
width: 100%;
border-collapse: collapse;
border: none;
background: 0 0;
font-size: 16px;
}
.woocommerce-cart-form table.shop_table tr {
border-bottom: 1px solid #eee;
}
.woocommerce-cart-form table.shop_table td,
.woocommerce-cart-form table.shop_table th {
border: none;
padding: 1rem 0.75rem;
vertical-align: middle;
text-align: left;
}
.woocommerce td.product-name {
font-weight: 500;
color: #333;
}
.woocommerce-cart-form .product-thumbnail img {
width: 60px;
height: auto;
border-radius: 6px;
}
.cart-page .woocommerce a.remove {
font-size: 0;
width: 24px;
height: 24px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6zm2 3h14l-1.5 12h-11L5 9zm5 2v8h2v-8H10zm4 0v8h2v-8h-2z"/></svg>');
background-size: cover;
background-repeat: no-repeat;
}
.cart-summary {
flex: 1 1 30%;
min-width: 300px;
background-color: #fff;
border-radius: 8px;
padding: 2rem;
box-shadow: 0 2px 12px #0000000d;
font-size: 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
line-height: 2;
}
.cart-summary .shop_table {
width: 100%;
border: none;
}
.cart-summary .shop_table td,
.cart-summary .shop_table th {
padding: 0.25rem 0;
text-align: left;
font-weight: 500;
}
.cart-summary .shop_table td {
font-weight: 700;
color: #111;
}
.cart-summary .order-total strong {
font-weight: 700;
display: inline-block;
margin-top: 0.5rem;
}
.cart-summary .button {
margin-top: 1rem;
width: 100%;
text-align: center;
}
.woocommerce .button,
.woocommerce-page .button {
background-color: #b81218;
color: #fff !important;
padding: 12px 20px;
border: none;
border-radius: 6px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.2s;
}
.woocommerce .quantity {
display: flex;
align-items: center;
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
width: fit-content;
}
.woocommerce .quantity input.qty {
width: 50px;
height: 40px;
text-align: center;
border: none;
background-color: #fff;
color: #000;
font-size: 16px;
appearance: textfield;
}
.single-product .buybox .cart input.qty,
.woocommerce .quantity input.qty[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
width: 40px;
height: 40px;
background-color: #fff;
border: none;
color: #000;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
font-weight: 700;
}
.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
:root {
--primary-color: #b81218;
--primary-color-light: #b8121830;
--background-color: #fff;
--text-color: #333;
}
form.woocommerce-checkout {
display: flex;
gap: 2rem;
}
@media (min-width: 980px) {
.woocommerce-checkout .order-right {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 2rem;
}
.woocommerce-checkout .order-right > * {
flex-shrink: 0;
}
.woocommerce-checkout .form-row.place-order {
margin-top: 0 !important;
padding-top: 0 !important;
}
.woocommerce-checkout #payment {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout .woocommerce-info {
margin-bottom: 0 !important;
}
}
#order_review,
#payment,
.woocommerce-checkout .col2-set {
background: #fff;
padding: 2rem;
border-radius: 1em;
box-shadow: 0 0.5em 2em #0000000d;
}
.woocommerce form .form-row {
margin-bottom: 1.5rem;
}
.woocommerce form .form-row label {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: var(--text-color);
margin-bottom: 0.5em;
display: block;
}
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
width: 100%;
height: 3em;
border: 1px solid #d9d9d9;
border-radius: 6px;
background: #fff;
padding: 0 1em;
font-size: 14px;
color: #111;
}
input:focus,
select:focus,
textarea:focus {
border-color: var(--primary-color);
outline: 0;
}
.select2-selection {
height: 3em !important;
border-radius: 6px !important;
border-color: #d9d9d9 !important;
}
.select2-selection__rendered {
line-height: 3em !important;
padding-left: 1em !important;
}
.woocommerce-checkout-review-order-table {
font-size: 14px;
color: var(--text-color);
border: none;
width: 100%;
}
.woocommerce-checkout-review-order-table tbody {
display: table-row-group;
}
tr.cart_item:nth-child(odd) {
background: #f7f8fa;
}
tr.cart_item:nth-child(2n) {
background: #fff;
}
.woocommerce-checkout .order-total {
background: var(--primary-color-light);
color: var(--primary-color);
}
#place_order {
width: 100%;
padding: 1em;
background-color: var(--primary-color);
color: #fff;
border: none;
border-radius: 6px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s;
}
#place_order:hover {
background-color: #8a002c;
color: #fff;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em;
border: none;
border-radius: 6px;
background: var(--background-color);
color: var(--text-color);
}
#payment {
background: var(--background-color);
border-radius: 6px;
}
#payment .payment_box {
background: #fff;
border-radius: 6px;
padding: 1em;
margin-top: 1em;
}
form.checkout_coupon {
padding: 2em;
background: #fff;
border-radius: 6px;
margin-top: 2em;
}
form.woocommerce-checkout {
width: 95%;
margin: 0 auto;
padding: 2rem 0;
}
@media (max-width: 979px) {
form.woocommerce-checkout {
width: 100%;
padding: 1rem;
}
}
.cart-page .product-price {
font-size: 16px;
}
.subcategory-row {
display: flex;
overflow-x: auto;
gap: 20px;
padding: 20px 0;
margin-bottom: 40px;
scrollbar-width: thin;
}
.subcategory-inline-tile,
.subcategory-tile {
padding: 15px;
transition: box-shadow 0.2s;
text-align: center;
text-decoration: none;
}
.subcategory-row::-webkit-scrollbar {
height: 8px;
}
.subcategory-row::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 4px;
}
.subcategory-tile {
flex: 0 0 auto;
width: 180px;
min-width: 180px;
background: #fefefe;
border-radius: 8px;
color: #000;
border: 1px solid #eee;
}
.subcategory-tile:hover {
box-shadow: 0 4px 12px #00000012;
}
.subcategory-tile img {
width: 100%;
height: 100px;
object-fit: contain;
margin-bottom: 10px;
}
.subcategory-tile h3 {
font-size: 14px;
font-weight: 600;
margin: 0 0 5px;
}
.subcategory-tile .count {
font-size: 12px;
color: #666;
}
.subcategory-inline-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
justify-content: center;
}
.subcategory-inline-tile {
flex: 0 1 180px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
color: inherit;
}
.subcategory-inline-tile:hover {
box-shadow: 0 4px 10px #0000000d;
}
.subcategory-inline-tile img {
width: 100%;
max-height: 120px;
object-fit: contain;
margin-bottom: 10px;
}
.subcategory-inline-tile h3 {
font-size: 14px;
margin: 0 0 5px;
font-weight: 700;
}
.subcategory-inline-tile span {
font-size: 13px;
color: #666;
}
.woocommerce-pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
display: flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
display: inline-block;
padding: 8px 14px;
border: 1px solid #ddd;
color: #222;
text-decoration: none;
font-weight: 600;
border-radius: 4px;
transition: 0.2s;
}
.woocommerce-pagination ul.page-numbers li a:hover {
background: #fff;
border-color: #ccc;
color: #000;
}
.woocommerce-pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.cart-drawer .woocommerce-mini-cart-item .quantity {
border: none !important;
padding: 0;
background: 0 0;
box-shadow: none;
}
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart__total {
display: flex;
justify-content: center;
gap: 10px;
}
.card,
.product-card {
border: 1px solid #eee;
}
.home-section {
padding: 50px 0;
background: #fff;
}
.home-section:not(:first-of-type) {
border-top: 1px solid #eee;
}
.home-section__head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 20px;
margin-bottom: 20px;
}
.home-section__title {
font-size: 24px;
font-weight: 800;
color: #333;
margin: 0;
}
.home-section__more {
font-weight: 700;
color: #b81218;
text-decoration: none;
}
.home-section__more:hover {
color: #7e0021;
}
.home-products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 24px;
grid-auto-rows: 1fr;
}
.product-card {
background: #fff;
border-radius: 8px;
padding: 14px;
transition:
box-shadow 0.2s,
transform 0.2s;
}
.product-card:hover {
box-shadow: 0 8px 24px #00000012;
transform: translateY(-2px);
}
.product-card__thumb {
display: block;
width: 100%;
aspect-ratio: 1/1;
background: #fafafa;
border-radius: 6px;
margin-bottom: 10px;
overflow: hidden;
}
.product-card__thumb img {
width: 100%;
height: 100%;
object-fit: contain;
}
.product-card__title {
font-size: 14px;
font-weight: 700;
line-height: 1.35;
margin: 6px 0 8px;
min-height: 2.7em;
}
.product-card__price {
font-size: 16px;
font-weight: 800;
color: #111;
margin-bottom: 10px;
}
.product-card__cta .button {
width: 100%;
background: #b81218;
color: #fff !important;
border: none;
border-radius: 6px;
padding: 10px 14px;
text-transform: uppercase;
font-weight: 800;
cursor: pointer;
transition: background 0.2s;
}
.about-cta .button:hover,
.product-card__cta .button:hover {
background: #8a002c;
}
@media (max-width: 600px) {
.home-section__title {
font-size: 20px;
}
}
.home-products-grid .product-card {
display: flex;
flex-direction: column;
}
.cart-toggle,
.cart-toggle .cart-icon {
display: inline-flex;
}
.home-products-grid .product-card__cta {
margin-top: auto;
}
.home-products-grid .product-card__cta .add_to_cart_button,
.home-products-grid .product-card__cta .added_to_cart,
.home-products-grid .product-card__cta .button {
display: block !important;
width: 100% !important;
min-height: 20px;
padding: 12px 16px !important;
line-height: 1.2 !important;
text-align: center;
border-radius: 6px;
}
.home-main-title {
text-align: center;
font-size: 36px;
font-weight: 800;
margin: 10px 0 0;
color: #b81218;
}
.cart--ghost,
.cart-toggle .cart-count {
color: #fff;
background: #b81218;
}
.cart-toggle {
--btn-bg: var(--primary-color);
--btn-fg: #fff;
--btn-br: 10px;
position: relative;
align-items: center;
gap: 10px;
padding: 10px 16px;
border-radius: var(--btn-br);
font-size: 15px;
line-height: 1;
border: 1px solid #fff0;
cursor: pointer;
transition:
transform 0.15s,
background 0.2s,
border-color 0.2s,
color 0.2s;
}
.cart-toggle .cart-label {
letter-spacing: 0.2px;
}
.cart-toggle .cart-count {
position: absolute;
top: -14px;
right: -6px;
min-width: 24px;
height: 24px;
padding: 0 4px;
border-radius: 9px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-align: center;
box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
}
.cart--ghost {
border-color: #e7e7e7;
}
.cart--ghost:hover {
border-color: #d5d5d5;
transform: translateY(-1px);
}
@media (max-width: 640px) {
.cart-toggle {
padding: 9px 14px;
font-size: 14px;
}
.cart-toggle .cart-count {
top: -5px;
right: -5px;
}
}
.about-hero {
background: #fff;
padding: 50px 0 20px;
}
.about-hero h1 {
font-size: 36px;
margin: 0 0 12px;
color: #b81218;
font-weight: 800;
}
.about-hero .lead {
font-size: 17px;
line-height: 1.8;
color: #333;
max-width: 900px;
}
.about-split {
background: #fff;
padding: 20px 0 60px;
}
.about-box,
.card {
background: #fff;
padding: 18px;
}
.about-split__grid {
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 40px;
align-items: start;
}
@media (max-width: 980px) {
.about-split__grid {
grid-template-columns: 1fr;
}
}
.about-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 18px;
margin-top: 16px;
}
.card {
border-radius: 12px;
box-shadow: 0 4px 14px #0000000a;
}
.card h3 {
margin: 0 0 8px;
font-size: 16px;
font-weight: 800;
color: #111;
}
.card p {
margin: 0;
color: #444;
line-height: 1.65;
font-size: 14.5px;
}
.about-aside {
display: grid;
gap: 16px;
}
.about-box {
border: 1px solid #eee;
border-radius: 12px;
}
.about-box h3 {
margin: 0 0 6px;
font-size: 15px;
font-weight: 800;
color: #111;
}
.about-box p {
margin: 0;
color: #444;
line-height: 1.65;
}
.about-cta {
background: #f7f3ee;
padding: 50px 0;
border-top: 1px solid #eee;
}
.about-cta__wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.about-cta h2 {
margin: 0 0 6px;
font-weight: 800;
}
.about-cta p {
margin: 0;
color: #444;
}
.about-cta .button {
background: var(--primary-color);
color: #fff !important;
padding: 12px 18px;
border-radius: 10px;
font-weight: 800;
display: inline-block;
text-decoration: none;
}
.button--light {
background: #fff !important;
color: var(--primary-color) !important;
border: 1px solid #e7e7e7;
}
.privacy-hero,
.returns-hero,
.terms-hero {
background: #fff;
padding: 50px 0 20px;
border-bottom: 1px solid #eee;
}
.privacy-hero h1,
.returns-hero h1 {
font-size: 32px;
font-weight: 800;
color: #b81218;
}
.privacy-content,
.returns-content,
.terms-content {
background: #fff;
padding: 20px 0 50px;
}
.privacy-text h2 {
font-size: 24px;
margin-top: 30px;
font-weight: 700;
color: #222;
}
.privacy-text h3 {
font-size: 18px;
margin-top: 20px;
font-weight: 700;
color: #333;
}
.privacy-text p,
.returns-text p {
line-height: 1.7;
margin-bottom: 15px;
}
.privacy-text ul {
list-style: disc;
padding-left: 20px;
margin-bottom: 15px;
}
.privacy-text li {
margin-bottom: 6px;
}
.returns-text h2 {
font-size: 24px;
margin-bottom: 15px;
font-weight: 700;
}
.returns-text ol {
padding-left: 20px;
margin-bottom: 20px;
}
.returns-text ul {
list-style: disc;
padding-left: 20px;
margin-bottom: 10px;
}
.returns-text li {
margin-bottom: 8px;
}
.terms-hero h1 {
font-size: 32px;
font-weight: 800;
color: #b81218;
margin: 0;
}
.terms-text h2 {
font-size: 24px;
margin: 30px 0 12px;
font-weight: 800;
color: #222;
}
.terms-text p {
line-height: 1.75;
margin: 0 0 12px;
color: #444;
}
.terms-text ol {
padding-left: 20px;
margin: 0 0 16px;
}
.terms-text ul {
list-style: disc;
padding-left: 20px;
margin: 6px 0 12px;
}
.terms-text li {
margin: 6px 0;
}
.sticky-contact {
background: #b81218;
padding: 12px 14px;
border-radius: 12px;
box-shadow: 0 4px 8px rgb(0 0 0 / 0.2);
display: flex;
flex-direction: column;
gap: 8px;
position: fixed;
right: 20px;
bottom: 20px;
color: #fff;
box-shadow: 0 8px 20px rgb(0 0 0 / 0.25);
z-index: 9999;
display: flex;
flex-direction: column;
gap: 6px;
}
.sticky-contact h4 {
margin: 0 0 4px;
font-size: 18px;
line-height: 1.2;
font-weight: 800;
}
.sticky-contact a.sc-row,
.sticky-contact button.sc-wa-toggle {
display: flex;
align-items: center;
gap: 8px;
background: 0 0;
border: 0;
padding: 6px 4px;
cursor: pointer;
color: #fff;
text-decoration: none;
font-weight: 700;
width: 100%;
text-align: left;
}
.sticky-contact a.sc-row:hover,
.sticky-contact button.sc-wa-toggle:hover {
opacity: 0.9;
}
.sticky-contact svg {
fill: currentColor;
flex: 0 0 auto;
}
.sticky-contact .sc-close {
position: absolute;
top: 8px;
right: 8px;
background: 0 0;
border: none;
font-size: 22px;
line-height: 1;
cursor: pointer;
color: #fff;
transition: color 0.2s;
}
.sc-wa-panel {
margin-top: 6px;
background: rgb(255 255 255 / 0.08);
border-radius: 10px;
padding: 8px;
overflow: hidden;
max-height: 0;
opacity: 0;
transform: translateY(-4px);
transition:
max-height 0.3s,
opacity 0.2s,
transform 0.2s;
}
.sc-wa-input,
.sc-wa-send {
padding: 10px 12px;
width: 100%;
}
.sc-wa-panel.open,
.sc-wa-panel[aria-hidden="false"] {
max-height: 280px;
opacity: 1;
transform: translateY(0);
}
.sc-wa-input {
border-radius: 8px;
border: 0;
font: inherit;
resize: vertical;
min-height: 80px;
color: #222;
}
.sc-wa-send {
margin-top: 8px;
border: 0;
border-radius: 8px;
font-weight: 800;
cursor: pointer;
background: #25d366;
color: #3f3f3f;
}
.sc-wa-note {
display: block;
margin-top: 6px;
opacity: 0.8;
}
.sticky-contact a[href^="tel"] img.emoji {
filter: invert(1) brightness(2) saturate(0);
}
.sticky-contact a[href^="mailto"] img.emoji {
filter: none;
}
.sticky-contact .sc-row--wa {
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
background: #25d366;
color: #0b141a;
padding: 6px 10px;
border-radius: 8px;
}
.sticky-contact .icon-wa {
width: 20px;
height: 20px;
line-height: 0;
flex: 0 0 20px;
}
.sticky-contact .icon-wa svg {
width: 100%;
height: 100%;
display: block;
fill: currentColor;
}
.sticky-contact .sc-row--wa img,
.sticky-contact .sc-row--wa svg {
filter: none !important;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: 1000px;
margin: 0 auto;
align-items: start;
}
.contact-details p {
margin: 0 0 12px;
line-height: 1.6;
}
.contact-card {
background: #fff;
padding: 0;
border-radius: 8px;
}
.contact-form .field {
margin-bottom: 14px;
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 6px;
font: inherit;
}
.contact-form button {
width: 100%;
padding: 10px 16px;
border-radius: 6px;
border: 1px solid #b81218;
background: #b81218;
color: #fff;
font-weight: 600;
cursor: pointer;
}
.notice {
border-radius: 6px;
padding: 12px 16px;
margin-bottom: 16px;
}
.notice-success {
background: #e9f9ef;
border: 1px solid #b7e4c7;
}
.notice-error {
background: #ffecec;
border: 1px solid #ffb3b3;
}
.hidden {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
max-width: 1100px;
margin: 24px auto 0;
padding: 0 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0 0 20px;
padding: 0;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 6px;
text-decoration: none;
color: #222;
transition:
background 0.2s,
color 0.2s,
border-color 0.2s;
}
.woocommerce-account .woocommerce-MyAccount-content {
max-width: 1100px;
margin: 0 auto 40px;
padding: 0 16px;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.woocommerce-account .woocommerce-Address {
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 10px;
padding: 18px 18px 16px;
}
.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 10px;
}
.woocommerce-account .woocommerce-Address .woocommerce-Address-title h3 {
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.woocommerce-account .woocommerce-Address .edit {
font-size: 14px;
text-decoration: none;
padding: 6px 10px;
border: 1px solid #b81218;
border-radius: 6px;
color: #b81218;
transition: 0.2s;
}
.woocommerce-account .woocommerce-Address .edit:hover {
background: #b81218;
color: #fff;
}
.woocommerce-account .woocommerce-Address address {
margin: 0;
font-style: normal;
color: #333;
line-height: 1.65;
}
.woocommerce-account .woocommerce-Address em {
color: #777;
}
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper {
margin: 0 0 16px;
}
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
border: 1px solid #dfe9d8;
background: #f5fbf0;
padding: 10px 12px;
border-radius: 8px;
}
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button {
background: #b81218;
border: 1px solid #b81218;
color: #fff;
border-radius: 6px;
padding: 8px 14px;
cursor: pointer;
text-decoration: none;
transition:
background 0.2s,
border-color 0.2s;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
background: #8d002e;
border-color: #8d002e;
}
.site-content {
min-height: 500px;
}
@media (max-width: 900px) {
.contact-grid,
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
gap: 6px;
}
.home-products-grid {
justify-content: center;
}
.home-products-grid img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.home-products-grid .product-card {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 768px) {
.menu-item > a,
.submenu-col li a,
.submenu-right li a {
padding: 8px 12px;
}
.menu-item > a,
.site-footer,
.site-footer .footer-column a,
.site-footer .footer-column li {
font-size: 14px;
}
.submenu,
.submenu-right {
position: static;
box-shadow: none;
padding: 0;
}
.shop-container {
flex-direction: column;
}
.cart-drawer,
.shop-content,
.shop-sidebar {
width: 100%;
}
.product-page {
grid-template-columns: 1fr;
}
.home-main-title {
font-size: 28px;
margin: 20px 0 0;
}
.terms-hero h1 {
font-size: 26px;
}
.terms-text h2 {
font-size: 20px;
}
.product-card {
width: 100%;
max-width: 360px;
margin: 0 auto;
}
.product-card .product-thumb {
position: relative;
width: 100%;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.product-card .product-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.home-products-grid a.product-card__thumb {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}
.product-tabs-section .tabs,
.woocommerce table.shop_table,
.woocommerce-MyAccount-navigation ul {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.home-products-grid a.product-card__thumb img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
display: block;
}
.about-section h2 {
font-size: 20px;
line-height: 1.3;
}
.about-section h3 {
font-size: 16px;
line-height: 1.3;
}
.about-section p {
font-size: 14px;
line-height: 1.5;
}
.site-footer {
padding: 24px 16px;
}
.site-footer .footer-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
text-align: center;
align-items: start;
justify-items: center;
}
.site-footer .footer-column {
width: 100%;
max-width: 420px;
}
.site-footer .footer-column h4 {
font-size: 16px;
letter-spacing: 0.06em;
margin: 0 0 10px;
text-transform: uppercase;
}
.site-footer .footer-column ul {
list-style: none;
padding: 0;
margin: 0;
}
.site-footer .footer-column ul li {
margin: 8px 0;
line-height: 1.5;
}
.site-footer .footer-column a {
display: inline-block;
padding: 6px 4px;
text-decoration: none;
}
.site-footer .footer-column + .footer-column {
border-top: 1px solid rgb(255 255 255 / 0.15);
padding-top: 20px;
}
.site-footer .footer-container > :first-child {
margin-top: 0 !important;
}
.site-footer .footer-column:first-child,
.site-footer .footer-column:nth-child(2) {
grid-column: auto;
}
.site-footer .footer-column:nth-child(3) {
grid-column: 1/-1;
}
.single-product-main .product-page {
display: block;
gap: 0;
}
.single-product-main {
margin-top: 0;
}
.product-breadcrumbs {
font-size: 12px;
line-height: 1.4;
margin: 8px 0 12px;
overflow-wrap: anywhere;
}
.product-image-section {
margin: 0 -8px 12px;
padding: 0 8px;
}
.product-image-section img {
width: 100%;
height: auto;
display: block;
border-radius: 6px;
}
.product-info-section {
padding: 0 8px 16px;
}
.product-info-section .product_title,
.product-info-section h1 {
font-size: 20px;
line-height: 1.3;
margin: 10px 0 6px;
}
.product-info-section .price,
.product-info-section .price .amount {
font-size: 26px;
font-weight: 800;
line-height: 1.1;
margin: 8px 0 12px;
display: block;
}
.product-info-section form.cart {
display: grid;
grid-template-columns: 1fr;
row-gap: 10px;
align-items: center;
}
.product-info-section .quantity {
display: inline-flex;
align-items: center;
gap: 10px;
}
.cart-page .quantity input.qty,
.product-info-section .quantity input[type="number"] {
width: 64px;
height: 40px;
text-align: center;
font-size: 16px;
}
.cart-page .quantity .minus,
.cart-page .quantity .plus,
.cart-page .quantity button,
.product-info-section .quantity .qty-button,
.product-info-section .quantity button {
width: 40px;
height: 40px;
line-height: 40px;
}
.product-info-section .single_add_to_cart_button {
width: 100%;
height: 48px;
font-size: 15px;
font-weight: 700;
border-radius: 8px;
}
.product-info-section .product_meta {
font-size: 13px;
line-height: 1.5;
margin-top: 6px;
}
.product-tabs-section {
margin: 16px 0 24px;
padding: 0 8px;
}
.product-tabs-section .tabs {
display: flex;
gap: 8px;
scrollbar-width: thin;
margin-bottom: 10px;
}
.product-tabs-section .tabs li a {
padding: 10px 12px;
font-size: 14px;
white-space: nowrap;
display: inline-block;
}
.product-tabs-section .panel,
.woocommerce-MyAccount-content {
font-size: 14px;
line-height: 1.6;
}
.cart-page .shop_table {
display: block;
border: none;
}
#order_review .woocommerce-checkout-review-order-table thead,
.cart-page .product-thumbnail,
.cart-page .shop_table thead,
.shop-sidebar,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table
thead {
display: none;
}
#order_review .woocommerce-checkout-review-order-table tbody,
#order_review .woocommerce-checkout-review-order-table tfoot,
.cart-page .shop_table tbody,
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table
tbody {
display: block;
}
.cart-page .shop_table tr.cart_item {
display: block;
padding: 14px;
border-radius: 10px;
background: #f7f8fa;
margin: 12px 0;
}
.cart-page .shop_table td {
display: block;
border: none;
padding: 6px 0;
}
.cart-page .product-name {
display: grid;
grid-template-columns: 64px 1fr;
gap: 10px;
align-items: center;
}
.cart-page .product-name img {
width: 64px;
height: 64px;
object-fit: contain;
border-radius: 6px;
background: #fff;
}
.cart-page .product-name a {
font-weight: 600;
line-height: 1.3;
text-decoration: none;
}
.cart-page .product-name,
.cart-page .product-name a,
.cart-page .variation,
.cart-page .variation dt,
.cart-page .variation dd,
.cart-page .cart_totals th,
.cart-page .cart_totals td,
.cart-page .cart_totals .woocommerce-shipping-methods li,
.cart-page .cart_totals .woocommerce-shipping-methods label {
overflow-wrap: anywhere;
word-break: break-word;
}
.cart-page .product-price,
.cart-page .product-quantity,
.cart-page .product-subtotal {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 10px;
font-size: 15px;
}
.cart-page .product-price > :last-child,
.cart-page .product-quantity > :last-child,
.cart-page .product-subtotal > :last-child {
margin-left: auto;
text-align: right;
}
.cart-page .product-price::before {
content: "Cena";
}
.cart-page .product-quantity::before {
content: "Ilość";
}
.cart-page .product-subtotal::before {
content: "Kwota";
}
.cart-page .product-price::before,
.cart-page .product-quantity::before,
.cart-page .product-subtotal::before {
opacity: 0.7;
margin-right: 12px;
}
.cart-page .quantity {
display: inline-flex;
align-items: center;
gap: 8px;
flex-wrap: nowrap;
max-width: 100%;
}
.cart-page .cart_item {
position: relative;
}
.cart-page .product-remove {
position: absolute;
right: 12px;
top: 12px;
padding: 0;
}
.cart-page .product-remove a {
display: inline-block;
font-size: 20px;
}
.cart-page .actions {
display: grid;
gap: 10px;
padding: 0;
border: none;
}
.cart-page .actions .coupon {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.cart-page .actions .coupon label {
width: 100%;
}
.cart-page .actions .coupon input {
height: 48px;
width: 100%;
}
.cart-page .actions .button,
.cart-page .wc-proceed-to-checkout .checkout-button {
width: 100%;
height: 48px;
font-weight: 700;
border-radius: 8px;
}
.cart-page .actions .coupon .button,
.cart-page .actions .coupon .input-text,
.cart-page .actions > .button {
width: 100%;
display: block;
float: none;
margin: 0;
}
.cart-page .wc-proceed-to-checkout {
padding: 10px 0;
}
.cart-page .cart_totals .wc-proceed-to-checkout .button,
.cart-page .cart_totals .wc-proceed-to-checkout .checkout-button {
width: 100% !important;
display: block;
}
.cart-page-layout {
display: flex;
flex-direction: column;
gap: 12px;
}
.cart-products {
order: 1;
width: 100%;
}
.cart-collaterals {
order: 2;
width: 100%;
float: none;
display: block;
position: static;
margin: 8px 0 16px;
}
.cart_totals {
width: 100%;
max-width: none;
margin: 0;
padding: 16px;
border-radius: 10px;
box-sizing: border-box;
}
.cart-page {
overflow: visible;
}
.site-content .container {
margin: 24px auto !important;
padding: 0 12px !important;
}
.site-content .container h1 {
font-size: 24px;
line-height: 1.2;
margin: 0 0 12px;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
gap: 8px;
list-style: none;
margin: 8px 0 14px;
padding: 0;
scroll-snap-type: x mandatory;
white-space: nowrap;
}
.woocommerce-MyAccount-navigation li {
flex: 0 0 auto;
scroll-snap-align: start;
margin: 0;
}
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 10px 14px;
border: 1px solid #e6e6e6;
border-radius: 999px;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
.woocommerce-MyAccount-navigation .is-active a {
font-weight: 700;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
font-size: 18px;
line-height: 1.3;
margin: 10px 0;
}
.woocommerce table.shop_table {
display: block;
width: 100%;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
padding: 10px 8px;
font-size: 14px;
white-space: nowrap;
}
.woocommerce form .form-row {
width: 100%;
display: block;
margin: 0 0 12px;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
width: 100%;
float: none;
}
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea {
width: 100%;
height: 44px;
font-size: 16px;
}
.woocommerce form textarea {
height: auto;
min-height: 96px;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table {
display: block;
border: none;
width: 100%;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table
tr {
display: block;
background: #f7f8fa;
margin: 12px 0;
padding: 12px 14px;
border-radius: 10px;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table
td {
display: flex;
justify-content: space-between;
align-items: center;
border: none;
padding: 8px 0;
white-space: normal;
}
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-orders-table
td::before {
content: attr(data-title);
opacity: 0.7;
margin-right: 12px;
}
.woocommerce-orders-table__cell-order-number::before {
content: "Zamówienie";
}
.woocommerce-orders-table__cell-order-date::before {
content: "Data";
}
.woocommerce-orders-table__cell-order-status::before {
content: "Status";
}
.woocommerce-orders-table__cell-order-total::before {
content: "Razem";
}
.woocommerce-orders-table__cell-order-actions::before {
content: "Akcje";
}
.woocommerce-orders-table__cell-order-number a {
font-weight: 700;
text-decoration: none;
}
.category-menu-wrapper .submenu,
.category-menu-wrapper .submenu-right,
.topbar {
display: none !important;
}
.main-header .header-grid {
display: flex;
justify-content: center;
align-items: center;
}
.main-header .logo {
text-align: center;
}
.main-header .logo img {
display: block;
margin: 0 auto;
max-width: 80%;
height: auto;
}
.main-header .header-grid .header-icons {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding: 0 8px;
}
.main-header .header-grid .header-icons > * {
flex: 0 1 auto;
min-width: 0;
white-space: nowrap;
}
.cat-burger {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 8px;
background: #b81218;
color: #fff;
font-weight: 700;
line-height: 1;
cursor: pointer;
user-select: none;
box-shadow: 0 2px 8px rgb(0 0 0 / 0.08);
flex: 0 1 auto;
}
.cat-burger:hover {
background: #980033;
}
.cat-burger:active {
background: #82002b;
}
.cat-burger .burger-icon {
width: 20px;
height: 20px;
color: #fff;
}
.cat-burger-text {
font-size: 14px;
color: #fff;
}
.cat-toggle {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}
.category-menu-wrapper {
position: fixed;
inset: 0;
background: #fff;
transform: translateX(-100%);
transition: transform 0.3s;
z-index: 10000;
display: flex;
flex-direction: column;
}
.cat-toggle:checked ~ #category-drawer {
transform: translateX(0);
}
.category-menu-wrapper .category-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
background: #fff;
border-bottom: 1px solid #eee;
}
.category-menu-wrapper .category-header h2 {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #b81218;
letter-spacing: 0.3px;
}
.category-menu-wrapper .category-header .cat-close {
position: static !important;
font-size: 22px;
font-weight: 700;
color: #b81218;
cursor: pointer;
padding: 6px 10px;
border-radius: 50%;
line-height: 1;
transition:
background 0.2s,
color 0.2s;
}
.category-menu-wrapper .category-header .cat-close:hover {
background: #fce6ee;
color: #82002b;
}
.category-menu-scroll {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0 !important;
flex: 1;
}
.category-menu-wrapper .category-menu-scroll ul.category-nav {
display: block !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
grid-template-columns: none !important;
}
.category-menu-wrapper .category-menu-scroll ul.category-nav > li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: 0 0 !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
border-bottom: 1px solid #eee !important;
}
.category-menu-wrapper .category-menu-scroll ul.category-nav > li > a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 16px !important;
background: #fff !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
text-align: left !important;
color: #3a3a3a !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.category-menu-wrapper .category-menu-scroll ul.category-nav > li > a::after {
content: "\2192";
font-size: 18px;
line-height: 1;
color: #b81218;
margin-left: 12px;
flex: 0 0 auto;
}
.category-menu-wrapper .category-menu-scroll ul.category-nav > li > a:hover {
background: #fafafa !important;
color: #111 !important;
}
#order_review .woocommerce-checkout-review-order-table {
display: block;
width: 100%;
border: none;
min-width: 0;
}
#order_review .woocommerce-checkout-review-order-table tr {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 12px;
align-items: start;
padding: 10px 12px;
border-bottom: 1px solid #ececec;
}
#order_review .woocommerce-checkout-review-order-table tr:last-child {
border-bottom: 0;
}
#order_review .woocommerce-checkout-review-order-table td,
#order_review .woocommerce-checkout-review-order-table th {
padding: 0;
border: 0;
background: 0 0;
text-align: left;
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
#order_review
.woocommerce-checkout-review-order-table
.cart_item
.product-name {
grid-column: 1/2;
}
#order_review
.woocommerce-checkout-review-order-table
.cart_item
.product-total {
grid-column: 2/3;
text-align: right;
white-space: nowrap;
}
#order_review .woocommerce-checkout-review-order-table .cart-subtotal th,
#order_review .woocommerce-checkout-review-order-table .order-total th {
font-weight: 600;
}
#order_review .woocommerce-checkout-review-order-table .cart-subtotal td,
#order_review .woocommerce-checkout-review-order-table .order-total td {
text-align: right;
white-space: nowrap;
}
#order_review
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals {
grid-template-columns: 1fr;
row-gap: 6px;
}
#order_review
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals
th {
margin: 0 0 6px;
}
#order_review
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals
td {
grid-column: 1/-1;
text-align: left;
}
#order_review
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 6px;
}
#order_review .woocommerce-checkout-review-order-table .order-total {
background: 0 0 !important;
}
#order_review .woocommerce-checkout-review-order-table .order-total th {
font-weight: 800;
}
#order_review .woocommerce-checkout-review-order-table .order-total td {
text-align: right;
font-weight: 800;
white-space: nowrap;
}
.subcategory-inline-row {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.subcategory-inline-row .subcategory-inline-tile {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 14px 12px;
min-height: 92px;
border: 1px solid #e9e9e9;
border-radius: 10px;
background: #fff;
text-decoration: none;
}
.subcategory-inline-row .subcategory-inline-tile h3 {
margin: 0 0 6px;
font-size: 16px;
line-height: 1.2;
}
.subcategory-inline-row .subcategory-inline-tile span {
margin: 0;
font-size: 12px;
color: #666;
}
.shop-sorting {
justify-content: center;
}
.product-grid .product-row {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 12px;
border: 1px solid #eee;
border-radius: 8px;
margin-bottom: 16px;
background: #fff;
}
.product-grid .product-left img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 8px;
}
.product-grid .product-middle {
text-align: left;
}
.product-grid .product-right {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
}
.product-grid .product-price {
font-size: 18px;
font-weight: 600;
}
.product-grid .product-right .button {
width: 100%;
text-align: center;
}
.shop-main {
padding: 0 !important;
}
}
#reviews .woocommerce-review__author,
.prod-brand__name,
.prod-rating__add {
font-weight: 600;
}
.buybox,
.extra-grid .product,
.prod-gallery__stage {
box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}
@media (max-width: 360px) {
.cat-burger,
.header-icons .cart-toggle {
padding: 6px 10px;
}
.cat-burger .burger-icon {
width: 18px;
height: 18px;
}
.cat-burger-text,
.header-icons > a {
font-size: 13px;
}
}
@media (min-width: 700px) {
.cat-burger,
.cat-toggle,
.category-header {
display: none !important;
}
}
@media (max-width: 700px) {
.category-header {
display: flex;
align-items: center;
}
.cat-burger,
.cat-toggle {
display: inline-flex;
align-items: center;
}
}
.product-content-wrapper {
padding: 12px 0 24px;
}
.product-breadcrumbs {
margin-bottom: 12px;
}
.product-page.grid-2cols {
display: grid;
grid-template-columns: minmax(300px, 1fr) minmax(420px, 1.2fr);
gap: 24px;
align-items: start;
}
.product-title {
margin: 0 0 6px;
font-size: 28px;
line-height: 1.25;
}
.prod-meta-under-title {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0.25rem 0 0.75rem;
}
.prod-brand__logo {
max-height: 48px;
width: auto;
display: block;
}
.prod-meta__rating-row {
width: 100%;
}
.prod-rating {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.prod-rating__label {
font-weight: 600;
color: #333;
}
.prod-rating__stars .star-rating {
margin: 0;
transform: translateY(1px);
}
.prod-rating__right {
margin-left: auto;
display: flex;
gap: 8px;
align-items: center;
font-size: 0.95rem;
}
.prod-rating__count {
opacity: 0.9;
text-decoration: none;
}
.extra-products .extra-title-link:hover,
.prod-rating__add,
.prod-rating__count:hover {
text-decoration: underline;
}
.prod-rating__no {
opacity: 0.7;
}
.buybox {
border: 1px solid #eee;
background: #fff;
border-radius: 8px;
padding: 16px;
margin: 10px 0 16px;
}
.buybox__price .price {
font-size: 28px;
font-weight: 800;
display: block;
margin-bottom: 12px;
}
.buybox .cart {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.buybox .meta-row {
font-size: 0.95rem;
opacity: 0.9;
}
.product-meta-blocks {
border-top: 1px solid #eee;
margin-top: 12px;
padding-top: 12px;
display: grid;
gap: 10px;
}
.meta-row {
display: flex;
gap: 6px;
align-items: baseline;
}
.meta-label {
color: #666;
min-width: 160px;
}
.meta-value {
color: #111;
}
.availability-row {
display: flex;
align-items: center;
gap: 10px;
padding: 12px;
border: 1px solid #e6f5ea;
background: #f3fbf6;
border-radius: 8px;
}
.availability-row .availability-icon {
width: 20px;
height: 20px;
border-radius: 50%;
background: #28a745;
display: inline-block;
position: relative;
}
.availability-row .availability-icon:after {
content: "";
position: absolute;
inset: 5px 6px 7px 6px;
border: 2px solid #fff;
border-top-color: #fff0;
border-left-color: #fff0;
transform: rotate(45deg);
}
.availability-row.is-unavailable {
background: #fff6f6;
border-color: #fde2e2;
}
.availability-row.is-unavailable .availability-icon {
background: #d33;
}
.availability-row.is-unavailable .availability-icon:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 2px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
}
.availability-row.is-unavailable .availability-icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 2px;
background: #fff;
transform: translate(-50%, -50%) rotate(-45deg);
}
.prod-gallery__stage {
position: relative;
aspect-ratio: 1/1;
max-height: 560px;
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.prod-gallery__img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.prod-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
background: rgb(255 255 255 / 0.85);
border: 1px solid rgb(0 0 0 / 0.1);
font-size: 22px;
line-height: 1;
cursor: pointer;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.15);
}
.prod-gallery__nav--prev {
left: 8px;
}
.prod-gallery__nav--next {
right: 8px;
}
.extra-products .onsale,
.img-lightbox[hidden],
.prod-gallery__nav.is-hidden {
display: none;
}
.prod-gallery__thumbs {
display: flex;
gap: 10px;
margin-top: 10px;
overflow: auto;
padding-bottom: 2px;
scrollbar-width: thin;
}
.prod-thumb__btn {
border: 0;
background: 0 0;
padding: 0;
cursor: pointer;
line-height: 0;
border-radius: 8px;
}
.prod-gallery__thumbs img {
width: 80px;
height: 80px;
object-fit: cover;
display: block;
border-radius: 8px;
border: 2px solid #fff0;
}
.prod-gallery__thumbs img.is-active {
border-color: #cc0a3b;
box-shadow: 0 0 0 2px rgb(204 10 59 / 0.15);
}
.product-tabs-section .woocommerce-tabs {
margin-top: 18px;
}
.buybox .cart {
--ctrl-h: 46px;
align-items: stretch;
}
.buybox .quantity input.qty {
width: 70px;
text-align: center;
height: var(--ctrl-h);
padding: 0 12px;
border-radius: 8px;
}
.buybox .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
height: var(--ctrl-h);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border-radius: 8px;
}
.img-lightbox {
position: fixed;
background: rgb(0 0 0 / 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
cursor: zoom-out;
}
.img-lightbox img {
max-width: 95vw;
max-height: 95vh;
user-select: none;
cursor: grab;
transition: transform 60ms linear;
}
.img-lightbox img:active {
cursor: grabbing;
}
.prod-rating__summary {
margin-left: 8px;
font-size: 0.95rem;
opacity: 0.9;
white-space: nowrap;
}
@media (max-width: 480px) {
.prod-gallery__thumbs img {
width: 60px;
height: 60px;
}
.prod-rating__summary {
white-space: normal;
}
}
#reviews .woocommerce-Reviews-title {
margin: 0 0 16px;
font-size: 22px;
line-height: 1.25;
}
#reviews ol.commentlist {
list-style: none;
margin: 16px 0 20px;
padding: 0;
}
#reviews ol.commentlist > li {
border-bottom: 1px solid #eee;
padding: 16px 0;
}
#reviews .woocommerce-review__published-date {
color: #666;
font-size: 0.95rem;
margin-left: 6px;
}
.star-rating.star-rating--custom {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1;
letter-spacing: 2px;
margin: 4px 0 6px;
}
.star-rating.star-rating--custom::before {
content: "★★★★★";
font-size: 28px;
color: #d7d7d7;
}
.star-rating.star-rating--custom > span {
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
.star-rating.star-rating--custom > span::before {
content: "★★★★★";
font-size: 28px;
color: #f5b301;
position: absolute;
left: 0;
top: 0;
}
#review_form .stars a {
text-indent: -9999px;
}
.acc__payu-banner {
margin-top: 10px;
text-align: center;
}
.acc__payu-banner img {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
transition: transform 0.25s ease;
}
.acc__payu-banner img:hover {
transform: scale(1.02);
}
#review_form .stars a::before {
content: "★";
text-indent: 0;
content: "★";
position: absolute;
text-indent: 0;
content: "★";
font-size: 28px;
line-height: 1;
color: #d7d7d7;
transition: color 0.12s linear;
}
#review_form .stars:hover a::before {
color: #d7d7d7;
}
#review_form textarea#comment {
width: 100%;
min-height: 120px;
}
#review_form .form-submit .submit {
margin-top: 10px;
background: #cc0a3b;
color: #fff;
border: 0;
border-radius: 8px;
padding: 10px 16px;
cursor: pointer;
transition:
background 0.15s,
transform 20ms;
}
#reviews .comment_container .comment-text {
margin: 0 !important;
}
#review_form .stars {
position: relative;
display: inline-flex;
gap: 6px;
}
#review_form .form-submit .submit:hover {
background: #b81218;
}
#review_form .form-submit .submit:active {
transform: translateY(1px);
}
#review_form .comment-form-rating {
display: flex;
align-items: center;
gap: 12px;
margin: 8px 0 10px;
}
#review_form .stars {
display: inline-flex;
gap: 8px;
line-height: 1;
font-size: 0;
}
#review_form .stars a {
display: inline-block;
font-size: 0 !important;
line-height: 0;
text-indent: -9999px;
position: relative;
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
color: #fff0;
overflow: hidden;
}
#review_form .stars a.active::before,
#review_form .stars a.selected::before,
#review_form .stars a:hover::before {
color: #f5b301;
}
.availability-banner {
margin-top: 6px;
}
.availability-banner img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
}
.single-product form.cart {
--ctrl-h: 46px;
display: flex;
align-items: stretch;
gap: 10px;
}
.single-product form.cart .quantity {
display: inline-flex;
align-items: center;
height: var(--ctrl-h);
border-radius: 8px;
overflow: hidden;
}
.single-product form.cart .quantity input.qty {
height: var(--ctrl-h);
padding: 0 12px;
}
.single-product .buybox .cart .quantity .minus,
.single-product .buybox .cart .quantity .plus,
.single-product form.cart .quantity .minus,
.single-product form.cart .quantity .plus {
height: var(--ctrl-h);
line-height: var(--ctrl-h);
}
.single-product .buybox .cart {
--ctrl-h: 46px;
display: flex;
align-items: center;
gap: 10px;
}
.single-product .buybox .cart .quantity,
.single-product .buybox .cart .single_add_to_cart_button {
height: var(--ctrl-h);
display: inline-flex;
align-items: center;
border-radius: 20px;
vertical-align: middle;
}
.single-product .buybox .cart .quantity {
overflow: hidden;
}
.single-product .buybox .cart .quantity input.qty {
height: var(--ctrl-h);
line-height: var(--ctrl-h);
padding: 0 12px;
font-size: 16px;
}
.single-product .buybox .cart .single_add_to_cart_button {
justify-content: center;
padding: 0 18px;
}
.single-product .buybox .cart input.qty::-webkit-inner-spin-button,
.single-product .buybox .cart input.qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.extra-products + .extra-products {
margin-top: 20px;
}
.extra-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}
.extra-products {
margin-top: 28px;
}
.extra-products .extra-title-link {
color: inherit;
color: inherit;
text-decoration: none;
}
.extra-slider__viewport {
overflow: hidden;
}
.extra-slider__track {
display: flex;
gap: 16px;
will-change: transform;
transition: transform 0.35s;
padding: 2px 0;
}
.extra-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 999px;
border: 1px solid rgb(0 0 0 / 0.1);
background: #fff;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.12);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.extra-nav.prev {
left: -6px;
}
.extra-nav.next {
right: -6px;
}
.extra-nav[disabled],
.extra-products .extra-nav[disabled] {
opacity: 0.4;
cursor: default;
}
.extra-grid .product {
flex: 0 0 calc(25% - 12px);
max-width: calc(25% - 12px);
}
.extra-grid .product a img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
border-radius: 8px;
background: #fff;
display: block;
}
.extra-grid .woocommerce-loop-product__title {
font-size: 16px;
line-height: 1.35;
height: auto;
margin: 8px 0 6px;
}
.extra-grid .product {
border: 1px solid #eee;
border-radius: 10px;
padding: 10px;
background: #fff;
}
.extra-grid .button {
border-radius: 8px;
}
.extra-products .extra-slider__track.products {
display: flex !important;
flex-wrap: nowrap !important;
gap: 16px;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.extra-products .extra-slider__track.products li.product {
float: none !important;
margin: 0 !important;
width: auto !important;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.extra-products .woocommerce-LoopProduct-link {
display: block;
text-align: left;
}
.extra-products .woocommerce-LoopProduct-link img,
.extra-products li.product .product-left a,
.extra-products li.product .product-left img {
display: block;
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
border-radius: 8px;
background: #fff;
}
.extra-products .woocommerce-loop-product__title {
font-size: 16px !important;
line-height: 1.35;
font-weight: 700;
margin: 8px 0 6px;
height: auto;
}
.extra-products .price {
position: static !important;
font-size: 16px;
font-weight: 700;
margin-top: auto;
}
.extra-products .button {
position: static !important;
width: 100%;
margin-top: 8px;
border-radius: 8px;
}
.extra-products .extra-nav {
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.extra-products .extra-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 12px;
}
.extra-products .extra-title {
font-size: 22px !important;
font-weight: 700;
margin: 0;
}
.extra-products .extra-slider__track.products li.product {
display: flex !important;
flex-direction: column !important;
border: 1px solid #eee;
border-radius: 10px;
padding: 10px;
background: #fff;
box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
box-sizing: border-box;
}
.extra-products li.product .product-left {
margin: 0 0 8px;
}
.extra-products li.product .product-middle .product-title,
.extra-products li.product .product-middle .product-title a {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
margin: 8px 0 6px !important;
text-decoration: none !important;
color: inherit !important;
}
.extra-products li.product .price,
.extra-products li.product .product-price {
position: static !important;
font-size: 16px !important;
font-weight: 700 !important;
margin-top: auto !important;
}
.extra-products .extra-slider {
position: relative;
padding: 0 28px;
}
.extra-products .extra-nav {
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 999px;
border: 1px solid rgb(0 0 0 / 0.1);
background: #fff;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.12);
z-index: 3;
}
.extra-products .extra-nav.prev {
left: -20px;
}
.extra-products .extra-nav.next {
right: -20px;
}
@media (max-width: 992px) {
.product-page.grid-2cols {
grid-template-columns: 1fr;
}
.extra-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.extra-grid .product {
flex-basis: calc(50% - 8px);
max-width: calc(50% - 8px);
}
.extra-products .extra-slider {
padding: 0 22px;
}
.extra-products .extra-nav.prev {
left: -16px;
}
.extra-products .extra-nav.next {
right: -16px;
}
}
@media (max-width: 520px) {
.extra-grid {
grid-template-columns: 1fr;
}
.extra-grid .product {
flex-basis: 100%;
max-width: 100%;
}
.extra-products .extra-slider {
padding: 0 18px;
}
.extra-products .extra-nav.prev {
left: -12px;
}
.extra-products .extra-nav.next {
right: -12px;
}
}
.dg-toast {
position: fixed;
left: 50%;
top: 20px;
transform: translate(-50%, -10px);
background: #111;
color: #fff;
padding: 10px 14px;
border-radius: 10px;
font-weight: 600;
opacity: 0;
transition: 0.25s ease;
z-index: 999999;
}
.dg-toast.in {
opacity: 1;
transform: translate(-50%, 0);
}
.extra-products li.product .add_to_cart_button,
.extra-products li.product .button {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 70%;
margin: 10px auto 12px !important;
border-radius: 8px !important;
}
form.cart .quantity .minus,
form.cart .quantity .plus {
width: var(--cart-h);
height: 100% !important;
display: flex;
align-items: center;
justify-content: center;
}
form.cart .single_add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
height: var(--cart-h);
white-space: nowrap;
margin: 0;
flex: 1 1 auto;
}
@media (max-width: 768px) {
.prod-brand__logo {
max-height: 40px;
}
form.cart {
display: flex;
align-items: stretch;
gap: 12px;
}
form.cart .quantity {
display: flex;
align-items: center;
height: var(--q-h);
border: 1px solid #ccc;
border-radius: 10px;
overflow: visible;
flex: 0 0 auto;
min-width: max-content;
min-width: calc(var(--q-h) * 2 + 64px);
}
}
[hidden] {
display: none !important;
}
.sc-toggle {
position: fixed;
right: 20px;
bottom: 20px;
width: 48px;
height: 48px;
border: 0;
border-radius: 50%;
background: #b81218;
color: #fff;
cursor: pointer;
box-shadow: 0 6px 18px rgb(0 0 0 / 0.2);
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 10000;
}
.sc-toggle:hover {
background: #b81218;
}
.shop-toolbar {
display: flex;
gap: 12px;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.filters-toggle {
border: 1px solid #ddd;
background: #b81218;
cursor: pointer;
border-radius: 6px;
color: #fff;
padding-top: 14px;
padding-bottom: 14px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
vertical-align: middle;
}
.filters-toggle:hover {
background: #f5f5f5;
color: #000;
}
.filters-offcanvas {
position: fixed;
inset: 0;
display: none;
z-index: 10000;
}
.filters-offcanvas.is-open {
display: block;
}
.filters-offcanvas__overlay {
position: absolute;
inset: 0;
background: rgb(0 0 0 / 0.45);
}
.filters-offcanvas__panel {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: none;
background: #fff;
box-shadow: -8px 0 24px rgb(0 0 0 / 0.2);
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform 0.25s ease;
}
@media (min-width: 992px) {
.filters-offcanvas__panel {
width: 30vw;
max-width: 520px;
}
}
.filters-offcanvas.is-open .filters-offcanvas__panel {
transform: translateX(0);
}
.filters-offcanvas__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 16px 14px;
border-bottom: 1px solid #eee;
}
.filters-close {
background: none;
border: 0;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.filters-offcanvas__content {
padding: 16px;
overflow: auto;
height: 100%;
}
.shop-container {
display: grid;
grid-template-columns: 280px 1fr;
gap: 24px;
align-items: start;
}
.shop-content {
width: 100%;
max-width: 1100px;
justify-self: center;
}
.shop-toolbar .woocommerce-ordering {
display: flex;
align-items: center;
margin: 0 !important;
padding: 0;
}
.shop-toolbar .woocommerce-ordering select {
height: 40px;
line-height: 40px;
padding: 0 14px;
margin: 0;
box-sizing: border-box;
}
.shop-toolbar > * {
align-self: center;
}
@media (max-width: 992px) {
.shop-container {
grid-template-columns: 1fr;
}
.shop-sidebar {
display: none;
}
.shop-content {
max-width: none;
justify-self: stretch;
}
}
.categories-section {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
}
.categories-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 25px;
justify-items: center;
}
.category-item {
background: #fff;
border-radius: 12px;
padding: 15px;
box-shadow: 0 0 0 2px #f2f2f2;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
}
.category-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 14px rgb(0 0 0 / 0.1);
}
.category-item img {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 8px;
display: block;
margin-bottom: 10px;
}
.category-item p {
font-size: 15px;
font-weight: 500;
color: #111;
margin: 0;
}
@media (max-width: 768px) {
.categories-title {
font-size: 24px;
}
.category-item img {
height: 160px;
}
.category-item p {
font-size: 14px;
}
}
.rooms-section {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
}
.rooms-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
.rooms-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
justify-items: center;
}
.room-item {
text-decoration: none;
color: #000;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
background: #fff;
}
.room-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 14px rgb(0 0 0 / 0.1);
}
.room-item img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
border-radius: 12px 12px 0 0;
}
.room-item p {
font-size: 15px;
font-weight: 500;
padding: 10px 0 15px;
color: #111;
background-color: #fff;
border-radius: 0 0 12px 12px;
margin: 0;
}
@media (max-width: 900px) {
.rooms-title {
font-size: 24px;
}
.room-item img {
height: 240px;
}
.room-item p {
font-size: 14px;
}
}
.products-strip {
margin: 32px 0;
}
.home-section__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.home-section__title {
font-size: 20px;
font-weight: 700;
margin: 0;
}
.home-section__more {
font-size: 14px;
text-decoration: none;
}
.products-strip {
margin: 32px 0;
}
.home-section__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.home-section__title {
font-size: 20px;
font-weight: 700;
margin: 0;
}
.home-section__more {
font-size: 14px;
text-decoration: none;
}
.strip__wrap {
position: relative;
}
.strip {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(270px, 310px);
gap: 18px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding: 6px 40px;
}
.strip::-webkit-scrollbar {
height: 8px;
}
.strip::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 8px;
}
.strip__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 60px;
border: 0;
border-radius: 8px;
background: #f4f4f4;
cursor: pointer;
font-size: 22px;
line-height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
z-index: 10;
}
.strip__nav--prev {
left: 0;
}
.strip__nav--next {
right: 0;
}
.p-card {
background: #fff;
border: 1px solid #eee;
border-radius: 10px;
padding: 12px;
scroll-snap-align: start;
display: flex;
flex-direction: column;
}
.p-card__thumb {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: #fafafa;
border-radius: 8px;
overflow: hidden;
height: 240px;
}
.p-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.p-badges {
position: absolute;
left: 8px;
top: 8px;
display: flex;
flex-direction: column;
gap: 6px;
z-index: 3;
}
.p-badge {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 11px;
line-height: 1;
padding: 6px 10px;
border-radius: 999px;
user-select: none;
box-shadow: 0 1px 2px rgb(0 0 0 / 0.15);
}
.p-badge--white {
background: #fff;
color: #d72b2b;
border: 1px solid #ffd1d1;
}
.p-badge--white::before {
content: "● ";
}
.p-badge--pill {
color: #fff;
border: 1px solid #fff0;
}
.p-badge--red {
background: #b81218;
}
.p-badge--dark {
background: #1f2326;
}
.p-card__meta {
margin: 8px 0 6px;
min-height: 52px;
display: flex;
flex-direction: column;
}
.p-card__title {
font-weight: 700;
line-height: 1.25;
margin: 0 0 3px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.p-card__title a {
color: #111;
text-decoration: none;
}
.p-card__subtitle {
font-size: 12px;
color: #666;
margin: 0 0 4px;
}
.p-card__onlyus {
color: #d72b2b;
font-weight: 700;
}
.p-card__price {
margin-top: auto;
display: flex;
align-items: baseline;
gap: 8px;
}
.p-now {
color: #d72b2b;
font-weight: 800;
font-size: 18px;
}
.p-old {
color: #9b9b9b;
text-decoration: line-through;
font-size: 12px;
}
@media (min-width: 1400px) {
.strip {
grid-auto-columns: minmax(285px, 330px);
}
.p-card__thumb {
height: 235px;
}
}
.topbar,
.main-header {
position: relative;
z-index: 900;
}
.mega-nav {
position: relative;
z-index: 800;
display: flex;
justify-content: center;
}
.mega-nav__root {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 18px;
}
.mega-item {
position: static;
}
.mega-item__link {
min-width: max-content;
align-items: center;
gap: 8px;
white-space: nowrap;
text-decoration: none;
color: inherit;
font-weight: 600;
}
.mega-item__link:hover {
color: #b81218;
}
.mega-item__caret {
font-size: 11px;
opacity: 0.6;
}
.mega-ico {
display: inline-flex;
align-items: center;
justify-content: center;
}
.mega-ico svg {
width: 18px;
height: 18px;
display: block;
opacity: 0.9;
}
.mega-overlay {
position: fixed;
inset: var(--mega-overlay-top, 0) 0 0 0;
background: rgb(0 0 0 / 0.45);
opacity: 0;
pointer-events: none;
transition: opacity 0.22s ease;
z-index: 650;
}
body.mega-open .mega-overlay {
opacity: 1;
pointer-events: auto;
}
.mega-panel {
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
max-width: none;
transform: none;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 12px;
box-shadow: 0 16px 40px rgb(0 0 0 / 0.12);
padding: 15px 20px;
opacity: 0;
visibility: hidden;
transition:
transform 0.24s ease,
opacity 0.24s ease,
visibility 0s linear 0.24s;
z-index: 700;
pointer-events: none;
}
.mega-item.is-open > .mega-panel {
opacity: 1;
visibility: visible;
transform: none;
transition:
transform 0.24s ease,
opacity 0.24s ease,
visibility 0s;
pointer-events: auto;
}
.mega-panel__cols {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 80px;
max-width: 1100px;
margin: 0 auto;
}
.mega-panel__left {
flex: 1 1 70%;
width: 100%;
max-width: 100%;
text-align: left;
padding-top: 30px;
}
.mega-panel__left ul {
list-style: none;
margin: 0;
padding: 0;
}
.mega-panel__left a {
color: #222;
text-decoration: none;
font-size: 15px;
line-height: 1.8;
}
.mega-panel__left a:hover {
color: #b31b1b;
}
.mega-panel__right {
flex: 0 0 35%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
}
.mega-panel__right img {
max-width: 100%;
height: auto;
border-radius: 8px;
background: #fafafa;
}
.mega-panel__right .product-title {
margin-top: 14px;
font-size: 16px;
font-weight: 500;
color: #222;
}
.mega-panel__right .product-price {
font-weight: 700;
font-size: 28px;
color: #b31b1b;
margin-top: 6px;
}
.mega-panel__right .product-oldprice {
text-decoration: line-through;
color: #999;
font-size: 15px;
margin-left: 6px;
}
.mega-panel .mm-thumb {
flex: 0 0 140px !important;
max-width: 140px !important;
height: 120px !important;
overflow: hidden !important;
border-radius: 8px !important;
background: #fafafa !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.mega-panel .mm-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
.mega-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 120px;
row-gap: 10px;
list-style: none;
margin: 0;
padding: 0;
justify-content: start;
width: 100%;
max-width: 100%;
}
.mega-list li {
margin-bottom: 4px;
break-inside: avoid;
display: inline-block;
width: 100%;
}
.mega-list a {
display: inline-block;
text-decoration: none;
color: #222;
font-size: 17px;
line-height: 1.8;
white-space: nowrap;
transition: color 0.2s ease;
}
.mega-list a:hover {
color: #a0002a;
}
.mega-list a:hover {
color: #a0002a;
}
.mm-prod {
display: block;
text-decoration: none;
color: inherit;
text-align: center;
}
.mm-thumb {
max-width: 100%;
height: 260px;
margin: 0 auto 12px;
border-radius: 12px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.mm-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.mm-meta {
padding: 6px 8px;
}
.mm-title {
font-weight: 700;
margin-bottom: 6px;
}
.mm-subtitle {
color: #666;
font-size: 14px;
margin-bottom: 10px;
}
.mm-price {
display: flex;
gap: 12px;
align-items: baseline;
justify-content: center;
}
.mm-price-now {
color: #b3122a;
font-weight: 800;
font-size: 28px;
}
.mm-price-old {
color: #9b9b9b;
text-decoration: line-through;
font-size: 16px;
}
@media (max-width: 1400px) {
.mega-panel__left {
padding-left: 8%;
padding-right: 8%;
}
}
@media (max-width: 1200px) {
.mega-panel__cols {
flex-direction: row;
gap: 40px;
}
.mega-list {
grid-template-columns: repeat(2, 1fr);
}
.mm-thumb {
height: 230px;
}
}
@media (max-width: 1024px) {
.mega-list {
grid-template-columns: 1fr;
}
.mm-thumb {
height: 210px;
}
}
body.mega-open {
overflow: hidden;
touch-action: none;
}
.rating-stars {
--size: 18px;
--gap: 3px;
position: relative;
display: inline-block;
width: calc(var(--size) * 5 + var(--gap) * 4);
height: var(--size);
line-height: 1;
vertical-align: middle;
font-size: 0;
}
.rating-stars::before {
content: "★★★★★";
font-size: var(--size);
letter-spacing: var(--gap);
color: #d7dbe0;
}
.rating-stars::after {
content: "★★★★★";
font-size: var(--size);
letter-spacing: var(--gap);
color: #ffb900;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc((var(--r) / 5) * 100%);
overflow: hidden;
}
.prod-rating-wrapper {
margin-bottom: 8px;
}
.prod-rating-stars {
display: flex;
align-items: center;
gap: 6px;
text-decoration: none;
}
.prod-rating-count {
font-size: 14px;
color: #666;
}
#ajax-search-results {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 90vw;
max-width: 1400px;
background: #fff;
box-shadow: 0 4px 20px rgb(0 0 0 / 0.15);
z-index: 9999;
padding: 1.5rem 2rem;
box-sizing: border-box;
border-radius: 8px;
max-height: 75vh;
overflow-y: auto;
}
#ajax-search-results .search-grid {
display: grid;
grid-template-columns: 250px 320px 1fr;
gap: 2rem;
align-items: start;
}
#ajax-search-results h4 {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 0.6rem;
color: #333;
}
#ajax-search-results .left .queries,
#ajax-search-results .left .categories {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
#ajax-search-results .query-btn {
background: #b00;
color: #fff;
border: none;
border-radius: 3px;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
cursor: pointer;
text-align: left;
transition: background 0.2s;
border-radius: 20px;
}
#ajax-search-results .query-btn:hover {
background: #900;
}
#ajax-search-results .categories a {
color: #333;
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s;
}
#ajax-search-results .categories a:hover {
color: #b00;
}
#ajax-search-results .featured {
text-align: center;
}
#ajax-search-results .featured img {
max-width: 100%;
height: auto;
border-radius: 4px;
margin-bottom: 0.6rem;
}
#ajax-search-results .featured .title {
font-size: 0.9rem;
margin-bottom: 0.3rem;
}
#ajax-search-results .featured .price {
font-weight: 700;
font-size: 1rem;
}
#ajax-search-results .right {
display: flex;
flex-direction: column;
}
#ajax-search-results .products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
#ajax-search-results .products .item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
border: 1px solid #eee;
border-radius: 4px;
padding: 0.6rem;
transition: box-shadow 0.2s;
}
#ajax-search-results .products .item:hover {
box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
}
#ajax-search-results .products .item img {
width: 100%;
height: auto;
object-fit: contain;
margin-bottom: 0.4rem;
}
#ajax-search-results .products .title {
font-size: 0.85rem;
text-align: center;
margin-bottom: 0.3rem;
}
#ajax-search-results .products .price {
font-weight: 700;
font-size: 0.9rem;
color: #000;
}
#ajax-search-results .all-btn {
background: #b00;
color: #fff;
border: none;
border-radius: 20px;
font-weight: 700;
padding: 0.8rem;
margin-top: 1.2rem;
cursor: pointer;
transition: background 0.2s;
}
#ajax-search-results .all-btn:hover {
background: #900;
}
@media (max-width: 1024px) {
#ajax-search-results {
width: 95vw;
padding: 1rem;
}
#ajax-search-results .search-grid {
grid-template-columns: 200px 260px 1fr;
gap: 1rem;
}
}
@media (max-width: 768px) {
#ajax-search-results {
width: 100vw;
left: 0;
transform: none;
border-radius: 0;
}
#ajax-search-results .search-grid {
grid-template-columns: 1fr;
}
}
.woocommerce-variation-price {
font-size: 40px;
}
.ship-est {
margin-top: 8px;
}
.ship-est > div {
margin: 4px 0;
}
.ship-note {
font-size: 12px;
color: #666;
}
.mega-ico img {
width: 28px !important;
height: auto !important;
display: inline-block;
vertical-align: middle;
}
.dg-arch__desc {
max-width: 980px;
margin: 0 auto 16px;
text-align: center;
color: #333;
}
.dg-desc__more[hidden] {
display: none !important;
}
.dg-desc__toggle {
margin-top: 10px;
background: none;
border: none;
color: #d32f2f;
font-weight: 600;
cursor: pointer;
text-decoration: underline;
}
.cpbs-range {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 4px;
}
.cpbs-range input[type="number"] {
width: 80px;
height: 30px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 8px;
text-align: center;
transition: all 0.2s ease;
}
.cpbs-range input[type="number"]:focus {
border-color: #a0002a;
box-shadow: 0 0 6px rgb(160 0 42 / 0.3);
outline: none;
}
.mobile-cats,
.mobile-cats__overlay {
display: none;
}
.cat-burger {
display: none;
}
@media (max-width: 767px) {
.mega-nav {
display: none !important;
}
.cat-burger {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.mobile-cats__overlay {
position: fixed;
inset: 0;
background: rgb(0 0 0 / 0.35);
z-index: 9998;
}
.mobile-cats {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: min(92%, 420px);
background: #fff;
z-index: 9999;
transform: translateX(-105%);
transition: transform 0.25s ease;
display: flex;
flex-direction: column;
box-shadow: 12px 0 28px rgb(0 0 0 / 0.18);
}
.mobile-cats__head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
border-bottom: 1px solid #eee;
font-size: 1.05rem;
}
.mobile-cats__close {
cursor: pointer;
font-size: 1.25rem;
line-height: 1;
}
.mobile-cats__list {
margin: 0;
padding: 8px 0 80px;
list-style: none;
overflow: auto;
}
.mobile-cats__item {
border-bottom: 1px solid #f1f1f1;
}
.mobile-cats__link {
display: block;
padding: 14px 16px;
text-decoration: none;
color: #111;
font-weight: 600;
}
.mobile-cats__sublist {
list-style: none;
margin: 0 0 8px;
padding: 0 0 8px 16px;
}
.mobile-cats__sublist a {
display: block;
padding: 8px 16px 8px 8px;
color: #333;
text-decoration: none;
font-weight: 500;
}
#cat-toggle:checked ~ .mobile-cats {
transform: translateX(0);
}
#cat-toggle:checked ~ .mobile-cats__overlay {
display: block;
}
}
@media (min-width: 768px) {
.mega-nav__root {
max-width: var(--container, 1200px);
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
padding-bottom: 10px;
padding-top: 5px;
}
.mega-nav {
display: block !important;
}
.mobile-cats,
.mobile-cats__overlay {
display: none !important;
}
body.lock {
overflow: visible !important;
touch-action: auto !important;
}
}
@media (max-width: 767px) {
.mobile-cats__link {
display: flex;
align-items: center;
gap: 12px;
white-space: nowrap;
padding: 14px 16px;
line-height: 1.2;
}
.mobile-cats__ico {
width: 28px;
height: 28px;
object-fit: contain;
flex: 0 0 28px;
display: block;
}
.mobile-cats__item {
border-bottom: 1px solid #f1f1f1;
}
.mobile-cats__item > .mobile-cats__link {
font-weight: 700;
padding-top: 16px;
padding-bottom: 10px;
}
.mobile-cats__sublist {
list-style: none;
margin: 0 0 8px;
padding: 0 0 8px 56px;
}
.mobile-cats__sublist a {
display: block;
padding: 8px 16px 8px 0;
color: #333;
text-decoration: none;
font-weight: 500;
white-space: normal;
}
}
@media (max-width: 767px) {
.categories-section .categories-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.categories-section .category-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 10px;
border-radius: 14px;
background: #f7f7f9;
}
.categories-section .category-item img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 12px;
display: block;
}
.categories-section .category-item p {
margin: 8px 0 0;
font-size: 14px;
line-height: 1.3;
}
}
@media (max-width: 767px) {
.desktop-only {
display: none;
}
.main-header .container.header-grid {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: 10px;
padding: 8px 10px;
}
.main-header .logo {
display: flex;
align-items: center;
justify-content: center;
}
.main-header .logo img {
max-width: 90px;
height: auto;
display: block;
padding-left: 10px;
}
.header-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 1 auto;
}
.header-icons a,
.header-icons button,
.cat-burger,
.mobile-search__icon {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
text-decoration: none;
font-size: 14px;
color: #000;
line-height: 1;
padding: 6px 8px;
}
.cat-burger {
background: #b81218;
color: #fff;
border-radius: 6px;
padding: 8px 10px;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
white-space: nowrap;
}
.cat-burger svg {
stroke: #fff;
}
.cart-toggle {
position: relative;
background: #f6f6f6;
border-radius: 6px;
padding: 8px 12px;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.cart-icon {
font-size: 18px;
line-height: 1;
}
.cart-count {
position: absolute;
top: 0;
right: 0;
transform: translate(40%, -40%);
background: #fff;
color: #b81218;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
padding: 0 5px;
min-width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
}
.mobile-search__icon svg {
width: 22px;
height: 22px;
stroke: #000;
transition: stroke 0.2s ease;
}
.mobile-search__icon:hover svg {
stroke: #b81218;
}
.account-icon {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
text-decoration: none;
}
.account-icon svg {
width: 24px;
height: 24px;
stroke: #000;
transition:
stroke 0.2s ease,
transform 0.2s ease;
}
.account-icon:hover svg {
stroke: #b81218;
transform: scale(1.05);
}
.main-header .container.header-grid > * {
flex-shrink: 0;
}
.mobile-search__overlay {
position: fixed;
inset: 0;
background: rgb(255 255 255 / 0.98);
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
body.lock {
overflow: hidden;
height: 100vh;
touch-action: none;
}
.mobile-search__inner {
width: 100%;
max-width: 600px;
margin: 60px auto 40px;
padding: 0 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 14px;
position: relative;
}
.mobile-search__inner input[type="search"] {
width: 100%;
padding: 14px 16px;
font-size: 18px;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
}
.mobile-search__inner button {
font-size: 16px;
padding: 20px;
border: none;
border-radius: 6px;
background: #b81218;
color: #fff;
cursor: pointer;
transition: opacity 0.15s ease-in-out;
}
.mobile-search__inner button:hover {
opacity: 0.9;
}
.mobile-search__close {
position: absolute;
top: -60px;
right: 12px;
background: none !important;
color: #000 !important;
font-size: 32px;
line-height: 1;
border: none;
cursor: pointer;
}
#ajax-search-mobile #ajax-search-results {
max-height: calc(100vh - 220px);
overflow-y: auto;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
box-sizing: border-box;
}
.mobile-search__overlay *,
.mobile-search__inner * {
max-width: 100%;
word-wrap: break-word;
}
#ajax-search-mobile #ajax-search-results::-webkit-scrollbar {
width: 6px;
}
#ajax-search-mobile #ajax-search-results::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
#ajax-search-results .featured {
display: none;
}
.col center {
display: none;
}
#ajax-search-results .featured img {
max-width: 150px;
}
}
@media (min-width: 768px) {
.mobile-search {
display: none !important;
}
}
@media (min-width: 768px) {
.account-icon svg {
width: 40px;
height: 40px;
stroke: #000;
transition:
stroke 0.2s ease,
transform 0.2s ease;
}
.account-icon:hover svg {
stroke: #b81218;
transform: scale(1.07);
}
}
@media (max-width: 767px) {
#ajax-search-mobile .center h4 {
display: none !important;
}
}
.cart-page .variation {
display: flex;
flex-direction: column;
gap: 2px;
margin-top: 6px;
font-size: 14px;
color: #333;
}
.cart-page .variation dt,
.cart-page .variation dd {
display: inline;
margin: 0;
padding: 0;
line-height: 1.5;
}
.cart-page .variation dt {
font-weight: 600;
color: #000;
}
.cart-page .variation dd::before {
content: " ";
}
.cart-page .variation dd {
margin-left: 4px;
color: #555;
}
.cart-page .variation p {
margin: 0;
padding: 0;
}
.cart-page .product-name {
line-height: 1.4;
display: block;
}
.cart-page .variation dd:last-child {
margin-bottom: 0;
}
.checkout .variation {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 6px;
font-size: 14px;
color: #333;
}
.checkout .variation dt,
.checkout .variation dd {
display: inline-block;
margin: 0;
padding: 0;
line-height: 1.5;
vertical-align: middle;
white-space: nowrap;
}
.checkout .variation dt {
font-weight: 600;
color: #000;
margin-right: 6px;
}
.checkout .variation dd {
color: #555;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
.checkout .variation dd::before {
content: "";
}
.checkout .woocommerce-checkout-review-order-table .product-name {
line-height: 1.4;
display: block;
}
.checkout .woocommerce-checkout-review-order-table tr.cart_item {
border-bottom: 2px solid #f3f3f3;
padding-bottom: 6px;
}
.checkout .woocommerce-checkout-review-order-table .product-name {
display: block;
font-size: 16px;
font-weight: 600;
color: #b81218;
margin-bottom: 6px;
line-height: 1.4;
}
.checkout .woocommerce-checkout-review-order-table .product-name strong {
font-weight: 700;
color: #000;
}
.checkout .woocommerce-checkout-review-order-table .product-name {
padding: 4px 0;
border-bottom: 1px solid #eee;
}
.woocommerce-order {
max-width: 900px;
margin: 60px auto;
background: #fff;
border: 1px solid #eee;
border-radius: 12px;
box-shadow: 0 6px 20px rgb(0 0 0 / 0.05);
padding: 40px 60px;
font-family: "Inter", Arial, sans-serif;
color: #222;
line-height: 1.6;
}
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order h1 {
font-weight: 600;
margin-bottom: 20px;
color: #111;
}
.woocommerce-order ul.order_details {
list-style: none;
margin: 0 0 30px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 10px 20px;
}
.woocommerce-order ul.order_details li {
background: #fafafa;
border: 1px solid #eee;
border-radius: 8px;
padding: 12px 16px;
font-size: 14px;
}
.woocommerce-table--order-details {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.woocommerce-table--order-details th {
text-align: left;
padding: 12px;
font-weight: 600;
background: #f6f6f6;
border-bottom: 2px solid #e0e0e0;
}
.woocommerce-table--order-details td {
padding: 12px;
border-bottom: 1px solid #eee;
}
.woocommerce-customer-details {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
}
.woocommerce-customer-details address {
background: #fafafa;
border: 1px solid #eee;
border-radius: 8px;
padding: 16px 20px;
font-style: normal;
line-height: 1.5;
}
.woocommerce-order .woocommerce-order-overview__total,
.woocommerce-order .woocommerce-order-overview__payment-method {
font-weight: 600;
color: #b31b1b;
}
.woocommerce-order .return-to-shop a.button {
display: inline-block;
margin-top: 30px;
padding: 12px 28px;
background: #b31b1b;
color: #fff;
border-radius: 6px;
text-decoration: none;
transition: background 0.2s;
}
.woocommerce-order .return-to-shop a.button:hover {
background: #941616;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table {
width: 100%;
border-collapse: separate !important;
border-spacing: 0 10px !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table tr {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table td,
.woocommerce-MyAccount-content table.woocommerce-orders-table th {
padding: 14px 18px !important;
vertical-align: middle !important;
}
.woocommerce-MyAccount-content a.button {
background: #b31b1b !important;
color: #fff !important;
padding: 10px 18px !important;
border-radius: 6px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px;
transition: background 0.2s ease;
}
.woocommerce-MyAccount-content a.button:hover {
background: #941616 !important;
}
.woocommerce-MyAccount-content {
margin-bottom: 40px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-date,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total {
padding-right: 25px !important;
}
.mega-nav__underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 0;
background-color: #b81218;
border-radius: 2px;
transition: all 0.25s ease;
pointer-events: none;
z-index: 5;
flex: none !important;
will-change: left, width;
opacity: 0;
}
.mega-nav {
position: relative;
}
.mega-item__link {
position: relative;
z-index: 10;
}
button.checkout.wc-forward,
a.checkout.wc-forward {
background-color: #17a63c !important;
}
.dg-mini-cart-shipping {
display: block;
font-size: 12px;
line-height: 1.35;
margin-top: 4px;
color: #6b7280;
}
.dg-mini-cart-shipping .label {
font-weight: 600;
}
.dg-mini-cart-shipping-total {
opacity: 0.8;
font-size: 11px;
margin-left: 4px;
}
.woocommerce-mini-cart-item .dg-mini-cart-shipping {
display: block;
margin-top: 4px;
font-size: 12px;
line-height: 1.35;
color: #6b7280;
}
.woocommerce-mini-cart-item .dg-mini-cart-shipping .label {
font-weight: 600;
margin-right: 4px;
}
.woocommerce-mini-cart-item .dg-mini-cart-shipping-total {
display: block;
opacity: 0.85;
font-size: 11px;
margin-top: 2px;
}
#cart-drawer .woocommerce-mini-cart-item .quantity {
float: right;
text-align: right;
display: flex !important;
flex-direction: column;
align-items: flex-end;
gap: 2px;
}
#cart-drawer .woocommerce-mini-cart-item .dg-price-line {
line-height: 1.2;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping {
display: block !important;
font-size: 12px;
line-height: 1.35;
color: #6b7280;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping .label {
font-weight: 600;
margin-right: 4px;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping-total {
display: block;
opacity: 0.85;
font-size: 11px;
margin-top: 1px;
}
@media (min-width: 980px) {
form.woocommerce-checkout {
display: flex !important;
justify-content: center;
align-items: flex-start;
gap: 2rem;
flex-wrap: nowrap;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set {
flex: 2 1 0 !important;
max-width: 40%;
float: none !important;
clear: none !important;
}
.woocommerce-checkout .order-right {
flex: 1 1 0 !important;
max-width: 38%;
display: flex;
flex-direction: column;
gap: 1.5rem;
align-self: flex-start;
float: none !important;
clear: none !important;
}
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment {
width: 100%;
margin: 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgb(0 0 0 / 0.08);
padding: 2rem;
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
width: auto !important;
float: none !important;
clear: none !important;
}
#order_review_heading {
display: none !important;
}
}
@media (max-width: 979px) {
form.woocommerce-checkout {
display: block !important;
}
}
wc-order-attribution-inputs {
display: none !important;
}
.woocommerce-checkout #order_review {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.woocommerce-checkout .shop_table {
width: 100%;
max-width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
box-sizing: border-box;
}
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th {
word-wrap: break-word;
white-space: normal;
overflow-wrap: break-word;
text-align: left;
vertical-align: top;
padding: 10px 12px;
}
.woocommerce-checkout .shop_table td input[type="radio"] {
transform: scale(1.1);
margin-right: 6px;
}
.woocommerce-checkout .shop_table tfoot tr td {
border-top: 1px solid #ddd;
}
.woocommerce-checkout .shop_table tfoot tr:last-child td {
background: #f9f0f0;
color: #a00;
font-weight: 700;
border-top: 2px solid #a00;
}
@media (max-width: 979px) {
.woocommerce-checkout .shop_table {
display: block;
overflow-x: auto;
}
.woocommerce-checkout .shop_table tbody tr,
.woocommerce-checkout .shop_table tfoot tr {
display: table-row;
}
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th {
display: table-cell;
min-width: 120px;
}
}
.cart_totals .dg-cart-shipping-note {
margin-top: 6px;
font-size: 13px;
line-height: 1.4;
color: #6b7280;
}
.cart-page .cart_totals .shop_table th,
.cart-page .cart_totals .shop_table td {
vertical-align: top;
}
.cart-page .cart_totals ul#shipping_method,
.cart-page .cart_totals .woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.cart-page .cart_totals .woocommerce-shipping-methods li {
display: block;
line-height: 1.45;
}
.cart-page .cart_totals .woocommerce-shipping-methods label {
display: inline;
}
.cart_totals .dg-cart-shipping-note {
margin-top: 8px;
margin-bottom: 16px;
}
.cart_totals .wc-proceed-to-checkout {
text-align: center;
}
.cart_totals .wc-proceed-to-checkout .button,
.cart_totals .wc-proceed-to-checkout .checkout-button {
float: none !important;
display: inline-block;
width: auto;
}
@media (max-width: 480px) {
.cart_totals .wc-proceed-to-checkout .button,
.cart_totals .wc-proceed-to-checkout .checkout-button {
width: 100%;
}
}
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout input[type="order_comments"] {
padding-right: 0 !important;
}
.woocommerce-checkout ul.woocommerce-shipping-methods {
list-style: none !important;
margin: 0;
padding: 0;
}
.woocommerce-checkout ul.woocommerce-shipping-methods li {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fafafa;
transition: all 0.2s ease;
cursor: pointer;
}
.woocommerce-checkout ul.woocommerce-shipping-methods li:hover {
background: #f0f0f0;
border-color: #ccc;
}
.woocommerce-checkout ul.woocommerce-shipping-methods input[type="radio"] {
transform: scale(1.15);
accent-color: #b30000;
cursor: pointer;
}
.woocommerce-checkout ul.woocommerce-shipping-methods label {
cursor: pointer;
color: #222;
font-weight: 500;
line-height: 1.4;
margin: 0;
}
.woocommerce-checkout
ul.woocommerce-shipping-methods
li:has(input[type="radio"]:checked) {
border-color: #b30000;
background: #fff7f7;
box-shadow: 0 0 0 2px rgb(179 0 0 / 0.1);
}
.woocommerce-checkout .order-right::before {
content: "Podsumowanie";
display: block;
font-size: 20px;
font-weight: 700;
color: #111;
}
.woocommerce-checkout #order_review::after {
content: "(Przy większych zamówieniach prosimy o kontakt telefoniczny — możliwy rabat na cenę dostawy)";
display: block;
font-size: 13px;
font-style: italic;
color: #555;
margin-top: 8px;
text-align: right;
opacity: 0.9;
}
li.mega-item {
display: flex;
align-items: center;
gap: 6px;
}
li.mega-item img {
display: block;
width: 18px;
height: auto;
}
li.mega-item i,
li.mega-item svg {
display: inline-block;
font-size: 18px;
vertical-align: middle;
}
li.mega-item a {
display: flex;
align-items: center;
gap: 6px;
text-decoration: none;
color: inherit;
}
.mega-item__caret {
display: none;
}
:root {
--nav-separator: #e5e5e5;
}
@media (min-width: 768px) {
.mega-nav {
border-bottom: 1px solid var(--nav-separator);
}
}
:root {
--mega-vpad: 12px;
}
@media (min-width: 768px) {
.mega-nav__root {
padding-top: var(--mega-vpad);
padding-bottom: var(--mega-vpad);
}
}
.mega-item--delivery span {
color: #b81218;
font-weight: 600;
}
.site-footer .footer-container {
display: flex;
align-items: stretch;
}
.site-footer .footer-column {
display: flex;
flex-direction: column;
}
.footer-badge {
display: flex;
align-items: center;
justify-content: center;
}
.blog-carousel {
position: relative;
margin-top: 40px;
overflow: hidden;
}
.blog-carousel .container {
position: relative;
overflow: visible;
}
.blog-carousel .blogSwiper {
position: relative;
overflow: hidden;
display: block;
}
.blog-carousel .blogSwiper .swiper-wrapper {
display: flex;
width: 100%;
transition-property: transform;
}
.blog-carousel .blogSwiper .swiper-slide {
flex-shrink: 0;
width: auto;
height: auto;
display: flex;
flex-direction: column;
}
.blog-carousel .blog-card {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgb(0 0 0 / 0.05);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.blog-carousel .blog-card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
}
.blog-carousel .blog-thumb img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}
.blog-carousel .blog-meta {
padding: 15px;
flex-grow: 1;
}
.blog-carousel .blog-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
}
.blog-carousel .blog-excerpt {
font-size: 14px;
line-height: 1.5;
color: #555;
margin-bottom: 10px;
}
.blog-carousel .blog-date {
font-size: 13px;
color: #999;
}
.blog-carousel .swiper-button-prev,
.blog-carousel .swiper-button-next {
position: absolute;
top: 45%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background: #fff;
color: #b81218;
border-radius: 50%;
box-shadow: 0 2px 6px rgb(0 0 0 / 0.15);
z-index: 20;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.blog-carousel .swiper-button-prev:hover,
.blog-carousel .swiper-button-next:hover {
background: #b81218;
color: #fff;
}
.blog-carousel .swiper-button-prev {
left: -0.00001px;
}
.blog-carousel .swiper-button-next {
right: -0.00001px;
}
.blog-carousel .swiper-pagination {
position: relative;
margin-top: 20px;
text-align: center;
}
.blog-carousel .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ccc;
opacity: 1;
margin: 0 4px;
border-radius: 50%;
transition: background 0.3s;
}
.blog-carousel .swiper-pagination-bullet-active {
background: #b81218;
}
html,
body {
max-width: 100%;
overflow-x: clip;
}
@supports not (overflow: clip) {
html,
body {
overflow-x: hidden;
}
}
@media (max-width: 768px) {
section.blog-carousel .container {
margin-inline: 0 !important;
padding-inline: 12px;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
}
[id^="installment-mini-"],
.payu-mini-installments-widget,
.payu-widget-installments-mini-details,
.payu-mini-installments-widget-amount,
.payu-widget-installments-mini-separator {
display: none !important;
}
.woocommerce-terms-and-conditions-wrapper {
display: none !important;
}
.pbl-container,
.payu-list-banks {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
max-width: 100%;
overflow: hidden;
}
.payu-list-banks li {
list-style: none;
flex: 0 0 120px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
transition: all 0.2s ease;
}
.payu-list-banks li:hover {
border-color: #c8102e;
box-shadow: 0 0 4px rgb(200 16 46 / 0.3);
}
.payu-list-banks img {
max-width: 90%;
max-height: 32px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.pbl-container img {
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
.payu-list-banks li {
flex: 0 0 45%;
height: 50px;
}
}
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
display: block !important;
visibility: visible !important;
}
.dg-terms-wrap,
.dg-terms-wrap .form-row,
.woocommerce-terms-and-conditions-wrapper {
display: block !important;
visibility: visible !important;
}
.woocommerce-form__input.woocommerce-form__input-checkbox,
input[type="checkbox"].woocommerce-form__input-checkbox {
display: inline-block !important;
margin-right: 8px;
}
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-link {
display: inline !important;
}
#payment .payment_box .pbl-container,
#payment .payment_box .payu-list-banks,
#payment .payment_box .p24-banks-list,
#payment .payment_box .p24-channels-list {
max-width: 100%;
overflow: hidden;
}
#payment .payment_box .pbl-container ul,
#payment .payment_box ul.payu-list-banks,
#payment .payment_box ul.p24-banks-list,
#payment .payment_box ul.p24-channels-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
list-style: none;
padding: 0;
margin: 10px 0 0;
}
#payment .payment_box .pbl-container ul li,
#payment .payment_box .payu-list-banks li,
#payment .payment_box .p24-banks-list li,
#payment .payment_box .p24-channels-list li {
flex: 0 0 120px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
transition: all 0.2s ease;
}
#payment .payment_box .pbl-container ul li:hover,
#payment .payment_box .payu-list-banks li:hover,
#payment .payment_box .p24-banks-list li:hover,
#payment .payment_box .p24-channels-list li:hover {
border-color: #c8102e;
box-shadow: 0 0 4px rgb(200 16 46 / 0.3);
}
#payment .payment_box .pbl-container img,
#payment .payment_box .payu-list-banks img,
#payment .payment_box .p24-banks-list img,
#payment .payment_box .p24-channels-list img {
max-width: 90%;
max-height: 32px;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
#payment .payment_box .pbl-container ul li,
#payment .payment_box .payu-list-banks li,
#payment .payment_box .p24-banks-list li,
#payment .payment_box .p24-channels-list li {
flex: 0 0 45%;
height: 50px;
}
}
#payment ul.wc_payment_methods,
#payment ul.wc_payment_methods li {
list-style: none;
margin: 0;
padding: 0;
}
#payment ul.wc_payment_methods {
display: flex;
flex-direction: column;
gap: 8px;
}
#payment ul.wc_payment_methods .wc_payment_method {
padding: 8px 12px;
border-radius: 4px;
border: 1px solid #fff0;
display: flex;
align-items: center;
}
#payment ul.wc_payment_methods .wc_payment_method:hover {
background: #fafafa;
}
#payment ul.wc_payment_methods .wc_payment_method > input.input-radio {
margin: 0 8px 0 0;
position: static;
}
#payment ul.wc_payment_methods .wc_payment_method > label {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
cursor: pointer;
}
#payment ul.wc_payment_methods .wc_payment_method > label img {
max-height: 22px;
width: auto;
display: block;
}
#payment
ul.wc_payment_methods
.wc_payment_method
input.input-radio:checked
+ label {
font-weight: 600;
}
#payment .payment_box {
margin: 8px 0 20px 28px;
font-size: 0.9rem;
line-height: 1.4;
}
@media (max-width: 767px) {
#ajax-search-mobile #ajax-search-results {
width: 100%;
max-width: 100%;
max-height: calc(100vh - 180px);
overflow-y: auto;
overflow-x: hidden;
padding: 12px;
box-sizing: border-box;
}
#ajax-search-mobile #ajax-search-results .search-grid {
display: block;
}
#ajax-search-mobile #ajax-search-results .left,
#ajax-search-mobile #ajax-search-results .center,
#ajax-search-mobile #ajax-search-results .queries,
#ajax-search-mobile #ajax-search-results .categories {
display: none !important;
}
#ajax-search-mobile #ajax-search-results .right {
display: block;
width: 100%;
min-width: 0;
}
#ajax-search-mobile #ajax-search-results h4:not(:first-of-type) {
display: none;
}
#ajax-search-mobile #ajax-search-results .products {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#ajax-search-mobile #ajax-search-results .products .item {
min-width: 0;
width: 100%;
box-sizing: border-box;
}
#ajax-search-mobile #ajax-search-results .products .item img {
width: 100%;
height: auto;
display: block;
}
#ajax-search-mobile #ajax-search-results .all-btn {
display: block;
width: 100%;
max-width: 100%;
margin: 12px 0 0;
box-sizing: border-box;
}
}
@media (max-width: 767px) {
#ajax-search-mobile #ajax-search-results {
padding-bottom: 80px;
}
}
@media (max-width: 900px) {
.homepage-slider .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
}
.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;
} .top-nav .phones {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
}
.top-social {
display: inline-flex;
align-items: center;
gap: 8px;
margin-left: 2px;
}
.top-social__link {
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid #d9dde5;
display: inline-flex;
align-items: center;
justify-content: center;
color: #222;
background: #fff;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
.top-social__link svg {
fill: currentColor;
}
.top-social__link:hover {
background: #b81218;
border-color: #b81218;
color: #fff;
transform: translateY(-1px);
}
.footer-social-mobile {
display: none;
}
@media (max-width: 767px) {
.footer-social-mobile {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgb(255 255 255 / 0.2);
}
.footer-social-mobile a {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 118px;
height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgb(255 255 255 / 0.45);
background: rgb(255 255 255 / 0.08);
color: #fff !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 700;
line-height: 1;
}
.footer-social-mobile a svg {
fill: currentColor;
display: block;
}
} body.woocommerce-cart .site-content {
background: #f5f6f8;
}
.woocommerce-cart .site-content .container {
max-width: 1440px;
}
.cart-page-layout {
gap: 36px;
padding: 2rem 1.25rem 2.5rem;
max-width: 1480px;
}
.cart-products {
min-width: 0;
}
.cart-page .woocommerce-cart-form table.shop_table {
border-collapse: separate;
border-spacing: 0 14px;
}
.cart-page .woocommerce-cart-form table.shop_table tr.cart_item {
border-bottom: 0;
}
.cart-page .woocommerce-cart-form table.shop_table tr.cart_item td {
background: #fff;
border-top: 1px solid #e6eaf0;
border-bottom: 1px solid #e6eaf0;
padding-top: 18px;
padding-bottom: 18px;
}
.cart-page .woocommerce-cart-form table.shop_table tr.cart_item td:first-child {
border-left: 1px solid #e6eaf0;
border-radius: 14px 0 0 14px;
}
.cart-page .woocommerce-cart-form table.shop_table tr.cart_item td:last-child {
border-right: 1px solid #e6eaf0;
border-radius: 0 14px 14px 0;
}
.cart-page .woocommerce-cart-form .product-thumbnail img {
width: 110px;
border-radius: 10px;
border: 1px solid #edf0f5;
background: #fff;
}
.cart-page .woocommerce-cart-form .product-name a {
font-size: 23px;
font-weight: 700;
line-height: 1.22;
}
.cart-page .woocommerce-cart-form .product-price,
.cart-page .woocommerce-cart-form .product-subtotal {
font-size: 26px;
font-weight: 800;
color: #111827;
}
.cart-page .woocommerce-cart-form .product-quantity .quantity {
border-radius: 10px;
border: 1px solid #e3e7ee;
}
.cart-page .woocommerce-cart-form .product-quantity .qty {
width: 62px;
height: 46px;
font-size: 18px;
font-weight: 700;
}
.cart-page .woocommerce-cart-form .product-quantity .minus,
.cart-page .woocommerce-cart-form .product-quantity .plus {
width: 44px;
height: 46px;
font-size: 22px;
}
.cart-page .woocommerce-cart-form .actions {
background: #fff;
border: 1px solid #e6eaf0;
border-radius: 12px;
padding: 14px;
}
.cart-summary {
border: 1px solid #e0e5ed;
border-radius: 14px;
box-shadow: 0 14px 28px rgb(15 23 42 / 0.07);
background: #fff;
}
.cart-summary .cart_totals h2 {
font-size: 29px;
line-height: 1.2;
margin: 0 0 12px;
}
.cart-summary .shop_table tr {
border-bottom: 1px solid #edf1f6;
}
.cart-summary .shop_table tr:last-child {
border-bottom: 0;
}
.cart-summary .shop_table th,
.cart-summary .shop_table td {
padding: 10px 0;
font-size: 18px;
line-height: 1.35;
}
.cart-summary .shop_table td {
text-align: right;
}
.cart-page .cart_totals .woocommerce-shipping-methods {
gap: 10px;
}
.cart-page .cart_totals .woocommerce-shipping-methods li {
padding: 10px 12px;
border: 1px solid #e2e7ef;
border-radius: 10px;
background: #f9fafc;
}
.cart-page .cart_totals .woocommerce-shipping-methods label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
}
.cart-summary .order-total th,
.cart-summary .order-total td {
font-size: 24px;
font-weight: 800;
padding-top: 16px;
}
.cart-summary .wc-proceed-to-checkout {
margin-top: 8px;
}
.cart-summary .wc-proceed-to-checkout .checkout-button {
height: 54px;
border-radius: 10px;
font-size: 18px;
font-weight: 800;
letter-spacing: 0.02em;
} @media (max-width: 767px) {
.cart-page-layout {
display: flex;
flex-direction: column;
gap: 14px;
padding: 12px 0 20px;
}
.cart-products {
order: 1;
width: 100%;
min-width: 0;
}
.cart-summary {
order: 2;
width: 100%;
min-width: 0;
margin: 0;
padding: 14px;
border-radius: 12px;
box-shadow: 0 10px 20px rgb(15 23 42 / 0.06);
}
.cart-page .woocommerce-cart-form table.shop_table {
border-spacing: 0 10px;
}
.cart-page .woocommerce-cart-form .product-name a {
font-size: 16px;
}
.cart-page .woocommerce-cart-form .product-price,
.cart-page .woocommerce-cart-form .product-subtotal {
font-size: 16px;
}
.cart-summary .cart_totals h2 {
font-size: 26px;
margin-bottom: 6px;
}
.cart-summary .shop_table th,
.cart-summary .shop_table td,
.cart-summary .order-total th,
.cart-summary .order-total td {
font-size: 17px;
}
} @media (max-width: 767px) {
.checkout-two-columns {
background: #f4f6f9;
}
.checkout-two-columns .checkout-container {
padding: 0 12px 20px;
}
.checkout-two-columns form.woocommerce-checkout {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column;
gap: 14px;
}
.checkout-two-columns .woocommerce-checkout .col2-set,
.checkout-two-columns .woocommerce-checkout #order_review,
.checkout-two-columns .woocommerce-checkout #payment {
background: #fff;
border: 1px solid #e3e8f0;
border-radius: 14px;
box-shadow: 0 10px 24px rgb(15 23 42 / 0.06);
padding: 16px !important;
}
.checkout-two-columns .woocommerce form .form-row {
margin-bottom: 12px;
}
.checkout-two-columns .woocommerce form .form-row label {
font-size: 11px;
letter-spacing: 0.06em;
margin-bottom: 6px;
}
.checkout-two-columns .woocommerce-checkout input[type="text"],
.checkout-two-columns .woocommerce-checkout input[type="email"],
.checkout-two-columns .woocommerce-checkout input[type="tel"],
.checkout-two-columns .woocommerce-checkout select {
height: 46px;
border-radius: 10px;
border-color: #d5dbe6;
padding: 0 12px;
font-size: 15px;
}
.checkout-two-columns .woocommerce-checkout textarea {
min-height: 110px;
border-radius: 10px;
border-color: #d5dbe6;
padding: 12px;
font-size: 15px;
}
.checkout-two-columns .woocommerce-checkout .woocommerce-checkout-review-order-table tr {
border-bottom: 1px solid #eef1f5;
}
.checkout-two-columns
.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr:last-child {
border-bottom: 0;
}
.checkout-two-columns .woocommerce-checkout ul.woocommerce-shipping-methods li {
border-radius: 10px;
border-color: #dde3ec;
padding: 10px 12px;
margin-bottom: 10px;
}
.checkout-two-columns .woocommerce-checkout ul.woocommerce-shipping-methods label {
font-size: 14px;
font-weight: 600;
}
.checkout-two-columns #payment ul.wc_payment_methods .wc_payment_method {
border: 1px solid #dde3ec;
border-radius: 10px;
padding: 10px 12px;
margin-bottom: 10px;
background: #fafbfd;
}
.checkout-two-columns #payment ul.wc_payment_methods .wc_payment_method:last-child {
margin-bottom: 0;
}
.checkout-two-columns #payment .payment_box {
margin: 10px 0 12px !important;
border: 1px solid #eef1f6;
border-radius: 10px;
background: #fff;
}
.checkout-two-columns #place_order {
height: 52px;
border-radius: 10px;
font-size: 16px;
font-weight: 800;
letter-spacing: 0.02em;
box-shadow: 0 8px 18px rgb(184 18 24 / 0.25);
}
.checkout-two-columns .woocommerce-info,
.checkout-two-columns .woocommerce-message,
.checkout-two-columns .woocommerce-error {
border-radius: 12px;
}
} body.woocommerce-cart .cart-page .cart_totals .dg-cart-shipping-note {
display: none !important;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-destination,
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-calculator {
display: none !important;
}
body.woocommerce-cart .cart-page .actions .coupon label {
display: none;
}
body.woocommerce-cart .cart-page .actions .coupon {
display: grid;
grid-template-columns: minmax(200px, 1fr) auto;
gap: 10px;
align-items: stretch;
}
body.woocommerce-cart .cart-page .actions .coupon .input-text {
height: 50px;
width: 100%;
padding: 0 14px;
border: 1px solid #d2d8e2;
border-radius: 10px;
font-size: 15px;
background: #fff;
}
body.woocommerce-cart .cart-page .actions .coupon .input-text:focus {
border-color: #b81218;
box-shadow: 0 0 0 3px rgb(184 18 24 / 0.12);
outline: none;
}
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
height: 50px;
padding: 0 18px;
border-radius: 10px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
}
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
margin-top: 8px;
}
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .button,
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .checkout-button {
width: auto !important;
min-height: 56px;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 18px;
border-radius: 12px;
border: 0;
background: linear-gradient(180deg, #d31b24 0%, #b81218 100%);
color: #fff !important;
font-size: 17px;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: 0 12px 22px rgb(184 18 24 / 0.25);
}
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .button:hover,
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
background: linear-gradient(180deg, #c1141d 0%, #9f0f14 100%);
}
@media (max-width: 767px) {
body.woocommerce-cart .cart-page .actions .coupon {
grid-template-columns: 1fr;
}
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
width: 100%;
margin-top: 0;
}
} body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals th,
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals td {
display: block;
width: 100%;
text-align: left;
padding-left: 0;
padding-right: 0;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals th {
margin-bottom: 8px;
font-weight: 700;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals td {
margin-top: 0;
}
body.woocommerce-cart .cart-page .cart_totals tr.woocommerce-shipping-totals {
display: block;
width: 100%;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals ul#shipping_method {
width: 100%;
margin: 0;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li {
margin: 0 0 10px;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li:last-child {
margin-bottom: 0;
}
body.woocommerce-cart .cart-page .cart_totals .dg-cart-delivery-time th {
font-weight: 700;
white-space: nowrap;
}
body.woocommerce-cart .cart-page .cart_totals .dg-cart-delivery-time td {
text-align: right;
overflow-wrap: anywhere;
word-break: break-word;
}
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout {
display: flex;
justify-content: center;
text-align: center;
}
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .button,
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .checkout-button {
width: auto !important;
max-width: 100%;
box-sizing: border-box;
display: inline-flex !important;
margin-left: auto;
margin-right: auto;
} @media (max-width: 767px) {
body.woocommerce-cart .cart-page .actions {
display: flex;
flex-direction: column;
gap: 10px;
}
body.woocommerce-cart .cart-page .actions .coupon {
display: flex !important;
flex-direction: column;
align-items: stretch;
gap: 10px;
width: 100%;
max-width: 100%;
}
body.woocommerce-cart .cart-page .actions .coupon .input-text,
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
width: 100% !important;
display: block !important;
float: none !important;
clear: both;
margin: 0 !important;
box-sizing: border-box;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals td {
text-align: left !important;
}
body.woocommerce-cart .cart-page .cart_totals tr.dg-cart-delivery-time {
display: block;
width: 100%;
}
body.woocommerce-cart .cart-page .cart_totals .dg-cart-delivery-time th,
body.woocommerce-cart .cart-page .cart_totals .dg-cart-delivery-time td {
display: block;
width: 100%;
text-align: left !important;
padding-left: 0;
padding-right: 0;
}
body.woocommerce-cart .cart-page .cart_totals .dg-cart-delivery-time th {
margin-bottom: 4px;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals ul#shipping_method {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
}
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals ul#shipping_method li {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li
input[type="radio"] {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin: 3px 0 0;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li
label {
display: block !important;
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
}
.site-footer .footer-column ul li.footer-social-mobile {
width: 100%;
margin-top: 10px;
}
.site-footer .footer-social-mobile {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
box-sizing: border-box;
}
.site-footer .footer-social-mobile a {
min-width: 0;
width: auto;
max-width: 100%;
flex: 1 1 calc(50% - 8px);
box-sizing: border-box;
padding: 0 10px;
}
} @media (min-width: 768px) {
body.woocommerce-cart
.cart-page
.woocommerce-cart-form
table.shop_table
thead
th.product-price,
body.woocommerce-cart
.cart-page
.woocommerce-cart-form
table.shop_table
thead
th.product-subtotal {
font-size: 18px;
font-weight: 700;
line-height: 1.25;
color: #111827;
vertical-align: middle;
}
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
height: 50px;
min-height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
box-sizing: border-box;
}
} @media (max-width: 767px) {
#cart-drawer {
width: calc(100vw - 32px);
max-width: 420px;
max-height: calc(
100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)
);
border-radius: 14px;
box-shadow: 0 14px 36px rgb(0 0 0 / 0.3);
}
#cart-drawer.active {
transform: translate(-50%, -50%) scale(1);
}
#cart-drawer .cart-drawer-header {
padding: 18px 20px 16px;
}
#cart-drawer .cart-drawer-content {
padding: 14px 16px max(16px, env(safe-area-inset-bottom));
overflow-x: hidden;
}
#cart-drawer .woocommerce-mini-cart,
#cart-drawer .woocommerce-mini-cart.cart_list {
margin: 0;
padding: 0;
list-style: none;
}
#cart-drawer .woocommerce-mini-cart-item {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
column-gap: 10px;
row-gap: 8px;
align-items: start;
padding: 12px 0;
}
#cart-drawer .woocommerce-mini-cart-item > a.remove {
grid-column: 1;
grid-row: 1;
align-self: start;
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
grid-column: 2;
grid-row: 1;
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 10px;
width: 100%;
min-width: 0;
margin: 0;
line-height: 1.28;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
}
#cart-drawer .woocommerce-mini-cart-item img {
flex: 0 0 82px;
width: 82px !important;
max-width: 82px !important;
height: auto;
margin: 0;
justify-self: start;
object-fit: cover;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation {
grid-column: 2;
grid-row: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
row-gap: 2px;
width: auto;
min-width: 0;
margin: 0;
padding-left: 92px;
overflow-wrap: break-word;
word-break: normal;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation,
#cart-drawer .woocommerce-mini-cart-item dl.variation * {
float: none !important;
clear: none !important;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation dt {
display: none !important;
float: none;
clear: none;
margin: 0;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation dd {
display: block;
float: none;
grid-row: auto;
margin: 0 !important;
padding: 0 !important;
min-width: 0;
text-align: left;
white-space: normal !important;
line-height: 1.3;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation dd p {
display: inline-block;
margin: 0;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
}
#cart-drawer .woocommerce-mini-cart-item .quantity {
grid-column: 2;
grid-row: 3;
width: 100%;
min-width: 0;
max-width: 100%;
float: none;
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
gap: 3px;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
padding-left: 92px;
}
#cart-drawer .woocommerce-mini-cart-item .dg-price-line,
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping {
width: 100%;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping .label {
display: inline;
margin-right: 4px;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping-total {
display: block;
margin-top: 2px;
}
#cart-drawer .woocommerce-mini-cart-item .dg-price-line .woocommerce-Price-amount,
#cart-drawer
.woocommerce-mini-cart-item
.dg-mini-cart-shipping
.woocommerce-Price-amount {
white-space: nowrap;
}
#cart-drawer .woocommerce-mini-cart__total {
margin-top: 14px;
padding-top: 14px;
}
#cart-drawer .woocommerce-mini-cart__buttons {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
width: 100%;
}
#cart-drawer .woocommerce-mini-cart__buttons .button,
#cart-drawer .woocommerce-mini-cart__buttons a.button {
width: 100%;
min-width: 0;
max-width: 100%;
margin: 0;
display: flex;
justify-content: center;
padding: 10px 12px;
box-sizing: border-box;
text-align: center;
white-space: normal;
line-height: 1.2;
}
}
@media (max-width: 430px) {
#cart-drawer {
width: calc(100vw - 24px);
max-height: calc(
100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)
);
}
#cart-drawer .cart-drawer-header {
padding: 16px 16px 14px;
}
#cart-drawer .cart-drawer-content {
padding-left: 14px;
padding-right: 14px;
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
grid-template-columns: 74px minmax(0, 1fr);
gap: 8px;
}
#cart-drawer .woocommerce-mini-cart-item img {
width: 74px !important;
max-width: 74px !important;
flex-basis: 74px;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation,
#cart-drawer .woocommerce-mini-cart-item .quantity {
padding-left: 82px;
}
} @media (max-width: 767px) {
#cart-drawer {
width: calc(100vw - 32px);
max-width: 440px;
max-height: min(82dvh, 760px);
}
#cart-drawer .woocommerce-mini-cart-item {
margin: 0;
padding: 14px 0;
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
grid-template-columns: 112px minmax(0, 1fr);
align-items: start;
gap: 12px;
font-size: 17px;
font-weight: 700;
line-height: 1.32;
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) img {
grid-column: 1 !important;
grid-row: 1;
width: 112px !important;
min-width: 112px;
max-width: 112px !important;
border-radius: 10px;
object-fit: cover;
box-shadow: 0 2px 10px rgb(15 23 42 / 0.08);
}
#cart-drawer .woocommerce-mini-cart-item dl.variation {
padding-left: 0;
margin-left: 124px;
margin-top: 2px;
font-size: 14px;
line-height: 1.35;
color: #4b5563;
}
#cart-drawer .woocommerce-mini-cart-item .quantity {
padding-left: 0;
margin-left: 124px;
margin-top: 2px;
font-size: 15px;
line-height: 1.35;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping {
font-size: 14px;
line-height: 1.35;
}
#cart-drawer .woocommerce-mini-cart-item .dg-mini-cart-shipping-total {
font-size: 13px;
}
#cart-drawer .woocommerce-mini-cart__buttons {
width: 100%;
overflow: hidden;
}
#cart-drawer .woocommerce-mini-cart__buttons .button,
#cart-drawer .woocommerce-mini-cart__buttons a.button {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box;
}
}
@media (max-width: 430px) {
#cart-drawer {
width: calc(100vw - 24px);
max-height: min(84dvh, 700px);
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
grid-template-columns: 96px minmax(0, 1fr);
gap: 10px;
font-size: 16px;
}
#cart-drawer .woocommerce-mini-cart-item > a:not(.remove) img {
width: 96px !important;
min-width: 96px;
max-width: 96px !important;
}
#cart-drawer .woocommerce-mini-cart-item dl.variation,
#cart-drawer .woocommerce-mini-cart-item .quantity {
padding-left: 0;
margin-left: 106px;
}
} @media (min-width: 768px) {
body.woocommerce-cart .cart-page .cart_totals .woocommerce-shipping-totals ul#shipping_method li {
display: flex;
align-items: flex-start;
gap: 10px;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li
input[type="radio"] {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin: 4px 0 0;
}
body.woocommerce-cart
.cart-page
.cart_totals
.woocommerce-shipping-totals
ul#shipping_method
li
label {
display: block !important;
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
text-align: left;
}
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"],
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .button,
body.woocommerce-cart .cart-page .cart_totals .wc-proceed-to-checkout .checkout-button {
border-radius: 16px;
}
}
@media (max-width: 767px) {
body.woocommerce-cart .cart-page .variation,
body.woocommerce-cart .cart-page .variation dt,
body.woocommerce-cart .cart-page .variation dd,
body.woocommerce-cart .cart-page .variation p {
text-align: center !important;
}
body.woocommerce-cart .cart-page .variation dt,
body.woocommerce-cart .cart-page .variation dd {
display: block;
margin-left: 0;
}
body.woocommerce-cart .cart-page .product-price,
body.woocommerce-cart .cart-page .product-quantity,
body.woocommerce-cart .cart-page .product-subtotal {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
text-align: center;
}
body.woocommerce-cart .cart-page .product-price::before,
body.woocommerce-cart .cart-page .product-quantity::before,
body.woocommerce-cart .cart-page .product-subtotal::before {
margin-right: 0;
text-align: center;
}
body.woocommerce-cart .cart-page .product-price > :last-child,
body.woocommerce-cart .cart-page .product-quantity > :last-child,
body.woocommerce-cart .cart-page .product-subtotal > :last-child {
margin-left: 0;
text-align: center;
}
body.woocommerce-cart .cart-page .product-quantity .quantity {
justify-content: center;
margin: 0 auto;
}
body.woocommerce-cart .cart-page .actions .coupon .input-text,
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
text-align: center;
}
body.woocommerce-cart .cart-page .actions .coupon .button,
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"] {
justify-content: center;
align-items: center;
}
} @media (max-width: 767px) {
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions .coupon {
width: min(100%, 340px) !important;
max-width: 100% !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions .coupon .input-text,
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions .coupon .button,
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions > .button[name="update_cart"],
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions > button[name="update_cart"],
body.woocommerce-cart .cart-page .woocommerce-cart-form table.shop_table td.actions > input[name="update_cart"] {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
display: block !important;
float: none !important;
clear: none !important;
position: static !important;
left: auto !important;
transform: none !important;
text-align: center !important;
box-sizing: border-box;
}
} body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions {
margin-top: 14px;
padding: 14px;
border: 1px solid #e6eaf0;
border-radius: 12px;
background: #fff;
display: grid;
gap: 10px;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon {
display: grid;
grid-template-columns: minmax(220px, 1fr) auto;
gap: 10px;
align-items: stretch;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon .input-text {
height: 50px;
width: 100%;
padding: 0 14px;
border: 1px solid #d2d8e2;
border-radius: 12px;
font-size: 15px;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon .button,
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions > .button[name="update_cart"] {
height: 50px;
padding: 0 18px;
border-radius: 16px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media (max-width: 767px) {
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 12px;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon {
width: min(100%, 340px);
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin: 0 auto;
}
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon .input-text,
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions .coupon .button,
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions > .button[name="update_cart"] {
width: 100%;
max-width: 100%;
margin: 0;
display: block;
float: none;
text-align: center;
box-sizing: border-box;
}
} body.woocommerce-cart .cart-page .actions > .button[name="update_cart"],
body.woocommerce-cart .cart-page td.actions > .button[name="update_cart"],
body.woocommerce-cart .cart-page td.actions > button[name="update_cart"],
body.woocommerce-cart .cart-page td.actions > input[name="update_cart"],
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions > .button[name="update_cart"] {
background: #eef2f6 !important;
border: 1px solid #cfd7e2 !important;
color: #334155 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"]:hover,
body.woocommerce-cart .cart-page td.actions > .button[name="update_cart"]:hover,
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions > .button[name="update_cart"]:hover {
background: #e3e9f0 !important;
border-color: #bcc7d6 !important;
color: #1f2937 !important;
}
body.woocommerce-cart .cart-page .actions > .button[name="update_cart"]:focus-visible,
body.woocommerce-cart .cart-page td.actions > .button[name="update_cart"]:focus-visible,
body.woocommerce-cart .cart-page .woocommerce-cart-form .cart-form-actions.actions > .button[name="update_cart"]:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgb(59 130 246 / 0.2) !important;
} @media (max-width: 767px) {
body.woocommerce-cart .cart-page .shop_table tr.cart_item {
padding-top: 20px;
}
body.woocommerce-cart .cart-page .product-name {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
text-align: center;
width: 100%;
}
body.woocommerce-cart .cart-page .product-name a {
display: block;
width: 100%;
text-align: center;
}
body.woocommerce-cart .cart-page .product-name img {
width: 96px;
height: 96px;
object-fit: contain;
margin: 0 auto;
}
body.woocommerce-cart .cart-page .product-remove {
position: absolute;
left: 50%;
right: auto;
top: 2px;
transform: translateX(-50%);
z-index: 2;
}
} @media (max-width: 767px) {
body.woocommerce-cart .cart-page .shop_table tr.cart_item {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"thumb remove"
"name name"
"price price"
"qty qty"
"subtotal subtotal";
row-gap: 10px;
align-items: start;
padding-top: 14px;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-thumbnail {
display: block !important;
grid-area: thumb;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-thumbnail a {
display: block;
width: 100%;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-thumbnail img {
width: min(300px, 100%);
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: 10px;
object-fit: contain;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-remove {
grid-area: remove;
position: static !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
margin: 0;
padding: 0 0 0 8px;
display: flex;
align-items: flex-start;
justify-content: flex-end;
z-index: 1;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-remove a.remove {
width: 28px !important;
height: 28px !important;
min-width: 28px;
border: none !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
font-size: 28px !important;
line-height: 1 !important;
color: #c8102e !important;
text-indent: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-remove a.remove::before {
content: "\00d7";
font-size: 28px;
font-weight: 700;
line-height: 1;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-remove a.remove {
font-size: 0 !important;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-name {
grid-area: name;
text-align: center;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-price {
grid-area: price;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-quantity {
grid-area: qty;
}
body.woocommerce-cart .cart-page .shop_table tr.cart_item td.product-subtotal {
grid-area: subtotal;
}
}