/* Homepage adjustments requested for the public RAM Boutique site. */
[class*="cosmicShowcase__"] { display: none !important; }

[class*="homeHeroMedia__"] {
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  height: clamp(44rem, 100svh, 58rem) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

[class*="homeHeroMedia__"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 24% !important;
}

[class*="homeHero__"] {
  min-height: auto !important;
  padding: clamp(10rem, 15vw, 13rem) 5vw clamp(3.5rem, 7vw, 6rem) !important;
  display: flex !important;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
  overflow: hidden;
  background: #080808 !important;
}
[class*="homeHero__"]::before {
  z-index: 1 !important;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.04), transparent 25%),
    linear-gradient(180deg,rgba(5,5,5,.16),rgba(5,5,5,.28) 55%,#080808 100%) !important;
}
[class*="homeHeroTitle__"], [class*="homeHeroIntro__"] {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 82rem) !important;
}
[class*="homeHeroTitle__"] { z-index: 3; }
[class*="homeHeroTitle__"] h1 { font-size: clamp(4.8rem, 10vw, 10rem) !important; }
[class*="homeHeroIntro__"] { z-index: 4; margin-top: -.8rem; }
[class*="homeHeroLedger__"] { display: none !important; }

/* Keep the desktop brand on the right and move navigation/menu toward the left. */
[class*="header__"] {
  direction: ltr;
  background: rgba(9, 9, 9, .94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
[class*="header__"] > nav a { color: #f1f0eb; }
[class*="header__"] > [class*="logo__"] { grid-column: 3; grid-row: 1; justify-self: end; }
[class*="header__"] > nav { grid-column: 2; grid-row: 1; direction: rtl; }
[class*="header__"] > [class*="headerActions__"] { grid-column: 1; grid-row: 1; justify-self: start; direction: rtl; }
[class*="header__"] > [class*="menuButton__"] { justify-self: start !important; direction: rtl; }

.ram-latest-products { position: relative; z-index: 5; width: 100%; margin-top: clamp(1rem,4vw,3.5rem); direction: rtl; }
.ram-slider-heading { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; padding:0 0 1.25rem; border-bottom:1px solid rgba(255,255,255,.16); }
.ram-slider-heading span { display:block; color:rgba(255,255,255,.48); font:700 .58rem Arial,sans-serif; letter-spacing:.2em; direction:ltr; text-align:right; }
.ram-slider-heading h2 { margin:.45rem 0 0; color:#fff; font-size:clamp(1.8rem,3.3vw,3rem); font-weight:500; }
.ram-slider-controls { display:flex; align-items:center; gap:.75rem; direction:ltr; }
.ram-slider-controls button { width:2.7rem; height:2.7rem; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:transparent; color:#fff; cursor:pointer; font-size:1rem; }
.ram-slider-controls span { color:rgba(255,255,255,.45); font-size:.65rem; letter-spacing:.08em; }
.ram-slider-controls b { color:#fff; font-size:.85rem; }
.ram-products-track { --ram-product-gap:clamp(1rem,2vw,1.6rem); display:flex; justify-content:flex-start; gap:var(--ram-product-gap); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:1.5rem 0 .8rem; margin-inline:0; }
.ram-products-track::-webkit-scrollbar { display:none; }
.ram-product-slide { display:flex; box-sizing:border-box; flex:0 0 calc((100% - (var(--ram-product-gap) * 2)) / 3); flex-direction:column; min-width:0; scroll-snap-align:start; padding:1rem; border:1px solid rgba(255,255,255,.16); border-radius:1.8rem; background:linear-gradient(145deg,#efeee8,#d8d6cf); color:#101010; box-shadow:0 1.5rem 4rem rgba(0,0,0,.32); }
.ram-product-top { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.9rem; padding:.1rem .2rem 1rem; direction:ltr; }
.ram-product-top strong { font:700 2.2rem Arial,sans-serif; letter-spacing:-.08em; }
.ram-product-top span { font:700 .52rem Arial,sans-serif; letter-spacing:.17em; }
.ram-product-top i { width:.8rem; height:.8rem; border-radius:50%; background:#111; box-shadow:0 0 0 .3rem rgba(0,0,0,.08); }
.ram-product-image { display:block; position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:1.25rem; background:linear-gradient(145deg,#f8f7f2,#c8c5bd); }
.ram-product-image img { width:100%; height:100%; object-fit:contain; padding:.8rem; transition:transform .4s ease; }
.ram-product-slide:hover .ram-product-image img { transform:scale(1.035); }
.ram-product-bottom { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-top:auto; padding:1rem .25rem .1rem; }
.ram-product-bottom span,.ram-product-bottom strong { display:block; }
.ram-product-bottom span { color:#6d6a64; font:700 .52rem Arial,sans-serif; letter-spacing:.12em; direction:ltr; text-align:right; }
.ram-product-bottom strong { margin-top:.35rem; max-width:12rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.92rem; }
.ram-product-bottom a { color:#111; text-decoration:none; font-size:.72rem; white-space:nowrap; }

.ram-popular-products { position:relative; padding:clamp(3.5rem,7vw,6.5rem) 5vw; background:rgba(8,8,8,.84); color:#fff; direction:rtl; }
.ram-popular-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; max-width:86rem; margin:0 auto 1.5rem; padding-bottom:1.35rem; border-bottom:1px solid rgba(255,255,255,.17); }
.ram-popular-kicker { display:block; color:rgba(255,255,255,.5); font:700 .55rem Arial,sans-serif; letter-spacing:.2em; direction:ltr; text-align:right; }
.ram-popular-heading h2 { margin:.5rem 0 0; font-size:clamp(2rem,4vw,4rem); font-weight:500; line-height:1; }
.ram-popular-note { max-width:22rem; margin:0; color:rgba(255,255,255,.52); font-size:.72rem; line-height:1.9; text-align:left; }

/* 3 Main Category Tabs Filter on Homepage */
.ram-home-categories {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .65rem;
  max-width: 86rem;
  margin: 0 auto 2rem;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .25rem;
}
.ram-home-categories::-webkit-scrollbar { display: none; }
.ram-home-cat-tab {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.15rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.82);
  font-family: inherit;
  font-size: .84rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: all .25s cubic-bezier(.16,1,.3,1);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.ram-home-cat-tab:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.32);
  color: #fff;
  transform: translateY(-1px);
}
.ram-home-cat-tab.is-active {
  background: #d4ad6b;
  border-color: #e5c388;
  color: #0b0b0b;
  font-weight: 700;
  box-shadow: 0 .4rem 1.6rem rgba(212,173,107,.35);
  transform: translateY(-1px);
}
.ram-home-cat-tab .ram-cat-icon { font-size: .95rem; }
.ram-home-cat-tab .ram-cat-count {
  display: inline-block;
  padding: .15rem .45rem;
  border-radius: 999px;
  background: rgba(0,0,0,.15);
  font-size: .72rem;
  font-weight: 700;
}
.ram-home-cat-tab.is-active .ram-cat-count {
  background: rgba(0,0,0,.2);
  color: #000;
}

/* 4 Items per row on PC / Desktop */
.ram-popular-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.85rem, 1.6vw, 1.35rem);
  max-width: 86rem;
  margin: 0 auto;
  align-items: stretch;
}

/* Card Design & Perfect Alignment */
.ram-popular-card {
  display: flex;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 1.4rem;
  background: linear-gradient(145deg,#efeee8,#d4d2ca);
  color: #111;
  text-decoration: none;
  box-shadow: 0 1.2rem 3.5rem rgba(0,0,0,.2);
  transition: transform .28s cubic-bezier(.16,1,.3,1), border-color .28s ease, box-shadow .28s ease;
}
.ram-popular-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212,173,107,.55);
  box-shadow: 0 1.8rem 4.5rem rgba(0,0,0,.32);
}
.ram-popular-image {
  display: block;
  position: relative;
  aspect-ratio: 4/5;
  width: calc(100% - 1.3rem);
  overflow: hidden;
  margin: .65rem .65rem 0;
  border-radius: 1.05rem;
  background: linear-gradient(145deg,#f9f8f3,#c8c5bd);
}
.ram-popular-image img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: contain;
  padding: .65rem;
  transition: transform .4s ease;
}
.ram-popular-card:hover .ram-popular-image img { transform: scale(1.045); }
.ram-popular-meta {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: .35rem;
  padding: .75rem .95rem 1rem;
}
.ram-popular-meta small {
  display: block;
  color: #77736b;
  font: 700 .54rem Arial,sans-serif;
  letter-spacing: .08em;
  direction: ltr;
  text-align: right;
}
.ram-popular-meta strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .92rem;
  line-height: 1.35;
  color: #111;
}
.ram-popular-meta-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-top: auto;
  padding-top: .45rem;
  border-top: 1px solid rgba(0,0,0,.08);
}
.ram-popular-meta em {
  color: #77736b;
  font: 700 .58rem Arial,sans-serif;
  font-style: normal;
  direction: ltr;
}
.ram-popular-meta .ram-view-link {
  color: #111;
  font-size: .72rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .2rem;
}

/* Bottom CTA */
.ram-popular-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 86rem;
  margin: 2.75rem auto 0;
  text-align: center;
}
.ram-view-all-cta {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: .95rem 2.2rem;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  color: #fff;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.35);
  transition: all .25s ease;
}
.ram-view-all-cta:hover {
  background: #d4ad6b;
  border-color: #d4ad6b;
  color: #080808;
  box-shadow: 0 1.2rem 3.5rem rgba(212,173,107,.4);
  transform: translateY(-2px);
}
.ram-view-all-cta .ram-cta-arrow { font-size: 1.1rem; transition: transform .25s ease; }
.ram-view-all-cta:hover .ram-cta-arrow { transform: translateX(-4px); }

.ram-telegram-widget { position:fixed; z-index:140; left:1rem; top:50%; transform:translateY(-50%); direction:rtl; color:#fff; font-family:inherit; }
.ram-telegram-toggle { position:relative; z-index:2; display:grid; place-items:center; width:3.7rem; height:3.7rem; padding:0; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:#229ed9; color:#fff; box-shadow:0 .8rem 2.2rem rgba(0,0,0,.35); cursor:pointer; }
.ram-telegram-toggle svg { width:1.7rem; height:1.7rem; fill:currentColor; }
.ram-telegram-card { position:absolute; left:0; top:50%; width:min(17rem,calc(100vw - 2rem)); padding:1.2rem; border:1px solid rgba(255,255,255,.17); border-radius:1.35rem; background:rgba(10,10,10,.94); backdrop-filter:blur(18px); box-shadow:0 1.5rem 4rem rgba(0,0,0,.48); opacity:0; visibility:hidden; transform:translateY(-50%) translateX(-.8rem) scale(.96); transform-origin:left center; transition:.25s ease; }
.ram-telegram-widget.is-open .ram-telegram-card { opacity:1; visibility:visible; transform:translateY(-50%) translateX(4.5rem) scale(1); }
.ram-telegram-close { position:absolute; top:.55rem; left:.55rem; width:1.9rem; height:1.9rem; border:0; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; font-size:1.1rem; }
.ram-telegram-kicker { display:block; direction:ltr; text-align:right; color:#6bc7f2; font:700 .5rem Arial,sans-serif; letter-spacing:.15em; }
.ram-telegram-card strong { display:block; margin:.65rem 0 .35rem; font-size:1.05rem; }
.ram-telegram-card p { margin:0 0 .9rem; color:rgba(255,255,255,.62); font-size:.72rem; line-height:1.8; }
.ram-telegram-card a { display:block; padding:.75rem .9rem; border-radius:999px; background:#fff; color:#0b0b0b; text-align:center; text-decoration:none; font-size:.72rem; font-weight:700; }

@media (max-width: 1080px) {
  .ram-popular-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  [class*="header__"] { grid-template-columns:1fr 1fr !important; grid-template-rows:1fr !important; justify-items:stretch !important; }
  [class*="header__"] > [class*="logo__"] { grid-column:2 !important; grid-row:1 !important; justify-self:end !important; }
  [class*="header__"] > [class*="menuButton__"] { grid-column:1 !important; grid-row:1 !important; justify-self:start !important; }
  [class*="homeHero__"] { padding:calc(8.5rem + env(safe-area-inset-top)) 1.25rem 3.5rem !important; gap:2rem; }
  [class*="homeHeroMedia__"] { height: clamp(42rem, 100svh, 52rem) !important; }
  [class*="homeHeroMedia__"] img { object-position: center 18% !important; }
  [class*="homeHeroTitle__"] { width:100% !important; }
  [class*="homeHeroTitle__"] h1 { max-width:11ch !important; font-size:clamp(3rem,13vw,4.75rem) !important; line-height:.94 !important; text-wrap:balance; }
  [class*="homeHeroTitle__"] h1 em { margin-top:.22em !important; }
  [class*="homeHeroIntro__"] { width:100% !important; }
  .ram-latest-products { margin-top:1rem; }
  .ram-products-track { margin-inline:0; padding-inline:0; }
  .ram-product-slide { flex-basis:calc((100% - var(--ram-product-gap)) / 2); border-radius:1.55rem; }
  .ram-slider-heading { align-items:center; }
  .ram-slider-heading h2 { font-size:1.55rem; }
  .ram-slider-controls { gap:.45rem; }
  .ram-slider-controls button { width:2.35rem; height:2.35rem; }
  .ram-popular-products { padding:3.5rem 1.25rem; }
  .ram-popular-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:.75rem !important; }
  .ram-telegram-widget { left:.75rem; }
  .ram-telegram-toggle { width:3.35rem; height:3.35rem; }
  .ram-telegram-widget.is-open .ram-telegram-card { transform:translateY(-50%) translateX(3.95rem) scale(1); }
}

@media (max-width: 640px) {
  [class*="homeHeroTitle__"] h1 {
    width:100% !important;
    max-width:100% !important;
    margin-inline:auto !important;
    font-size:clamp(2.15rem,10vw,3rem) !important;
    line-height:1.12 !important;
    text-align:center !important;
  }
  [class*="homeHeroTitle__"] h1 span {
    display:block !important;
    width:100% !important;
  }
  [class*="homeHeroTitle__"] h1 em {
    display:block !important;
    width:auto !important;
    max-width:9ch !important;
    margin:.28em auto 0 !important;
    line-height:1.06 !important;
    text-align:center !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .ram-popular-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
  }
  .ram-popular-card {
    border-radius: 1.15rem;
  }
  .ram-popular-image {
    width: calc(100% - .9rem);
    margin: .45rem .45rem 0;
    border-radius: .85rem;
  }
  .ram-popular-image img {
    padding: .45rem;
  }
  .ram-popular-meta {
    padding: .6rem .7rem .8rem;
    gap: .25rem;
  }
  .ram-popular-meta strong {
    font-size: .82rem;
  }
  .ram-popular-meta small {
    font-size: .5rem;
  }
  .ram-popular-meta em {
    font-size: .52rem;
  }
  .ram-popular-meta .ram-view-link {
    font-size: .65rem;
  }
  .ram-home-categories {
    gap: .45rem;
    margin-bottom: 1.35rem;
  }
  .ram-home-cat-tab {
    padding: .5rem .85rem;
    font-size: .76rem;
  }
  .ram-view-all-cta {
    width: 100%;
    padding: .85rem 1.25rem;
    font-size: .8rem;
    justify-content: center;
  }
}

@media (max-width: 520px) {
  [class*="homeHero__"] { padding-inline:1rem !important; gap:1.4rem; }
  [class*="homeHeroMedia__"] { height:clamp(38rem,88svh,46rem) !important; }
  [class*="homeHeroIntro__"] { margin-top:0 !important; max-width:22rem !important; }
  .ram-slider-heading { align-items:center; gap:.75rem; }
  .ram-slider-heading h2 { font-size:1.25rem; line-height:1.35; }
  .ram-slider-heading > div:first-child span { font-size:.44rem; }
  .ram-slider-controls span { display:none; }
  .ram-slider-controls { gap:.35rem; }
  .ram-slider-controls button { width:2.25rem; height:2.25rem; }
  .ram-products-track { padding-top:1rem; }
  .ram-product-slide { flex-basis:100%; }
  .ram-popular-heading { display:block; }
  .ram-popular-note { margin-top:.75rem; text-align:right; }
  /* KEEP 2 COLUMNS ALIGNED ON MOBILE */
  .ram-popular-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }
  .ram-telegram-card { width:calc(100vw - 5.5rem); }
}

@media (prefers-reduced-motion: reduce) {
  .ram-products-track { scroll-behavior:auto; }
  .ram-telegram-card,.ram-product-image img,.ram-popular-image img { transition:none; }
}

@media(max-width:640px){.ram-home-telegram,.ram-shop-contact-link,.ram-telegram-widget{display:none!important}}

/* Publication polish: keep the portrait visible and make catalog controls explicit. */
@media (min-width: 901px) {
  [class*="homeHero__"] { padding-top:clamp(10rem,12vw,11rem) !important; gap:2rem; }
  [class*="homeHeroTitle__"] h1 { font-size:clamp(4.5rem,6.5vw,6.25rem) !important; line-height:1.15 !important; }
  [class*="homeHeroTitle__"] h1 em { margin-top:.25em !important; }
  [class*="homeHeroTitle__"] [class*="heroSupport__"] { max-width:35rem; margin-top:1.5rem !important; font-size:.95rem !important; line-height:2 !important; }
  .ram-latest-products { margin-top:2rem; }
}
[class*="homeHeroTitle__"] { animation:ram-home-intro .65s ease-out both; }
[class*="homeHeroIntro__"] { animation:ram-home-intro .65s .1s ease-out both; }
@keyframes ram-home-intro { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
.ram-slider-controls button { min-width:44px; min-height:44px; transition:background .2s,color .2s,opacity .2s; }
.ram-slider-controls button:hover:not(:disabled) { background:#f1f0eb; color:#111; }
.ram-slider-controls button:disabled { opacity:.32; cursor:default; }
.ram-home-cat-tab { min-height:44px; box-shadow:none; }
.ram-home-cat-tab:disabled { opacity:.45; cursor:default; }
.ram-home-cat-tab.is-active { box-shadow:none; }
.ram-product-slide,.ram-popular-card { box-shadow:none; }
.ram-home-result-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ram-popular-meta small,.ram-popular-meta em { color:#5d5952; }
.ram-products-track:focus-visible,.ram-slider-controls button:focus-visible,.ram-home-cat-tab:focus-visible,.ram-popular-card:focus-visible,.ram-product-slide a:focus-visible,.ram-view-all-cta:focus-visible { outline:2px solid #d4ad6b; outline-offset:4px; }
@media (max-width: 640px) {
  .ram-slider-heading { align-items:center; }
  .ram-slider-controls { gap:.5rem; }
  .ram-slider-controls button { width:44px; height:44px; }
  .ram-popular-meta-bottom { flex-wrap:wrap; }
  .ram-popular-meta em { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  [class*="homeHeroTitle__"],[class*="homeHeroIntro__"] { animation:none; }
  .ram-popular-card,.ram-home-cat-tab,.ram-view-all-cta,.ram-slider-controls button { transition:none; }
  .ram-popular-card:hover,.ram-home-cat-tab:hover,.ram-view-all-cta:hover { transform:none; }
}