/* ARGANA 6.1 — UX Polish & Unified Experience */
:root{
  --ux-green:#173f2a;
  --ux-green-2:#245638;
  --ux-gold:#c69a45;
  --ux-cream:#fbf8f4;
  --ux-paper:#fffdf9;
  --ux-ink:#29271f;
  --ux-muted:#6f695e;
  --ux-line:#e8dfd0;
  --ux-shadow:0 18px 50px rgba(42,31,18,.09);
  --ux-radius:22px;
}

.ux-polished{font-size:clamp(15px,.18vw + 14.5px,17px);text-rendering:optimizeLegibility}
.ux-polished h1{font-size:clamp(2rem,4.4vw,3.45rem);line-height:1.18;letter-spacing:-.025em}
.ux-polished h2{font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.28}
.ux-polished h3{font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.35}
.ux-polished p,.ux-polished li{line-height:1.85}

/* Header hierarchy */
.ux-polished .header{transition:box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.ux-polished .header.ux-scrolled{box-shadow:0 12px 34px rgba(27,51,35,.08);border-color:color-mix(in srgb,var(--theme-accent,var(--ux-gold)) 28%,transparent)}
.ux-polished .nav a{position:relative;transition:color .18s ease,opacity .18s ease}
.ux-polished .nav a::after{content:"";position:absolute;inset-inline:18%;bottom:-7px;height:2px;background:var(--theme-accent,var(--ux-gold));border-radius:999px;transform:scaleX(0);transition:transform .2s ease}
.ux-polished .nav a:hover::after,.ux-polished .nav a:focus-visible::after,.ux-polished .nav a.active::after{transform:scaleX(1)}

/* Responsive rhythm */
.ux-polished .section{padding-block:clamp(38px,6vw,76px)}
.ux-polished .section-head{gap:18px;margin-bottom:clamp(18px,3vw,32px)}
.ux-polished .hero-copy p{font-size:clamp(1rem,1.4vw,1.17rem);max-width:62ch}
.ux-polished .btn{min-height:44px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease}
.ux-polished .btn:hover:not(:disabled){transform:translateY(-1px)}
.ux-polished .btn:active:not(:disabled){transform:translateY(0) scale(.985)}
.ux-polished .icon-btn{transition:transform .16s ease,background-color .16s ease}
.ux-polished .icon-btn:hover{transform:translateY(-1px)}

/* Product cards + visual feedback */
.ux-polished .product-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}
.ux-polished .product-card:hover{transform:translateY(-4px);box-shadow:var(--theme-shadow,var(--ux-shadow));border-color:color-mix(in srgb,var(--theme-accent,var(--ux-gold)) 38%,transparent)}
.ux-polished .product-image{position:relative;overflow:hidden}
.ux-polished .product-image::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.7) 46%,transparent 64%);transform:translateX(110%);pointer-events:none}
.ux-polished .product-card:not(.ux-image-ready) .product-image::before{animation:uxShimmer 1.15s ease-in-out infinite}
.ux-polished .product-image img{transition:transform .32s ease,opacity .22s ease}
.ux-polished .product-card:hover .product-image img{transform:scale(1.025)}
.ux-polished [data-add].ux-added{animation:uxAdded .42s ease}
.ux-polished #cartBtn.ux-cart-pulse,.ux-polished #mobileCartBtn.ux-cart-pulse{animation:uxCartPulse .42s ease}

/* Reveal motion */
.ux-polished .ux-reveal{opacity:0;transform:translateY(14px);transition:opacity .48s ease,transform .48s cubic-bezier(.22,.8,.28,1)}
.ux-polished .ux-reveal.ux-visible{opacity:1;transform:none}

/* Search experience */
.ux-polished .search{position:relative}
.ux-polished .search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,var(--ux-gold)) 18%,transparent);border-color:color-mix(in srgb,var(--theme-accent,var(--ux-gold)) 62%,transparent)}
.ux-search-assist{position:absolute;z-index:70;top:calc(100% + 9px);inset-inline:0;min-width:min(390px,86vw);background:var(--theme-surface,#fff);border:1px solid var(--theme-border,var(--ux-line));border-radius:18px;box-shadow:0 22px 50px rgba(29,39,31,.16);padding:8px;overflow:hidden;color:var(--theme-ink,var(--ux-ink))}
.ux-search-assist[hidden]{display:none}
.ux-search-meta{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;color:var(--theme-muted,var(--ux-muted));font-size:.86rem;border-bottom:1px solid var(--theme-border,#f0eadf)}
.ux-search-suggestions{display:grid;gap:3px;padding-top:5px}
.ux-search-suggestion{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;background:transparent;text-align:right;padding:10px 11px;border-radius:12px;color:var(--theme-ink,var(--ux-ink));font:inherit;cursor:pointer}
.ux-search-suggestion:hover,.ux-search-suggestion:focus-visible{background:var(--theme-bg-soft,#f7f2e9);outline:none}
.ux-search-suggestion small{color:var(--theme-muted,var(--ux-muted));white-space:nowrap}
.ux-search-empty{padding:12px;color:var(--theme-muted,var(--ux-muted));line-height:1.7}
.ux-search-empty b{display:block;color:var(--theme-primary,var(--ux-green));margin-bottom:3px}
.ux-polished #productsGrid.ux-searching .product-card{transition:opacity .18s ease,transform .18s ease}
.ux-polished #productsGrid .product-card[hidden]{display:none!important}
.ux-smart-empty{grid-column:1/-1;background:var(--theme-surface,var(--ux-paper));border:1px dashed var(--theme-border,#d8cbb7);border-radius:18px;padding:28px;text-align:center;color:var(--theme-muted,var(--ux-muted))}
.ux-smart-empty strong{display:block;color:var(--theme-primary,var(--ux-green));font-size:1.1rem;margin-bottom:6px}

/* Quote composition */
.ux-polished .quote-section .container{display:flex;justify-content:center}
.ux-polished .quote-card{width:min(920px,100%);padding:clamp(22px,4.3vw,46px);border-radius:26px;box-shadow:0 20px 55px rgba(55,37,18,.08)}
.ux-polished .quote-card blockquote{width:min(760px,100%);margin:clamp(18px,3vw,30px) auto 16px;padding:clamp(26px,5vw,52px) clamp(22px,5vw,56px);background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#eadfce);border-radius:22px;line-height:2.05;text-align:center;text-wrap:balance;font-size:clamp(1.22rem,2.3vw,1.72rem);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent,var(--ux-gold)) 7%,transparent)}
.ux-polished .quote-source{max-width:68ch;margin-inline:auto;text-align:center}
.ux-polished .quote-actions{justify-content:center}

/* Account save confirmation */
.ux-polished #accountStatus:not(:empty){position:sticky;top:82px;z-index:30;margin:0 0 18px;padding:12px 15px;border:1px solid #d9e6dc;border-radius:14px;background:#f4faf5;color:#234b31;box-shadow:0 10px 24px rgba(26,72,43,.08)}
.ux-polished #accountStatus.ux-status-loading{background:#fffaf0;border-color:#ead9b6;color:#745c2f}
.ux-polished #accountStatus.ux-status-error{background:#fff5f3;border-color:#efc9c1;color:#8c3027}
.ux-save-confirmation{display:inline-flex;align-items:center;gap:7px;margin-inline-start:10px;padding:7px 10px;border-radius:999px;background:#edf8ef;color:#245638;font-weight:700;font-size:.9rem;opacity:0;transform:translateY(3px);transition:.2s ease}
.ux-save-confirmation.ux-show{opacity:1;transform:none}
.ux-save-confirmation::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#245638;color:#fff;font-size:.75rem}
.ux-polished #profileForm .btn[aria-busy="true"]{filter:saturate(.65);cursor:progress}

/* Unified content pages: blog / guide / category / product */
.ux-content-page{background:var(--theme-bg,var(--ux-cream))!important;color:var(--theme-ink,var(--ux-ink))!important}
.ux-content-page .ux-content-header{background:var(--theme-header,rgba(255,253,249,.96));border-bottom:1px solid var(--theme-border,var(--ux-line));position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);color:var(--theme-primary,var(--ux-green))}
.ux-content-page .ux-content-header .header-inner{min-height:76px}
.ux-content-page .ux-content-header .brand img{width:auto;height:58px;object-fit:contain}
.ux-content-page .hero{padding:clamp(42px,7vw,78px) 0 clamp(24px,4vw,42px)!important;background:var(--theme-hero,radial-gradient(circle at 80% 0,rgba(198,154,69,.11),transparent 36%),var(--ux-cream))}
.ux-content-page .hero h1{color:var(--theme-primary,var(--ux-green))!important;max-width:20ch}
.ux-content-page .hero p{max-width:72ch!important;color:var(--theme-muted,#5f5a51)!important}
.ux-content-page .wrap{width:min(1120px,92vw)!important}
.ux-content-page .grid{gap:20px!important}
.ux-content-page .card,.ux-content-page .article,.ux-content-page .product,.ux-content-page .category-guide{background:var(--theme-surface,#fff)!important;color:var(--theme-ink,var(--ux-ink));border-color:var(--theme-border,var(--ux-line))!important;border-radius:22px!important;box-shadow:var(--theme-shadow,0 12px 36px rgba(49,36,20,.06))!important}
.ux-content-page .card{transition:transform .2s ease,box-shadow .2s ease}
.ux-content-page .card:hover{transform:translateY(-3px);box-shadow:var(--theme-shadow,var(--ux-shadow))!important}
.ux-content-page .article{padding:clamp(22px,4vw,42px)!important}
.ux-content-page .article h2,.ux-content-page .category-guide h2,.ux-content-page .card h2,.ux-content-page .card h3{color:var(--theme-primary,var(--ux-green))!important}
.ux-content-page .article p{max-width:72ch}
.ux-content-page .crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--theme-muted,var(--ux-muted))!important}
.ux-content-page .crumbs a{color:var(--theme-secondary,var(--ux-green-2))}
.ux-content-page .product-links a{background:var(--theme-bg-soft,#f5efe4)!important;color:var(--theme-primary,var(--ux-green))!important;transition:transform .16s ease,background .16s ease}
.ux-content-page .product-links a:hover{transform:translateY(-1px);filter:brightness(.98)}
.ux-content-page .notice{border:1px solid var(--theme-border,#eadfce);background:var(--theme-bg-soft,#f8f2e8)!important;color:var(--theme-ink,var(--ux-ink))}
.ux-content-footer{margin-top:54px;background:var(--theme-footer,#123621);color:#efe9df;border-top:0!important;padding:44px 0 26px!important}
.ux-content-footer a{color:#fff!important;text-decoration:none;opacity:.88}
.ux-content-footer a:hover{opacity:1}
.ux-content-footer .footer-inner{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:28px}
.ux-content-footer h4{margin:0 0 12px;color:#efd99f}
.ux-content-footer a{display:block;margin:7px 0}
.ux-content-footer .footer-logo img{height:74px;width:auto;opacity:.92}
.ux-content-footer .copyright{padding-top:26px;margin-top:28px;border-top:1px solid rgba(255,255,255,.13);font-size:.9rem;opacity:.75}
[data-audience=female] .ux-content-footer h4{color:#fff}
[data-audience=female] .ux-content-footer .footer-logo img{filter:none;background:#fcf7ff!important;border-radius:14px;padding:5px}

/* Mobile */
@media(max-width:760px){
  .ux-polished h1{font-size:clamp(1.85rem,9vw,2.65rem)}
  .ux-polished h2{font-size:clamp(1.42rem,6vw,1.9rem)}
  .ux-polished .section{padding-block:34px}
  .ux-polished .quote-card{padding:18px}
  .ux-polished .quote-card blockquote{padding:28px 20px;font-size:1.18rem;line-height:1.95}
  .ux-search-assist{position:fixed;top:auto;bottom:82px;inset-inline:12px;min-width:0;max-height:55vh;overflow:auto}
  .ux-content-page .ux-content-header .header-inner{min-height:68px}
  .ux-content-page .ux-content-header .brand img{height:50px}
  .ux-content-page .nav{display:none}
  .ux-content-page .nav.mobile-open{display:flex}
  .ux-content-page .audience-selector{order:2}
  .ux-content-footer .footer-inner{grid-template-columns:1fr 1fr}
  .ux-content-footer .footer-logo{grid-column:1/-1}
}

@media(prefers-reduced-motion:reduce){
  .ux-polished *,.ux-polished *::before,.ux-polished *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ux-polished .ux-reveal{opacity:1;transform:none}
}

@keyframes uxShimmer{to{transform:translateX(-110%)}}
@keyframes uxAdded{0%{transform:scale(1)}45%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes uxCartPulse{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}