/*
Theme Name: Benner Store
Version: 1.0.0
Description: A responsive leather goods storefront for Benner Store.
*/
:root{
    --paper:#e4e1d7;
    --ink:#282823;
    --muted:#6c6b62;
    --accent:#9c6844;
    --line:#c9c6bc;
    --white:#faf9f5}
    *{
        box-sizing:border-box}
        body{
            margin:0;
            background:var(--paper);
            color:var(--ink);
            font-family:Roboto,Arial,sans-serif;
            font-size:16px;
            line-height:1.65}
            a{
                color:inherit;
                text-decoration:none}
                a:hover{
                    color:var(--accent)}
                    button,input,select,textarea{
                        font:inherit}
                        button,a,input,select,summary,textarea{
                            outline-offset:5px}
                            img{
                                max-width:100%;
                                height:auto}
                                h1,h2,h3,h4{
                                    line-height:1.2;
                                    margin:0 0 24px;
                                    font-weight:500}
                                    h1{
                                        font-size:clamp(32px,4vw,52px)}
                                        h2{
                                            font-size:clamp(28px,3vw,42px)}
                                            p{
                                                margin:0 0 20px}
                                                .shell{
                                                    width:min(1560px,88%);
                                                    margin:auto}
                                                    .skip-link{
                                                        position:absolute;
                                                        left:16px;
                                                        top:-80px;
                                                        background:#fff;
                                                        padding:12px;
                                                        z-index:99}
                                                        .skip-link:focus{
                                                            top:10px}
                                                            .site-header{
                                                                background:var(--paper);
                                                                position:sticky;
                                                                top:0;
                                                                z-index:30;
                                                                border-bottom:1px solid #d1cec4}
                                                                .header-inner{
                                                                    min-height:88px;
                                                                    display:flex;
                                                                    align-items:center;
                                                                    justify-content:space-between;
                                                                    gap:32px}
                                                                    .brand{
                                                                        font-weight:750;
                                                                        font-size:40px;
                                                                        letter-spacing:-2px;
                                                                        line-height:1}
                                                                        .main-nav{
                                                                            display:flex;
                                                                            align-items:center;
                                                                            gap:32px}
                                                                            .main-nav a,.main-nav summary{
                                                                                font-size:15px;
                                                                                font-weight:500;
                                                                                cursor:pointer}
                                                                                .info-nav{
                                                                                    position:relative}
                                                                                    .info-nav ul{
                                                                                        position:absolute;
                                                                                        min-width:220px;
                                                                                        top:28px;
                                                                                        right:0;
                                                                                        list-style:none;
                                                                                        background:var(--white);
                                                                                        padding:20px;
                                                                                        box-shadow:0 8px 24px #0001}
                                                                                        .info-nav li+li{
                                                                                            margin-top:10px}
                                                                                            .header-actions{
                                                                                                display:flex;
                                                                                                align-items:center;
                                                                                                gap:22px}
                                                                                                .search-toggle{
                                                                                                    position:relative}
                                                                                                    .search-toggle summary{
                                                                                                        list-style:none;
                                                                                                        cursor:pointer}
                                                                                                        .search-toggle svg{
                                                                                                            display:block}
                                                                                                            .search-toggle form{
                                                                                                                position:absolute;
                                                                                                                right:0;
                                                                                                                top:42px;
                                                                                                                width:320px;
                                                                                                                display:flex;
                                                                                                                padding:12px;
                                                                                                                background:var(--white);
                                                                                                                box-shadow:0 8px 24px #0002}
                                                                                                                .search-toggle input{
                                                                                                                    min-width:0;
                                                                                                                    width:100%;
                                                                                                                    padding:8px;
                                                                                                                    border:1px solid var(--line)}
                                                                                                                    .search-toggle button{
                                                                                                                        border:0;
                                                                                                                        background:var(--ink);
                                                                                                                        color:white;
                                                                                                                        padding:8px 12px}
                                                                                                                        .cart-link{
                                                                                                                            display:flex;
                                                                                                                            gap:9px;
                                                                                                                            align-items:center;
                                                                                                                            background:var(--ink);
                                                                                                                            color:#fff!important;
                                                                                                                            border-radius:28px;
                                                                                                                            padding:10px 18px;
                                                                                                                            font-size:14px}
                                                                                                                            .cart-count{
                                                                                                                                font-size:12px}
                                                                                                                                .mobile-nav{
                                                                                                                                    display:none}
                                                                                                                                    .hero{
                                                                                                                                        min-height:650px;
                                                                                                                                        height:calc(87vh - 88px);
                                                                                                                                        max-height:850px;
                                                                                                                                        position:relative;
                                                                                                                                        display:grid;
                                                                                                                                        place-items:center;
                                                                                                                                        text-align:center;
                                                                                                                                        color:#fff;
                                                                                                                                        margin:0 8px;
                                                                                                                                        background:#8d5a37 url('assets/banner.jpg') center/cover no-repeat}
                                                                                                                                        .hero-copy{
                                                                                                                                            max-width:1100px;
                                                                                                                                            padding:40px 24px}
                                                                                                                                            .hero h1{
                                                                                                                                                font-size:clamp(42px,4.2vw,76px);
                                                                                                                                                font-weight:650;
                                                                                                                                                margin-bottom:42px;
                                                                                                                                                letter-spacing:-1.5px}
                                                                                                                                                .hero p{
                                                                                                                                                    font-size:16px;
                                                                                                                                                    text-shadow:0 1px 4px #0005}
                                                                                                                                                    .categories{
                                                                                                                                                        display:grid;
                                                                                                                                                        grid-template-columns:repeat(4,1fr);
                                                                                                                                                        gap:22px;
                                                                                                                                                        padding:30px 0 70px}
                                                                                                                                                        .category{
                                                                                                                                                            position:relative;
                                                                                                                                                            overflow:hidden;
                                                                                                                                                            aspect-ratio:1.15}
                                                                                                                                                            .category img{
                                                                                                                                                                width:100%;
                                                                                                                                                                height:100%;
                                                                                                                                                                object-fit:cover;
                                                                                                                                                                transition:transform .35s}
                                                                                                                                                                .category:hover img{
                                                                                                                                                                    transform:scale(1.035)}
                                                                                                                                                                    .category-copy{
                                                                                                                                                                        position:absolute;
                                                                                                                                                                        inset:auto 0 0;
                                                                                                                                                                        padding:45px 24px 22px;
                                                                                                                                                                        background:linear-gradient(transparent,#0008);
                                                                                                                                                                        color:#fff}
                                                                                                                                                                        .category-copy h2{
                                                                                                                                                                            font-size:24px;
                                                                                                                                                                            margin:0 0 3px}
                                                                                                                                                                            .category-copy span{
                                                                                                                                                                                font-size:14px}
                                                                                                                                                                                .section-title{
                                                                                                                                                                                    display:flex;
                                                                                                                                                                                    align-items:center;
                                                                                                                                                                                    justify-content:space-between;
                                                                                                                                                                                    gap:20px;
                                                                                                                                                                                    margin-bottom:32px}
                                                                                                                                                                                    .section-title h2{
                                                                                                                                                                                        margin:0}
                                                                                                                                                                                        .pill{
                                                                                                                                                                                            display:inline-block;
                                                                                                                                                                                            padding:13px 25px;
                                                                                                                                                                                            border-radius:30px;
                                                                                                                                                                                            background:var(--ink);
                                                                                                                                                                                            color:#fff!important;
                                                                                                                                                                                            font-size:14px}
                                                                                                                                                                                            .collection-section{
                                                                                                                                                                                                padding-bottom:65px}
                                                                                                                                                                                                .features{
                                                                                                                                                                                                    border-top:1px solid var(--line);
                                                                                                                                                                                                    border-bottom:1px solid var(--line);
                                                                                                                                                                                                    padding:55px 0;
                                                                                                                                                                                                    display:grid;
                                                                                                                                                                                                    grid-template-columns:repeat(3,1fr);
                                                                                                                                                                                                    gap:70px}
                                                                                                                                                                                                    .features h3{
                                                                                                                                                                                                        font-size:25px;
                                                                                                                                                                                                        margin-bottom:15px}
                                                                                                                                                                                                        .features p{
                                                                                                                                                                                                            color:var(--muted);
                                                                                                                                                                                                            font-size:15px;
                                                                                                                                                                                                            margin:0}
                                                                                                                                                                                                            .shipping-band{
                                                                                                                                                                                                                background:#555e4c;
                                                                                                                                                                                                                color:white;
                                                                                                                                                                                                                padding:23px 20px;
                                                                                                                                                                                                                text-align:center;
                                                                                                                                                                                                                display:flex;
                                                                                                                                                                                                                justify-content:center;
                                                                                                                                                                                                                gap:100px;
                                                                                                                                                                                                                font-size:20px;
                                                                                                                                                                                                                margin:65px 0}
                                                                                                                                                                                                                .bestsellers{
                                                                                                                                                                                                                    padding:0 0 65px}
                                                                                                                                                                                                                    .site-footer{
                                                                                                                                                                                                                        background:#d9d6cb;
                                                                                                                                                                                                                        border-top:1px solid var(--line);
                                                                                                                                                                                                                        padding:60px 0 0}
                                                                                                                                                                                                                        .footer-grid{
                                                                                                                                                                                                                            display:grid;
                                                                                                                                                                                                                            grid-template-columns:2fr 1fr 1fr;
                                                                                                                                                                                                                            gap:80px}
                                                                                                                                                                                                                            .footer-grid h2{
                                                                                                                                                                                                                                font-size:24px}
                                                                                                                                                                                                                                .footer-grid p{
                                                                                                                                                                                                                                    max-width:490px;
                                                                                                                                                                                                                                    color:#57584f}
                                                                                                                                                                                                                                    .footer-grid ul{
                                                                                                                                                                                                                                        list-style:none;
                                                                                                                                                                                                                                        padding:0;
                                                                                                                                                                                                                                        margin:0}
                                                                                                                                                                                                                                        .footer-grid li{
                                                                                                                                                                                                                                            margin:9px 0}
                                                                                                                                                                                                                                            .footer-email{
                                                                                                                                                                                                                                                word-break:break-word}
                                                                                                                                                                                                                                                .copyright{
                                                                                                                                                                                                                                                    border-top:1px solid var(--line);
                                                                                                                                                                                                                                                    margin-top:45px;
                                                                                                                                                                                                                                                    padding:22px 0;
                                                                                                                                                                                                                                                    font-size:13px;
                                                                                                                                                                                                                                                    color:var(--muted)}
                                                                                                                                                                                                                                                    .content-main{
                                                                                                                                                                                                                                                        padding:55px 0 80px;
                                                                                                                                                                                                                                                        min-height:55vh}
                                                                                                                                                                                                                                                        .page-content{
                                                                                                                                                                                                                                                            max-width:900px;
                                                                                                                                                                                                                                                            margin:auto}
                                                                                                                                                                                                                                                            .page-content h1{
                                                                                                                                                                                                                                                                margin-bottom:35px}
                                                                                                                                                                                                                                                                .page-content h2{
                                                                                                                                                                                                                                                                    font-size:30px;
                                                                                                                                                                                                                                                                    margin-top:32px}
                                                                                                                                                                                                                                                                    .page-content h4{
                                                                                                                                                                                                                                                                        font-size:21px;
                                                                                                                                                                                                                                                                        margin:25px 0 12px}
                                                                                                                                                                                                                                                                        .page-content a{
                                                                                                                                                                                                                                                                            text-decoration:underline;
                                                                                                                                                                                                                                                                            text-underline-offset:4px}
                                                                                                                                                                                                                                                                            .page-content li{
                                                                                                                                                                                                                                                                                margin-bottom:10px}
                                                                                                                                                                                                                                                                                .woocommerce ul.products{
                                                                                                                                                                                                                                                                                    display:grid!important;
                                                                                                                                                                                                                                                                                    grid-template-columns:repeat(4,minmax(0,1fr));
                                                                                                                                                                                                                                                                                    gap:35px 24px;
                                                                                                                                                                                                                                                                                    margin:0!important}
                                                                                                                                                                                                                                                                                    .woocommerce ul.products::before,.woocommerce ul.products::after{
                                                                                                                                                                                                                                                                                        display:none!important}
                                                                                                                                                                                                                                                                                        .woocommerce ul.products li.product{
                                                                                                                                                                                                                                                                                            float:none!important;
                                                                                                                                                                                                                                                                                            width:auto!important;
                                                                                                                                                                                                                                                                                            margin:0!important;
                                                                                                                                                                                                                                                                                            display:flex;
                                                                                                                                                                                                                                                                                            flex-direction:column;
                                                                                                                                                                                                                                                                                            align-items:flex-start}
                                                                                                                                                                                                                                                                                            .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
                                                                                                                                                                                                                                                                                                width:100%}
                                                                                                                                                                                                                                                                                                .woocommerce ul.products li.product a img{
                                                                                                                                                                                                                                                                                                    width:100%;
                                                                                                                                                                                                                                                                                                    aspect-ratio:1;
                                                                                                                                                                                                                                                                                                    object-fit:cover;
                                                                                                                                                                                                                                                                                                    margin-bottom:18px}
                                                                                                                                                                                                                                                                                                    .woocommerce ul.products li.product .woocommerce-loop-product__title{
                                                                                                                                                                                                                                                                                                        font-size:16px;
                                                                                                                                                                                                                                                                                                        font-weight:500;
                                                                                                                                                                                                                                                                                                        line-height:1.4;
                                                                                                                                                                                                                                                                                                        padding:0;
                                                                                                                                                                                                                                                                                                        margin-bottom:8px}
                                                                                                                                                                                                                                                                                                        .woocommerce ul.products li.product .price{
                                                                                                                                                                                                                                                                                                            color:var(--ink);
                                                                                                                                                                                                                                                                                                            font-size:16px;
                                                                                                                                                                                                                                                                                                            font-weight:500;
                                                                                                                                                                                                                                                                                                            margin-bottom:6px}
                                                                                                                                                                                                                                                                                                            .woocommerce ul.products li.product .button{
    color:var(--ink);
                                                                                                                                                                                                                                                                                                                margin-top:10px;
                                                                                                                                                                                                                                                                                                                background:none;
                                                                                                                                                                                                                                                                                                                padding:0;
                                                                                                                                                                                                                                                                                                                border-radius:0;
                                                                                                                                                                                                                                                                                                                border-bottom:1px solid var(--ink);
                                                                                                                                                                                                                                                                                                                font-size:13px;
                                                                                                                                                                                                                                                                                                                font-weight:500;
                                                                                                                                                                                                                                                                                                                line-height:1.8}
                                                                                                                                                                                                                                                                                                                .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
                                                                                                                                                                                                                                                                                                                    background:var(--ink);
                                                                                                                                                                                                                                                                                                                    color:#fff;
                                                                                                                                                                                                                                                                                                                    font-weight:500;
                                                                                                                                                                                                                                                                                                                    border-radius:4px;
                                                                                                                                                                                                                                                                                                                    padding:14px 22px;
                                                                                                                                                                                                                                                                                                                    line-height:1.2}
                                                                                                                                                                                                                                                                                                                    .woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{
                                                                                                                                                                                                                                                                                                                        background:var(--ink);
                                                                                                                                                                                                                                                                                                                        color:#fff}
                                                                                                                                                                                                                                                                                                                        .woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{
                                                                                                                                                                                                                                                                                                                            background:var(--accent);
                                                                                                                                                                                                                                                                                                                            color:#fff}
                                                                                                                                                                                                                                                                                                                            .woocommerce div.product .product_title{
                                                                                                                                                                                                                                                                                                                                font-size:clamp(28px,3vw,42px);
                                                                                                                                                                                                                                                                                                                                line-height:1.2}
                                                                                                                                                                                                                                                                                                                                .woocommerce div.product p.price,.woocommerce div.product span.price{
                                                                                                                                                                                                                                                                                                                                    color:var(--ink);
                                                                                                                                                                                                                                                                                                                                    font-size:24px}
                                                                                                                                                                                                                                                                                                                                    .woocommerce div.product div.images img{
                                                                                                                                                                                                                                                                                                                                        background:var(--white)}
                                                                                                                                                                                                                                                                                                                                        .woocommerce div.product form.cart .variations select{
                                                                                                                                                                                                                                                                                                                                            padding:12px;
                                                                                                                                                                                                                                                                                                                                            border:1px solid var(--line);
                                                                                                                                                                                                                                                                                                                                            background:var(--white);
                                                                                                                                                                                                                                                                                                                                            width:100%;
                                                                                                                                                                                                                                                                                                                                            max-width:100%;
                                                                                                                                                                                                                                                                                                                                            height:auto}
                                                                                                                                                                                                                                                                                                                                            .woocommerce div.product form.cart .variations label{
                                                                                                                                                                                                                                                                                                                                                font-weight:500}
                                                                                                                                                                                                                                                                                                                                                .woocommerce .quantity .qty{
                                                                                                                                                                                                                                                                                                                                                    height:47px;
                                                                                                                                                                                                                                                                                                                                                    border:1px solid var(--line);
                                                                                                                                                                                                                                                                                                                                                    background:var(--white);
                                                                                                                                                                                                                                                                                                                                                    width:70px}
                                                                                                                                                                                                                                                                                                                                                    .woocommerce div.product .woocommerce-tabs ul.tabs li{
                                                                                                                                                                                                                                                                                                                                                        background:transparent;
                                                                                                                                                                                                                                                                                                                                                        border:0}
                                                                                                                                                                                                                                                                                                                                                        .woocommerce div.product .woocommerce-tabs ul.tabs li.active{
                                                                                                                                                                                                                                                                                                                                                            background:transparent;
                                                                                                                                                                                                                                                                                                                                                            border-bottom:2px solid var(--ink)}
                                                                                                                                                                                                                                                                                                                                                            .woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
                                                                                                                                                                                                                                                                                                                                                                display:none}
                                                                                                                                                                                                                                                                                                                                                                .woocommerce .woocommerce-ordering select{
                                                                                                                                                                                                                                                                                                                                                                    padding:10px;
                                                                                                                                                                                                                                                                                                                                                                    background:transparent;
                                                                                                                                                                                                                                                                                                                                                                    border:1px solid var(--line)}
                                                                                                                                                                                                                                                                                                                                                                    .woocommerce .woocommerce-breadcrumb{
                                                                                                                                                                                                                                                                                                                                                                        font-size:13px;
                                                                                                                                                                                                                                                                                                                                                                        margin-bottom:30px}
                                                                                                                                                                                                                                                                                                                                                                        .woocommerce div.product .woocommerce-tabs{
                                                                                                                                                                                                                                                                                                                                                                            padding-top:30px}
                                                                                                                                                                                                                                                                                                                                                                            .woocommerce table.shop_table{
                                                                                                                                                                                                                                                                                                                                                                                border-color:var(--line);
                                                                                                                                                                                                                                                                                                                                                                                background:#ffffff32}
                                                                                                                                                                                                                                                                                                                                                                                .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
                                                                                                                                                                                                                                                                                                                                                                                    padding:12px;
                                                                                                                                                                                                                                                                                                                                                                                    border:1px solid var(--line);
                                                                                                                                                                                                                                                                                                                                                                                    background:var(--white)}
                                                                                                                                                                                                                                                                                                                                                                                    .woocommerce #payment{
                                                                                                                                                                                                                                                                                                                                                                                        background:#d6d3c8}
                                                                                                                                                                                                                                                                                                                                                                                        .woocommerce-message,.woocommerce-info{
                                                                                                                                                                                                                                                                                                                                                                                            background:#f7f6f1;
                                                                                                                                                                                                                                                                                                                                                                                            color:var(--ink);
                                                                                                                                                                                                                                                                                                                                                                                            border-color:var(--accent)}
                                                                                                                                                                                                                                                                                                                                                                                            .woocommerce nav.woocommerce-pagination{
                                                                                                                                                                                                                                                                                                                                                                                                margin-top:40px}
                                                                                                                                                                                                                                                                                                                                                                                                .woocommerce .product_meta{
                                                                                                                                                                                                                                                                                                                                                                                                    font-size:14px;
                                                                                                                                                                                                                                                                                                                                                                                                    color:var(--muted)}
                                                                                                                                                                                                                                                                                                                                                                                                    .woocommerce .product_meta>span{
                                                                                                                                                                                                                                                                                                                                                                                                        display:block}
                                                                                                                                                                                                                                                                                                                                                                                                        .woocommerce .related{
                                                                                                                                                                                                                                                                                                                                                                                                            padding-top:35px}
                                                                                                                                                                                                                                                                                                                                                                                                            .woocommerce .related h2{
                                                                                                                                                                                                                                                                                                                                                                                                                font-size:30px}
                                                                                                                                                                                                                                                                                                                                                                                                                .woocommerce .woocommerce-product-details__short-description{
                                                                                                                                                                                                                                                                                                                                                                                                                    color:var(--muted)}
                                                                                                                                                                                                                                                                                                                                                                                                                    .woocommerce div.product div.images .flex-control-thumbs{
                                                                                                                                                                                                                                                                                                                                                                                                                        display:flex;
                                                                                                                                                                                                                                                                                                                                                                                                                        flex-wrap:wrap;
                                                                                                                                                                                                                                                                                                                                                                                                                        gap:8px;
                                                                                                                                                                                                                                                                                                                                                                                                                        margin-top:12px}
                                                                                                                                                                                                                                                                                                                                                                                                                        .woocommerce div.product div.images .flex-control-thumbs li{
                                                                                                                                                                                                                                                                                                                                                                                                                            width:calc(25% - 6px)}
                                                                                                                                                                                                                                                                                                                                                                                                                            .woocommerce-product-gallery{
                                                                                                                                                                                                                                                                                                                                                                                                                                opacity:1!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                .woocommerce div.product .woocommerce-tabs .panel img{
                                                                                                                                                                                                                                                                                                                                                                                                                                    max-width:100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                    height:auto}
                                                                                                                                                                                                                                                                                                                                                                                                                                    @media(max-width:1000px){
                                                                                                                                                                                                                                                                                                                                                                                                                                        .shell{
                                                                                                                                                                                                                                                                                                                                                                                                                                            width:92%}
                                                                                                                                                                                                                                                                                                                                                                                                                                            .main-nav{
                                                                                                                                                                                                                                                                                                                                                                                                                                                gap:20px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                .header-inner{
                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap:20px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                    .brand{
                                                                                                                                                                                                                                                                                                                                                                                                                                                        font-size:34px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                        .hero{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            min-height:520px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            height:70vh}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .features{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                gap:35px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                .footer-grid{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap:40px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .categories{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        gap:15px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .category-copy{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding:35px 15px 15px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .category-copy h2{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-size:20px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            @media(max-width:700px){
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .header-inner{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    min-height:72px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap:12px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .brand{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        font-size:30px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .main-nav{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:none}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .mobile-nav{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                display:block;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                position:relative}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .mobile-nav summary{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    cursor:pointer;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    list-style:none;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    font-size:14px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .mobile-nav nav{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        position:absolute;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        top:40px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        left:0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        background:var(--white);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        padding:20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        min-width:220px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        box-shadow:0 10px 20px #0002;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        display:grid;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        gap:15px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .header-actions{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap:12px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .cart-link{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                padding:8px 12px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .cart-total{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    display:none}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .hero{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        margin:0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        min-height:440px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        height:65vh;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        background-position:52% center}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .hero h1{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            font-size:42px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            letter-spacing:-1px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            margin-bottom:24px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .hero p{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-size:15px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .categories{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap:12px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    padding:20px 0 42px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .category{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        aspect-ratio:1}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .category-copy h2{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            font-size:20px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .section-title{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                align-items:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                margin-bottom:24px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .section-title h2{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    font-size:28px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .section-title .pill{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        font-size:12px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        padding:10px 15px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        max-width:140px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        text-align:center}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .woocommerce ul.products{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap:28px 15px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .woocommerce ul.products li.product .woocommerce-loop-product__title{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-size:14px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .woocommerce ul.products li.product .price{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    font-size:14px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .collection-section{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        padding-bottom:42px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .features{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap:30px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding:36px 0}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .features h3{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-size:23px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                margin-bottom:10px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .shipping-band{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    margin:40px 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap:15px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    flex-direction:column;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    font-size:17px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    padding:20px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .footer-grid{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        gap:28px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .site-footer{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding-top:40px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .footer-grid h2{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                margin-bottom:16px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .copyright{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    margin-top:30px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .search-toggle form{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        right:-75px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width:290px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .content-main{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding:35px 0 55px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .woocommerce div.product .product_title{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-size:29px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    display:block;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    text-align:left}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .woocommerce div.product form.cart .variations select{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        width:100%}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .woocommerce .related ul.products{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-columns:repeat(2,minmax(0,1fr))}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        @media(prefers-reduced-motion:reduce){
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            *{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                scroll-behavior:auto!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                transition:none!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            @font-face{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-family:Roboto;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                src:url(assets/roboto.woff2) format("woff2");
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-weight:100 900;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-style:normal;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                font-display:swap}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .feature-icon{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    width:55px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    height:55px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    object-fit:contain;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    margin-bottom:22px}
