/*
Theme Name: Gentle Armure V2
Version: 2.2.0
Description: GENTLE ARMURE Fine Jewelry
Author: Luna
*/
/* GENTLE ARMURE - Next.js Exact Replica CSS v2 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap');

:root {
  --color-brand: #8B6F5E;
  --color-brand-light: #C4A882;
  --color-brand-dark: #5C4A3D;
  --color-bg: #FAF8F5;
  --color-bg-warm: #F5F0EB;
  --color-text: #3D3129;
  --color-text-light: #8A7E74;
  --color-text-muted: #B5ADA5;
  --color-border: #E8E2DB;
  --color-accent: #C9A87C;
}

*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--color-bg);color:var(--color-text);font-family:'Cormorant Garamond','Noto Sans SC','Noto Sans JP',serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* Page transitions */
main{animation:fadeIn .6s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--color-bg)}
::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}
::selection{background:var(--color-brand-light);color:#fff}

/* === NAVIGATION === */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(250,248,245,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.announcement-bar{background:#3D3129;color:#FAF8F5;text-align:center;padding:6px 16px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.nav-inner{max-width:1280px;margin:0 auto;padding:16px 16px;display:flex;align-items:center;justify-content:space-between;position:relative}
@media(min-width:768px){.nav-inner{padding:20px 24px}}
@media(min-width:1024px){.nav-inner{padding:20px 48px}}
.nav-border{height:0}

.nav-hamburger{display:block;padding:8px;margin-left:-8px;color:var(--color-text)}
@media(min-width:768px){.nav-hamburger{display:none}}

.nav-links-desktop{display:none;align-items:center;gap:24px;margin-left:16px}
@media(min-width:768px){.nav-links-desktop{display:flex}}

.nav-link{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-light);transition:color .3s;white-space:nowrap;position:relative}
.nav-link:hover{color:var(--color-text)}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:var(--color-brand);transition:all .3s;transform:translateX(-50%)}
.nav-link:hover::after{width:100%}

/* Logo */
.nav-logo{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}
.nav-logo-text{display:block;font-size:16px;letter-spacing:.25em;font-weight:300;color:var(--color-text)}
@media(min-width:768px){.nav-logo-text{font-size:18px}}
.nav-logo-sub{display:none;font-size:8px;letter-spacing:.25em;color:var(--color-text-muted);margin-top:2px;text-transform:uppercase}
@media(min-width:768px){.nav-logo-sub{display:block}}

/* Right side */
.nav-right{display:flex;align-items:center;gap:12px}
.nav-lang-desktop{display:none;align-items:center;gap:8px}
@media(min-width:768px){.nav-lang-desktop{display:flex}}
.nav-lang-btn{font-size:10px;letter-spacing:.05em;color:var(--color-text-muted);transition:color .3s;white-space:nowrap;padding:2px 0}
.nav-lang-btn.active{color:var(--color-text);font-weight:500}
.nav-lang-btn:hover{color:var(--color-text-light)}
.nav-lang-sep{color:var(--color-border);font-size:10px}

.nav-cart{position:relative;color:var(--color-text);padding:4px}
.nav-cart-count{position:absolute;top:-4px;right:-8px;background:var(--color-brand);color:#fff;font-size:9px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Dropdown */
.nav-dropdown{position:relative}
.nav-dropdown-btn{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-light);transition:color .3s;white-space:nowrap;display:flex;align-items:center;gap:4px;padding:0}
.nav-dropdown-btn:hover{color:var(--color-text)}
.nav-dropdown-menu{position:absolute;top:100%;left:0;padding-top:8px;opacity:0;visibility:hidden;transition:all .2s;z-index:50}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}
.nav-dropdown-inner{background:#fff;border:1px solid var(--color-border);box-shadow:0 4px 20px rgba(0,0,0,.05);padding:8px 0;min-width:220px}
.nav-dropdown-item{display:block;padding:12px 16px;transition:background .2s}
.nav-dropdown-item:hover{background:var(--color-bg)}
.nav-dropdown-item-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text)}
.nav-dropdown-item-desc{font-size:9px;color:var(--color-text-muted);margin-top:2px}

/* Spacer - accounts for fixed nav */
.nav-spacer{height:85px}
@media(min-width:768px){.nav-spacer{height:95px}}

/* === MOBILE MENU === */
.mobile-menu{position:fixed;inset:0;z-index:100;background:var(--color-bg);transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px;border-bottom:1px solid var(--color-border)}
.mobile-menu-close{padding:8px;color:var(--color-text)}
.mobile-menu-nav{flex:1;padding:32px 20px}
.mobile-menu-link{display:block;font-size:15px;letter-spacing:.1em;color:var(--color-text);padding:14px 0;border-bottom:1px solid var(--color-border);transition:color .2s}
.mobile-menu-link:hover{color:var(--color-brand)}
.mobile-menu-group{margin-top:24px;padding-top:8px}
.mobile-menu-group-title{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:16px;font-weight:500}
.mobile-menu-group-item{display:block;padding:12px 0;border-bottom:1px solid var(--color-border)}
.mobile-menu-group-item-title{font-size:13px;letter-spacing:.08em;color:var(--color-text)}
.mobile-menu-group-item-desc{font-size:10px;color:var(--color-text-muted);margin-top:3px}
.mobile-menu-lang{padding:24px 20px;border-top:1px solid var(--color-border)}
.mobile-menu-lang-title{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px}
.mobile-menu-lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mobile-menu-lang-btn{padding:10px;border:1px solid var(--color-border);font-size:12px;color:var(--color-text-light);text-align:center;transition:all .2s}
.mobile-menu-lang-btn.active{border-color:var(--color-text);color:var(--color-text);font-weight:500}
.mobile-menu-lang-btn:hover{border-color:var(--color-text-light)}
.mobile-menu-cart{padding:16px 20px;border-top:1px solid var(--color-border)}
.mobile-menu-cart-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:1px solid var(--color-text);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);transition:all .3s}
.mobile-menu-cart-btn:hover{background:var(--color-text);color:var(--color-bg)}

/* === HERO SECTION === */
.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative}
.hero-inner{max-width:600px}
.hero-sub{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:24px}
.hero-title{font-size:42px;font-weight:300;letter-spacing:.12em;color:var(--color-text);line-height:1.2;margin-bottom:24px}
@media(min-width:768px){.hero-title{font-size:56px;letter-spacing:.15em}}
.hero-separator{width:40px;height:1px;background:var(--color-brand-light);margin:0 auto 24px}
.hero-desc{font-size:14px;color:var(--color-text-light);line-height:1.9;letter-spacing:.02em;margin-bottom:40px}
.hero-btn{display:inline-block;padding:14px 40px;border:1px solid var(--color-text);color:var(--color-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:all .3s;font-family:'Cormorant Garamond',serif}
.hero-btn:hover{background:var(--color-text);color:var(--color-bg)}

/* === BUTTONS === */
.btn-primary{display:inline-block;padding:12px 32px;border:1px solid var(--color-text);color:var(--color-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:all .3s;font-family:'Cormorant Garamond',serif;background:transparent}
.btn-primary:hover{background:var(--color-text);color:var(--color-bg)}

/* === FEATURED / PRODUCTS SECTION === */
.section{padding:80px 24px}
@media(min-width:768px){.section{padding:100px 48px}}
.section-inner{max-width:1200px;margin:0 auto}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}
.section-title{font-size:28px;font-weight:300;letter-spacing:.08em;color:var(--color-text)}
@media(min-width:768px){.section-title{font-size:32px}}
.section-header a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-light);transition:color .3s;border-bottom:1px solid transparent}
.section-header a:hover{color:var(--color-text);border-color:var(--color-text)}

/* Product grid */
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(min-width:768px){.products-grid{grid-template-columns:repeat(4,1fr);gap:24px}}
.product-card{transition:transform .5s ease}
.product-card:hover{transform:translateY(-4px)}
.product-thumb{aspect-ratio:1;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;font-size:40px;border:1px solid var(--color-border);margin-bottom:12px;position:relative;overflow:hidden}
@media(min-width:768px){.product-thumb{font-size:48px}}
.product-name{font-size:13px;color:var(--color-text);letter-spacing:.03em}
.product-price{font-size:12px;color:var(--color-text-muted);margin-top:4px}

/* === COLLECTIONS === */
.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.collections-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.collection-card{border:1px solid var(--color-border);padding:32px 16px;text-align:center;background:#fff;transition:transform .5s ease,box-shadow .5s ease}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.collection-emoji{font-size:28px;margin-bottom:12px}
.collection-name{font-size:14px;letter-spacing:.08em;color:var(--color-text);margin-bottom:4px}
.collection-desc{font-size:10px;color:var(--color-text-muted);letter-spacing:.03em}

/* === NEWSLETTER === */
.newsletter{background:#3D3129;padding:80px 24px;text-align:center}
.newsletter-title{font-size:24px;font-weight:300;letter-spacing:.1em;color:#FAF8F5;margin-bottom:12px}
@media(min-width:768px){.newsletter-title{font-size:28px}}
.newsletter-desc{font-size:13px;color:#B5ADA5;margin-bottom:32px;letter-spacing:.03em}
.newsletter-form{max-width:480px;margin:0 auto;display:flex;gap:0}
.newsletter-input{flex:1;padding:14px 16px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#FAF8F5;font-size:13px;font-family:inherit;outline:none}
.newsletter-input::placeholder{color:rgba(255,255,255,.4)}
.newsletter-input:focus{border-color:var(--color-accent)}
.newsletter-btn{padding:14px 24px;background:var(--color-accent);color:#fff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--color-accent);transition:all .3s;font-family:'Cormorant Garamond',serif;white-space:nowrap}
.newsletter-btn:hover{background:var(--color-brand-light)}

/* === FOOTER === */
.site-footer{background:#3D3129;color:#FAF8F5;padding:64px 24px 32px}
@media(min-width:768px){.site-footer{padding:80px 48px 40px}}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:768px){.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}}
.footer-brand{font-size:14px;letter-spacing:.2em;font-weight:300;margin-bottom:16px}
.footer-brand-desc{font-size:12px;color:#B5ADA5;line-height:1.8}
.footer-col-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,248,245,.6);margin-bottom:20px;font-weight:500}
.footer-col a{display:block;font-size:13px;color:#B5ADA5;padding:5px 0;transition:color .3s;letter-spacing:.02em}
.footer-col a:hover{color:#FAF8F5}
.footer-social{display:flex;gap:16px;margin-top:12px}
.footer-social a{font-size:12px;color:#B5ADA5;transition:color .3s}
.footer-social a:hover{color:#FAF8F5}
.footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;align-items:center}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}
.footer-copyright{font-size:11px;color:rgba(250,248,245,.4)}
.footer-legal{display:flex;gap:16px}
.footer-legal a{font-size:11px;color:rgba(250,248,245,.4);transition:color .3s}
.footer-legal a:hover{color:#B5ADA5}

/* Image placeholder shimmer */
.img-placeholder{background:linear-gradient(110deg,#f0ebe5 8%,#f8f4ef 18%,#f0ebe5 33%);background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Elegant separator */
.elegant-separator{width:40px;height:1px;background:var(--color-brand-light);margin:0 auto}
/* Fix product cards in grid */
.products-grid a.product-card{display:block;text-decoration:none}
.products-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important}
@media(min-width:768px){.products-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px!important}}
.product-thumb{aspect-ratio:1!important;background:var(--color-bg-warm)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:40px!important;border:1px solid var(--color-border)!important;margin-bottom:12px!important}
@media(min-width:768px){.product-thumb{font-size:48px!important}}

/* Fix footer on mobile */
@media(max-width:767px){
.footer-inner{grid-template-columns:1fr!important;gap:32px!important}
.footer-col-title{margin-top:8px}
.footer-bottom{text-align:center}
}

/* Fix shop page grid */
.shop-grid a.product-card{display:block;text-decoration:none}
.shop-grid .product-img{aspect-ratio:1;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;font-size:48px;border:1px solid var(--color-border);margin-bottom:12px}

/* GA Account Nav Icon */
.nav-account {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--color-text, #3D3129);
  text-decoration: none;
  padding: 4px;
  transition: opacity .2s;
}
.nav-account:hover { opacity: .6; }
.nav-account-name {
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--color-text-light, #8A7E74);
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}