:root {
    --links-normal-color: #A28573;
    --tables-links-normal-color:  #A28573;
    --tables-links-hover-color:  #A28573;
    --bs-body-font-family: 'Noto Sans', 'Inter', sans-serif;
    --bs-font-sans-serif: 'Noto Sans', 'Inter', sans-serif;
}


.woocommerce a.remove {
    padding:2px !important;
    color: rgb(190, 190, 190) !important;
}

.woocommerce a.remove:hover {
    padding:2px !important;
    color: white !important;
    background:var(--wc-red) !important;
}


.lm-header__burger {
    padding: 0px !important;
}

.woocommerce-MyAccount-content a {
    color: var(--links-normal-color, #A28573) !important;
}

.woocommerce-MyAccount-content-wrapper p {
    text-align: center !important;
}


/* get the product pics aligned on the left side shown a bit bigger */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 95%;
}


/* #customer_login — REMOVED: login/register now use standalone page templates */

#express-payment-method-ppcp-gateway-paypal, #express-payment-method-ppcp-gateway-card {
    z-index: 10;
}

.site-main .woocommerce {
    margin-top:50px;
}

.woocommerce-form-row input:-webkit-autofill:hover,
.woocommerce-form-row input:-webkit-autofill:focus,
.password-input input:-webkit-autofill:focus,
.password-input input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #333 !important;
	transition: background-color 5000s ease-in-out 0s;
}

.lm-info-class {
    margin-top: 100px;
    margin-left: 5%;
    margin-right: 5%;
}

.lm-info-class h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.lm-link-in-text:hover {
    color: #A28573 !important;
    font-weight: 500;
}

*:focus {
    outline: none !important;
}

.quantity {
    height:42px;
    outline: none;
}

.lm-button, .woocommerce-orders-table__row .woocommerce-button, .woocommerce-address-fields .button {
    font-weight: 200;
    font-size: 13px;
    font-family: "Noto Sans", Sans-serif;
    text-transform: uppercase;
    color: black;
    background-color: transparent;
    border-style: solid;
    border-width: 1px; 
    border-color: #201712;
    display: flex; 
    flex-direction: row;
    padding: 8px 16px 8px 16px;
    border-radius: unset;
    justify-content: center;
    line-height: 1rem;
}

.lm-button:hover, .woocommerce-orders-table__row .woocommerce-button:hover, .woocommerce-address-fields .button:hover {
    color: white;
    border-style: solid;
    border-width: 1px; 
    background: #A28573;
    border-color: #a28573;
    transition: all 0.3s ease;
}

.lm-button:focus {
    color: black !important;
    background-color: transparent !important;
}


.woocommerce-MyAccount-content >p {
    text-align: center;
    margin-bottom: 100px;
}

.woocommerce-MyAccount-content {
    margin-bottom:80px !important;
}

/* Replace the default WordPress password eye icon with custom SVG */
.show-password-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a9a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
}

.show-password-input::before, .show-password-input.display-password::before {
    content: none !important;
    display: none !important;
}

/* Eye closed (password visible) */
.show-password-input.display-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a9a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

/* Password eye toggle: positioning inside WooCommerce form fields */
.lm-pw-wrap {
    position: relative;
    display: block;
}
.lm-pw-wrap .show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
}
.lm-pw-wrap .woocommerce-Input--password {
    padding-right: 44px !important;
}


.woocommerce-MyAccount-content .register {
    font-size: 20px;
}

.woocommerce-MyAccount-content .login {
    font-size: 20px;
}


button.woocommerce-Button.button, .woocommerce-button, button.woocommerce-button.button, a.woocommerce-Button.button {
    fill: #201712 !important;
    color: #201712 !important;
    background-color: white !important;
    transition: all 0.5s ease !important;
    border-radius: 0px 0px 0px 0px !important;
    border-width: 1px !important;
    border-color: black !important;
    border-style: solid !important;
    padding: var(--forms-buttons-padding, 12px 32px);
    font-weight: 300;
}


button.woocommerce-Button.button:hover {
    color: white !important;
    border-color: white !important;
    background-color: #A28573 !important;
}

.woocommerce-password-strength.short, .woocommerce-password-strength.bad {
    background-color: #ff8383;
    border-color: #e35b5b;
    font-size: 18px;
    font-weight: 400;
    color: white;
}

.woocommerce-password-strength.good {
    background-color: #ffc52d;
    font-size: 18px;
    font-weight: 400;
    color: white;
    /* border-color: #ffc733; */
}

.woocommerce-password-strength.strong {
    background-color: #83c373;
    font-size: 18px;
    font-weight: 400;
    color: white;
}

/*
button.woocommerce-Button.button {
    background: #dd6305 !important;
    border: none !important;
    color: var(--forms-buttons-normal-text-color, #fff) !important;
    border-radius: var(--forms-buttons-border-radius, 8px) !important;
    padding: var(--forms-buttons-padding, 12px 32px) !important;
    font-weight: 400 !important;
}
*/

.woocommerce-MyAccount-content .woocommerce-form__label-for-checkbox span {
    font-size: 16px;
}

.woocommerce-MyAccount-content a:hover {
    color: var(--links-normal-color, #A28573);
    text-decoration: underline;
}


p.woocommerce-form-row.form-row {
    width: 100%;
}

.woocommerce-MyAccount-content .woocommerce-ResetPassword {
    font-size: 18px;
}
.woocommerce-MyAccount-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

div.woocommerce-notices-wrapper {
    width: 100%;
}

.lm-pw-toggle {
    background-color:transparent !important;
    border-style: none !important;
    border-color: white !important;
}

.lm-pw-toggle:hover {
    background-color:transparent !important;
    border-style: none !important;
    border-color: white !important;
}

.woocommerce-MyAccount-navigation li {
padding: 10px;
transition: all 0.5s ease !important;
margin-bottom: 15px;
list-style: none;
text-align: center;
margin-left: 0;
font-size: 16px;
box-shadow: 6px 7px 17px -2px #b1b1b1;
}


/* Account */
#account_display_name + span em {
    font-size: 12px; /* Example: Change to the size you want */
    color: #555; /* Example: Change to the color you want */
}


body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
/* DEBUGGING CODE FOR FINDING ISSUES WITH ELEMENT WIDTH
* {
    outline: 1px solid red;
}
*/

.woocommerce-MyAccount-navigation {
    display: none !important;
}
.woocommerce-MyAccount-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    padding-left: 20% !important;
    padding-right: 20% !important;
}

.woocommerce-EditAccountForm.edit-account {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.custom-my-account-title {
    display: flex;           /* Use flexbox for centering */
    justify-content: center; /* Horizontally center the content */
    align-items: center;     /* Vertically center the content */
    text-align: center;      /* Center-align text for fallback */
    margin-bottom: 30px;
}

.woocommerce-Input--text, .woocommerce-Input {
    outline: none;
}

.woocommerce-Input--text:hover, .woocommerce-Input:hover {
    outline: none;
}

.woocommerce-privacy-policy-text {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 50px;
}

.woocommerce-ResetPassword.lost_reset_password {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 30px;
}

.woocommerce-ResetPassword.lost_reset_password p {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
}

.woocommerce-ResetPassword .woocommerce-form-row {
    text-align: center;
}

.custom-my-account-title h2 {
    font-size: 36px;         /* Make the title bigger */
    margin: 0;               /* Remove default margin */
}



.my-account-dropdown {
    position: relative;
    display: inline-block;
}

.my-account-avatar {
    display: inline-block;
    cursor: pointer;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.my-account-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1.5px solid #FFF; /* Optional border */
}

.my-account-avatar:hover img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1.5px solid #A28573; /* Optional border */
}

.my-account-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 10px 0;
    margin: 0;
    z-index: 999;
    min-width: 200px;
}

.my-account-menu li {
    padding: 8px 15px;
}

.my-account-menu li a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: block;
}

.my-account-menu li a:hover {
    background-color: #f2f2f2;
}

.my-account-dropdown:hover .my-account-menu {
    display: block;
}

/* Center the form and all its contents */
#basic-user-avatar-form {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center elements horizontally */
    justify-content: center; /* Center elements vertically (if necessary) */
    text-align: center; /* Center-align the text */
    margin: 0 auto; /* Center the form in the container */
    max-width: 400px; /* Optional: Limit the width of the form */
}

/* Style the profile picture */
#basic-user-avatar-form img.avatar {
    width: 200px;
    border-radius: 50%;
    border: 2px solid #000;
    margin-bottom: 20px; /* Add space below the picture */
}

/* Center the input fields */
#basic-user-avatar-form input[type="file"],
#basic-user-avatar-form input[type="checkbox"],
#basic-user-avatar-form label,
#basic-user-avatar-form p.description {
    margin: 10px 0; /* Add space above and below */
}

/* Center the submit button */
#basic-user-avatar-form input[type="submit"] {
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 80px;
}


/* Menu items */
/* Hide both menus by default */
.logged-out-menu {
    display: block;
}

/* Show the Logged-In Menu when the user is logged in */
body.logged-in .logged-in-menu {
    display: block;
}


body.logged-in .logged-out-menu {
    display: none !important;
}


.with-empty-cart-icon::before {
    display: none !important;
    visibility: hidden !important;
}

.wp-block-woocommerce-empty-cart-block::before {
    content: ''; /* Required for pseudo-element visibility */
    display: block; /* Ensures it behaves like an inline-block or block element */
    width: 200px; /* Define the width */
    height: 200px; /* Define the height */
    background-image: url('/wp-content/uploads/2025/01/ShoppingBagEmpty.svg'); /* Ensure this path is correct */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px auto 0 auto; /* Adds space above and centers the image */
}

/* Product CSS */
/* Parent container for each color */
.selected-colors {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.color-container {
    width: 120px;
    display: flex;
    flex-direction: column;
/*    align-items: center; */
}

/* Color preview (circle or square) */
.color-preview {
    width: 38px;
    height: 38px;
    border-radius: 50%; /* Remove this if you prefer square */
}

/* Color name below the preview */
.color-name {
    margin-top: 5px;
    font-size: 14px;
/*    text-align: center; */
    color: #333; /* Customize text color */
}


.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
}


/* Woocommerce TABS — moved to resource/css/components/single-product.css */


.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    border-bottom: 1px solid #c4c4c4;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    border: none !important;
}

.wc-block-components-express-payment {
    z-index:10 !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-details__name {
    font-weight: 500 !important;
}

.wp-block-woocommerce-filled-cart-block {
    margin-left: 5% !important;
}

.woocommerce .star-rating {
    color: #A28573 !important;
}

/*
.product-template-default.single.single-product {
    margin-top: -20px;
}
*/

.wp-block-woocommerce-cart {
    margin-top: 100px !important;
}

/* below is for checkout */
.wc-block-components-title.wc-block-components-title {
    font-weight: 300 !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 4px !important;
    box-shadow: inset 0 0 0 1.5px #A28573 !important;
}

.wp-block-woocommerce-checkout {
    margin: 80px 0px 50px 0px !important;
    padding-top: 0px !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-right: 0 !important;
    width: 58% !important;
}

@media (max-width: 699px) {
    .wc-block-components-sidebar-layout .wc-block-components-main  {
        width: 92% !important;
    }
    .wp-block-woocommerce-checkout {
        margin-top: 40px!important;
        margin-bottom: 30px !important;
    }
    .checkout-order-summary-block-fill {
        display: none;
    }
    .wp-block-woocommerce-cart {
        margin-top: 50px !important;
    }

    .u-columns.woocommerce-Addresses.col2-set.addresses {
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 16px;
        margin-bottom:50px;
    }

    .woocommerce-Address-title >a {
        top: 215px;
        margin-left: -41px !important;
    }

    .woocommerce-MyAccount-content {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

}

@container (max-width: 699px) {
    .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar-layout .wc-block-components-sidebar {
        width: 92% !important;
    }
}



.wc-block-components-express-payment .wc-block-components-express-payment--cart {
    z-index:10;
}

.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.wc-block-cart-items__header {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

a.wc-block-cart__submit-button:hover {
    color: white !important;
    font-weight: 200;
}

/* Cart: hide default remove link, show trash icon instead */
.wc-block-cart-item__remove-link {
    display: none !important;
}
.wc-block-cart-item__quantity {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}
.lm-cart-trash {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    color: #999;
    transition: color 0.3s ease;
    flex-shrink: 0;
    line-height: 1;
    margin-bottom: 12px;
}
.lm-cart-trash:hover {
    color: #dc3545;
}
.lm-cart-trash svg {
    display: block;
}

/* Cart: hide block cross-sells (replaced by theme product cards) */
.wp-block-woocommerce-cart-cross-sells-block {
    display: none !important;
}
/* Cart empty: hide default "New in store" block (replaced by theme product cards) */
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
.wp-block-woocommerce-empty-cart-block > .wp-block-separator,
.wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
    display: none !important;
}

/* Old login/register CSS hacks — REMOVED
   Login/register now use standalone page templates (page-login.php, page-register.php)
   with their own inline styles. No more column-hiding, fixed heights, or CAPTCHA container hacks. */

.lm_password_reset_msg {
    margin-top: 130px !important;
    border-top-width: 2px !important;
    background: #efffec !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
}

.lm_passwort_confirm_button_wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 110px;
}

/* Lets have the category list displayed nicely */
.lm-category-tree ul {
    margin: 0;
}

.lm-category-list {
    list-style: none;
    padding-left: 0;
}

.lm-category-list li {
    /* display: flex; */
    font-family: 'Noto Sans', sans-serif;
    align-items: center;
    position: relative;
    padding-left: 20px; /* Space for icons */
    margin: 12px 0;
    flex-direction: row; /* Keep everything inline */
}

/* Position the toggle icon */
.toggle-btn {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    position: absolute;
    left: 0; /* Align icon to the left */
    margin-top: 4px;
    margin-left: 4px;
}

.toggle-btn .hidden {
    display: none;
}


/* Ensure text is aligned properly */
.lm-category-list li a {
    text-decoration: none;
    color: #000;
    font-weight: 200;
    flex-grow: 1;
}

/* Subcategories should appear directly below the parent */
.sub-category {
    list-style: none;
    /* padding-left: 25px; /* Indent subcategories further */
    margin-top: 5px;
    display: none; /* Keep hidden until opened */
}

/* Keep space for categories without icons */
.lm-category-list li.no-toggle {
    padding-left: 20px;
}

/* Highlight active category */
.lm-category-list .active_category {
    color: #A28573 !important;
    font-weight: 500 !important;
}

/* Search Results */
.one-elementor-search-page.search-page {
    margin-left: 10%;
    margin-right: 10%;
}

.search-results .bc-title {
    font-size: 17px;
    margin-top: 18px;
    margin-bottom: -5px;
}

/* style the search q&a input */
/* Centering the search form */
.lm-search-container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

/* Aligning input and button neatly */
.lm-search-box {
    display: flex;
}

/* Style the search input */
.lm-search-box input[type="search"] {
    padding: 10px 15px;
    width: 300px;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 15px;
    width: 300px;
    border: 1px solid #00000057;
    border-right: 0px;
}

/* Not working - dont know why 
#buttons-container .paypal-button-container .paypal-button-row  {
    width: 100px !important;
}
*/


/* align the grid view for the color display */
.options.per-row-5.grid {
    justify-items: center !important;
}

/* POST ALIGNMENTS and ADDITIONAL FORMATTING */
.lm-post-pic-text {
    margin-top: 50px;
    margin-bottom: 30px;
}

/* Woocommerce order */
.woocommerce-order {
    margin-left: 5% !important;
    margin-right: 5% !important;
    margin-top: 80px !important;
    margin-bottom: 50px !important;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: center;
}

/* my account formatting */
/* 1. Order */

.e-my-account-tab__orders {
    margin-bottom: 80px !important;
}

.woocommerce-orders-table__cell-order-number, .woocommerce-orders-table__header {
    font-weight: 400 !important;
}

/* ─── Reusable SVG Button Reset ─────────────────────────────────
   Use .lm-svg-button on any <button> that wraps an SVG icon.
   Strips Elementor/theme button overrides so the SVG displays cleanly. */
.lm-svg-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    background-color: transparent !important;
    color: #afafaf !important;
    cursor: pointer !important;
    line-height: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.lm-svg-button:hover,
.lm-svg-button:focus {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #A28573 !important;
}

/* ─── Age / Cookie Banner ─────────────────────────────────── */

.lm-age-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 3px solid #A28573;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.lm-age-banner--visible {
    transform: translateY(0);
}

.lm-age-banner__inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 24px;
    text-align: center;
}

.lm-age-banner__text {
    margin: 0 0 14px;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #201712;
}

.lm-age-banner__text a {
    color: #A28573;
    text-decoration: underline;
}

.lm-age-banner__text a:hover {
    color: #8B6F5E;
}

.lm-age-banner__btn {
    display: inline-block;
    padding: 10px 32px;
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    background: #A28573;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.lm-age-banner__btn:hover {
    background: #8B6F5E;
}

.lm-age-banner__note {
    margin: 10px 0 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 11px;
    color: #999;
}

@media (max-width: 600px) {
    .lm-age-banner__inner {
        padding: 16px;
    }

    .lm-age-banner__text {
        font-size: 13px;
    }

    .lm-age-banner__btn {
        display: block;
        width: 100%;
    }
}

/* ─── Customize You — Archive ────────────────────────────── */

.lm-customize-archive {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 60px;
}

.lm-customize-archive__header {
    text-align: center;
    margin-bottom: 40px;
}

.lm-customize-archive__title {
    margin: 0 0 12px;
}

.lm-customize-archive__intro {
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: #888;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.lm-customize-archive__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 28px;
}

.lm-customize-card {
    display: block;
    background: #fff;
    border: 1px solid #E8E0D8;
    overflow: hidden;
    text-decoration: none;
    color: #201712;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.lm-customize-card:hover {
    border-color: #A28573;
    box-shadow: 0 4px 16px rgba(162, 133, 115, 0.15);
}

.lm-customize-card__image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.lm-customize-card__body {
    padding: 20px 24px;
}

.lm-customize-card__title {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px;
    color: #201712;
}

.lm-customize-card:hover .lm-customize-card__title {
    color: #A28573;
}

.lm-customize-card__excerpt {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    color: #888;
    line-height: 1.5;
    margin: 0;
}

.lm-customize-archive__empty {
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: #999;
    padding: 60px 0;
}

/* ─── Customize You — Single ─────────────────────────────── */

.lm-customize-single {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px 60px;
}

.lm-customize-single__hero {
    margin: 0 -24px 32px;
}

.lm-customize-single__hero img {
    width: 100%;
    height: auto;
    display: block;
}

.lm-customize-single__header {
    margin-bottom: 28px;
}

.lm-customize-single__title {
    margin: 0;
}

.lm-customize-single__content {
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #201712;
}

.lm-customize-single__content h2,
.lm-customize-single__content h3 {
    color: #A28573;
    font-weight: 400;
}

.lm-customize-single__content a {
    color: #A28573;
}

.lm-customize-single__content img {
    max-width: 100%;
    height: auto;
}

.lm-customize-single__nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #E8E0D8;
}

.lm-customize-single__nav-link {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    color: #A28573;
    text-decoration: none;
}

.lm-customize-single__nav-link:hover {
    color: #8B6F5E;
    text-decoration: underline;
}

.lm-customize-single__nav-link--next {
    margin-left: auto;
    text-align: right;
}

.lm-customize-single__back {
    margin-top: 20px;
    text-align: center;
}

.lm-customize-single__back a {
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #A28573;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lm-customize-single__back a:hover {
    color: #8B6F5E;
}

@media (max-width: 600px) {
    .lm-customize-archive__grid {
        grid-template-columns: 1fr;
    }

    .lm-customize-archive__title,
    .lm-customize-single__title {
        font-size: 22px;
    }

    .lm-customize-single__nav {
        flex-direction: column;
    }

    .lm-customize-single__nav-link--next {
        margin-left: 0;
        text-align: left;
    }
}