/* =====================================================================
   ATELIER OF GEMS — Luxury Redesign  (Dramatic & Rich: Dark + Gold)
   ---------------------------------------------------------------------
   מבנה הקובץ:
   0. משתני מותג (צבעים, פונטים, ריווח)  ← כאן משנים הכול במקום אחד
   1. בסיס וטיפוגרפיה
   2. כותרת (Header) וניווט
   3. כפתורים
   4. כרטיסי מוצר + עמוד חנות
   5. עמוד מוצר בודד
   6. סקשנים / Hero / Elementor
   7. פוטר
   8. הפרדת מותגים (Atelier / Voga)
   9. רספונסיביות
   ---------------------------------------------------------------------
   טיפ: אם משהו לא נצבע, פתח Inspector (F12), מצא את ה-class המדויק
   של Alukas והוסף אותו ליד הסלקטור המתאים. הכול בנוי על משתנים.
   ===================================================================== */


/* === 0. משתני מותג ================================================= */
:root {
  /* צבעים — פלטה בהירה מינימליסטית (בהשראת Messika) */
  --aog-bg:            #FFFFFF;   /* לבן נקי */
  --aog-bg-alt:        #F7F3EC;   /* קרם/חול לסקשנים מתחלפים */
  --aog-surface:       #FFFFFF;   /* כרטיסים / משטחים */
  --aog-line:          #E8E2D7;   /* קווי הפרדה עדינים וחמים */

  --aog-gold:          #A98328;   /* זהב עמוק שקריא על רקע לבן */
  --aog-gold-soft:     #C9A227;   /* זהב בהיר ל-hover */
  --aog-gold-deep:     #7E6118;   /* זהב כהה */

  --aog-text:          #1A1A1A;   /* טקסט ראשי כמעט-שחור */
  --aog-text-muted:    #6E6A62;   /* טקסט משני (אפור חם) */

  /* גוונים משניים להפרדת מותגים */
  --aog-emerald:       #1E5E47;   /* Atelier — אבני חן  ⚠️ זמני! נאור ישלח מספר צבע מדויק → להחליף כאן */
  --aog-champagne:     #A98328;   /* Voga — יוקרה */

  /* גווני מתכת לבוחר 14KT/18KT */
  --aog-gold-yellow:   #E6C200;   /* זהב צהוב */
  --aog-gold-rose:     #E0A899;   /* זהב רוז */
  --aog-gold-white:    #C9C9C9;   /* זהב לבן */

  /* טיפוגרפיה */
  /* טיפוגרפיה כמו Messika — פונט גאומטרי אחד (Futura PT) לכל האתר.
     Jost = שחזור חופשי ומדויק של Futura ב-Google Fonts (נטען בפועל);
     אם מותקן Futura PT מורשה הוא יתפוס ראשון. Heebo = גיבוי לעברית בלבד. */
  --aog-font-display:  "Futura PT", "Jost", "Heebo", Arial, Helvetica, sans-serif; /* כותרות */
  --aog-font-body:     "Futura PT", "Jost", "Heebo", Arial, Helvetica, sans-serif; /* גוף */

  /* ריווח — אוויר נדיב אך מצומצם (~25% פחות) לקצב קריאה הדוק יותר */
  --aog-space-section: clamp(56px, 8vw, 118px);
  --aog-radius:        0px;       /* פינות ישרות = מינימליסטי וחד */
  --aog-maxw:          1340px;
}


/* === 1. בסיס וטיפוגרפיה ============================================ */
body,
body.woocommerce,
body.theme-alukas {
  background-color: var(--aog-bg) !important;
  color: var(--aog-text);
  font-family: var(--aog-font-body);
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5,
.elementor-heading-title,
.product_title,
.woocommerce-loop-product__title {
  font-family: var(--aog-font-display);
  /* בלי color כפוי כאן: כותרות יורשות את צבע ההקשר —
     כהה על סקשנים בהירים, לבן על סקשנים כהים/תמונה.
     ובלי !important על הפונט — כדי שכותרות עם פונט מעובה (Oswald/Heebo)
     יקבלו את הפונט הנכון שלהן (hero, קמפיין, "הצורה של המודרני"). */
  font-weight: 400;            /* קל ואלגנטי — סגנון מגזין יוקרה */
  letter-spacing: .005em;
  line-height: 1.15;
}
/* ברירת-מחדל בטוחה: בעמודי תוכן רגילים כותרות נשארות כהות (יורשות מ-body) */

/* כותרת-על קטנה מעל כותרות ראשיות (אופציונלי, מוסיף יוקרה) */
.aog-eyebrow {
  font-family: var(--aog-font-body);
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--aog-gold);
  font-weight: 500;
}

a { color: var(--aog-gold); transition: color .25s ease; }
a:hover { color: var(--aog-gold-soft); }

/* קו מפריד זהוב דקורטיבי */
.aog-divider {
  width: 64px; height: 1px;
  background: var(--aog-gold);
  margin: 24px auto;
  border: 0;
}

::selection { background: var(--aog-gold); color: #000; }


/* === 2. כותרת (Header) וניווט ===================================== */
.site-header,
header.header,
.alukas-header,
.elementor-location-header {
  background-color: rgba(255, 255, 255, .82) !important;
  border-bottom: 1px solid var(--aog-line);
}
/* Glass blur lives on a pseudo-element, NOT on the header itself, so the header
   does NOT create a containing block for the fixed off-canvas drawer. */
.aog-header::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}

.site-header a,
.main-navigation a,
.alukas-header a,
header .menu a {
  color: var(--aog-text) !important;
  font-family: var(--aog-font-body);
  font-weight: 400;
  letter-spacing: .04em;
}

.main-navigation a:hover,
header .menu a:hover,
.current-menu-item > a {
  color: var(--aog-gold) !important;
}

/* תפריט נפתח (mega/dropdown) על רקע כהה */
.sub-menu,
.elementor-nav-menu .sub-menu,
.mega-menu {
  background-color: var(--aog-surface) !important;
  border: 1px solid var(--aog-line) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.5) !important;
}

/* אייקונים (עגלה, חיפוש, חשבון) — ה-SVG חייב לרשת את צבע הכפתור (currentColor),
   שמוגדר נכון לכל מצב/עולם. כפיית --aog-text כאן הסתירה את האייקונים בהדר הכהה
   של Voga (טקסט כהה על רקע כהה). שאר הסלקטורים הם של Alukas הישן. */
.site-header svg { color: inherit !important; }
.header-icons i,
.cart-contents,
.alukas-header .icon { color: var(--aog-text) !important; }


/* === 2b. Alukas-specific (פריימוורק pls-) — selectors אמיתיים ====
   נסרק מה-HTML החי. כאן צובעים את עוטפי הרקע וה-header של Alukas,
   שגוברים על רקע ה-<body>. */

/* רקעי העוטפים → כהה */
#page.pls-site-wrapper,
.pls-site-wrapper,
#main-content,
.pls-site-content,
.pls-content-area,
.pls-catalog-page,
body.pls-skin-light { background-color: var(--aog-bg) !important; }

/* Header */
#header.pls-site-header,
.pls-site-header,
.header-sticky.is-sticky,
.pls-site-header.is-sticky {
  background-color: rgba(14,14,14,.96) !important;
  border-bottom: 1px solid var(--aog-line) !important;
}
.pls-site-header a, #header a { color: var(--aog-text) !important; }
.pls-site-header a:hover, #header a:hover,
.pls-site-header .current-menu-item > a { color: var(--aog-gold) !important; }
.pls-site-header svg, #header svg, #header i, #header .pls-icon {
  color: var(--aog-text) !important; fill: var(--aog-text) !important;
}

/* רצועת כותרת העמוד (הבאנר האפור עם שם הקטגוריה) */
#page-title.pls-page-title,
.pls-page-title { background-color: var(--aog-bg-alt) !important; }
.pls-page-title, .pls-page-title * { color: var(--aog-text) !important; }
.pls-page-title a:hover { color: var(--aog-gold) !important; }

/* Footer של Alukas */
.pls-site-footer { background-color: #0A0A0A !important; border-top: 1px solid var(--aog-line); }
.pls-site-footer, .pls-site-footer a { color: var(--aog-text-muted) !important; }
.pls-site-footer a:hover { color: var(--aog-gold) !important; }
.pls-site-footer .widget-title, .pls-site-footer h3, .pls-site-footer h4 { color: var(--aog-text) !important; }


/* === 3. כפתורים — אחיד + שקוף (לפי הנחיית הישיבה) ================= */
/* סגנון אחד לכל האתר: רקע שקוף, מסגרת זהב דקה, טקסט זהב.
   ב-hover מילוי עדין נשטף (האנימציה בקובץ animations.css). */
/* שים לב: לא מעצבים תג <button> חשוף כדי לא לחטוף בוררי כמות,
   כפתור המבורגר וכו'. רק כפתורים "אמיתיים" לפי class. */
.button,
input[type="submit"],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.single_add_to_cart_button,
.elementor-button {
  background: transparent !important;
  color: var(--aog-text) !important;
  border: 1px solid var(--aog-text) !important;
  border-radius: 0 !important;
  font-family: var(--aog-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  font-size: 12px !important;
  padding: 17px 42px !important;
  transition: color .4s ease, background-color .4s ease, border-color .4s ease !important;
  box-shadow: none !important;
}

/* hover: היפוך מלא (מילוי כהה, טקסט בהיר) — סגנון מותגי יוקרה */
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover,
.elementor-button:hover {
  background: var(--aog-text) !important;
  color: var(--aog-bg) !important;
  border-color: var(--aog-text) !important;
}

/* כפתור CTA ראשי — מלא מההתחלה; ב-hover עובר לזהב */
.aog-btn-fill, .button.aog-btn-fill {
  background: var(--aog-text) !important;
  color: var(--aog-bg) !important;
  border-color: var(--aog-text) !important;
}
.aog-btn-fill:hover, .button.aog-btn-fill:hover {
  background: var(--aog-gold) !important;
  color: #fff !important;
  border-color: var(--aog-gold) !important;
}


/* === 4. כרטיסי מוצר + עמוד חנות =================================== */
.woocommerce ul.products li.product,
.products .product,
.product-grid-item {
  background: var(--aog-surface);
  border: 1px solid var(--aog-line);
  border-radius: var(--aog-radius);
  padding: 0 0 22px;
  overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.woocommerce ul.products li.product:hover,
.products .product:hover {
  transform: translateY(-6px);
  border-color: var(--aog-gold);
  box-shadow: 0 18px 44px rgba(26,26,26,.10);
}

/* תמונת מוצר */
.woocommerce ul.products li.product img,
.product-grid-item img {
  border-radius: 0;
  margin-bottom: 18px;
}

/* שם מוצר */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product-grid-item h2,
.product-grid-item h3 {
  font-size: 18px !important;
  font-weight: 500;
  padding: 0 18px;
  margin-bottom: 6px;
  color: var(--aog-text) !important;
}

/* מחיר */
.woocommerce ul.products li.product .price,
.product-grid-item .price {
  color: var(--aog-accent, var(--aog-text)) !important;
  font-family: var(--aog-font-body);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .04em;
  padding: 0 18px;
}
.woocommerce ul.products li.product .price del { color: var(--aog-text-muted) !important; opacity:.6; }

/* באדג'ים (מבצע / חדש) */
.woocommerce span.onsale,
.product .badge {
  background: var(--aog-emerald) !important;
  color: #fff !important;
  border-radius: var(--aog-radius);
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 6px 12px;
  min-height: 0; min-width: 0;
  line-height: 1;
}

/* סרגל מיון / כותרת ארכיון */
.woocommerce-ordering select,
.orderby {
  background: var(--aog-surface) !important;
  color: var(--aog-text) !important;
  border: 1px solid var(--aog-line) !important;
  border-radius: var(--aog-radius);
  padding: 10px 14px;
}
.woocommerce-result-count { color: var(--aog-text-muted); }

/* כותרת קטגוריה */
.woocommerce-products-header__title,
.page-title {
  font-family: var(--aog-font-display) !important;
  color: var(--aog-text);
  text-align: center;
  font-size: clamp(30px, 4vw, 52px);
  padding-top: 40px;
}

/* סרגל צד / פילטרים */
.widget, .woocommerce .widget {
  background: var(--aog-bg-alt);
  border: 1px solid var(--aog-line);
  border-radius: var(--aog-radius);
  padding: 22px;
  color: var(--aog-text);
}
.widget-title { color: var(--aog-gold) !important; font-family: var(--aog-font-display) !important; }


/* === 5. עמוד מוצר בודד ============================================ */
.single-product div.product .product_title {
  font-size: clamp(28px, 3.5vw, 46px);
  margin-bottom: 12px;
}

.single-product div.product .price,
.single-product .woocommerce-Price-amount {
  color: var(--aog-accent, var(--aog-text)) !important;
  font-family: var(--aog-font-body);
  font-size: clamp(18px,1.7vw,21px);
  font-weight: 400;
  letter-spacing: .03em;
}

/* גלריית תמונות — מסגרת עדינה */
.single-product .woocommerce-product-gallery {
  border: 1px solid var(--aog-line);
  background: #fff; /* תכשיטים נראים מצוין על לבן בתוך מסגרת כהה */
  border-radius: var(--aog-radius);
}

/* טאבים של תיאור */
.woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aog-line) !important;
}
.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li:hover {
  border-bottom: 2px solid var(--aog-gold) !important;
}
.woocommerce-tabs ul.tabs li a {
  color: var(--aog-text) !important;
  font-family: var(--aog-font-display) !important;
  letter-spacing: .03em;
}
.woocommerce-Tabs-panel { color: var(--aog-text-muted); }

/* בורר וריאציות (צבע זהב/כסף) */
.variations select,
.woo-variation-swatches .variable-item {
  background: var(--aog-surface) !important;
  border: 1px solid var(--aog-line) !important;
  color: var(--aog-text) !important;
}
.woo-variation-swatches .variable-item.selected,
.woo-variation-swatches .variable-item:hover {
  border-color: var(--aog-accent, var(--aog-gold)) !important;
  box-shadow: 0 0 0 1px var(--aog-accent, var(--aog-gold)) !important;
}

/* CTA וואטסאפ מתחת לכפתור הוספה לסל */
.aog-wa-cta {
  display:flex; align-items:center; gap:10px;
  margin-top:16px; padding:14px 18px;
  border:1px solid var(--aog-line); border-radius:var(--aog-radius);
  color:var(--aog-text-muted) !important; font-size:13px; letter-spacing:.02em;
  transition: border-color .3s ease, color .3s ease;
}
.aog-wa-cta:hover { border-color:#25D366; color:#25D366 !important; }
.aog-wa-cta svg { color:#25D366; flex:0 0 auto; }

/* שורת אמון (אפשר להוסיף ב-Elementor מתחת לכפתור) */
.aog-trust {
  display:flex; gap:24px; flex-wrap:wrap;
  border-top:1px solid var(--aog-line);
  margin-top:28px; padding-top:22px;
  color: var(--aog-text-muted); font-size:13px; letter-spacing:.05em;
}
.aog-trust span { display:flex; align-items:center; gap:8px; }
.aog-trust span::before { content:""; width:6px; height:6px; background:var(--aog-gold); border-radius:50%; }


/* === 5b. בוחר מתכת 14KT / 18KT (עיגולי זהב צהוב/רוז/לבן) =========
   במקום "Silver / Yellow" בטקסט. דורש הגדרת התכונה כ-swatch מסוג
   "color/button" בתוסף Variation Swatches (מוסבר במדריך).
   ה-class על העיגול מגיע מערך התכונה — התאם לפי שמות הוריאציות שלך. */
.woo-variation-swatches .variable-items-wrapper .variable-item {
  width: 30px; height: 30px; border-radius: 50%;
  border: 1px solid var(--aog-line) !important;
  position: relative; box-shadow: none !important;
}
.woo-variation-swatches .variable-item[data-value*="yellow"],
.woo-variation-swatches .variable-item[title*="צהוב"] { background: var(--aog-gold-yellow) !important; }
.woo-variation-swatches .variable-item[data-value*="rose"],
.woo-variation-swatches .variable-item[title*="רוז"]  { background: var(--aog-gold-rose) !important; }
.woo-variation-swatches .variable-item[data-value*="white"],
.woo-variation-swatches .variable-item[title*="לבן"]  { background: var(--aog-gold-white) !important; }

.woo-variation-swatches .variable-item.selected {
  outline: 1.5px solid var(--aog-accent, var(--aog-gold)); outline-offset: 3px;
}
/* תווית הקראט מתחת לעיגול (14KT / 18KT) */
.aog-karat-label { display:block; text-align:center; font-size:11px; letter-spacing:.08em;
  color: var(--aog-text-muted); margin-top:6px; }


/* === 6. סקשנים / Hero / Elementor ================================= */
.elementor-section,
section.elementor-section {
  /* אל תכפה רקע על כל סקשן — רק רווח גלובלי */
}

/* רקע משני לסקשנים מתחלפים — הוסף class "aog-section-alt" ב-Elementor */
.aog-section-alt { background: var(--aog-bg-alt) !important; }

/* כיסוי כהה ל-Hero כדי שטקסט לבן יהיה קריא מעל תמונה */
.aog-hero-overlay::before {
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.65));
  z-index:0;
}
.aog-hero-overlay > .elementor-container { position:relative; z-index:1; }

/* כרטיסי קטגוריה בדף הבית */
.category-card, .aog-cat-card {
  position: relative; overflow: hidden; border-radius: var(--aog-radius);
}
.category-card img, .aog-cat-card img { transition: transform .8s ease; }
.category-card:hover img, .aog-cat-card:hover img { transform: scale(1.06); }

/* טסטמוניאלס */
.testimonial, .elementor-testimonial {
  background: var(--aog-surface);
  border: 1px solid var(--aog-line);
  border-radius: var(--aog-radius);
  padding: 32px;
  color: var(--aog-text);
}
.testimonial .name, .elementor-testimonial__name { color: var(--aog-gold); font-family: var(--aog-font-display); }

/* ניוזלטר */
input[type="email"], input[type="text"], input[type="search"], textarea {
  background: var(--aog-surface) !important;
  border: 1px solid var(--aog-line) !important;
  color: var(--aog-text) !important;
  border-radius: var(--aog-radius) !important;
  padding: 14px 16px !important;
}
input::placeholder, textarea::placeholder { color: var(--aog-text-muted) !important; }
input:focus, textarea:focus { border-color: var(--aog-gold) !important; outline: none !important; }


/* === 7. פוטר ===================================================== */
footer, .site-footer, .elementor-location-footer {
  background: var(--aog-bg-alt) !important;
  border-top: 1px solid var(--aog-line);
  color: var(--aog-text-muted);
  padding-top: 56px;
}
footer a, .site-footer a { color: var(--aog-text-muted) !important; }
footer a:hover, .site-footer a:hover { color: var(--aog-gold) !important; }
footer h3, footer h4, .site-footer .widget-title {
  color: var(--aog-text) !important;
  font-family: var(--aog-font-display) !important;
  letter-spacing: .04em;
}


/* === 8. שני עולמות מותג (Atelier / Voga) ========================== */
/* כל מוצר/עמוד מקבל class על ה-<body>:
   - "brand-atelier"  → עולם התכשיטים (אמרלד + זהב, אומנותי וחם)
   - "brand-voga"     → עולם היוקרה (שחור + שמפניה, אופנתי וחד)
   איך מוסיפים? מוסבר במדריך ההתקנה (פילטר body_class לפי קטגוריה
   או class ידני ב-Elementor לכל תבנית). שני העולמות חולקים מבנה
   אחד — כך נשמרת האחדות — אבל מרגישים שונה לגמרי. */

/* ---- עולם ATELIER: אומנותי, קלאסי, חמים ---- */
body.brand-atelier {
  --aog-bg:        #FFFFFF;   /* בהיר ואוורירי — עולם Atelier */
  --aog-bg-alt:    #F4F6F3;   /* קרם עם נגיעת ירוק עדינה מאוד */
  --aog-surface:   #FFFFFF;
  --aog-line:      #E4E8E2;
  --aog-gold:      #A98328;
  --aog-gold-soft: #C9A227;
  --aog-text:      #15201A;   /* כמעט-שחור עם נגיעת ירוק */
}
body.brand-atelier h1, body.brand-atelier h2,
body.brand-atelier .product_title {
  font-weight: 400;            /* רך יותר, קלאסי */
  letter-spacing: .015em;
}
body.brand-atelier .woocommerce ul.products li.product:hover {
  border-color: var(--aog-emerald);
}
/* אקסנט אומנותי: קו זהב דק מתחת לכותרות — רק כותרות Elementor מעוצבות
   (לא כל h2 באתר, כדי לא לצייר קווים מתחת לכותרות מבניות כמו
   "מוצרים קשורים" / כותרות וידג'טים). */
body.brand-atelier .elementor-widget-heading .elementor-heading-title::after {
  content:""; display:block; width:48px; height:1px;
  background:var(--aog-gold); margin:14px auto 0;
}

/* ---- עולם VOGA: אופנתי, חד, עריכתי ---- */
body.brand-voga {
  --aog-bg:        #0A0A0A;   /* שחור עמוק — עולם Voga העריכתי (בהשראת Djula) */
  --aog-bg-alt:    #121212;
  --aog-surface:   #181818;
  --aog-line:      #2C2C2C;
  --aog-gold:      #CDB489;   /* שמפניה/פלטינה */
  --aog-gold-soft: #E6D4AE;
  --aog-text:      #F6F4F0;
  --aog-text-muted:#A29C92;   /* אפור בהיר קריא על שחור */
}
body.brand-voga h1, body.brand-voga h2,
body.brand-voga .product_title {
  font-weight: 600;            /* חד, בולט */
  letter-spacing: .04em;
  text-transform: uppercase;   /* תחושת בית-אופנה */
}
body.brand-voga .button,
body.brand-voga .single_add_to_cart_button {
  letter-spacing: .14em !important; /* מרווח אופנתי */
}
/* כרטיס מוצר אופנתי — ללא מסגרת, קו תחתון בלבד */
body.brand-voga .woocommerce ul.products li.product {
  border: 0; border-bottom: 1px solid var(--aog-line);
  background: transparent;
}
body.brand-voga .woocommerce ul.products li.product:hover {
  transform: translateY(-8px); box-shadow: none; border-color: var(--aog-gold);
}

/* תגית מותג קטנה (להצבה בראש כל עולם) */
.aog-brandtag {
  display:inline-block; font-size:11px; letter-spacing:.25em;
  text-transform:uppercase; color:var(--aog-gold);
  border:1px solid var(--aog-gold); padding:4px 12px; border-radius:var(--aog-radius);
}

/* === 8b. תמיכה דו-לשונית (עברית / אנגלית) ======================== */
/* עברית → Frank Ruhl Libre | אנגלית/לטינית → Cormorant Garamond.
   הוסף [lang="en"] לאלמנט (או עטוף טקסט אנגלי ב-<span lang="en">)
   כדי לקבל את הסריף הלטיני האלגנטי. */
[lang="en"] h1, [lang="en"] h2, [lang="en"] h3,
.aog-en, .aog-en h1, .aog-en h2, .aog-en h3 {
  font-family: var(--aog-font-display) !important; /* Futura PT / Jost — כמו Messika */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .03em;
}
/* מספרים/מחירים תמיד בספרות לטיניות נקיות */
.price, .woocommerce-Price-amount { font-feature-settings: "tnum"; direction: ltr; unicode-bidi: isolate; }


/* === 8c. שער "שני עולמות" + מעבר Atelier↔Voga ==================== */
/* סקשן גשר בדף הבית. שתי חצאיות: Atelier ו-Voga, עם מעבר רך ביניהן.
   משמש גם כפתרון ל"מעבר הלא-רצוף" — נקודת חיבור ברורה בין העולמות.
   ה-HTML מגיע מתבנית ה-Elementor: aog-home-two-worlds.json */
.aog-worlds { display:flex; min-height:72vh; }
.aog-world {
  position:relative; flex:1; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition: flex .6s cubic-bezier(.7,0,.2,1);
}
.aog-world::before {
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.7));
  transition: background .5s ease;
}
.aog-world > * { position:relative; z-index:2; text-align:center; }
.aog-world img.aog-world__bg {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0; transition: transform 1.2s cubic-bezier(.2,.7,.2,1);
}
/* hover: העולם מתרחב ומתבהר, השני מצטמצם — מעבר חי בין השניים */
.aog-worlds:hover .aog-world { flex:.8; }
.aog-worlds .aog-world:hover { flex:1.6; }
.aog-world:hover::before { background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.5)); }
.aog-world:hover img.aog-world__bg { transform:scale(1.08); }

.aog-world--atelier { --aog-accent: var(--aog-emerald); }
.aog-world--voga    { --aog-accent: var(--aog-champagne); }
.aog-world__title { font-family:var(--aog-font-display); color:#fff; font-size:clamp(30px,4vw,56px); margin:0 0 6px; }
.aog-world__sub   { color:rgba(255,255,255,.8); letter-spacing:.12em; text-transform:uppercase; font-size:13px; }
.aog-world__line  { width:0; height:2px; background:var(--aog-accent); margin:18px auto; transition:width .5s ease; }
.aog-world:hover .aog-world__line { width:80px; }

/* פס מעבר זהוב דק בין שני העולמות (גשר ויזואלי) */
.aog-worlds-bridge {
  height:1px; background:linear-gradient(90deg, transparent, var(--aog-gold), transparent);
  margin:0;
}


/* === 8d. עמוד הבית של VOGA (רשת קטגוריות עריכתית) ================
   רכיב לעמוד הנחיתה של Voga. סגנון אופנתי: שחור, שמפניה, uppercase,
   תמונות גדולות עם zoom רך וכיסוי שמתבהר. ה-HTML מגיע מתבנית
   aog-voga-home.json. */
.aog-voga-hero__statement {
  max-width:760px; margin:0 auto; text-align:center;
  color:var(--aog-text); font-family:var(--aog-font-display);
  font-size:clamp(22px,3vw,38px); line-height:1.35; letter-spacing:.02em;
}
.aog-voga-hero__statement .aog-em { color:var(--aog-champagne); }

.aog-voga-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
  background:var(--aog-line);
}
.aog-voga-card {
  position:relative; overflow:hidden; min-height:62vh;
  display:flex; align-items:flex-end; justify-content:flex-start;
  background:#0A0A0A;
}
.aog-voga-card img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  z-index:0; filter:grayscale(.15) contrast(1.02);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1), filter .6s ease;
}
.aog-voga-card::before {
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(10,10,10,0) 30%, rgba(10,10,10,.85) 100%);
  transition:background .5s ease;
}
.aog-voga-card:hover img { transform:scale(1.08); filter:grayscale(0) contrast(1.05); }
.aog-voga-card:hover::before { background:linear-gradient(180deg, rgba(10,10,10,0) 10%, rgba(10,10,10,.7) 100%); }

.aog-voga-card__body { position:relative; z-index:2; padding:34px; }
.aog-voga-card__kicker {
  display:block; color:var(--aog-champagne); font-size:11px;
  letter-spacing:.28em; text-transform:uppercase; margin-bottom:8px;
}
.aog-voga-card__title {
  color:#fff; font-family:var(--aog-font-display); font-weight:600;
  text-transform:uppercase; letter-spacing:.05em;
  font-size:clamp(22px,2.4vw,34px); margin:0;
}
.aog-voga-card__cta {
  display:inline-flex; align-items:center; gap:8px; margin-top:14px;
  color:#fff; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
}
.aog-voga-card__cta::after {
  content:"→"; transition:transform .35s ease; display:inline-block;
}
[dir="rtl"] .aog-voga-card__cta::after { content:"←"; }
.aog-voga-card:hover .aog-voga-card__cta::after { transform:translateX(-6px); }
[dir="rtl"] .aog-voga-card:hover .aog-voga-card__cta::after { transform:translateX(6px); }
.aog-voga-card:hover .aog-voga-card__cta { color:var(--aog-champagne); }


/* === 8e. גלריית גלילה אוטומטית (אומנים/ראפרים/סלבס) =============
   Marquee אינסופי, ללא JS. שכפל את הילדים פעמיים בתוך .aog-marquee__track
   כדי שהלולאה תהיה רציפה. כותרת מומלצת: "Artist Collaborations". */
.aog-collab { padding:var(--aog-space-section) 0; overflow:hidden; }
.aog-collab__head { text-align:center; margin-bottom:48px; }
.aog-collab__kicker { color:var(--aog-gold); letter-spacing:.28em; text-transform:uppercase; font-size:12px; }
.aog-collab__title { font-family:var(--aog-font-display); color:var(--aog-text); font-size:clamp(28px,3.5vw,48px); margin:8px 0 6px; }
.aog-collab__tag { color:var(--aog-text-muted); font-style:italic; font-family:"Cormorant Garamond",serif; font-size:20px; }

/* NOTE: the legacy IMAGE marquee (artist-collab, .aog-marquee__item as a
   280px × 3/4 picture box) was removed here — it was deprecated and its
   `aspect-ratio:3/4` / `width:280px` leaked onto the new TEXT marquee in
   section 19b, stretching that thin strip to ~405px of dead space. The
   active marquee is the text strip defined in section 19b only. */

/* === 8f. "Our Couples" + לקוחות מספרים (מאוחד) ==================
   לפי הנחיית הישיבה: להוריד את שם הלקוח מהטסטמוניאל ולהצמיד אותו
   לתמונת הזוג. כל פריט = תמונת זוג + ציטוט. */
.aog-couples { padding:var(--aog-space-section) 0; }
.aog-couples__head { text-align:center; margin-bottom:48px; }
.aog-couples__title { font-family:var(--aog-font-display); color:var(--aog-text); font-size:clamp(28px,3.5vw,48px); }
.aog-couples__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:var(--aog-maxw); margin:0 auto; padding:0 20px; }
.aog-couple {
  background:var(--aog-surface); border:1px solid var(--aog-line);
  border-radius:var(--aog-radius); overflow:hidden;
}
.aog-couple__img { aspect-ratio:4/3; overflow:hidden; }
.aog-couple__img img { width:100%; height:100%; object-fit:cover; transition:transform .8s ease; }
.aog-couple:hover .aog-couple__img img { transform:scale(1.05); }
.aog-couple__quote { padding:24px; color:var(--aog-text-muted); font-family:"Cormorant Garamond",serif; font-size:18px; font-style:italic; line-height:1.6; }
.aog-couple__quote::before { content:"\201C"; color:var(--aog-gold); font-size:40px; line-height:0; vertical-align:-12px; margin-inline-end:6px; }


/* === 9. רספונסיביות + תיקוני מובייל ============================= */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; }
}

@media (max-width: 767px) {
  :root { --aog-space-section: 36px; }

  /* כפתורים קומפקטיים יותר */
  .button, .single_add_to_cart_button, .elementor-button {
    padding: 12px 22px !important; font-size: 12px !important; letter-spacing:.08em !important;
  }

  /* כותרות מוצר */
  .single-product div.product .product_title { font-size: 26px; }

  /* שער שני העולמות — אחד מעל השני במובייל */
  .aog-worlds { flex-direction:column; min-height:auto; }
  .aog-world { min-height:46vh; }
  .aog-worlds:hover .aog-world,
  .aog-worlds .aog-world:hover { flex:1; } /* בלי אפקט hover במובייל */

  /* קיצור תוויות העולמות במובייל: מציגים גרסה קצרה (לפי הנחיית הישיבה).
     הוסף ל-Elementor שני אלמנטים: מלא + קצר, עם ה-class המתאים. */
  .aog-label-full   { display:none !important; }
  .aog-label-short  { display:inline !important; }

  /* גלריית מוצר — ריווח מצומצם */
  .single-product .woocommerce-product-gallery { margin-bottom: 24px; }

  /* CTA וואטסאפ — קריא במובייל */
  .aog-wa-cta { font-size:12px; padding:12px 14px; }

  /* טבלת ריווח כללי בסקשנים */
  .elementor-section.elementor-section-boxed > .elementor-container { padding-left:16px; padding-right:16px; }

  /* רשת הקטגוריות של Voga — עמודה אחת במובייל */
  .aog-voga-grid { grid-template-columns:1fr; }
  .aog-voga-card { min-height:54vh; }
  .aog-voga-card__body { padding:24px; }

  /* גלריות זוגות / קולבורציות במובייל */
  .aog-couples__grid { grid-template-columns:1fr; }
  .aog-marquee__item { width:200px; }
}

/* ---- טאבלט (768–1024) ---- */
@media (min-width:768px) and (max-width:1024px) {
  :root { --aog-space-section: 54px; }

  /* רשתות → 2 עמודות */
  .aog-voga-grid    { grid-template-columns:repeat(2,1fr); }
  .aog-couples__grid{ grid-template-columns:repeat(2,1fr); }

  /* שער שני העולמות נשאר זה-לצד-זה אבל נמוך יותר */
  .aog-worlds { min-height:58vh; }
  .aog-voga-card { min-height:52vh; }

  /* גלריית הגלילה — פריט קצת קטן */
  .aog-marquee__item { width:240px; }

  /* כותרות סקשן לא ענקיות מדי */
  .aog-collab__title, .aog-couples__title { font-size:36px; }

  /* עמוד מוצר — גלריה ופרטים עדיין שתי עמודות (ברירת מחדל Woo),
     רק מצמצמים ריווח */
  .single-product div.product { gap:24px; }
}

/* ---- טלפון קטן מאוד (≤420) ---- */
@media (max-width:420px) {
  .aog-world__title { font-size:30px; }
  .aog-voga-card__title { font-size:22px; }
  .aog-marquee__item { width:160px; }
  .aog-couple__quote { font-size:16px; padding:18px; }
  .button, .single_add_to_cart_button, .elementor-button { padding:11px 18px !important; }
}

/* תצוגת ברירת מחדל (דסקטופ) של תוויות העולמות */
.aog-label-short { display:none; }
.aog-label-full  { display:inline; }

/* כלי עזר */
.aog-center { text-align: center; }
.aog-mt { margin-top: var(--aog-space-section); }
.aog-mb { margin-bottom: var(--aog-space-section); }


/* === 10. דו-לשוניות (עברית ברירת מחדל / אנגלית) ================== */
/* ברירת מחדל: עברית + RTL (נקבע אוטומטית ע"י WordPress בלוקאל he_IL).
   כשתוסף התרגום (Polylang/WPML) מגיש את הגרסה האנגלית, ה-<html>
   מקבל lang="en…" ו-dir="ltr" — וכאן מתאימים את הטיפוגרפיה. */

/* כותרות באתר האנגלי → Futura PT / Jost (כמו Messika): סאנס גאומטרי, אותיות
   גדולות, משקל בינוני. זה ה-override שקובע בפועל את מראה הכותרות בחזית. */
html[lang^="en"] h1, html[lang^="en"] h2, html[lang^="en"] h3,
html[lang^="en"] .elementor-heading-title,
html[lang^="en"] .product_title {
  font-family: var(--aog-font-display) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .03em;
}
/* גוף באנגלית — Heebo תומך לטינית יפה, משאירים. ריווח אותיות מעט גדול */
html[lang^="en"] body { letter-spacing: .015em; }

/* מתג שפה (Polylang/WPML) — עיצוב נקי בכותרת */
.lang-switcher, .pll-parent-menu-item .sub-menu,
ul.wpml-ls-legacy-list-horizontal, .pll-switcher, #lang_sel, .wpml-ls {
  font-family: var(--aog-font-body) !important;
}
.wpml-ls a, .pll-switcher a, #lang_sel a, .lang-item a {
  color: var(--aog-text) !important;
  letter-spacing:.08em; text-transform:uppercase; font-size:12px;
  padding:6px 10px !important; border:0 !important; background:transparent !important;
}
.wpml-ls a:hover, .pll-switcher a:hover, .lang-item a:hover,
.wpml-ls-current-language > a, .current-lang > a { color: var(--aog-gold) !important; }
/* מפריד עדין בין השפות */
.lang-item + .lang-item { border-inline-start:1px solid var(--aog-line); }

/* דגלי שפה — גודל אחיד */
.wpml-ls-flag, .lang-item img { width:18px; height:auto; border-radius:2px; vertical-align:middle; }

/* מתג שפה צף (אם מציבים ידנית עם class aog-lang-float) */
.aog-lang-float {
  position:fixed; inset-block-start:50%; inset-inline-end:0; z-index:999;
  background:var(--aog-surface); border:1px solid var(--aog-line);
  border-inline-end:0; border-radius:4px 0 0 4px; padding:8px 10px;
}


/* =====================================================================
   11. תֵמה עצמאית — Header / Nav / Footer / Layout (markup שלנו)
   ===================================================================== */

/* קונטיינר מרכזי */
.aog-container { width:100%; max-width:var(--aog-maxw); margin-inline:auto; padding-inline:clamp(16px,4vw,40px); }

/* דלג-לתוכן (נגישות) */
/* הסתרה נגישה שלא יוצרת גלילה אופקית ב-RTL (במקום left:-9999px) */
.aog-skip {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
  background:var(--aog-gold); color:#000; z-index:10000;
}
.aog-skip:focus {
  position:fixed; inset-inline-start:8px; top:8px; width:auto; height:auto;
  padding:10px 16px; margin:0; overflow:visible; clip:auto; clip-path:none;
}

/* ---- Header ---- */
.aog-header { position:sticky; top:0; z-index:500; }
.aog-header__inner { display:flex; align-items:center; gap:24px; min-height:78px; }
.aog-header__logo { flex:0 0 auto; }
.aog-header__logo img { max-height:48px; width:auto; }
.aog-logo-text { font-family:var(--aog-font-display); font-size:24px; letter-spacing:.06em; color:var(--aog-text) !important; text-transform:uppercase; }
.aog-nav { flex:1 1 auto; display:flex; justify-content:center; }
.aog-menu { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; }
.aog-menu li { position:relative; }
.aog-menu a { display:block; padding:8px 0; font-size:14px; letter-spacing:.05em; }
/* תפריט-משנה */
.aog-menu .sub-menu { position:absolute; inset-inline-start:0; top:100%; min-width:200px; padding:10px 0; display:none; }
.aog-menu li:hover > .sub-menu { display:block; }
.aog-menu .sub-menu a { padding:8px 18px; }
.aog-header__actions { flex:0 0 auto; display:flex; align-items:center; gap:16px; }
.aog-account, .aog-cart { color:var(--aog-text) !important; display:inline-flex; }
.aog-account:hover, .aog-cart:hover { color:var(--aog-gold) !important; }
.aog-cart { position:relative; }
.aog-cart__count {
  position:absolute; inset-block-start:-6px; inset-inline-end:-8px;
  background:var(--aog-gold); color:#000; font-size:10px; font-weight:600;
  min-width:16px; height:16px; line-height:16px; text-align:center; border-radius:50%;
}
.aog-lang a { font-size:12px; letter-spacing:.08em; text-transform:uppercase; }

/* המבורגר — מוסתר בדסקטופ */
.aog-nav-toggle-cb { display:none; }
.aog-nav-toggle { display:none; }

/* ---- Main / Page ---- */
.aog-main { min-height:50vh; }
.aog-page-main { padding-block:0; }
.aog-page { padding-block:var(--aog-space-section); }
.aog-page__title { text-align:center; font-size:clamp(30px,4vw,52px); margin-bottom:28px; }
.aog-page__content { max-width:820px; margin-inline:auto; }
.aog-page__content :is(p,li) { color:var(--aog-text-muted); }
.aog-blog { padding-block:clamp(20px,3vw,40px) var(--aog-space-section); }
.aog-posts { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.4vw,34px); }
.aog-post-card {
  background:#fff; border:1px solid var(--aog-line); border-radius:4px; overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .4s ease;
}
.aog-post-card__thumb { display:block; overflow:hidden; aspect-ratio:3/2; background:var(--aog-bg-alt); }
.aog-post-card__thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-post-card:hover .aog-post-card__thumb img { transform:scale(1.06); }
.aog-post-card__body { display:flex; flex-direction:column; flex:1; padding:clamp(16px,1.6vw,22px); text-align:start; }
.aog-post-card__cat { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.14em; font-size:11px; color:var(--aog-emerald,#1E5E47); }
.aog-post-card__title { font-family:var(--aog-font-display); font-weight:500; font-size:clamp(17px,1.5vw,21px); line-height:1.32; margin:9px 0 0; padding:0; }
.aog-post-card__title a { color:var(--aog-text); }
.aog-post-card__title a:hover { color:var(--aog-gold-deep,#7E6118); }
.aog-post-card__date { display:block; margin-top:8px; color:var(--aog-text-muted); font-size:12.5px; letter-spacing:.03em; }
.aog-post-card__excerpt { color:var(--aog-text-muted); line-height:1.75; font-size:14.5px; margin:12px 0 0; padding:0; }
.aog-post-card__more {
  margin-top:auto; padding-top:14px; align-self:flex-start; position:relative;
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.1em; font-size:12px; color:var(--aog-text);
}
.aog-post-card__more::after { content:""; display:block; height:1px; width:18px; background:var(--aog-gold,#A98328); margin-top:5px; transition:width .45s ease; }
.aog-post-card:hover .aog-post-card__more::after { width:100%; }
@media (hover:hover){ .aog-post-card:hover { transform:translateY(-5px); border-color:var(--aog-gold,#A98328); box-shadow:0 22px 46px -28px rgba(30,94,71,.4); } }
.aog-404 { padding-block:var(--aog-space-section); }
.aog-404__inner { max-width:520px; margin-inline:auto; }
.aog-empty { text-align:center; color:var(--aog-text-muted); padding:60px 0; }

/* ---- Footer ---- */
.aog-footer__cols { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; padding-block:56px 32px; }
.aog-footer__col .widget { background:transparent; border:0; padding:0; }
.aog-footer__bottom {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  border-top:1px solid var(--aog-line); padding-block:22px; font-size:13px; color:var(--aog-text-muted);
}
.aog-footer__menu { display:flex; gap:20px; list-style:none; margin:0; padding:0; }
.aog-footer__by { opacity:.7; }

/* ---- רספונסיביות Header/Footer/Layout ---- */
@media (max-width:1024px) {
  .aog-nav-toggle {
    display:flex; flex-direction:column; gap:5px; cursor:pointer; order:-1;
    width:30px; height:24px; justify-content:center;
    position:relative; z-index:1001;
  }
  .aog-nav-toggle span { display:block; width:26px; height:2px; background:var(--aog-text); transition:transform .3s, opacity .3s; }
  .aog-nav {
    position:fixed; inset-block:0; inset-inline-end:0; width:min(82vw,340px);
    flex-direction:column; justify-content:flex-start; gap:0;
    background:var(--aog-bg-alt); border-inline-start:1px solid var(--aog-line);
    transform:translateX(100%); transition:transform .4s cubic-bezier(.7,0,.2,1);
    padding:90px 26px 30px; z-index:1000; overflow-y:auto;
  }
  [dir="rtl"] .aog-nav { inset-inline-end:auto; inset-inline-start:0; border-inline:0; border-inline-end:1px solid var(--aog-line); transform:translateX(-100%); }
  .aog-nav-toggle-cb:checked ~ .aog-nav { transform:translateX(0); }
  .aog-menu { flex-direction:column; align-items:flex-start; gap:6px; width:100%; }
  .aog-menu a { padding:12px 0; font-size:16px; width:100%; border-bottom:1px solid var(--aog-line); }
  .aog-menu .sub-menu { position:static; display:block; padding:0 0 0 14px; }
  /* המבורגר → X כשפתוח */
  .aog-nav-toggle-cb:checked ~ .aog-nav-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .aog-nav-toggle-cb:checked ~ .aog-nav-toggle span:nth-child(2) { opacity:0; }
  .aog-nav-toggle-cb:checked ~ .aog-nav-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

  .aog-posts { grid-template-columns:repeat(2,1fr); }
  .aog-footer__cols { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .aog-header__inner { min-height:64px; gap:14px; }
  .aog-nav { flex:0; }
  .aog-posts { grid-template-columns:1fr; }
  .aog-footer__cols { grid-template-columns:1fr; }
  .aog-footer__bottom { justify-content:center; text-align:center; }
}


/* =====================================================================
   12. דף הבית (front-page.php — מקודד, ללא Elementor)
   ===================================================================== */

/* ---- Hero עריכתי (split: טקסט על קרם + תמונת תכשיט) ---- */
.aog-hero { display:grid; grid-template-columns:1.05fr .95fr;
  min-height:clamp(560px,90vh,880px); overflow:hidden; }
.aog-hero__text { display:flex; flex-direction:column; justify-content:center;
  padding:clamp(32px,7vw,110px); background:var(--aog-bg); }
.aog-hero__content { max-width:520px; }
.aog-hero__content .aog-eyebrow { display:block; margin-bottom:20px; }
.aog-hero__title { font-family:var(--aog-font-display); color:var(--aog-text); font-weight:300;
  font-size:clamp(40px,5vw,76px); line-height:1.08; letter-spacing:.01em; margin:0 0 24px; }
.aog-hero__sub { color:var(--aog-text-muted); font-size:clamp(15px,1.4vw,19px);
  line-height:1.9; margin:0 0 36px; }
.aog-hero__cta { display:flex; gap:16px; flex-wrap:wrap; }
.aog-hero__visual { position:relative; overflow:hidden; min-height:46vh; }

/* מדיית Hero / וידאו-פיצ'ר — ממלאת את ההורה */
.aog-hero__media,
.aog-videofeat .aog-hero__media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }

/* כיסוי כהה לסקשני תמונה מלאה (וידאו-פיצ'ר + Voga hero) */
.aog-hero-overlay::before { z-index:1 !important; }
.aog-hero-overlay > .aog-videofeat__content,
.aog-hero-overlay > .aog-voga-hero__inner,
.aog-hero-overlay > .aog-hero__content { position:relative; z-index:2; }

/* מובייל: תמונה למעלה, טקסט מתחת, ממורכז */
@media (max-width:880px) {
  .aog-hero { grid-template-columns:1fr; }
  .aog-hero__visual { order:-1; min-height:54vh; }
  .aog-hero__text { padding:44px 24px 52px; text-align:center; }
  .aog-hero__content { max-width:none; margin-inline:auto; }
  .aog-hero__cta { justify-content:center; }
}

/* ---- כותרת סקשן גנרית ---- */
.aog-section-head { text-align:center; padding:var(--aog-space-section) 20px 0; }
.aog-section-title { font-family:var(--aog-font-display); font-size:clamp(28px,3.5vw,48px);
  margin:8px 0 0; color:var(--aog-text); }
.aog-section-head .aog-divider { margin-top:18px; }

/* ---- שני עולמות (עוטף) ---- */
.aog-worlds { margin-top:40px; }
.aog-world, .aog-world:hover { text-decoration:none; }

/* ---- פריטים נבחרים ---- */
.aog-featured { padding-block:var(--aog-space-section); }
.aog-featured .aog-section-head { padding-top:0; }
.aog-featured .products { margin-top:48px; }
.aog-mt-sm { margin-top:40px; }

/* ---- סקשן וידאו ---- */
.aog-videofeat { position:relative; min-height:78vh; display:flex; align-items:center;
  overflow:hidden; text-align:center; }
.aog-videofeat__content { max-width:680px; margin-inline:auto; }
.aog-videofeat__title { font-family:var(--aog-font-display); color:#fff;
  font-size:clamp(30px,4.5vw,60px); line-height:1.1; margin:14px 0 18px; }
.aog-videofeat__text { color:rgba(255,255,255,.85); font-size:18px; line-height:1.8; margin:0 0 30px; }
/* כפתור מעל תמונה כהה (בעמוד בהיר) — לבן עם היפוך */
.aog-videofeat .button { color:#fff !important; border-color:rgba(255,255,255,.8) !important; }
.aog-videofeat .button:hover { background:#fff !important; color:#1A1A1A !important; border-color:#fff !important; }

/* ---- רצועת CTA סופית ---- */
.aog-cta-band { padding-block:var(--aog-space-section); background:var(--aog-bg-alt); }
.aog-cta-band__title { font-family:var(--aog-font-display); font-size:clamp(28px,3.5vw,46px);
  margin:0 0 14px; color:var(--aog-text); }
.aog-cta-band__text { color:var(--aog-text-muted); font-size:18px; max-width:560px; margin:0 auto 30px; }
.aog-cta-band .aog-hero__cta { justify-content:center; }

/* ---- עמוד נחיתה Voga ---- */
.aog-voga-hero { position:relative; min-height:82vh; display:flex; align-items:center;
  justify-content:center; text-align:center; overflow:hidden; }
.aog-voga-hero__inner { position:relative; z-index:2; }
.aog-voga-hero__title { font-family:var(--aog-font-display); color:#fff; font-weight:600;
  text-transform:uppercase; letter-spacing:.12em; font-size:clamp(54px,11vw,150px);
  line-height:1; margin:10px 0 6px; }
.aog-voga-hero__kicker { color:rgba(255,255,255,.85); letter-spacing:.28em;
  text-transform:uppercase; font-size:13px; margin:0 0 28px; }
.aog-voga-statement { padding-block:var(--aog-space-section); }
.aog-voga-section { padding-bottom:0; }

/* ---- סקשן עריכתי "split" (תמונה + טקסט לסירוגין) ---- */
.aog-split {
  display:grid; grid-template-columns:1fr 1fr; align-items:center;
  gap:clamp(28px,6vw,90px);
  max-width:var(--aog-maxw); margin-inline:auto;
  padding:var(--aog-space-section) clamp(16px,4vw,40px);
}
.aog-split__media { overflow:hidden; }
.aog-split__media img { width:100%; height:100%; object-fit:cover; aspect-ratio:4/5; display:block; }
.aog-split:hover .aog-split__media img { transform:scale(1.05); }
.aog-split__body { max-width:480px; }
.aog-split__body .aog-eyebrow { display:block; margin-bottom:16px; }
.aog-split__title { font-family:var(--aog-font-display); font-size:clamp(28px,3.6vw,52px);
  line-height:1.12; margin:0 0 20px; color:var(--aog-text); }
.aog-split__text { color:var(--aog-text-muted); font-size:17px; line-height:1.9; margin:0 0 28px; }
.aog-split--reverse .aog-split__media { order:2; }
@media (max-width:880px) {
  .aog-split { grid-template-columns:1fr; gap:32px; }
  .aog-split--reverse .aog-split__media { order:0; }
  .aog-split__media img { aspect-ratio:16/10; }
}

/* ---- ליטוש כותרות סקשן (גדול ואוורירי יותר) ---- */
.aog-section-title { font-size:clamp(32px,4.4vw,64px); font-weight:400; }
.aog-section-head .aog-eyebrow { display:inline-block; margin-bottom:14px; }

/* ---- ריתמוס סקשנים: רקע קרם מתחלף ---- */
.aog-couples { background:var(--aog-bg-alt); }

/* ---- מובייל ---- */
@media (max-width:767px) {
  .aog-hero { min-height:84vh; text-align:center; }
  .aog-hero__content { margin-inline:auto; }
  .aog-hero__sub { margin-inline:auto; }
  .aog-hero__cta { justify-content:center; }
}


/* =====================================================================
   13. PREMIUM PASS v1.5.0 — לוגו, header, פוטר, ליטוש כפתורים
   נטען בתוך luxury-redesign.css → גובר על הכללים הקודמים באותו קובץ.
   ===================================================================== */

/* --- לוגו wordmark (במקום שם-אתר גולמי) --- */
.aog-logo-text {
  display:inline-flex; flex-direction:column; align-items:center;
  line-height:1; text-decoration:none; gap:5px;
}
.aog-logo-main {
  font-family:var(--aog-font-display);
  font-weight:500; font-size:clamp(19px,2.1vw,25px);
  letter-spacing:.20em; color:var(--aog-text);
  text-indent:.20em; /* מאזן את letter-spacing למרכז */
  transition:color .4s ease;
}
.aog-logo-sub {
  font-family:var(--aog-font-body);
  font-size:9px; font-weight:500; letter-spacing:.46em;
  text-indent:.46em; color:var(--aog-gold);
  text-transform:uppercase;
}
.aog-logo-text:hover .aog-logo-main { color:var(--aog-gold); }
[dir="rtl"] .aog-logo-sub { letter-spacing:.34em; text-indent:.34em; }

/* --- Header: ריווח אוורירי שמתכווץ בגלילה --- */
.aog-header { transition:box-shadow .4s ease, background-color .4s ease, padding .4s ease; }
.aog-header__inner { padding-top:26px; padding-bottom:26px; transition:padding .4s ease; align-items:center; }
.aog-header.is-scrolled .aog-header__inner { padding-top:14px; padding-bottom:14px; }
.aog-header.is-scrolled { background-color:rgba(255,255,255,.92) !important; }
.aog-nav .aog-menu > li > a,
.main-navigation .aog-menu > li > a {
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; padding:6px 2px;
}

/* --- כפתורים: אותו היפוך אלגנטי + הרמה עדינה (micro-interaction) --- */
.button, input[type="submit"], .wp-element-button,
.woocommerce a.button, .woocommerce button.button,
.single_add_to_cart_button {
  transition:color .45s ease, background-color .45s ease, border-color .45s ease,
             transform .45s cubic-bezier(.2,.7,.2,1), letter-spacing .45s ease !important;
}
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.single_add_to_cart_button:hover, .aog-btn-fill:hover {
  transform:translateY(-2px) !important;
  letter-spacing:.20em !important;
}
/* שטיפת-הזהב הישנה מ-animations.css מתנגשת עם ההיפוך → מנטרלים כדי
   להשאיר אפקט אחד נקי */
.button::after, .single_add_to_cart_button::after { display:none !important; }

/* --- פוטר מותגי v1.5.0 --- */
.aog-footer { padding-top:clamp(56px,7vw,96px) !important; }
.aog-footer__cols {
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:48px;
  padding-bottom:56px; border-bottom:1px solid var(--aog-line);
}
.aog-footer__wordmark {
  font-family:var(--aog-font-display); font-size:24px; font-weight:500;
  letter-spacing:.16em; color:var(--aog-text) !important; text-decoration:none;
  display:inline-block; margin-bottom:18px;
}
.aog-footer__tagline { color:var(--aog-text-muted); font-size:15px; line-height:1.9; max-width:34ch; margin:0 0 22px; }
.aog-footer__social { display:flex; gap:14px; }
.aog-footer__social a {
  width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--aog-line); border-radius:50%; color:var(--aog-text-muted) !important;
  transition:border-color .35s ease, color .35s ease, transform .35s ease;
}
.aog-footer__social a:hover { color:var(--aog-gold) !important; border-color:var(--aog-gold); transform:translateY(-3px); }
.aog-footer__title {
  font-family:var(--aog-font-display); font-size:13px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--aog-text) !important; margin:0 0 22px;
}
.aog-footer__nav, .aog-footer__contact { list-style:none; margin:0; padding:0; }
.aog-footer__nav li, .aog-footer__contact li { margin-bottom:13px; }
.aog-footer__nav a, .aog-footer__contact a {
  color:var(--aog-text-muted) !important; font-size:15px; text-decoration:none;
  position:relative; transition:color .3s ease;
}
.aog-footer__nav a:hover, .aog-footer__contact a:hover { color:var(--aog-gold) !important; }
.aog-footer__bottom {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
  padding-top:28px; padding-bottom:28px;
}
.aog-footer__copy, .aog-footer__by { color:var(--aog-text-muted); font-size:13px; letter-spacing:.04em; }
/* Tectari signature — logo + RTL Hebrew credit, links to tectari.com/he */
.aog-footer__tectari { display:inline-flex; align-items:center; gap:10px; direction:rtl; text-decoration:none; opacity:.85; transition:opacity .25s ease; }
.aog-footer__tectari:hover { opacity:1; }
.aog-footer__tectari-logo { flex:0 0 auto; display:inline-flex; line-height:0; }
.aog-footer__tectari-logo svg { border-radius:5px; display:block; }
.aog-footer__tectari-txt { display:flex; flex-direction:column; line-height:1.35; text-align:right; }
.aog-footer__tectari-copy { color:var(--aog-text-muted); font-size:12.5px; letter-spacing:.02em; }
.aog-footer__tectari:hover .aog-footer__tectari-copy { color:var(--aog-text); }
.aog-footer__tectari-tag { color:var(--aog-text-muted); opacity:.7; font-size:11px; letter-spacing:.02em; }
/* פס תחתון ממורכז — רק חתימת Tectari (ללא שורות הקופירייט) */
.aog-footer__bottom--center { justify-content:center; text-align:center; }
.aog-footer__bottom--center .aog-footer__tectari-txt { text-align:center; }
.aog-footer__menu { list-style:none; display:flex; gap:24px; margin:0; padding:0; }
.aog-footer__menu a { color:var(--aog-text-muted) !important; font-size:13px; text-decoration:none; }
.aog-footer__menu a:hover { color:var(--aog-gold) !important; }

@media (max-width:980px) {
  .aog-footer__cols { grid-template-columns:1fr 1fr; gap:40px 32px; }
  .aog-footer__brand { grid-column:1 / -1; }
}
@media (max-width:560px) {
  .aog-footer__cols { grid-template-columns:1fr; }
  .aog-footer__bottom { flex-direction:column; text-align:center; }
}

/* --- Hero: יותר נוכחות (כותרת גדולה + ריווח) --- */
.aog-hero__title { font-size:clamp(40px,6vw,82px); font-weight:300; line-height:1.04; }
.aog-eyebrow { letter-spacing:.34em; }

/* --- מניעת גלישה אופקית (marquee + תמונת hero) --- */
.aog-marquee { overflow:hidden !important; }
.aog-hero__media, .aog-hero__visual img { max-width:100% !important; }


/* =====================================================================
   14. שפת היוקרה — Hero קולנועי מסך-מלא + לוגו ממורכז + Header שקוף
   בהשראת שפת המותגים הגדולים (לא העתקה — שפה עיצובית מותאמת ל-Atelier).
   אווירה: כהה, קולנועית, טיפוגרפיה דקה, תנועה עדינה.
   ===================================================================== */

:root { --aog-announce-h:0px; --aog-font-condensed:"Futura PT","Jost","Heebo",Arial,sans-serif; } /* סרגל ההודעה הוסר לחלוטין → 0 כך שההדר יושב ב-top:0 ללא רווח */

/* ---- 14a. סרגל הודעה עליון (announcement bar) — הוסר מה-markup; הכללים נשארים כלא-פעילים ---- */
.aog-announce-cb { display:none; }
.aog-announce {
  position:fixed; inset-inline:0; top:0; z-index:600;
  height:var(--aog-announce-h); display:flex; align-items:center;
  background:#0A0A0A; color:#EDE9E1;
}
.aog-announce__inner {
  width:100%; max-width:var(--aog-maxw); margin-inline:auto;
  padding-inline:clamp(16px,4vw,40px);
  display:flex; align-items:center; justify-content:center; position:relative;
}
.aog-announce__text { font-size:12px; letter-spacing:.06em; text-align:center; }
.aog-announce__text a { color:#fff !important; text-decoration:underline; text-underline-offset:3px; margin-inline-start:6px; }
.aog-announce__close {
  position:absolute; inset-inline-end:clamp(16px,4vw,40px); top:50%; transform:translateY(-50%);
  cursor:pointer; font-size:20px; line-height:1; color:rgba(255,255,255,.7);
}
.aog-announce__close:hover { color:#fff; }
.aog-announce-cb:checked ~ .aog-announce { display:none; }
.aog-announce-cb:checked ~ .aog-header { top:0; }
/* במובייל מבטלים לגמרי את סרגל ההודעה — מאפסים גם את המשתנה כדי שההדר והתוכן יעלו ללא רווח ריק */
@media (max-width:767px) {
  :root { --aog-announce-h:0px; }
  .aog-announce { display:none; }
}

/* ---- 14b. Header קבוע מתחת לסרגל ההודעה ---- */
.aog-header {
  position:fixed; inset-inline:0; top:var(--aog-announce-h); z-index:500;
  background-color:#fff;
  transition:background-color .4s ease, box-shadow .4s ease;
}
.aog-header__inner {
  position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-height:64px; padding-block:14px !important; transition:padding .4s ease;
}
.aog-header.is-scrolled .aog-header__inner { padding-block:10px !important; }
.aog-header__start, .aog-header__actions {
  display:flex; align-items:center; gap:clamp(10px,1.4vw,20px); flex:1 1 0; z-index:2;
}
.aog-header__actions { justify-content:flex-end; }
.aog-header__logo {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; z-index:1;
}
/* המבורגר גלוי תמיד (ניווט מאחורי מגירה — כמו Messika) */
.aog-nav-toggle {
  display:flex; flex-direction:column; gap:5px; cursor:pointer;
  width:26px; height:20px; justify-content:center; position:relative; z-index:1001;
}
.aog-nav-toggle span { display:block; width:24px; height:1.5px; background:var(--aog-text); transition:transform .3s, opacity .3s, background-color .3s; }
.aog-wishlist { display:inline-flex; align-items:center; gap:8px; color:var(--aog-text) !important; }
.aog-wishlist:hover { color:var(--aog-gold) !important; }
.aog-wishlist__txt { font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.aog-icon-btn { display:inline-flex; align-items:center; color:var(--aog-text) !important; cursor:pointer; }
.aog-icon-btn:hover { color:var(--aog-gold) !important; }

/* ---- 14b-2. Header שקוף מעל Hero מסך-מלא (דף הבית + עמודי cinema-hero) ---- */
body.home .aog-header,
body.aog-cinema-hero .aog-header { background-color:transparent; box-shadow:none; }
/* Permanent dark scrim BEHIND the transparent header (via the existing ::before),
   so the white logo + icons stay legible over ANY hero — fixes the Voga "VOGA"
   wordmark vanishing over the light-grey studio top of voga-hero.jpg. */
body.home .aog-header:not(.is-scrolled)::before,
body.aog-cinema-hero .aog-header:not(.is-scrolled)::before {
  inset:0 0 -72px 0; z-index:0;
  background:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.50) 48%, rgba(0,0,0,.16) 80%, rgba(0,0,0,0) 100%);
}
/* keep header contents above the stronger scrim */
body.home .aog-header .aog-header__inner,
body.aog-cinema-hero .aog-header .aog-header__inner { position:relative; z-index:1; }
/* טקסט/אייקונים לבנים מעל ה-Hero הכהה */
body.home .aog-header:not(.is-scrolled) .aog-logo-main,
body.home .aog-header:not(.is-scrolled) .aog-icon-btn,
body.home .aog-header:not(.is-scrolled) .aog-wishlist,
body.home .aog-header:not(.is-scrolled) .aog-cart,
body.home .aog-header:not(.is-scrolled) .aog-lang a,
body.aog-cinema-hero .aog-header .aog-logo-main,
body.aog-cinema-hero .aog-header .aog-icon-btn,
body.aog-cinema-hero .aog-header .aog-wishlist,
body.aog-cinema-hero .aog-header .aog-cart,
body.aog-cinema-hero .aog-header .aog-lang a { color:#fff !important; }
body.home .aog-header:not(.is-scrolled) .aog-logo-sub,
body.aog-cinema-hero .aog-header .aog-logo-sub { color:rgba(255,255,255,.78) !important; }
body.home .aog-header:not(.is-scrolled) .aog-nav-toggle span,
body.aog-cinema-hero .aog-header .aog-nav-toggle span { background:#fff !important; }
body.home .aog-header:not(.is-scrolled) .aog-cart__count,
body.aog-cinema-hero .aog-header .aog-cart__count { background:#fff; color:#111; }

/* בגלילה: Atelier → Header לבן (טקסט כהה).  Voga → Header שחור (טקסט לבן+שמפניה) — הבדל מכוון בין העולמות */
.aog-header.is-scrolled { background-color:rgba(255,255,255,.96); box-shadow:0 1px 0 var(--aog-line); }
body.aog-cinema-hero .aog-header.is-scrolled { background-color:rgba(10,10,10,.94); box-shadow:0 1px 0 rgba(255,255,255,.08); }
body.aog-cinema-hero .aog-logo-sub { color:var(--aog-gold-soft) !important; }

/* דפים פנימיים (ללא Hero מסך-מלא): ריווח עליון כדי שהתוכן לא ייחבא מתחת לסרגלים */
body:not(.home):not(.aog-cinema-hero) { padding-top:calc(var(--aog-announce-h) + 64px); }

/* ---- 14b-3. מגירת ניווט (תמיד) + רקע מעומעם ----
   שימוש בתכונות פיזיות (left/right) לפי [dir] כדי למנוע בלבול RTL בתנועה. */
.aog-nav {
  position:fixed !important; top:0 !important; bottom:0 !important;
  width:min(86vw,380px) !important; height:auto !important;
  display:flex !important; flex-direction:column; justify-content:flex-start; gap:0;
  background:var(--aog-bg); transition:transform .45s cubic-bezier(.7,0,.2,1), visibility .45s;
  padding:96px 32px 36px; z-index:1000; overflow-y:auto; visibility:hidden;
}
/* LTR: מגירה מצד שמאל */
html:not([dir="rtl"]) .aog-nav { left:0 !important; right:auto !important; border-inline-end:1px solid var(--aog-line); transform:translateX(-100%); }
/* RTL: מגירה מצד ימין */
[dir="rtl"] .aog-nav { right:0 !important; left:auto !important; border-inline-start:1px solid var(--aog-line); transform:translateX(100%); }
/* פתוח */
.aog-nav-toggle-cb:checked ~ .aog-nav { transform:translateX(0) !important; visibility:visible; }
.aog-nav-scrim {
  position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden;
  transition:opacity .4s ease, visibility .4s ease; z-index:999; cursor:pointer;
}
.aog-nav-toggle-cb:checked ~ .aog-nav-scrim { opacity:1; visibility:visible; }
.aog-menu { flex-direction:column; align-items:flex-start; gap:2px; width:100%; display:flex; list-style:none; margin:0; padding:0; }
.aog-menu li { width:100%; }
.aog-menu > li > a {
  display:block; width:100%; padding:14px 0; border-bottom:1px solid var(--aog-line);
  font-family:var(--aog-font-display); font-size:20px; letter-spacing:.02em;
  text-transform:none; color:var(--aog-text);
}
.aog-menu .sub-menu { position:static; display:block; padding:0 0 8px; }
.aog-menu .sub-menu a { padding:8px 0; font-size:15px; border:0; color:var(--aog-text-muted); }
/* המבורגר → X כשפתוח */
.aog-nav-toggle-cb:checked ~ .aog-header__inner .aog-nav-toggle span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.aog-nav-toggle-cb:checked ~ .aog-header__inner .aog-nav-toggle span:nth-child(2) { opacity:0; }
.aog-nav-toggle-cb:checked ~ .aog-header__inner .aog-nav-toggle span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

/* ---- 14b-4. פאנל חיפוש ---- */
.aog-search-cb { display:none; }
.aog-search-panel {
  position:absolute; inset-inline:0; top:100%; background:var(--aog-bg);
  border-top:1px solid var(--aog-line); box-shadow:0 12px 30px rgba(0,0,0,.08);
  padding:0; max-height:0; overflow:hidden; transition:max-height .4s ease, padding .4s ease;
}
.aog-search-cb:checked ~ .aog-header__inner ~ .aog-search-panel,
.aog-search-cb:checked ~ .aog-search-panel { max-height:160px; padding:24px 0; }
.aog-search-panel__inner { position:relative; display:flex; align-items:center; }
.aog-search-panel form { flex:1 1 auto; display:flex; gap:10px; }
.aog-search-panel input[type="search"], .aog-search-panel input[type="text"] { flex:1 1 auto; }
.aog-search-panel__close { cursor:pointer; font-size:24px; line-height:1; color:var(--aog-text-muted); margin-inline-start:16px; }
@media (max-width:600px) { .aog-wishlist__txt { display:none; } }

/* ---- 14c. Hero קולנועי מסך-מלא ---- */
.aog-cinema {
  position:relative; width:100%;
  height:100svh; min-height:600px;
  overflow:hidden; background:#0A0A0A;
  display:flex; align-items:flex-end; justify-content:center;
}
.aog-cinema__media { position:absolute; inset:0; z-index:0; overflow:hidden; }
.aog-cinema__img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  transform:scale(1.06);
  animation:aog-kenburns 18s ease-out forwards;
}
/* full-screen hero video (Messika-style) — autoplay/muted/loop */
.aog-cinema__video {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
}
/* כיסוי קולנועי: עדין למעלה (קריאות ל-Header), כבד למטה (קריאות לכותרת) */
.aog-cinema__overlay {
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 22%),
    linear-gradient(0deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.42) 45%, rgba(0,0,0,0) 72%);
}
.aog-cinema__inner {
  position:relative; z-index:2;
  text-align:center; color:#fff;
  padding:0 24px clamp(64px,11vh,128px);
  max-width:900px;
}
.aog-cinema__eyebrow {
  display:inline-block; color:rgba(255,255,255,.82);
  font-size:13px; letter-spacing:.42em; text-indent:.42em;
  text-transform:uppercase; margin-bottom:26px;
  opacity:0; animation:aog-cin-up 1s ease .25s forwards;
}
.aog-cinema__eyebrow [lang="en"] { letter-spacing:.30em; }
.aog-cinema__title {
  font-family:var(--aog-font-condensed); color:#fff;
  font-weight:600; line-height:.98; letter-spacing:.01em; text-transform:uppercase;
  font-size:clamp(44px,8.2vw,118px); margin:0 0 30px;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
  opacity:0; animation:aog-cin-up 1.1s ease .4s forwards;
}
/* עברית: Heebo כבד נותן את אותה נוכחות "קונדנסט" כמו Messika */
:lang(he) .aog-cinema__title,
[lang="he"] .aog-cinema__title { font-family:"Heebo",sans-serif; font-weight:800; }
.aog-cinema__sub {
  color:rgba(255,255,255,.86); font-size:clamp(15px,1.5vw,19px);
  line-height:1.8; letter-spacing:.02em; margin:0 0 38px;
  opacity:0; animation:aog-cin-up 1.1s ease .55s forwards;
}
/* קישור-תת אלגנטי עם קו תחתון שנמתח (במקום כפתור) */
.aog-cinema__link {
  display:inline-block; color:#fff !important; text-decoration:none;
  font-size:13px; letter-spacing:.24em; text-transform:uppercase;
  padding-bottom:8px; position:relative;
  opacity:0; animation:aog-cin-up 1.1s ease .7s forwards;
}
.aog-cinema__link span { position:relative; }
.aog-cinema__link::after {
  content:""; position:absolute; inset-inline:0; bottom:0; height:1px;
  background:rgba(255,255,255,.55);
  transform:scaleX(.5); transform-origin:center; transition:transform .5s cubic-bezier(.2,.7,.2,1), background-color .5s ease;
}
.aog-cinema__link:hover::after { transform:scaleX(1); background:var(--aog-gold-soft); }

/* רמז גלילה: קו זהב דק עם דופק רך */
.aog-cinema__scroll {
  position:absolute; z-index:3; inset-inline:0; bottom:22px;
  margin-inline:auto; width:1px; height:54px; display:block;
  opacity:0; animation:aog-cin-up 1s ease 1s forwards;
}
.aog-cinema__scroll-line {
  position:absolute; inset:0; display:block;
  background:linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,0));
  transform-origin:top; animation:aog-scrollcue 2.2s ease-in-out infinite;
}

/* ===== Hero דף-הבית: פריסת SPLIT בדסקטופ — טקסט בפאנל כהה בצד אחד, סרטון-הפורטרט
   בצד השני (ללא zoom, מציג את כל הקומפוזיציה). במובייל/טאבלט נשאר full-bleed.
   מוגבל ל-body.home בלבד — לא משפיע על ההירו של Voga. ===== */
@media (min-width:1000px){
  body.home .aog-cinema{
    display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
    background:#0E1512;
  }
  body.home .aog-cinema__media{ position:relative; inset:auto; grid-column:2; grid-row:1; height:100%; }
  body.home .aog-cinema__video{ position:absolute; inset:0; object-position:center 24%; }
  body.home .aog-cinema__overlay{ display:none; }              /* טקסט בפאנל נפרד — אין צורך בכיסוי */
  body.home .aog-cinema__inner{
    position:relative; grid-column:1; grid-row:1; align-self:center;
    text-align:start; max-width:none; width:100%;
    padding:0 clamp(40px,5vw,84px) 0 clamp(48px,6vw,104px);
  }
  body.home .aog-cinema__eyebrow{ margin-bottom:22px; }
  body.home .aog-cinema__title{ font-size:clamp(40px,4.4vw,74px); line-height:1.02; margin-bottom:28px; }
  /* רמז-הגלילה עובר לקצה הפאנל הטקסטואלי במקום למרכז */
  body.home .aog-cinema__scroll{ inset-inline:auto; inset-inline-start:clamp(48px,6vw,104px); margin-inline:0; }
}

@keyframes aog-kenburns {
  from { transform:scale(1.12); }
  to   { transform:scale(1.0); }
}
@keyframes aog-cin-up {
  from { opacity:0; transform:translateY(26px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes aog-scrollcue {
  0%   { transform:scaleY(0); opacity:0; }
  40%  { transform:scaleY(1); opacity:1; }
  100% { transform:scaleY(1) translateY(40px); opacity:0; }
}

/* מסכי-מובייל: Hero מעט נמוך יותר וכותרת ממורכזת */
@media (max-width:600px) {
  .aog-cinema { min-height:540px; }
  .aog-cinema__inner { padding-bottom:clamp(56px,9vh,90px); }
}

/* ---- 14c-2. Floating featured-piece card on the hero ---- */
/* Keeps a real piece of jewelry visible over the (jewelry-free) model video. */
.aog-hero-feature {
  position:absolute; z-index:3;
  inset-block-end:clamp(110px,16vh,180px); inset-inline-end:clamp(20px,4vw,68px);
  display:flex; align-items:center; gap:15px;
  padding:12px 22px 12px 12px;
  background:rgba(14,14,14,.34); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.18); border-radius:5px;
  color:#fff; max-width:310px;
  opacity:0; transform:translateY(22px);
  animation:aog-cin-up 1.1s ease .95s forwards;
  transition:background-color .45s ease, border-color .45s ease, box-shadow .45s ease;
}
.aog-hero-feature:hover { background:rgba(14,14,14,.52); border-color:var(--aog-gold-soft); box-shadow:0 18px 50px rgba(0,0,0,.35); }
.aog-hero-feature__media { flex:0 0 auto; width:76px; height:90px; overflow:hidden; border-radius:3px; }
.aog-hero-feature__media img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.aog-hero-feature:hover .aog-hero-feature__media img { transform:scale(1.08); }
.aog-hero-feature__info { display:flex; flex-direction:column; gap:5px; text-align:start; }
.aog-hero-feature__kicker { font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:var(--aog-gold-soft); }
.aog-hero-feature__name { font-family:var(--aog-font-display); font-size:17px; line-height:1.18; color:#fff; }
.aog-hero-feature__cta { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.82); }
[dir="rtl"] .aog-hero-feature__cta { direction:rtl; }

@media (max-width:820px){
  .aog-hero-feature {
    inset-block-end:auto; inset-block-start:78px; inset-inline-end:12px;
    max-width:none; padding:8px 14px 8px 8px; gap:11px; border-radius:4px;
  }
  .aog-hero-feature__media { width:46px; height:54px; }
  .aog-hero-feature__kicker { font-size:9px; }
  .aog-hero-feature__name { font-size:13px; }
  .aog-hero-feature__cta { display:none; }
}

/* כיבוד העדפת תנועה מופחתת — ללא Ken Burns / כניסות / דופק */
@media (prefers-reduced-motion: reduce) {
  .aog-cinema__img { animation:none; transform:scale(1); }
  .aog-cinema__eyebrow, .aog-cinema__title, .aog-cinema__sub,
  .aog-cinema__link, .aog-cinema__scroll, .aog-hero-feature { animation:none; opacity:1; transform:none; }
  .aog-cinema__scroll-line { animation:none; }
}


/* =====================================================================
   15. סקשנים בסדר Messika — קרוסלות, קמפיין עריכתי, "הצורה", יתרונות
   ===================================================================== */

/* ---- מבנה סקשן + כותרות (קונדנסט מודרני כמו Messika) ---- */
.aog-section { padding-block:clamp(40px,6vw,82px); }
.aog-section--alt { background:var(--aog-bg-alt); }
.aog-section-head { margin-bottom:clamp(20px,3vw,40px); }
.aog-section-head.aog-center { text-align:center; }
.aog-section-title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  letter-spacing:.04em; font-size:clamp(26px,3.4vw,46px); color:var(--aog-text); margin:.28em 0 0;
}
:lang(he) .aog-section-title, [lang="he"] .aog-section-title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-eyebrow--light { color:rgba(255,255,255,.82); }
.aog-mt { margin-top:clamp(28px,4vw,48px); }

/* ---- קרוסלה גנרית ---- */
.aog-carousel { position:relative; --per:4; --cgap:clamp(12px,1.6vw,24px); padding-inline:clamp(0px,5vw,60px); }
.aog-carousel__viewport { overflow:hidden; }
.aog-carousel__track {
  display:flex; gap:var(--cgap); margin:0; padding:0; list-style:none;
  will-change:transform; transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.aog-carousel__track.products { display:flex !important; }
.aog-carousel__track.products::before, .aog-carousel__track.products::after { content:none !important; display:none !important; }
.aog-carousel__track > * {
  flex:0 0 calc((100% - (var(--per) - 1) * var(--cgap)) / var(--per));
  width:auto !important; margin:0 !important; box-sizing:border-box;
}
@media (max-width:1024px){ .aog-carousel{ --per:3; } }
@media (max-width:600px){ .aog-carousel{ --per:2; padding-inline:0; } }

/* כרטיסי מוצר בתוך קרוסלה — תמונה ריבועית אחידה (כמו Messika) */
.aog-carousel__track.products li.product { text-align:center; padding:0; border:0; background:transparent; }
.aog-carousel__track.products li.product > a:first-child { display:block; }
.aog-carousel__track.products li.product img {
  width:100% !important; aspect-ratio:1/1; object-fit:cover;
  margin:0 0 16px !important; display:block; background:var(--aog-bg-alt);
}
.aog-carousel__track.products li.product .woocommerce-loop-product__title { padding-top:0; }
.aog-carousel__track.products li.product .button { margin-top:10px; }

.aog-carousel__nav {
  position:absolute; top:42%; transform:translateY(-50%); width:46px; height:46px;
  border-radius:50%; border:1px solid var(--aog-line); background:var(--aog-bg);
  display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3;
  transition:border-color .3s ease, background-color .3s ease, opacity .3s ease;
}
.aog-carousel__nav:hover { border-color:var(--aog-text); }
.aog-carousel__nav:disabled { opacity:.28; cursor:default; }
.aog-carousel__prev { inset-inline-start:0; }
.aog-carousel__next { inset-inline-end:0; }
.aog-carousel__nav::before {
  content:""; width:9px; height:9px; display:block; color:var(--aog-text);
  border-top:1.5px solid currentColor; border-right:1.5px solid currentColor;
}
.aog-carousel__next::before { transform:rotate(45deg); margin-inline-start:-4px; }
.aog-carousel__prev::before { transform:rotate(-135deg); margin-inline-end:-4px; }
[dir="rtl"] .aog-carousel__next::before { transform:rotate(-135deg); margin-inline-start:0; margin-inline-end:-4px; }
[dir="rtl"] .aog-carousel__prev::before { transform:rotate(45deg); margin-inline-end:0; margin-inline-start:-4px; }

.aog-carousel__dots { display:flex; justify-content:center; gap:8px; margin-top:28px; }
.aog-carousel__dot { width:8px; height:8px; border:0; border-radius:50%; background:var(--aog-line); cursor:pointer; padding:0; transition:width .3s ease, background-color .3s ease; }
.aog-carousel__dot.is-active { background:var(--aog-accent,var(--aog-gold)); width:22px; border-radius:4px; }
@media (max-width:600px){ .aog-carousel__nav{ display:none; } }

/* ---- רשת הקטגוריות המובילות — 4 קבועות, מותאם דסקטופ / טאבלט / מובייל ---- */
.aog-catgrid {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:clamp(14px, 1.6vw, 26px);
  padding-inline:clamp(0px, 4vw, 40px);
}
@media (max-width:1024px){ .aog-catgrid{ grid-template-columns:repeat(2, 1fr); gap:clamp(14px,2vw,22px); padding-inline:clamp(16px,3vw,28px); } }
@media (max-width:520px){  .aog-catgrid{ gap:12px; padding-inline:14px; } }

/* ---- כרטיס קטגוריה עריכתי בצבעי Atelier (שנהב + זהב + אמרלד) ---- */
.aog-catcard {
  position:relative; display:block; text-decoration:none; overflow:hidden;
  background:#fff;
  border:1px solid var(--aog-line, #e7e1d8);
  border-radius:3px;
  transition:box-shadow .6s ease, transform .6s cubic-bezier(.2,.7,.2,1), border-color .6s ease;
}
.aog-catcard:hover, .aog-catcard:focus-visible {
  transform:translateY(-4px);
  border-color:var(--aog-gold, #C9A063);
  box-shadow:0 20px 44px -24px rgba(30,94,71,.42);
}
.aog-catcard__img { position:relative; overflow:hidden; aspect-ratio:1/1; background:#fff; }
.aog-catcard__img img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-catcard:hover .aog-catcard__img img,
.aog-catcard:focus-visible .aog-catcard__img img { transform:scale(1.06); }

/* כיתוב מתחת לתמונה על שנהב חם — מראה קטלוג יוקרתי */
.aog-catcard__label {
  position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:9px;
  padding:clamp(15px,1.4vw,20px) 12px clamp(15px,1.5vw,21px);
  text-align:center;
  background:linear-gradient(180deg, #FBF9F5 0%, #F4EFE7 100%);
  border-top:1px solid var(--aog-line, #ece6dc);
}
.aog-catcard__name {
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.16em;
  font-size:clamp(13px, 1.05vw, 16px); line-height:1; color:var(--aog-text, #1b1b1b);
}
/* קו-הפרדה זהב מתחת לשם — מתרחב בריחוף */
.aog-catcard__name::after {
  content:""; display:block; width:26px; height:1px; margin:11px auto 0;
  background:var(--aog-gold, #C9A063); transition:width .55s ease;
}
.aog-catcard:hover .aog-catcard__name::after,
.aog-catcard:focus-visible .aog-catcard__name::after { width:48px; }
/* CTA אמרלד שנחשף בריחוף */
.aog-catcard__cta {
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.24em;
  font-size:10.5px; color:var(--aog-accent, #1E5E47);
  max-height:0; opacity:0; transform:translateY(4px); overflow:hidden;
  transition:opacity .5s ease, transform .5s ease, max-height .5s ease;
}
.aog-catcard:hover .aog-catcard__cta,
.aog-catcard:focus-visible .aog-catcard__cta { opacity:1; transform:none; max-height:22px; }
/* מגע: אין ריחוף — נחשוף את ה-CTA תמיד */
@media (hover:none){ .aog-catcard__cta{ opacity:1; transform:none; max-height:22px; } }

:lang(he) .aog-catcard__name, [lang="he"] .aog-catcard__name { font-family:"Heebo",sans-serif; font-weight:600; }

/* ---- קמפיין עריכתי מסך-מלא ---- */
.aog-editorial {
  position:relative; min-height:clamp(420px,72vh,780px); overflow:hidden; background:#0A0A0A;
  display:flex; align-items:center; justify-content:center;
}
.aog-editorial__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aog-editorial__overlay { position:absolute; inset:0;
  background:
    radial-gradient(120% 80% at 50% 60%, rgba(0,0,0,.22), rgba(0,0,0,.55)),
    linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,.42));
}
.aog-editorial__content { position:relative; z-index:2; text-align:center; color:#fff; padding:24px; }
.aog-editorial__title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  font-size:clamp(34px,5.5vw,80px); line-height:1; margin:14px 0 30px;
  color:#fff; text-shadow:0 2px 28px rgba(0,0,0,.45);
}
:lang(he) .aog-editorial__title, [lang="he"] .aog-editorial__title { font-family:"Heebo",sans-serif; font-weight:800; }

/* ---- "הצורה של המודרני" — עריכתי כהה (תמונה + טקסט) ---- */
.aog-forme { display:grid; grid-template-columns:1fr 1fr; background:#0E0E0E; color:#fff; }
.aog-forme__media { position:relative; overflow:hidden; min-height:clamp(360px,60vh,660px); }
.aog-forme__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aog-forme__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(32px,6vw,96px); }
.aog-forme__title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  font-size:clamp(34px,4.6vw,70px); line-height:1; margin:14px 0 22px; color:#fff;
}
:lang(he) .aog-forme__title, [lang="he"] .aog-forme__title { font-family:"Heebo",sans-serif; font-weight:800; }
.aog-forme__text { color:rgba(255,255,255,.8); line-height:1.95; max-width:46ch; margin:0 0 32px; }
.aog-forme .aog-eyebrow { color:var(--aog-gold-soft); }
@media (max-width:880px){ .aog-forme{ grid-template-columns:1fr; } .aog-forme__media{ min-height:54vh; order:-1; } }

/* קישור-תת בהיר על רקע כהה ↔ כהה על רקע בהיר */
.aog-cinema__link--dark { color:var(--aog-text) !important; }
.aog-cinema__link--dark::after { background:rgba(0,0,0,.35); }

/* ---- יתרונות החנות (Avantages e-boutique) ---- */
.aog-perks { padding-block:clamp(34px,4.5vw,62px); border-top:1px solid var(--aog-line); }
.aog-perks__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:34px; text-align:center; }
.aog-perk svg { width:34px; height:34px; color:var(--aog-gold); margin-bottom:16px; }
.aog-perk__title { font-family:var(--aog-font-display); font-size:17px; letter-spacing:.02em; margin:0 0 8px; color:var(--aog-text); }
.aog-perk__text { color:var(--aog-text-muted); font-size:14px; line-height:1.7; margin:0; }
@media (max-width:760px){ .aog-perks__grid{ grid-template-columns:repeat(2,1fr); gap:30px 24px; } }

/* ---- ניוזלטר בפוטר ---- */
.aog-newsletter { border-bottom:1px solid var(--aog-line); padding-block:clamp(40px,5vw,64px); }
.aog-newsletter__inner { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.aog-newsletter__title { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.04em; font-size:clamp(20px,2.4vw,30px); margin:0 0 6px; color:var(--aog-text); }
:lang(he) .aog-newsletter__title, [lang="he"] .aog-newsletter__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-newsletter__text { color:var(--aog-text-muted); margin:0; font-size:15px; }
.aog-newsletter__form { display:flex; gap:12px; flex:1 1 360px; max-width:520px; }
.aog-newsletter__form input[type="email"] { flex:1 1 auto; }
@media (max-width:760px){
  .aog-newsletter__inner{ flex-direction:column; align-items:stretch; text-align:center; }
  /* בלי האיפוס הזה flex-basis:360px הופך לגובה 360px בעמודה (תיבות-ענק במובייל) */
  .aog-newsletter__form{ max-width:none; flex:0 0 auto; flex-direction:column; gap:12px; }
  .aog-newsletter__form input[type="email"],
  .aog-newsletter__form .button{ width:100%; }
}

/* ---- פוטר כהה (כמו Messika) — מגדיר מחדש משתני-מותג מקומיים ---- */
.aog-footer--dark {
  background:#0A0A0A !important;
  --aog-bg-alt:#0A0A0A; --aog-surface:#161616; --aog-line:#2A2A2A;
  --aog-text:#F6F4F0; --aog-text-muted:#A8A29A; --aog-gold:#CDB489; --aog-gold-soft:#E6D4AE;
  color:var(--aog-text-muted);
}
.aog-footer--dark .aog-newsletter__title,
.aog-footer--dark .aog-footer__wordmark { color:#fff !important; }
.aog-footer--dark .aog-newsletter__text { color:var(--aog-text-muted); }
/* כפתור ניוזלטר בפוטר כהה — זהב על כהה, ניגודיות ברורה */
.aog-footer--dark .aog-btn-fill {
  background:var(--aog-gold) !important; color:#141414 !important; border-color:var(--aog-gold) !important;
}
.aog-footer--dark .aog-btn-fill:hover { background:var(--aog-gold-soft) !important; border-color:var(--aog-gold-soft) !important; }
.aog-footer--dark input[type="email"] { background:var(--aog-surface) !important; border-color:var(--aog-line) !important; color:var(--aog-text) !important; }


/* =====================================================================
   16. עולם VOGA — אותה שפה, אופי שונה (כהה · שמפניה · אופנה-עריכתית חדה)
   ===================================================================== */

/* כותרת לטינית בולטת (Oswald) — גוברת על :lang(he)/[lang=en] */
.aog-cinema__title--latin {
  font-family:var(--aog-font-condensed) !important; font-weight:700 !important;
  letter-spacing:.06em !important;
}

/* Hero של Voga: אקסנט שמפניה + כיסוי מעט שונה (חושף יותר את הדוגמנית) */
.aog-cinema--voga .aog-cinema__eyebrow { color:var(--aog-gold-soft); }
.aog-cinema--voga .aog-cinema__overlay {
  background:
    /* stronger top scrim so the white centered "VOGA" logo stays legible over the
       light-grey studio backdrop of the hero photo */
    linear-gradient(180deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.18) 24%, rgba(0,0,0,0) 42%),
    linear-gradient(0deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.30) 54%, rgba(0,0,0,0) 82%),
    /* subtle side vignette frames the title */
    radial-gradient(120% 80% at 50% 60%, rgba(0,0,0,0) 55%, rgba(0,0,0,.32) 100%);
}
.aog-cinema--voga .aog-cinema__title { text-shadow:0 2px 40px rgba(0,0,0,.6); }
/* קו שמפניה דק מתחת לכותרת — חתימה אופנתית ייחודית ל-Voga */
.aog-cinema--voga .aog-cinema__title { position:relative; }
.aog-cinema--voga .aog-cinema__title::after {
  content:""; display:block; width:70px; height:2px; margin:22px auto 0;
  background:var(--aog-gold-soft);
}

/* הצהרת המותג — ריווח אוורירי, מרכז */
.aog-voga-statement { text-align:center; }
.aog-voga-statement .aog-voga-hero__statement { margin-inline:auto; }

/* רשת Voga — כרטיסים גבוהים יותר, חדים */
.aog-voga-section { padding-block:0 clamp(40px,6vw,82px); }
.aog-voga-section .aog-section-head { padding-block:clamp(30px,4.5vw,60px) clamp(16px,2.2vw,26px); }
.aog-voga-card__kicker { display:block; color:var(--aog-gold-soft); letter-spacing:.2em; text-transform:uppercase; font-size:11px; margin-bottom:8px; }
.aog-voga-card__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#fff; font-size:clamp(22px,2.4vw,34px); margin:0 0 12px; }
:lang(he) .aog-voga-card__title, [lang="he"] .aog-voga-card__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-voga-card__cta { display:inline-block; color:#fff; letter-spacing:.14em; text-transform:uppercase; font-size:12px; border-bottom:1px solid var(--aog-gold-soft); padding-bottom:4px; }

/* קמפיין Voga — גוון מונוכרום דרמטי */
.aog-editorial--voga .aog-editorial__bg { filter:grayscale(.45) contrast(1.06); }
.aog-editorial--voga .aog-editorial__overlay { background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3)); }

/* ---- 16b. Voga gateway — an elegant, contained invitation into the Voga world.
   Framed by whitespace (not a full-bleed dark slab) so the transition out of the
   light Atelier world feels soft and refined, never abrupt. ---- */
.aog-voga-gateway {
  position:relative; min-height:clamp(380px,52vh,540px);
  margin:clamp(40px,8vw,104px) clamp(16px,4vw,40px);
  border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; text-align:center; color:#fff; background:#0a0a0a;
}
.aog-voga-gateway__bg {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  filter:grayscale(.18) contrast(1.02) brightness(.92); transform:scale(1.04);
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1);
}
.aog-voga-gateway:hover .aog-voga-gateway__bg { transform:scale(1.08); }
.aog-voga-gateway__overlay {
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(10,10,10,.34), rgba(10,10,10,.60)),
    radial-gradient(90% 80% at 50% 50%, rgba(0,0,0,0) 46%, rgba(0,0,0,.38) 100%);
}
/* refined champagne hairline frame — quiet luxury detail */
.aog-voga-gateway::after {
  content:""; position:absolute; inset:14px; z-index:1; pointer-events:none;
  border:1px solid rgba(212,184,120,.34); border-radius:3px;
}
.aog-voga-gateway__inner { position:relative; z-index:2; padding:48px 24px; max-width:780px; }
.aog-voga-gateway__title {
  font-family:var(--aog-font-condensed); font-weight:700; text-transform:uppercase;
  font-size:clamp(58px,11vw,138px); line-height:.9; letter-spacing:.14em; text-indent:.14em;
  margin:12px 0 0; color:#fff; text-shadow:0 2px 40px rgba(0,0,0,.4);
}
.aog-voga-gateway__title::after { content:""; display:block; width:84px; height:2px; margin:26px auto 0; background:var(--aog-gold-soft); }
/* גרסת-לוגו: אמבלם Voga הזהוב במקום ה-wordmark הטקסטואלי */
.aog-voga-gateway__title--logo { margin:4px 0 0; font-size:0; }
.aog-voga-gateway__logo { height:clamp(118px,15vw,184px); width:auto; display:inline-block; filter:drop-shadow(0 8px 34px rgba(0,0,0,.5)); }
.aog-voga-gateway__title--logo::after { margin-top:16px; }
.aog-voga-gateway__sub { color:rgba(255,255,255,.85); letter-spacing:.18em; text-transform:uppercase; font-size:clamp(12px,1.4vw,15px); margin:24px 0 32px; }
.aog-voga-gateway__cta {
  display:inline-block; color:#fff !important; border:1px solid rgba(255,255,255,.5);
  padding:15px 42px; letter-spacing:.2em; text-transform:uppercase; font-size:12px;
  transition:background-color .45s ease, border-color .45s ease, color .45s ease, letter-spacing .45s ease;
}
.aog-voga-gateway__cta:hover { background:var(--aog-gold-soft); border-color:var(--aog-gold-soft); color:#0a0a0a !important; letter-spacing:.26em; }


/* =====================================================================
   21. Infinite product strip + product card + quick view (eye)
   ===================================================================== */
.aog-infinite {
  position:relative; overflow:hidden; width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  padding-block:6px;
}
.aog-infinite__track { display:flex; gap:clamp(14px,2vw,30px); width:max-content; will-change:transform; }
/* reduced-motion / no-JS fallback → a normal horizontal scroll row */
.aog-infinite.is-static { overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.aog-infinite.is-static::-webkit-scrollbar { display:none; }

/* ---- product card ---- */
.aog-prodcard { flex:0 0 auto; width:clamp(186px,22vw,288px); }
.aog-prodcard__media { position:relative; overflow:hidden; aspect-ratio:1/1; background:var(--aog-bg-alt); border-radius:3px; }
.aog-prodcard__imglink { display:block; width:100%; height:100%; }
.aog-prodcard__media img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-prodcard:hover .aog-prodcard__media img { transform:scale(1.06); }
.aog-prodcard__eye {
  position:absolute; inset-block-end:12px; inset-inline-end:12px;
  width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  border:0; cursor:pointer; background:rgba(255,255,255,.95); color:var(--aog-text);
  border-radius:50%; box-shadow:0 6px 22px rgba(0,0,0,.18);
  opacity:0; transform:translateY(10px) scale(.9);
  transition:opacity .35s ease, transform .4s cubic-bezier(.2,.7,.2,1), background-color .3s ease, color .3s ease;
}
.aog-prodcard__eye svg { width:20px; height:20px; display:block; }
.aog-prodcard__eye span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0; }
.aog-prodcard:hover .aog-prodcard__eye,
.aog-prodcard:focus-within .aog-prodcard__eye { opacity:1; transform:translateY(0) scale(1); }
.aog-prodcard__eye:hover { background:var(--aog-gold); color:#0a0a0a; }
@media (hover:none){ .aog-prodcard__eye { opacity:1; transform:none; } }
.aog-prodcard__info { display:block; text-align:center; padding-top:16px; color:var(--aog-text); }
.aog-prodcard__name { display:block; font-family:var(--aog-font-display); font-size:clamp(15px,1.5vw,18px); line-height:1.3; }
.aog-prodcard__price { display:block; margin-top:5px; font-size:13px; color:var(--aog-text-muted); letter-spacing:.02em; }
.aog-prodcard__price del { opacity:.5; margin-inline-end:6px; }
.aog-prodcard__price ins { text-decoration:none; color:var(--aog-text); }
/* on dark worlds (Voga) the card text turns light automatically via --aog-text */

/* ---- quick-view modal ---- */
.aog-qv-lock { overflow:hidden; }
.aog-qv-modal { position:fixed; inset:0; z-index:2000; display:none; }
.aog-qv-modal.is-open { display:block; }
.aog-qv-modal__scrim { position:absolute; inset:0; background:rgba(10,10,10,.62); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); animation:aog-fade .3s ease; }
.aog-qv-modal__inner {
  position:absolute; inset:0; margin:auto;
  width:min(940px,92vw); max-height:90vh; height:max-content; overflow:auto;
  background:var(--aog-bg); color:var(--aog-text); box-shadow:0 30px 90px rgba(0,0,0,.45);
  animation:aog-qv-in .4s cubic-bezier(.2,.7,.2,1);
}
.aog-qv-modal__close {
  position:absolute; top:12px; inset-inline-end:16px; z-index:3;
  background:none; border:0; font-size:30px; line-height:1; cursor:pointer; color:var(--aog-text-muted);
}
.aog-qv-modal__close:hover { color:var(--aog-text); }
@keyframes aog-qv-in { from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }
@keyframes aog-fade { from{ opacity:0; } to{ opacity:1; } }
.aog-qv-spin { width:40px; height:40px; margin:90px auto; border:2px solid var(--aog-line); border-top-color:var(--aog-gold); border-radius:50%; animation:aog-spin 1s linear infinite; }
@keyframes aog-spin { to{ transform:rotate(360deg); } }
.aog-qv-err { padding:90px 24px; text-align:center; color:var(--aog-text-muted); }
.aog-qv { display:grid; grid-template-columns:1fr 1fr; }
.aog-qv__media { background:var(--aog-bg-alt); min-height:100%; }
.aog-qv__media img { width:100%; height:100%; object-fit:cover; display:block; }
.aog-qv__body { padding:clamp(28px,4vw,54px); display:flex; flex-direction:column; }
.aog-qv__kicker { color:var(--aog-gold); letter-spacing:.24em; text-transform:uppercase; font-size:11px; }
.aog-qv__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.02em; font-size:clamp(24px,3vw,38px); margin:12px 0 14px; line-height:1.05; }
:lang(he) .aog-qv__title, [lang="he"] .aog-qv__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-qv__price { font-size:20px; color:var(--aog-text); margin-bottom:18px; }
.aog-qv__price del { opacity:.5; margin-inline-end:8px; }
.aog-qv__price ins { text-decoration:none; }
.aog-qv__desc { color:var(--aog-text-muted); line-height:1.8; margin-bottom:28px; }
.aog-qv__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:auto; padding-top:22px; border-top:1px solid var(--aog-line); }
@media (max-width:720px){ .aog-qv { grid-template-columns:1fr; } .aog-qv__media { aspect-ratio:4/3; min-height:0; } }

/* ---- quick view — Atelier brand-colour treatment (v2.6.8) ---- */
.aog-qv__title::after {
  content:""; display:block; width:34px; height:1px; margin:14px 0 0;
  background:var(--aog-gold);
}
.aog-qv__price { color:var(--aog-accent); font-size:22px; letter-spacing:.02em; }
.aog-qv__price ins { color:var(--aog-accent); }
/* colour selection row */
.aog-qv__opt { margin-bottom:26px; }
.aog-qv__optlabel {
  display:block; margin-bottom:11px;
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.2em;
  font-size:11px; color:var(--aog-text-muted);
}
.aog-qv__swatches { display:flex; flex-wrap:wrap; gap:11px; }
.aog-qv__swatches .aog-swatch--dot { width:30px; height:30px; cursor:pointer; }
.aog-qv__swatches .aog-swatch--dot:hover { transform:scale(1.1); }
.aog-qv__swatches .aog-swatch--dot.is-active {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 2px var(--aog-bg), 0 0 0 4px var(--aog-gold);
}
/* add-to-cart fills with the house accent (emerald on Atelier, champagne on Voga) */
.aog-qv .aog-btn-fill {
  background:var(--aog-accent); border-color:var(--aog-accent); color:#fff;
}
.aog-qv .aog-btn-fill:hover { background:var(--aog-text); border-color:var(--aog-text); color:#fff; }

/* ---- quick view — Voga brand-colour treatment (dark + champagne) v2.6.10 ---- */
body.brand-voga .aog-qv__media { background:#0e0e0e; }
body.brand-voga .aog-qv__kicker { color:var(--aog-gold-soft); }
body.brand-voga .aog-qv__title::after { background:var(--aog-gold-soft); }
body.brand-voga .aog-qv__price,
body.brand-voga .aog-qv__price ins { color:var(--aog-gold-soft); }
body.brand-voga .aog-qv__optlabel { color:var(--aog-gold-soft); }
body.brand-voga .aog-qv__desc { color:#C9C4BB; }
body.brand-voga .aog-qv-modal__close { color:var(--aog-gold-soft); }
body.brand-voga .aog-qv__swatches .aog-swatch--dot { box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
body.brand-voga .aog-qv__swatches .aog-swatch--dot.is-active {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 0 2px #0a0a0a, 0 0 0 4px var(--aog-gold-soft);
}
body.brand-voga .aog-qv .aog-btn-fill {
  background:var(--aog-gold-soft) !important; border-color:var(--aog-gold-soft) !important; color:#0a0a0a !important;
}
body.brand-voga .aog-qv .aog-btn-fill:hover {
  background:#fff !important; border-color:#fff !important; color:#0a0a0a !important;
}

@media (prefers-reduced-motion: reduce){
  .aog-prodcard__eye { opacity:1; transform:none; }
  .aog-qv-modal__inner, .aog-qv-modal__scrim { animation:none; }
}


/* =====================================================================
   17. עמוד חנות / קטגוריה + עמוד מוצר בודד — שפת Messika
   ===================================================================== */

/* ---- באנר עליון (חנות/קטגוריה) ---- */
.aog-shop-banner { padding-block:clamp(50px,7vw,104px) clamp(20px,3vw,38px); text-align:center; }
.aog-shop-banner__title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  letter-spacing:.03em; font-size:clamp(30px,4.4vw,60px); color:var(--aog-text); margin:.2em 0 0;
}
:lang(he) .aog-shop-banner__title, [lang="he"] .aog-shop-banner__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-shop-banner__desc { color:var(--aog-text-muted); max-width:58ch; margin:16px auto 0; line-height:1.8; }

/* ---- פירורי לחם ---- */
.aog-breadcrumb { font-size:12px; letter-spacing:.08em; color:var(--aog-text-muted); text-align:center; margin-top:18px; }
.aog-breadcrumb a { color:var(--aog-text-muted) !important; text-decoration:none; }
.aog-breadcrumb a:hover { color:var(--aog-gold) !important; }
.aog-breadcrumb--single { text-align:start; margin:0 0 26px; }

/* ---- רשת מוצרים אחידה (4 בשורה כמו Messika) ---- */
.aog-shop .woocommerce ul.products,
.aog-shop ul.products {
  display:grid !important; grid-template-columns:repeat(4,1fr);
  gap:clamp(18px,2.2vw,36px) clamp(14px,1.8vw,28px); margin:0 0 40px !important; padding:0; list-style:none;
}
.aog-shop ul.products::before, .aog-shop ul.products::after { content:none !important; display:none !important; }
.aog-shop ul.products li.product {
  width:auto !important; margin:0 !important; float:none !important;
  text-align:center; border:0 !important; background:transparent !important; padding:0 !important;
}
/* כל פריט ברשת = כרטיס הפרימיום האחיד (aog_product_card), נמתח לרוחב התא */
.aog-shop ul.products li.product .aog-prodcard { width:100%; flex:0 0 auto; }
@media (max-width:1024px){ .aog-shop .woocommerce ul.products, .aog-shop ul.products { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ .aog-shop .woocommerce ul.products, .aog-shop ul.products { grid-template-columns:repeat(2,1fr); } }

/* ---- סרגל מיון/ספירה ---- */
.aog-shop .woocommerce-products-header { text-align:center; margin-bottom:18px; }
.woocommerce-result-count { color:var(--aog-text-muted); font-size:13px; letter-spacing:.04em; }
.woocommerce-ordering select { letter-spacing:.04em; }

/* ---- עמוד מוצר בודד ---- */
.single-product div.product {
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,4vw,68px); align-items:start;
}
.single-product div.product::before, .single-product div.product::after { content:none !important; }
/* גלריה + תקציר = 2 טורים; טאבים/קשורים/אפסל = רוחב מלא מתחת */
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .related,
.single-product div.product > .upsells { grid-column:1 / -1; }
.single-product .woocommerce-product-gallery { float:none !important; width:100% !important; margin:0 !important; min-width:0; }
.single-product .summary { float:none !important; width:100% !important; margin:0 !important; min-width:0; }
/* מונע מתמונת הגלריה (רוחב טבעי גדול) לנפח את טור ה-grid */
.single-product .woocommerce-product-gallery img { width:100% !important; height:auto; display:block; }
.single-product .woocommerce-product-gallery__image { max-width:100%; }
.single-product .product_title {
  font-family:var(--aog-font-display); font-weight:400; letter-spacing:.01em;
  font-size:clamp(26px,3.2vw,44px); line-height:1.12; margin:0 0 14px;
}
.single-product .summary .price { font-size:clamp(17px,1.7vw,20px); margin-bottom:22px; }
.single-product .summary .single_add_to_cart_button { width:100%; margin-top:6px; }
.single-product .woocommerce-tabs { margin-top:clamp(48px,6vw,90px); }
.single-product .woocommerce-tabs ul.tabs { text-align:center; border:0; padding:0; }
.single-product .woocommerce-tabs ul.tabs::before { border-color:var(--aog-line); }
/* מוצרים קשורים — אותה רשת אחידה (יורש מ-.aog-shop ul.products דרך ה-main) */
.single-product .related.products > h2, .single-product .upsells.products > h2 {
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.04em;
  text-align:center; font-size:clamp(22px,2.6vw,34px); margin:0 0 32px;
}
:lang(he) .single-product .related.products > h2 { font-family:"Heebo",sans-serif; font-weight:700; }
@media (max-width:880px){ .single-product div.product { grid-template-columns:1fr; gap:28px; } }


/* =====================================================================
   18. שאר האתר בשפת Messika — עמודים, בלוג, 404, עגלה, צ'קאאוט, חשבון
   ===================================================================== */

/* ---- באנר כותרת משותף (עמוד תוכן / בלוג / ארכיון) ---- */
.aog-pagehead { padding-block:clamp(50px,7vw,104px) clamp(22px,3vw,40px); text-align:center; }
.aog-pagehead__title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  letter-spacing:.03em; font-size:clamp(30px,4.4vw,60px); color:var(--aog-text); margin:.2em 0 0;
}
:lang(he) .aog-pagehead__title, [lang="he"] .aog-pagehead__title { font-family:"Heebo",sans-serif; font-weight:700; }

/* ---- עמוד תוכן / משפטי — קריא ואלגנטי ---- */
.aog-article { padding-bottom:clamp(56px,8vw,110px); }
.aog-article .aog-page__content { max-width:760px; margin-inline:auto; }
.aog-article .aog-page__content h2 {
  font-family:var(--aog-font-display); font-weight:500; color:var(--aog-text);
  font-size:clamp(20px,2.2vw,28px); letter-spacing:.01em; margin:1.9em 0 .55em;
}
.aog-article .aog-page__content h2:first-child { margin-top:0; }
.aog-article .aog-page__content :is(p,li) { color:var(--aog-text-muted); line-height:2; }
.aog-article .aog-page__content ul { padding-inline-start:1.25em; margin:0 0 1.2em; }
.aog-article .aog-page__content li { margin-bottom:.5em; }
.aog-article .aog-page__content a { color:var(--aog-gold); }
.aog-article .aog-page__content strong { color:var(--aog-text); }

/* ---- בלוג: רשת ---- */
.aog-blog .aog-posts { margin-bottom:clamp(40px,6vw,80px); }

/* =====================================================================
   Single post (Journal article) — cover hero, readable body, related, prev/next
   ===================================================================== */
.aog-post-hero { position:relative; min-height:clamp(320px,52vh,520px); display:flex; align-items:flex-end; overflow:hidden; background:#0A0A0A; }
.aog-post-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.05); animation:aogAboutZoom 16s ease-out forwards; }
.aog-post-hero__overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.42) 55%, rgba(0,0,0,.8) 100%); }
.aog-post-hero__inner { position:relative; z-index:1; color:#fff; padding-block:clamp(28px,5vw,60px); width:100%; }
.aog-post-hero__cat { display:inline-block; border:0 !important; color:var(--aog-gold-soft,#C9A227); }
.aog-post-hero__title { font-family:var(--aog-font-display); font-weight:500; line-height:1.1; font-size:clamp(28px,4.2vw,56px); margin:12px 0 0; max-width:20ch; text-shadow:0 2px 30px rgba(0,0,0,.4); }
:lang(he) .aog-post-hero__title, [lang="he"] .aog-post-hero__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-post-hero__meta { margin-top:16px; display:flex; gap:10px; align-items:center; color:rgba(255,255,255,.85); font-size:13px; letter-spacing:.05em; }

.aog-single .aog-article { padding-top:clamp(34px,5vw,64px); padding-bottom:clamp(40px,6vw,80px); }
.aog-article__content { max-width:720px; margin-inline:auto; }
.aog-article__content > :first-child { margin-top:0; }
.aog-article__content p, .aog-article__content li { color:var(--aog-text-muted); line-height:1.95; font-size:clamp(16px,1.15vw,17.5px); }
.aog-article__content p { margin:0 0 1.3em; }
.aog-article__content h2 { font-family:var(--aog-font-display); font-weight:500; color:var(--aog-text); font-size:clamp(22px,2.4vw,30px); margin:1.8em 0 .5em; }
.aog-article__content h2::after { content:""; display:block; width:40px; height:2px; background:var(--aog-gold,#A98328); margin-top:.5em; }
.aog-article__content h3 { font-family:var(--aog-font-display); font-weight:500; color:var(--aog-text); font-size:clamp(18px,1.8vw,23px); margin:1.5em 0 .4em; }
.aog-article__content ul, .aog-article__content ol { padding-inline-start:1.3em; margin:0 0 1.3em; }
.aog-article__content li { margin-bottom:.5em; }
.aog-article__content a { color:var(--aog-emerald,#1E5E47); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(169,131,40,.5); }
.aog-article__content a:hover { color:var(--aog-gold-deep,#7E6118); }
.aog-article__content strong { color:var(--aog-text); }
.aog-article__content blockquote { margin:1.6em 0; padding:6px 0 6px 22px; border-inline-start:3px solid var(--aog-gold,#A98328); font-family:var(--aog-font-display); font-size:clamp(18px,2vw,24px); color:var(--aog-text); line-height:1.5; }
.aog-article__content img { border-radius:4px; height:auto; }
.aog-article__content figcaption { color:var(--aog-text-muted); font-size:13px; text-align:center; margin-top:8px; }

.aog-article__tags { max-width:720px; margin:28px auto 0; display:flex; flex-wrap:wrap; gap:8px; }
.aog-article__tags a { font-size:12px; letter-spacing:.04em; color:var(--aog-text-muted); border:1px solid var(--aog-line); border-radius:999px; padding:5px 14px; }
.aog-article__tags a:hover { border-color:var(--aog-gold); color:var(--aog-gold-deep); }
.aog-article__cta { max-width:720px; margin:clamp(34px,5vw,56px) auto 0; padding:clamp(24px,3vw,38px); text-align:center; background:linear-gradient(180deg,#FBF9F5,#F4EFE7); border:1px solid var(--aog-line); border-radius:6px; }
.aog-article__cta p { margin:0 0 16px; font-family:var(--aog-font-display); font-size:clamp(17px,1.8vw,22px); color:var(--aog-text); }

.aog-postnav { display:flex; gap:16px; justify-content:space-between; margin:clamp(34px,5vw,56px) auto 0; max-width:980px; }
.aog-postnav__link { flex:1 1 0; max-width:48%; border:1px solid var(--aog-line); border-radius:4px; padding:16px 18px; transition:border-color .3s ease, transform .3s ease; }
.aog-postnav__link--next { text-align:end; margin-inline-start:auto; }
.aog-postnav__link:hover { border-color:var(--aog-gold); transform:translateY(-2px); }
.aog-postnav__dir { display:block; font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.1em; font-size:11px; color:var(--aog-emerald,#1E5E47); }
.aog-postnav__title { display:block; margin-top:6px; color:var(--aog-text); font-size:14.5px; line-height:1.35; }

.aog-related { background:var(--aog-bg-alt); }
@media (max-width:600px){
  .aog-postnav { flex-direction:column; }
  .aog-postnav__link, .aog-postnav__link--next { max-width:100%; text-align:start; }
}

/* ---- 404 — ממורכז ומרשים ---- */
.aog-404 { min-height:56vh; display:flex; align-items:center; justify-content:center; padding-block:clamp(60px,12vh,140px); }
.aog-404 h1 { font-family:var(--aog-font-display); font-size:clamp(28px,4vw,52px); margin:8px 0 0; }
.aog-404 .aog-eyebrow { font-size:46px; letter-spacing:.1em; color:var(--aog-gold); }

/* ---- פגינציה ---- */
.woocommerce-pagination ul, .aog-blog .navigation .nav-links { display:flex; gap:8px; justify-content:center; list-style:none; padding:0; }
.woocommerce-pagination a, .woocommerce-pagination span,
.aog-blog .page-numbers {
  display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px;
  border:1px solid var(--aog-line); color:var(--aog-text); text-decoration:none; padding:0 10px;
}
.woocommerce-pagination .current, .aog-blog .page-numbers.current { background:var(--aog-text); color:var(--aog-bg); border-color:var(--aog-text); }
.woocommerce-pagination a:hover, .aog-blog a.page-numbers:hover { border-color:var(--aog-text); }

/* =========== WooCommerce: עגלה =========== */
.woocommerce table.shop_table { border:0 !important; border-collapse:collapse; width:100%; }
.woocommerce table.shop_table th {
  text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:600;
  color:var(--aog-text); border:0; border-bottom:1px solid var(--aog-line); padding:14px 12px; text-align:start;
}
.woocommerce table.shop_table td { border:0; border-bottom:1px solid var(--aog-line); padding:18px 12px; vertical-align:middle; }
.woocommerce table.shop_table img { width:72px; height:72px; object-fit:cover; }
.woocommerce .cart-collaterals .cart_totals {
  background:var(--aog-bg-alt); border:1px solid var(--aog-line); padding:clamp(20px,3vw,32px); border-radius:var(--aog-radius);
}
.woocommerce .cart_totals h2 { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.04em; font-size:22px; margin:0 0 18px; }
:lang(he) .woocommerce .cart_totals h2 { font-family:"Heebo",sans-serif; font-weight:700; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { width:100%; text-align:center; }
.woocommerce .coupon { display:flex; gap:10px; flex-wrap:wrap; }
.woocommerce form.woocommerce-cart-form + .cart-collaterals,
.woocommerce .cart-collaterals { margin-top:clamp(28px,4vw,48px); }

/* =========== WooCommerce: צ'קאאוט =========== */
.woocommerce-checkout #customer_details { margin-bottom:32px; }
.woocommerce-checkout h3 { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.04em; font-size:20px; margin:0 0 16px; }
:lang(he) .woocommerce-checkout h3 { font-family:"Heebo",sans-serif; font-weight:700; }
.woocommerce-checkout #order_review_heading { margin-top:0; }
.woocommerce-checkout #order_review {
  background:var(--aog-bg-alt); border:1px solid var(--aog-line); padding:clamp(20px,3vw,32px); border-radius:var(--aog-radius);
}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td { padding:12px 8px; }
.woocommerce-checkout #place_order { width:100%; margin-top:8px; }
.woocommerce form .form-row label { font-size:13px; letter-spacing:.02em; color:var(--aog-text); margin-bottom:6px; display:block; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width:100%; }

/* =========== עוטף עמודי שורטקוד WooCommerce (חשבון/עגלה/צ'קאאוט) =========== */
/* רחב ומיושר-להתחלה, לא עמודת-מאמר צרה */
.aog-wc-page { padding-bottom:clamp(56px,8vw,110px); text-align:start; }
.aog-wc-page .woocommerce { width:100%; }

/* =========== WooCommerce: החשבון שלי =========== */
/* לוח הבקרה (מחובר) = ניווט צדי + תוכן. תופס בין אם העוטף הוא .woocommerce ובין אם
   WooCommerce עוטף את הניווט/תוכן ברמה אחרת — מכוונים לאב המשותף. */
.woocommerce-account.logged-in .woocommerce {
  display:grid; grid-template-columns:240px 1fr; gap:clamp(24px,4vw,56px);
  align-items:start; text-align:start;
}
/* הודעות WooCommerce הן ילד ראשון של .woocommerce — חייבות לפרוס על כל הרוחב,
   אחרת הן תופסות את תא-הרשת הראשון ודוחפות ניווט/תוכן לעמודות הלא-נכונות (תוכן צר/עקום). */
.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper { grid-column:1 / -1; }
/* קיבוע מפורש של העמודות — הניווט תמיד צר משמאל, התוכן תמיד רחב */
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation { grid-column:1; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content { grid-column:2; }
.woocommerce-account .woocommerce-MyAccount-navigation { min-width:0; }
.woocommerce-account .woocommerce-MyAccount-content { min-width:0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom:1px solid var(--aog-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display:block; padding:14px 4px; color:var(--aog-text); letter-spacing:.04em;
  text-align:start; text-decoration:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color:var(--aog-gold); }
.woocommerce-account .woocommerce-MyAccount-content { line-height:1.9; }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) { color:var(--aog-gold); }
/* התחברות/הרשמה (לא מחובר) — שני כרטיסים ממורכזים */
.woocommerce-account:not(.logged-in) .woocommerce { max-width:1000px; margin-inline:auto; }
.woocommerce-account:not(.logged-in) .u-columns > div { background:var(--aog-bg-alt); border:1px solid var(--aog-line); padding:clamp(22px,3vw,36px); border-radius:var(--aog-radius); }
.woocommerce-account .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-register__submit { width:100%; }
@media (max-width:768px){
  /* stack nav above content; kill WC float + our sticky so the nav never sits on
     top of the form (it was covering the inputs → couldn't edit details) */
  .woocommerce-account.logged-in .woocommerce { display:block !important; }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width:100% !important; float:none !important; clear:both !important;
    position:static !important; display:block; box-sizing:border-box;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin:0 0 18px !important; top:auto !important; }
  .woocommerce-account .woocommerce-MyAccount-navigation li a { white-space:normal; }
}

/* ---- My Account v2 — Atelier brand treatment (emerald + gold + ivory) ---- */
/* WooCommerce core sets width:30% / float on these — neutralise so they fill the grid track */
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation,
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content {
  width:100% !important; float:none !important; margin:0 !important; box-sizing:border-box;
}
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation {
  background:linear-gradient(180deg,#FBF9F5 0%,#F4EFE7 100%);
  border:1px solid var(--aog-line); border-radius:4px; padding:8px 16px;
  align-self:start; position:sticky; top:calc(var(--aog-header-h,86px) + 16px);
}
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom:1px solid rgba(169,131,40,.16); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  position:relative; padding:13px 12px; color:var(--aog-text); white-space:nowrap;
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.06em; font-size:13px;
  border-radius:3px; transition:color .25s ease, background-color .25s ease, padding .25s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color:var(--aog-emerald,#1E5E47); background:rgba(30,94,71,.05); padding-inline-start:16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color:var(--aog-emerald,#1E5E47); background:rgba(30,94,71,.07); padding-inline-start:16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
  content:""; position:absolute; inset-inline-start:0; top:9px; bottom:9px; width:3px; background:var(--aog-gold,#A98328); border-radius:2px;
}
.woocommerce-account .woocommerce-MyAccount-content {
  background:#fff; border:1px solid var(--aog-line); border-radius:4px; padding:clamp(20px,3vw,40px);
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child { margin-top:0; }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) { color:var(--aog-emerald,#1E5E47); }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover { color:var(--aog-gold,#A98328); }
.woocommerce-account .woocommerce-MyAccount-content mark { background:rgba(169,131,40,.16); color:var(--aog-text); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.05em; color:var(--aog-text);
}
.woocommerce-account .woocommerce-MyAccount-content .button { background:var(--aog-emerald,#1E5E47); color:#fff; border:0; }
.woocommerce-account .woocommerce-MyAccount-content .button:hover { background:var(--aog-gold,#A98328); color:#0a0a0a; }
.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table th { color:var(--aog-text-muted); letter-spacing:.06em; text-transform:uppercase; font-size:12px; }
/* Login / register cards */
.woocommerce-account:not(.logged-in) .u-columns > div { box-shadow:0 18px 40px -30px rgba(30,94,71,.4); }
.woocommerce-account:not(.logged-in) .u-columns h2 { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.06em; color:var(--aog-text); }
.woocommerce-account .woocommerce-form input:focus { border-color:var(--aog-gold,#A98328); outline:none; box-shadow:0 0 0 3px rgba(169,131,40,.15); }
.woocommerce-account .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-register__submit { background:var(--aog-emerald,#1E5E47) !important; color:#fff !important; border:0 !important; }
.woocommerce-account .woocommerce-form-login__submit:hover, .woocommerce-account .woocommerce-form-register__submit:hover { background:var(--aog-gold,#A98328) !important; color:#0a0a0a !important; }

/* הודעות WooCommerce (notices) */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top:2px solid var(--aog-gold); background:var(--aog-bg-alt); color:var(--aog-text);
  padding:16px 20px; border-radius:var(--aog-radius); list-style:none;
}

/* =====================================================================
   19. v2.1 — Premium nav drawer, marquee, lookbook, real-life, stagger
   ===================================================================== */

/* ---- 19a. Off-canvas navigation drawer (premium rebuild) ---- */
.aog-nav {
  width:min(92vw,420px) !important;
  padding:0 !important;
  justify-content:flex-start;
  box-shadow:0 0 60px rgba(0,0,0,.18);
}
.aog-nav__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 34px; border-bottom:1px solid var(--aog-line); flex:0 0 auto;
}
.aog-nav__wordmark {
  font-family:var(--aog-font-display); font-size:15px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--aog-text);
}
.aog-nav__close { position:relative; width:26px; height:26px; cursor:pointer; flex:0 0 auto; }
.aog-nav__close span {
  position:absolute; top:50%; inset-inline:0; height:1.5px; background:var(--aog-text);
  transition:background-color .3s;
}
.aog-nav__close span:nth-child(1){ transform:rotate(45deg); }
.aog-nav__close span:nth-child(2){ transform:rotate(-45deg); }
.aog-nav__close:hover span { background:var(--aog-gold); }

.aog-nav__body { flex:1 1 auto; overflow-y:auto; padding:30px 34px; }
.aog-nav__foot {
  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 34px; border-top:1px solid var(--aog-line);
}
.aog-nav__connect { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.14em; font-size:11.5px; color:var(--aog-text-muted); }
.aog-nav__phone { font-family:var(--aog-font-display); font-size:16px; letter-spacing:.04em; color:var(--aog-text); }
.aog-nav__phone:hover { color:var(--aog-gold); }
.aog-nav__social { display:flex; gap:12px; }
.aog-nav__social a { color:var(--aog-text); }
.aog-nav__social a:hover { color:var(--aog-gold); }

/* classic Atelier social/contact icons in the hamburger drawer — refined gold-rimmed
   outlines, not loud brand colours; subtle emerald fill on hover */
.aog-nav__social--color { gap:14px; }
.aog-nav__social--color .aog-nav__ic {
  display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px;
  border-radius:50%; color:var(--aog-text); background:transparent;
  border:1px solid var(--aog-line);
  transition:color .3s ease, background-color .3s ease, border-color .3s ease, transform .3s ease;
}
.aog-nav__social--color .aog-nav__ic svg { width:18px; height:18px; }
.aog-nav__social--color .aog-nav__ic:hover,
.aog-nav__social--color .aog-nav__ic:focus-visible {
  color:#fff; background:var(--aog-emerald,#1E5E47); border-color:var(--aog-emerald,#1E5E47);
  transform:translateY(-2px);
}

.aog-nav__secondary {
  list-style:none; margin:30px 0 0; padding:26px 0 0;
  border-top:1px solid var(--aog-line); display:flex; flex-direction:column; gap:0;
}
.aog-nav__secondary a {
  display:block; padding:9px 0; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--aog-text-muted);
}
.aog-nav__secondary a:hover { color:var(--aog-gold); }

/* drawer body lock */
body.aog-nav-open { overflow:hidden; }

/* staggered entrance for menu items when the drawer opens */
.aog-js .aog-nav .aog-menu > li,
.aog-js .aog-nav .aog-nav__secondary > li {
  opacity:0; transform:translateY(12px);
  transition:opacity .5s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li,
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__secondary > li { opacity:1; transform:none; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(1){ transition-delay:.14s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(2){ transition-delay:.20s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(3){ transition-delay:.26s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(4){ transition-delay:.32s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(5){ transition-delay:.38s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-menu > li:nth-child(6){ transition-delay:.44s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__secondary > li:nth-child(1){ transition-delay:.46s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__secondary > li:nth-child(2){ transition-delay:.51s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__secondary > li:nth-child(3){ transition-delay:.56s; }
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__secondary > li:nth-child(4){ transition-delay:.61s; }
/* gold underline grow on the big menu links */
.aog-nav .aog-menu > li > a { transition:color .3s ease, padding-inline-start .3s ease; }
.aog-nav .aog-menu > li > a:hover { color:var(--aog-gold); padding-inline-start:8px; }

/* ---- 19a-2. Premium drawer upgrade (wider, editorial, gold accents) ---- */
.aog-nav { width:min(94vw,440px) !important; }
.aog-nav__body { background:linear-gradient(180deg, var(--aog-bg) 0%, var(--aog-bg-alt) 100%); }
/* bigger, condensed menu links with a gold arrow that slides in on hover */
.aog-nav .aog-menu > li > a {
  position:relative; font-size:clamp(22px,3vw,27px); line-height:1.1;
  padding:16px 0; letter-spacing:.005em;
}
.aog-nav .aog-menu > li > a::after {
  content:"\2192"; position:absolute; inset-inline-end:2px; top:50%;
  transform:translateY(-50%) translateX(-8px); opacity:0; color:var(--aog-gold);
  transition:opacity .35s ease, transform .35s cubic-bezier(.2,.7,.2,1); font-size:18px;
}
[dir="rtl"] .aog-nav .aog-menu > li > a::after { content:"\2190"; }
.aog-nav .aog-menu > li > a:hover::after { opacity:1; transform:translateY(-50%) translateX(0); }

/* featured editorial card at the foot of the menu */
.aog-nav__feature {
  display:block; position:relative; margin-top:30px; border-radius:5px; overflow:hidden;
  aspect-ratio:16/10; color:#fff;
  opacity:0; transform:translateY(14px);
  transition:opacity .6s ease .5s, transform .6s cubic-bezier(.2,.7,.2,1) .5s;
}
.aog-nav-toggle-cb:checked ~ .aog-nav .aog-nav__feature { opacity:1; transform:none; }
.aog-nav__feature img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.aog-nav__feature:hover img { transform:scale(1.07); }
.aog-nav__feature::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%);
}
.aog-nav__feature-cap { position:absolute; z-index:1; inset-inline:0; bottom:0; padding:18px 20px; display:flex; flex-direction:column; gap:5px; }
.aog-nav__feature-kicker { font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:var(--aog-gold-soft); }
.aog-nav__feature-title { font-family:var(--aog-font-display); font-size:19px; line-height:1.2; }
.aog-nav__feature-cta { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.85); margin-top:3px; }
@media (prefers-reduced-motion: reduce) { .aog-nav__feature { opacity:1; transform:none; } }

/* ---- 19b. Brand marquee strip ---- */
.aog-marquee {
  overflow:hidden; border-block:1px solid var(--aog-line);
  background:var(--aog-bg-alt); padding:15px 0; white-space:nowrap;
}
.aog-marquee__track { display:inline-flex; align-items:center; animation:aog-marquee 32s linear infinite; }
.aog-marquee:hover .aog-marquee__track { animation-play-state:paused; }
.aog-marquee__item {
  font-family:var(--aog-font-display); font-size:clamp(14px,1.5vw,19px);
  letter-spacing:.16em; text-transform:uppercase; color:var(--aog-text); padding:0 12px;
}
.aog-marquee__dot { color:var(--aog-gold); font-size:14px; padding:0 4px; }
@keyframes aog-marquee { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
[dir="rtl"] .aog-marquee__track { animation-name:aog-marquee-rtl; }
@keyframes aog-marquee-rtl { from{ transform:translateX(-50%); } to{ transform:translateX(0); } }

/* ---- 19c. Signature lookbook grid ---- */
.aog-lookbook__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2vw,30px); }
.aog-lookcard { display:block; color:var(--aog-text); }
.aog-lookcard__img { overflow:hidden; aspect-ratio:3/4; background:var(--aog-bg-alt); }
.aog-lookcard__img img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-lookcard:hover .aog-lookcard__img img { transform:scale(1.07); }
.aog-lookcard__kicker { display:block; margin-top:15px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--aog-gold); }
.aog-lookcard__title { display:block; margin-top:5px; font-family:var(--aog-font-display); font-size:18px; }
.aog-lookcard:hover .aog-lookcard__title { color:var(--aog-gold); }
@media (max-width:980px){ .aog-lookbook__grid{ grid-template-columns:repeat(2,1fr); gap:22px; } }

/* ---- 19d. Worn in real life (lifestyle grid) ---- */
.aog-section-sub { margin:12px auto 0; max-width:540px; color:var(--aog-text-muted); font-size:15px; }
.aog-reallife__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.aog-reallife__item { position:relative; overflow:hidden; aspect-ratio:4/5; margin:0; }
.aog-reallife__item img { width:100%; height:100%; object-fit:cover; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.aog-reallife__item:hover img { transform:scale(1.08); }
.aog-reallife__cap {
  position:absolute; inset-inline:0; bottom:0; padding:16px 16px 14px; color:#fff;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  background:linear-gradient(transparent, rgba(0,0,0,.62));
  opacity:0; transform:translateY(10px); transition:opacity .45s ease, transform .45s ease;
}
.aog-reallife__item:hover .aog-reallife__cap { opacity:1; transform:none; }
/* clickable → Instagram: full-tile link, subtle darken + IG glyph on hover */
.aog-reallife__link { display:block; width:100%; height:100%; position:relative; cursor:pointer; }
.aog-reallife__link::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,0); transition:background .4s ease; }
.aog-reallife__item:hover .aog-reallife__link::after { background:rgba(0,0,0,.22); }
.aog-reallife__ig {
  position:absolute; top:50%; left:50%; z-index:2;
  width:46px; height:46px; display:flex; align-items:center; justify-content:center;
  color:#fff; border:1px solid rgba(255,255,255,.85); border-radius:50%;
  transform:translate(-50%,-50%) scale(.6); opacity:0;
  transition:opacity .4s ease, transform .45s cubic-bezier(.2,.7,.2,1);
}
.aog-reallife__ig svg { width:22px; height:22px; }
.aog-reallife__item:hover .aog-reallife__ig { opacity:1; transform:translate(-50%,-50%) scale(1); }
@media (max-width:980px){ .aog-reallife__grid{ grid-template-columns:repeat(2,1fr); } }

/* ---- 19e. Generic stagger for children of a revealed section ---- */
.aog-js .aog-reveal .aog-stagger > * {
  opacity:0; transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.aog-reveal.is-visible .aog-stagger > * { opacity:1; transform:none; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(1){ transition-delay:.06s; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(2){ transition-delay:.16s; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(3){ transition-delay:.26s; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(4){ transition-delay:.36s; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(5){ transition-delay:.46s; }
.aog-reveal.is-visible .aog-stagger > *:nth-child(6){ transition-delay:.56s; }

/* ---- 19f. Subtle parallax (driven by aog-premium.js) ---- */
.aog-editorial__bg, .aog-forme__media img { will-change:transform; }

@media (prefers-reduced-motion: reduce) {
  .aog-marquee__track { animation:none !important; }
  .aog-js .aog-nav .aog-menu > li,
  .aog-js .aog-nav .aog-nav__secondary > li,
  .aog-js .aog-reveal .aog-stagger > * { opacity:1 !important; transform:none !important; }
}

/* =====================================================================
   20. Brand logo images (header / drawer / footer) — real Atelier logo
   ===================================================================== */
.aog-logo-link, .aog-nav__logo, .aog-footer__logo { display:inline-block; line-height:0; }
.aog-logo-img { height:64px; width:auto; display:block; }
.aog-logo-img--light { display:none; }
/* HOME: transparent header over dark hero → light (white-text) logo */
body.home .aog-header:not(.is-scrolled) .aog-logo-img--dark { display:none; }
body.home .aog-header:not(.is-scrolled) .aog-logo-img--light { display:block; }
/* CINEMA-HERO (Voga): header is dark/transparent in BOTH states → always light */
body.aog-cinema-hero .aog-header .aog-logo-img--dark { display:none; }
body.aog-cinema-hero .aog-header .aog-logo-img--light { display:block; }
/* drawer head (white panel) → dark logo; footer (dark) → light logo */
.aog-nav__logo img { height:44px; width:auto; display:block; }
.aog-footer__logo img { height:68px; width:auto; display:block; }
.aog-footer__follow { display:block; margin:20px 0 12px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--aog-gold-soft); }
.aog-header.is-scrolled .aog-logo-img { height:52px; }
@media (max-width:600px){ .aog-logo-img{ height:46px; } .aog-header.is-scrolled .aog-logo-img{ height:42px; } .aog-footer__logo img{ height:58px; } }

/* ---- 20b. "VOGA by Atelier" wordmark logo (Voga pages only) ---- */
.aog-logo-voga { text-align:center; line-height:1; display:inline-block; }
/* לוגו Voga כתמונה (אמבלם זהב מרובע) — גדול מעט מה-wordmark כי הוא מוערם, רקע שקוף.
   עוקף את ה-max-height:48px של תמונות-הלוגו הרגילות. */
.aog-header__logo img.aog-logo-voga__img { height:62px; width:auto; max-height:none; display:block; }
.aog-header.is-scrolled .aog-logo-voga__img { height:50px; }
@media (max-width:600px){ .aog-header__logo img.aog-logo-voga__img{ height:48px; } .aog-header.is-scrolled .aog-logo-voga__img{ height:42px; } }
.aog-logo-voga__main {
  display:block; font-family:var(--aog-font-condensed); font-weight:700;
  font-size:30px; letter-spacing:.24em; text-indent:.24em; color:#fff;
}
.aog-logo-voga__sub {
  display:block; margin-top:6px; font-size:9px; letter-spacing:.36em; text-indent:.36em;
  text-transform:uppercase; color:var(--aog-gold-soft);
}
.aog-header.is-scrolled .aog-logo-voga__main { font-size:25px; }
@media (max-width:600px){ .aog-logo-voga__main{ font-size:23px; } .aog-logo-voga__sub{ font-size:8px; } }


/* =====================================================================
   22. Messika-style single product — colour swatches, accordion, trust
   ===================================================================== */

/* ---- summary refinements ---- */
.single-product div.product { align-items:start; }
.woocommerce div.product .product_title {
  font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase;
  letter-spacing:.02em; line-height:1.05; font-size:clamp(26px,3.2vw,42px);
}
:lang(he) .woocommerce div.product .product_title, [lang="he"] .woocommerce div.product .product_title { font-family:"Heebo",sans-serif; font-weight:700; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--aog-accent, var(--aog-text)); font-size:clamp(18px,1.7vw,21px); font-weight:400; letter-spacing:.03em; }
.woocommerce div.product p.price del { opacity:.45; }
.woocommerce div.product .woocommerce-product-rating { margin-bottom:14px; }

/* ---- the variations table → clean stacked rows ---- */
.woocommerce div.product form.variations_form .variations,
.woocommerce div.product form.variations_form .variations tbody,
.woocommerce div.product form.variations_form .variations tr,
.woocommerce div.product form.variations_form .variations td,
.woocommerce div.product form.variations_form .variations th {
  display:block; width:auto; padding:0; border:0; background:none;
}
.woocommerce div.product form.variations_form .variations tr { margin-bottom:20px; }
.woocommerce div.product form.variations_form .variations th,
.woocommerce div.product form.variations_form .variations label {
  margin-bottom:10px; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--aog-text-muted); font-weight:400;
}
.woocommerce div.product .variations .reset_variations { font-size:12px; color:var(--aog-text-muted); margin-inline-start:6px; }

/* ---- colour / pill swatches ---- */
/* ה-select המקורי מוסתר ויזואלית (ה-swatches מחליפים אותו) — חייב להישאר 1px
   אחרת WooCommerce נותן לו width:100% ו-position:absolute דוחף את העמוד ימינה (גלילה אופקית). */
.aog-select-hidden {
  position:absolute !important; left:0 !important; top:auto !important;
  width:1px !important; height:1px !important; min-width:0 !important; max-width:1px !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important;
  opacity:0 !important; pointer-events:none !important;
}
.aog-swatches { display:flex; flex-wrap:wrap; gap:10px; }
.aog-swatch { cursor:pointer; border:0; background:none; padding:0; font:inherit; color:inherit; }
.aog-swatch--dot {
  width:32px; height:32px; border-radius:50%; background:var(--sw,#ccc);
  box-shadow:0 0 0 1px var(--aog-line), inset 0 0 0 2px #fff;
  transition:box-shadow .25s ease, transform .25s ease;
}
.aog-swatch--dot:hover { transform:scale(1.08); }
.aog-swatch--dot.is-active { box-shadow:0 0 0 1.5px var(--aog-gold), inset 0 0 0 2px #fff; }
.aog-swatch--label {
  min-width:44px; padding:10px 16px; border:1px solid var(--aog-line); border-radius:2px;
  font-size:13px; letter-spacing:.04em; color:var(--aog-text); background:var(--aog-bg);
  transition:border-color .25s ease, background-color .25s ease, color .25s ease;
}
.aog-swatch--label:hover { border-color:var(--aog-text); }
.aog-swatch--label.is-active { border-color:var(--aog-text); background:var(--aog-text); color:var(--aog-bg); }

/* ---- trust / reassurance row ---- */
.aog-trust {
  list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 24px;
  margin:30px 0 0; padding:26px 0 0; border-top:1px solid var(--aog-line);
}
.aog-trust li { display:flex; align-items:center; gap:11px; font-size:13px; color:var(--aog-text-muted); }
.aog-trust svg { width:23px; height:23px; color:var(--aog-gold); flex:0 0 auto; }

/* ---- tabs → accordion ---- */
.aog-acc ul.tabs, .aog-acc .wc-tabs { display:none !important; }
.aog-acc { margin-top:clamp(44px,6vw,84px); border-top:1px solid var(--aog-line); max-width:960px; }
.aog-acc__head {
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 2px; background:none; border:0; border-bottom:1px solid var(--aog-line); cursor:pointer;
  font-family:var(--aog-font-condensed); font-size:clamp(15px,1.6vw,19px); font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--aog-text); text-align:start;
}
:lang(he) .aog-acc__head, [lang="he"] .aog-acc__head { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-acc__head:hover { color:var(--aog-gold); }
.aog-acc__chev { width:9px; height:9px; flex:0 0 auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .3s ease; }
.aog-acc__head.is-open .aog-acc__chev { transform:rotate(-135deg); }
.aog-acc__panel { padding:8px 2px 32px; color:var(--aog-text-muted); line-height:1.85; border-bottom:1px solid var(--aog-line); }
.aog-acc__panel > h2, .aog-acc__panel > h3:first-child { display:none; }
.aog-services-list { list-style:none; margin:0; padding:0; }
.aog-services-list li { position:relative; padding:8px 0 8px 22px; }
[dir="rtl"] .aog-services-list li { padding:8px 22px 8px 0; }
.aog-services-list li::before { content:""; position:absolute; inset-inline-start:0; top:16px; width:7px; height:7px; border-radius:50%; background:var(--aog-gold); }

/* ---- category / shop: ordering bar + card polish (Messika) ---- */
.woocommerce .woocommerce-result-count { color:var(--aog-text-muted); font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin:0; }
.woocommerce .woocommerce-ordering select {
  border:1px solid var(--aog-line); background:var(--aog-bg); padding:10px 14px; border-radius:2px;
  font-size:13px; color:var(--aog-text); letter-spacing:.04em;
}
.woocommerce ul.products li.product a img { transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.woocommerce ul.products li.product:hover a img { transform:scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family:var(--aog-font-display); font-size:15px !important; letter-spacing:.01em; padding-top:4px;
}
/* small colour swatch row under a category card (rendered when products have them) */
.aog-card-swatches { display:flex; justify-content:center; gap:6px; margin-top:8px; }
.aog-card-swatches .aog-swatch--dot { width:16px; height:16px; box-shadow:0 0 0 1px var(--aog-line); }

@media (max-width:600px){
  .aog-trust { grid-template-columns:1fr; }
}

/* =====================================================================
   19. עמוד מוצר בודד — תמיד נקי/בהיר בסגנון Messika (גם בעולם Voga)
   -------------------------------------------------------------------
   עולם Voga משאיר רקע כהה בעמודי הקטגוריה/נחיתה, אבל *עמוד המוצר עצמו*
   חייב להיראות כמו דף המוצר של Messika: לבן, אוורירי, כותרת קריאה.
   זה גם מתקן את הכותרת שנחתכה ("HAN" במקום "HAND") שנבעה מ-uppercase
   + letter-spacing על כותרת מוצר בעולם Voga.
   ===================================================================== */
body.single-product.brand-voga {
  --aog-bg:        #FFFFFF;
  --aog-bg-alt:    #F4F6F3;
  --aog-surface:   #FFFFFF;
  --aog-line:      #E4E8E2;
  --aog-gold:      #A98328;
  --aog-gold-soft: #C9A227;
  --aog-text:      #15201A;
  --aog-text-muted:#6B7670;
}
body.single-product.brand-voga,
body.single-product.brand-voga .summary,
body.single-product.brand-voga .woocommerce-tabs,
body.single-product.brand-voga .related.products {
  background: var(--aog-bg);
  color: var(--aog-text);
}

/* ---- Related / Up-sell products — premium framed cards (v2.6.12) ----
   The single-product page is light in BOTH worlds, so these inherit the light
   palette; --aog-accent auto-resolves (emerald on Atelier / champagne on Voga). */
.single-product .related.products ul.products li.product,
.single-product .upsells.products ul.products li.product {
  background:#fff !important;
  border:1px solid var(--aog-line) !important;
  border-bottom:1px solid var(--aog-line) !important;
  border-radius:4px !important;
  overflow:hidden;
  padding:0 0 16px !important;
  text-align:center;
  transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease, border-color .5s ease;
}
.single-product .related.products li.product > a:first-child,
.single-product .upsells.products li.product > a:first-child { display:block; }
.single-product .related.products li.product img,
.single-product .upsells.products li.product img {
  margin:0 0 14px !important; border-radius:0 !important; background:#fff;
}
.single-product .related.products li.product .woocommerce-loop-product__title,
.single-product .upsells.products li.product .woocommerce-loop-product__title {
  padding:0 14px !important;
}
.single-product .related.products li.product .woocommerce-loop-product__title::after,
.single-product .upsells.products li.product .woocommerce-loop-product__title::after {
  content:""; display:block; width:24px; height:1px; margin:10px auto 0;
  background:var(--aog-gold); transition:width .5s ease;
}
.single-product .related.products li.product:hover .woocommerce-loop-product__title::after,
.single-product .upsells.products li.product:hover .woocommerce-loop-product__title::after { width:42px; }
.single-product .related.products li.product .price,
.single-product .upsells.products li.product .price {
  color:var(--aog-accent) !important; margin-top:9px !important; padding:0 14px;
}
/* loop add-to-cart kept understated inside the card */
.single-product .related.products li.product .button,
.single-product .upsells.products li.product .button { margin:12px 14px 0 !important; }
@media (hover:hover) and (pointer:fine){
  .single-product .related.products li.product:hover,
  .single-product .upsells.products li.product:hover {
    transform:translateY(-5px);
    border-color:var(--aog-gold) !important;
    box-shadow:0 20px 44px -24px rgba(0,0,0,.28);
  }
}

/* כותרת מוצר קריאה בשני העולמות — קלאסי, ללא uppercase, בלי חיתוך */
.single-product .product_title,
body.brand-voga.single-product .product_title {
  text-transform: none !important;
  letter-spacing: .01em !important;
  font-weight: 400 !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: none;
  max-width: 100%;
}

/* התקציר לא חותך תוכן (ביטחון מפני clipping של הכותרת) */
.single-product .summary { overflow: visible; }

/* =====================================================================
   20. תוספות סבב 3 — לוגו מותג במוצר · תיאור ממורכז · swatch יוקרתי · עגלת צד
   ===================================================================== */

/* ---- לוגו מותג בראש עמוד המוצר (Atelier / VOGA) ---- */
.aog-product-brand { margin: 0 0 18px; }
.aog-product-brand img {
  height: 46px; width: auto; display: block; object-fit: contain;
}
@media (max-width: 880px) { .aog-product-brand img { height: 38px; margin-inline: auto; } }

/* ---- תיאור מוצר: מיושר-התחלה, קריא ואוורירי בסגנון Messika ---- */
.single-product .woocommerce-Tabs-panel,
.single-product .wc-tab,
.single-product .aog-acc__panel {
  max-width: 820px; margin-inline: 0; text-align: start;
  line-height: 1.85; color: var(--aog-text-muted); font-size: 15px;
}
.single-product .aog-acc__panel p,
.single-product .woocommerce-Tabs-panel p { margin: 0 0 .55em; }
/* כותרת/תת-כותרת בתוך התיאור — שורת מבוא בולטת */
.single-product .aog-acc__panel p strong,
.single-product .woocommerce-Tabs-panel p strong { color: var(--aog-text); font-weight: 600; }
.single-product .aog-acc__panel p:first-of-type,
.single-product .woocommerce-Tabs-panel p:first-of-type { margin-bottom: 1em; }
.single-product .woocommerce-Tabs-panel h2 { display: none; } /* כותרת כפולה של WooCommerce */
.single-product .aog-services-list { text-align: start; }

/* ---- swatch מתכתי בסגנון Messika (גוון-מתכת מלוטש + טבעת כהה דקה סביב הנבחר) ---- */
.aog-swatches { gap: 12px; align-items: center; }
/* תווית הווריאציה: מיושרת-התחלה (לא ממורכזת כברירת-המחדל של <th>) */
.woocommerce div.product form.variations_form .variations th,
.woocommerce div.product form.variations_form .variations td,
.woocommerce div.product form.variations_form .variations label { text-align: start; margin-bottom: 12px; }
.aog-swatch--dot {
  width: 22px; height: 22px; border-radius: 50%;
  /* ברק מתכתי נגזר אוטומטית מצבע-הבסיס (--sw) — עובד לכל גוון */
  background:
    radial-gradient(circle at 33% 27%,
      color-mix(in srgb, var(--sw, #ccc) 38%, #fff) 0%,
      var(--sw, #ccc) 52%,
      color-mix(in srgb, var(--sw, #ccc) 80%, #000) 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
  transition: box-shadow .22s ease, transform .22s ease;
}
.aog-swatch--dot:hover { transform: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 1px var(--aog-text-muted); }
.aog-swatch--dot.is-active {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 2px var(--aog-bg), 0 0 0 3px var(--aog-accent, var(--aog-text));
}
/* שם הגוון הנבחר לצד התווית — כמו Messika ("Color · Yellow gold") */
.aog-swatch-current { font-size: 13px; letter-spacing: .02em; color: var(--aog-text); text-transform: none; }
.aog-swatch-current:not(:empty)::before { content: " · "; color: var(--aog-text-muted); }
/* עיגולים זעירים מתחת לכרטיס מוצר ברשת — אינטראקטיביים: לחיצה מחליפה את תמונת-הכרטיס */
.aog-card-swatches { gap: 7px; margin-top: 10px; }
.aog-card-swatches .aog-swatch--dot {
  width: 14px; height: 14px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);
  cursor: pointer; transition: box-shadow .2s ease, transform .2s ease;
}
.aog-card-swatches .aog-swatch--dot:hover { transform: scale(1.14); }
.aog-card-swatches .aog-swatch--dot:focus-visible { outline: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14), 0 0 0 2px var(--aog-gold); }
.aog-card-swatches .aog-swatch--dot.is-active { box-shadow: inset 0 0 0 1px rgba(0,0,0,.14), 0 0 0 1.5px var(--aog-text); }

/* ---- עגלת צד (Cart Drawer) ---- */
.aog-cart-scrim {
  position: fixed; inset: 0; background: rgba(10,12,11,.45);
  opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease; z-index: 1200;
}
body.aog-cart-open .aog-cart-scrim { opacity: 1; visibility: visible; }
.aog-cart-drawer {
  position: fixed; top: 0; right: 0; height: 100%; width: min(420px, 92vw);
  background: #fff; color: #15201A; box-shadow: -22px 0 60px rgba(0,0,0,.16);
  transform: translateX(100%); transition: transform .42s cubic-bezier(.2,.7,.2,1);
  z-index: 1201; display: flex; flex-direction: column;
  /* פלטה בהירה קבועה בתוך המגירה — מנתק מעולם-המותג הכהה (Voga) של הדף שמאחור */
  --aog-text: #15201A; --aog-bg: #FFFFFF; --aog-line: #E4E8E2; --aog-text-muted: #6B7670;
}
body.aog-cart-open .aog-cart-drawer { transform: translateX(0); }
.aog-cart-drawer__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 24px; border-bottom: 1px solid #E4E8E2;
}
.aog-cart-drawer__title {
  font-family: var(--aog-font-condensed, "Oswald", sans-serif);
  text-transform: uppercase; letter-spacing: .16em; font-size: 13px; color: #15201A;
}
.aog-cart-drawer__close { background: none; border: 0; font-size: 26px; line-height: 1; cursor: pointer; color: #15201A; padding: 0 4px; }
.aog-cart-drawer__body { flex: 1; overflow-y: auto; padding: 10px 24px 24px; }

/* מיני-קארט של WooCommerce בתוך הדרואר */
.aog-cart-drawer .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.aog-cart-drawer .woocommerce-mini-cart__empty-message { padding: 40px 0; text-align: center; color: #6B7670; }
/* פריט במגירה — תמונה גדולה מעוגנת משמאל, שם, מאפיינים (צבע/מידה) ברורים, ואז כמות×מחיר */
.aog-cart-drawer li.woocommerce-mini-cart-item {
  position: relative; display: block; min-height: 84px;
  padding: 20px 32px 20px 100px; border-bottom: 1px solid #EEF1EC;
}
.aog-cart-drawer li.woocommerce-mini-cart-item img {
  position: absolute; left: 0; top: 20px; float: none !important;
  width: 84px; height: 84px; object-fit: cover; margin: 0;
  border: 1px solid #E4E8E2; background: #F6F7F4;
}
.aog-cart-drawer li.woocommerce-mini-cart-item > a:not(.remove) {
  display: block; color: #15201A; text-decoration: none;
  font-size: 15px; line-height: 1.35; font-weight: 500; letter-spacing: .01em;
}
.aog-cart-drawer li.woocommerce-mini-cart-item > a:not(.remove):hover { color: var(--aog-gold, #A98328); }
/* רשימת המאפיינים (Color / Size …) — שתי עמודות נקיות: תווית : ערך */
.aog-cart-drawer li.woocommerce-mini-cart-item dl.variation {
  display: grid; grid-template-columns: auto 1fr; column-gap: 8px; row-gap: 3px;
  margin: 9px 0 0; padding: 0; font-size: 12px; line-height: 1.45; color: #6B7670;
}
.aog-cart-drawer li.woocommerce-mini-cart-item dl.variation dt {
  margin: 0; padding: 0; font-weight: 600; color: #4A544E;
  text-transform: none; float: none; clear: none;
}
.aog-cart-drawer li.woocommerce-mini-cart-item dl.variation dd { margin: 0; padding: 0; float: none; }
.aog-cart-drawer li.woocommerce-mini-cart-item dl.variation dd p { margin: 0; display: inline; }
/* כמות × מחיר */
.aog-cart-drawer li.woocommerce-mini-cart-item .quantity {
  display: block; margin-top: 11px; color: #15201A; font-size: 13.5px; font-weight: 500;
}
.aog-cart-drawer li.woocommerce-mini-cart-item .quantity .woocommerce-Price-amount {
  color: var(--aog-accent, var(--aog-gold, #A98328)); font-weight: 600;
}
.aog-cart-drawer a.remove {
  position: absolute; right: 0; top: 18px;
  width: 24px; height: 24px; line-height: 22px; text-align: center; border-radius: 50%;
  color: #9aa39d !important; font-size: 15px; border: 1px solid #E4E8E2; background: #fff;
  transition: color .2s ease, border-color .2s ease;
}
.aog-cart-drawer a.remove:hover { color: #b00 !important; border-color: #b00; }
.aog-cart-drawer .woocommerce-mini-cart__total {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 18px 0; margin-top: 6px; border-top: 1px solid #E4E8E2;
  font-family: var(--aog-font-condensed, "Oswald", sans-serif); text-transform: uppercase; letter-spacing: .1em; font-size: 14px;
}
.aog-cart-drawer .woocommerce-mini-cart__total strong { font-weight: 600; }
.aog-cart-drawer .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 0; padding: 0; }
/* כפתורי המגירה עם צבעים מפורשים (לא משתני-עולם) — כך הטקסט תמיד נראה,
   גם כשהדף ברקע הוא עולם Voga הכהה, וגם ב-hover. תיקון לכפתור שנראה שחור-על-שחור. */
.aog-cart-drawer .woocommerce-mini-cart__buttons .button {
  width: 100%; text-align: center; margin: 0;
  background: #FFFFFF !important; color: #15201A !important; border: 1px solid #15201A !important;
}
.aog-cart-drawer .woocommerce-mini-cart__buttons .button:hover {
  background: #15201A !important; color: #FFFFFF !important; border-color: #15201A !important;
}
.aog-cart-drawer .woocommerce-mini-cart__buttons .checkout {
  background: #15201A !important; color: #FFFFFF !important; border-color: #15201A !important;
}
.aog-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover {
  background: var(--aog-gold, #C9A227) !important; color: #FFFFFF !important; border-color: var(--aog-gold, #C9A227) !important;
}
@media (prefers-reduced-motion: reduce) {
  .aog-cart-drawer, .aog-cart-scrim { transition: none; }
}

/* =====================================================================
   23. עמודי About + Contact — מעוצבים בשפת Messika (v2.2.6)
   ===================================================================== */

/* ---- About: hero (cinematic, gold-framed, slow zoom) ---- */
.aog-about-hero { position:relative; min-height:clamp(460px,80vh,760px); display:flex; align-items:center; justify-content:center; overflow:hidden; background:#0A0A0A; }
.aog-about-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; transform:scale(1.06); animation:aogAboutZoom 16s ease-out forwards; }
@keyframes aogAboutZoom { from { transform:scale(1.12); } to { transform:scale(1); } }
/* stronger scrim: overall darken + a soft central pool right behind the text so the
   white lockup always reads, whatever the photo behind it */
.aog-about-hero__overlay { position:absolute; inset:0; background:
  linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.4) 42%, rgba(0,0,0,.66) 100%),
  radial-gradient(58% 52% at 50% 50%, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 72%); }
.aog-about-hero__frame { position:absolute; inset:clamp(16px,2.4vw,34px); border:1px solid rgba(201,162,99,.42); pointer-events:none; z-index:1; }
.aog-about-hero__inner { position:relative; z-index:2; text-align:center; color:#fff; padding-block:60px; }
.aog-about-hero__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.05em; line-height:1.02; font-size:clamp(36px,5.4vw,78px); margin:16px 0 0; text-shadow:0 2px 38px rgba(0,0,0,.45); }
:lang(he) .aog-about-hero__title, [lang="he"] .aog-about-hero__title { font-family:"Heebo",sans-serif; font-weight:800; }
.aog-about-hero__rule { display:block; width:64px; height:1px; margin:24px auto 0; background:linear-gradient(90deg, transparent, var(--aog-gold-soft,#C9A227), transparent); }
.aog-about-hero__sub { color:rgba(255,255,255,.9); font-size:clamp(15px,1.6vw,20px); letter-spacing:.08em; margin:20px 0 0; font-weight:300; }
.aog-eyebrow--light { color:var(--aog-gold-soft); }
@media (prefers-reduced-motion: reduce) { .aog-about-hero__bg { animation:none; transform:scale(1); } }

/* ---- About: intro ---- */
.aog-about-intro__wrap { max-width:820px; margin-inline:auto; text-align:center; }
.aog-about-intro__lead { font-size:clamp(17px,1.9vw,23px); line-height:1.85; color:var(--aog-text); margin:18px 0 0; font-weight:300; }

/* ---- About: division cards ---- */
.aog-about-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(22px,3vw,44px); margin-top:clamp(30px,4vw,54px); }
.aog-about-card { background:var(--aog-bg); border:1px solid var(--aog-line); display:flex; flex-direction:column; }
.aog-about-card__media { aspect-ratio:4/3; overflow:hidden; }
.aog-about-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.aog-about-card:hover .aog-about-card__media img { transform:scale(1.06); }
.aog-about-card__body { padding:clamp(22px,2.4vw,34px); }
.aog-about-card__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.05em; font-size:clamp(19px,2vw,26px); margin:0 0 12px; color:var(--aog-text); }
:lang(he) .aog-about-card__title, [lang="he"] .aog-about-card__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-about-card__body p { color:var(--aog-text-muted); line-height:1.85; margin:0; }

/* ---- About: closing CTA ---- */
.aog-about-cta__sub { max-width:620px; margin:16px auto 28px; color:var(--aog-text-muted); line-height:1.8; }
.aog-about-cta__btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* =====================================================================
   About v2 — two distinct branded worlds (Atelier light · Voga dark)
   ===================================================================== */
.aog-about-world__head { margin-bottom:clamp(28px,4vw,52px); }

/* ---- World I · Atelier: editorial alternating pillars ---- */
.aog-about-world--atelier { background:linear-gradient(180deg,#fff 0%,#FAF7F1 100%); }
.aog-about-pillars { display:flex; flex-direction:column; gap:clamp(34px,5vw,84px); }
.aog-about-pillar { display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,4vw,64px); align-items:center; }
.aog-about-pillar--reverse .aog-about-pillar__media { order:2; }
.aog-about-pillar__media { position:relative; overflow:hidden; aspect-ratio:4/3; border:1px solid var(--aog-line); }
.aog-about-pillar__media::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(169,131,40,.18); pointer-events:none; }
.aog-about-pillar__media img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-about-pillar:hover .aog-about-pillar__media img { transform:scale(1.05); }
.aog-about-pillar__body { padding:clamp(4px,1.5vw,20px) 0; }
.aog-about-pillar__num { display:block; font-family:var(--aog-font-condensed); font-size:clamp(34px,4vw,56px); line-height:1; color:var(--aog-emerald,#1E5E47); opacity:.18; font-weight:700; }
.aog-about-pillar__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.05em; font-size:clamp(21px,2.4vw,32px); margin:10px 0 0; color:var(--aog-text); }
.aog-about-pillar__title::after { content:""; display:block; width:42px; height:2px; background:var(--aog-gold,#A98328); margin:14px 0 0; transition:width .5s ease; }
.aog-about-pillar:hover .aog-about-pillar__title::after { width:72px; }
:lang(he) .aog-about-pillar__title, [lang="he"] .aog-about-pillar__title { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-about-pillar__body p { color:var(--aog-text-muted); line-height:1.9; margin:16px 0 0; font-size:clamp(15px,1.5vw,17px); }

/* Atelier values strip */
.aog-about-values { list-style:none; margin:clamp(36px,5vw,72px) 0 0; padding:clamp(26px,3vw,40px) 0 0; border-top:1px solid var(--aog-line);
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,3vw,44px); text-align:center; }
.aog-about-values li { position:relative; }
.aog-about-values li + li::before { content:""; position:absolute; inset-inline-start:calc(-1 * clamp(10px,1.5vw,22px)); top:6px; bottom:6px; width:1px; background:var(--aog-line); }
.aog-about-values__k { display:block; font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.08em; font-size:clamp(15px,1.6vw,19px); color:var(--aog-emerald,#1E5E47); }
.aog-about-values__v { display:block; margin-top:8px; color:var(--aog-text-muted); font-size:13.5px; letter-spacing:.02em; }

/* ---- World II · Voga: full-bleed matte dark band (local champagne palette) ---- */
.aog-about-voga {
  --aog-line:#2C2C2C; --aog-gold:#CDB489; --aog-gold-soft:#E6D4AE;
  --aog-text:#F6F4F0; --aog-text-muted:#A29C92;
  position:relative; overflow:hidden; background:#0A0A0A; color:#F6F4F0;
  padding-block:clamp(64px,9vw,140px); text-align:center;
}
.aog-about-voga__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:grayscale(.35) brightness(.5); }
.aog-about-voga__overlay { position:absolute; inset:0; background:radial-gradient(120% 100% at 50% 0%, rgba(10,10,10,.45) 0%, rgba(10,10,10,.82) 70%, #0A0A0A 100%); }
.aog-about-voga__inner { position:relative; z-index:1; max-width:760px; }
.aog-about-voga .aog-eyebrow--light { color:var(--aog-gold-soft); }
.aog-about-voga__logo { width:clamp(150px,18vw,230px); height:auto; margin:18px auto 4px; display:block; filter:drop-shadow(0 4px 24px rgba(0,0,0,.5)); }
.aog-about-voga__sub { color:rgba(246,244,240,.86); font-size:clamp(15px,1.7vw,20px); line-height:1.85; margin:14px auto 30px; max-width:600px; }
.aog-about-voga__cta { display:inline-block; padding:14px 40px; border:1px solid var(--aog-gold-soft); color:var(--aog-gold-soft); text-transform:uppercase; letter-spacing:.16em; font-size:12.5px; transition:background-color .35s ease, color .35s ease; }
.aog-about-voga__cta:hover { background:var(--aog-gold-soft); color:#0A0A0A; }

@media (max-width:780px){
  .aog-about-cards { grid-template-columns:1fr; }
  .aog-about-pillar { grid-template-columns:1fr; gap:18px; }
  .aog-about-pillar--reverse .aog-about-pillar__media { order:0; }
  .aog-about-values { grid-template-columns:1fr; gap:22px; }
  .aog-about-values li + li::before { display:none; }
  .aog-about-values li + li { padding-top:20px; border-top:1px solid var(--aog-line); }
}

/* ---- Contact ---- */
.aog-pagehead__sub { max-width:620px; margin:14px auto 0; color:var(--aog-text-muted); line-height:1.7; }
.aog-contact-grid { display:grid; grid-template-columns:minmax(0,360px) 1fr; gap:clamp(32px,5vw,72px); align-items:start; }
.aog-contact-info { display:flex; flex-direction:column; gap:26px; }
.aog-contact-item__label { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.14em; font-size:13px; color:var(--aog-text-muted); margin:0 0 8px; }
:lang(he) .aog-contact-item__label, [lang="he"] .aog-contact-item__label { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-contact-item p { margin:0 0 4px; line-height:1.7; color:var(--aog-text); }
.aog-contact-item__muted { color:var(--aog-text-muted) !important; font-size:14px; }
.aog-contact-item a { color:var(--aog-text); text-decoration:none; border-bottom:1px solid var(--aog-line); transition:border-color .25s ease,color .25s ease; }
.aog-contact-item a:hover { color:var(--aog-gold); border-color:var(--aog-gold); }
.aog-contact-actions { margin-top:6px; display:flex; flex-direction:column; gap:16px; }
.aog-contact-wa { display:inline-flex; align-items:center; gap:10px; align-self:flex-start; padding:12px 20px; border:1px solid var(--aog-line); border-radius:2px; color:var(--aog-text) !important; text-decoration:none; font-size:13px; letter-spacing:.06em; transition:border-color .25s ease,color .25s ease; }
.aog-contact-wa:hover { border-color:#25D366; color:#25D366 !important; }
.aog-contact-wa svg { color:#25D366; }
.aog-contact-social { display:flex; gap:14px; }
.aog-contact-social a { color:var(--aog-text-muted); transition:color .25s ease; }
.aog-contact-social a:hover { color:var(--aog-gold); }

/* ---- Contact form ---- */
.aog-contact-formwrap { min-width:0; }
.aog-contact-form { display:block; }
.aog-field { margin:0 0 20px; }
.aog-field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.aog-field label { display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--aog-text-muted); margin-bottom:8px; }
.aog-field label span { color:var(--aog-gold); }
.aog-field input, .aog-field textarea {
  width:100%; padding:13px 14px; border:1px solid var(--aog-line); border-radius:2px;
  background:var(--aog-bg); color:var(--aog-text); font:inherit; font-size:15px;
  transition:border-color .25s ease; box-sizing:border-box;
}
.aog-field input:focus, .aog-field textarea:focus { outline:none; border-color:var(--aog-text); }
.aog-field textarea { resize:vertical; min-height:130px; }
.aog-contact-form .button { margin-top:4px; }
.aog-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.aog-contact-note { padding:14px 18px; border-radius:2px; margin:0 0 22px; font-size:14px; line-height:1.6; }
.aog-contact-note--ok { background:rgba(37,211,102,.10); border:1px solid rgba(37,211,102,.5); color:#1b7a3e; }
.aog-contact-note--err { background:rgba(200,60,60,.08); border:1px solid rgba(200,60,60,.4); color:#a83232; }
/* הודעת אישור/שגיאה של טופס הניוזלטר בפוטר */
.aog-newsletter__note { margin:10px 0 0; font-size:13px; letter-spacing:.02em; }
.aog-newsletter__note--ok { color:#9fe3b6; }
.aog-newsletter__note--err { color:#e9a3a3; }

@media (max-width:820px){
  .aog-contact-grid { grid-template-columns:1fr; gap:36px; }
  .aog-field-row { grid-template-columns:1fr; }
}

/* =====================================================================
   24. תפריט-המבורגר: "Atelier"/"Voga" נפתחים לאקורדיון של קטגוריות (v2.2.7)
   ===================================================================== */
.aog-nav .aog-menu .menu-item-has-children > a { position:relative; padding-inline-end:26px; }
.aog-nav .aog-menu .menu-item-has-children > a::after {
  content:""; position:absolute; inset-inline-end:4px; top:50%; width:8px; height:8px;
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:translateY(-70%) rotate(45deg); transition:transform .3s ease; opacity:.55;
}
.aog-nav .aog-menu .menu-item-has-children.is-open > a::after { transform:translateY(-30%) rotate(-135deg); }
/* בתוך המגירה: תת-תפריט כאקורדיון נפתח-בקליק (מבטל את התנהגות ה-hover dropdown) */
.aog-nav .aog-menu .sub-menu {
  position:static; inset:auto; display:block; min-width:0; padding:0; margin:0; list-style:none;
  max-height:0; overflow:hidden; opacity:0; transition:max-height .45s ease, opacity .3s ease;
}
.aog-nav .aog-menu li:hover > .sub-menu { display:block; } /* override קודם — ה-max-height שולט */
.aog-nav .aog-menu .menu-item-has-children.is-open > .sub-menu { max-height:80vh; opacity:1; padding:4px 0 10px; }
.aog-nav .aog-menu .sub-menu > li > a {
  font-size:14px; letter-spacing:.12em; text-transform:uppercase; opacity:.78;
  padding:9px 0 9px 16px;
}
[dir="rtl"] .aog-nav .aog-menu .sub-menu > li > a { padding:9px 16px 9px 0; }
.aog-nav .aog-menu .sub-menu > li > a:hover { opacity:1; color:var(--aog-gold); }

/* =====================================================================
   25. Film band (full-bleed video section) + editorial statement (v2.2.8)
   ===================================================================== */
.aog-filmband { position:relative; min-height:clamp(380px,72vh,760px); display:flex; align-items:center; justify-content:center; overflow:hidden; background:#0a0a0a; }
.aog-filmband__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aog-filmband__overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 52%,rgba(0,0,0,.55)); }
.aog-filmband__inner { position:relative; z-index:1; text-align:center; color:#fff; padding:48px 24px; max-width:760px; }
.aog-filmband__title { font-family:var(--aog-font-condensed,"Oswald",sans-serif); font-weight:600; text-transform:uppercase; letter-spacing:.04em; line-height:1.04; font-size:clamp(30px,4.4vw,64px); margin:14px 0 22px; text-shadow:0 2px 30px rgba(0,0,0,.4); }
:lang(he) .aog-filmband__title, [lang="he"] .aog-filmband__title { font-family:"Heebo",sans-serif; font-weight:800; }
.aog-filmband__sub { color:rgba(255,255,255,.86); font-size:clamp(15px,1.6vw,19px); line-height:1.8; margin:0 auto 30px; max-width:560px; }

/* editorial statement break (quiet luxury line) */
.aog-statement { padding-block:clamp(56px,9vw,120px); text-align:center; }
.aog-statement__text { max-width:900px; margin:0 auto; font-family:var(--aog-font-display); font-weight:300; font-size:clamp(22px,3vw,40px); line-height:1.42; color:var(--aog-text); letter-spacing:.005em; }
.aog-statement__text .aog-em { font-style:italic; color:var(--aog-gold); }
.aog-statement__sub { margin:24px auto 0; color:var(--aog-text-muted); letter-spacing:.16em; text-transform:uppercase; font-size:12px; }
.aog-statement--voga .aog-statement__text { color:#fff; }

/* =====================================================================
   26. New sections: occasions cards · video split · lookbook (v2.2.9)
   ===================================================================== */
/* --- Shop by occasion (Atelier) --- */
.aog-occasions { padding-block:clamp(48px,7vw,96px); }
.aog-occasions__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,30px); margin-top:clamp(28px,4vw,46px); }
.aog-occasion { display:block; text-decoration:none; color:inherit; }
.aog-occasion__img { aspect-ratio:3/4; overflow:hidden; background:var(--aog-bg-alt); }
.aog-occasion__img img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.aog-occasion:hover .aog-occasion__img img { transform:scale(1.07); }
.aog-occasion__cap { padding:16px 4px 0; text-align:center; }
.aog-occasion__name { display:block; font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.08em; font-size:clamp(15px,1.5vw,19px); color:var(--aog-text); }
:lang(he) .aog-occasion__name, [lang="he"] .aog-occasion__name { font-family:"Heebo",sans-serif; font-weight:700; }
.aog-occasion__link { display:block; margin-top:5px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--aog-text-muted); transition:color .25s ease; }
.aog-occasion:hover .aog-occasion__link { color:var(--aog-gold); }

/* --- Video split (shared: Atelier craft + Voga street) --- */
.aog-vsplit { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; min-height:clamp(420px,60vh,640px); overflow:hidden; }
.aog-vsplit__media { position:relative; overflow:hidden; background:#0a0a0a; min-height:340px; }
.aog-vsplit__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
/* when the media is a full-body editorial photo (not a video), bias the crop to
   the top so the model's head/face stays in frame instead of cropping mid-torso */
.aog-vsplit__media img.aog-vsplit__video { object-position:50% 40%; }
.aog-vsplit__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(36px,6vw,88px); background:var(--aog-bg); }
.aog-vsplit__title { font-family:var(--aog-font-condensed); font-weight:600; text-transform:uppercase; letter-spacing:.03em; line-height:1.06; font-size:clamp(28px,3.4vw,52px); margin:14px 0 18px; color:var(--aog-text); }
:lang(he) .aog-vsplit__title, [lang="he"] .aog-vsplit__title { font-family:"Heebo",sans-serif; font-weight:800; }
.aog-vsplit__text { color:var(--aog-text-muted); line-height:1.85; margin:0 0 26px; max-width:46ch; }
.aog-vsplit--reverse .aog-vsplit__media { order:2; }
.aog-vsplit--voga .aog-vsplit__body { background:#0e1210; }
/* actions row: "Our craftsmanship" link + WhatsApp personal-orders button */
.aog-vsplit__actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:6px; }
.aog-vsplit__actions .aog-cinema__link { margin-top:0; }
.aog-vsplit__actions .aog-wa-cta { margin-top:0; display:inline-flex; }

/* Voga "the street is the runway" — full-length portrait shot.
   On desktop the half-width panel is landscape, so object-fit:cover used to crop
   the model's legs/feet. Switch to contain (grounded) so the whole body shows;
   the deep-black panel reads as a framed editorial inset. Mobile keeps cover. */
.aog-vsplit--voga .aog-vsplit__media { background:#0b0b0b; }
@media (min-width:901px){
  .aog-vsplit--voga { min-height:clamp(580px,86vh,900px); }
  .aog-vsplit--voga .aog-vsplit__media img.aog-vsplit__video {
    object-fit:contain; object-position:50% 100%;
  }
}

/* --- Lookbook (Voga) --- */
.aog-lookbook { padding-block:clamp(48px,7vw,96px); }
.aog-lookbook__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,24px); margin-top:clamp(26px,3.5vw,44px); }
.aog-lookbook__item { position:relative; display:block; overflow:hidden; aspect-ratio:4/5; text-decoration:none; }
.aog-lookbook__item img { width:100%; height:100%; object-fit:cover; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.aog-lookbook__item:hover img { transform:scale(1.06); }
.aog-lookbook__cap { position:absolute; inset-inline:0; bottom:0; padding:24px; background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,0)); color:#fff; }
.aog-lookbook__cap h3 { font-family:var(--aog-font-condensed); text-transform:uppercase; letter-spacing:.06em; font-size:clamp(18px,2vw,28px); margin:0 0 2px; }
.aog-lookbook__cap span { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.82); }

/* responsive */
@media (max-width:900px){
  .aog-vsplit { grid-template-columns:1fr; }
  .aog-vsplit--reverse .aog-vsplit__media { order:0; }
  .aog-vsplit__media { min-height:62vh; }
}
@media (max-width:680px){
  .aog-occasions__grid { grid-template-columns:1fr; max-width:420px; margin-inline:auto; }
  .aog-lookbook__grid { grid-template-columns:1fr; }
}


/* =====================================================================
   23. "WOW" LAYER — signature motion, depth & brand signature (v2.5.0)
   Brand-accent token: emerald for Atelier, champagne for Voga.
   ===================================================================== */
body.brand-atelier { --aog-accent:#1E5E47; }            /* emerald */
body.brand-voga    { --aog-accent:#CBA85C; }            /* champagne */

/* ---- 23a. Branded intro reveal (once per session) ---- */
.aog-intro {
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  background:#0B0B0B;
  opacity:0; visibility:hidden; pointer-events:none;
}
.aog-intro.is-armed { opacity:1; visibility:visible; pointer-events:auto; }
.aog-intro.is-done  { opacity:0; transition:opacity .8s cubic-bezier(.7,0,.2,1); }
html.aog-intro-on { overflow:hidden; }
.aog-intro__mark {
  display:flex; flex-direction:column; align-items:center; gap:18px;
  color:var(--aog-gold-soft);
}
.aog-intro__mark svg,
.aog-intro__logo { width:auto; height:66px; opacity:0; transform:translateY(8px) scale(.9);
  animation:aog-intro-mark 1.1s cubic-bezier(.2,.7,.2,1) .05s forwards; }
.aog-intro__wm {
  font-family:var(--aog-font-display); font-weight:500; text-transform:uppercase;
  letter-spacing:.5em; text-indent:.5em; font-size:14px; color:#fff;
  opacity:0; animation:aog-intro-wm 1s ease .35s forwards;
}
.aog-intro__line { width:0; height:1px; background:var(--aog-gold-soft);
  animation:aog-intro-line 1s cubic-bezier(.7,0,.2,1) .5s forwards; }
@keyframes aog-intro-mark { to { opacity:1; transform:none; } }
@keyframes aog-intro-wm   { to { opacity:.95; } }
@keyframes aog-intro-line { to { width:120px; } }

/* ---- 23b. Headline word-reveal (rises from a mask) ---- */
.aog-js .aog-words--ready .aog-word { display:inline-block; overflow:hidden; vertical-align:top; line-height:1; padding-bottom:.06em; }
.aog-js .aog-words--ready .aog-word__in { display:inline-block; transform:translateY(112%); transition:transform .85s cubic-bezier(.7,0,.2,1); will-change:transform; }
.aog-js .aog-words--ready.is-words-in .aog-word__in { transform:translateY(0); }
/* on the hero title the word-rise IS the entrance — silence the old fade-up */
.aog-js .aog-cinema__title.aog-words--ready { animation:none; opacity:1; }
@media (prefers-reduced-motion: reduce) {
  .aog-words--ready .aog-word__in { transform:none !important; }
}

/* ---- 23c. Hero richness — vignette + fine film grain ---- */
.aog-cinema::after {
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:radial-gradient(120% 80% at 50% 30%, transparent 55%, rgba(0,0,0,.28) 100%);
  mix-blend-mode:multiply;
}
.aog-cinema__grain {
  position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;
}
.aog-cinema--voga .aog-cinema__grain { opacity:.1; }
/* keep the split-layout home hero clean (no vignette over the text panel) */
@media (min-width:1000px){ body.home .aog-cinema::after { background:radial-gradient(120% 90% at 75% 35%, transparent 60%, rgba(0,0,0,.22) 100%); } }

/* ---- 23d. Product card depth — lift, shadow, 2nd-image swap ---- */
.aog-prodcard { transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.aog-prodcard__media { position:relative; box-shadow:0 1px 0 rgba(26,26,26,.04); transition:box-shadow .5s ease; }
.aog-prodcard__img2 {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity .7s cubic-bezier(.2,.7,.2,1);
}
@media (hover:hover) and (pointer:fine){
  .aog-prodcard:hover { transform:translateY(-6px); }
  .aog-prodcard:hover .aog-prodcard__media { box-shadow:0 22px 48px -22px rgba(26,26,26,.32); }
  .aog-prodcard:hover .aog-prodcard__img2 { opacity:1; }
  /* on colour-swatch cards the clicked colour is the source of truth — don't let
     the 2nd-image hover crossfade override the picked colour. */
  .aog-prodcard:has(.aog-card-swatches):hover .aog-prodcard__img2 { opacity:0; }
}

/* Voga "from the collection" — the real product shots arrive with mixed
   backgrounds (white boxes, dark velvet, studio grey), which looked scrappy
   on the black page. Wrap each one in a designed matte CARD (champagne
   hairline, padded image tile, vignette to tame the bright shots, a divider,
   champagne price) so the whole strip reads as one cohesive luxe catalog. */
body.brand-voga .aog-prodcard {
  background:linear-gradient(180deg,#181818 0%,#0f0f0f 100%);
  border:1px solid rgba(205,180,137,.16);
  border-radius:5px;
  padding:12px 12px 6px;
}
body.brand-voga .aog-prodcard__media {
  background:#0e0e0e;
  border:1px solid rgba(205,180,137,.10);
  border-radius:3px;
}
/* soft inner vignette + base shade — marries glaring white product shots to the dark card */
body.brand-voga .aog-prodcard__media::after {
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  border-radius:3px;
  box-shadow:inset 0 0 44px rgba(0,0,0,.30);
  background:linear-gradient(180deg, rgba(0,0,0,0) 68%, rgba(0,0,0,.26));
}
body.brand-voga .aog-prodcard__eye { z-index:3; background:rgba(14,14,14,.92); color:var(--aog-gold-soft); }
body.brand-voga .aog-prodcard__eye:hover { background:var(--aog-gold); color:#0a0a0a; }
body.brand-voga .aog-prodcard__info {
  padding:13px 6px 6px; margin-top:12px;
  border-top:1px solid rgba(205,180,137,.12);
}
body.brand-voga .aog-prodcard__name { font-size:13px; letter-spacing:.09em; text-transform:uppercase; line-height:1.45; }
body.brand-voga .aog-prodcard__price { color:var(--aog-gold-soft); letter-spacing:.06em; margin-top:7px; }
@media (hover:hover) and (pointer:fine){
  body.brand-voga .aog-prodcard:hover {
    border-color:rgba(205,180,137,.48);
    box-shadow:0 26px 56px -28px rgba(0,0,0,.9);
  }
  body.brand-voga .aog-prodcard:hover .aog-prodcard__media { box-shadow:none; }
}
/* champagne hairline under the name + refined swatches (parity with Atelier) v2.6.7 */
body.brand-voga .aog-prodcard__name::after {
  content:""; display:block; width:22px; height:1px; margin:9px auto 0;
  background:var(--aog-gold-soft, #CBA85C); opacity:.85; transition:width .5s ease;
}
body.brand-voga .aog-prodcard:hover .aog-prodcard__name::after { width:42px; }
body.brand-voga .aog-card-swatches { margin-top:11px; gap:8px; }
body.brand-voga .aog-card-swatches .aog-swatch--dot {
  width:16px; height:16px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}
body.brand-voga .aog-card-swatches .aog-swatch--dot:hover { transform:scale(1.16); }
body.brand-voga .aog-card-swatches .aog-swatch--dot.is-active {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 0 1.5px #0f0f0f, 0 0 0 3px var(--aog-gold-soft, #CBA85C);
}

/* ---- 23e. Magnetic targets — smooth reset ---- */
.aog-cinema__link, .aog-voga-gateway__cta, .aog-magnetic { transition:transform .3s cubic-bezier(.2,.7,.2,1), color .3s ease, background-color .3s ease, border-color .3s ease; }

/* ---- 23f. Diamond divider + gentle twinkle (brand-accent) ---- */
.aog-divider { position:relative; overflow:visible; background:var(--aog-accent, var(--aog-gold)); }
.aog-divider::before {
  content:""; position:absolute; top:50%; left:50%; width:7px; height:7px;
  background:var(--aog-accent, var(--aog-gold)); transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 10px 0 color-mix(in srgb, var(--aog-accent, var(--aog-gold)) 55%, transparent);
  animation:aog-twinkle 3.2s ease-in-out infinite;
}
@keyframes aog-twinkle { 0%,100%{ opacity:.55; transform:translate(-50%,-50%) rotate(45deg) scale(.85); } 50%{ opacity:1; transform:translate(-50%,-50%) rotate(45deg) scale(1.15); } }
/* accent touches: the italic emphasis + cinema link underline pick up the world color */
.aog-statement .aog-em { color:var(--aog-accent, var(--aog-gold)); }
.aog-section-title + .aog-section-sub { color:var(--aog-text-muted); }

/* ---- 23g. Newsletter focus glow + perks icons ---- */
.aog-newsletter__form input:focus {
  outline:none; border-color:var(--aog-gold);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--aog-gold) 22%, transparent);
}
.aog-perk svg { width:30px; height:30px; color:var(--aog-gold); transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.aog-js .aog-perk.aog-reveal.is-visible svg, .aog-js .is-visible .aog-perk svg { transform:translateY(0); }
@media (hover:hover){ .aog-perk:hover svg { transform:translateY(-4px); } }

/* reduced-motion: silence the WOW layer's looping bits */
@media (prefers-reduced-motion: reduce){
  .aog-divider::before { animation:none; }
  .aog-intro__mark svg, .aog-intro__wm, .aog-intro__line { animation:none; opacity:1; transform:none; }
  .aog-intro__line { width:120px; }
  .aog-intro__logo { animation:none; opacity:1; transform:none; }
}


/* =====================================================================
   24. Brand-colour layering + white product section (v2.5.5)
   ===================================================================== */
/* (B) Featured-products section sits on pure white so white-background
   product photography blends seamlessly (no cream halo around the cutout). */
.aog-section--white { background:#fff; }
.aog-section--white .aog-prodcard__media { background:#fff; }

/* (A) More of the Atelier house green (emerald): eyebrows + perk icons +
   the cinema-link underline pick up the brand accent on the light world.
   Voga keeps champagne. Hero/over-dark eyebrows (--light) stay light. */
body.brand-atelier .aog-eyebrow:not(.aog-eyebrow--light) { color:var(--aog-accent); }
body.brand-atelier .aog-perk svg { color:var(--aog-accent); }
body.brand-atelier .aog-prodcard:hover .aog-prodcard__eye { background:var(--aog-accent); color:#fff; }

/* (C) Buttons across the Atelier world wear the house green. Primary CTAs fill
   emerald (darken to ink on hover); outline buttons fill emerald on hover. */
body.brand-atelier .aog-btn-fill,
body.brand-atelier .button.aog-btn-fill {
  background:var(--aog-accent) !important; border-color:var(--aog-accent) !important; color:#fff !important;
}
body.brand-atelier .aog-btn-fill:hover,
body.brand-atelier .button.aog-btn-fill:hover {
  background:var(--aog-text) !important; border-color:var(--aog-text) !important; color:#fff !important;
}
body.brand-atelier .button:hover,
body.brand-atelier input[type="submit"]:hover,
body.brand-atelier .wp-element-button:hover,
body.brand-atelier .woocommerce a.button:hover,
body.brand-atelier .woocommerce button.button:hover,
body.brand-atelier .single_add_to_cart_button:hover,
body.brand-atelier .elementor-button:hover {
  background:var(--aog-accent) !important; border-color:var(--aog-accent) !important; color:#fff !important;
}
/* Voga buttons wear champagne (dark text for contrast) — parallel to Atelier */
body.brand-voga .aog-btn-fill,
body.brand-voga .button.aog-btn-fill {
  background:var(--aog-gold-soft) !important; border-color:var(--aog-gold-soft) !important; color:#0a0a0a !important;
}
body.brand-voga .aog-btn-fill:hover,
body.brand-voga .button.aog-btn-fill:hover {
  background:#fff !important; border-color:#fff !important; color:#0a0a0a !important;
}
body.brand-voga .button:hover,
body.brand-voga input[type="submit"]:hover,
body.brand-voga .wp-element-button:hover,
body.brand-voga .woocommerce a.button:hover,
body.brand-voga .woocommerce button.button:hover,
body.brand-voga .single_add_to_cart_button:hover,
body.brand-voga .elementor-button:hover {
  background:var(--aog-gold-soft) !important; border-color:var(--aog-gold-soft) !important; color:#0a0a0a !important;
}

/* v2.6.15 — refined "Select options" / Add-to-cart on PRODUCT-GRID cards.
   The base .button (17px/42px filled-outline CTA) is far too heavy on a card —
   on loop / carousel / related cards make it a SLIM pill that hugs its label
   (auto width, centred). Colour is applied PER-WORLD below (not via a var()
   fallback chain — that mis-resolved to root on the <a> element). */
.woocommerce ul.products li.product .button,
.aog-shop ul.products li.product .button,
.aog-carousel__track.products li.product .button,
.single-product .related.products li.product .button,
.single-product .upsells.products li.product .button {
  display:inline-block !important; width:auto !important;
  padding:9px 22px !important;
  font-size:10.5px !important; letter-spacing:.12em !important; font-weight:500 !important;
  text-decoration:none !important;
  color:var(--aog-text) !important;
  background:transparent !important;
  border:1px solid color-mix(in srgb, var(--aog-text) 24%, transparent) !important;
}
/* brand accent at rest — emerald (Atelier) / champagne (Voga). NB: `.woocommerce`
   sits on <body> itself (beside brand-atelier), so `body.brand-X .woocommerce …`
   would need a 2nd .woocommerce descendant that doesn't exist → use the universal
   `ul.products li.product` chain instead (covers woo-loop / aog-shop / carousel /
   related / upsells). var(--aog-accent) with NO fallback resolves cleanly here. */
body.brand-atelier ul.products li.product .button,
body.brand-atelier .single-product .related.products li.product .button,
body.brand-atelier .single-product .upsells.products li.product .button,
body.brand-voga ul.products li.product .button,
body.brand-voga .single-product .related.products li.product .button,
body.brand-voga .single-product .upsells.products li.product .button {
  color:var(--aog-accent) !important;
  border-color:color-mix(in srgb, var(--aog-accent) 40%, transparent) !important;
}
/* hover = fill accent (per-world, no fallback) */
.woocommerce ul.products li.product .button:hover,
.aog-shop ul.products li.product .button:hover,
.aog-carousel__track.products li.product .button:hover,
.single-product .related.products li.product .button:hover,
.single-product .upsells.products li.product .button:hover {
  background:var(--aog-text) !important; border-color:var(--aog-text) !important; color:#fff !important;
}
body.brand-atelier ul.products li.product .button:hover,
body.brand-atelier .single-product .related.products li.product .button:hover,
body.brand-atelier .single-product .upsells.products li.product .button:hover {
  background:var(--aog-accent) !important; border-color:var(--aog-accent) !important; color:#fff !important;
}
/* Voga fills champagne on hover → needs DARK text for contrast */
body.brand-voga ul.products li.product .button:hover,
body.brand-voga .single-product .related.products li.product .button:hover,
body.brand-voga .single-product .upsells.products li.product .button:hover {
  background:var(--aog-accent) !important; border-color:var(--aog-accent) !important; color:#0a0a0a !important;
}


/* =====================================================================
   26. Atelier "Featured pieces" cards — brand-colour editorial treatment
       (Atelier/white world only; Voga keeps its matte champagne cards) v2.6.7
   ===================================================================== */
body.brand-atelier .aog-prodcard {
  background:#fff;
  border:1px solid var(--aog-line, #e7e1d8);
  border-radius:4px;
  overflow:hidden;
}
body.brand-atelier .aog-prodcard__media { border-radius:0; box-shadow:none; }
/* the info row becomes a warm-ivory caption, attached under the media */
body.brand-atelier .aog-prodcard__info {
  background:linear-gradient(180deg, #FBF9F5 0%, #F4EFE7 100%);
  border-top:1px solid var(--aog-line, #ece6dc);
  padding:14px 12px 16px;
}
body.brand-atelier .aog-prodcard__name {
  font-family:var(--aog-font-condensed); text-transform:uppercase;
  letter-spacing:.11em; font-size:clamp(12px,1vw,14.5px); line-height:1.3; color:var(--aog-text);
}
:lang(he) body.brand-atelier .aog-prodcard__name,
[lang="he"] body.brand-atelier .aog-prodcard__name { font-family:"Heebo",sans-serif; font-weight:600; }
/* champagne-gold hairline under the name (widens on hover) */
body.brand-atelier .aog-prodcard__name::after {
  content:""; display:block; width:24px; height:1px; margin:9px auto 0;
  background:var(--aog-gold, #C9A063); transition:width .5s ease;
}
body.brand-atelier .aog-prodcard:hover .aog-prodcard__name::after { width:44px; }
body.brand-atelier .aog-prodcard__price {
  margin-top:9px; font-size:13px; letter-spacing:.04em; color:var(--aog-accent, #1E5E47);
}
/* refined card swatches — slightly larger, gold active ring */
body.brand-atelier .aog-card-swatches { margin-top:11px; gap:8px; }
body.brand-atelier .aog-card-swatches .aog-swatch--dot { width:16px; height:16px; }
body.brand-atelier .aog-card-swatches .aog-swatch--dot:hover { transform:scale(1.16); }
body.brand-atelier .aog-card-swatches .aog-swatch--dot.is-active {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 0 0 1.5px #fff, 0 0 0 3px var(--aog-gold, #C9A063);
}
@media (hover:hover) and (pointer:fine){
  body.brand-atelier .aog-prodcard:hover {
    transform:translateY(-5px);
    border-color:var(--aog-gold, #C9A063);
    box-shadow:0 22px 46px -24px rgba(30,94,71,.42);
  }
  body.brand-atelier .aog-prodcard:hover .aog-prodcard__media { box-shadow:none; } /* shadow lives on the card */
}


/* =====================================================================
   25. Shop filter sidebar + refined loop cards (v2.5.5)
   ===================================================================== */
.aog-shop-layout { display:grid; grid-template-columns:230px 1fr; gap:clamp(28px,4vw,64px); align-items:start; }
.aog-shop-results { min-width:0; }

/* filter sidebar */
.aog-shop-filters { position:sticky; top:96px; }
.aog-filter { padding:0 0 26px; margin:0 0 26px; border-bottom:1px solid var(--aog-line); }
.aog-filter:last-child { border-bottom:0; }
.aog-filter__title { font-family:var(--aog-font-display); font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--aog-text); margin:0 0 16px; }
.aog-filter__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.aog-filter__list a { display:inline-block; color:var(--aog-text-muted) !important; text-decoration:none; font-size:14px; letter-spacing:.02em; position:relative; transition:color .25s ease, padding .25s ease; }
.aog-filter__list a::before { content:""; position:absolute; left:-14px; top:50%; width:5px; height:5px; transform:translateY(-50%) rotate(45deg) scale(0); background:var(--aog-accent,var(--aog-gold)); transition:transform .25s ease; }
.aog-filter__list a:hover { color:var(--aog-text) !important; }
.aog-filter__list a.is-active { color:var(--aog-text) !important; padding-left:14px; font-weight:500; }
.aog-filter__list a.is-active::before { transform:translateY(-50%) rotate(45deg) scale(1); }
.aog-filter__clear { font-size:12px !important; letter-spacing:.1em; text-transform:uppercase; color:var(--aog-gold) !important; }

/* results column: 3-up grid (narrower than the full-width 4-up) */
.aog-shop-results .woocommerce-result-count,
.aog-shop-results .woocommerce-ordering { display:inline-block; }
.aog-shop-results .woocommerce-products-header { text-align:start; }
.aog-shop-layout .aog-shop ul.products,
.aog-shop-results ul.products { grid-template-columns:repeat(3,1fr) !important; }

/* refined loop cards: white image surface, hover lift + soft shadow */
.aog-shop ul.products li.product { transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.aog-shop ul.products li.product img { background:#fff !important; border-radius:4px; }
@media (hover:hover) and (pointer:fine){
  .aog-shop ul.products li.product:hover { transform:translateY(-5px); }
  .aog-shop ul.products li.product:hover img { box-shadow:0 22px 46px -24px rgba(26,26,26,.30); }
}

/* the mobile collapse toggle is hidden on desktop (body always shown) */
.aog-filters-cb { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.aog-filters-bar { display:none; }

/* responsive: a tappable "Filter" bar collapses the panel; values become pills */
@media (max-width:900px){
  .aog-shop-layout { grid-template-columns:1fr; gap:0; }
  .aog-shop-filters { position:static; margin-bottom:20px; border-bottom:1px solid var(--aog-line); }
  .aog-filters-bar {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:15px 2px; cursor:pointer; user-select:none;
    font-family:var(--aog-font-display); font-weight:600; font-size:13px;
    letter-spacing:.2em; text-transform:uppercase; color:var(--aog-text);
  }
  .aog-filters-bar__chev { width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .3s ease; }
  .aog-filters-cb:checked ~ .aog-shop-filters .aog-filters-bar__chev { transform:rotate(-135deg); }
  .aog-filters-body { display:none; padding:4px 0 20px; }
  .aog-filters-cb:checked ~ .aog-shop-filters .aog-filters-body { display:block; }
  .aog-filter { border-bottom:0; padding:0; margin:0 0 18px; }
  .aog-filter:last-child { margin-bottom:0; }
  .aog-filter__title { margin-bottom:11px; font-size:11px; color:var(--aog-text-muted); }
  /* pill chips: wrap cleanly, never cut off, clearly tappable */
  .aog-filter__list { flex-direction:row; flex-wrap:wrap; gap:9px; }
  .aog-filter__list a {
    border:1px solid var(--aog-line); border-radius:999px; padding:9px 15px;
    font-size:13px; line-height:1; color:var(--aog-text) !important; white-space:nowrap;
  }
  .aog-filter__list a::before { display:none; }
  .aog-filter__list a.is-active {
    padding-left:15px; background:var(--aog-accent,var(--aog-gold));
    border-color:var(--aog-accent,var(--aog-gold)); color:#fff !important;
  }
  .aog-filter__list a.is-active::before { display:none; }
  .aog-filter__clear { border:0 !important; background:none !important; padding:9px 6px !important; color:var(--aog-gold) !important; }
  .aog-shop-results ul.products { grid-template-columns:repeat(2,1fr) !important; }
}


/* =====================================================================
   26. Per-world header colour — Atelier = green, Voga = gold/champagne
   (only when the bar is solid: scrolled over a hero, or on inner pages.
   Over a transparent hero the icons stay white for legibility.)
   ===================================================================== */
body.brand-atelier .aog-header.is-scrolled .aog-icon-btn,
body.brand-atelier .aog-header.is-scrolled .aog-wishlist,
body.brand-atelier .aog-header.is-scrolled .aog-cart,
body.brand-atelier:not(.home):not(.aog-cinema-hero) .aog-header .aog-icon-btn,
body.brand-atelier:not(.home):not(.aog-cinema-hero) .aog-header .aog-wishlist,
body.brand-atelier:not(.home):not(.aog-cinema-hero) .aog-header .aog-cart {
  color:var(--aog-emerald) !important;
}
body.brand-atelier .aog-header.is-scrolled .aog-cart__count {
  background:var(--aog-emerald); color:#fff;
}
/* Voga — force a solid DARK bar on scroll so the gold/champagne icons are
   clearly legible (the icons were vanishing because the scrolled bar wasn't
   reliably dark). */
body.brand-voga .aog-header.is-scrolled {
  background-color:rgba(12,12,12,.96) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.10);
}
body.brand-voga .aog-header.is-scrolled .aog-logo-main,
body.brand-voga .aog-header.is-scrolled .aog-nav-toggle span { color:#fff !important; background-color:#fff; }
body.brand-voga .aog-header.is-scrolled .aog-icon-btn,
body.brand-voga .aog-header.is-scrolled .aog-wishlist,
body.brand-voga .aog-header.is-scrolled .aog-cart {
  color:var(--aog-gold-soft) !important;
}
body.brand-voga .aog-header.is-scrolled .aog-cart__count {
  background:var(--aog-gold-soft); color:#0a0a0a;
}
/* Voga INNER pages (shop / category / product): the default header bg is #fff
   and the icons inherit --aog-text, which is LIGHT on Voga → icons vanished on
   the white bar. Force the same dark+champagne treatment as the scrolled state. */
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header {
  background-color:rgba(12,12,12,.96) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.10);
}
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header .aog-icon-btn,
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header .aog-wishlist,
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header .aog-cart {
  color:var(--aog-gold-soft) !important;
}
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header .aog-nav-toggle span {
  background-color:#fff !important;
}
body.brand-voga:not(.home):not(.aog-cinema-hero) .aog-header .aog-cart__count {
  background:var(--aog-gold-soft); color:#0a0a0a;
}


/* =====================================================================
   27. Breathing room — shop page gutters + single-product description
   ===================================================================== */
/* shop/category: more horizontal air so the filter rail isn't flush to the edge */
.aog-main.aog-shop > .aog-container { padding-inline:clamp(22px,5vw,72px); }
.aog-main.aog-shop .aog-shop-banner .aog-container { padding-inline:clamp(22px,5vw,72px); }
@media (max-width:900px){ .aog-main.aog-shop > .aog-container { padding-inline:clamp(18px,5vw,28px); } }

/* single product: give the description/accordion comfortable padding + measure */
.single-product .aog-acc__panel { padding:14px 4px 36px; max-width:760px; }
.single-product .aog-acc__head { padding-block:20px; }
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-product-details__short-description { line-height:1.9; }


/* =====================================================================
   28. Interactive 3D gemstones — "Discover the gems" (Atelier home)
   ===================================================================== */
.aog-gems {
  position:relative;
  /* Atelier world — airy warm-ivory section; the stone sits in a dark vitrine */
  background:linear-gradient(180deg,#F7F2E9 0%,#FBF9F3 50%,#F4F0E7 100%);
  overflow:hidden;
}
/* whisper-soft warm gold light pools (brand accent) */
.aog-gems::before {
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(40% 38% at 18% 12%, rgba(169,131,40,.10), transparent 70%),
    radial-gradient(44% 40% at 86% 86%, rgba(169,131,40,.06), transparent 72%);
  pointer-events:none;
}
.aog-gems > * { position:relative; z-index:1; }
.aog-gems .aog-section-head { max-width:var(--aog-maxw); margin-inline:auto; padding-inline:clamp(16px,4vw,40px); }
.aog-gems .aog-eyebrow { color:var(--aog-gold); }
.aog-gems .aog-section-title { color:var(--aog-text); }
.aog-gems__lede {
  margin:18px 0 0;
  font-size:13px; letter-spacing:.10em;
  color:var(--aog-text-muted);
}

.aog-gems__layout {
  display:grid;
  grid-template-columns:1.4fr .9fr;
  gap:clamp(24px,4vw,64px);
  align-items:center;
  max-width:var(--aog-maxw);
  margin:clamp(30px,4vw,54px) auto 0;
  padding-inline:clamp(16px,4vw,40px);
}

/* --- the gem stage: NO background box. The stones are rendered against the page
   ivory and sit completely clean so their true colour + fire read fully (a dark
   vitrine dimmed/hid the colours). Just a drag surface, no border/shadow/glow. --- */
.aog-gems__stage {
  position:relative;
  width:100%;
  min-height:clamp(420px,50vw,580px);
  background:transparent;
  cursor:grab;
}
/* the orbit canvas + the server-rendered first frame fill the stage */
.aog-gems__stage .aog-gems__viewer,
.aog-gems__stage .aog-gems__static {
  position:absolute; inset:0; z-index:1;
  width:100%; height:100%; object-fit:contain;
  display:block; cursor:grab; user-select:none; -webkit-user-select:none;
}
/* none: a vertical orbit drag on the stone must not scroll the page (JS also
   preventDefaults during an active drag) */
.aog-gems__stage .aog-gems__viewer { touch-action:none; }
.aog-gems__stage .aog-gems__viewer.is-grabbing,
.aog-gems__stage.is-grabbing { cursor:grabbing; }

/* loading spinner — a quiet gold ring while the active stone's frames decode */
.aog-gems__stage.is-loading::before {
  content:""; position:absolute; z-index:3; top:50%; left:50%;
  width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%;
  border:2px solid rgba(201,162,39,.22); border-top-color:rgba(201,162,39,.9);
  animation:aog-gems-spin .9s linear infinite;
}
@keyframes aog-gems-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .aog-gems__stage.is-loading::before { animation:none; border-top-color:rgba(201,162,39,.5); }
}

/* --- info placard (light Atelier card with gold accent) --- */
.aog-gems__info {
  position:relative;
  padding:clamp(26px,3vw,42px);
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFAF4 100%);
  border:1px solid var(--aog-line);
  box-shadow:0 34px 64px -44px rgba(21,32,26,.32);
}
.aog-gems__info::before {            /* fine gold top accent */
  content:""; position:absolute; left:clamp(26px,3vw,42px); top:0;
  width:46px; height:2px; background:var(--aog-gold);
}
.aog-gems__prompt {
  margin:0; color:var(--aog-text-muted);
  font-size:14px; letter-spacing:.04em;
}
.aog-gems__info-dot {
  display:inline-block; width:11px; height:11px; border-radius:50%;
  margin-bottom:16px; box-shadow:0 0 0 4px rgba(169,131,40,.12);
}
.aog-gems__name {
  margin:0 0 8px;
  font-family:var(--aog-font-display);
  font-size:clamp(28px,3.2vw,42px); font-weight:400; line-height:1.04;
  color:var(--aog-text);
}
.aog-gems__meaning {
  margin:0 0 22px;
  font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--aog-emerald); font-weight:600;
}
.aog-gems__meta { margin:0 0 22px; padding:0; border-top:1px solid var(--aog-line); }
.aog-gems__metarow {
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding:12px 0; border-bottom:1px solid var(--aog-line);
}
.aog-gems__metarow dt {
  margin:0; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--aog-gold);
}
.aog-gems__metarow dd {
  margin:0; font-size:14px; color:var(--aog-text); font-weight:500;
}
.aog-gems__desc { margin:0; }
.aog-gems__desc-label {
  display:block; margin:0 0 9px;
  font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--aog-gold);
}
.aog-gems__blurb { margin:0; font-size:14px; line-height:1.85; color:var(--aog-text-muted); }

/* --- stone selector chips (premium light pills) --- */
.aog-gems__fallback {
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px;
  list-style:none; margin:clamp(28px,3.5vw,44px) auto 0; padding:0;
  max-width:var(--aog-maxw);
}
.aog-gems__chip {
  display:inline-flex; align-items:center; gap:10px;
  padding:11px 22px;
  background:#FFFFFF;
  border:1px solid var(--aog-line);
  font-family:var(--aog-font-body);
  font-size:11.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--aog-text); cursor:pointer;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.aog-gems__chip:hover { transform:translateY(-2px); border-color:rgba(169,131,40,.55); box-shadow:0 12px 26px -18px rgba(21,32,26,.45); }
.aog-gems__chip.is-active { border-color:var(--aog-gold); background:#FBF6EA; box-shadow:0 12px 26px -18px rgba(169,131,40,.5); }
.aog-gems__chip-dot {
  width:11px; height:11px; border-radius:50%;
  box-shadow:0 0 0 3px rgba(0,0,0,.04);
}

/* --- tablet: tighten the two columns --- */
@media (max-width:1024px){
  .aog-gems__layout { grid-template-columns:1.15fr 1fr; gap:clamp(20px,3vw,40px); }
  .aog-gems__stage { min-height:clamp(380px,46vw,500px); }
}
/* --- mobile/portrait: stack & centre, with the stone selector sitting BETWEEN
   the gem and its name (flatten the grid via display:contents so the vitrine,
   chips and placard can interleave: header → gem → chips → placard) --- */
@media (max-width:820px){
  .aog-gems { display:flex; flex-direction:column; align-items:center; }
  .aog-gems .aog-section-head { order:0; width:100%; }
  .aog-gems__layout { display:contents; }
  .aog-gems__stage {
    order:1; width:min(560px, calc(100% - 36px));
    margin-top:clamp(22px,5vw,34px); min-height:clamp(340px,66vw,440px);
  }
  /* one row: the four chips share the width equally */
  .aog-gems__fallback {
    order:2; width:min(560px, calc(100% - 36px)); margin-top:clamp(18px,4vw,24px);
    flex-wrap:nowrap; gap:8px;
  }
  .aog-gems__chip {
    flex:1 1 0; min-width:0; justify-content:center; white-space:nowrap;
    padding:10px 6px; gap:7px;
  }
  .aog-gems__info {
    order:3; width:min(560px, calc(100% - 36px));
    margin-top:clamp(16px,4vw,22px); padding:clamp(24px,6vw,32px);
  }
}
@media (max-width:480px){
  .aog-gems__fallback { gap:6px; }
  .aog-gems__chip { padding:9px 4px; font-size:9.5px; letter-spacing:.04em; gap:5px; }
  .aog-gems__chip-dot { width:8px; height:8px; box-shadow:0 0 0 2px rgba(0,0,0,.04); }
}

/* --- reduced motion: keep it calm (JS also disables auto-spin) --- */
@media (prefers-reduced-motion: reduce){
  .aog-gems::before { opacity:.7; }
}