.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
text-decoration: underline;
} .grocefycart-categories-dropdown .wp-block-categories__label { display: none; }
.grocefycart-categories-dropdown .wp-block-categories-dropdown select {
appearance: none;
-webkit-appearance: none;
border: none;
outline: none;
color: var(--wp--preset--color--light);
font-size: var(--wp--preset--font-size--normal);
font-family: var(--wp--preset--font-family--inter);
background-color: inherit;
font-weight: 400;
text-transform: capitalize;
cursor: pointer;
padding-right: 45px;
}
.grocefycart-categories-dropdown select option {
padding: 5px 8px !important;
color: var(--wp--preset--color--foreground);
}
.grocefycart-categories-dropdown .wp-block-categories-dropdown button {
outline: none;
border: none;
cursor: pointer;
background-color: var(--wp--preset--color--transparent);
}
.grocefycart-categories-dropdown .wp-block-categories-dropdown button > svg { fill: var(--wp--preset--color--light); }
.grocefycart-categories-dropdown .wp-block-categories-dropdown button > svg:hover { fill: var(--wp--preset--color--secondary); }
.grocefycart-categories-dropdown .wp-block-categories-dropdown button[aria-expanded="true"]::after { transform: rotate(-135deg); }
.grocefycart-categories-dropdown .wp-block-categories-dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.grocefycart-categories-dropdown .wp-block-categories-dropdown::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 5px;
height: 5px;
border-right: 2px solid var(--wp--preset--color--foreground);
border-bottom: 2px solid var(--wp--preset--color--foreground);
pointer-events: none;
} .grocefycart-marquee-wrapper {
overflow: hidden;
display: flex;
align-items: center;
width: 100%;
position: relative;
}
.grocefycart-marquee-content {
position: relative;
height: 100%;
display: flex;
align-items: center;
gap: 2rem;
padding-right: 2rem;
flex-wrap: nowrap;
animation: grocefycart-marquee 15s linear infinite;
}
.grocefycart-marquee-content:hover { animation-play-state: paused; }
.grocefycart-marquee-wrapper .grocefycart-marquee-content.block-editor-block-list__block,
.grocefycart-marquee-content.block-editor-block-list__block { animation: none; }
.grocefycart-marquee-content p {
position: relative;
display: inline-block;
flex: 1 0 auto;
margin-block-start: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.grocefycart-marquee-content p:before {
content: url(//hermanuson.co.za/wp-content/themes/grocefycart/assets/images/union.svg);
margin-right: 1em;
font-size: var(--wp--preset--font-size--large);
}
@keyframes grocefycart-marquee {
0%   { transform: translateX(0%); }
100% { transform: translateX(-100%); }
} .wpcf7 form input {
padding: 1em;
font-size: var(--wp--preset--font-size--normal);
color: var(--wp--preset--color--foreground);
width: -webkit-fill-available;
border: none;
outline: none;
}
.wpcf7 form input[type="submit"] {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--light);
padding: 1em;
}
.wpcf7 form input[type="submit"]:hover {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--dark-shade);
} .grocefycart-contact-newsletter-1 form p input,
.grocefycart-contact-newsletter-1 form p textarea {
padding: 10px;
margin-bottom: 1em;
font-size: var(--wp--preset--font-size--normal);
border: 1px solid var(--wp--preset--color--dark-shade);
width: -webkit-fill-available;
}
.grocefycart-contact-newsletter-2 form,
.grocefycart-contact-newsletter-3 form { position: relative; width: 100%; }
.grocefycart-contact-newsletter-2 form p input,
.grocefycart-contact-newsletter-2 form p textarea,
.grocefycart-contact-newsletter-3 form p input,
.grocefycart-contact-newsletter-3 form p textarea {
padding: 12px;
margin-bottom: 5px;
font-size: var(--wp--preset--font-size--normal);
color: var(--wp--preset--color--dark-shade);
border: 1px solid var(--wp--preset--color--border-color);
width: 100%;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
}
.grocefycart-contact-newsletter-3 form p input,
.grocefycart-contact-newsletter-3 form p textarea { border-radius: 100px; padding: 13px; }
.grocefycart-contact-newsletter-2 form p input[type="submit"],
.grocefycart-contact-newsletter-3 form p input[type="submit"] {
position: absolute;
top: 0; right: 0;
width: fit-content;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--light);
border: 1px solid var(--wp--preset--color--primary);
transition: all 0.2s ease-in-out;
}
.grocefycart-contact-newsletter-3 form p input[type="submit"] { border-radius: 100px; padding: 13px; }
.grocefycart-contact-newsletter-2 form p input[type="submit"]:hover,
.grocefycart-contact-newsletter-3 form p input[type="submit"]:hover {
background: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--light);
border-color: var(--wp--preset--color--secondary);
}
.grocefycart-contact-newsletter-1 form p input[type="submit"],
.grocefycart-contact-newsletter-4 form p input[type="submit"] {
padding: 10px;
font-size: var(--wp--preset--font-size--medium) !important;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--light);
width: 100%;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
}
.grocefycart-contact-newsletter-4 form p input,
.grocefycart-contact-newsletter-4 form p textarea {
padding: 10px;
margin-bottom: 5px;
font-size: var(--wp--preset--font-size--normal);
border: 1px solid var(--wp--preset--color--light);
width: 100%;
box-sizing: border-box;
border-radius: 100px;
}
.grocefycart-contact-newsletter-4 form p input[type="submit"] { border-radius: 100px; }
.grocefycart-contact-newsletter-1 form p input[type="submit"]:hover,
.grocefycart-contact-newsletter-4 form p input[type="submit"]:hover {
background: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--light);
} .wp-block-group.grocefycart-product-group-wrapper .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-grocefycart-product-group .wp-block-button.wc-block-components-product-button {
transition: all 0.2s ease-in-out;
}
.wp-block-group.grocefycart-product-group-wrapper:hover .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-grocefycart-product-wrapper:hover .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single {
opacity: 0.6;
}
.wp-block-group.grocefycart-product-group-wrapper:hover .wp-block-button.wc-block-components-product-button {
bottom: 13px;
opacity: 1;
}
.wp-block-group.is-style-grocefycart-product-group {
position: relative;
overflow: visible !important;
}
.wp-block-group.is-style-grocefycart-product-group .wp-block-button.wc-block-components-product-button {
position: absolute;
bottom: -100px;
width: 90%;
left: 5%;
opacity: 0;
}
.wp-block-group.is-style-grocefycart-product-wrapper:hover .wp-block-button.wc-block-components-product-button .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary) !important;
color: #fff !important;
} .grocefycart-product-group-wrapper {
display: flex !important;
flex-direction: column !important;
}
.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
order: 99;
margin-top: auto !important;
padding-top: 8px !important;
}
.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button a,
.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button button {
width: 100% !important;
border-radius: 8px !important;
font-weight: 700 !important;
font-size: 1rem !important;
padding: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.grocefycart-product-group-wrapper .is-style-grocefycart-product-group { order: 1; } @media (max-width: 599px) {
.wp-block-post-template.is-flex-container,
.wp-block-post-template {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.wp-block-post-template > li,
.wp-block-post-template > div {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
.wp-block-woocommerce-product-image img,
.wc-block-grid__product-image img {
height: 120px !important;
object-fit: contain !important;
}
}
@media (max-width: 599px) { .wp-block-woocommerce-product-image img,
.wc-block-grid__product-image img {
height: 300px !important;
width: 100% !important;
max-width: 600px !important;
}
}
@media (min-width: 600px) and (max-width: 899px) {
.wp-block-post-template.is-flex-container,
.wp-block-post-template {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
}
} .eb-product-images-pilzs .slick-list.draggable { height: 500px !important; }
.eb-product-images-pilzs .eb-product-gallery-image {
height: 100% !important;
max-height: 500px !important;
object-fit: contain !important;
}
.eb-product-images-pilzs .slick-track,
.eb-product-images-pilzs .slick-slide {
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
} .header-search-bar {
width: 100%;
flex: 1 1 auto;
min-width: 100px;
}
.header-search-bar .header-search-inner {
display: flex;
align-items: stretch;
width: 99%;
height: 50px;
background: #fff;
border: 2px solid #DEE7F2;
border-radius: 10px;
overflow: hidden;
margin-top: 10px;
}
.header-search-bar .header-search-cat {
flex: 0 0 auto;
height: 100%;
padding: 0 28px 0 16px;
border: none;
border-right: 1px solid #ddd;
border-radius: 4px 0 0 4px;
background-color: #e4e4e4;
font-size: 12px;
color: #444;
cursor: pointer;
max-width: 200px;
white-space: nowrap;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
outline: none;
}
.header-search-bar .header-search-input {
flex: 1 1 auto;
height: 100%;
padding: 0 16px;
border: none;
outline: none;
font-size: 14px;
background: transparent;
color: #14213D;
min-width: 0;
}
.header-search-bar .header-search-input::placeholder { color: #5F6F91; }
.header-search-bar .header-search-btn {
flex: 0 0 auto;
background: #f5d130;
border: none;
border-radius: 10px;
margin: 5px 5px 5px 0;
padding: 0 18px;
height: calc(100% - 10px);
width: 52px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.header-search-bar .header-search-btn:hover { background: #ffe62c; }
.wp-block-shortcode .header-search-bar,
.wp-block-shortcode .header-search-inner { display: flex; } .wp-block-shortcode {
margin-bottom: 0 !important;
flex: 1 1 auto;
min-width: 0;
}
.wp-block-shortcode p:empty {
display: none;
margin: 0; padding: 0; height: 0; line-height: 0;
}
.wp-block-group:has(> .wp-block-shortcode) {
align-items: stretch !important;
flex: 1 1 auto;
min-width: 0;
}
.header-search-wrap .wp-block-buttons,
.header-icons-group .wp-block-buttons {
position: relative;
z-index: 2;
flex-shrink: 0 !important;
min-width: fit-content !important;
width: auto !important;
display: flex !important;
align-items: stretch !important;
}
.wp-block-buttons .wp-block-button { display: flex; align-items: stretch; }
.header-search-wrap .wp-block-buttons .wp-block-button .wp-block-button__link,
.header-icons-group .wp-block-buttons .wp-block-button .wp-block-button__link {
height: 50px;
padding: 0 1.2rem !important;
display: flex;
align-items: center;
white-space: nowrap;
font-size: 13px;
line-height: 1;
box-sizing: border-box;
}
.wc-block-mini-cart__button,
.wc-block-customer-account__account-icon {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex-shrink: 0;
}
.wp-block-group:has(.wc-block-mini-cart__button) {
position: relative;
z-index: 1;
flex-shrink: 0;
padding-left: 6px !important;
padding-right: 6px !important;
} .header-logo-group  { flex: 0 0 auto; flex-shrink: 0; }
.header-search-wrap { flex: 1 1 auto; min-width: 0; }
.header-icons-group { flex: 0 0 auto; flex-shrink: 0; } .mega-menu-link .viewall { color: #1658d2; }
.mega-menu {
background: #fff;
position: relative;
z-index: 9999;
}
.mega-menu__bar {
list-style: none;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
max-width: 1280px;
margin: 0 auto;
}
.mega-menu__item { position: static; }
.mega-menu__top-link {
display: block;
padding: 0 20px;
font-size: 12px;
font-weight: 600;
color: #333;
text-decoration: none;
white-space: nowrap;
transition: color 0.15s ease;
}
.mega-menu__top-link:hover,
.mega-menu__item:hover .mega-menu__top-link { color: #1658d2; }
.mega-menu__panel {
display: none;
position: absolute;
left: 0; right: 0; top: 100%;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
z-index: 9999;
}
.mega-menu__item:hover .mega-menu__panel { display: block; }
.mega-menu__panel-inner {
display: flex;
flex-wrap: wrap;
gap: 30px;
max-width: 1280px;
margin: 0 auto;
padding: 10px;
}
.mega-menu__column { min-width: 150px; flex: 1 1 150px; }
.mega-menu__col-title {
display: block;
font-size: 12px;
font-weight: 700;
color: #111;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 6px;
}
.mega-menu__col-title:hover { color: var(--wp--preset--color--primary, #2443bd); }
.mega-menu__col-divider {
border: none;
border-top: 1px solid #e0e0e0;
margin: 6px 0 10px;
}
.mega-menu__col-list { list-style: none; margin: 0; padding: 0; }
.mega-menu__col-list li a {
display: block;
padding: 3px 0;
font-size: 13px;
color: #444;
text-decoration: none;
transition: color 0.15s ease;
}
.mega-menu__col-list li a:hover,
.mega-menu__view-all { color: var(--wp--preset--color--primary, #2443bd) !important; }
.mega-menu__view-all { font-weight: 600; } @media (max-width: 1200px) {
.mega-menu { display: none; }
}
@media (max-width: 782px) {
.header-row-main {
flex-wrap: wrap !important;
align-items: center;
}
.header-logo-group {
order: 1;
flex: 1 1 auto !important;
}
.header-icons-group {
order: 2;
flex-shrink: 0 !important;
}
.header-row-main .wp-block-maxmegamenu-location,
.header-row-main #mega-menu-wrap-max_mega_menu_2 {
order: 2;
flex-shrink: 0 !important;
}
.header-search-wrap {
order: 3;
width: 100%;
flex: 0 0 100% !important;
padding: 10px 0;
}
} .wp-block-template-part[data-slug="header"],
header,
#masthead {
position: relative;
z-index: 999;
}
.woocommerce-product-gallery,
.wp-block-woocommerce-product-gallery {
position: relative;
z-index: 1 !important;
transform: none !important;
}
.entry-content .wp-block-columns,
.wp-block-post-content .wp-block-columns {
position: relative;
z-index: 1;
} ul.grocefycart-page-list-padding { padding: 0; }
.child-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 12px;
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
.child-cat-grid li { margin: 0; padding: 0; }
.child-cat-card {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #dce5f6;
border-radius: 8px;
padding: 5px 16px;
background: #e8f0fe;
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s, border-color 0.2s;
box-sizing: border-box;
height: 100%;
}
.child-cat-card:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.05);
border-color: #dce5f6;
text-decoration: none;
color: inherit;
}
.child-cat-card__name {
font-weight: 700;
font-size: 0.8rem;
line-height: 1.3;
color: #111;
}
.child-cat-card__arrow {
font-size: 1.7rem;
color: #7690A8;
font-weight: 400;
margin-left: 4px;
flex-shrink: 0;
}
.parent-cat-link {
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
color: #004990;!important
font-size: 0.8rem;
margin-bottom: 0px;
}
.parent-cat-link:hover {
color: #0c51c0;!important
}
.parent-cat-link__arrow {
font-size: 1.1rem;
line-height: 1;
}
.parent-cat-link:hover .parent-cat-link__name { text-decoration: underline; }
.parent-cat-link__name { font-weight: 700; font-size: 0.9rem; color: #111; }
.parent-cat-link__arrow { font-size: 1rem; color: #999; flex-shrink: 0; }
.filter-drawer__trigger {
display: none;
align-items: center;
justify-content: center;
gap: 6px;
padding: 7px 14px;
height: 34px;
width: 100px;
background: #004990;
color: #fff;
border: none;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
cursor: pointer;
margin-bottom: 12px;
transition: background 0.2s;
white-space: nowrap;
}
.filter-drawer__trigger:hover { background: #003470; }
.filter-drawer__overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
z-index: 9998;
opacity: 0;
transition: opacity 0.3s ease;
}
.filter-drawer__overlay.is-visible { opacity: 1; }
.filter-drawer {
position: fixed;
top: 0; right: 0;
width: 82%;
max-width: 320px;
height: 100dvh;
background: #fff;
z-index: 9999;
transform: translateX(100%);
transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: -4px 0 32px rgba(0,0,0,0.14);
}
.filter-drawer.is-open { transform: translateX(0); }
.filter-drawer__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-bottom: 1px solid #eee;
position: sticky;
top: 0;
background: #fff;
z-index: 1;
}
.filter-drawer__title {
font-size: 15px;
font-weight: 700;
color: #111;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.filter-drawer__close {
background: none;
border: none;
cursor: pointer;
padding: 6px;
color: #555;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: background 0.15s, color 0.15s;
}
.filter-drawer__close:hover { background: #f0f0f0; color: #111; }
.cat-tag-filter {
background: #fff;
border: 1px solid #eee;
border-radius: 4px;
margin-bottom: 10px;
padding: 0;
}
.cat-tag-filter__list { list-style: none; margin: 0; padding: 0; }
.cat-tag-filter__item a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
font-size: 13px;
color: #444;
text-decoration: none;
gap: 6px;
transition: background 0.15s, color 0.15s;
}
.cat-tag-filter__item a:hover { background: #f0f0f0; color: #004990; }
.cat-tag-filter__item.is-active a { background: #004990; color: #fff; font-weight: 600; }
.cat-tag-filter__name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cat-tag-filter__count { font-size: 11px; opacity: 0.6; flex: 0 0 auto; white-space: nowrap; } @media (max-width: 782px) { .header-row-main {
flex-wrap: wrap !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
row-gap: 0 !important;
}
.header-logo-group  { order: 1; flex: 1 1 auto; }
.header-icons-group { order: 2; flex-shrink: 0; }
.header-row-main .wp-block-maxmegamenu-location { order: 2 !important; }
.header-logo-group .eb-button-wrapper { display: none !important; }
.header-search-wrap { order: 3; width: 100%; padding: 10px 0; }
.header-search-bar .header-search-cat { display: none; }
.header-search-bar .header-search-input { font-size: 16px; } .mega-menu-toggle .mega-toggle-label-closed span:not(.mega-toggle-animated-box),
.mega-menu-toggle .mega-toggle-label-open span:not(.mega-toggle-animated-box) {
display: none !important;
} #mega-menu-wrap-max_mega_menu_2 {
z-index: 9999 !important;
position: relative !important;
}
button.mega-toggle-standard {
position: relative !important;
z-index: 9999 !important;
pointer-events: auto !important;
} .filter-drawer__trigger { display: flex; }
.filter-drawer__overlay { display: block; }
.filter-drawer .cat-tag-filter__item a {
padding: 13px 16px;
border-bottom: 1px solid #f5f5f5;
}
.filter-drawer .cat-tag-filter__item:last-child a { border-bottom: none; }
} @media (min-width: 783px) {
.mega-menu-toggle { position: static !important; height: auto !important; } .filter-drawer {
position: static !important;
transform: none !important;
height: auto !important;
max-width: none !important;
box-shadow: none !important;
border: 1px solid #eee !important;
border-radius: 4px !important;
overflow: visible !important;
transition: none !important;
}
.filter-drawer .cat-tag-filter__list { display: block !important; }
.filter-drawer__header { display: none; }
.filter-drawer__trigger,
.filter-drawer__overlay { display: none !important; }
}  @media (min-width: 782px) {
.hon-category-banner { display: none !important; }
} @media (max-width: 781px) {
.wp-block-columns .wp-block-column[style*="flex-basis:260px"],
.wp-block-columns .wp-block-column[style*="flex-basis: 260px"],
.wp-block-columns .wp-block-column[style*="flex-basis:250px"],
.wp-block-columns .wp-block-column[style*="flex-basis: 250px"] {
display: none !important;
}
.hon-category-banner {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}
.wp-block-columns .wp-block-column:not([style*="flex-basis:260px"]):not([style*="flex-basis: 260px"]):not([style*="flex-basis:250px"]):not([style*="flex-basis: 250px"]) {
flex-basis: 100% !important;
max-width: 100% !important;
}
.hon-category-banner .wp-block-buttons,
.hon-category-banner .wp-block-button { width: 100%; }
.hon-category-banner .wp-block-button__link {
width: 100%;
text-align: center;
display: block;
} .wp-block-group.has-secondary-background-color .wp-block-columns .wp-block-column {
flex-basis: calc(50% - 12px) !important;
min-width: calc(50% - 12px) !important;
} .wp-block-columns:has(> .wp-block-column > h3 + .wp-block-woocommerce-product-collection) {
flex-wrap: wrap !important;
}
.wp-block-columns:has(> .wp-block-column > h3 + .wp-block-woocommerce-product-collection) .wp-block-column {
flex-basis: 100% !important;
}
} @media (min-width: 600px) and (max-width: 781px) {
.hon-category-banner {
flex-direction: row !important;
align-items: center !important;
}
.hon-category-banner .wp-block-buttons,
.hon-category-banner .wp-block-button { width: auto; flex-shrink: 0; }
.hon-category-banner .wp-block-button__link { width: auto; display: inline-block; }
} @media (max-width: 480px) {
.wp-block-group.has-secondary-background-color .wp-block-columns .wp-block-column {
flex-basis: 100% !important;
min-width: 100% !important;
}
} .hon-zone-list {
list-style: none !important;
padding-left: 0 !important;
}
.hon-zone-list li {
display: flex;
align-items: center;
gap: 7px;
padding: 3px 0;
font-size: 12px;
}
.hon-zone-list li::before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6E56' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
} .wc-block-components-product-image img {
aspect-ratio: 1 !important;
object-fit: contain !important;
width: 100% !important;
height: auto !important;
background: #ffffff;
} .hon-image-wrap {
position: relative;
overflow: hidden;
}
.hon-image-wrap .wc-block-components-product-button {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(100%) !important;
opacity: 0 !important;
transition: transform 0.25s ease, opacity 0.25s ease !important;
z-index: 3 !important;
}
.hon-image-wrap:hover .wc-block-components-product-button {
transform: translateY(0) !important;
opacity: 1 !important;
}  .woocommerce .wc-block-components-product-button .added_to_cart,
.woocommerce-page .wc-block-components-product-button .added_to_cart {
display: none !important;
}
.wc-block-product-filter-clear-button .wp-block-button__link {
background-color: #fff !important;
border-color: #0C51C0 !important;
color: #0C51C0 !important;
}
.wc-block-product-filter-clear-button .wp-block-button__link:hover {
background-color: #0C51C0 !important;
color: #ffffff !important;
} img.attachment-woocommerce_single {
aspect-ratio: 1 !important;
object-fit: contain !important;
width: 100% !important;
height: auto !important;
background: #ffffff;
} .woocommerce-account .woocommerce {
display: flex;
align-items: flex-start;
gap: 40px;
}
.woocommerce-MyAccount-navigation {
flex: 0 0 200px;
width: 200px;
}
.woocommerce-MyAccount-content {
flex: 1 1 auto;
min-width: 0;
} .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 14px;
color: #111;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
transition: background 0.15s;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background: #f0f0f0;
text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: #1a56db;
color: #ffffff;
font-weight: 600;
} @media (max-width: 600px) {
.woocommerce-account .woocommerce {
flex-direction: column;
}
.woocommerce-MyAccount-navigation {
width: 100%;
}
}
.wp-block-woocommerce-product-filter-checkbox-list,
.wc-block-product-filter-checkbox-list {
border: none !important;
}
.wc-block-product-filter-removable-chips {
border: none !important;
}
.wc-block-product-filter-removable-chips .wc-block-product-filter-removable-chips__chip {
border: none !important;
}