/* Orovella visual layer. Retains the existing functional Aurelia selectors. */
/* Orovella | Peyda WOFF2 from the font archive provided by the owner. */
@font-face {
  font-family: "OrovellaPeyda";
  src: url("../fonts/peyda/peyda-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "OrovellaPeyda";
  src: url("../fonts/peyda/peyda-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "OrovellaPeyda";
  src: url("../fonts/peyda/peyda-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  /* Unified typography on all 26 HTML pages; wordmark keeps its editorial Latin serif. */
  --asareh-font-primary: "OrovellaPeyda", Tahoma, Arial, sans-serif;
  --asareh-font-body: "OrovellaPeyda", Tahoma, Arial, sans-serif;
  --asareh-font-ui: "OrovellaPeyda", Tahoma, Arial, sans-serif;
  --asareh-font-display: "OrovellaPeyda", Tahoma, Arial, sans-serif;
  --asareh-font-serif: "OrovellaPeyda", Tahoma, Arial, sans-serif;

  --asareh-color-espresso-950:#160f0b;
  --asareh-color-espresso-900:#211711;
  --asareh-color-espresso-850:#2b1d14;
  --asareh-color-espresso-800:#3a281c;
  --asareh-color-espresso-700:#4d3525;
  --asareh-color-espresso-600:#624832;
  --asareh-color-bronze-700:#775635;
  --asareh-color-bronze-600:#947045;
  --asareh-color-bronze-500:#af8754;
  --asareh-color-bronze-400:#c5a075;
  --asareh-color-bronze-300:#d5b892;
  --asareh-color-champagne-500:#d6b88d;
  --asareh-color-champagne-400:#e5d0b1;
  --asareh-color-champagne-300:#edddc6;
  --asareh-color-champagne-200:#f2e8d9;
  --asareh-color-ivory-100:#f3e9dc;
  --asareh-color-ivory-50:#faf6ef;
  --asareh-text-dark:#2b2019;
  --asareh-text-body:#66594f;
  --asareh-text-light:#eee4d4;
  --asareh-bg-main:#f1e8dc;
  --asareh-bg-soft:#ebe0d1;
  --asareh-bg-warm:#e6d5bf;
  --asareh-bg-dark:#211711;
  --asareh-header-height:82px;
}
html {scroll-padding-top:82px}
body {background:var(--asareh-bg-main);text-rendering:optimizeLegibility}
a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible {outline:2px solid #c39a60;outline-offset:4px}
.orovella-skip-link { position:fixed;top:-100px;right:14px;z-index:20000;padding:10px 20px;background:#fff;color:#211711; }
.orovella-skip-link:focus {top:12px}
.asareh-header {border-color:rgba(247,224,196,.18);background:linear-gradient(180deg,rgba(30,20,14,.54),transparent)}
.asareh-header.is-sticky {background:rgba(33,23,17,.94)}
.asareh-header__logo-main,.asareh-footer__logo,.asareh-loader__brand {
  font-family:Georgia,'Times New Roman',serif;letter-spacing:.21em;font-weight:400;
}
.asareh-header__logo-main {font-size:clamp(22px,2.3vw,31px)}
.asareh-header__nav-link {letter-spacing:.035em}
.asareh-header__nav-link:hover,.asareh-mobile-menu__link:hover {color:var(--asareh-color-champagne-500)}
.asareh-hero {min-height: min(850px,100svh);background:#2e2017}
.asareh-hero__content {min-height:min(850px,100svh);padding-bottom:clamp(75px,8vw,135px);}
.asareh-hero__image {object-fit:cover;object-position:center 48%;}
.asareh-hero__overlay {background:
 linear-gradient(270deg,rgba(15,10,8,.78) 0%,rgba(20,11,8,.38) 37%,rgba(20,11,8,.08) 67%,rgba(20,11,8,.2) 100%),
 linear-gradient(0deg,rgba(10,6,4,.65),transparent 45%)}
.asareh-hero__content {align-items:flex-start}
.asareh-hero__title {font-size:clamp(47px,5.7vw,88px);line-height:1.14;letter-spacing:-.03em;max-width:700px;text-shadow:0 4px 20px rgba(0,0,0,.24)}
.asareh-hero__title span {font-style:normal;font-family:var(--asareh-font-primary);font-weight:300;color:#f6e8d5}
.asareh-hero__description {font-size:clamp(13px,1.2vw,16px);line-height:2.15;color:#f4e8d7;max-width:480px}
.asareh-hero .asareh-eyebrow {font-size:12px;color:#e4c597;letter-spacing:.1em}
.asareh-button {border-radius:2px;min-height:49px}
.asareh-button--light {background:#eee2d0;border-color:#eee2d0}
.asareh-button--ghost-light {border-color:rgba(241,216,185,.75)}
/* Reference layout: editorial sidebar next to a five-tile category gallery. */
.asareh-category-section {display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,5fr);padding:0;background:#1b130f;align-items:stretch}
.asareh-category-section__intro {width:auto;margin:0;padding:clamp(24px,3.4vw,58px) clamp(22px,2.6vw,48px);background:radial-gradient(circle at 80% 15%,#483126 0%,#221810 55%,#130e0b 100%);display:flex;flex-direction:column;justify-content:center}
.asareh-category-section__intro .asareh-section-title {font-size:clamp(22px,2.3vw,33px);line-height:1.5;font-weight:400}
.asareh-category-section .asareh-eyebrow {font-size:10px;letter-spacing:.1em}
.asareh-category-grid {grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0}
.asareh-category-card {min-height:clamp(270px,26vw,430px);border-color:rgba(255,255,255,.2)}
.asareh-category-card__overlay {background:linear-gradient(0deg,rgba(17,10,7,.7),rgba(17,10,7,.02) 68%)}
.asareh-category-card__content {right:16px;left:16px;bottom:20px}
.asareh-category-card__title {font-size:clamp(15px,1.4vw,22px)}
.orovella-category-quicklinks {display:flex;flex-direction:column;gap:0;margin-top:20px}
.orovella-category-quicklinks a {display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(238,212,173,.18);padding:10px 2px;font-size:12px;color:#ddcbb6;transition:color .2s}
.orovella-category-quicklinks a:hover {color:white}
.orovella-category-quicklinks a span {color:#b99a70}
.asareh-featured {background:#efe6d9}
.asareh-section-title {letter-spacing:-.015em}
.asareh-footer {background:#170f0b}
.asareh-footer__logo {color:#f4e9d9}
/* Keep product, help, customer, editorial and all interior pages in the same warm brand atmosphere. */
.asareh-body:not(.asareh-home-page) {background:var(--asareh-bg-main)}
.asareh-body:not(.asareh-home-page) .asareh-header {background:rgba(33,23,17,.95)}
.asareh-body:not(.asareh-home-page) .asareh-header.is-sticky {background:rgba(33,23,17,.97)}
@media(max-width:1100px){
 .asareh-category-section {grid-template-columns:1fr}
 .asareh-category-section__intro {padding:30px 35px}
 .asareh-category-grid {grid-template-columns:repeat(5,minmax(0,1fr))}
 .asareh-category-card {min-height:330px}
 .orovella-category-quicklinks {flex-direction:row;gap:14px;flex-wrap:wrap}
 .orovella-category-quicklinks a {padding:7px 0;font-size:11px}
}
@media(max-width:680px){
 :root {--asareh-header-height:70px}
 .asareh-hero,.asareh-hero__content {min-height:88svh}
 .asareh-hero__image {object-position:center 48%}
 .asareh-hero__overlay {background:linear-gradient(0deg,rgba(15,9,6,.86),rgba(20,11,7,.23) 85%)}
 .asareh-hero__title {font-size:clamp(36px,11vw,60px)}
 .asareh-hero__description {font-size:13px}
 .asareh-category-section__intro {padding:34px 22px}
 .asareh-category-section__intro .asareh-section-title {font-size:26px}
 .asareh-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#463429}
 .asareh-category-card {min-height:285px;background:#211711;border:0}
 .asareh-category-card:last-child {grid-column:span 2;min-height:270px}
 .orovella-category-quicklinks {display:none}
 .asareh-featured {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 html {scroll-behavior:auto!important}
 *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Stage 02 | Orovella collections overview. Scoped; existing Aurelia CSS remains intact. */
.orovella-collections-index{background:#f1e8dc;color:#261a13}
.orovella-collections-intro{position:relative;isolation:isolate;min-height:clamp(540px,72svh,850px);display:flex;align-items:center;overflow:hidden;background:#211711;color:#f5e8d7}
.orovella-collections-intro__media,.orovella-collections-intro__veil{position:absolute;inset:0;z-index:-1}
.orovella-collections-intro__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%}
.orovella-collections-intro__veil{background:linear-gradient(270deg,rgba(18,10,7,.88),rgba(20,11,8,.46) 57%,rgba(25,15,10,.1)),linear-gradient(0deg,rgba(20,11,8,.55),transparent 60%)}
.orovella-collections-intro__inner{width:min(1440px,100%);margin:auto;padding:145px clamp(24px,7vw,110px) 100px}
.orovella-collections-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#e0ccb3;margin-bottom:clamp(40px,7vh,75px)}
.orovella-collections-breadcrumb a{color:inherit;text-decoration:none}
.orovella-collections-overline{font:500 11px/1.8 Georgia,serif;letter-spacing:.25em;color:#b99a70;margin:0 0 16px;direction:ltr;text-align:right}
.orovella-collections-intro .orovella-collections-overline{color:#e5cba4}
.orovella-collections-intro h1{font-size:clamp(44px,6.3vw,100px);font-weight:300;line-height:1.25;letter-spacing:-.025em;max-width:750px;margin:0 0 24px;color:#fff8ef}
.orovella-collections-intro h1 em{font:normal clamp(54px,6.3vw,105px)/1.1 Georgia,serif;letter-spacing:.02em}
.orovella-collections-intro__description{max-width:490px;font-size:clamp(15px,1.3vw,18px);line-height:2.25;color:#f5e8d7;margin:0 0 38px}
.orovella-collections-explore{display:inline-flex;gap:22px;align-items:center;padding:13px 0;border-bottom:1px solid #c8a06f;color:#f9ebd9;font-size:13px}
.orovella-collections-explore:hover{color:#fff}
.orovella-collections-gallery{padding:clamp(60px,7vw,120px) clamp(18px,5vw,90px);max-width:1660px;margin:auto}
.orovella-collections-gallery__heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:clamp(32px,4vw,60px)}
.orovella-collections-gallery__heading h2{font-size:clamp(32px,4vw,62px);font-weight:400;line-height:1.25;margin:0}
.orovella-collections-gallery__heading>p{max-width:380px;color:#786658;font-size:14px;line-height:2}
.orovella-collections-gallery__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.orovella-collection-tile{position:relative;isolation:isolate;min-height:clamp(300px,34vw,520px);overflow:hidden;background:#38261c;grid-column:span 2;color:#fff;display:flex;align-items:flex-end;text-decoration:none}
.orovella-collection-tile:nth-child(4),.orovella-collection-tile:nth-child(5){grid-column:span 3;min-height:clamp(290px,31vw,480px)}
.orovella-collection-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease;z-index:-2}
.orovella-collection-tile:hover>img{transform:scale(1.055)}
.orovella-collection-tile__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,12,8,.86),transparent 67%)}
.orovella-collection-tile__body{display:grid;gap:7px;width:100%;padding:clamp(22px,3vw,45px);position:relative}
.orovella-collection-tile__en{color:#f0d6b2;font:11px Georgia,serif;letter-spacing:.24em;direction:ltr;text-align:right}
.orovella-collection-tile strong{font-size:clamp(27px,2.7vw,41px);font-weight:400;line-height:1.3}
.orovella-collection-tile small{font-size:12px;color:#ecddc8;line-height:1.9}
.orovella-collection-tile__arrow{position:absolute;bottom:clamp(24px,3vw,46px);left:clamp(22px,3vw,45px);font-size:27px;font-weight:300;color:#e8c49b}
.orovella-collections-editorial{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#211711;color:#f2e6d5}
.orovella-collections-editorial__image{min-height:440px;overflow:hidden}
.orovella-collections-editorial__image img{width:100%;height:100%;object-fit:cover;display:block}
.orovella-collections-editorial__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,6vw,100px)}
.orovella-collections-editorial h2{font-size:clamp(35px,4vw,65px);font-weight:300;line-height:1.45;margin:0 0 25px}
.orovella-collections-editorial__text>p:not(.orovella-collections-overline){font-size:15px;line-height:2.3;max-width:500px;color:#d9c6b0}
.orovella-collections-editorial__link{color:#f1d4ac;display:inline-flex;gap:22px;border-bottom:1px solid #b99a70;padding:14px 0;align-self:flex-start;margin-top:24px}
.asareh-product-card[hidden],.asareh-pagination[hidden]{display:none!important}
@media(max-width:850px){
 .orovella-collections-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .orovella-collection-tile,.orovella-collection-tile:nth-child(4),.orovella-collection-tile:nth-child(5){grid-column:span 1;min-height:390px}
 .orovella-collection-tile:last-child{grid-column:span 2}
 .orovella-collections-gallery__heading{align-items:flex-start;flex-direction:column;gap:10px}
 .orovella-collections-editorial{grid-template-columns:1fr}
 .orovella-collections-editorial__image{max-height:420px}
}
@media(max-width:520px){
 .orovella-collections-intro{min-height:85svh}
 .orovella-collections-intro__inner{padding:135px 25px 75px}
 .orovella-collections-intro__veil{background:linear-gradient(0deg,rgba(18,10,7,.9),rgba(18,10,7,.18) 85%)}
 .orovella-collections-intro h1{font-size:clamp(36px,11vw,53px)}
 .orovella-collections-intro h1 em{font-size:clamp(42px,11vw,61px)}
 .orovella-collections-gallery{padding:65px 12px}
 .orovella-collections-gallery__heading{padding:0 10px}
 .orovella-collections-gallery__grid{gap:9px}
 .orovella-collection-tile,.orovella-collection-tile:nth-child(4),.orovella-collection-tile:nth-child(5){min-height:260px}
 .orovella-collection-tile:last-child{min-height:280px}
 .orovella-collection-tile__body{padding:18px;gap:5px}
 .orovella-collection-tile strong{font-size:24px}
 .orovella-collection-tile small{font-size:10px}
 .orovella-collection-tile__arrow{bottom:20px;left:18px;font-size:21px}
 .orovella-collections-editorial__text{padding:54px 26px}
}
@media(prefers-reduced-motion:reduce){.orovella-collection-tile>img{transition:none!important}}

/* Keep the gemstone visible in narrow editorial tiles. */
.asareh-category-card:nth-child(4) .asareh-category-card__image{object-position:77% center}

/* Stage 03: preserve cart + favorites layout and prevent mobile overflow */
.asareh-cart-item[hidden],.asareh-wishlist-card[hidden],.asareh-product-gallery__thumbs[hidden]{display:none!important}
.orovella-cart-items{display:grid;gap:18px;min-width:0}
.orovella-cart-items .asareh-cart-item{min-width:0}
.orovella-cart-items .asareh-cart-item__content,.orovella-cart-items .asareh-cart-item__actions{min-width:0}
.orovella-cart-items .asareh-cart-item__title{overflow-wrap:anywhere}
.orovella-cart-items .asareh-cart-quantity__button,.asareh-wishlist-card__remove{min-width:44px;min-height:44px}
@media(max-width:680px){
 .orovella-cart-items{gap:14px}
 .orovella-cart-items .asareh-cart-item{width:100%;max-width:100%}
 .asareh-cart__container,.asareh-cart__content,.asareh-cart-summary{min-width:0}
 .asareh-wishlist-grid{min-width:0}
 .asareh-wishlist-card{min-width:0}
}

/* ================================================================
   OROVELLA R14 | Side drawer: crisp menu, blurred background ONLY
   Scoped to the existing mobile-menu + JS-created menu backdrop.
   No changes to site typography, catalog, admin or backend.
   ================================================================ */
body.asareh-body > .asareh-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 100090;
    background: rgba(17, 11, 8, .52);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    pointer-events: none;
}

body.asareh-body > .asareh-menu-backdrop.is-visible {
    pointer-events: auto;
}

/* The drawer is a sibling of the backdrop, never blurred by it. */
body.asareh-body > .asareh-mobile-menu {
    position: fixed;
    z-index: 100100;
    background: #160f0b;
    opacity: 1;
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    isolation: isolate;
}

body.asareh-body > .asareh-mobile-menu.is-open {
    visibility: visible;
    opacity: 1;
    filter: none;
    pointer-events: auto;
}

body.asareh-body > .asareh-mobile-menu.is-open .asareh-mobile-menu__link,
body.asareh-body > .asareh-mobile-menu.is-open .asareh-mobile-menu__header,
body.asareh-body > .asareh-mobile-menu.is-open .asareh-mobile-menu__footer {
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Fallback: when blur isn't supported, the backdrop remains dimmed. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.asareh-body > .asareh-menu-backdrop {
        background: rgba(17, 11, 8, .74);
    }
}

/* OROVELLA R15 — immediate first paint on slow/mobile connections.
   The full-screen splash is decorative, not a dependency for page rendering.
   Keep this AFTER the R14 mobile-menu layering rules. */
#asarehLoader { display:none!important; }
.asareh-body.is-loading:not(.is-menu-open):not(.is-search-open) { overflow:auto!important; }
/* Ensure the actual content stays usable if a late script or image request fails. */
.asareh-header, .asareh-page-enter,
.asareh-hero .asareh-eyebrow,
.asareh-hero .asareh-hero__title,
.asareh-hero .asareh-hero__title span,
.asareh-hero .asareh-hero__description,
.asareh-hero .asareh-hero__actions,
.asareh-hero .asareh-scroll-indicator {
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
@media (max-width:768px) {
  /* Avoid permanently promoting huge hero layers on memory-limited phones. */
  .asareh-hero__media, .asareh-hero__image { will-change:auto!important; }
  .asareh-hero__image { transform:none!important; transition:none!important; }
  html { scroll-behavior:auto!important; }
}