/*
Theme Name: dm
Theme URI: https://opencollective.com/dm
Author: Bryan Hadaway
Author URI: https://opencollective.com/dm#section-contributors
Description: Donate: https://opencollective.com/dm. Learn: https://dm.me/. dm is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/dm/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: dm

dm WordPress Theme 2011-2024
dm is distributed under the terms of the GNU GPL
*/

/*
Theme Name: Dankmates
Theme URI: 
Author: A+L Development
Author URI: https://www.aplusldevelopment.com
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dankmates
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Futura Book';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Book'), url('../fonts/FuturaCyrillicBook.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Light';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Light'), url('../fonts/FuturaCyrillicLight.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Medium'), url('../fonts/FuturaCyrillicMedium.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Demi';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Demi'), url('../fonts/FuturaCyrillicDemi.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Heavy'), url('../fonts/FuturaCyrillicHeavy.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Bold'), url('../fonts/FuturaCyrillicBold.woff') format('woff');
    }
    
    
    @font-face {
    font-family: 'Futura Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Futura Extra Bold'), url('../fonts/FuturaCyrillicExtraBold.woff') format('woff');
    }
    
    
    :root {
        --black: #000;
        --white: #fff;
        --yellow: #E4FF3C;
        --gray: #cad5d8;
        --bright-red: #EE230F;
        --red: #dd131c;
        --pink: #ff4747;
        --salmon: #FF2D37;
        --green: #0bff4f;
        --light-blue: #71F4FF;    
        --off-white: #F8F3F0;
        --blue: #2e66d3;
        --eagles: #034a35;
        --latte: #E3DFD1;
        --border-radius: 2rem;
        font-size: 62.5%;
    }
    html, body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fafafb;
        padding: 0;
        margin: 0;
        /* background-color: var(--white); */
        overflow-x: hidden;
        font-size: 1.6rem;
        min-height: 100vh;
    }
    * {
        box-sizing: border-box;
        font-family: 'DM Sans', sans-serif;
    }
    body * {
        position: relative;
    }
    a {
        text-decoration: none;
    }
    button {
        cursor: pointer;
    }
    img {
        max-width: 100%;
    }
    h2 {
        font-size: 2.2rem;
        margin: .5em 0;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    h3 {
        font-size: 1.6rem;
        margin: .5em 0;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    input, textarea {
        font-family: 'DM Sans', sans-serif;
    }
    .is-hidden {
        display: none !important;
    }
    
    .icon { zoom: .25; vertical-align: bottom;}
    
    .strain-tag--hybrid {
        --background-color: var(--red);
        --color: var(--white);
    }
    .strain-tag--indica {
        --background-color: var(--black);
        --color: var(--white);
    }
    .strain-tag--sativa {
        --background-color: #FFEAEA;
        --color: var(--red);
    }
    .strain-tag--blue {
        --background-color: #64F6FF;
        --color: var(--black);
    }
    .strain-tag {
        font-size: 1rem;
        color: var(--color);
        border-radius: .25rem;
        padding: 2px;
        font-weight: bold;
        display: inline-block;
        margin-right: 5px;
        background-color: var(--background-color);
    }
    
    
    .bg-red { background-color: var(--red); }
    .bg-bright-red { background-color: var(--bright-red); }
    .bg-black { background-color: var(--black); }
    .bg-white { background-color: #fafafb; }
    .bg-green { background-color: var(--green); }
    .bg-light-blue { background-color: var(--light-blue); }
    .bg-blue { background-color: var(--blue); }
    .bg-eagles { background-color: var(--eagles); }
    .bg-off-white { background-color: var(--off-white); }
    .bg-gray { background-color: var(--gray); }
    .bg-latte { background-color: var(--latte); }
    .bg-salmon { background-color: var(--salmon); color: var(--white); }
    .bg-grad-gray {
        background: #DDD;
        background: linear-gradient(180deg, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 100%);
    }
    .bg-vape {
        background-image: url(../images/smoke-top.svg);
        background-position: 110% -110px;
        background-size: 268px;
        background-repeat: no-repeat;
        margin-bottom: calc(70% - 140px);
        min-height: 220px;
        padding-top: 1rem;
    }
    .bg-vape:after {
        content: '';
        display: block;
        width: 107%;
        position: absolute;
        top: calc(100% - 89px);
        left: -5%;
        background-image: url(../images/smoke-bottom.png);
        height: 248px;
        background-size: contain;
        z-index: -1;
        background-repeat: no-repeat;
    }
    .bg-cookies { 
        background-image: url(../images/bg-cookies.png);
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .bg-candy {
        background-color: #CE0006;    
        background-image: url(../images/bg-welcome.png);
        background-position: center;
        background-size: cover;
    
    }
    .itgoesdown-header {
        margin: 12rem 0;
    }
    
    .bg-welcome {
        background-color: #CE0006;    
    
    }
    .bg-welcome .wrapper {
        margin: 0 auto;
        width: 100%;
        min-width: 320px;
        max-width: 480px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        height: 100vh;
    }
    
    .text-bright-red { color: var(--bright-red) !important; }
    .text-red { color: var(--red) !important; }
    .text-black { color: var(--black) !important; }
    .text-white { color: var(--white) !important; }
    .text-green { color: var(--green) !important; }
    .text-blue { color: var(--blue) !important; }
    .text-light-blue { color: var(--light-blue) !important; }
    .text-eagles { color: var(--eagles) !important; }
    .text-gray { color: var(--gray) !important; }
    .text-yellow { color: var(--yellow) !important; }
    
    .behind {
        z-index: -1;
        padding-top: var(--border-radius);
        padding-bottom: var(--border-radius);
        margin-top: calc(var(--border-radius) * -1);
        margin-bottom: calc(var(--border-radius) * -1);
    }
    .behind-top {
        z-index: -1;
        padding-top: var(--border-radius);
        margin-top: calc(var(--border-radius) * -1);
    }
    .behind-bottom {
        /* z-index: -1; */
        padding-bottom: calc(var(--border-radius));
        margin-bottom: calc(var(--border-radius) * -1);
    }
    .behind-bottom .back-button-icon {
        position: absolute;
        top: 65px;
        right: 10px;
        z-index: 1;
    }
    
    .pad {
        padding: 15px !important;
    }
    .pad-inline {
        padding-inline: 15px !important;
        padding-block: 0 !important;
    }
    .pad-block {
        padding-block: 15px !important;
        padding-inline: 0 !important;
    }
    .nopad {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
    }
    .nopad-inline {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .nopad-block {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .nopad-top {
        padding-top: 0 !important;
    }
    .nopad-bottom {
        padding-bottom: 0 !important;
    }
    
    .rounded {
        border-radius: var(--border-radius);
        min-height: calc(var(--border-radius) * 2);
    }
    .rounded-top {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }
    .rounded-bottom {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }
    
    .wrapper {
        margin: 0 auto;
        width: 100%;
        min-width: 320px;
        max-width: 480px;
        z-index: 1;
    }
    
    .landing-slide {
        height: 190px;
    }
    .landing-slide-image {
        width: 100%;
        height: 210px;
        padding: 0 8px;
        object-fit: contain;
        object-position: center center;
        border-radius:8px;
    }
    
    .slick-dots {
        display: flex;
        list-style-type: none;
        position: absolute;
        justify-content: center;;
        bottom: 1.2rem;
        padding: 0;
        gap: 10px;
        left: 50%;
        transform: translate(-50%, -15px);
    }
    .slick-dots li.slick-active button:before {
        color: var(--green);
    }
    .product-images .slick-dots li.slick-active button:before {
        color: var(--white);
    }
    .product-images .slick-dots {
        bottom: 1rem;
    }
    .product-image img {
        max-height: 250px;
        object-fit: contain;
    }
    .combo-image {
        height: auto;
    }
    .combo-item {
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #c6c6c6;
        padding: 10px;
        gap: 10px;
        border-radius: 8px;
        background-color: #fff;
        font-size: 1.2rem;
        align-items: center;
        margin-bottom: 5px;
    }
    .panel-slide-1 .combo-item {
        cursor: pointer;
    }
    .combo-add {
        cursor: pointer;

    }
    .combo-item span {
        font-size: 1.4rem;
        max-width:275px;
        font-weight: 600;
        display: block;
    }
    .combo-selection {
        width: 100%;
    }
    .combo-item-content {
        width: 85%;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .combo-product-image {
        max-width: 80px;
        height: auto !important;
    }
    .combo-select-panel-header {
        font-size: 1.4rem;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        margin: 5px 0 15px;
    }
    .combo-panel-back {
        position: relative;
        left: -240px;
        cursor: pointer;
    }
    .panel-2-content {
        display: none;

    }
    .panel-2-content.is-active {
        display: block;
    }
    .light {
        color: #c6c6c6;
    }
    .greenbg {
        background-color: #8AF222;
        border-radius: 50ch;
        padding: 3px 8px;
        display: inline-block;
        position: relative;
        top: -3px;
        margin-left: 10px;
    }
    #combo-price {
        margin-right: 10px;
        display: inline-block;
    }
.panel-slider {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  position: relative;
}

.panel-slides {
  display: flex;
  width: 200%;
  transition: transform 0.2s ease-in-out;
}

.panel-slide {
  width: 50%;
  box-sizing: border-box;
}

/* slide left to reveal next panel */
.panel-slides.show-second {
  transform: translateX(-50%);
}








    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .product-tile-image {
        width: 100%;
        height: 12rem;
        object-fit: contain;
    }
    .product-tile-detail {
        min-height: 25px;
    }
    .product-tile-title {
        height: 2.5em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tray {
        background-color: #fff;
        height: 50px;
    }
    .see-all {
        color: var(--black);
        background-color: var(--white);
        display: inline-block;
        font-size: 1.1rem;
        font-weight: bold;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
        padding: .5em 1.3em;
        border-radius: 12px;
        border: 1px solid #dadada;
        justify-self: flex-end;
        margin-left: auto;
        transition: background-color .2s;
    }
    .see-all:active {
        background-color: var(--red);
        color: #fff;
    }
    .see-all img {
        top: -12px;
    }
    .add-more {
        color: var(--black);
        background-color: var(--white);
        position: absolute;
        bottom: -50px;
        left: 50%; 
        transform: translate(-50%);
        display: block;
        font-size: 1.1rem;
        font-weight: bold;
        padding: .5em 1.3em;
        border-radius: 12px;
        border: 1px solid #dadada;
        justify-self: flex-end;
        margin-left: auto;
    }
    .add-more img {
        top: -5px;
    }
    .back-to-top {
        color: var(--black);
        display: inline-block;
        font-size: 1.1rem;
        font-weight: bold;
        padding: .8em 1.3em;
        padding-right: calc(1.2rem + 1.6em);
        border-radius: 50ch;
        border: 1px solid #dadada;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
    }
    .back-to-top:hover {
        border: 1px solid var(--red);
    }
    .back-to-top::after {
        content: '';
        background-image: url(../images/arrow-up-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        position: absolute; 
        top: 50%;
        right: .8em;
        transform: translateY(-50%);
    }
    
    .footer {
        text-align: center;
        padding: 40px 15px;
    }
    .product-listing {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .product-listing .product-tile {
        border: 0;
        border-bottom: 1px solid #dcdcdc;
        box-shadow: none;
        width: 100%;
        border-radius: 0;
    }
    .product-listing .product-tile:nth-child(odd) {
        border-right: 1px solid #dcdcdc;
    }/* Select the second-to-last child */
    .product-listing .product-tile:nth-last-child(2),
    .product-listing .product-tile:nth-last-child(1) {
        border-bottom: 0;
    }
    .category-listing {
        padding: 25px 0;
        overflow: hidden;
    }
    .category-pill {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: var(--black);
        padding: 5px 7px;
        height: 2.5rem;
        gap: 3px;
        font-size: 1.2rem;
        font-weight: bold;
        background: #FFFFFF;
        border: 2px solid #DCDCDC;
        box-shadow: 0px 2px 2px rgba(116, 130, 136, 0.2);
        border-radius: .8rem;
        white-space: nowrap;
        align-items: center;
        margin: 0 5px;
    }
    .product-tile {
        background-color: var(--white);
        width: 10.5rem;
        display: block;
        margin-bottom: 3px;
        border-radius: 8px;
        border: 1px solid #dcdcdc;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.25);
        margin-right: 10px;
        font-size: 1rem;
        overflow: hidden;
        color: #5D5E5C;
        height: 230px;
    }
    .product-tile-header, 
    .product-tile-body {
        padding: .6rem;
    }
    .product-tile-body {
        margin-top: auto;
    }
    .product-tile-title {
        font-size: 1.2rem;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 800;
        letter-spacing: -.5px;
        color: var(--black);
    }
    .product-tile-price {
        font-weight: 600;
        color: var(--black);
    }
    .sale {
        color: var(--red) !important;
    }
    .sale span {
        text-decoration: line-through;
        color: #5D5E5C !important;
    }
    
    .section-header {
        margin-block: 2rem;
        font-size: 2.2rem;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .section-title {
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        font-size: 1.6rem;
        text-transform: uppercase;
    }
    .front-page .section-title {
        font-size: 2.2rem;
    }
    .xcart-item__quantity-dropdown {
        float: right;
    }
    .countdown {
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        padding: .8em 0;
    }
    
    .logo {
        position: absolute;
        left: 15px;
    }
    .logo img {
        width: 550px;
    }
    .landing-header {
        display: flex;
        padding: 1rem;
        justify-content: space-between;
        align-items: center;
    }
    .landing-header-address {
        color: var(--white);
        font-size: 1rem;
        font-weight: bold;
        margin-right: auto;
    }
    .landing-header-notifications {
        cursor: pointer;
    }
    .landing-header-notifications.is-active::after {
        content: '';
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background-color: var(--green);
        display: block;
        position: absolute; 
        top: 0;
        right: -5px;
    }
    .landing-header-menu {
        cursor: pointer;
        display: flex;
        margin-left: auto;
        gap: 25px;
    }
    
    .landing-search {
        padding: 1rem .5rem;
    }
    .landing-search-input {
        height: 4rem;
        border-radius: 50ch;
        background-color: var(--white);
        width: 100%;
        line-height: 40px;
        font-size: 1.4rem;
        border: 0;
        padding: 0 2rem 0 3.5rem;
    }
    .landing-search-submit {
        position: absolute;
        top: 50%;
        left: 60px;
        transform: translateY(-50%);
        width: 51px;
        height: 53px;
        background-image: url(../images/magnifier.svg);
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        background-color: transparent;
        cursor: pointer;
    }
    #landing-banner-carousel {
        margin-top: -36px;
    }
    .landing-category-slider {
        min-height: 162px;
        padding-top:15px;
        padding-bottom:36px;
        position: relative; 
        left: -15px;
        width: calc(100% + 30px);
    }
    .landing-category-slider > a {
        display:none;
    }
    .landing-category-slider.slick-initialized > a {
        display: block;
    }
    .slick-initialized .slick-slide.landing-category {
        display: flex;
        width: 125px;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        padding-bottom: 30px;
        margin-bottom: 15px;
        position: relative;
    }
    .landing-category-circle {
        width: 100px;
        height: 100px;
        background-color: var(--pink);
        border-radius: 50%;
        overflow: visible;
        clip-path: inset(-9999px 0 0 0); 
    }
    
    .landing-category.is-active .landing-category-circle,
    .landing-category:hover .landing-category-circle {
        background-color: var(--white);
    }
    .landing-category-image {
        max-width: none;
        display: block;
        object-fit: contain;
        position: absolute; 
        width: 120px;
        height: 120px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .landing-category-title {
        text-align: center;
        color: var(--white);
        font-size: 1.2rem;
        font-weight: bold;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        bottom: 0;
    }
    
    .sparks {
        padding: 2rem 1.5rem;
        margin-top: -40px;
    }
    .sparks-balance {
        display: flex;
        justify-content: space-between;
    }
    .sparks-points {
        font-size: 2.2rem;
        font-weight: bold;
        margin-right: 1rem;
    }
    .sparks-redeem {
        background-color: var(--green);
        color: var(--black);
        font-size: 1.2rem;
        font-weight: bold;
        padding: .6rem 1rem;
        border-radius: 50ch;
    }
    .sparks-title {
        font-size: 1.2rem;
    }
    .sparks-meter-index {
        position: absolute;
    }
    .sparks-meter-track {
        position: absolute;
        z-index: 2;
        display: block;
        border-radius: 50ch;
        width: 100%;
        height: .6rem;
        left: 0;
        background-color: #e2e6e7;
    }
    .sparks-meter-guage {
        position: absolute;
        z-index: 3;
        display: block;
        border-radius: 50ch;
        width: 50%;
        height: .6rem;
        left: 0;
        background-color: var(--red);
    }
    .sparks-meter {
        display: flex;
        justify-content: space-between;
        margin-top: 2.2rem;
        margin-bottom: 1rem;
        padding-inline: .6rem;
    }
    .sparks-meter-index {
        width: 30px;
        height: 20px;
        display: block;
        background-image: url(../images/triangle-down-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -2.6rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .sparks-meter-node {
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        transform: translateY(calc(-50% + .3rem));
        background-color: #e2e6e7;
        border-radius: 50%;
        z-index: 4;
        border: 2px solid transparent;
    }
    .sparks-meter-node.is-active {
        background-color: var(--red);
        color: var(--red);
        border: 2px solid var(--white);
    }
    .sparks-meter-node-label {
        position: absolute; 
        top: 100%;
        left: 50%;
        font-size: 1rem;
        font-weight: bold;
        transform: translateX(-50%);
        margin-top: .3rem;
    }
    .card {
        overflow: hidden;
        box-shadow: 0 10px 30px 0 rgba(0,0,0, .15);
        margin-bottom: 1.5rem;
        font-size: 1rem;
        padding-bottom: .8rem;
    }
    .card-image {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .card-icon {
        width: 4.3rem;
        object-fit: contain;
    }
    .card-details {
        padding: .8rem 1.5rem;
        display: flex;
        gap: 1.5rem;
    }
    .card-header {
        margin-bottom: .8rem;
    }
    .card-title {
        font-size: 1.2rem;
        font-weight: bold
    }
    .card-add {
        position: absolute;
        top: 9rem;
        right: .6rem;
        width: 2.8rem;
        height: 2.8rem;
        z-index: 10;
        border-radius: 50%;
        border: 1px solid #dcdcdc;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--white);
        border: 1px solid #dcdcdc;
        transition: background-color .2s;
    }
    .card-add:active {
        background-color: var(--red);
    }
    .card-add .white {
        display: none;
    }
    .card-add:active .white {
        display: block;
    }
    .card-add:active .red {
        display: none;
    }
    
    .card .card-add {
        top: auto;
        bottom: 20px;
    }

    .combo-add {
        position: relative;
        top: 0;
        right: 0;
        margin-left: auto;
    }
    .combo-arrow {
        margin-left: auto;
        margin-right: 10px;
    }
    .product-slider {
        margin-bottom: 3rem;
    }
    .bg-vape .section-header {
        margin-top: 4rem;
    }
    .bg-vape .product-slider:last-child {
        margin-bottom: 0;
        margin-top: 0;
    }
    .backwoods {
        padding-top: 80px;
        padding-inline: 15px;
        min-height: 540px;
        background-position: left center;
        background-size: cover;
    }
    .backwoods .section-header {
        margin-bottom: 60px;
    }
    .list-slider .slick-list {
        padding-left: 1px;
    }
    .block-list {
        background-color: var(--white);
        border-radius: var(--border-radius);
        box-shadow: 0 10px 20px 0 rgba(0,0,0, .08);
        border: 1px solid #C2CFD4;
        display: flex;
        padding-inline: 1rem;
        flex-direction: column;
        margin-right: 15px;
        margin-block: 0 3rem;
    }
    .block-list-item {
        display: flex;
        gap: 1rem;
        padding: 1rem 1rem 1rem .5rem;
        align-items: center;
        border-bottom: 1px solid #c2cfd4;
        font-size: 1.2rem;
        width: 20rem;
        font-weight: bold;
        color: #000;
    }
    .block-list-title {
        font-size: 1.2rem;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 800;
        height: 1.2em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .block-list-image {
        width: 190px;
        height: 190px;
        object-fit: contain;
        border-radius: var(--border-radius);
    }
    .block-list-number {
        font-size: 1.1rem;
        font-weight: 400;
    }
    .block-list-type {
        font-size: 1rem;
        font-weight: 600;
    }
    .block-list-price {
        font-size: 1rem;
        font-weight: 600;
    }
    .block-list-item:last-child {
        border-bottom: 0;
    }
    .block-list-tag {
        position: absolute;
        top: -1rem;
        font-size: .8rem;
        font-weight: bold;
    }
    
    .shadow-bottom-blue {
        box-shadow: 0 .9rem 1.2rem #0042C5;
        clip-path: inset(0 0 -9999px 0); 
    }
    .shadow-top-orange {
        box-shadow: 0 -.8rem 1.5rem #FF8E51;
        clip-path: inset(-9999px 0 0 0); 
    }
    
    .we-got-joints {
        padding: 1.5rem 1rem;
    }
    
    .nav .landing-header-address {
        color: var(--black);
    }
    .nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 15;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition:
          max-height 0.2s ease-in-out,
          opacity 0.15s ease-in-out;
      }
      
      .nav.is-expanded {
        max-height: 1035px; /* slightly larger than your nav content */
        opacity: 1;
      }
    .category {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 1rem;
        padding-bottom: 0;
        background-color: #fff;
        border-radius: 20px;
        margin-bottom: 1rem;
        border: 1px solid #dcdcdc;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    }
    .category-title {
        margin-bottom: 1.4rem;
        font-size: 1.6rem;
        font-weight: bold;
        color: var(--black);
    }
    .category-image {
        height: 265px;
        object-fit: contain;
    }
    .products {
        color: var(--black);
        padding-block: 40px;
    }
    .slick-slide.product-image img {
        display: inline-block;
    }
    
    
    .go-back {
        position: absolute; 
        top: 20px;
        left: 20px;
    }
    .back-button {
        background-color: var(--black);
        width: 3.4rem;
        height: 3.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100ch;
        cursor: pointer;
    
    }
    .back-button--light {
        background-color: rgba(255,255,255,0.2);
    }
    .back-button--blue {
        background-color: #5fdcff;
    }
    .back-button img {
        display: block;
    }
    
    .btn-no-thanks {
        background-color: var(--white);
        color: #413B3B;
        font-size: 1.6rem;
        font-weight: bold;
        padding-block: .8em;
        text-align: center;
        border-radius: 100vh;
        display: block;
        margin-bottom: .8em;
        margin-top: -15px;
    }
    .btn-see-gifts {
        color: var(--white);
        font-size: 1.6rem;
        font-weight: bold;
        padding-block: .8em;
        text-align: center;
        display: block;
        padding-bottom: 80px;
        text-decoration: underline;
    }
    
    
    .product-back {
        position: absolute;
    }
    .product-images {
        padding: 50px 0;
    }
    .product-image {
        text-align: center;
    }
    .product-header {
        margin: 1.4rem 0;
        align-items: flex-end;
    }
    .product-details {
        font-size: 1.2rem;
        display: flex;
        gap: 10px;
        justify-content: flex-start;
    }
    .product-details.nogap {
        gap: 0;
    }
    .product-cart {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 1.4rem 0;
    }
    .product-add-to-cart-button {
        border-radius: 100ch;
        background-color: var(--red);
        display: flex;
        align-items: center;
        border: 0;
        justify-content: center;
        color: var(--white);
        width: 20rem;
        height: 3.7rem;
        font-size: 1.4rem;
        cursor: pointer;
    }
    .product-option {
        color: #C9CBEA;
        border: 1px solid #34435E;
        border-radius: 8px;
        width: 100%;
        padding: 8px;
        cursor: pointer;
    }
    .product-option:hover {
        border: 1px solid var(--red);
    }
    .product-option.is-active {
        border: 1px solid var(--red);
        color: var(--white);
    }
    .product-option.is-active::after {
        content: '';
        position: absolute;
        top: 8px;
        right: 8px;
        width: .6rem;
        height: .6rem;
        background-color: var(--red);
        border-radius: 50%;
        border: 1px solid var(--black);
        box-shadow: 0 0 0 1px var(--red);
    }
    .product-option-details {
        font-size: 1rem;
    }
    .product-option-price {
        font-size: 1.2rem;
    }
    .product-qty {
        border: 1px solid #34435E;
        border-radius: 100ch;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 3.7rem;
        padding-inline: 1.5rem 3rem;
        color: #C9CBEA;
    }
    .product-cta {
        margin: 1.4rem 0;
        padding: 1.4rem 0;
        font-size: 1.3rem;
        text-align: center;
        border-top: 1px solid #34435E;
        border-bottom: 1px solid #34435E;
    }
    .cart-item-count {
        font-size: 1rem;
        font-weight: 500;
        color: #696969;
    }
    .cart-item__price {
        font-size: 1rem;
        font-weight: 600;
    }
    .cart-item__price .dm-original-price {
        color: #696969;
        margin-right: 6px;
        font-weight: 500;
    }
    .cart-item__price .dm-discounted-price {
        text-decoration: none;
        color: #E41720;
        font-weight: 700;
    }
    .cart-item__type {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .delivery-icon { margin-right: 15px; display: inline-block; }
    .product-about {
        padding-bottom: 40px;
    }
    .product-about-header {
        font-size: 1.6rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .product-about-text {
        font-size: 1.2rem;
        margin: 1.2em 0;
    }
    .product-about-slider img {
        margin-right: 40px;
    }
    .product-also {
        margin: 20px 0;
    }
    .product-tags,
    .product-tags-listing {
        margin: 20px 0;
    }
    .product-tags .strain-tag {
        font-size: 1.2rem;
        color: var(--white);
        font-weight: normal;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 7px;
    }
    .also {
        border-radius: 20px;
        background-color: #2b2d42;
        padding: 15px;
        margin: 10px 0;
    }
    
    .scrolling-header {
        position: absolute; 
        top: 0; 
        left: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        display: none;
        z-index: 10;
        justify-content: space-between;
        background-color: var(--white);
    }
    .gift-listing {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .gift-item {
        background-color: rgba(255,255,255, .2);
        border-radius: .8rem;
        padding: 15px;
        margin-bottom: 15px;
        color: var(--white);
        font-size: 1rem;
    }
    .gift-item.gift-item--blue {
        background-color: #BAFFFF;
        color: var(--black);
    }
    .gift-header {
        font-size: 2.6rem;
        color: var(--white);
        font-weight: bold;
        padding-top: 100px !important;
    }
    .bakery-header {
        text-align: center;
    }
    .bakery-text {
        text-align: center;
        font-size: 1.2rem;
    }
    .gift-text {
        font-size: 1.2rem;
        color: var(--white);
    }
    .gift-item__image {
        width: 11.7rem;
        height: 11.7rem;
        object-fit: contain;
    }
    .gift-item__title {
        font-size: 1.3rem;
        font-weight: bold;
    }
    .gift-item__type {
        margin-block: 7px;
    }
    .gift-item--blue .gift-item__type {
        color: #08A1B0;
        font-size: 1rem;
    }
    .gift-item--blue .gift-item__add {
        background-color: var(--bright-red);
        color: var(--white);
    }
    .gift-item__add {
        font-size: 1.2rem;
        background-color: var(--white);
        padding-block: .8rem;
        border-radius: .5rem;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        display: block;
        color: var(--bright-red);
        margin-top: 10px;
    }
    .gift-button {
        background-color: var(--white);
        color: var(--red);
        font-size: 1.2rem;
        font-weight: bold;
        border-radius: 100vh;
        padding: .8rem 1rem;
    }
    .cart-dropdown__header {
        padding-block: 2rem;
    }
    .cart-dropdown__listing-header {
        font-size: 1.6rem;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 800;
        margin: 15px 0;
    }
    .cart-dropdown__gift {
        background-color: #F3F0F0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-block: 1.4rem;
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 2rem;
    }
    .cart-dropdown__cta {
        background-color: var(--red);
        color: var(--white);
        font-size: 1.2rem;
        text-align: center;
        padding-block: .8rem;
        margin-bottom: 1rem;
    }
    .cart-item {
        display: flex;
        align-items: stretch;
        gap: .8rem;
        border-bottom: 1px solid #e3e3e3;
        padding-block: 1.4rem;
        font-size: 1.2rem;
        font-weight: bold;
        width: 100%;
    }
    .cart-item select {
        padding: 3px 10px;
        position: absolute;
        bottom: 0;
        width: 5.5rem;
        right: 0;
    }
    .cart-item__details {
        width: 100%;
    }
    .cart-item__image {
        width: 6.2rem;
        height: 6.2rem !important;
        min-width: 100px;
        object-fit: contain;
    }
    .cart-item__title {
        font-size: 1.2rem;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 800;
        color: #000;
    }
    .cart-item__quantity-dropdown {
        font-size: 1.2rem;
        border: 1px solid #D5D5D5;
        border-radius: 100vh;
        padding: 6px 24px 6px 12px;
        display: inline-block;
        position: absolute;
        
        right: 0;
        bottom: 0;
    }
    .popout-option {
        color: #000;
    }
    .variation-popout-close {
        padding: 12px;
        color: var(--red);
        cursor: pointer;
    }
    select {
        border-color: #e0e0e0;
        padding: 10px;
        font-size: 1.2rem;
        border-radius: 10px;
    }
    #custom-quantity {
        padding-left: 50px;
    }
    #custom-add-to-cart {
        display: flex;
        border: 0;
        width: 100%;
        font-size: 1.2rem;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 12px;
        cursor: pointer;
        margin-top: 20px;
        background-color: var(--red);
        color: var(--white);
    }
    label[for=custom-quantity] {
        position: absolute;
        left:10px;
        top: 12px;
        z-index:3;
        font-size: 1.2rem;
    }
    #custom-product-form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .product-quantity {
        position: relative;
    }
    .cart-item__quantity-dropdown::after {
        content: '';
        width: .65rem;
        height: .85rem;
        display: block;
        top: 50%;
        right: 5px;
        position: absolute;
        transform: translateY(-30%);
        background-image: url(../images/chevron-down-black.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .checkout-button {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem;
        border-radius: 12px;
        font-size: 1.3rem;
        background-color: var(--red);
        color: var(--white);
    }
    .order-confirm {
        font-size: 1.6rem;
        font-weight: bold;
    }
    .order-title {
        margin-block: 1em;
    }
    .order-number {
        color: var(--bright-red);
    }
    .order-tip {
        color: #5B5454;
        font-size: 13px;
        margin-left: 2.3rem;
        margin-top: 1rem;
        font-weight: normal;
    }
    .cart-dropdown__header {
        display: flex;
        justify-content: space-between;
    }
    
    .box-shadow-glow-bottom {
        box-shadow: 0 0 1.4rem .75rem rgba(0,0,0,.08);
    }
    .box-shadow-glow-top {
        box-shadow: 0 0 1.4rem .75rem rgba(0,0,0,.08);
    }
    .progress-bar {
        background-color: rgba(0,0,0,.15);
        height: .6rem;
        width: 100%;
    }
    .progress-bar-fill {
        background-color: #FF202A;
        height: 100%;
        width: var(--fill-width);
        border-top-right-radius: 50ch;
        border-bottom-right-radius: 50ch;
    }
    .fill-0 { --fill-width: 0%; }
    .fill-20 { --fill-width: 20%; }
    .fill-40 { --fill-width: 40%; }
    .fill-60 { --fill-width: 60%; }
    .fill-80 { --fill-width: 80%; }
    .fill-100 { --fill-width: 100%; }
    .signup-header {
        display: block; 
        text-align: center; 
        font-size: 3.6rem; 
        margin: 3rem 0 2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .signup-map {
        min-height: 250px;
    }
    .signup-input-address {
        border-radius: 50ch;
        width: 100%;
        height: 4.45rem;
        font-size: 1.3rem;
        line-height: 4.45rem;
        padding-inline: 1.8rem 4rem;
        border: 1px solid #cecece;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        z-index:5;
    }
    .signup-input-address:focus-visible {
        border-color: #00b131;
        outline: none;
    }
    .circle-x-black-small {
        width: 1.4rem;
        height: 1.4rem;
        display: block;
        cursor: pointer;
        background-image: url(../images/circle-x-black.svg);
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1.4rem;
        z-index: 5;
    }
    .button {
        font-size: 1.4rem;
        display: inline-block;
        min-width: 60%;
        border: 0;
        border-radius: 50ch;
        line-height: 4.3rem;
        padding-inline: 1.8rem;
        height: 4.3rem;
        text-align: center;
        color: var(--black);
        text-decoration: none;
    }
    .button--disabled {
        cursor: not-allowed;
    }
    .button--black {
        background-color: var(--black);
        color: var(--white);
    }
    .button--black.button--disabled {
        background-color: #E62C34;
    }
    .button--wide {
        display: block;
    }
    .signup-continue {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .address-response {
        padding-top: var(--border-radius);
        width: calc(100% + 30px);
        left: -15px;
        bottom: -15px;
        margin-top: calc(var(--border-radius) * -1);
        background-color: var(--white);
    }
    .address-response-text {
        padding: 1.4rem 0;
        text-align: center;
        border-top: 1px solid green;
        border-bottom: 1px solid green;
        background-color: #E2FEEA;
        font-size: 1.25rem;
    }
    .address-remote {
        border-top: 1px solid red;
        border-bottom: 1px solid red;
        background-color: #FFECEC;
    }
    
    
    .welcome {
        text-align: center;
        padding-inline: 2rem;
        z-index: 3;
        color: var(--white);
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .welcome-header {
        display: block; 
        text-align: center; 
        font-size: 3.6rem; 
        margin: 3rem 0 2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .refer-header {
        display: block; 
        text-align: center; 
        font-size: 2.4rem; 
        margin: 3rem 0 2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .activated-header {
        display: block; 
        text-align: center; 
        font-size: 2.9rem; 
        margin: 1rem 0;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .welcome-logo { 
        margin-bottom: 3rem;
    }
    .welcome-logo--sm {
        width: 600px;
        margin-bottom: 0;
        margin-top: 3rem;
    }
    .welcome-text {
        color: var(--white);
        font-size: 1.2rem;
        padding: 2rem 3.9rem 4rem;
    }
    .welcome-login-link {
        color: var(--white);
    }
    .welcome-login-link.button--disabled {
        color: #b0b0b0;
    }
    
    .form--login {
        margin-bottom: 3rem;
    }
    .form--signup {
        margin-block: 3rem;
    }
    .form-fields {
        display: flex;
        flex-direction: column;
        gap: 1.4rem;
    }
    .cols {
        display: grid;
        grid-template-columns: repeat(var(--grid-cols, 1), 1fr);
        gap: 0 1.4rem;
    }
    .cols--2 {
        --grid-cols: 2;
    }
    .form-input {
        background-color: #E62C34;
        border-radius: var(--input-radius, 50ch);
        height: 4.3rem;
        line-height: 4.3rem;
        color: var(--white);
        padding-inline: 1.8rem;
        width: 100%;
        border: 0;
        font-size: 1.3rem;
    
    }
    .icon.icon--revealPass {
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translateY(-50%);
        z-index: 2;
    }
    .form-input[name="username_b"] {
        text-align: center;
    }
    .form-input::placeholder {
        color: var(--white);
        opacity: 1;
      }
    
    .form-input::-ms-input-placeholder {
        color: var(--white);
    }
    .form-input--single {
        --input-radius: .4rem;
        height: 5.6rem;
        font-size: 36px;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        padding-inline: 0;
        text-align: center;
    }
    .custom-field .form-input {
        padding-left: 106px;
    }
    .fieldIcon {
        position: absolute;
        top: 50%;
        left: 0px;
        height: 100%;
        border-top-left-radius: 50ch;
        border-bottom-left-radius: 50ch;
        background-color: #E62C34;
        border: 0;
        width: 86px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 2px solid #CE0006;
        transform: translateY(-50%);
    }
    .fieldIcon img {
        position: relative;
        left: 10px;
    }
    .form-info {
        color: #FF9090;
        font-size: 1rem;
        line-height: 1.4rem;
        padding-block: .5rem;
    }
    .forgot-password-area {
        margin-block: 2rem;
        font-size: 1.3rem;
        text-align: center;
    }
    .forgot-password-area a {
        color: var(--white);
        text-decoration: underline;
        transition: all 0.2s ease;
        opacity: 0.9;
    }
    .forgot-password-area a:hover {
        opacity: 1;
        text-decoration: none;
    }
    
    /* Login page specific styling */
    .welcome .forgot-password-area {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    
    .welcome .forgot-password-area a {
        color: var(--white);
        font-size: 1.2rem;
        opacity: 0.8;
    }
    
    .welcome .forgot-password-area a:hover {
        opacity: 1;
        color: var(--yellow);
    }
    .form-confirm {
        background-color: #B90007;
        border: 1px solid #E62C34;
        display: grid;
        grid-template-columns: 10% 90%;
        align-items: flex-start;
        justify-content: space-between;
        font-size: 1rem;
        text-align: left;
        padding: .5rem;
        margin-block: 1.8rem;
    }
    .button--white {
        background-color: var(--white);
        color: var(--black);
    }
    .button--white.button--disabled {
        background-color: #b0b0b0;
    }
    .cols--6 {
        --grid-cols: 6;
        gap: .6rem;
    }
    
    .welcome, .terms {
        text-align: center;
        padding-inline: 2rem;
    }
    .welcome {
        color: var(--white);
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        align-items: center;
    }

    .welcome--register {
        height: auto;
        justify-content: flex-start;
    }
    .terms {
        padding-top: 5rem;
        color: var(--black);
    }
    .welcome-header, .terms-header {
        display: block; 
        text-align: center; 
        font-size: 3.6rem; 
        font-weight: bold;
        margin: 3rem 0 2rem;
        font-family: 'Futura Bold', sans-serif;
    }
    .terms-header {
        margin-bottom: 0;
    }
    .terms-via {
        margin-top: -50px;
        margin-bottom: 70px;
    }
    .terms-via img {
        display: inline-block;
        height: 6rem;
        position: relative;
        top: 38px;
    }
    
    .terms-header {
        margin-bottom: 0;
    }
    .terms-via {
        margin-top: -50px;
        margin-bottom: 70px;
    }
    .terms-via img {
        display: inline-block;
        height: 6rem;
        position: relative;
        top: 38px;
    }
    
    
    
    .bottom-bg {
        display: flex;
        align-items: flex-end;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }
    @media (min-width: 420px) {
        :root {
            font-size: 100%;
        }
        .icon {
            zoom: .4;
        }
        .backwoods { 
            min-height: 640px;
        }
        .backwoods .section-header {
            margin-bottom: 40px;
        }
        .landing-slide {
            height: 240px;
        }
        .cart-item select {
            width: 4rem;
        }
        .product-tile {
            height: 347px;
        }
    }
    .cart-dropdown {
        margin-bottom: 100px;
    }
    
    #ship-to-different-address {
        display: none;
    }
    .checkout_coupon.checkout-section {
        padding-bottom: 2rem;
    }
    .coupon-input-wrapper {
        display: flex;
        gap: 10px;
    }
    .coupon-input-wrapper input.input-text {
        flex-grow: 1;
        height: auto;
        padding: 20px;
        border: 1px solid #dcdcdc;
        border-radius: 12px;
        font-size: 1.2rem;
    }
    .coupon-input-wrapper button {
        padding: 20px 40px;
        border: 0;
        border-radius: 12px;
        font-size: 1.2rem;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }
    .apply-coupon  {
        background-color: #000;
        border-radius: 12px;
        display: block;
    }
    .woocommerce .apply-coupon .button {
        background-color: #000;
        border-radius: 12px;
        color: #fff;
        display: block !important;
        padding-top: 10px;
    }
    
    .woocommerce .apply-coupon .button:hover {
        background-color: #7249a4;
        color: #fff;
    }
    
    
    .woocommerce-info {
        border-top: none;
        background-color: #fff;
        padding: 0;
        font-size: 1.6rem;
        margin: .5em 0;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        
    }
    .woocommerce-info a:link {
        font-size: 1.6rem;
        margin: .5em 0;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        
    }
    
    .woocommerce-info:before {
        content: "";;
    
    }
    
    .shipping-only-notice .woocommerce-info {
        text-align: left;
        font-family: 'DM Sans', sans-serif;
        font-size: 1.2rem;
    }

    .shipping-not-available-notice .woocommerce-error ul {
        text-align: left;
        margin-left: 30px !important;
    }
    
    .shipping_address {
        display: none;
    }
    #submit-login { margin-top: 20px; z-index: 10; }
    .cart-empty { text-align: center; }
    .added_to_cart.wc-forward { display: none !important; }
    .view-cart-button { 
        position: fixed; 
        bottom: -80px; 
        left: 50%; 
        transform: translateX(-50%); 
        background-color: #000; 
        color: #fff; 
        border-radius: 50ch; 
        padding: 10px 20px; 
        z-index: 11; 
        opacity: 0;
    }
    .view-cart-button.visible {
        opacity: 1;
        bottom: 80px;
        transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out;
    }
    /* Base button style */
    /* .view-cart-button {
        transition: transform 0.2s ease;
    } */
    
    /* Trigger animation on all buttons when body has class */
    body.animate-buttons .view-cart-button {
        animation: attention 0.5s ease-out;
    }
    
    /* Keyframes for swelling + bouncing */
    @keyframes attention {
        0%   { transform: scale(1) translateY(0) translateX(-50%); }
        20%  { transform: scale(1.15) translateY(-3px) translateX(-46.25%); }
        40%  { transform: scale(0.95) translateY(3px) translateX(-51%); }
        60%  { transform: scale(1.05) translateY(-2px) translateX(-49%); }
        80%  { transform: scale(0.98) translateY(2px) translateX(-50%); }
        100% { transform: scale(1) translateY(0) translateX(-50%); }
    }
      
    .nav-bg-overlay {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 14;
        background: var(--white);
    }
    .nav-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(8, 1fr);
        gap: 15px;
    }
    .woocommerce-order {
        font-size: 1.2rem;
    }
    .nav-grid > a {
        color: #fff;
        font-weight: bold;
        padding: 50px 15px 20px 15px;
        display: flex;
        font-family: 'futura-pt-condensed', sans-serif;
        font-weight: 800;
        font-size: 2.2rem;
        line-height: 2rem;
        letter-spacing: -.5px;
        align-items: flex-end;
        background-color: #d8d8d8;
        border-radius: 15px;
        background-size: cover;
        background-position: center center;
    }
    .nav-grid > a:hover {
        background-color: var(--bright-red);
    }
    .nav-grid > a:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 4;
        background-image: url('../images/Home-1.jpg');
    }
    .nav-grid > a:nth-child(2) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
        background-image: url('../images/account-1.jpg');
    }
    .nav-grid > a:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 4;
        grid-row-end: 6;
        background-image: url('../images/cyb-1.jpg');
    }
    .nav-grid > a:nth-child(4) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 6;
        background-image: url('../images/orders-1.jpg');
    }
    .nav-grid > a:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 6;
        grid-row-end: 9;
        background-image: url('../images/recycling-1.jpg');
    }
    .nav-grid > a:nth-child(6) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 6;
        grid-row-end: 8;
        background-image: url('../images/refer-1.jpg');
    }
    .nav-grid > a:nth-child(7) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 8;
        grid-row-end: 9;
        background-image: url('../images/policies-1.jpg');
    }
    
    .woocommerce-billing-fields {
        display: none;
    }
    .woocommerce table.my_account_orders {
        font-size: 1rem;
    }
    .woocommerce-orders-table__header-order-number, 
    .woocommerce-orders-table__cell-order-number {
        display: none;
    }
    .woocommerce-button.button.view,
    .woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button,
    .woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous.button {
        background-color: #fff;
        border: 1px solid #000;
        height: auto;
    }
    .woocommerce-pagination {
        text-align: center;
     }
    .main-header {
        background: #B40008;
        background: linear-gradient(180deg, rgba(180, 0, 8, 1) 0%, rgba(228, 23, 32, 1) 100%);
    }



    .checkout-section {
        background-color: #fff;
        border: 2px solid #E41720;
        border-radius: 12px;
        margin-bottom: 15px;
        padding: 10px;
    }
    .account-section--dark {
        --bg-color: #F4262F;
        --text-color: #fff;
    }
    .account-section--dark.is-active {
        --bg-color: #000;
    }
    .account-section.is-active {
        --max-height: 1000px;
    }
    .account-section--dark.is-active {
        
    }
    .account-section {
        background-color: var(--bg-color, #fff);
        color: var(--text-color, #000);
        border: 1px solid #ccc;
        border-radius: 12px;
        margin-bottom: 15px;
    }
    .account-section div {
        padding-left: 20px;
        padding-right: 20px;
    }
    .account-section p {
        font-size: 1.2rem;
    }
    .account-section-body {
        max-height: var(--max-height, 0);
        overflow: hidden;
        transition: max-height 0.4s ease-in-out, background-color 0.4s ease-in-out;
    }
    .account-section-header {
        font-size: 1.2rem;
        font-weight: bold;
        height: 4.8rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        position: relative;
    }
    
    .account-section-header::after {
        content: '';
        width: 14px;
        height: 8px;
        background: url(../images/triangle-red-down.svg);
        background-size: contain;
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }
    .is-active .account-section-header::after {
        content: '';
        width: 14px;
        height: 8px;
        background: url(../images/triangle-red-up.svg);
        background-size: contain;
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }
    .account-section--dark .account-section-header::after {
        content: '';
        width: 14px;
        height: 8px;
        background: url(../images/triangle-white-down.svg);
        background-size: contain;
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }
    .account-section--dark.is-active .account-section-header::after {
        content: '';
        width: 14px;
        height: 8px;
        background: url(../images/triangle-white-up.svg);
        background-size: contain;
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }
    .woocommerce .account-section-body .form-row input.input-text {
        font-size: 1.2rem;
        border: 1px solid #c6c6c6;
        border-radius: 12px;
        padding: 2.2rem 1rem .7rem 1rem;
        margin-bottom: 1rem;
        display: block;
    }
    #post-10 .woocommerce table.my_account_orders,
    #post-10 .woocommerce table.order_details {
        margin: 0;
        border-collapse: collapse;
        border: none;
        font-family: 'DM Sans', sans-serif;
        font-size: 1rem;
    }
    #post-10 .woocommerce table.my_account_orders tr {
        border-bottom: 1px solid #ccc;
    }
    #post-10 .woocommerce table.my_account_orders tr:last-child {
        border-bottom: none;
    }
    #post-10 .woocommerce table.my_account_orders th,
    #post-10 .woocommerce table.my_account_orders td {
        border: none !important;
    }
    #post-10 .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-date {
        padding-left: 20px;
    }
    #post-10 .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total {
        text-align: right;
    }
    #post-10 .woocommerce table.my_account_orders a {
        color: #696969 !important;
    }
    #post-10 .woocommerce table.order_details td {
        border-bottom-color: #e1e1e1;
    }
    #post-10 .woocommerce table.order_details .block-list-number {
        font-size: 1rem;
        font-weight: 400;
        background-color: white;
        border: 1px solid #e1e1e1;
        border-radius: 15px;
        position: absolute;
        top: 10px;
        left: 60px;
        z-index: 1;
        width: 35px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #post-10 .woocommerce table.order_details .block-list-title {
        font-family: 'DM Sans', sans-serif;
        font-size: 1rem;
        height: auto;
    }
    #post-10 .woocommerce-orders-table__cell-order-date {
        font-weight: 800;
    }
    #post-10 .woocommerce table.my_account_orders .status-label {
        display: inline-block;
        background: grey;
        padding: 4px 8px;
        border-radius: 4px;
        width: 110px;
        text-align: center;
    }
    #post-10 .woocommerce table.order_details .block-list-image {
        width: 190px;
        height: 190px;
    }
    #post-10 .woocommerce table.order_details .product-total {
        text-align: right;
    }
    #post-10 .woocommerce .delivery-details {
        display: flex;
        justify-content: left;
        gap: 40px;
        border: none;
        border-radius: 10px;
        padding: 20px;
        font-size: 1rem;
        list-style: none;
        background-color: #000;
        color: #fff;
    }
    #post-10 .woocommerce .receipt-email {
        font-size: 1rem;
    }
    #post-10 .woocommerce .delivery-details h3 {
        margin-top: 0;
        font-family: 'DM Sans', sans-serif;
        font-size: 1rem;
    }
    #post-10 .woocommerce .delivery-details address {
        border: none;
        padding: 0;
    }
    #post-10.my-account .woocommerce .order-details {
        display: block;
        margin-top: -32px;
        color: #696969;
    }
    #post-10.my-account .woocommerce .order-details .order-number {
        color: #696969;
    }
    #post-10.my-account .woocommerce .order-status-message {
        margin-left: 0;
        margin-right: 0;
    }
    .cards-accepted-image {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .payment-message {
        color: #999;
        font-size: 16px;
        top: -10px;
    }
    .payment-alert {
        display: flex;
        align-items: flex-start;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .payment-alert img {
        width: 30px;
    }
    .payment-alert p {
        margin-top: 0;
        font-size: 14px;
        margin-left: 10px;
    }
    .crypto-address-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100% ;
        background-color: #f6f6f6;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 5px;
        padding-left: 10px;
    }
    .crypto-address-container .address {
        position: relative;
        width: 63%;
        overflow-x: hidden;
        mask: linear-gradient(to right, black 0%, black 70%, transparent 100%);
        -webkit-mask: linear-gradient(to right, black 0%, black 70%, transparent 100%);
        font-family: 'DM Mono', monospace;
    }
    .crypto-address-container .copy-button {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 150px;
        height: 50px;
        padding: 10px 30px;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        cursor: pointer;
    }
    .crypto-address-container .copy-button img {
        width: 30px;
    }
    .order-details__support-link,
    .order-details__nav-close {
        background: #FFFFFF;
        border: 1px solid #e1e1e1;
        box-shadow: 0px 6px 6px rgba(116, 130, 136, 0.2);
        color: #000000;
        font-size: 1rem;
        padding: 10px 20px;
    }
    .order-details__support-link {
        border-radius: 15px;
    }
    .order-details__nav-close {
        border-radius: 50%;
        width: 110px;
        height: 110px;
        padding: 20px;
        position: relative;
        top: 20px;
    }
    .account-section-body label {
        position: absolute; 
        font-size: 1rem;
        z-index: 3;
        top: 5px;
        left: 1rem;
    }
    select#delivery_day,
    select#shipping_address_choice {
        border: 1px solid #ccc;
        border-radius: 12px;
        height: 67px;
        font-size: 1.2rem;
        padding-left: 15px;
        width: 100%;
        padding-right: 30px;
        padding-top: 30px; /* adjust this to push text downward */
        padding-bottom: 5px; /* optional, keeps some bottom padding */
    }
    label[for=delivery_day] {
        position: absolute;
        top: 5px;
        left: 15px;
        color: #696969;
        z-index: 3;
        font-size: 1rem;
    }
    .woocommerce form .form-row {
        position: relative;
        padding: 0;
    }
    #delivery_time_slots,
    .shipping-choices {
        border: 1px solid #ccc;
        border-radius: 12px;
    }
    .time-slot, .shipping-choice {
        display: block;
        padding: 15px;
        font-size: 1.2rem;
        border-bottom: 1px solid #ccc;
    }
    .time-slot:last-child,
    .shipping-choice:last-child {
        border-bottom: 0;
    }
    .shipping-choice input {
        position: relative;
        top: -10px;
        margin-right: 15px;
    }
    .shipping-choice span {
        display: inline-block;
        width: 80%;
    }
    .form-row.place-order {
        display: none;
    }
    .woocommerce-checkout-review-order-table {
        font-size: 1.2rem;
    }
    .woocommerce-orders-table__row {
        cursor: pointer;
    }
    :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt {
        background-color: #000;
        border-radius: 12px;
        display: block;
        width: 100%;
    }
    label[for=order_comments] {
        font-size: 1.2rem;
    }
    .checkout-total {
        font-size: 2rem;
        padding: 20px 10px;
        display: flex;
        justify-content: space-between;
    }
    .account-icon {
        display: inline-block;
        margin-right: 20px;
    }
    .button-update {
        background-color: #000;
        color: #fff;
        padding: 1.5rem;
        display: inline-block;
        border: 0;
        font-size: 1.1rem;
        margin-top: .5rem;
        cursor: pointer; 
        border-radius: 12px;
        margin-bottom: 20px;
    }
    .button-update--red {
        background-color: #E41720;
    }
    .entry-title {
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        text-align: center;
        color: #fff;
    }
    #post-10.my-account .entry-title {
        color: #000;
        text-align: left;
    }
    .woocommerce-message {
        border-top: 0;
        font-size: 1.2rem;
        background-color: #fff;
        border-radius: 12px;
        margin-bottom: 1em;
    }
    .checkout-close {
        cursor: pointer;
    }
    
    .woocommerce-order .woocommerce-order-details__delivery {
        display: none;
    }
    .woocommerce-order .woocommerce-customer-details {
        display: none;
    }
    
    #post-10  .woocommerce-order-details__delivery ul.order_details li {
        float: none;
        border: none;
    }
    
    .order-status-message {
        display: flex;
        justify-content: space-between;
        padding: 5px;
        font-size: 1rem;
        font-weight: bold;
        line-height: 30px;
        vertical-align: middle;
        margin: 20px -10px 40px -10px;
    }
    .status-pending {
        background-color: #FF9500;
        color: #fff;
    }
    .status-processing {
        background-color: #2E66D2;
        color: #fff;
    }
    .status-draft {
        background-color: #E41720;
        color: #fff;
    }
    .status-completed {
        background-color: #8AF222;
        color: #000;
    }
    .status-on-hold {
        background-color: #FF9500;
        color: #fff;
    }
    .order-status-message p {
        margin: 0;
        margin-left: 10px;
    }
    .order-status-time {
        color: #8AF222;
    }
    .status-completed .order-status-time {
        color: #000;
    }
    
    .order-details {
        font-size: 1rem;
        display: flex;
    }
    .what-to-expect-header {
        color: #fff;
        font-size: 2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    .what-to-expect-item {
        display: flex;
        justify-content: space-between;
        color: #fff;
        font-size: 1rem;
        margin-top: 20px;
        padding: 10px;
    }
    .what-to-expect-image { 
        width: 150px;
    }
    .what-to-expect-text { 
        margin: 0 30px 0 20px;
        border-bottom: 1px solid #FFCDBD;
        padding-bottom: 40px;
    }
    
    .what-to-expect-title {
        font-size: 1.2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        
    }
    .what-to-expect-detail {
        color: #FFCDBD;
        
    }
    .contact-support {
        text-align: center;
    }
    .contact-support-header {
        font-size: 1.2rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        color: #fff;
        margin: 20px 0;
    }
    .contact-support-button {
        background-color: #fff;
        border: 1px solid #dcdcdc;
        border-radius: 8px;
        font-size: 1.1rem;
        padding: 8px 16px;
        color: #000;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }
    .order-again {
        display: none;
    }
    .thankyou-header {
        margin: 20px 0;
    }
    #post-10 #receipt {
        font-size: 1rem;
    }
    #post-10 #receipt td:nth-child(2) {
        font-weight: bold;
    }
    #receipt td:first-child {
        font-weight: bold;
    }
    #receipt td {
        padding-bottom: 15px;
    }
    #receipt tr:last-child td {
        padding-top: 20px;
        border-top: 1px solid #c6c6c6;
    }
    .woocommerce #order_review {
        padding: 0;
    }
    /* Prevent nested red borders inside ORDER SUMMARY wrapper */
    .woocommerce-checkout #order_review.checkout-section {
        border: 0;
        background: transparent;
        margin-bottom: 0;
        padding: 0;
    }

    .woocommerce table.shop_table {
        border: 1px solid #ccc;
    }
    /* .woocommerce table.shop_table td {
        border-bottom: 1px solid #c6c6c6;
    } */

    .woocommerce table.woocommerce-table--order-details {
        border: 0;
    }

    .woocommerce-checkout #payment .payment-discount {
        padding: 0 0 0 32px;
        color: #333;
        font-size: 13px;
    }
    
    
    .woocommerce-checkout-payment {
        margin-top: 10px;
        margin-bottom: 15px;
        background: none;
        padding: 1em;
        padding: 10px 10px 25px;
    } 
    .woocommerce-checkout #payment {
        background-color: #fff;
        border: 2px solid #E41720;
        border-radius: 12px;
    }
    
    .woocommerce-checkout #payment ul.payment_methods {
        padding: 0;
        border: 1px solid #ccc;
        border-radius: 12px;
    }

    .woocommerce-checkout #payment ul.payment_methods li {
        border-bottom: 1px solid #ccc;
        padding: 15px;
        font-size: 17px;
    }

    
    
    .woocommerce table.shop_table tfoot th {
        border-top: 1px solid rgba(0, 0, 0, .1);
        font-weight: 200;

    }

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

    /* Checkout Order Summary Product Images */
    .woocommerce-checkout-review-order-table .product-thumbnail {
        width: 80px;
        text-align: center;
        padding: 10px;
    }

    .woocommerce-checkout-review-order-table .product-thumbnail-wrapper {
        position: relative;
        display: inline-block;
    }

    /* Checkout ORDER SUMMARY: combo grouping headers */
    .woocommerce-checkout-review-order-table tr.dm-combo-group-header td {
        padding: 12px 10px;
        border-top: 2px solid #E41720;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        letter-spacing: 0.02em;
    }
    .woocommerce-checkout-review-order-table tr.dm-combo-group-header td {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 10px;
    }

    /* Thank you / Order details: combo grouping headers */
    .woocommerce-table--order-details tr.dm-combo-group-header td {
        padding: 12px 10px;
        border-top: 2px solid #E41720;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        letter-spacing: 0.02em;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 10px;
    }

    .woocommerce-checkout-review-order-table .product-thumbnail img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .woocommerce-checkout-review-order-table .product-thumbnail a {
        display: block;
    }

    .woocommerce-checkout-review-order-table .product-quantity-badge,
    .woocommerce-table--order-details .product-quantity-badge {
        position: absolute;
        top: -5px;
        right: -5px;
        background-color: #fff;
        color: #000;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 700;
        border: 1px solid #000;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .woocommerce-checkout-review-order-table .product-name {
        padding-left: 15px;
    }
    .woocommerce-order-details a {
        color: #000;
        font-weight: bold;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
    }
    /* Date picker positioning for Date of Birth field */
    .date-field-wrapper {
        position: relative;
    }

    .date-input-hidden {
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        opacity: 0;
        pointer-events: none;
        border: none;
        padding: 0;
        margin: 0;
        z-index: -1;
    }

    .date-input-hidden::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }
    
    .product-effects {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .effect {
        width: 32%;
        border-radius: 12px;
        border: 1px solid #dcdcdc;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px 15px;
    }
    .effect img {
        height: 220px;
        object-fit: contain;
        object-position: center center;
    }
    .effect span {
        margin-top: 15px;
    }
    /* Remove arrows in Chrome, Safari, Edge, Opera */
    .checkout-section input[type="number"]::-webkit-inner-spin-button,
    .checkout-section input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    /* Remove arrows in Firefox */
    .checkout-section input[type="number"] {
        -moz-appearance: textfield;
    }
    
    /* Make placeholder text black for tip input */
    .checkout-section input[type="number"]::placeholder {
        color: #000 !important;
        opacity: 1;
    }
    
    .checkout-section {
        position: relative;
        /* display: inline-block; */
    }
    .checkout-section input {
        height: 36px;
        border-radius: 8px;
        font-size: 17px;
        padding-left: 18px;
    }
    .checkout-section input[type=radio] {
        height: 18px;
        margin-right: 10px;
    }
    .checkout-section .tip-dollar-sign {
        position: absolute;
        left: 156px;
        top: 19px;
        font-size: 17px;
        pointer-events: none;
        z-index: 2;
    }
    .product-search {
        background-color: #fff;
    }
    .product-search header {
        padding: 10px;
        font-size: 16px;
    }
    
    .checkout-recycling {
        background-color:#D1E1FF;
        color: #0045C9;
        font-size: 1rem;
        position: relative;
        padding: 0 15px !important;
        margin: 0 !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .checkout-trinkets {
        background-color:#FFCFD0;
        color: #D30009;
        font-size: 1rem;
        padding: 0 15px !important;
        position: relative;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    #custom-order-notes .optional {
        display: none !important;
    }
    .signal-lnk {
        position: sticky;
        bottom: 16px;
        width: 94%;
        height: 66px;
        border-radius: 999px;
        background: #3A76F0;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        display: flex;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        z-index: 50;
        padding: 0;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        border: 2px solid #AFDDFF;
        margin: 0 auto;
        box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease;
    }
    .signal-img {
        vertical-align: middle;
        width: 40px;
        margin-right: 16px;
    }
    .signal-lnk-small {
        width: 66px;
        height: 66px;
        font-size: 0;
        right: 12px;
        position: fixed;
    }
    .signal-lnk-small img {
        width: 40px;
        height: 40px;
        margin: 0px;
    }
    .signal-lnk-small::after {
        content: none;
    }

    /* 404 Error Page Styles */
    .error-404-container {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        background-color: var(--red);
    }
    .error-404-container .post.not-found {
        text-align: center;
        max-width: 600px;
        width: 100%;
    }
    .error-404-header {
        margin-bottom: 2rem;
    }
    .error-404-title {
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        font-size: 8rem;
        line-height: 1;
        color: #fff;
        margin: 0 0 1rem 0;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    }
    .error-404-subtitle {
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        font-size: 2.5rem;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }
    .error-404-content {
        margin-top: 2rem;
    }
    .error-404-message {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.2rem;
        color: #fff;
        line-height: 1.6;
        margin: 0 0 1rem 0;
        opacity: 0.95;
    }
    .error-404-message-secondary {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.1rem;
        color: #fff;
        line-height: 1.6;
        margin: 0 0 2.5rem 0;
        opacity: 0.9;
    }
    .error-404-actions {
        margin-top: 2rem;
    }
    .error-404-button {
        display: inline-block;
        background-color: #000;
        color: #fff;
        padding: 1.2rem 2.5rem;
        font-family: "futura-pt-condensed", sans-serif;
        font-weight: 800;
        font-size: 1.3rem;
        text-transform: uppercase;
        border-radius: 12px;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }
    .error-404-button:hover {
        background-color: #333;
        transform: translateY(-2px);
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
    }
    .error-404-button:active {
        transform: translateY(0);
    }

    @media (max-width: 768px) {
        .error-404-title {
            font-size: 5rem;
        }
        .error-404-subtitle {
            font-size: 1.8rem;
        }
        .error-404-message {
            font-size: 1rem;
        }
        .error-404-button {
            padding: 1rem 2rem;
            font-size: 1.1rem;
        }
    }
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}