/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    --border-radius: 50px;
    --border-radius-mobile: 30px;
    --border-radius-form: 15px;

    --color-orange: #ff4800;
    --color-orange-hover: #ff623f;

    --color-yellow: #febc00;
    --color-yellow-hover: #ffc758;

    --color-blue: #1d1d4f;
    --color-blue-hover: #1a265a;

    --color-light-blue: #dfe7fc;
    --color-light-blue-hover: #ffffff;

    --color-button-blue-alt: #9db6de;    
    --color-button-blue-alt-hover: #b6cae5;

    --color-button-green: #bdcbc6;
    --color-button-green-hover: #cbd8d1;

    --color-light-gray: #e8e2d8;
    --color-light-gray-hover: #f0ece4;
    --color-input-grey: #e6e1d8;

    --line-width: 2px;
    --container-width: 1200px;
    --button-right-width: 50px;
    --button-height: 52px;
    --button-font-size: 17px;
    --button-font-size-mobile: 13px;
}

/*BODY*/
div.site#page {
    min-height: 75vh;
}

body.home {
    background-image: url('/wp-content/uploads/2026/03/lumome-home-bg-fade.webp');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-x: hidden;
}

.site-header, .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: transparent;
    user-select: none;
}

h2.slogan {
    padding: 5vw 4rem 8vw 4rem;
    font-size: clamp(20px, 7vw, 50px) !important;
    word-wrap: normal;
    line-height: 1.1;
}

/*HEADER*/
header .inside-header {
  position: relative;
}

header .inside-header::after {
  content: '';
  position: absolute;
  top: 46px;
  width: calc(100% - 80px);
  height: 2px;
  background: white;
}

header .site-logo {
    height: 52px;
    width: 180px;
    border-radius: var(--border-radius);
    border: var(--line-width) solid var(--color-light-gray);
    background-color: var(--color-blue);
    color: var(--color-light-gray);
    line-height: calc(46px - var(--line-width));
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-left: 3px;
    z-index: 1;
}

/*NAV*/
.main-navigation a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}

.main-navigation, .main-navigation ul ul {
    background-color: transparent;
}

.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
}

ul.menu::after {
    display: block;
    content: url('/wp-content/uploads/2026/03/circle-icon.svg');
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius);
    border: var(--line-width) solid var(--color-light-gray);
    background-color: var(--color-blue);
    line-height: calc(46px - var(--line-width));
    padding: 7px;
    box-sizing: content-box;
}

ul.menu li.menu-item {
    height: 52px;
    border-radius: var(--border-radius);
    border: var(--line-width) solid var(--color-light-gray);
    background-color: var(--color-blue);
    color: var(--color-light-gray);
    line-height: calc(46px - var(--line-width));
    text-align: center;
    margin-right: 15px;
}

ul.menu li.menu-item.current_page_item {
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: var(--color-yellow);
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--color-blue);
}

/*PRODUCT IMAGE OVERRIDE*/
.no-lightbox .woocommerce-product-gallery__trigger { display: none !important; }
.no-lightbox .woocommerce-product-gallery__image a { pointer-events: none; cursor: default; }
.no-lightbox img.zoomImg {
    display: none !important;
    opacity: 0 !important;
}

/*HAMBURGER*/
button.menu-toggle {
    height: 52px;
    border-radius: var(--border-radius);
    border: var(--line-width) solid var(--color-light-gray);
    background-color: var(--color-blue) !important;
    text-align: center;
    padding: 0px 13px;
    line-height: 56px !important;
    font-size: 22px;
}

.gp-icon svg {
    fill: var(--color-yellow);
    height: auto;
    width: auto;
    top: 1px;
}


/*GRAPHIC REPORT*/
.wp-block-group .whatis-left {
    width: 60%;
}

.whatis-left button {
    margin-top: 20px;
}

figure.graphic-report {
    position: absolute;
    display: block;
    top: max(-13vw, -180px);
    right: min(-15px, -5vw);
    z-index: 99999;
    pointer-events: none;
}

figure.graphic-report img {
    height: clamp(250px, 45vw, 500px);
}

.wp-block-group:not(.inner) {
    border-radius: var(--border-radius);
    margin-bottom: 10px;
}

h2.wp-block-heading {
    margin-bottom: 30px;
}

.site-main section.wp-block-group>.wp-block-group__inner-container {
/*.site-main .wp-block-group__inner-container {*/
    padding: var(--border-radius) calc(var(--border-radius) - 10px);
    position: relative;
}

/*
.site-main .wp-block-group__inner-container .wp-block-buttons.arrow {
    position: absolute;
    top: 35px;
    right: 40px;
}
*/

.wp-block-group.inner .wp-block-group__inner-container {
    padding: 0 var(--border-radius);
    margin: 0 calc(var(--border-radius) * -1);
}

.wp-block-separator {
    border-top: var(--line-width) dashed var(--color-blue);
    margin-left: calc(var(--border-radius) * -1 + 10px);
    margin-right: calc(var(--border-radius) * -1 + 10px);
    background-color: transparent;
}

/*
.wp-block-group__inner-container .wp-block-separator {
    margin-left: calc(var(--border-radius) * 2 * -1);
    margin-right: calc(var(--border-radius) * 2 * -1);
}
*/

/*IMAGE GRID*/
.wp-block-group.about-us-image-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding: 0 3rem 0 2rem;
    margin: 2.5rem 0 2.5rem 0;
}

.wp-block-group.about-us-image-grid figure img {
    border-radius: 25px;
}

/*ARROW BUTTON*/
.arrow-open button {
    border-radius: var(--border-radius-form);
    background-color: var(--color-button-green);
}

.arrow-open img {
    width: 35px;
    height: auto;
    vertical-align: text-top;
}

/*BUTTONS*/
.wp-block-button .wp-block-button__link {
    text-transform: uppercase;
    border-radius: 15px;
}

.wp-block-button.buy a,
.wp-block-button.start a, 
.wp-block-button.start span {
    font-weight: 900;
    border: var(--line-width) solid var(--color-blue);
    background-color: transparent !important;
    color: var(--color-blue) !important;
    text-decoration: none !important;
    padding-right: calc(var(--button-right-width) + 20px);
    line-height: calc(var(--button-height) / 2) !important;
    position: relative;
    text-align: left;
    min-width: 310px;
    position: relative;
    height: var(--button-height);
    padding: 12px calc(var(--button-height) + 20px) 13px 20px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
.wc-proceed-to-checkout .button,
button.save-changes,
.button.wc-backward,
li.woocommerce-MyAccount-navigation-link a {
    font-size: var(--button-font-size) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    border-radius: var(--border-radius-form);
    padding: 12px calc(var(--button-height) + 20px) 13px 20px !important;
    /*line-height: inherit !important;*/
    line-height: calc(var(--button-height) / 2) !important;
    box-sizing: border-box;
    max-width: 282px;
    min-width: 232px;
    width: 100%;
    position: relative;
    display: block;
    height: var(--button-height);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, 
.button.wc-forward {
    text-align: left;
    padding-top: 14px !important;
}

.wc-proceed-to-checkout .button,
button.save-changes {
    max-width: 335px !important;
    color: var(--color-blue) !important;
    height: 51px;
}

p.form-row button.woocommerce-Button,
p.form-row button.woocommerce-button {
    text-align: center;
    max-width: 100% !important;
    color: var(--color-blue) !important;
    height: 51px;
}

.wc-proceed-to-checkout .button.wc-forward,
button.save-changes,
.lumome-code-list__row--questionnaire button, 
.button.btn-lumo,
p.form-row button.woocommerce-Button,
p.form-row button.woocommerce-button {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-yellow) !important; /* bal oldal alap */
    border: none;
}

li.woocommerce-MyAccount-navigation-link a,
button.button-primary {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-button-blue-alt), var(--color-button-blue-alt)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-button-blue-alt) !important; /* bal oldal alap */
    color: var(--color-blue) !important;
    text-decoration: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-light-gray), var(--color-light-gray)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-light-gray) !important; /* bal oldal alap */
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:after {
    background-image: url(/wp-content/uploads/2026/05/button-ltgrey-right.svg);
}

.lumome-code-list__row--debrief button {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-orange), var(--color-orange)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-orange) !important; /* bal oldal alap */    
    color: white !important;
    text-align: left;
}


.wc-proceed-to-checkout .button.return-to-shop,
a.button.wc-backward {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) left var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-button-blue-alt), var(--color-button-blue-alt)) left 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-button-blue-alt) !important; /* bal oldal alap */
    padding: 14px 20px 13px calc(var(--button-height) + 20px) !important;
    color: var(--color-blue) !important;
    text-align: right;
}

#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
    padding: 3rem 0;
}


/*ADD TO CART BUTTON*/
.single_add_to_cart_button {
    font-size: var(--button-font-size) !important;
    font-weight: 900 !important;
    border: var(--line-width) solid #e3dcd1 !important;
    background:
        linear-gradient(#e3dcd1, #e3dcd1) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-blue), var(--color-blue)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        transparent !important; /* bal oldal alap */
    color: #e3dcd1 !important;
    text-decoration: none !important;
    position: relative !important;
    text-align: left;
    text-transform: uppercase;
    border-radius: 15px !important;
    padding: 2px 78px 0px 20px !important;
    line-height: 46px !important;
    box-sizing: border-box;
    max-width: 282px;
    min-width: 232px;
    width: 100%;
}
.single_add_to_cart_button::after {
    right: 14px;
    width: 22px;
    height: 22px;
}


/*EVERY BUTTON BEFORE AND AFTER */
.wp-block-button.buy a::after,
.wp-block-button.start a::after, 
.wp-block-button.start span::after,
.wp-block-button.start a::before, 
.wp-block-button.start span::before,
.button.wc-forward::after,
.button.wc-forward::before,
.wc-proceed-to-checkout .button::after,
.wc-proceed-to-checkout .button::before,
.button.wc-backward::after,
.button.wc-backward::before,
.single_add_to_cart_button::after,
li.woocommerce-MyAccount-navigation-link a::after,
li.woocommerce-MyAccount-navigation-link a::before,
button.save-changes::after,
button.save-changes::before,
.lumome-code-list__row--questionnaire button::after,
.lumome-code-list__row--questionnaire button::before,
.lumome-code-list__row--debrief button::after,
.lumome-code-list__row--debrief button::before,
a.button::after,
a.button::before,
button.button-primary::after,
button.button-primary::before,
.button.btn-lumo::after,
.button.btn-lumo::before,
p.form-row button.woocommerce-Button::after,
p.form-row button.woocommerce-button::after,
p.form-row button.woocommerce-Button::before,
p.form-row button.woocommerce-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

.wp-block-button.buy a::after {
    /*content: url(/wp-content/uploads/2026/03/button-plus.svg);*/
    background-image: url(/wp-content/uploads/2026/03/button-plus.svg);
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
}

/*SÁRGA JOBBRA NYÍL*/
.wp-block-button.start.yellow a::after, 
.wp-block-button.start.yellow span::after,
.wp-block-button.start.orange a::after, 
.wp-block-button.start.orange span::after,
.button.wc-forward::after,
.button.wc-backward::after,
.wc-proceed-to-checkout .button::after,
button.save-changes::after,
li.woocommerce-MyAccount-navigation-link a::after,
.lumome-code-list__row--questionnaire button::after,
.lumome-code-list__row--debrief button::after,
.button.start.yellow::after,
button.button-primary::after,
p.form-row button.woocommerce-Button::after,
p.form-row button.woocommerce-button::after {
    /*content: url(/wp-content/uploads/2026/03/button-yellow-right.svg);*/
    content: ' ';
    background-image: url(/wp-content/uploads/2026/03/button-yellow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 15px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}

/*HOME AND SHOP ORANGE START*/
.wp-block-button.orange.start a::after,
.wp-block-button.orange.start span::after,
.lumome-code-list__row--debrief button::after {
    background-image: url(/wp-content/uploads/2026/03/button-orange-right.svg);
}

.wc-proceed-to-checkout .button.return-to-shop::after,
.button.wc-backward::after {
    content: ' ';
    background-image: url(/wp-content/uploads/2026/04/button-blue-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 14px;
    right: auto;
    rotate: 180deg;
    transform: translateY(calc(50% - 1px));
}

/*MY ACCOUNT BUTTONS*/
li.woocommerce-MyAccount-navigation-link a::after,
button.button-primary::after {
    background-image: url(/wp-content/uploads/2026/04/button-blue-left.svg);
}

button.button-primary {
    text-align: left;
}

li.woocommerce-MyAccount-navigation-link.is-active a::after {
    background-image: url(/wp-content/uploads/2026/03/button-yellow-right.svg);
}

li.woocommerce-MyAccount-navigation-link.is-active a {
    /*background-color: var(--color-yellow) !important;*/
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-yellow) !important; /* bal oldal alap */
}


form.yellow .single_add_to_cart_button::after {
    background-image: url(/wp-content/uploads/2026/04/button-plus-yellow.svg);
}

form.orange .single_add_to_cart_button::after {
    background-image: url(/wp-content/uploads/2026/03/button-plus-orange.svg);
}


/*BLUE CIRCLE TO THE RIGHT*/
.wp-block-button.start a::before, 
.wp-block-button.start span::before,
.button.wc-forward::before,
.button.wc-backward::before,
.wc-proceed-to-checkout .button::before,
li.woocommerce-MyAccount-navigation-link a::before,
button.save-changes::before,
.lumome-code-list__row--questionnaire button::before,
.lumome-code-list__row--debrief button::before,
a.button::before, 
.button.btn-lumo::before,
button.button-primary::before, 
p.form-row button.woocommerce-Button::before,
p.form-row button.woocommerce-button::before {
    display: block;
    content: '';
    right: 7px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: var(--color-blue);
}

.button.download {
    color: var(--color-blue);
    background: linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat, linear-gradient(var(--color-light-blue), var(--color-light-blue)) right 0 top / var(--button-right-width) 100% no-repeat, var(--color-light-blue) !important;
}

.button.download::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.97 10.76'%3E%3Cpath fill='%23dfe7fc' d='M3.35,10.71l11.4-3c2.95-.58,3-4,0-4.64L3.38.06A2.75,2.75,0,0,0,.09,2.55a46.31,46.31,0,0,0,0,5.65A2.75,2.75,0,0,0,3.35,10.71Z'/%3E%3C/svg%3E");
    rotate: 90deg;
    right: 25px;
    top: calc(50% - 8px);
    width: 20px;
    height: 20px;
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

.wc-proceed-to-checkout .button.return-to-shop::before,
.button.wc-backward::before {
    left: 7px;
    right: auto;
}

.wp-block-button.orange a,
.wp-block-button.orange span {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-orange), var(--color-orange)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        transparent; /* bal oldal alap */
}

.wp-block-button.yellow a,
.wp-block-button.yellow span {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        transparent; /* bal oldal alap */
}


.lumome-code-list__row--questionnaire button, 
.button.btn-lumo {
    color: var(--color-blue) !important;
    text-align: left;
}

a.button.btn-lumo.lumome-result-btn.yellow.start, 
a.button.btn-lumo.lumome-pdf-btn.download,
button.button.lumome-book-btn.btn-lumo.yellow.start,
li.woocommerce-MyAccount-navigation-link a,
button.button.lumome-download-btn, 
button.button.button-primary.btn-lumo.lumome-send-btn.start.yellow,
button.button.button-primary.btn-lumo.start.yellow,
button.button.save-changes,
button.woocommerce-Button.save-changes.button,
button.woocommerce-button.button.woocommerce-form-login__submit,
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
button.woocommerce-Button.button.woocommerce-form-pw__submit {
    padding-top: 14px !important;
}

/*BUTTON HOVER*/
.wc-proceed-to-checkout .button.wc-forward,
button.save-changes,
.lumome-code-list__row--questionnaire button,
.button.btn-lumo,
p.form-row button.woocommerce-Button,
p.form-row button.woocommerce-button,
li.woocommerce-MyAccount-navigation-link a,
button.button-primary,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a,
.lumome-code-list__row--debrief button,
.wc-proceed-to-checkout .button.return-to-shop,
a.button.wc-backward,
li.woocommerce-MyAccount-navigation-link.is-active a,
.button.download,
.wp-block-button.orange a,
.wp-block-button.orange span,
.wp-block-button.yellow a,
.wp-block-button.yellow span {
    transition: background .25s cubic-bezier(.4,0,.2,1);
}

.wp-block-button.start.yellow a:hover::after,
.wp-block-button.start.yellow span:hover::after,
.wp-block-button.start.orange a:hover::after,
.wp-block-button.start.orange span:hover::after,
.button.wc-forward:hover::after,
.wc-proceed-to-checkout .button.wc-forward:hover::after,
button.save-changes:hover::after,
li.woocommerce-MyAccount-navigation-link a:hover::after,
.lumome-code-list__row--questionnaire button:hover::after,
.lumome-code-list__row--debrief button:hover::after,
.button.start.yellow:hover::after,
button.button-primary:hover::after,
p.form-row button.woocommerce-Button:hover::after,
p.form-row button.woocommerce-button:hover::after,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:hover::after,
li.woocommerce-MyAccount-navigation-link.is-active a:hover::after {
    transform: translateY(-50%) scale(1.2) rotate(360deg) !important;
}

.wc-proceed-to-checkout .button.return-to-shop:hover::after,
.button.wc-backward:hover::after {
    transform: translateY(calc(50% - 1px)) scale(1.2) rotate(360deg) !important;
}

.wp-block-button.buy a:hover::after,
form.yellow .single_add_to_cart_button:hover::after,
form.orange .single_add_to_cart_button:hover::after {
    transform: translateY(-50%) scale(1.2) rotate(180deg) !important;
}

.button.download:hover::after {
    transform: translateY(-50%) scale(1.2) rotate(360deg) !important;
}

.wc-proceed-to-checkout .button.wc-forward:hover,
button.save-changes:hover,
.lumome-code-list__row--questionnaire button:hover,
.button.btn-lumo:hover,
p.form-row button.woocommerce-Button:hover,
p.form-row button.woocommerce-button:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-yellow-hover) !important;
}

li.woocommerce-MyAccount-navigation-link a:hover,
button.button-primary:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-button-blue-alt), var(--color-button-blue-alt)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-button-blue-alt-hover) !important;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-light-gray), var(--color-light-gray)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-light-gray-hover) !important;
}

.lumome-code-list__row--debrief button:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-orange), var(--color-orange)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-orange-hover) !important;
}

.wc-proceed-to-checkout .button.return-to-shop:hover,
a.button.wc-backward:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) left var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-button-blue-alt), var(--color-button-blue-alt)) left 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-button-blue-alt-hover) !important;
}

li.woocommerce-MyAccount-navigation-link.is-active a:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-yellow-hover) !important;
}

.button.download:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,
        linear-gradient(var(--color-light-blue), var(--color-light-blue)) right 0 top / var(--button-right-width) 100% no-repeat,
        var(--color-light-blue-hover) !important;
}

/*NYITÓ TRANSZPARENS GOMBOK*/
.wp-block-button.orange a:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-orange), var(--color-orange)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-button-green-hover) !important; /* bal oldal alap */
}

.wp-block-button.yellow a:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-button-green-hover) !important; /* bal oldal alap */
}

/*TERMÉK TRANSZPARENS GOMBOK*/
.wp-block-button.orange span:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-orange), var(--color-orange)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        white !important; /* bal oldal alap */
}

.wp-block-button.yellow span:hover {
    background:
        linear-gradient(var(--color-blue), var(--color-blue)) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-yellow), var(--color-yellow)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        white !important; /* bal oldal alap */
}

/*SHOP ADD TO CART*/
.single_add_to_cart_button:hover {
    background:
        linear-gradient(#e3dcd1, #e3dcd1) right var(--button-right-width) top / var(--line-width) 100% no-repeat,  /* vonal */
        linear-gradient(var(--color-blue), var(--color-blue)) right 0 top / var(--button-right-width) 100% no-repeat, /* jobb oldal */
        var(--color-blue-hover) !important; /* bal oldal alap */
}


/*WOOCOMMERCE*/
.woocommerce span.onsale {
    display: none;
}
.woocommerce ul.order_details li {
    border-right: var(--line-width) dashed var(--color-light-gray);
    padding-top: 15px;
    padding-bottom: 10px;
}
.woocommerce ul.order_details {
    border-top: var(--line-width) solid var(--color-light-gray);
}

/*TABLE*/
.woocommerce table.shop_table {
    border: none;
    border-collapse: collapse;
}

.woocommerce table.shop_table thead th,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td {
    border: none;
    padding: 9px 0px;
}

.woocommerce table.shop_table thead tr {
    border-bottom: var(--line-width) solid var(--color-light-gray);
}

.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
    border-bottom: var(--line-width) dashed var(--color-light-gray);
}

.woocommerce table.shop_table tbody tr td,
.woocommerce table.shop_table tfoot tr td {
    border-left: 2px dashed var(--color-light-gray);
}

.woocommerce table.shop_table tfoot tr td {
    text-align: right;
}

.woocommerce table.shop_table tbody tr td:first-child {
    border-left: none !important;
}
.woocommerce table.shop_table tfoot tr:last-child {
    border-bottom: none !important;
}


.woocommerce .woocommerce-customer-details address {
    display: grid;
    border: none;
    border-top: var(--line-width) solid var(--color-light-gray) !important;
    border-radius: 0 !important;
    padding: 15px 0 !important;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.woocommerce-customer-details--contact {
    border-left: var(--line-width) dashed var(--color-light-gray);
    padding: 15px 2rem;
    margin-top: -15px;
}

.woocommerce-customer-details--contact p {
    margin-bottom: 10px;
}


.woocommerce-breadcrumb,
span.posted_in,
.woocommerce .product_meta,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce .woocommerce-notices-wrapper {
    display: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.woocommerce h1.product_title.entry-title {
    color: var(--color-input-grey);
    font-weight: 700;
    font-size: clamp(32px, 4vw, 42px);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--color-input-grey);
    font-size: 1em;
    font-weight: 300;
    margin-top: 1rem;
}

.woocommerce div.product form.cart div.quantity {
    float: none;
    display: flex;
    gap: var(--line-width);
}

.woocommerce div.product form.cart .button {
    margin-top: 3rem;
}

.woocommerce div.product div.summary {
    padding: 3rem;
}

.woocommerce .quantity .qty {
    background-color: var(--color-input-grey) !important;
    border-radius: var(--border-radius-form) 0 0 var(--border-radius-form) !important;
    width: auto;
    color: var(--color-blue);
    font-weight: 700;
    min-width: 180px;
    max-width: 230px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}

.quantity-controls {
    display: inline-flex;
    flex-direction: column;
    vertical-align: top;
    border-radius: 0 var(--border-radius-form) var(--border-radius-form) 0;
    overflow: hidden;
    flex-shrink: 0;
    min-width: var(--button-right-width);
}

.quantity-controls button {
    background-color: var(--color-orange);
    border: none;
    padding: 4.5px 10px;
    box-sizing: content-box;
    line-height: 0;
    transition: all 0.18s ease;
}

.quantity-controls button:hover {
    filter: brightness(.92);
}

.quantity-controls button svg {
    transition: all 0.18s ease;
    height: 17px;
    width: 17px;
}

.quantity-controls button:hover svg {
    transform: scale(1.1);
}

.quantity-controls button.decrement svg {
    rotate: 180deg;
}

/* For Chrome/Edge and Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
}

/* For Firefox */
input[type="number"] {
    appearance: textfield;
    padding: 10px 20px;
}

input[type="number"]::placeholder {
    text-transform: uppercase;
    font-size: var(--button-font-size);
    font-weight: 700;    
    text-align: left;
    color: #828282;
}



/*ACCORDION*/
/* Az inner group alapból csukva */
.wp-block-group.inner {
  overflow-y: visible;
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.35s ease,
              margin-top 0.35s ease;
  opacity: 0;
  margin-top: 0;
}

/*EDITOR ONLY*/
.editor-styles-wrapper .wp-block-group.inner {
    max-height: fit-content;
    opacity: 1;
}


.wp-block-group.inner.is-open {
  max-height: 600px; /* elég nagy érték, hogy biztosan beleférjen a tartalom */
  opacity: 1;
  margin-top: 20px;
}

/* A nyíl forgása */
.arrow-open img {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


/*FOOTER*/
.site-footer h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
}

.site-footer .grid-container {
    padding: 2.5rem 6rem;
}

.site-footer .wp-block-separator {
    border-color: var(--color-light-gray);
    margin: 0;
}

.below-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.below-footer a {
    color: var(--color-yellow);
}

.below-footer div:last-child {
    text-align: right;
}

.footer-links {
    display: grid;
    grid-column: none;
}

.company-data .wp-block-group__inner-container {
    padding: 0;
}

.company-data h2 {
    margin-bottom: 20px;
}


/*CUSTOM SELECT*/
/*hide default select first*/
.variations select[name="attribute_quantity"] {
    display: none !important;
}

.lm-select-wrap {
    position: relative;
    display: flex;
    font-family: var(--font-sans);
    user-select: none;
}
.lm-selected {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: var(--border-radius-form);
    overflow: hidden;
    cursor: pointer;
    border: none;
    outline: none;
    gap: var(--line-width);
}
.lm-selected-label {
    flex: 1;
    padding: 2px 20px 0 20px;
    font-size: var(--button-font-size);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-blue);
    line-height: 50px !important;
    background: var(--color-input-grey);
    width: auto;
    min-width: 182px;
    max-width: 230px;
}
.lm-arrow-btn {
    width: calc(var(--button-right-width) + var(--line-width));
    height: 52px;
    background: var(--color-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.18s;
    border-radius: 0 var(--border-radius-form) var(--border-radius-form) 0;
    width: 50px !important;
}
.lm-selected:hover .lm-arrow-btn {
    filter: brightness(0.92);
}
.lm-arrow-btn svg {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    width: 17px;
    height: 17px;
    rotate: 180deg;
}
.lm-select-wrap.open .lm-arrow-btn svg {
    transform: rotate(180deg);
}
.lm-dropdown {
    position: absolute;
    top: calc(100% - var(--border-radius-form));
    left: 0;
    right: 0;
    background: var(--color-input-grey);
    border-radius: 0 0 var(--border-radius-form) var(--border-radius-form);
    overflow: hidden;
    z-index: 100;
    /*opacity: 0;*/
    /*transform: translateY(-8px) scale(0.98);*/
    pointer-events: none;
    /*transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);*/
    transition: height 0.22s ease;
    min-width: 180px;
    /*max-width: 230px;*/
    max-width: calc(100% - 55px);
    height: 0;
}
.lm-select-wrap.open .lm-dropdown {
    /*opacity: 1;
    transform: translateY(0) scale(1);*/
    pointer-events: all;
    height: 277px;
}
.lm-dropdown-inner { padding: 15px; }
.lm-dropdown-title {
    font-size: 0px;
    border-bottom: var(--line-width) dashed var(--color-blue);
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.lm-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1px 15px;
    border: var(--line-width) solid var(--color-blue);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 5px;
}
.lm-option.selected { 
    /*background: rgba(29,29,79,0.07); */
    background-color: var(--color-yellow) !important;
    border-color: var(--color-yellow) !important;
}
.lm-option.selected .lm-option-qty,
.lm-option.selected .lm-option-label {
    color: var(--color-blue) !important;
}

.lm-option:hover { 
    background: var(--color-blue);
    border-color: var(--color-blue);
}

.lm-option:hover .lm-option-qty,
.lm-option:hover .lm-option-label {
    color: white;
}


.lm-option-qty {
    min-width: 52px;
    height: 36px;
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 900;
    color: var(--color-blue);
}
.lm-option-label {
    font-size: 12px;
    color: var(--color-blue);
    opacity: 0.7;
    margin: 0 0 0 auto;
}



/*SHOP PAGE PRODUCTS*/
.woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    justify-content: space-evenly;
    padding: 3rem 0;
    gap: 3rem;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 320px;
    float: none;
    margin: 0;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}

/*
li.lm-product-item {
    border-radius: var(--border-radius);
    overflow: hidden !important;
}
*/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 !important;
    width: auto !important;
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    container-type: inline-size;
}

.lm-product-card-link {
    text-decoration: none;
    display: block;
}

.lm-product-card {
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    aspect-ratio: 3 / 4;
    cursor: pointer;
    background-color: var(--color-input-grey);
    min-width: 240px;
    max-width: 320px;
    width: 58cqi;
    container-type: inline-size;
}

/*
section.cross-sales .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 30%;
}
*/

section.cross-sells {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: var(--line-width) dashed var(--color-light-gray);
}

/* Színvariánsok */
.lm-card--yellow .lm-product-card { background-color: var(--color-yellow); }
.lm-card--orange .lm-product-card { background-color: var(--color-orange); }

/* Alapértelmezett cím- és ikonszín */
.lm-product-card__title { color: var(--color-blue); }
.lm-product-card__btn-icon svg line { stroke: var(--color-blue); }

/* Orange esetén fehér cím és ikon alapból */
.lm-card--orange .lm-product-card__title { color: #fff; }
.lm-card--orange .lm-product-card__btn-icon svg line { stroke: #fff; }

/* Hover: mindkét variánsnál fehér cím VAGY a saját színe */
.lm-product-card:hover .lm-product-card__title { color: #fff; }
.lm-card--orange .lm-product-card:hover .lm-product-card__title { color: var(--color-orange) !important; }
.lm-card--yellow .lm-product-card:hover .lm-product-card__title { color: var(--color-yellow) !important; }


/* Háttérkép réteg */
.lm-product-card__bg {
    position: absolute;
    inset: 0;
    background-image: var(--card-img, none);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.45s ease;
    filter: saturate(0);
}

.lm-product-card:hover .lm-product-card__bg { opacity: 1; }

.lm-product-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(29, 28, 79, 0.85);
    opacity: 0;
    transition: opacity 0.45s ease 0.15s;
}

.lm-product-card:hover .lm-product-card__overlay { 
    opacity: 1; 
    transition: none;
}

.lm-product-card__title {
    position: absolute;
    inset: 0;
    bottom: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 24px;
    font-size: 8.5cqi !important;
    font-weight: 800;
    text-transform: uppercase;
    transition: color 0.3s ease;
    z-index: 2;
    margin: 0;
}

.lm-product-card__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-input-grey);
    border-top: var(--line-width) dashed var(--color-blue);
    display: flex;
    align-items: center;
    padding: 25px 25px;
    gap: 8px;
    z-index: 2;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.lm-product-card__footer .wp-block-button {
    width: 100%;
}

.lm-product-card__footer .wp-block-button.start span {
    max-width: 240px;
    width: 100%;
    min-width: 183px;
}


.lm-product-card__btn-label {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-blue);
    padding-left: 8px;
}

.lm-product-card__btn-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-input-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.lm-card--yellow .lm-product-card__btn-icon { background: var(--color-yellow); }
.lm-card--orange .lm-product-card__btn-icon { background: var(--color-orange); }

.lm-product-card:hover .lm-product-card__btn-icon { transform: scale(1.08); }

/*ABOVE AMOUNT DUE*/
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart div.quantity {
    margin-bottom: 2.5rem;
    max-width: 285px;
}

/*AMOUNT DUE*/
.amount-due-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.4;
}

.amount-due-value {
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
}

.amount-due-label {
    font-size: 12px;
    color: #777;
    border-top: var(--line-width) dashed var(--color-light-gray);
    padding-top: 5px;
    margin-top: 5px !important;
    display: inline-block;
    padding-right: 30px;
}


/*CART*/
span.cart-badge {
    display: inline-block;
    width: 21px;
    height: 21px;
    color: var(--color-blue);
    background: var(--color-yellow);
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 7px;
    margin-bottom: 3px;
    line-height: 21px;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
}
ul.menu li.menu-item.current_page_item span.cart-badge {
    background: var(--color-blue);
    color: var(--color-yellow);
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}
.entry-header h1, .page-header h1 {
    font-weight: 700;
    font-size: 32px;
}

.cart-items .cart-header,
.cart-subtotal, 
.order-review-header,
.woocommerce-billing-fields h3 {
    border-bottom: var(--line-width) dashed var(--color-light-gray);
    font-size: 14px;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
}

.woocommerce-billing-fields h3 {
    border: none;
    margin-bottom: 0;
}

.review-order-item .product-icon, 
.lumome-code-list__row span.lumome-type-icon {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 23px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}

.review-order-item .product-icon.yellow,
.lumome-code-list__row--questionnaire span.lumome-type-icon {
    background-color: var(--color-yellow);
    color: var(--color-blue);
}

.review-order-item .product-icon.orange,
.lumome-code-list__row--debrief span.lumome-type-icon {
    background-color: var(--color-orange);
    color: white;
}


.cart-subtotal,
.order-total {
    display: flex;
    justify-content: space-between;
}

.order-total {
    border-top: var(--line-width) dashed var(--color-light-gray);
    padding: 10px 0 0 0;    
}

.cart-subtotal {
    display: none;
}

.order-total, .order-total span {
    font-weight: 400 !important;
    font-size: 32px;
}

.cart-items .cart-item-image {
    flex: 0 1 125px;
}

.cart-item-image img {
    border-radius: var(--border-radius-form);
    /*filter: saturate(0);
    opacity: .2;*/
    width: 100%;
}

.cart-item-remove svg {
    fill: white;
}

.cart-items .cart-item,
.review-order-items .review-order-item {
    display: grid;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    grid-template-columns: 120px 1fr 2fr;
    /*width: 55%;*/
}
.review-order-items .review-order-item {
    width: 100%;
    grid-template-columns: 60px 2fr 1fr;
    gap: 10px;
    margin: 2rem 0;
}

.cart-item-price,
.product-total {
    text-align: right;
}

.wc-proceed-to-checkout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

#add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before {
    content: none !important;
}


/*CHECKOUT*/
.woocommerce form .form-row .input-text, .woocommerce form .form-row select,
:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {
    border-radius: var(--border-radius-form);
    background-color: var(--color-input-grey);
    border: none;
    padding: 14px 20px;
}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {
    padding: 3px 16px 2px 16px;
    margin-bottom: 0px;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 14px 0px;
    font-size: 15px;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow {
    right: 16px;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border: none;
}

.woocommerce-privacy-policy-text p {
    font-size: 14px;
    margin: 20px 0 0 0;
}

.woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link {
    color: var(--color-yellow);
}

span.woocommerce-input-wrapper label.checkbox {
    font-size: 14px;
}

.woocommerce form .form-row .required {
    visibility: hidden;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: var(--color-orange);
}

#add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message {
    color: var(--color-yellow);
    font-size: 12px;
    margin: 5px 15px 0px 15px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(255, 255, 255, .08);
    border-radius: var(--border-radius-form);
    margin-top: 3rem;
}


/*FLOATING LABELS*/
/* Mező wrapper - a <p> tag */
.woocommerce-billing-fields .form-row,
.woocommerce-EditAccountForm .form-row,
.woocommerce-EditAddressForm .form-row {
    position: relative;
    margin-bottom: 16px;
}

/* Input mezők */
.woocommerce-EditAccountForm .form-row input.input-text,
.woocommerce-EditAddressForm .form-row input.input-text,
.woocommerce-EditAddressForm .form-row select,
.woocommerce-billing-fields .form-row input.input-text,
.woocommerce-billing-fields .form-row select {
    width: 100%;
    height: 52px;
    padding: 20px 12px 6px 16px;
    font-size: 15px;
    border: 0.5px solid #ccc;
    border-radius: var(--border-radius-form);
    box-sizing: border-box;
    outline: none;
}

/* label alapállapot */
.woocommerce-EditAccountForm .form-row label:not(.checkbox),
.woocommerce-EditAddressForm .form-row label:not(.checkbox),
.woocommerce-billing-fields .form-row label:not(.checkbox) {
    position: absolute;
    left: 20px;
    top: 29px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #999;
    pointer-events: none;
    transition: all 0.18s ease;
    margin: 0;
    line-height: 1;
}

/* label fent - has-value vagy fókusz esetén */
.woocommerce-EditAccountForm .form-row.has-value label:not(.checkbox),
.woocommerce-EditAccountForm .form-row:focus-within label:not(.checkbox),
.woocommerce-EditAddressForm .form-row.has-value label:not(.checkbox),
.woocommerce-EditAddressForm .form-row:focus-within label:not(.checkbox),
.woocommerce-billing-fields .form-row.has-value label:not(.checkbox),
.woocommerce-billing-fields .form-row:focus-within label:not(.checkbox) {
    top: 11px;
    transform: none;
    font-size: 10px;
    color: #666;
}


/*SELECT2*/
/* A lenyíló lista */
.select2-drop, .select2-dropdown {
    border: none;
    border-radius: var(--border-radius-form);
    background-color: var(--color-input-grey);
    font-size: 15px;
    padding-bottom: 15px;
}

/* Lista elemek hover */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-yellow);
}

.select2-results__option {
    padding: 6px 15px;
}

/* Kereső mező a dropdownban */
.select2-search--dropdown {
    padding: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    border-radius: var(--border-radius-form);
}

.select2-search--dropdown .select2-search__field {
    padding: 10px;
    color: white !important;
    font-size: 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
    padding-right: 36px;
}

/*CUSTOM SCROLLBAR*/
/* Chromium */
.select2-results__options::-webkit-scrollbar {
    width: 16px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: var(--color-input-grey); /* azonos a dropdown hátterével */
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #cccccc; /* csak a csúszka látszik */
    border-radius: 3px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #aaaaaa;
}

/* Firefox */
.select2-results__options {
    /*scrollbar-width: thin;*/
    scrollbar-color: #cccccc var(--color-input-grey);
}


/*ERRORS*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: white;
    border-top: 3px solid var(--color-yellow);
    border-radius: var(--border-radius-form);
    background-color: rgba(255, 255, 255, .08);
}

.woocommerce-info a,
p.lost_password a {
    color: var(--color-yellow) !important;
}

.woocommerce-error {
    border-top-color: var(--color-orange);
}

.woocommerce-error::before {
    color: var(--color-orange);
}

.woocommerce-info::before {
    color: var(--color-yellow);
}

p.return-to-shop {
    margin: 5rem 0;
}

/*LOGIN - REGISTER*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    border-radius: var(--border-radius-form);
    background-color: rgba(255, 255, 255, .08);
    color: var(--color-light-gray);
}

form.woocommerce-form-register .woocommerce-privacy-policy-text {
    border-color: var(--color-light-gray);
    border-style: dashed;
    border-width: 2px 0 2px 0;
    margin: 2rem 0;
}

form.woocommerce-form-register .woocommerce-privacy-policy-text p {
    margin: 20px 0 20px 0;
}

form.woocommerce-form-register p.woocommerce-form-row {
    margin-bottom: 1rem;
}

form.woocommerce-ResetPassword p.woocommerce-form-row,
body.woocommerce-checkout form.woocommerce-form-login p.form-row, 
body.woocommerce-checkout form.woocommerce-form-login p.lost_password {
    max-width: 65%;
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 5px !important;
}

form.woocommerce-form-login p.lost_password {
    display: block;
    border-top: var(--line-width) dashed var(--color-light-gray);
    margin-top: 2rem !important;
    padding-top: 1rem !important;
    font-size: 14px;
    margin-bottom: .5rem !important;
}

form.woocommerce-form-login .form-row-first, 
form.woocommerce-form-login .form-row-last,
form.woocommerce-ResetPassword .form-row-first,
form.woocommerce-ResetPassword .form-row-last {
    float: none;
}

.woocommerce-password-strength {
    color: var(--color-blue);
    border-radius: var(--border-radius-form);
    margin-top: 5px;
    font-size: 15px;
    padding: 10px .5em;
}

.entry-header h1, .page-header h1 {
    border-bottom: var(--line-width) dashed var(--color-light-gray);
    padding-bottom: 1.5rem;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    border-radius: var(--border-radius-form);
}




/*FAQ*/
/* Eredeti + elrejtése */
.wp-block-accordion-heading__toggle-icon {
    display: none;
}

/* A gomb legyen relative */
.wp-block-accordion-heading__toggle {
    position: relative;
}

/* ::before = a doboz, ez áll */
.wp-block-accordion-heading__toggle::before {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    translate: 0 -50%;
    width: 77px;  
    height: 47px; 
    background-color: var(--color-blue);
    border-radius: 15px;
}

/* ::after = csak az arrow, ez forog */
.wp-block-accordion-heading__toggle::after {
    content: '';
    position: absolute;
    right: 37px;
    top: 50%;
    translate: 0 -50%;
    width: 35px;
    height: 35px;
    background-image: url('/wp-content/uploads/2026/05/arrow-ltgrey.svg');
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: center;

    transition: transform .35s ease;
}

/* Csak az arrow forog */
.wp-block-accordion-heading__toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.wp-block-accordion-panel {
    /*padding: 10px 20px;*/
    color: var(--color-light-gray);
    background-color: var(--color-blue);
    border-radius: 0 0 var(--border-radius-form) var(--border-radius-form);
    margin-bottom: 5px;
    max-height: 300px;
    transition: all .55s ease;
    opacity: 1;
}

.wp-block-accordion-panel p {
    padding: 10px 20px 20px 20px;
}

.wp-block-accordion-panel[aria-hidden=true], .wp-block-accordion-panel[inert] {
    /*background-color: var(--color-light-blue);*/
    background-color: var(--color-blue);
    display: block;
    margin-block-start: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-35px);
}

.wp-block-accordion-heading,
.wp-block-accordion-panel p {
    margin-bottom: 0;
}

.wp-block-accordion-heading button {
    border-radius: var(--border-radius-form);
    padding: 10px 20px 10px 0;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none !important;
    padding-right: 105px;
    background-image: url(./assets/imgs/dashed-wide.png);
    background-repeat: no-repeat;
    background-position: right 130px center;
    transition: background-color 0.35s ease, border-radius 0.35s ease !important;
    z-index: 9999;
}

.wp-block-accordion-heading button:hover,
.wp-block-accordion-heading button:hover:focus {
    color: var(--color-blue);
    background-color: var(--color-light-blue);
}

.is-open .wp-block-accordion-heading button {
    color: var(--color-light-gray) !important;
    background-color: var(--color-blue) !important;
    border-radius: var(--border-radius-form) var(--border-radius-form) 0 0;
}

.wp-block-accordion-heading button:focus {
    color: inherit;
    background-color: inherit;
}

.wp-block-accordion-heading__toggle {
    display: block;
}

.wp-block-accordion-heading__toggle-title {
    transition: background-color 0.35s ease !important;
    background-color: var(--color-input-grey);
    padding-right: 35px;
    padding-left: 20px;
}

.wp-block-accordion-heading button:hover span.wp-block-accordion-heading__toggle-title {
    background-color: var(--color-light-blue);
    color: var(--color-blue);
}

.is-open .wp-block-accordion-heading__toggle-title {
    background-color: var(--color-blue) !important;
    color: var(--color-light-gray) !important;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}


/*DASHBOARD*/
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.woocommerce-MyAccount-navigation-link {
    margin-bottom: 15px;
}

.password-change {
    border-top: var(--line-width) dashed var(--color-light-gray);
    margin-top: 2rem;
    padding-top: .75rem;
}

span#account_display_name_description,
span#account_password_description {
    font-size: 12px;
    color: var(--color-light-gray);
    opacity: .65;
    font-weight: 300;
    padding: 10px var(--border-radius-form) 0px var(--border-radius-form);
    display: block;
}

button.save-changes {
    margin-top: 1.25rem !important;
    max-width: 100% !important;
}

/*IMGS ROUNDED*/
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
    border-radius: 15%;
}

/*TWO-COLS - SAULI & RITA*/
.two-cols {
    padding: 1rem 1.5rem 0 1.5rem;
}

.two-cols img {
    max-width: 50% !important;
}

.two-cols .wp-block-column figure {
    padding: 0 1.5rem;
}

.two-cols .wp-block-group {
    padding: 0 1.5rem;
    border-left: var(--line-width) dashed var(--color-blue);
    border-radius: 0;
}

.two-cols .wp-block-group__inner-container {
    padding: 0;
}

.two-cols h3.wp-block-heading {
    font-size: 20px;
    margin-top: 2rem;
}

/*DISCOUNTS*/
.wp-block-group.questionnaire-discounts {
    margin-bottom: 0;
}

.buy-wrapper>.wp-block-group__inner-container, 
.questionnaire-discounts>.wp-block-group__inner-container {
    padding: 0;
    margin: 1rem 0 3rem 0;
}

.questionnaire-discounts .wp-block-group.is-layout-grid {
    gap: 0px;
    padding: 20px 20px 0 20px;
}

.questionnaire-discounts .wp-block-group.is-layout-grid>.wp-block-group>.wp-block-group__inner-container {
    padding: 20px;
}

.wp-block-group.blue-box {
    border-radius: 0 0 35px 35px;
}

p.discount-header {
    display: block;
    border-radius: 35px 35px 0 0;
    border: var(--line-width) solid var(--color-blue);
    margin-bottom: 0;
    border-bottom: 0;
    padding: 1.25rem 2rem;
    font-weight: 600;
}

p.discount,
p.off {
    padding: 0;
    margin: 0;
}

p.discount {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25%;
    margin-bottom: 1rem;
    font-size: clamp(20px, 4.5vw, 70px) !important;
    font-weight: 600 !important;
}

p.off {
    font-size: clamp(12px, 2vw, 20px);
}

.edit-address a {
    color: var(--color-yellow);
}

p.order-again {
    display: none;
}

/*COMPANY DATA*/
.company-data {
    border-top: var(--line-width) dashed var(--color-blue);
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.company-data .wp-block-columns {
    margin: 0 !important;
}

.company-data .wp-block-column {
    padding-top: 1.5rem;
}

.company-data .wp-block-column:first-child {
    border-right: var(--line-width) dashed var(--color-blue);
    padding-right: 2rem;
}

.company-data .wp-block-column:last-child {
    padding-top: 63px !important;
}

.company-data .wp-block-column p {
    font-size: 15px;
}

.contact-email-phone {
    margin-bottom: 2rem !important;
}

.contact-email-phone p.woocommerce-customer-details--phone,
.contact-email-phone p.woocommerce-customer-details--email {
    padding-left: 1.5rem;
}

.contact-email-phone .woocommerce-customer-details--phone::before {
    font-family: WooCommerce;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    margin-right: .618em;
    content: "\e037";
    text-decoration: none;
    margin-left: -1.5em;
    line-height: 1.5;
    position: absolute;
}

.contact-email-phone .woocommerce-customer-details--email::before {
    font-family: WooCommerce;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    margin-right: .618em;
    content: "\e02d";
    text-decoration: none;
    margin-left: -1.5em;
    line-height: 1.5;
    position: absolute;
}

.woocommerce a.remove:hover {
    background-color: var(--color-orange) !important;
}

/*LOADER*/
.woocommerce .blockUI.blockOverlay {
    background-color: var(--color-blue) !important;
}

.woocommerce .blockUI.blockOverlay::before {
    height: 1.5em;
    width: 1.5em;
    animation: loader-spin 1.35s steps(16, end) infinite;
    background: url(./assets/imgs/loader.svg) center center;
}

@keyframes loader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*HOME PRODUCTS*/
.home-products-wrap img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    width: 100%;
}

.home-products-wrap .wp-block-image {
    container-type: inline-size;
}

.home-products-wrap .wp-block-image a {
    width: 100%;
}

.home-products-wrap .wp-block-image figcaption {
    display: block;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: 30px 20px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 7cqi;
    border-top: var(--line-width) dashed var(--color-blue);
    margin-top: 0;
    margin-bottom: 3rem;
}

.home-questionnaire-wrap .wp-block-image figcaption {
    background-color: var(--color-yellow);
}

.home-debrief-wrap .wp-block-image figcaption {
    background-color: var(--color-orange);
}






/*992px*/
@media (max-width: 992px) {
    .woocommerce div.product div.summary {
        padding: 1.5rem;
    }
}

/*768px*/
@media (max-width: 768px) {
    body, button, input, select, textarea {
        font-size: 15px;
    }
    .wp-block-group:not(.inner) {
        border-radius: var(--border-radius-mobile);
    }
    .site-main section.wp-block-group>.wp-block-group__inner-container {
        padding: 35px 30px;
    }
    button.button, a.button, span.wp-element-button, a.wp-element-button {
        font-size: 15px !important;
        font-weight: 700 !important;
    }
    .wp-block-button.buy a, .wp-block-button.start a, .wp-block-button.start span {
        min-width: 275px;
        padding: 10px 15px !important;
    }
    h2 {
        font-size: 20px;
        line-height: 1.15;
    }
    h2.wp-block-heading {
        margin-bottom: 20px;
    }
    .two-cols {
        padding: 1rem 0;
    }
    .two-cols .wp-block-column figure {
        padding: 0 1rem;
    }
    .two-cols img {
        max-width: 40% !important;
    }
    .two-cols h3.wp-block-heading {
        font-size: 16px;
    }
    .two-cols .wp-block-group {
        padding: 0 0 0 1rem;
        border-left: var(--line-width) dashed var(--color-blue);
        border-radius: 0 !important;
        font-size: 14px;
    }
    .wp-block-group.inner.is-open {
        max-height: 1200px;
    }
    .wp-block-accordion-heading button {
        padding: 10px 15px !important;
    }
    .below-footer {
        grid-template-columns: 1fr;
        gap: .5rem;
        font-size: 13px;
    }

    .site-footer .grid-container {
        padding: 2.5rem 3rem;
    }

    .below-footer div:last-child {
        text-align: left;
    }

    .company-data .wp-block-group-is-layout-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .company-data .wp-block-group-is-layout-grid p {
        text-align: left;
        font-size: 13px !important;
    }

    ul.menu::after {
        display: none;
    }

    .wp-block-group .whatis-left {
        width: 100%;
    }

    figure.graphic-report {
        display: none;
    }

    .wp-block-group.about-us-image-grid {
        gap: 15px;
        padding: 0;
    }

    .wp-block-group.about-us-image-grid figure img {
        border-radius: 15px;
    }

    .woocommerce div.product div.summary {
        padding: 0rem;
    }
    .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
        margin-top: 0em;
    }
    .woocommerce div.product div.images img {
        aspect-ratio: 10 / 5;
        object-fit: cover;
    }
    .wc-proceed-to-checkout {
        justify-content: center;
        gap: 2rem;
    }
    :root {
        --button-font-size: 14px;
    }
    .cart-items .cart-item, .review-order-items .review-order-item {
        grid-template-columns: 60px 1fr 2fr;
        font-size: 14px;
    }
    header.entry-header {
        margin-bottom: 1.5rem;
    }
    .order-review-header {
        margin-top: 2rem;
    }
    .has-inline-mobile-toggle #site-navigation {
        margin-top: 15px !important;
    }
    ul.menu li.menu-item {
        margin-bottom: 15px;
    }
    .woocommerce-customer-details--contact {
        border: none;
        padding: 0;
        margin: 0;
    }
    .woocommerce ul.order_details li {
        border: none;
    }
    .questionnaire-discounts .wp-block-group.is-layout-grid {
        gap: 0px;
        padding: 10px 10px 0 10px;
        border-radius: 0 0 25px 25px;
    }
    p.discount-header {
        border-radius: 25px 25px 0 0;
        font-size: 12px;
        padding: .75rem 1.25rem;
    }
    .questionnaire-discounts .wp-block-group.is-layout-grid>.wp-block-group>.wp-block-group__inner-container {
        padding: 10px;
    }
    .company-data .wp-block-columns {
        gap: 1rem;
    }
    .company-data .wp-block-column p {
        margin-bottom: 0;
    }
    .company-data .wp-block-column:first-child {
        border: none;
    }
    .company-data .wp-block-column:last-child {
        padding-top: 0 !important;
    }
    .wp-block-accordion-heading__toggle::before, 
    .wp-block-accordion-heading__toggle::after {
        display: none;
    }
    .wp-block-accordion-heading button {
        background-image: none;
    }
    .wp-block-accordion-heading__toggle-title {
        padding: 0;
    }
    .wp-block-accordion-panel {
        max-height: 600px;
        transition: all .55s ease;
    }   
    /*
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 90%;
    } 
    */
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
    .lm-product-card {
        border-radius: var(--border-radius-mobile);
    }
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button, .wc-proceed-to-checkout .button, button.save-changes, .button.wc-backward, li.woocommerce-MyAccount-navigation-link a {
        max-width: 100% !important;
        font-size: var(--button-font-size-mobile) !important;
    }    
    .woocommerce div.product form.cart .variations, 
    .woocommerce div.product form.cart div.quantity, 
    .lm-selected-label {
        max-width: 100%;
    }
    .lm-dropdown {
        max-width: calc(100% - 52px);
    }
    .woocommerce .quantity .qty {
        max-width: 100%;
        flex: 1;
    }
    p.form-row button.woocommerce-Button,
    p.form-row button.woocommerce-button {
        text-align: left !important;
    }
    .wp-block-button.start,
    .wp-block-button.buy {
        width: 100%;
    }
    .wp-block-button.start span,
    .wp-block-button.start a,
    .wp-block-button.buy a {
        min-width: 100%;
        font-size: var(--button-font-size-mobile) !important;
    }
    .lm-product-card__footer .wp-block-button.start span {
        line-height: 29px !important;
    }
    #site-navigation {
        overflow: hidden !important;
        height: 0 !important;
        opacity: 0 !important;
        transition: height 0.35s ease, opacity 0.35s ease !important;
        display: block !important;
    }
    #site-navigation.toggled {
        height: 201px !important;
        opacity: 1 !important;
    }
    #site-navigation .menu {
        visibility: visible !important;
        display: block !important;
    }
    .main-navigation .main-nav {
        flex-basis: 100%;
        order: 3;
    }
    .main-navigation .main-nav li {
        width: 100%;
        text-align: left !important;
    }

    .menu-toggle .gp-icon {
        height: 22px;
        width: 22px;
        position: relative;
    }

    .menu-toggle .gp-icon svg {
        transition: transform 0.35s ease, opacity 0.35s ease;
        position: absolute;
        display: block !important;
    }

    /* hamburger alapból látható */
    .menu-toggle .gp-icon svg:first-child {
        transform: rotate(0deg);
        opacity: 1;
    }

    /* X alapból láthatatlan */
    .menu-toggle .gp-icon svg:last-child {
        transform: rotate(-180deg);
        opacity: 0;
    }

    /* nyitott állapot */
    .toggled .menu-toggle .gp-icon svg:first-child {
        transform: rotate(180deg);
        opacity: 0;
    }
    .toggled .menu-toggle .gp-icon svg:last-child {
        transform: rotate(0deg);
        opacity: 1;
    }
    section.cross-sells {
        padding-top: 2rem;
        margin-top: 2rem;
    }
    .home-products-wrap {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .home-products-wrap img {
        border-radius: var(--border-radius-mobile) var(--border-radius-mobile) 0 0;
    }
    .home-products-wrap .wp-block-image figcaption {
        border-radius: 0 0 var(--border-radius-mobile) var(--border-radius-mobile);
        margin-bottom: 1.5rem;
    }
    form.woocommerce-ResetPassword p.woocommerce-form-row {
        max-width: 100%;
    }
}

@media (max-width: 630px) {
    .woocommerce .products ul, .woocommerce ul.products {
        justify-content: center;
        flex-wrap: wrap;
        padding: 1rem 0;
        gap: 3rem;
    }
}

@media (max-width: 450px) {
    .wp-block-group.about-us-image-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 0;
    }
    .questionnaire-discounts .wp-block-group.is-layout-grid {
        grid-template-columns: 2fr 2fr;
    }
    .wp-block-accordion-heading button {
        padding-right: inherit;
        font-size: 16px;
        line-height: 22px;
    }
    /*
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100%;
    }
    */
    .lm-product-card {
        min-width: 240px;
        min-height: auto;
        max-width: 250px;
        max-height: 350px;
    }
    .home-products-wrap .wp-block-group__inner-container {
        padding: 0;
    }
}