:root {
    --abs-color-white: #FFFFFF;
    --abs-color-black: #000000;

    --abs-color-primary: #283891;
    --abs-color-secondary: #f0c419;
    --abs-color-tertiary: #424242;
    --abs-color-quaternary: #202020;

    --abs-color-quinary: #FCF4E7;
    --abs-color-senary: #FFF300;
    --abs-color-septenary: ;
    --abs-color-octonary: ;
    --abs-color-octonary: ;
    --abs-color-nonary: ;
    --abs-color-denary: ;

    --abs-heading-1: 38px;
    --abs-heading-2: 32px;
    --abs-heading-3: 28px;
    --abs-heading-4: 24px;
    --abs-heading-5: 20px;
    --abs-heading-6: 18px;

    --abs-base-font-size: 16px;
    --abs-base-font-weight: 400;
    --abs-base-line-height: 1.67;
    --abs-base-back-color: var(--abs-color-white);
    --abs-base-text-color: var(--abs-color-tertiary);

    --abs-fallback-font-serif: Georgia, 'Times New Roman', Times, serif;
    --abs-fallback-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --abs-fallback-font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    --abs-fallback-font-cursive: 'Brush Script MT', cursive;
    --abs-fallback-font-fantasy: 'Papyrus', 'Impact', fantasy;

    --abs-font-primary: "Libre Franklin", var(--abs-fallback-font-sans-serif);
    --abs-font-secondary: "Marcellus", var(--abs-fallback-font-serif);
}

@media (min-width: 768px) {
    :root {
        --abs-heading-1: 44px;
        --abs-heading-2: 36px;
        --abs-heading-3: 31px;
        --abs-heading-4: 26px;
        --abs-heading-5: 22px;
        --abs-heading-6: 19px;
        --abs-base-font-size: 17px;
    }
}

@media (min-width: 1200px) {
    :root {
        --abs-heading-1: 50px;
        --abs-heading-2: 40px;
        --abs-heading-3: 34px;
        --abs-heading-4: 28px;
        --abs-heading-5: 24px;
        --abs-heading-6: 20px;
        --abs-base-font-size: 18px;
    }
}


/* [↓]_BEGIN[S] >> REBOOT_BASE << ABS_[↓] */
*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--abs-color-white);
    color: var(--abs-base-text-color);
    font-family: var(--abs-font-primary);
    font-size: var(--abs-base-font-size);
    font-weight: var(--abs-base-font-weight);
    line-height: var(--abs-base-line-height);
}

/* [↑]_CEASE[S] >> REBOOT_BASE << ABS_[↑] */

.w-full-h-auto img {
    width: 100%;
    height: auto;
}

.h-full-w-auto img {
    height: 100%;
    width: auto;
}

.wrap-overflow-anywhere {
    overflow-wrap: anywhere;
}

/* [↓]_BEGIN[S] >> REBOOT_FONTS_&_TEXT_STYLES << ABS_[↓] */
.js-font-primary {
    font-family: var(--abs-font-primary) !important;
}

.js-font-secondary {
    font-family: var(--abs-font-secondary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--abs-font-secondary);
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: 0;
}

h1,
.h1 {
    font-size: var(--abs-heading-1);
}

h2,
.h2 {
    font-size: var(--abs-heading-2);
}

h3,
.h3 {
    font-size: var(--abs-heading-3);
}

h4,
.h4 {
    font-size: var(--abs-heading-4);
}

h5,
.h5 {
    font-size: var(--abs-heading-5);
}

h6,
.h6 {
    font-size: var(--abs-heading-6);
}

p,
.js-base-text {
    color: var(--abs-base-text-color);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    font-weight: var(--abs-base-font-weight);
    line-height: var(--abs-base-line-height);
}

/* p:nth-last-child(1) {
    margin-bottom: 0;
} */

.js-section-heading-wrapper {
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.js-section-heading-title {
    text-transform: capitalize;
    color: var(--abs-color-quaternary);
    margin: 0;
}

.js-section-heading-title span {
    color: var(--abs-color-primary);
}

/* [↑]_CEASE[S] >> REBOOT_FONTS_&_TEXT_STYLES << ABS_[↑] */

.js-background-quinary {
    background: var(--abs-color-quinary) !important;
}

.js-background-white {
    background: var(--abs-color-white) !important;
}

.js-text-color-primary {
    color: var(--abs-color-primary) !important;
}

.js-section-padding-y {
    padding: 40px 0;
}

.js-section-margin-bottom {
    margin-bottom: 40px;
}

.btn-primary {
    --bs-btn-color: var(--abs-color-white);
    --bs-btn-bg: var(--abs-color-primary);
    --bs-btn-border-color: var(--abs-color-primary);
    --bs-btn-hover-color: var(--abs-color-white);
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--abs-color-white);
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--abs-color-white);
    --bs-btn-disabled-bg: var(--abs-color-primary);
    --bs-btn-disabled-border-color: var(--abs-color-primary);
}

.js-button {
    --js-btn-bg: #222222;
    --js-btn-color: #ffffff;
    --js-btn-padding-y: 10px;
    --js-btn-padding-x: 20px;
    --js-btn-font-size: 14px;
    --js-btn-radius: 4px;
    --js-btn-border: 1px solid transparent;

    /* 2. Apply variables to CSS properties */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;

    background-color: var(--js-btn-bg);
    color: var(--js-btn-color);
    padding: var(--js-btn-padding-y) var(--js-btn-padding-x);
    font-size: var(--js-btn-font-size);
    border-radius: var(--js-btn-radius);
    border: var(--js-btn-border);
}

/* 3. Button States using local variables */
.js-button:hover {
    background-color: var(--js-btn-bg-hover, color-mix(in srgb, var(--js-btn-bg) 85%, black));
}

.js-button:active {
    transform: scale(0.98);
}

.js-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}



.ratio-9x16 {
    --bs-aspect-ratio: 177.77%;
}

/* [↓]_BEGIN[S] >> HEADER << ABS_[↓] */
.js-header {
    --abs-nav-link-gutter-space: 16px;
    --abs-data-button-size: 40px;
}

.js-header .navbar {
    padding: 0;
}

.js-header-top-bar-wrapper {
    background: url('../image/background/abs-background-header.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0;
}

.js-header-top-bar .navbar-brand {
    width: 40%;
    max-width: 160px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.js-header-top-bar .navbar-brand img {
    width: 100%;
    height: auto;
}

.js-header-data-panel {
    gap: 10px;
    display: flex;
    align-items: center;
}

.js-user-cart {
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: var(--abs-data-button-size);
    border-radius: 1em;
    background: var(--abs-color-primary);
    color: var(--abs-color-white);
    padding: .25em;
}

.js-user-cart-amount {
    font-size: 16px;
    line-height: 1;
    display: none;
}

.js-user-cart-icon {
    font-size: .5em;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--abs-color-white);
}

.js-header-login-button {
    font-size: var(--abs-data-button-size);
    width: 1em;
    height: 1em;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--abs-color-primary);
    color: var(--abs-color-white);
    padding: .25em;
}

.js-header-login-button img,
.js-header-login-button svg {
    width: 100%;
    height: 100%;
}

.js-header-top-bar .navbar-toggler {
    padding: 0;
    border: none;
    font-size: var(--abs-data-button-size);
    padding: .125em;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-header-top-bar .navbar-toggler:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    width: 100%;
    height: 100%;
    /* --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='240' height='240' fill='currentColor'%3E%3Cpath d='M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z'%3E%3C/path%3E%3C/svg%3E"); */
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='240' height='240' fill='%23424242'%3E%3Cpath d='M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z'%3E%3C/path%3E%3C/svg%3E");
}

.js-header-top-bar {
    gap: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.js-header .navbar-collapse,
.js-header .collapse:not(.show) {
    z-index: 99999999;
    position: fixed;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    overflow-y: auto;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    background-color: var(--abs-color-primary);
    transition: all .35s ease-in-out;
    transform: translateX(100%);
}

.js-header .navbar-collapse.show {
    transform: translateX(0);
}

.js-header .navbar-collapse .js-header-nav-list {
    gap: var(--abs-nav-link-gutter-space);
    justify-content: center;
}

.js-header-nav-list .menu-item {
    position: relative;
    display: inline-flex;
}

.js-header-nav-list .menu-item a {
    font-family: var(--abs-font-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0;
    color: #D9D9D9;
    text-decoration: none;
}

.js-header-nav-list .menu-item a:hover,
.js-header-nav-list .menu-item.current-menu-item a {
    color: var(--abs-color-senary);
}

.js-header-nav-list .menu-item.current-menu-item a {
    font-weight: 700;
}

.js-navbar-close {
    border: none;
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--abs-color-white);
    margin-left: auto;
    margin-bottom: .5em;
}

.js-navbar-close:hover {
    color: var(--abs-color-senary);
}

/* Overlay */
.js-navbar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 1040;
}

.js-navbar-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* BS MEGAMENU */
.js-megamenu-dropdown .dropdown-toggle,
.js-megamenu-dropdown .dropdown-toggle.show {
    font-family: var(--abs-font-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0;
    color: #D9D9D9;
}

.js-megamenu-dropdown.position-static .dropdown-menu {
    margin: 0;
    border: none;
    padding: 16px 0;
    border-radius: 8px;
    background: var(--abs-color-quinary);
}

.js-megamenu-simple-navigation-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.js-megamenu-simple-nav-list {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.js-megamenu-simple-nav-list-title {
    font-family: var(--abs-font-secondary);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: 0%;
    margin: 0;
}

.js-megamenu-simple-nav-link {
    font-family: var(--abs-font-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0;
    color: var(--abs-base-text-color);
    text-decoration: none;
}

.js-megamenu-simple-nav-link:hover {
    color: var(--abs-color-primary);
}


/* ~! HEADER GLOBAL SEARCH !~ */
.js-header-global-search-container {
    position: relative;
}

.js-header-global-search-button {
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-header-global-search-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.js-header-global-search {
    font-size: 16px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--abs-color-primary);
    border-radius: 50em;
    padding: .5em .5em .5em 1em;
    /* position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    z-index: 2; */
}

.js-header-global-search input {
    border: none;
    font-weight: 400;
    font-size: 1em;
    line-height: 100%;
    background: transparent;
    padding-right: .5em;
}

.js-header-global-search input,
.js-header-global-search input::placeholder {
    color: var(--abs-color-white);
}

.js-header-global-search input:focus {
    outline: none;
    box-shadow: none;
}

.js-header-global-search input[type="search"]::-webkit-search-cancel-button {
    /* Remove default system styling */
    -webkit-appearance: none;
    appearance: none;

    /* Set dimensions for your new icon */
    height: 1em;
    width: 1em;

    /* Insert your custom icon (SVG data URI or image URL) */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' viewBox='0 0 24 24' fill='%23ff0000'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='240' height='240' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;

    /* Optional: change cursor to pointer on hover */
    cursor: pointer;
}

.js-header-global-search button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border: none;
    border-radius: 5em;
    background: var(--abs-color-white);
}

.js-header-global-search button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* [↑]_CEASE[S] >> HEADER << ABS_[↑] */

/* [↓]_BEGIN[S] >> HERO_BANNER << ABS_[↓] */
.js-section-page-banner {
    background: url('../image/background/abs-background-hero-banner.png');
    background-position: center 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.js-page-home-banner {
    background: url('../image/background/abs=background-home-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.js-page-home-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(0deg, white, transparent);
    width: 100%;
    height: 30%;
    z-index: 0;
}

.js-page-home-banner .js-hero-banner-title-wrapper .js-hero-banner-title {
    color: var(--abs-color-white);
}

.js-page-home-banner .js-hero-banner-content-wrapper {
    position: relative;
    z-index: 1;
}

.js-page-home-banner .js-hero-banner-content-wrapper .js-hero-banner-title-wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.js-hero-banner-description {
    color: var(--abs-color-white);
    margin: 0;
}

.js-hero-action .btn-light {
    --bs-btn-color: var(--abs-color-primary);
    --bs-btn-hover-color: var(--abs-color-primary);
    --bs-btn-active-color: var(--abs-color-primary);
    --bs-btn-disabled-color: var(--abs-color-primary);
}

.js-hero-action .btn-outline-light {
    --bs-btn-hover-color: var(--abs-color-primary);
    --bs-btn-active-color: var(--abs-color-primary);
}

.js-hero-banner-decoration-item {
    position: absolute;
    font-size: 40px;
    width: 1em;
    height: 1em;
    top: calc(100% - .5em);
    left: calc(100% - 1em);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-hero-banner-content-wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 50px 0;
}

.js-hero-banner-title-wrapper {
    text-align: left;
}

.js-hero-banner-title {
    margin: 0;
}

.js-hero-banner-title span {
    color: var(--abs-color-primary);
}

.breadcrumb.js-hero-banner-breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 9.39497V5.69634C11.1667 5.34012 11.1664 5.1619 11.123 4.99614C11.0847 4.84925 11.0217 4.71024 10.9364 4.58462C10.8402 4.44287 10.7064 4.32532 10.4383 4.09074L7.23828 1.29074C6.74054 0.855217 6.49167 0.637566 6.21159 0.554738C5.96479 0.481754 5.70174 0.481754 5.45495 0.554738C5.17508 0.637503 4.92657 0.854949 4.42958 1.28981L1.22852 4.09074C0.960427 4.32532 0.826694 4.44287 0.730469 4.58462C0.645195 4.71024 0.581699 4.84925 0.543314 4.99614C0.5 5.16191 0.5 5.34011 0.5 5.69634V9.39497C0.5 10.0162 0.5 10.3267 0.601494 10.5718C0.736819 10.8985 0.996213 11.1583 1.32292 11.2937C1.56794 11.3952 1.87857 11.3952 2.49983 11.3952C3.12108 11.3952 3.43206 11.3952 3.67708 11.2937C4.00379 11.1583 4.26311 10.8985 4.39844 10.5718C4.49993 10.3268 4.5 10.0162 4.5 9.39491V8.72824C4.5 7.99186 5.09695 7.39491 5.83333 7.39491C6.56971 7.39491 7.16667 7.99186 7.16667 8.72824V9.39491C7.16667 10.0162 7.16667 10.3268 7.26816 10.5718C7.40349 10.8985 7.66288 11.1583 7.98958 11.2937C8.23461 11.3952 8.54524 11.3952 9.16649 11.3952C9.78775 11.3952 10.0987 11.3952 10.3438 11.2937C10.6705 11.1583 10.9298 10.8985 11.0651 10.5718C11.1666 10.3267 11.1667 10.0162 11.1667 9.39497Z' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --bs-breadcrumb-item-padding-x: 10px;
    --bs-breadcrumb-font-size: var(--abs-base-font-size);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.breadcrumb.js-hero-banner-breadcrumb .breadcrumb-item a {
    color: var(--abs-color-tertiary);
    text-decoration: none;
}

.breadcrumb.js-hero-banner-breadcrumb .breadcrumb-item a:hover,
.breadcrumb.js-hero-banner-breadcrumb .breadcrumb-item a:focus {
    color: var(--abs-color-secondary);
}

/* [↑]_CEASE[S] >> HERO_BANNER << ABS_[↑] */

/* [↓]_BEGIN[S] >> NEWSLETTER << ABS_[↓] */
.js-newsletter-box {
    background: var(--abs-color-quinary);
    padding: 60px 20px;
    border-radius: 16px;
    position: relative;
}

.js-newsletter-decoration-item-start,
.js-newsletter-decoration-item-end,
.js-newsletter-decoration-item-center {
    position: absolute;
    display: flex;
    align-items: center;
}

.js-newsletter-decoration-item-start,
.js-newsletter-decoration-item-end {
    width: 100%;
    max-width: 100px;
}

.js-newsletter-decoration-item-start {
    top: 0;
    left: 0;
}

.js-newsletter-decoration-item-end {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.js-newsletter-decoration-item-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 325px;
}

.js-newsletter-content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    gap: 16px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.js-newsletter-content-heading .js-newsletter-content-heading-title {
    color: var(--abs-color-quaternary);
}

.js-newsletter-content-heading .js-newsletter-content-heading-title span {
    color: var(--abs-color-primary);
}

.js-newsletter-content-description {
    display: flex;
    flex-direction: column;
}

.js-newsletter-content-description-head {
    font-weight: 700;
}

.js-newsletter-content-description-text {
    color: #1C1C1C;
}

.js-newsletter-form-wrapper {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.js-newsletter-email-input-container {
    position: relative;
}

.js-newsletter-email-input-container button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.js-newsletter-email-input-container .js-form-controls input[type="checkbox"] {
    position: relative;
    font-size: 1.5em;
    width: 1em;
    height: 1em;
}

.js-newsletter-email-input-container .js-form-controls input[type="checkbox"]::before {
    content: "";
    width: 1em;
    height: 1em;
    background: #E6E6E6;
    border: 1px solid #E6E6E6;
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.js-newsletter-email-input-container .js-form-controls input[type="checkbox"]:checked::before {
    content: "";
    /* background: var(--abs-color-white); */
    border: 1px solid var(--abs-color-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='240' height='240' fill='rgba(40,56,145,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.js-newsletter-checked-terms {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 100%;

}

.js-newsletter-checked-terms-text {
    color: #1C1C1C;
    font-size: 1em;
}

/* [↑]_CEASE[S] >> NEWSLETTER << ABS_[↑] */



/* [↓]_BEGIN[S] >> FOOTERT_STYLES << ABS_[↓] */
footer.js-footer {
    position: relative;
    --abs-footer-bee-size: 70px;
    --abs-footer-content-gutter-y: 50px;
    margin-top: var(--abs-footer-bee-size);
}

/* [↓]_BEGIN[S] >> FOOTER_CONTENT << ABS_[↓] */
.js-footer-content-wrapper {
    position: relative;
    background-color: var(--abs-color-quinary);
    padding: calc(var(--abs-footer-content-gutter-y) * 2) 0 calc(var(--abs-footer-content-gutter-y) / 2);
}

.js-footer-decoration-bee {
    font-size: var(--abs-footer-bee-size);
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(.5em * -1);
    right: .5em;
}

.js-footer-decoration-honey-hive {
    position: absolute;
    right: 0;
    top: 20%;
    transform: translateY(-50%);
}

.js-footer-decoration-flowers {
    position: absolute;
    top: 0;
}

.js-footer-decoration-hexagon-hive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-footer-about-column {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.js-footer-brand-logo-box {
    height: 60px;
    display: flex;
    align-items: center;
}

.js-footer-about-text {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--abs-base-text-color);
    font-size: var(--abs-base-font-size);
    line-height: var(--abs-base-line-height);
}

.js-footer-nav-column {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.js-footer-nav-head {
    color: var(--abs-color-primary);
    font-family: var(--abs-font-primary);
    font-weight: 700;
    margin: 0;
}

.js-footer-nav-list {
    margin: 0;
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    line-height: var(--abs-base-line-height);
    font-weight: 400;
    letter-spacing: 0;
    padding-left: 1em;
    gap: 16px;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 1em;
}

.js-footer-nav-list li::before {
    content: "⬢";
    font-size: .75em;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 50%;
    right: calc(100% + .5em);
    color: var(--abs-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.js-footer-nav-list li {
    position: relative;
}

.js-footer-nav-list li.menu-item a {
    color: #070707;
    text-decoration: none;
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    line-height: var(--abs-base-line-height);
    font-weight: 400;
    letter-spacing: 0;
}

.js-footer-nav-list li.menu-item.current-menu-item a,
.js-footer-nav-list li.menu-item a:hover {
    color: var(--abs-color-primary);
}

.js-footer-nav-list li.menu-item.current-menu-item a,
.js-footer-nav-list li.menu-item a:active {
    font-weight: 700;
}

.js-footer-nav-contact-link {
    color: var(--abs-base-text-color);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    line-height: var(--abs-base-line-height);
    font-weight: 400;
    gap: 16px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.js-footer-nav-contact-link:hover,
.js-footer-nav-contact-link:focus {
    color: var(--abs-color-primary);
}

.js-footer-nav-contact-list {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.js-footer-nav-contact-icon {
    width: 2em;
    height: 2em;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.js-footer-nav-contact-icon img {
    width: auto;
    height: 100%;
}

.js-footer-nav-contact-text {
    overflow-wrap: anywhere;
}

/* [↑]_CEASE[S] >> FOOTER_CONTENT << ABS_[↑] */

/* [↓]_BEGIN[S] >> FOOTER_COPYRIGHT_BAR << ABS_[↓] */
.js-footer-copyright-wrapper {
    background-color: var(--abs-color-primary);
    color: var(--abs-color-white);
    padding: 16px 0;
}

.js-footer-copyright-row {
    gap: 16px;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.js-footer-copyright-text {
    color: var(--abs-color-white);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    font-weight: var(--abs-base-font-weight);
    line-height: var(--abs-base-line-height);
    margin: 0;
}

.js-footer-copyright-text strong {
    font-weight: 700;
    color: var(--abs-color-senary);
}

.js-footer-social-nav-list {
    padding: 0;
    margin: 0;
    gap: 10px;
    display: flex;
    align-items: center;
}

.js-footer-social-nav-list-item {
    line-height: 1;
}

.js-footer-social-nav-link {
    font-size: 22px;
    height: 1em;
    width: 1em;
    border-radius: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--abs-color-white);
    overflow: hidden;
}

.js-footer-social-nav-link img {
    object-fit: contain;
    width: .65em;
    height: .65em;
}

/* [↑]_CEASE[S] >> FOOTER_COPYRIGHT_BAR << ABS_[↑] */
/* [↑]_CEASE[S] >> FOOTERT_STYLES << ABS_[↑] */


/* [↓]_BEGIN[S] >> CONTACT_DETAILS << ABS_[↓] */
.js-section-contact {
    background: var(--abs-color-quinary);
    padding: 40px 0;
    position: relative;
}

.js-contact-card-decoration {
    position: absolute;
    top: -3%;
    left: 0;
    width: 100%;
    max-width: 100px;
}

.js-section-contact .container .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.js-card-contact-info {
    position: relative;
    background: var(--abs-color-white);
    border-radius: 20px;
    padding: 16px 16px;
    height: 100%;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-card-contact-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.js-card-contact-icon {
    font-size: 36px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.js-card-contact-text {
    color: #1C1C1C;
}

.js-card-contact-feature {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    grid-column: span 2;
    display: none;
}

.js-contact-card-decoration-item {
    position: absolute;
    font-size: 66px;
    width: 1em;
    height: 1em;
    bottom: .5em;
    right: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-contact-card-grid {
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

/* [↑]_CEASE[S] >> CONTACT_DETAILS << ABS_[↑] */

/* [↓]_BEGIN[S] >> SEND_MESSAGE << ABS_[↓] */
.js-section-send-message {
    padding: 40px 0;
    position: relative;
}

.js-send-message-decoration-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100px;
}

/* [↑]_CEASE[S] >> SEND_MESSAGE << ABS_[↑] */

/* [↓]_BEGIN[S] >> GENERAL_CONTENT << ABS_[↓] */
.js-section-general-media-content .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.js-row-large-gutter .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.js-general-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-transform: capitalize;
}

.js-general-content-wrapper h2,
.js-general-content-wrapper p {
    margin: 0;
}

.js-general-content-decoration-item,
.js-general-content-decoration-item-bottom-right,
.js-general-content-decoration-item-bottom-left,
.js-general-content-decoration-item-top-right,
.js-general-content-decoration-item-top-left {
    --abs-decoration-item-ganeral-position: .5em;
    position: absolute;
    font-size: 50px;
    height: 1em;
    width: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-general-content-decoration-item,
.js-general-content-decoration-item-bottom-right,
.js-general-content-decoration-item-bottom-left {
    bottom: var(--abs-decoration-item-ganeral-position);
}

.js-general-content-decoration-item,
.js-general-content-decoration-item-bottom-right,
.js-general-content-decoration-item-top-right {
    right: var(--abs-decoration-item-ganeral-position);
}

.js-general-content-decoration-item-top-right,
.js-general-content-decoration-item-top-left {
    top: var(--abs-decoration-item-ganeral-position);
}

.js-general-content-decoration-item-bottom-left,
.js-general-content-decoration-item-top-left {
    left: var(--abs-decoration-item-ganeral-position);
}

.js-general-content-decoration-item-outbox-right-top,
.js-general-content-decoration-item-outbox-right-bottom,
.js-general-content-decoration-item-outbox-left-bottom,
.js-general-content-decoration-item-outbox-left-top {
    --abs-decoration-item-outbox-position: .5em;
    --abs-decoration-item-outbox-palce: 1;
    position: absolute;
    font-size: 40px;
    height: 1em;
    width: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-general-content-decoration-item-outbox-right-top {
    top: calc(var(--abs-decoration-item-outbox-position) * var(--abs-decoration-item-outbox-palce));
    right: calc(var(--abs-decoration-item-outbox-position) * var(--abs-decoration-item-outbox-palce));
}

.js-general-content-decoration-item-outbox-left-bottom {
    bottom: calc(var(--abs-decoration-item-outbox-position) * var(--abs-decoration-item-outbox-palce));
    left: calc(var(--abs-decoration-item-outbox-position) * var(--abs-decoration-item-outbox-palce));
}

.js-nucs-media .js-general-media-wrapper {
    height: 100%;
    max-height: 200px;
    min-height: 200px;
}

.js-section-media-bg-filled-content {
    /* background: url('../image/background/abs-background-hive-ext.png'); */
    background: url('../image/background/abs-background-hive-ext-og.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 40px 0;
    text-align: center;
}

.js-section-media-bg-filled-content.js-section-media-bg-order-process {
    padding: 200px 0 40px;
}

.js-section-media-bg-filled-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.js-section-media-bg-filled-content.js-section-media-bg-about::before {
    background: rgba(0, 0, 0, 0.6);
}

.js-section-media-bg-filled-content.js-section-media-bg-order-process::before {
    background: linear-gradient(0deg, black, transparent)
}

.js-section-media-bg-about {
    background: url('../image/background/abs-background-about-description.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.js-section-media-bg-nucs {
    background: url('../image/background/abs-background-nucs.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.js-section-media-bg-order-process {
    background: url('../image/background/abs-background-order-process.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.js-section-media-bg-about .js-media-bg-content-text {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 20px;
}

.js-section-media-bg-big-data {
    background: url('../image/background/abs-background-about-big-data.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.js-section-media-bg-overlay-disabled::before {
    display: none;
}

.js-section-media-bg-white-overlay {
    position: relative;
    background: #FFFFFF8C;
    border-radius: 20px;
    padding: 20px;
}

.js-all-the-queen-decoration {
    position: absolute;
    font-size: 40px;
    width: 1em;
    height: 1em;
    top: calc(0% - .5em);
    left: calc(100% - .5em);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-section-media-bg-white-overlay .js-media-bg-content-head,
.js-section-media-bg-white-overlay .js-media-bg-content-text {
    color: unset;
    text-align: left;
}

.js-media-bg-content-column {
    position: relative;
    z-index: 1;
}

.js-media-bg-content-column,
.js-media-bg-content-text-column {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.js-media-bg-content-head,
.js-media-bg-content-text {
    color: var(--abs-color-white);
}

.js-media-bg-content-column p {
    margin: 0;
}

.js-general-info-comments {
    position: absolute;
    bottom: 1.5em;
    right: 1em;
    width: calc(100% - 2em);
    height: auto;
    background: var(--abs-color-primary);
    padding: 20px;
    border-radius: 20px 20px 0 20px;
    text-align: center;
}

.js-general-info-comments p {
    color: var(--abs-color-white);
    margin: 0;
}

/* [↑]_CEASE[S] >> GENERAL_CONTENT << ABS_[↑] */


/* [↓]_BEGIN[S] >> COLLECTION_CARD << ABS_[↓] */
.js-section-collection-nuc .js-section-heading-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.js-section-collection-nuc .js-section-heading-title {
    width: 100%;
    max-width: 565px;
    margin: 0 auto;
}

.card.js-card-honey-collection {
    --bs-card-spacer-y: 30px;
    --bs-card-spacer-x: 30px;
    --bs-card-border-radius: 30px;
    border: none;
    height: 100%;
}

.js-honey-collection-steps-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.js-honey-collection-icon {
    position: relative;
    font-size: 60px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5em;
}

.js-honey-collection-step-index {
    font-family: var(--abs-font-primary);
    color: #28389133;
    font-weight: 700;
    position: absolute;
    top: -.5em;
    font-size: 1em;
    left: 50%;
    transform: translateX(-50%);
    height: 1em;
    line-height: 1;
}

.js-honey-collection-icon img {
    width: 1em;
    height: 1em;
}

.js-honey-collection-content-wrapper {
    display: flex;
    flex-direction: column;
}

.js-honey-collection-step-head {
    margin: 0;
}

.js-honey-collection-step-text {
    color: #1C1C1C;
    margin: 0;
}

/* [↑]_CEASE[S] >> COLLECTION_CARD << ABS_[↑] */

/* [↓]_BEGIN[S] >> NUC_TRANSFER << ABS_[↓] */
.js-section-transfer-nuc .js-section-heading-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.js-section-transfer-nuc .js-section-heading-title {
    width: 100%;
    max-width: 655px;
    margin: 0 auto;
}

.card.js-card-transfer-nuc {
    --bs-card-spacer-y: 30px;
    --bs-card-spacer-x: 30px;
    --bs-card-border-radius: 30px;
    border: none;
    height: 100%;
}

.js-card-transfer-nuc-contnet {
    gap: 22px;
    display: flex;
    flex-direction: column;
}

.js-transfer-nuc-step-index {
    font-family: var(--abs-font-primary);
    color: #28389133;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
}

.js-transfer-nuc-content-wrapper {
    display: flex;
    flex-direction: column;
}

/* [↑]_CEASE[S] >> NUC_TRANSFER << ABS_[↑] */


/* [↓]_BEGIN[S] >> PRODUCT_CARD << ABS_[↓] */
.js-product-card {
    background: var(--abs-color-quinary);
    padding: 6px;
    gap: 16px;
    display: flex;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
    flex-direction: column;
    height: 100%;
}

.js-product-head {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.js-product-view-icon {
    font-size: 50px;
    position: absolute;
    width: 1em;
    height: 1em;
    bottom: .5em;
    right: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in-out;
}

.js-product-view-icon:hover {
    transform: rotate(45deg);
    transition: all .25s ease-in-out;
}

.js-product-body {
    gap: 8px;
    display: flex;
    flex-direction: column;
    padding: 0 4px;
}

.js-product-name {
    margin: 0;
}

/* [↑]_CEASE[S] >> PRODUCT_CARD << ABS_[↑] */

/* [↓]_BEGIN[S] >> FORM_CONTROLS << ABS_[↓] */
.js-form-controls input:not([type="submit"]),
.js-form-controls input.wpcf7-form-control:not([type="submit"]),
.js-form-controls textarea.wpcf7-form-control {
    border: 1px solid #333333A3;
    border-radius: 10px;
    padding: 12px 8px 12px 20px;
    font-family: var(--abs-font-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--abs-color-quaternary);
}

.js-form-controls textarea.wpcf7-form-control,
.js-form-controls input[type="text"],
.js-form-controls input[type="email"],
.js-form-controls input[type="tel"],
.js-form-controls input.wpcf7-form-control[type="text"],
.js-form-controls input.wpcf7-form-control[type="email"],
.js-form-controls input.wpcf7-form-control[type="tel"] {
    width: 100%;
}

.js-form-controls textarea.wpcf7-form-control {
    resize: none;
}

.js-form-controls input.wpcf7-form-control::placeholder,
.js-form-controls textarea.wpcf7-form-control::placeholder {
    color: #333333A3;
}

.js-form-controls input.wpcf7-form-control:focus,
.js-form-controls textarea.wpcf7-form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--abs-color-primary);
}

.js-newsletter-form p {
    margin: 0;
}

.js-newsletter-form .js-newsletter-signup-box input:not([type="submit"]),
.js-newsletter-form .js-newsletter-signup-box input.wpcf7-form-control:not([type="submit"]) {
    border-color: transparent;
    font-size: 18px;
}

.js-newsletter-form .js-newsletter-signup-box .wpcf7-form-control-wrap {
    gap: 4px;
    display: flex;
    flex-direction: column;
}

.js-newsletter-form .js-newsletter-signup-box .wpcf7-not-valid-tip {
    font-size: .75em;
    font-weight: 600;
    font-family: var(--abs-font-primary);
}

.js-newsletter-form .js-newsletter-signup-box br {
    display: none;
}

.js-newsletter-form .wpcf7-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 38px;
    width: 1em;
    height: 1em;
    border-radius: .2em;
    border: none;
    background: var(--abs-color-primary);
    color: var(--abs-color-quinary);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3078 13.6923L15.1539 8.84619M20.1113 5.88867L16.0207 19.1833C15.6541 20.3747 15.4706 20.9707 15.1544 21.1683C14.8802 21.3396 14.5406 21.3683 14.2419 21.2443C13.8975 21.1014 13.618 20.5433 13.0603 19.428L10.4694 14.2461C10.3809 14.0691 10.3366 13.981 10.2775 13.9043C10.225 13.8363 10.1645 13.7749 10.0965 13.7225C10.0215 13.6647 9.93486 13.6214 9.76577 13.5369L4.57192 10.9399C3.45662 10.3823 2.89892 10.1032 2.75601 9.75879C2.63207 9.4601 2.66033 9.12023 2.83169 8.84597C3.02928 8.52974 3.62523 8.34603 4.81704 7.97932L18.1116 3.88867C19.0486 3.60038 19.5173 3.45635 19.8337 3.57253C20.1094 3.67373 20.3267 3.89084 20.4279 4.16651C20.544 4.48283 20.3999 4.95126 20.1119 5.88729L20.1113 5.88867Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
    text-indent: -9999px !important;
}

.js-newsletter-form .wpcf7-submit:hover,
.js-newsletter-form .wpcf7-submit:focus {
    background: #0b5ed7;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3078 13.6923L15.1539 8.84619M20.1113 5.88867L16.0207 19.1833C15.6541 20.3747 15.4706 20.9707 15.1544 21.1683C14.8802 21.3396 14.5406 21.3683 14.2419 21.2443C13.8975 21.1014 13.618 20.5433 13.0603 19.428L10.4694 14.2461C10.3809 14.0691 10.3366 13.981 10.2775 13.9043C10.225 13.8363 10.1645 13.7749 10.0965 13.7225C10.0215 13.6647 9.93486 13.6214 9.76577 13.5369L4.57192 10.9399C3.45662 10.3823 2.89892 10.1032 2.75601 9.75879C2.63207 9.4601 2.66033 9.12023 2.83169 8.84597C3.02928 8.52974 3.62523 8.34603 4.81704 7.97932L18.1116 3.88867C19.0486 3.60038 19.5173 3.45635 19.8337 3.57253C20.1094 3.67373 20.3267 3.89084 20.4279 4.16651C20.544 4.48283 20.3999 4.95126 20.1119 5.88729L20.1113 5.88867Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.js-newsletter-form .wpcf7-submit:disabled {
    background: var(--abs-color-tertiary);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3078 13.6923L15.1539 8.84619M20.1113 5.88867L16.0207 19.1833C15.6541 20.3747 15.4706 20.9707 15.1544 21.1683C14.8802 21.3396 14.5406 21.3683 14.2419 21.2443C13.8975 21.1014 13.618 20.5433 13.0603 19.428L10.4694 14.2461C10.3809 14.0691 10.3366 13.981 10.2775 13.9043C10.225 13.8363 10.1645 13.7749 10.0965 13.7225C10.0215 13.6647 9.93486 13.6214 9.76577 13.5369L4.57192 10.9399C3.45662 10.3823 2.89892 10.1032 2.75601 9.75879C2.63207 9.4601 2.66033 9.12023 2.83169 8.84597C3.02928 8.52974 3.62523 8.34603 4.81704 7.97932L18.1116 3.88867C19.0486 3.60038 19.5173 3.45635 19.8337 3.57253C20.1094 3.67373 20.3267 3.89084 20.4279 4.16651C20.544 4.48283 20.3999 4.95126 20.1119 5.88729L20.1113 5.88867Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.js-newsletter-form .wpcf7-spinner {
    position: absolute;
    top: 5px;
    right: 5px;
    pointer-events: none;
    font-size: 38px;
    width: 1em;
    height: 1em;
    margin: 0 calc(1em + 5px);
    background-color: var(--abs-color-secondary);
}

.js-newsletter-form .wpcf7-spinner::before {
    background-color: #fbfbfc;
    top: 10%;
    left: 10%;
    width: .5em;
    height: .5em;
    transform-origin: 80% 80%;
}

.js-newsletter-form .js-privacy-policy-wrap label {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.js-newsletter-form .js-privacy-policy-wrap label .wpcf7-list-item-label {
    display: flex;
    flex: 0 0 auto;
    font-size: 1em;
    overflow-wrap: anywhere;
}

.js-newsletter-form .js-privacy-policy-wrap .wpcf7-list-item {
    margin: 0;
}

/* [↑]_CEASE[S] >> FORM_CONTROLS << ABS_[↑] */

.js-section-everything-at-one {
    position: relative;
}

.js-section-everything-decoration-start,
.js-section-everything-decoration-end {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.js-section-everything-decoration-start {
    left: 0;
    width: 100%;
    max-width: 300px;
    display: none
}

.js-section-everything-decoration-end {
    right: 0;
}

.js-everything-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.js-everything-product-image-wrapper {
    --bs-aspect-ratio: 128.9%;
}

.js-everything-floating-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: linear-gradient(0deg, black, transparent); */
    /* height: 100%; */
    padding: 20px;
    color: var(--abs-color-white);
    display: flex;
    flex-direction: column;
    gap: 5px;
    transform: translateY(100%);
    transition: all 0.35s ease-in-out;
}

.js-everything-card:hover .js-everything-floating-content {
    transform: translateY(0);
    transition: all 0.35s ease-in-out;
}

.js-everything-content-head {
    font-family: Marcellus;
    text-transform: capitalize;
    margin: 0;
    color: var(--abs-color-white);
}

.js-everything-floating-content::before {
    content: "";
    background: linear-gradient(0deg, black, transparent);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.js-everything-redirection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.js-everything-content-text {
    color: var(--abs-color-white);
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0%;
    margin: 0;
}

.js-everything-redirection a {
    float: right;
    font-size: 40px;
    width: 1em;
    height: 1em;
}

.js-everything-redirection-icon {
    transform: rotate(0deg);
    transition: all 0.35s ease-in-out;
}

.js-everything-redirection-icon:hover {
    transform: rotate(45deg);
    transition: all 0.35s ease-in-out;
}

.js-swiper-container {
    --swiper-pagination-color: var(--abs-color-primary);
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 3px;
    --swiper-pagination-bullet-border-radius: 3px;
    --swiper-navigation-size: 30px;
    --swiper-nav-pos-prev: calc(var(--swiper-navigation-size) + 16px);
    --swiper-nav-pos-next: calc(var(--swiper-navigation-size) + 16px);
    position: relative;
    padding: 0 var(--swiper-nav-pos-prev) 0 var(--swiper-nav-pos-next);
    margin-bottom: 2em;
}

.js-swiper-container .swiper-pagination {
    line-height: 1;
    top: calc(100% + .5em);
    transform: translateY(-50%);
}


/* HOME ~ */
.js-decoration-hive-net {
    background: url('../image/decoration/abs-decoration-bg-net.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* OFFCANVAS ~ */

.js-cart-canvas.offcanvas {
    --bs-offcanvas-width: 575px;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--abs-color-quinary);
}

.js-cart-canvas .offcanvas-header,
.js-cart-canvas .offcanvas-body {
    padding: var(--bs-offcanvas-padding-y) 60px;
}

.js-cart-canvas .offcanvas-title {
    gap: 30px;
    display: flex;
    align-items: center;
}

.js-cart-canvas-icon {
    font-size: 30px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}


.js-cart-canvas .offcanvas-footer {
    background: var(--abs-color-white);
    padding: 18px 18px;
}

.js-cart-canvas-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.js-cart-canvas-list-item {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid #00000066;
    list-style: none;
    padding: 30px 0;
}

.js-cart-canvas-list-item-media {
    width: 100%;
    max-width: 130px;
    display: flex;
    overflow: hidden;
    align-items: center;
    border-radius: 20px;
    background: var(--abs-color-quaternary);
    border: 1px solid #666;
    flex: 0 0 auto;
}

.js-cart-canvas-list-item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.js-cart-canvas-list-item-content {
    width: 100%;
    gap: 10px;
    display: flex;
    /* align-items: stretch; */
    justify-content: space-between;
}

.js-cart-canvas-product-details {
    gap: 6px;
    display: flex;
    flex-direction: column;
    /* align-self: stretch; */
}

.js-cart-canvas-list-item-title {
    display: block;
    color: var(--abs-base-text-color);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.5;
}

.js-cart-canvas-list-item-price {
    color: var(--abs-base-text-color);
    font-weight: 400;
    font-size: 16px;
}

.js-cart-canvas-list-item-total {
    color: var(--abs-primary-color);
    font-weight: 700;
}

.js-cart-canvas-list-item-meta {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    /* height: 100%; */
    gap: 10px;
}

.js-cart-canvas-list-item-remove {
    color: var(--abs-color-black);
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-cart-canvas-list-item-remove:hover,
.js-cart-canvas-list-item-remove:focus {
    color: var(--bs-danger);
}

.js-cart-canvas-bill {
    margin-top: 30px;
}

.js-cart-canvas-empty {
    color: var(--abs-base-text-color);
}

.js-cart-canvas-item-quantity-data {
    display: flex;
    align-items: center;
    background: var(--abs-color-white);
    border-radius: 10px;
    padding: 10px 12px;
    gap: 10px;
}

.js-cart-canvas-item-quantity-data input.form-control {
    border: none;
    padding: 0;
    max-width: 40px;
    min-width: 40px;
    width: 40px;
    text-align: center;
}

.js-cart-canvas-item-quantity-control {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.js-cart-canvas-item-quantity-control button {
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-cart-canvas-item-quantity-data input.form-control:focus,
.js-cart-canvas-item-quantity-control button:focus {
    box-shadow: none;
    outline: none;
}

.js-cart-canvas-item-quantity-control .btn-link {
    text-decoration: none;
    color: var(--abs-color-black);
}

/* SHOP ~ */
.woocommerce .js-shop ul.products {
    --abs-shop-card-back-color-base: var(--abs-color-white);
    --abs-shop-card-back-color-hover: var(--abs-color-primary);
    --abs-shop-card-text-color-base: var(--abs-base-text-color);
    --abs-shop-card-text-color-hover: var(--abs-color-white);
    --abs-shop-card-transition: all 0.35s ease-in-out;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce .js-shop ul.products li.product,
.woocommerce-page .js-shop ul.products li.product {
    background: var(--abs-shop-card-back-color-base);
    padding: 6px;
    gap: 16px;
    /* height: 100%; */
    display: flex;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--abs-shop-card-transition);
}

.woocommerce .js-shop ul.products li.product:hover,
.woocommerce .js-shop ul.products li.product:focus,
.woocommerce-page .js-shop ul.products li.product:hover,
.woocommerce-page .js-shop ul.products li.product:focus {
    background: var(--abs-shop-card-back-color-hover);
    transition: var(--abs-shop-card-transition);
}

.woocommerce .js-shop ul.products li.product a.woocommerce-loop-product__link {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.woocommerce .js-shop ul.products li.product .woocommerce-placeholder {
    margin: 0;
    border-radius: 16px;
}

.woocommerce .js-shop ul.products li.product a img {
    border-radius: 12px;
    background-color: var(--abs-color-white);
}

.woocommerce .js-shop ul.products li.product .woocommerce-loop-category__title,
.woocommerce .js-shop ul.products li.product .woocommerce-loop-product__title,
.woocommerce .js-shop ul.products li.product h3 {
    color: var(--abs-shop-card-text-color-base);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    line-height: var(--abs-base-line-height);
    font-weight: 700;
    padding: .1em 0;
    transition: var(--abs-shop-card-transition);
}

.woocommerce .js-shop ul.products li.product .price {
    font-size: 16px;
    font-family: var(--abs-font-primary);
    font-weight: var(--abs-base-font-weight);
    color: var(--abs-shop-card-text-color-base);
    line-height: 100%;
    margin: 0;
}

.woocommerce .js-shop ul.products li.product:hover .woocommerce-loop-category__title,
.woocommerce .js-shop ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce .js-shop ul.products li.product:hover h3,
.woocommerce .js-shop ul.products li.product:hover .price,
.woocommerce .js-shop ul.products li.product:focus .woocommerce-loop-category__title,
.woocommerce .js-shop ul.products li.product:focus .woocommerce-loop-product__title,
.woocommerce .js-shop ul.products li.product:focus h3,
.woocommerce .js-shop ul.products li.product:focus .price {
    color: var(--abs-shop-card-text-color-hover);
    transition: var(--abs-shop-card-transition);
}


.woocommerce .js-shop ul.products li.product .button {
    margin-top: 0;
    border-radius: 200px;
}


/* .woocommerce .js-shop ul.products li.product:hover,
.woocommerce-page .js-shop ul.products li.product:hover {
    background: var(--abs-color-primary);
} */

/* .woocommerce .js-shop ul.products li.product a {
    padding: 0;
    color: var(--abs-color-secondary);
    font-size: 14px;
    font-family: var(--abs-font-primary);
    font-weight: 500;
    line-height: 100%;
} */

.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: none;
    gap: 6px;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: white;
    width: 2.25em;
    height: 2.25em;
    border-radius: .25em;
    font-size: 16px;
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.current) {
    background: var(--abs-color-primary);
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus {
    background: transparent
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
    background: transparent;
    color: white;
}

.woocommerce ul.products li.product a.added_to_cart {
    background: var(--abs-color-secondary);
    color: var(--abs-color-tertiary);
    border-radius: 20em;
    padding: 6px 12px;
    font-weight: 700;
}


/* ~ PRODUCT DETAILS */
/* .woocommerce .js-shop .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {} */

.woocommerce .js-shop .product .summary {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.woocommerce .js-shop .product .summary .product_title,
.woocommerce .js-shop .product .summary .price,
.woocommerce .js-shop .product .summary .woocommerce-product-details__short-description p:last-child,
.woocommerce .js-shop .product .summary .stock.in-stock {
    margin: 0;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .js-shop div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .js-shop div.product span.price,
.woocommerce .js-shop .product .summary .price .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 25px;
    line-height: 128%;
    letter-spacing: 0%;
    color: var(--abs-color-primary);
    position: relative;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .js-shop div.product .stock {
    color: var(--abs-color-primary);
    font-weight: 700;
    font-size: 1.25em;
}

.woocommerce .js-shop .product .summary .product_meta {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.woocommerce .js-shop .product .summary .product_meta {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.woocommerce .js-shop .product .summary .product_meta .sku_wrapper,
.woocommerce .js-shop .product .summary .product_meta .posted_in,
.woocommerce .js-shop .product .summary .product_meta .tag-list,
.woocommerce .js-shop .product .summary .product_meta .tagged_as {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    font-family: Libre Franklin;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
}

/* .woocommerce .js-shop .product .summary .product_meta .sku_wrapper .sku, */
.woocommerce .js-shop .product .summary .product_meta .category-list a[rel="tag"],
.woocommerce .js-shop .product .summary .product_meta .posted_in a[rel="tag"] {
    --js-summary-cat-color: #8E6E35;
    transition: all 0.35s ease-in-out;
    padding: 4px 12px;
    border: 1px solid var(--js-summary-cat-color);
    border-radius: 50em;
    display: inline-block;
    font-weight: 400;
    color: var(--js-summary-cat-color);
    text-decoration: none;
    font-size: 15px;
}

.woocommerce .js-shop .product .summary .product_meta .category-list a[rel="tag"]:hover,
.woocommerce .js-shop .product .summary .product_meta .posted_in a[rel="tag"]:hover {
    --js-summary-cat-color: var(--abs-color-black);
    transition: all 0.35s ease-in-out;
}

.woocommerce .js-shop .product .summary .product_meta .tagged_as a[rel="tag"],
.woocommerce .js-shop .product .summary .product_meta .tag-list a[rel="tag"] {
    text-decoration: none;
    color: var(--abs-base-text-color);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    font-weight: var(--abs-base-font-weight);
    line-height: var(--abs-base-line-height);
}

.woocommerce .js-shop .product .summary .product_meta .tagged_as a[rel="tag"]:hover,
.woocommerce .js-shop .product .summary .product_meta .tag-list a[rel="tag"]:hover {
    color: var(--abs-color-primary);
    text-decoration: underline;

}

.woocommerce .js-shop .product .woocommerce-tabs .tabs {
    gap: 0 50px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.woocommerce .js-shop .product .woocommerce-tabs .tabs>li {
    font-family: var(--abs-font-primary);
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0%;
    color: var(--abs-color-tertiary);
    border: none;
    border-radius: 0;
    padding: 14px 0;
    background-color: transparent;
    margin: 0;
}

.woocommerce .js-shop .product .woocommerce-tabs .tabs>li>a {
    padding: 0;
    background-color: transparent;
}

.woocommerce .js-shop .product .woocommerce-tabs .tabs>li.active {
    background-color: transparent;
    color: var(--abs-color-primary);
}

.woocommerce .js-shop .product .woocommerce-tabs .tabs>li.active>a {
    text-decoration: underline;
}

.woocommerce .js-shop .product .woocommerce-tabs .tabs>li::after,
.woocommerce .js-shop .product .woocommerce-tabs .tabs>li::before {
    display: none;
}


.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h1,
.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h2,
.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h3,
.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h4,
.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h5,
.woocommerce .js-shop .product .woocommerce-tabs .panel.woocommerce-Tabs-panel h6 {
    font-family: var(--abs-font-primary);
    font-weight: 900;
    margin-bottom: .5em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    background-color: var(--abs-color-primary)
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
    background-color: var(--abs-color-quaternary)
}

/*  */
.js-section-post-account .woocommerce-MyAccount-navigation {
    background: var(--abs-color-quinary);
    border-radius: 16px;
    padding: 16px;

}

.js-section-post-account .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding: 0;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.js-section-post-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    width: 100%;
    background: transparent;
    color: var(--abs-color-primary);
    text-decoration: none;
    border-radius: 8px;
    padding: 8px 16px;
}

.js-section-post-account .woocommerce-MyAccount-navigation ul li a:hover,
.js-section-post-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--abs-color-primary);
    color: var(--abs-color-white);
}

.js-section-post-account .woocommerce-MyAccount-content {
    background: var(--abs-color-quinary);
    border-radius: 16px;
    padding: 24px;
    margin-top: 2em;
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-info,
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-error,
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-message {
    background: var(--abs-color-white);
    color: var(--abs-base-text-color);
    margin: 0 0 1em;
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-info {
    border-top-color: var(--abs-color-primary);
}

/* ~ WooCommerce Input */
/* .js-section-post-account .woocommerce-Input, */
.js-section-post-account form.woocommerce-ResetPassword .woocommerce-Input,
.js-section-post-account form .woocommerce-address-fields .form-row .input-text,
.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account .woocommerce-Input {
    border: none;
    font-family: var(--abs-font-primary);
    border-bottom: 2px solid transparent;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

/* .js-section-post-account .woocommerce-Input:focus, */
.js-section-post-account form.woocommerce-ResetPassword .woocommerce-Input:focus,
.js-section-post-account form .woocommerce-address-fields .form-row .input-text:focus,
.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account .woocommerce-Input:focus {
    border-color: var(--abs-color-primary);
    box-shadow: none;
    outline: none;
}



/* .js-section-post-account form .woocommerce-address-fields .form-row .select, */

/* ~ WooCommerce Select2 */
.js-section-post-account :where(.woocommerce) .select2-container .select2-dropdown,
.js-section-post-account :where(.woocommerce) .select2-container .select2-selection {
    /* background-color: var(--wc-form-color-background, #fff); */
    border: none;
    /* border: var(--wc-form-border-width, 1px) solid var(--wc-form-border-color, #aaa); */
    border-radius: var(--wc-form-border-radius, 4px);
}


.js-section-post-account :where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
    border: none;
    font-family: var(--abs-font-primary);
    border-bottom: 2px solid transparent;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm>p:last-child {
    margin: 0;
}

.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
    margin-top: 2em;
}

.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row label,
.js-section-post-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
    color: var(--abs-color-black);
}

.js-section-post-account table.woocommerce-table,
.js-section-post-account table.woocommerce-MyAccount-orders {
    background: var(--abs-color-white);
    /* margin-bottom: 0; */
}

.js-section-post-account table.woocommerce-table tbody tr:not(:last-child),
.js-section-post-account table.woocommerce-MyAccount-orders tbody tr:not(:last-child) {
    border-bottom-width: 3px;
    border-bottom-color: var(--abs-color-primary);
}

.js-section-post-account table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a {
    color: var(--abs-color-primary);
}

.js-section-post-account table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:hover,
.js-section-post-account table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:focus,
.js-section-post-account table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:active {
    color: #0b5ed7;
}


.js-section-post-account .woocommerce-MyAccount-content .woocommerce-customer-details address,
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    background: var(--abs-color-white);
    border-radius: 12px;
    padding: 16px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    border: none;
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-customer-details address:not(:last-child),
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:not(:last-child) {
    margin-bottom: 1em;
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
    display: flex;
    flex-direction: column;
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-customer-details h2,
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2 {
    font-size: var(--abs-heading-3);
    color: var(--abs-base-text-color);
}

.js-section-post-account .woocommerce-MyAccount-content .woocommerce-customer-details address,
.js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
    color: var(--abs-base-text-color);
    /* margin: 0; */
}


/* ~ RESET PASSWORD */
.js-section-post-account .woocommerce-ResetPassword {
    background: var(--abs-color-quinary);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.js-section-post-account .woocommerce-ResetPassword p {
    color: var(--abs-base-text-color);
}

.js-section-post-account .woocommerce-ResetPassword .woocommerce-form-row {
    width: 100%;
}


/* ~ EMPTY CART */
.js-section-post-account .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
    background: var(--abs-color-quinary);
    padding: 3em 1em;
    border-radius: 16px;
    color: var(--abs-color-primary);
}

/* ~ NEW IN STORE */
.js-section-post-account .wp-block-product-new ul.wc-block-grid__products {
    background: var(--abs-color-quinary);
    border-radius: 16px;
    padding: 16px;
    margin-top: 1.5em;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products>li.wc-block-grid__product {
    gap: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link {
    gap: 10px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image {
    margin: 0;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image img {
    border-radius: 12px;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title {
    color: var(--abs-color-primary);
    font-size: var(--abs-base-font-size);
    font-family: var(--abs-font-primary);
    line-height: var(--abs-base-line-height);
    text-decoration: none;
    font-weight: 700;
    margin: 0;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price {
    color: var(--abs-base-text-color);
    font-size: 16px;
    font-family: var(--abs-font-primary);
    font-weight: var(--abs-base-font-weight);
    line-height: 100%;
    margin: 0;
}

.js-section-post-account .wp-block-product-new ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price .wc-block-grid__product-add-to-cart {
    margin: 0;
}

/* ~ CHECKOUT */
.js-section-post-account .woocommerce .woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: var(--bs-success);
    font-weight: 700;
}

.js-section-post-account .woocommerce .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after,
.js-section-post-account .woocommerce .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before {
    display: none;
}

.js-section-post-account .woocommerce .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    background: var(--abs-color-secondary);
    /* flex-direction: column; */
    gap: 1.5em 2em;
    display: flex;
    flex-wrap: wrap;
    border-radius: 16px;
    padding: 16px;
}

.js-section-post-account .woocommerce .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    margin-right: 0;
    padding-right: 0;
    overflow-wrap: anywhere;
}

/* ~ BLOG LIST PAGE */
.abs-blog-card {
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    /* border: 1px solid #e8e8e8;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); */
}

.abs-blog-card-head {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border-radius: 20px;
}

.abs-blog-card-head a.abs-blog-card-image {
    border: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

.abs-blog-card-head a.abs-blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.abs-blog-card-meta-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: linear-gradient(1800deg, black, transparent);
    background-size: 100%;
    padding: 20px;
    border-radius: 0 0 20px 20px;
}

.abs-blog-card-body {
    padding: 20px;
}

.abs-post-meta {
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--abs-color-white);
}

.abs-blog-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
    font-family: var(--abs-font-primary);
    font-weight: 700;
    line-height: 1.25;
    color: #191919;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.abs-blog-card h3 a,
.abs-read-more {
    text-decoration: none;
    color: #191919;
}

.abs-blog-card p {
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.abs-blog-card p:not(:last-child) {
    margin-bottom: 16px;
}

.abs-read-more {
    margin-top: 0;
    font-weight: 600;
    font-size: 12px;
    width: 2.5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease-in-out;
}

.abs-read-more:hover {
    transform: rotate(45deg);
    transition: all 0.35s ease-in-out;
}

.abs-single-post-content p {
    margin-bottom: 16px;
    line-height: 1.8;
}

#abs-load-more {
    border: 0;
    padding: 12px 26px;
    border-radius: 999px;
}

.abs-blog-share-platform-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    bottom: 100%;
    right: 0;
    padding-right: 20px;
}

.abs-blog-share-platform {
    font-size: 12px;
    width: 2.5em;
    height: 2.5em;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4em;
    padding: .5em;
    border: 1px solid var(--abs-color-white);
    color: var(--abs-color-white);
    transition: all 0.35s ease-in-out
}

.abs-blog-share-platform:hover {
    background: rgba(255, 255, 255, 1);
    color: var(--abs-color-primary);
    transition: all 0.35s ease-in-out
}

.abs-blog-share-platform svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ~ BLOG SINGLE PAGE */
.js-section-post-account figure.wp-block-image.size-full {
    border-radius: 2vw;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vw;
    overflow: hidden;
}

.js-section-post-account figure.wp-block-image.size-full img {
    height: 100%;
    object-fit: cover;
}

.js-section-post-account h1.wp-block-heading,
.js-section-post-account h2.wp-block-heading,
.js-section-post-account h3.wp-block-heading,
.js-section-post-account h4.wp-block-heading,
.js-section-post-account h5.wp-block-heading,
.js-section-post-account h6.wp-block-heading {
    font-weight: 700;
    margin-top: 2vw;
}

/* ~| DECORATIONS |~ */
.js-decoration-flowers-at-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100px;
}

.js-decoration-bee-at-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 10%;
    max-width: 100px;
}

/* ~ */

/* .single-product-info .woocommerce-product-gallery */


.container.shop-page-main-sidebar {
    background: white;
    padding: 20px;
    border-radius: 10px;
}

h2.shop-sidebar-title {
    text-transform: uppercase;
}

ul.shop-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.shop-category-item a {
    font-family: Libre Franklin;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    color: #424242;
}

/* [↓]_BEGIN[S] >> RESPONSIVE_MEDIA_QUERIES << ABS_[↓] */
@media (min-width: 576px) {
    .js-hero-banner-content-wrapper {
        padding: 70px 0;
    }

    .js-hero-banner-decoration-item,
    .js-all-the-queen-decoration {
        font-size: 50px;
    }

    .js-section-page-banner {
        background-position: center right;
    }

    .js-section-everything-decoration-start {
        display: flex;
        align-items: center;
    }

    .js-newsletter-box {
        padding: 100px 50px;
    }

    .js-newsletter-decoration-item-start,
    .js-newsletter-decoration-item-end {
        max-width: 125px;
    }

    .js-newsletter-checked-terms {
        font-size: 12px;
    }

    .js-section-contact {
        padding: 50px 0;
    }

    .js-contact-card-decoration,
    .js-send-message-decoration-item {
        max-width: 180px;
    }

    .js-section-contact .container .row {
        --bs-gutter-x: 36px;
        --bs-gutter-y: 36px;
    }

    .js-contact-card-grid {
        gap: 36px;
    }

    .js-card-contact-info {
        padding: 18px 20px;
    }

    .js-section-send-message {
        padding: 50px 0;
    }

    .js-contact-card-decoration {
        top: -4%;
    }

    .js-section-padding-y {
        padding: 50px 0;
    }

    .js-section-margin-bottom {
        margin-bottom: 50px;
    }

    .js-row-large-gutter .row {
        --bs-gutter-x: 36px;
        --bs-gutter-y: 36px;
    }

    .js-section-media-bg-filled-content {
        padding: 50px 0;
    }

    .js-section-everything-at-one .swiper {
        --swiper-pagination-bullet-width: 20px;
    }

    .js-section-media-bg-white-overlay {
        padding: 30px;
    }

    .js-cart-canvas .offcanvas-footer {
        padding: 18px 24px;
    }

    .js-swiper-container {
        --swiper-navigation-size: 40px;
    }

    .abs-blog-card h3 {
        font-size: 24px;
    }

    .abs-blog-card p {
        font-size: 16px;
    }

    .abs-post-meta {
        font-size: 16px;
    }

    .js-decoration-flowers-at-top,
    .js-decoration-bee-at-top {
        max-width: 150px;
    }

    .js-general-content-decoration-item-outbox-right-top,
    .js-general-content-decoration-item-outbox-right-bottom,
    .js-general-content-decoration-item-outbox-left-bottom,
    .js-general-content-decoration-item-outbox-left-top {
        font-size: 50px;
    }

    .js-section-media-bg-about .js-media-bg-content-text {
        font-size: 22px;
    }

    .js-section-media-bg-filled-content.js-section-media-bg-order-process {
        padding: 280px 0 40px;
    }
}

@media (min-width: 768px) {

    .js-header {
        --abs-data-button-size: 46px;
    }

    .js-header .navbar-collapse,
    .js-header .collapse:not(.show) {
        width: 50%;
    }

    .js-user-cart-amount {
        display: inline-block;
    }

    .js-user-cart {
        padding: .25em .375em;
    }

    .js-section-heading-wrapper {
        margin-bottom: 18px;
    }

    /* .js-hero-banner-content-wrapper {
        padding: 90px 0;
    } */

    .js-hero-banner-decoration-item,
    .js-all-the-queen-decoration {
        font-size: 60px;
    }

    .js-newsletter-content-wrapper {
        max-width: 90%;
    }

    .js-newsletter-decoration-item-start,
    .js-newsletter-decoration-item-end {
        max-width: 175px;
    }

    footer.js-footer {
        --abs-footer-bee-size: 90px;
    }

    .js-section-contact {
        padding: 60px 0;
    }

    .js-contact-card-decoration,
    .js-send-message-decoration-item {
        max-width: 180px;
    }

    .js-section-contact .container .row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }

    .js-contact-card-grid {
        gap: 48px;
        grid-template-columns: repeat(2, 1fr);
    }

    .js-card-contact-info {
        align-items: flex-start;
        padding: 18px 24px;
    }

    .js-card-contact-feature {
        display: flex;
        order: 5;
    }

    .js-section-send-message {
        padding: 60px 0;
    }

    .js-section-padding-y {
        padding: 60px 0;
    }

    .js-section-margin-bottom {
        margin-bottom: 60px;
    }

    .js-row-large-gutter .row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }

    .js-general-content-decoration-item {
        font-size: 60px;
    }

    .js-section-media-bg-filled-content {
        padding: 60px 0;
    }

    .js-transfer-nuc-step-index {
        font-size: 45px;
    }

    .js-section-everything-at-one .swiper {
        --swiper-pagination-bullet-width: 30px;
    }

    .js-cart-canvas .offcanvas-footer {
        padding: 18px 36px;
    }

    .woocommerce .js-shop ul.products li.product,
    .woocommerce-page .js-shop ul.products li.product {
        margin: 0 2% 1em 0;
        width: 23.5%;
    }

    .woocommerce .js-shop ul.products li.last,
    .woocommerce-page .js-shop ul.products li.last {
        margin-right: 0;
    }

    .js-swiper-container {
        --swiper-navigation-size: 50px;
    }

    .js-section-post-account .woocommerce-MyAccount-content {
        margin-top: 0;
    }

    .js-section-post-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:not(:last-child) {
        margin-bottom: 0;
    }

    .js-section-post-account .woocommerce-ResetPassword {
        padding: 24px;
    }

    .js-decoration-flowers-at-top,
    .js-decoration-bee-at-top {
        max-width: 200px;
    }

    .js-general-content-decoration-item-outbox-right-top,
    .js-general-content-decoration-item-outbox-right-bottom,
    .js-general-content-decoration-item-outbox-left-bottom,
    .js-general-content-decoration-item-outbox-left-top {
        --abs-decoration-item-outbox-position: .25em;
        --abs-decoration-item-outbox-palce: -1;
        font-size: 60px;
    }
}

@media (min-width: 992px) {
    /* .js-hero-banner-content-wrapper {
        padding: 110px 0;
    } */

    .js-hero-banner-decoration-item,
    .js-all-the-queen-decoration {
        font-size: 70px;
    }

    .js-newsletter-content-wrapper {
        max-width: 65%;
    }

    .js-newsletter-decoration-item-start,
    .js-newsletter-decoration-item-end {
        max-width: 275px;
    }

    .js-footer-copyright-row {
        flex-direction: row;
        justify-content: space-between;
    }

    .js-footer-decoration-honey-hive {
        top: 50%;
    }

    .js-section-contact {
        padding: 70px 0;
    }

    .js-contact-card-decoration,
    .js-send-message-decoration-item {
        max-width: 218px;
    }

    .js-contact-card-grid {
        gap: 60px;
        grid-template-columns: repeat(3, 1fr);
    }

    .js-card-contact-info {
        padding: 20px 28px;
    }

    .js-card-contact-feature {
        order: unset;
    }

    .js-section-send-message {
        padding: 70px 0;
    }

    .js-contact-card-decoration {
        top: -7.5%;
    }

    .js-section-padding-y {
        padding: 70px 0;
    }

    .js-section-margin-bottom {
        margin-bottom: 70px;
    }

    .js-section-media-bg-filled-content {
        padding: 70px 0;
    }

    .js-section-media-bg-filled-content.js-section-media-bg-about {
        padding: 80px 0;
    }

    .js-card-transfer-nuc-contnet {
        gap: 22px;
        flex-direction: row;
    }

    .js-section-everything-at-one .swiper {
        --swiper-pagination-bullet-width: 40px;
    }

    .js-section-media-bg-white-overlay {
        padding: 40px;
    }

    .js-cart-canvas .offcanvas-footer {
        padding: 18px 48px;
    }

    .js-section-media-bg-about .js-media-bg-content-text {
        font-size: 24px;
    }

    .js-section-media-bg-filled-content.js-section-media-bg-order-process {
        padding: 360px 0 40px;
    }
}

@media (min-width: 1200px) {
    .js-header {
        --abs-nav-link-gutter-space: 30px;
    }

    .js-header-top-bar .navbar-toggler {
        display: none;
    }

    .js-navbar-overlay,
    .js-navbar-close {
        display: none;
    }

    .js-header .navbar-collapse,
    .js-header .collapse:not(.show) {
        width: 100%;
        z-index: unset;
        position: unset;
        bottom: unset;
        right: unset;
        top: unset;
        transform: initial;
    }

    .js-header-nav-list .menu-item:not(:first-child)::before {
        content: "⬢";
        font-size: .75em;
        position: absolute;
        width: 1em;
        height: 1em;
        top: 50%;
        right: calc(100% + ((var(--abs-nav-link-gutter-space) - 1em) / 2));
        color: var(--abs-color-senary);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
    }

    .js-header-nav-list .menu-item a {
        font-size: 16px;
    }

    .js-megamenu-dropdown .dropdown-menu {
        padding: 24px;
        border-radius: 0;
    }

    .js-section-heading-wrapper {
        margin-bottom: 20px;
    }

    /* .js-hero-banner-content-wrapper {
        padding: 135px 0;
    } */

    .js-hero-banner-decoration-item,
    .js-all-the-queen-decoration {
        font-size: 80px;
    }

    .js-page-home-banner .js-hero-banner-title-wrapper .js-hero-banner-title {
        --abs-heading-1: 65px;
    }

    .js-newsletter-content-wrapper {
        max-width: 50%;
    }

    .js-newsletter-decoration-item-start,
    .js-newsletter-decoration-item-end {
        max-width: 325px;
    }

    .js-footer-content-wrapper {
        padding: var(--abs-footer-content-gutter-y) 0;
    }

    .js-section-contact {
        padding: 80px 0;
    }

    .js-contact-card-decoration,
    .js-send-message-decoration-item {
        max-width: 256px;
    }

    .js-contact-card-grid {
        gap: 72px;
    }

    .js-card-contact-info {
        padding: 20px 32px;
    }

    .js-card-contact-icon {
        font-size: 36px;
    }

    .js-section-send-message {
        padding: 80px 0;
    }

    .js-section-padding-y {
        padding: 80px 0;
    }

    .js-section-margin-bottom {
        margin-bottom: 80px;
    }

    .js-section-contact .container .row,
    .js-row-large-gutter .row {
        --bs-gutter-x: 60px;
        --bs-gutter-y: 60px;
    }

    .js-section-media-bg-filled-content {
        padding: 80px 0;
    }

    .js-section-media-bg-filled-content.js-section-media-bg-about {
        padding: 120px 0;
    }

    .js-transfer-nuc-step-index {
        font-size: 60px;
    }

    .js-section-everything-at-one .swiper {
        --swiper-pagination-bullet-width: 52px;
    }

    .js-cart-canvas .offcanvas-footer {
        padding: 18px 60px;
    }

    .js-section-post-account .woocommerce-ResetPassword .woocommerce-form-row {
        width: 50%;
    }

    .js-decoration-flowers-at-top,
    .js-decoration-bee-at-top {
        max-width: 250px;
    }

    .js-general-content-decoration-item-outbox-right-top,
    .js-general-content-decoration-item-outbox-right-bottom,
    .js-general-content-decoration-item-outbox-left-bottom,
    .js-general-content-decoration-item-outbox-left-top {
        font-size: 80px;
    }

    .js-section-media-bg-about .js-media-bg-content-text {
        font-size: 26px;
    }

    .js-section-media-bg-filled-content.js-section-media-bg-order-process {
        padding: 480px 0 40px;
    }

    /* .js-general-info-comments {
        width: calc(75% - 2rem);
    } */

}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1280px;
    }

    .js-header {
        --abs-nav-link-gutter-space: 38px;
    }

    .js-header-nav-list .menu-item a {
        font-size: 18px;
    }

    .js-section-home-general-content.js-row-large-gutter .row {
        --bs-gutter-x: 100px;
        --bs-gutter-y: 100px;
    }
}

/* [↑]_CEASE[S] >> RESPONSIVE_MEDIA_QUERIES << ABS_[↑] */