/* ==========================================
   GLOBAL BASE STYLES
   Shared across every page (cart, checkout,
   orders, product, shop, wishlist, home).
   Keep this file minimal — page-specific
   styling belongs in its own stylesheet.
========================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    color: #111111;

    background: #ffffff;

    line-height: 1.5;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;

    display: block;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

button {
    cursor: pointer;
}

a {
    text-decoration: none;
}


/* ==========================================
   SHARED NAVBAR
   Same on every page — do not redefine
   .shop-navbar / .shop-logo / .shop-nav-actions
   in any page-specific stylesheet.
========================================== */

.shop-navbar {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 22px 5%;

    border-bottom: 1px solid #eeeeee;

    background: #ffffff;

    box-sizing: border-box;
}

.shop-logo {
    color: #111111;

    text-decoration: none;

    font-size: 22px;

    font-weight: 700;

    letter-spacing: 2px;

    white-space: nowrap;
}

.shop-logo span {
    color: #111111;
}

.shop-navbar nav {
    display: flex;

    align-items: center;

    gap: 32px;
}

.shop-navbar nav a {
    color: #222222;

    text-decoration: none;

    font-size: 13px;

    font-weight: 500;

    transition: 0.2s ease;
}

.shop-navbar nav a:hover {
    opacity: 0.55;
}

.shop-navbar nav a.active {
    font-weight: 700;
}

.shop-nav-actions {
    display: flex;

    align-items: center;

    gap: 10px;
}

.shop-nav-actions button,
.shop-nav-actions a {
    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: none;

    background: transparent;

    color: #111111;

    text-decoration: none;

    font-size: 20px;

    cursor: pointer;

    transition: 0.2s ease;
}

.shop-nav-actions button:hover,
.shop-nav-actions a:hover {
    transform: scale(1.08);
}


@media (max-width: 900px) {

    .shop-navbar nav {
        gap: 18px;
    }

}

@media (max-width: 650px) {

    .shop-navbar {
        padding: 18px 5%;

        flex-wrap: wrap;

        gap: 15px;
    }

    .shop-navbar nav {
        order: 3;

        width: 100%;

        justify-content: center;

        gap: 20px;

        overflow-x: auto;
    }

    .shop-navbar nav a {
        font-size: 12px;

        white-space: nowrap;
    }

    .shop-nav-actions {
        margin-left: auto;
    }

}

@media (max-width: 400px) {

    .shop-logo {
        font-size: 18px;
    }

    .shop-nav-actions button,
    .shop-nav-actions a {
        width: 34px;
        height: 34px;

        font-size: 19px;
    }

}

/* ==========================================
   ANAHEE-INSPIRED GLOBAL FASHION SYSTEM
========================================== */
:root{--fashion-ink:#1d1b19;--fashion-muted:#756f69;--fashion-line:#e9e4de;--fashion-paper:#fbfaf8;--fashion-accent:#9a4f43;--fashion-accent-soft:#f2e7e3;}
html{scroll-behavior:smooth} body{background:var(--fashion-paper);color:var(--fashion-ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.shop-navbar{position:sticky;top:0;z-index:1000;min-height:76px;padding:18px clamp(20px,4vw,64px);background:rgba(251,250,248,.96);border-bottom:1px solid var(--fashion-line);backdrop-filter:blur(14px);transition:.35s ease}
.shop-navbar:hover{box-shadow:0 8px 30px rgba(29,27,25,.05)}
.shop-logo,.shop-footer-logo{color:var(--fashion-ink);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.06em}.shop-logo{font-size:23px}.shop-logo span,.shop-footer-logo span{color:var(--fashion-accent)}
.shop-navbar nav{gap:clamp(18px,2.5vw,38px)}.shop-navbar nav a{position:relative;color:var(--fashion-ink);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.shop-navbar nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--fashion-accent);transition:right .35s ease}.shop-navbar nav a:hover::after,.shop-navbar nav a.active::after{right:0}
.shop-nav-actions{gap:2px}.shop-nav-actions button,.shop-nav-actions a{width:38px;height:38px;color:var(--fashion-ink);font-size:17px;transition:.3s ease}.shop-nav-actions button:hover,.shop-nav-actions a:hover{transform:translateY(-2px);background:var(--fashion-accent-soft)}
.shop-header,.cart-header,.orders-header,.wishlist-header,.checkout-header{background:var(--fashion-paper)!important;color:var(--fashion-ink)!important;border-bottom:1px solid var(--fashion-line);text-align:center;padding:clamp(60px,8vw,110px) 20px clamp(45px,6vw,75px)!important}
.shop-header p,.cart-header p,.orders-header p,.wishlist-header p,.checkout-header p{color:var(--fashion-accent)!important;font-size:10px!important;letter-spacing:.28em;font-weight:600}.shop-header h1,.cart-header h1,.orders-header h1,.wishlist-header h1,.checkout-header h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,6vw,76px)!important;letter-spacing:-.03em}
.btn,.auth-submit,.add-cart-btn,button{transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.btn:hover,.auth-submit:hover,.add-cart-btn:hover{transform:translateY(-2px)}
.shop-footer,.checkout-footer{margin-top:80px;padding:64px clamp(24px,5vw,80px) 28px!important;background:var(--fashion-ink)!important;color:#f6f1eb!important;border:0!important}.shop-footer-logo,.checkout-footer-brand{color:#f6f1eb!important;font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:.06em}.shop-footer p,.checkout-footer-text{color:#c9c1b9!important}.shop-navbar-footer-links,.checkout-footer-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}.shop-navbar-footer-links a,.checkout-footer-links a{color:#f6f1eb!important;font-size:10px;letter-spacing:.15em}.shop-navbar-footer-links a:hover,.checkout-footer-links a:hover{color:#d79b8f!important}.shop-footer-bottom,.checkout-footer-copy{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:#9f9892!important;font-size:10px;letter-spacing:.08em}
.shop-navbar,.shop-header,.cart-header,.orders-header,.wishlist-header,.checkout-header,main,.cart-container,.orders-container,.wishlist-container,.product-container,.checkout-container,.auth-card{animation:fashionReveal .65s cubic-bezier(.22,.61,.36,1) both}@keyframes fashionReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.shop-navbar{position:relative}.shop-navbar nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.shop-navbar nav a{font-size:10px}}


/* =========================================================
   ANAHEE-STYLE MOBILE NAV + MOBILE SHOP EXPERIENCE
   ========================================================= */
.mobile-menu-toggle{
    display:none;
    width:40px;height:40px;padding:8px;
    border:0;background:transparent;color:var(--fashion-ink);
    align-items:center;justify-content:center;flex-direction:column;gap:5px;
    cursor:pointer;flex-shrink:0;
}
.mobile-menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.shop-navbar.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.shop-navbar.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
.shop-navbar.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media (max-width:750px){
  .shop-navbar{
    position:sticky!important;top:0;z-index:1000;
    min-height:64px!important;height:64px!important;
    padding:10px 14px!important;
    display:grid!important;grid-template-columns:44px 1fr auto!important;
    align-items:center!important;gap:8px!important;
    border-bottom:1px solid var(--fashion-line)!important;
    background:rgba(251,250,248,.97)!important;
    backdrop-filter:blur(12px);
  }
  .mobile-menu-toggle{display:flex;grid-column:1;grid-row:1}
  .shop-logo{grid-column:2;grid-row:1;justify-self:center;font-size:18px!important;letter-spacing:2.5px!important}
  .shop-navbar nav{
    display:none!important;position:absolute;left:0;right:0;top:64px;
    width:100%!important;margin:0!important;padding:12px 18px 18px!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;
    background:rgba(251,250,248,.98);border-bottom:1px solid var(--fashion-line);
    box-shadow:0 16px 30px rgba(29,27,25,.08);overflow:visible!important;
  }
  .shop-navbar.menu-open nav{display:flex!important}
  .shop-navbar nav a{padding:13px 2px!important;font-size:11px!important;letter-spacing:.12em!important;border-bottom:1px solid #eee9e3}
  .shop-navbar nav a:last-child{border-bottom:0}
  .shop-nav-actions{grid-column:3;grid-row:1;margin:0!important;gap:2px!important}
  .shop-nav-actions button,.shop-nav-actions a{width:32px!important;height:32px!important;font-size:17px!important}
  .shop-nav-actions button:first-child{display:none}
}

@media (max-width:480px){
  .products-grid,
  .home-products-section .products-grid,
  .collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .product-card{border:1px solid #ece7e1!important;border-radius:0!important;box-shadow:none!important}
  .product-card:hover{transform:none!important;box-shadow:none!important}
  .product-card-image-wrapper{aspect-ratio: .74!important}
  .product-info{padding:10px 9px!important}
  .product-category{font-size:8px!important;letter-spacing:.12em!important;margin-bottom:5px!important}
  .product-info h2{font-size:12px!important;line-height:1.3!important;margin:0 0 8px!important}
  .product-bottom{gap:4px!important;font-size:11px!important}
  .add-cart-btn{width:100%!important;min-height:34px!important;padding:7px 5px!important;font-size:8px!important;letter-spacing:.12em!important}
  .wishlist-btn{width:30px!important;height:30px!important;top:7px!important;right:7px!important;font-size:17px!important}
}