:root {
    --required_text: 'required';
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
figure {
    margin: 0;
}
a{
    text-decoration: none;
}
a.action,
.filter-options a {
    font-size: 0.8em;
    color: #707070;
}
a.action:hover,
.filter-options a:hover {
    color: #000;
}
.box-title a.action {
    color: #B7976D;
}
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #838383;
    padding: 10px;
    border-radius: 5px;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
    outline: solid 1px #000;
}
input[type="number"] {
    max-width: 80px;
}
textarea {
    vertical-align: middle;
}
button,
body a.pagebuilder-button-primary, 
body button.pagebuilder-button-primary, 
body div.pagebuilder-button-primary {
    background-color: #1F2327;
    border-radius: 100px;
    color: #ffffff;
    border: 0;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 300ms;
}
button:hover,
body a.pagebuilder-button-primary:hover, 
body button.pagebuilder-button-primary:hover, 
body div.pagebuilder-button-primary:hover {
    background-color: #B7976D;
}
button.action-secondary {
    background-color: #878787;
}
button.action-secondary:hover {
    background-color: #404040;
}
button:disabled {
    background-color: #a3aab3;
}
dl {
    margin: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px 20px;
}

dl > dd {
    margin: 0;
}

dl > dt {
    font-weight: 600;
}
.data.table {
    width: 100%;
}
.data.table td {
    text-align: center;
    padding: 5px;
}
.data.table td:first-child {
    padding-left: 0;
}
.data.table td:last-child {
    padding-right: 0;
}
.data.table td.col.actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.page-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
#maincontent {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.page-header + #maincontent {
    margin-top: 20px;
}
.page-wrapper:has(#maincontent + .page-footer) #maincontent {
    margin-bottom: 20px;
}

.navigation, .breadcrumbs, .page-main, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .page-bottom, .block.category.event, .top-container, .category-description{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    position: relative;
}
.top-message {
    background-color: #000;
    color: #E1DBCF;
    padding: 10px 0;
    /* position: sticky; */
    /* top: 0; */
    z-index: 1;
}
.top-message img {
    vertical-align: baseline;
}
.header.content {
    display: flex;
    align-items: center;
    gap: 24px;
}
.header.content .static-nav {
    flex-grow: 1;
    align-items: center;
}
.header.content .action.nav-toggle {
    cursor: pointer;
    display: none;
}
.header-tools {
    display: flex;
    gap: 20px;
}
.footer.content {
    padding-top: 10px;
    padding-bottom: 10px;
}
footer.page-footer {
    background-color: #000;
    color: #fff;
}

a.action.showcart,
a.link.account,
.search-wrapper a[data-trigger="trigger"] {
    color: inherit;
    text-decoration: none;
    position: relative;
    font-size: 1em;
    cursor: pointer;
}
a.action.showcart > .text,
a.link.account > .text,
.search-wrapper a[data-trigger="trigger"] > span {
    display: none;
}
a.action.showcart::before {
    content: "\f07a";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}
a.link.account::before {
    content: "\f007";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}
.search-wrapper a[data-trigger="trigger"]::before {
    content: "\f002";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.no-display {
    display: none;
}

[data-collapsible="true"] [data-role="title"], 
[data-collapsible="true"] [data-role="trigger"] {
    cursor: pointer;
}

[data-collapsible="true"] [data-role="title"]::after,
[data-collapsible="true"] [data-role="trigger"]::after{
    /* margin-left: 5px; */
    content: " \f078";
    font-family: 'Font Awesome 6 Pro';
}

[data-collapsible="true"][aria-expanded="true"] [data-role="title"]::after,
[data-collapsible="true"][aria-expanded="true"] [data-role="trigger"]::after,
[data-collapsible="true"] [aria-expanded="true"][data-role="title"]::after,
[data-collapsible="true"] [aria-expanded="true"][data-role="trigger"]::after{
    content: " \f077";
}
[data-collapsible="true"] [data-role="content"] {
    margin-top: 10px;
    opacity: 1;
    height: auto;
    transition: 500ms;
}
[data-collapsible="true"][aria-expanded="false"] [data-role="content"] {
    display: none;
}

#notice-cookie-block {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 15px 0px #000;
}

#notice-cookie-block > .content {
    max-width: 1280px;
    margin: auto;
}

/* HEADER */
header.page-header {
    padding-top: 10px;
    padding-bottom: 10px;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}
.static-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.mobile_menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.mobile_menu .content {--width: 500px;
    background-color: #fff;
    width: var(--width);
    height: 100%;
    max-width: 100%;
    padding: 20px;
    position: absolute;
    left: calc(-1 * var(--width));
    box-sizing: border-box;
    transition: left 500ms;
    overflow: auto;
    scroll-behavior: smooth;
    scroll-padding-top: 60px;
}

.mobile_menu .close_area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00000061;
    position: absolute;
    opacity: 0;
    transition: opacity 500ms;
}
.show_mobile_menu .mobile_menu .content > div:first-child {
    display: grid;
}
.mobile_menu .btn_close {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 2em;
    justify-self: right;
    color: #000;
}
.mobile_menu .btn_close > span {
    display: none;
}
.mobile_menu .btn_close::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 200;
}

.show_mobile_menu .mobile_menu .close_area {
    pointer-events: auto;
    opacity: 1;
    cursor: pointer;
}

.show_mobile_menu .mobile_menu .content {
    left: 0;
    pointer-events: auto;
}

.header.content .action.nav-toggle::before {
    content: "\f0c9";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.3em;
}
.header.content .action.nav-toggle > span {
    display: none;
}
.mobile_menu .static-nav ul {
    display: grid;
}

.mobile_menu .static-nav ul ul {
    padding: 10px 20px;
}
.mobile_menu .static-nav code {
    display: none;
}
.switcher-language > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px;
}

.switcher-language > ul .switcher-option:not(:last-child)::after {
    content: "|";
    display: inline-block;
}

.switcher-language > ul .switcher-option {
    display: flex;
    gap: 5px;
}

.switcher-language > ul .switcher-option.current {
    font-weight: bold;
}

.switcher-language a {
    color: inherit;
}



/* MESSAGE */
.message-notice.notice.message {
    background-color: #ffe597;
    padding: 8px 16px;
    max-width: 1200px;
    margin: 16px auto;
}
.message-success.success.message {
    background-color: #ddf5f3;
    padding: 8px 16px;
    max-width: 1200px;
    margin: 16px auto;
}
.message-error.error.message {
    background-color: #ffc6c2;
    padding: 8px 16px;
    max-width: 1200px;
    margin: 16px auto;
}
.mage-error, .field-error {
    color: #f34336;
    font-size: 0.5em;
}


/* FORMS */
fieldset.fieldset {
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
}

fieldset.fieldset > .field {
    margin-bottom: 10px;
}

.field.required label::after {
    content: var(--required_text);
    color: #f34336;
    font-size: 0.5em;
    margin-left: 10px;
}

fieldset.fieldset > .field.street > label {
    display: none;
}

fieldset.fieldset .nested {
    margin-top: 10px;
}

fieldset.fieldset .nested > .field:not:(:last-child) {
    margin-bottom: 10px;
}

legend.legend {
    display: block;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
    width: 100%;
}
.field-tooltip-action {
    cursor: pointer;
}
.field-tooltip-action::before {
    content: "\f059";
    font-family: 'Font Awesome 6 Pro';
}

.field-tooltip-content {
    position: absolute;
    max-width: 320px;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 1px 1px 5px #617675;
    display: none;
}

.field-tooltip {
    display: inline-block;
}

.field-tooltip .label {
    display: none;
}

.field-tooltip._active .field-tooltip-content {
    display: block;
}

form#form-validate .actions-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    grid-column: 1 / 3;
}

.table-caption {
    display: none;
}


/* SEARCH */
.ui-dialog.mage-dropdown-dialog .ui-dialog-content.block-search {
    height: auto;
}
#search-content-wrapper {
    display: flex;
    gap: 20px;
}
#search-content-wrapper > *:nth-child(1) {
    flex-grow: 1;
}
#btn-search-close {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 2em;
    justify-self: right;
    color: #000;
    padding: 0;
}
#btn-search-close::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 200;
}
#btn-search-close > span {
    display: none;
}
#search_mini_form {
    display: flex;
    width: 100%;
}
#search_mini_form > .field.search {
    flex-grow: 1;
}
#search_mini_form:has(#search:focus) button.action.search {
    outline: solid 1px #838383;
}
input#search {
    height: 37px;
    border-radius: 5px 0 0 5px;
}
button.action.search {
    height: 37px;
    border-radius: 0 5px 5px 0;
    white-space: nowrap;
    box-sizing: border-box;
}
#search_autocomplete {
    background-color: #fff;
    border: 1px solid #838383;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
}
#search_autocomplete ul[role="listbox"] {
    list-style: none;
    padding: 0;
    margin: 0;
}
#search_autocomplete ul[role="listbox"] [role="option"] {
    padding: 8px 10px;
    cursor: pointer;
}
#search_autocomplete ul[role="listbox"] [role="option"] .amount {
    display: none;
}
#search_autocomplete ul[role="listbox"] [role="option"].selected {
    background-color: #e7e8ff;
}
.price.fields.group {
    display: flex;
    gap: 10px;
}

.price.fields.group .field.no-label:not(:last-child) .control::after {
    content: "~";
}

.price.fields.group .field.no-label .addon, .price.fields.group .field.no-label:not(:last-child) .control {
    display: flex;
    gap: 10px;
    align-items: center;
}


/* PRODUCT IMAGE CONTAINER */
span.product-image-container {
    display: inline-block;
    display: contents;
}

span.product-image-wrapper {
    display: inline-block;
    height: 0;
    display: contents;
}
#shopping-cart-table span.product-image-wrapper,
#shopping-cart-table span.product-image-container{
    display: inline-block;
}



/* MODAL */
.modal-slide, .modal-popup {
    bottom: 0;
    left: 0;
    min-width: 0;
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-popup._inner-scroll {
    overflow-y: visible;
}
.modal-popup {
    pointer-events: none;
}
.modal-popup._show {
    opacity: 1;
}
.modals-overlay {
    background-color: #00000038;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.modal-inner-wrap {
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    max-width: 1280px;
    max-height: 90vh;
    margin-left: 20px;
    margin-right: 20px;
    display: grid;
    grid-gap: 10px;
    border-radius: 5px;
    overflow: auto;
}
.modal-popup._show .modal-inner-wrap {
    pointer-events: auto;
}

.modal-header .modal-title {
    float: left;
    margin: 0;
}

.modal-header button.action-close {
    float: right;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 2em;
    color: #000;
    padding: 0 10px;
}

.modal-header button.action-close::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 200;
}

.modal-header button.action-close > span {
    display: none;
}
.ui-dialog.mage-dropdown-dialog {
    display: block !important;
    position: fixed;
    background-color: rgb(0 0 0 / 0%);
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: background-color 500ms;
}
.active > .ui-dialog.mage-dropdown-dialog{
    background-color: #00000038;
}
.ui-dialog.mage-dropdown-dialog .ui-dialog-content {
    --width: 500px;
    background-color: #fff;
    width: var(--width);
    height: 100%;
    max-width: 100%;
    padding: 20px;
    position: absolute;
    right: calc(-1 * var(--width));
    box-sizing: border-box;
    transition: right 500ms;
}
.active > .ui-dialog.mage-dropdown-dialog .ui-dialog-content {
    right: 0;
    pointer-events: auto;
}



/* LOADER */
body > .loading-mask {
    z-index: 9999;
}
.loading-mask {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5);
}
.loading-mask > .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.loading-mask .loader > p {
    display: none;
}


/* LAYOUT 2 COLUMNS LEFT */
.page-layout-2columns-left #maincontent > .columns {
    display: grid;
    grid-template-columns: 240px auto;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "side-main main"
        "side-add main";
    align-items: start;
    grid-gap: 30px 40px;
}

.page-layout-2columns-left #maincontent > .columns > .column.main {
    grid-area: main;
}

.page-layout-2columns-left #maincontent > .columns> .sidebar.sidebar-main {
    grid-area: side-main;
}

.page-layout-2columns-left #maincontent > .columns > .sidebar.sidebar-additional {
    grid-area: side-add;
}
.page-layout-2columns-left #maincontent > .columns > .sidebar.sidebar-additional > .block {
    margin-bottom: 30px;
}
.sidebar > .block > .block-title {
    border-bottom: solid 1px #444;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.sidebar > .block .subtitle, .block-subtitle {
    font-size: 0.8em;
    font-weight: 400;
}



/* MINICART */
a.action.showcart .counter-label {
    display: none;
}

a.action.showcart :not(.empty) .counter-number {
    position: absolute;
    font-size: 0.5em;
    background-color: #f44336;
    color: #fff;
    padding: 3px;
    line-height: 1;
    border-radius: 5px;
    top: -9px;
    right: -9px;
}

.minicart-items-wrapper[data-action="scroll"] {
    overflow: auto;
    box-sizing: border-box;
    height: auto !important;
}

.minicart-items-wrapper[data-action="scroll"].can_scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}
.minicart-items-wrapper[data-action="scroll"].can_scroll::-webkit-scrollbar:vertical {
    width: 6px;
}
.minicart-items-wrapper[data-action="scroll"].can_scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
}

ol#mini-cart {
    list-style: none;
    padding: 0;
    margin: 0;
}
ol#mini-cart > .product-item > .product {
    display: flex;
    gap: 10px;
}

ol#mini-cart > .product-item:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e1e1e1;
}
#minicart-content-wrapper {
    height: 100%;
}

#minicart-content-wrapper .block-content {
    height: 100%;
    display: grid;
    align-content: start;
    grid-gap: 10px;
}
#btn-minicart-close {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 2em;
    justify-self: right;
    color: #000;
}

#btn-minicart-close::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 200;
}

#btn-minicart-close > span {
    display: none;
}
#minicart-content-wrapper .block-content > .actions {
    display: grid;
    grid-gap: 10px;
}

ol#mini-cart > .product-item > .product .product-item-details {
    display: grid;
    grid-gap: 10px;
}

ol#mini-cart > .product-item > .product .product-item-details .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



/* BREADCRUMBS */
.breadcrumbs {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.9em;
}
.breadcrumbs > .items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.breadcrumbs > .items > .item:not(:last-child)::after {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
}
.breadcrumbs a {
    color: #444;
    display: inline-block;
}



/* CATEGORY */
.block.filter {
    position: relative;
    background-color: #FBF7F0;
    padding: 10px;
    border-radius: 5px;
}
.modal_filter {
    display: none;
}
.modal_filter-content {
    display: none;
}
.ui-widget-content > .modal_filter-content {
    display: block;
}
.modal_filter .action {
    position: relative;
}
.modal_filter .action[data-filtered]::after {
    content: attr(data-filtered);
    font-size: 0.5em;
    background-color: #f44336;
    color: #fff;
    padding: 3px;
    line-height: 1;
    border-radius: 5px;
}
.products.wrapper.grid.products-grid {
    margin: 30px 00;
}
.products-grid .product-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px 40px;
}
.columns:has(.sidebar) .column.main .products-grid .product-items {
    grid-template-columns: repeat(3, 1fr);
}
.product-item-name > a {
    color: #444;
    text-decoration: none;
    display: grid;
}
.product-item-name > a:hover {
    color: #B7976D;
}
.product-item-name .model {
    font-size: 0.9em;
    color: #36404A;
    font-weight: 400;
    margin-top: 10px;
}
.product-items .product-item .product-item-info {
    display: grid;
    grid-gap: 10px;
}

.product-items .product-item .product-item-info a.product-item-photo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-items .product-item-info .product-item-details {
    display: grid;
    grid-gap: 10px;
    text-align: center;
}
.product-items .product-item .product-item-inner > .product-item-actions {
    display: grid;
    grid-gap: 5px;
}

.product-items .product-item .product-item-inner > .product-item-actions > .actions-secondary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
ol.widget-product-carousel {
    list-style: none;
    padding: 0;
    margin: 0;
}
.filter-content-wrapper {
    height: 100%;
}
.filter-content-wrapper > div {
    height: 100%;
    display: grid;
    align-content: start;
    grid-gap: 10px;
}
.filter-content-wrapper .update-content {
    overflow: auto;
    box-sizing: border-box;
}
.filter-content-wrapper button.action.close {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 2em;
    justify-self: right;
    color: #000;
}
.filter-content-wrapper button.action.close > span {
    display: none;
}
.filter-content-wrapper button.action.close::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 200;
}



/* FILTER */
dl.filter-options {
    display: block;
}
.filter-options-title {
    font-weight: bold;
    margin: 5px 0;
}
.filter-options-content {
    margin: 0;
}
.filter-options-content:not(:last-child) {
    margin-bottom: 20px;
}

.filter-options-content .items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-count-label {
    display: none;
}

.filter-options-content .count::before {
    content: "\00a0(";
}

.filter-options-content .count::after {
    content: ")";
}

.filter-options-content .count {
    display: inline-flex;
}

.filter-current .items {
    list-style: none;
    margin: 0;
    background-color: #FBF7F0;
    padding: 10px;
    border-radius: 5px;
    display: grid;
    grid-gap: 5px;
}

.filter-current .filter-label::after {
    content: ":";
}

.filter-current .action.remove > span,
ol#compare-items > .product-item .action.delete > span {
    display: none;
}

.filter-current .action.remove::before,
ol#compare-items > .product-item .action.delete::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}

.filter-current .action.remove,
ol#compare-items > .product-item .action.delete {
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
}

.filter-current .items > .item {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    grid-gap: 5px;
    font-size: 0.8em;
    color: #444;
}
.filter-current + .filter-actions {
    margin-bottom: 10px;
}




/* TOOLBAR  */
.toolbar .limiter {
    display: none;
}
.toolbar .sorter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
a.sorter-action {
    color: inherit;
    text-decoration: none;
}
.sorter-action > span {
    display: none;
}

.sorter-action::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}

.sorter-action.sort-asc::before {
    content: "\f884";
}

.sorter-action.sort-desc::before {
    content: "\f160";
}
select#sorter,
select#limiter {
    width: auto;
}
.toolbar.toolbar-products {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.modes {
    display: none;
}

label.sorter-label {
    white-space: nowrap;
}
.pages {
    width: 100%;
}

.pages span.label {
    display: none;
}

ul.items.pages-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 16px;
    align-items: center;
}

strong#paging-label {
    display: none;
}

.pages .page, .pages .action {
    display: inline-flex;
    border: solid 1px #1F2327;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #1F2327;
}
.pages .current .page {
    background-color: #B7976D;
    border-color: #B7976D;
    color: #fff;
}

.pages .action.next::before {
    content: ">";
}
.pages .action.previous::before {
    content: "<";
}

.pages .action > span {
    display: none;
}



/* PRODUCT PAGE */
.product-info-basic {
    display: grid;
    gap: 8px;
}
.product-info-basic .attribute.brand {
    font-size: 18px;
    font-weight: bold;
}
.product-info-basic .attribute.series {
    font-size: 26px;
    font-weight: bold;
}
.product-info-basic .attribute.model {
    font-size: 14px;
}
.product.attribute.overview .value {
    font-size: 14px;
}
#product-options-wrapper {
    margin-bottom: 10px;
}
.catalog-product-view h1.page-title {
    font-size: 16px;
    font-weight: 300;
}
.product.media .action-skip-wrapper {
    display: none;
}
.box-tocart .qty .label {
    display: none;
}

.box-tocart .field {
    display: contents;
}

.box-tocart input {display: none;}

.box-tocart button.action.primary {
    white-space: nowrap;
}
.catalog-product-view #maincontent .column.main > .product-info-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-area: info;
}
.product-info-attributes .content > dl {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px 30px;
    padding-bottom: 20px;
}
.product-info-attributes .content > dl > dt {
    color: #B7976D;
}
.product-info-attributes .content > dl > dd {
    margin: 0;
}
.product-info-attributes[data-collapsible="true"] [data-role="title"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-info-attributes:not(:last-child) {
    border-bottom: solid 1px;
}
.product-info-attributes .collapsible_attribute:not([aria-expanded="true"]) [data-role="content"] {
    display: block;
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: none;
    margin: 0;
}
.product-info-attributes .collapsible_attribute [data-role="trigger"] {
    color: #444;
    text-decoration: underline;
    font-size: 0.8em;
    display: inline-block;
}
.product-info-attributes .collapsible_attribute:not([aria-expanded="true"]) [data-role="hide_label"]{
    display:none;
}
.product-info-attributes .collapsible_attribute:not([aria-expanded="false"]) [data-role="show_label"]{
    display:none;
}
.catalog-product-view .product-addto-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product-info-stock-sku .product.attribute.sku {
    display: none;
}
button#product-addtocart-button {
    width: 100%;
}
.box-tocart:has(#qty:focus) button#product-addtocart-button {
    outline: solid 1px #8177ff;
}
.stock.available {
    color: #2eb546;
    font-size: 20px;
    font-weight: bold;
}
.stock.unavailable {
    color: #f34336;
}
.availability.only {
    color: #B7976D;
}
.block.sales-list .title {
    text-align: center;
    font-size: 36px;
    margin: 20px;
}
.block.sales-list .title .series_name {
    color: #B7976D;
}
.swiper-container {
    overflow: hidden;
    padding-bottom: 36px;
}
.swiper-slide .product-item-info {
    display: grid;
    justify-items: center;
    text-align: center;
}
.swiper-pagination {
    --swiper-theme-color: #E1DBCF;
}
.sales-list .view_all{
    text-align: center;
}
.fotorama__img {
    cursor: pointer;
}
.gallery-placeholder .fotorama__thumb-border{
    border-color: #B7976D;
}


.slick-slide .product-item {
    padding: 0px 0px;
    background-color: #FCFBF8;
}

.slick-slide div {
    padding: 5px 5px;
}

.product-item-photo{
    background-color: #FFF;
}


.slick-slide:first-child  .product-item {
    padding-left: 0;
}
.slick-slide:last-child  .product-item {
    padding-right: 0;
}



/* PRICE BOX */
.price-box .price-label {
    display: none;
}

.price-box .special-price {
    color: #ff9800;
}

.price-box .old-price {
    text-decoration: line-through;
    font-size: 0.8em;
    font-weight: 400;
}

/* HENRY EDIT */
.price-box {
    font-weight: 600;
}

.inquiry_price_remarks {
    font-weight: 600;
}
strong.product-item-name {
    font-weight: 600;
}
div.price-box.price-final_price{
    display: inline-flex;
    flex-direction: column;
}

ul.slick-dots li.slick-active button{
    background: #1F2327;
    opacity: 1;
    height: 10px;
    width: 10px;

}

ul.slick-dots li button {
    height: 10px;
    width: 10px;
    border: none;
    background: #000;
    opacity: 0.1;
}

.category-view div.page-main{
    margin-bottom: 30px;
}

dl.block{
    display:flex;
}
dd.item a:link{
    color: #1F2327;
}
dd.item a:visited{
    color: #1F2327;
}
dd.item a:hover{
    color: #B7976D;
}
.product.actions.product-item-actions div.actions-secondary{
    justify-content: center;
}

#block-sales-list-heading{
       font-family: 'Open Sans', sans-serif, TimesNow-ExtraLightItalic;
       font-style: italic;
       font-size: 24px;
}
.product-info-attributes h3{
       font-family: 'Open Sans', sans-serif, TimesNow-ExtraLightItalic;
       font-style: italic;
}
.product-info-attributes dt{
       font-family: 'Open Sans', sans-serif, TimesNow-ExtraLightItalic;
       font-style: italic;
       font-weight: 400;
}

.product-item-name{
       font-size: 14px;
}

.highlight{
  position: relative;
}

span.highlight::before {
  background-color: #F8EBD2;
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: 60%;
  left: -2px;
  bottom: 0;
  z-index: -1;
  transform: rotate(-2deg);
}


/* PRODUCT PAGE FULL WIDTH */
.catalog-product-view #maincontent .column.main {
    display: grid;
    grid-template-areas:
        "media info";
    grid-template-columns: calc((100% - 40px)/2) calc((100% - 40px)/2);
    justify-content: space-between;
    gap: 10px 40px;
}
.catalog-product-view .gallery-placeholder {
    max-width: 100vw; 
}
.catalog-product-view #maincontent .column.main > .product.media {
    grid-area: media;
}
.catalog-product-view #maincontent .column.main > .block{
    grid-column: 1 / 3;
}

#additional .product-section-title {
    display: none;
}



/* ACCOUNT PAGE */
body.account #maincontent > .columns > .column.main > .block {
    margin-bottom: 30px;
}

body.account #maincontent > .columns > .column.main > .block > .block-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #444;
    font-size: 1.3em;
}

body.account #maincontent > .columns > .column.main > .block > .block-title > .action {
    text-decoration: none;
    font-size: 0.7em;
}

body.account #maincontent > .columns > .column.main > .block > .block-title > .action > span {
    display: none;
}

body.account #maincontent > .columns > .column.main > .block > .block-title > .action.edit::before {
    content: "\f044";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}

body.account #maincontent > .columns > .column.main .block-dashboard-addresses .block-content,
body.account #maincontent > .columns > .column.main .block-dashboard-info .block-content,
body.account #maincontent > .columns > .column.main .block-addresses-default .block-content,
body.account #maincontent > .columns > .column.main .block-order-details-view .block-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

body.account #maincontent > .columns > .column.main .block-content .box {
    display: grid;
    grid-gap: 10px;
    align-content: start;
}

body.account #maincontent > .columns > .column.main .block-content .box p {
    margin: 0;
}

body.account #maincontent > .columns > .sidebar .nav.items {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.account #maincontent > .columns > .sidebar .nav.items > .item {
    margin-bottom: 5px;
}

body.account #maincontent > .columns > .sidebar .nav.items > .item.current {
    color: #B7976D;
}

body.account #maincontent > .columns > .sidebar .nav.items > .item a {
    color: inherit;
}

body.account .block-collapsible-nav {
    background-color: #FBF7F0;
    padding: 10px;
    font-size: 0.9em;
    border-radius: 5px;
}
body.account .block-collapsible-nav .block-collapsible-nav-title {
    display: none;
}
body.account #maincontent > .columns > .sidebar .nav.items > .item .logout::after {
    content: " \f2f5";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}
body.account #maincontent > .columns > .sidebar .nav.items > .item .logout {
    color: #f34336;
}



body.account form#form-validate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.block-addresses-list .block-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.customer-addresses-toolbar.bottom {
    margin-top: 30px;
}
.block-addresses-list .block-content ul .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.block-addresses-list .block-content ul > li {
    background-color: #f1f1f1;
    padding: 10px;
    border: solid 1px #444;
    border-radius: 5px;
}
.form-address-edit .field._hide {
    display: none;
}
.form-address-edit .field.region:not(.required),
.form-address-edit .field.zip:not(.required) {
    display: none;
}
.order-products-toolbar {
    margin: 10px 0;
}
.table-order-items ul.items-qty {
    list-style: none;
    padding: 0;
    margin: 0;
}

.table-order-items tfoot th.mark {
    text-align: right;
}
ul.items.order-links {
    list-style: none;
    padding: 10px;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}
ul.items.order-links .item.current {
    color: #B7976D;
}
ul.items.order-links a {
    color: inherit;
}
.order-details-items .order-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.order-details-items .table-wrapper {
    padding-bottom: 20px;
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}
.order-details-items {
    margin-bottom: 20px;
}
.order-actions-toolbar .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.box-membership dl {
    grid-template-columns: auto;
    grid-gap: 5px;
}



/* LOGIN */
.login-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.block-customer-login .note {
    margin-bottom: 10px;
}
.block-customer-login form {
    margin-bottom: 30px;
}


/* COMPARE */
ol#compare-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
ol#compare-items > .product-item {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}
strong.product-item-name {
    display: block;
}

.table-comparison tr:nth-child(even) {
    background-color: #FBF7F0;
}

.table-comparison {border-collapse: collapse;}


/* WISHLIST */
.block-wishlist .product-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

#wishlist-sidebar .product-item-info {
    grid-gap: 5px;
    position: relative;
}

p.price-as-configured {
    margin: 0;
}

#wishlist-sidebar 
 .product-item-details {
    grid-gap: 5px;
}

.block-wishlist .product-items > .product-item {
    margin-bottom: 20px;
}

#wishlist-sidebar .action.delete {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    padding: 5px;
}

#wishlist-sidebar .action.delete::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}

#wishlist-sidebar .action.delete > span {
    display: none;
}

.products-grid.wishlist {
    margin: 30px 0;
}
.form-wishlist-items .product-items .product-item .product-item-inner > .product-item-actions {
    grid-auto-flow: column;
    justify-content: start;
    grid-gap: 10px;
}

.form-wishlist-items .product-items .product-item .product-item-info .product-item-inner {
    display: grid;
    grid-gap: 10px;
}
#wishlist-view-form .actions-toolbar {
    display: grid;
    grid-gap: 10px;
    border-top: solid 1px #444;
    padding-top: 30px;
}

#wishlist-view-form .actions-toolbar .primary, #wishlist-view-form .actions-toolbar .secondary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


/* REORDER */
#cart-sidebar-reorder {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: grid;
    grid-gap: 10px;
}
#cart-sidebar-reorder > .product-item {
    display: flex;
    gap: 10px;
    align-items: center;
}
#cart-sidebar-reorder > .product-item .field.item.choice > .label {
    display: none;
}


/* CART */
.cart-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "main summary";
    grid-gap: 30px 40px;
    align-items: start;
}

.cart-container > .cart-summary {
    grid-area: summary;
}

.cart-container > form#form-validate {
    grid-area: main;
}

.cart-container > .cart-summary #cart-totals,
.cart-container > .cart-summary #block-discount {
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}

#shopping-cart-table .item-info > td {
    padding: 0 10px;
}

#shopping-cart-table .item-info > td:first-child {
    padding-left: 0;
}

#shopping-cart-table .item-info > td:last-child {
    padding-right: 0;
}

#shopping-cart-table .item-info > .col.item {
    display: flex;
    align-items: center;
    gap: 10px;
}

form#form-validate #shopping-cart-table .actions-toolbar {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #e1e1e1e1;
    text-align: left;
}

form#form-validate #shopping-cart-table .actions-toolbar > *:not(:last-child) {
    margin-right: 10px;
    display: inline-block;
}

#shopping-cart-table .item-info .qty .label {
    display: none;
}

#shopping-cart-table input[type="number"] {
    width: 80px;
}

.cart.main.actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.table.totals, .table-totals {
    width: 100%;
}
.table.totals th.mark,
.table-totals th.mark {
    text-align: left;
    padding-right: 10px;
}

.table.totals .totals,
.table-totals .totals{
    width: 100%;
}

.table.totals td.amount,
.table-totals td.amount {
    text-align: right;
    white-space: nowrap;
}

.checkout-methods-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cart-summary {
    display: grid;
    grid-gap: 20px;
}

.cart-summary .block.shipping {
    display: none;
}

#discount-coupon-form .field,
#discount-form .field,
#use_points-form .field {
    display: contents;
}

#discount-coupon-form .fieldset,
#discount-form,
#use_points-form {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: start;
}

#discount-coupon-form .label,
#discount-form .label,
#use_points-form .label {
    display: none;
}

#discount-coupon-form button.action.primary,
#discount-form .actions-toolbar .primary .action,
#use_points-form .actions-toolbar .primary .action {
    height: 37px;
    border-radius: 0 5px 5px 0;
}

#discount-coupon-form .control input,
#discount-form .control input,
#use_points-form .control input {
    border-radius: 5px 0 0 5px;
    height: 37px;
}

button.action.primary.checkout {
    width: 100%;
    font-size: 1.3em;
}


/* CHECKOUT */
#checkout {
    display: grid;
    grid-template-columns: 1fr 480px;
    grid-gap: 20px 40px;
    margin-bottom: 40px;
    grid-template-areas:
        "progress progress"
        "messages messages"
        "main side";
}
#opc-sidebar {
    grid-area: side;
}
.opc-wrapper {
    grid-area: main;
}
ol#checkoutSteps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 20px;
}

.opc-progress-bar {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    grid-column: 1 / 3;
    grid-area: progress;
}

.opc-progress-bar > *:not(:first-child)::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    display: inline-block;
    margin-right: 5px;
    color: #444;
}
li.opc-progress-bar-item {
    color: #444;
}

li.opc-progress-bar-item._active {
    color: #B7976D;
}

li.opc-progress-bar-item._complete {
    cursor: pointer;
}

li.opc-progress-bar-item._complete:hover {
    color: #B7976D;
}

li.opc-progress-bar-item._complete > span::after {
    content: "\f044";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    margin-left: 5px;
}
#checkout .block-title {
    border-bottom: solid 1px #444;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 600;
}

#checkout-step-shipping .address-lists {
    display: grid;
    grid-gap: 20px;
}

#checkout-step-shipping .address-list-title {
    font-weight: 600;
}

#checkout-step-shipping .shipping-address-item {
    background-color: #f1f1f1;
    padding: 10px;
    border: solid 1px #444;
    border-radius: 5px;
    cursor: pointer;
}

#checkout-step-shipping .shipping-address-items {
    display: grid;
    grid-gap: 10px;
    margin: 10px 0;
}

#checkout-step-shipping .shipping-address-item > div {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 20px;
}

#checkout-step-shipping .shipping-address-item.selected-item {
    background-color: #e7e8ff;
}
.table-checkout-shipping-method {
    width: 100%;
}

.table-checkout-shipping-method tr.row {
    cursor: pointer;
}

.table-checkout-shipping-method td.col {
    padding: 10px;
}

.table-checkout-shipping-method td.col:first-child {
    padding-left: 0;
}

.table-checkout-shipping-method td.col:last-child {
    padding-right: 0;
}
#shipping-new-address-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.form-shipping-address .field._disabled {
    display: none;
}
.form-shipping-address .field:has([name=region], [name=postcode]):not(._required){
    display: none;
}


#shipping-new-address-form .field[name="shippingAddress.delivery_type"],
#shipping-new-address-form .field.street {
    grid-column: 1 / 3;
}

#shipping-new-address-form fieldset {
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
}

#shipping-new-address-form fieldset > legend {
    display: none;
}
.opc-block-summary ol.minicart-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.opc-block-summary ol.minicart-items > .product-item:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}
#co-payment-form >.fieldset > legend.legend,
#co-payment-form >.fieldset >  hr,
#co-payment-form >.fieldset >  br {
    display: none;
}
.opc-block-summary .block-content > * {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}

.opc-block-summary {
    margin-bottom: 20px;
}
#block-discount-heading {
    font-weight: bold;
}
.opc-block-summary ol.minicart-items > .product-item > .product {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}
.opc-payment .payment-method._active > .payment-method-content {
    display: block;
}

.opc-payment .payment-method > .payment-method-content {
    display: none;
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
    margin-top: 10px;
}

.opc-payment .payment-method .payment-method-title, .opc-payment .payment-method .payment-method-title label {cursor: pointer;}

.opc-payment .payment-group {
    display: grid;
    grid-gap: 20px;
}

.opc-payment .payment-method._active > .payment-method-content > .payment-method-billing-address {
    margin-bottom: 10px;
}

.payment-method-billing-address .billing-address-details {
    padding: 10px;
    display: inline-block;
    font-style: italic;
    color: #444;
}
#checkout .messages {grid-area: messages;}

.page-layout-checkout .header.content .action.nav-toggle{
    display: none;
}
.opc-block-shipping-information .shipping-information {
    display: grid;
    grid-gap: 20px;
}

.checkout-agreements {
    margin: 20px 0;
}


/* MULTI CHECKOUT */
#shipping_method_form.multicheckout  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#shipping_method_form.multicheckout .block-shipping {
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}

#shipping_method_form.multicheckout .actions-toolbar {
    grid-column: 1 / 3;
}

#shipping_method_form.multicheckout .block-shipping .block-title {
    margin-bottom: 10px;
}

#shipping_method_form.multicheckout .block-shipping > .block-content {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "address method"
        "item method";
    grid-gap: 20px;
}

#shipping_method_form.multicheckout .block-shipping .box-title {
    display: block;
    border-bottom: solid 1px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#shipping_method_form.multicheckout .block-shipping > .block-content > .box-shipping-method {
    grid-area: method;
}

#shipping_method_form.multicheckout .box-shipping-method .items.methods-shipping {
    grid-template-columns: none;
}

#shipping_method_form.multicheckout .box-shipping-method .items.methods-shipping > .item-title {
    display: none;
}

#shipping_method_form.multicheckout .box-shipping-method .items.methods-shipping legend.legend {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: 600;
}

#shipping_method_form.multicheckout .box-shipping-method .items.methods-shipping br {
    display: none;
}

#shipping_method_form.multicheckout .box-shipping-method .items.methods-shipping .field.choice {
    display: flex;
    gap: 5px;
}

#shipping_method_form.multicheckout .box.box-items .col.item {
    text-align: left;
}

.multishipping-checkout-billing #checkout {
    display: block;
    margin-bottom: 0;
}

#multishipping-billing-form #payment-methods {
    grid-template-columns: auto;
}

#multishipping-billing-form .block-billing > .block-content {
    display: grid;
    grid-gap: 20px;
}

#multishipping-billing-form {
    display: grid;
    grid-gap: 20px;
}

#multishipping-billing-form .box-billing-method .box-title {
    font-weight: bold;
}

#review-order-form.multicheckout {
    display: grid;
    grid-gap: 20px;
}

#review-order-form.multicheckout .block-title {
    display: none;
}

#review-order-form.multicheckout .block-billing > .block-content {
    display: grid;
    grid-gap: 20px;
}

#review-order-form.multicheckout .block-shipping {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#review-order-form.multicheckout .block-shipping > .block-title {
    grid-column: 1 / 3;
}

#review-order-form.multicheckout .block-shipping > .block-content {
    padding: 10px;
    background-color: #FBF7F0;
    border-radius: 5px;
}

#review-order-form.multicheckout .block-shipping > .block-content > .box,
#review-order-form.multicheckout .block-shipping > .block-content > .title {
    margin-bottom: 20px;
}

#review-order-form.multicheckout .block-shipping .box-items .col.item {
    text-align: left;
}

#review-order-form.multicheckout .block-shipping .box-items tfoot .mark {
    text-align: right;
}

.multicheckout .block-billing {
    display: grid;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.multicheckout .block-billing .box-billing-address {
    background-color: #f1f1f1;
    padding: 10px;
    border: solid 1px #444;
    border-radius: 5px;
    display: grid;
    grid-gap: 10px;
}

.multicheckout .block-billing .box-billing-address .box-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* BLOG */
.blog-page main#maincontent {
    max-width: 1200px;
    width: calc(100% - 32px);
    margin: 0 auto;
    margin-top: var(--header-height)
}

.blog-page main#maincontent .columns {
    display: grid;
    grid-template-columns: auto 240px;
    grid-gap: 32px;
    align-items: self-start
}

.blog-page main#maincontent .columns a {
    text-decoration: none
}

.blog-page .breadcrumbs {
    display: none
}

.blog-page .sidebar.sidebar-additional>.widget {
    margin-bottom: 40px
}

.blog-page .post-view .related .products-grid .product-items {
    margin: 14px 0;
    display: flex;
    justify-content: start;
    padding: 0
}

.blog-page .post-view .related .products-grid .product-item .product-item-details {
    height: auto
}



@media screen and (max-width: 1280px){
    
}


@media screen and (max-width: 1024px){
    .page-layout-2columns-left #maincontent > .columns {
        grid-template-areas:
            "side-main"
            "main"
            "side-add";
        grid-template-columns: auto;
        grid-template-rows: none;
    }

    .page-layout-2columns-left #maincontent > .columns > .sidebar.sidebar-additional {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px 40px;
    }

    .products-grid .product-items {
        grid-template-columns: repeat(3, 1fr);
    }

    .block.filter {
        display: none;
    }
    .modal_filter {
        display: block;
    }
    
    .table-order-items.data.table,
    .table-order-items.data.table tbody, 
    .table-order-items.data.table tfoot, 
    .table-order-items.data.table tr,
    .table-order-items.data.table td, 
    .table-order-items.data.table th {
        display: block;
    }

    .table-order-items.data.table thead,
    .table-order-items.data.table th {
        display: none;
    }

    .table-order-items.data.table tr {
        border-radius: 5px;
        margin: 10px 0;
        background-color: #f1f1f1;
        padding: 10px;
        border: solid 1px #444;
    }

    .table-order-items.data.table td {
        text-align: left;
        padding: 0;
        display: flex;
    }
    .table-order-items.data.table td::before {
        content: attr(data-th);
        font-weight: 600;
        margin-right: 10px;
    }
    .table-order-items.data.table td.col.actions {
        justify-content: start;
    }
    .table-order-items.data.table tfoot tr {
        border: 0;
        background: none;
        padding: 0;
    }
    
    #shopping-cart-table .item-info > td {
        display: flex;
        text-align: left;
        gap: 10px;
        align-items: center;
    }
    #shopping-cart-table .item-info {
        display: grid;
        grid-gap: 5px;
    }
    #shopping-cart-table,
    #shopping-cart-table tbody,
    #shopping-cart-table tr.item-actions,
    #shopping-cart-table tr.item-actions > td {
        display: block;
    }
    #shopping-cart-table .item-info > td::before {
        content: attr(data-th);
        font-weight: 600;
    }
    #shopping-cart-table thead {
        display: none;
    }
    #shopping-cart-table .item-info > .col.item::before {
        content: none;
    }
    #shopping-cart-table .item-info > td {
        padding: 0;
    }

    body.account .block-collapsible-nav .block-collapsible-nav-content {
        overflow: hidden;
        height: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity 500ms;
    }
    body.account .block-collapsible-nav .block-collapsible-nav-content.active {
        height: auto;
        opacity: 1;
        pointer-events: auto;
    }
    body.account .block-collapsible-nav .block-collapsible-nav-title::before {
        content: "\f0c9";
        font-family: 'Font Awesome 6 Pro';
        font-weight: 400;
    }
    body.account .block-collapsible-nav .block-collapsible-nav-title {
        cursor: pointer;
        display: block;
    }
    body.account .block-collapsible-nav .block-collapsible-nav-title.active {
        margin-bottom: 10px;
    }
    
    #checkout {
        grid-template-columns: 1fr 320px;
    }
    
    #shipping_method_form.multicheckout .block-shipping > .block-content {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:
            "address"
            "item"
            "method";
    }

/* HENRY EDIT */
    .fotorama__active div.fotorama__dot{
        background-color: #1F2327;
        border-color: #1F2327;
        border-radius: 0px;
        border: 1px;
        width: 20px
        }
     div.fotorama__dot{
        background-color: #FBF7F0;
        border-color: #FBF7F0;
        border-radius: 0px;
        border: 1px;
        width: 20px
        }     
}

@media screen and (max-width: 720px){
    a.link.account::before, a.action.showcart::before, .search-wrapper a[data-trigger="trigger"]::before {
        font-size: 1.3em;
    }
    
    .products-grid .product-items,
    .columns:has(.sidebar) .column.main .products-grid .product-items {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .page-layout-2columns-left #maincontent > .columns > .sidebar.sidebar-additional {
        grid-template-columns: 1fr;
    }
    .catalog-product-view #maincontent .column.main {
        flex-direction: column-reverse;
        grid-template-areas:
            "media"
            "info";
        grid-template-columns: auto;
    }
    .catalog-product-view #maincontent .column.main > .block {
        grid-column: auto;
    }
    
    .cart-container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "summary";
    }
    #checkout {
        grid-template-columns: auto;
        grid-template-areas:
            "progress"
            "messages"
            "side"
            "main";
    }
    
    .header.content > .static-nav {
        display: none;
    }
    .header.content .action.nav-toggle {
        flex-grow: 1;
        display: block;
    }
    .header.content .logo {
        flex-grow: 1;
    }
    .header-tools .switcher-language {
        display: none;
    }
    
    .login-container {
        grid-template-columns: auto;
    }
    
    #shipping_method_form.multicheckout {
        grid-template-columns: 1fr;
    }
    #shipping_method_form.multicheckout .actions-toolbar {
        grid-column: auto;
    }
    
    #review-order-form.multicheckout .block-shipping {
        grid-template-columns: 1fr;
    }
    
    /* BLOG */
    .blog-page main#maincontent .columns {
        grid-template-columns: 1fr;
    }

/* HENRY EDIT */
    .fotorama__active div.fotorama__dot{
        background-color: #1F2327;
        border-color: #1F2327;
        border-radius: 0px;
        border: 1px;
        width: 20px
        }
     div.fotorama__dot{
        background-color: #FBF7F0;
        border-color: #FBF7F0;
        border-radius: 0px;
        border: 1px;
        width: 20px
        }        
    .category-view div.page-main{
        margin-bottom: 10px;
        }
        div.page-title-wrapper{
                 display:none;
        }
        .toolbar.toolbar-products p.toolbar-amount {
                 display:none;
        }
        .toolbar.toolbar-products div.toolbar-sorter.sorter {
                 display:none;
        }

      .modal_filter button.action{
                position: relative;
                float: right;
        }
   .page-layout-2columns-left #maincontent > div.columns{
               grid-gap: 10px 40px;
        }
       div.products.wrapper.grid.products-grid{
              margin: 10px 0;
        }

@media screen and (max-width: 460px){
    body.account #maincontent > .columns > .column.main .block-dashboard-addresses .block-content, body.account #maincontent > .columns > .column.main .block-dashboard-info .block-content, body.account #maincontent > .columns > .column.main .block-addresses-default .block-content, body.account #maincontent > .columns > .column.main .block-order-details-view .block-content {
        grid-template-columns: 1fr;
    }
    .block-addresses-list .block-content ul {
        grid-template-columns: 1fr;
    }
    body.account form#form-validate {
        grid-template-columns: 1fr;
    }
    form#form-validate .actions-toolbar {
        grid-column: auto;
    }
    input, textarea {
        font-size: 16px;
    }
    .pages .page, .pages .action {
        width: 30px;
        height: 30px;
    }
}