/* ================================================
   Safe House VS — Main Stylesheet v1.1
   Clean, semantic, mobile-first, RTL
   ================================================ */

/* ── FONTS ──────────────────────────────────────── */
@font-face { font-family:'Ploni'; src:url('/wp-content/uploads/fonts/ploni-light-aaa.woff2') format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'Ploni'; src:url('/wp-content/uploads/fonts/ploni-regular-aaa.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Ploni'; src:url('/wp-content/uploads/fonts/ploni-bold-aaa.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Ploni'; src:url('/wp-content/uploads/fonts/ploni-ultrabold-aaa.woff2') format('woff2'); font-weight:900; font-display:swap; }

/* ── CUSTOM PROPERTIES ──────────────────────────── */
:root {
  --blue:        #0066FF;
  --blue-dark:   #0050CC;
  --blue-light:  #3385FF;
  --blue-pale:   #E8F0FF;
  --blue-ultra:  #004DCC;
  --navy:        #040C23;
  --navy-mid:    #0A1428;
  --navy-card:   #0E1E3A;
  --text:        #1A2340;
  --muted:       #5A6480;
  --border:      #E2E8F0;
  --light:       #F5F7FA;
  --hero-bg:     #F0F4FF;
  --white:       #FFFFFF;
  --footer-bg:   #030810;

  --font:        'Ploni','Arial Hebrew',Arial,sans-serif;
  --radius:      12px;
  --radius-lg:   18px;
  --shadow-sm:   0 2px 8px rgba(0,0,0,.06);
  --shadow:      0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:   0 12px 40px rgba(0,0,0,.14);
  --shadow-blue: 0 8px 30px rgba(0,102,255,.25);
  --transition:  .22s cubic-bezier(.4,0,.2,1);

  --container: 1240px;
  --gap: 1.5rem;
}

/* ── RESET ──────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family:var(--font); font-size:16px; line-height:1.65;
  color:var(--text); direction:rtl; background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; transition:color var(--transition); }
a:hover { color:var(--blue); }
ul { list-style:none; }
button,input,textarea,select { font-family:var(--font); }
button { cursor:pointer; border:none; background:none; }

/* ── LAYOUT ─────────────────────────────────────── */
.container { width:100%; max-width:var(--container); margin-inline:auto; padding-inline:1.5rem; }
.sh-main { min-height:60vh; }
.section { padding-block:88px; }
.section--light  { background:var(--light); }
.section--white  { background:var(--white); }
.section--dark   { background:var(--navy); }
.section--navy   { background:var(--navy-mid); }
.section--blue   { background:var(--blue); }
.section--hero   { background:var(--hero-bg); }

.section-header { text-align:center; margin-bottom:3.5rem; }
.section-title {
  font-size:clamp(26px,4vw,42px); font-weight:900; line-height:1.15;
  color:var(--text); letter-spacing:-.01em;
}
.section-title--white { color:var(--white); }
.section-divider {
  width:52px; height:4px; background:var(--blue); border-radius:2px;
  margin:.75rem auto 0;
}
.section-divider--right { margin-inline-end:auto; margin-inline-start:0; }
.section-sub {
  font-size:1.0625rem; color:var(--muted); margin-top:.75rem; line-height:1.7;
}

/* ── ANIMATIONS ──────────────────────────────────── */
@keyframes fadeUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }
@keyframes scaleIn  { from{opacity:0;transform:scale(.94)} to{opacity:1;transform:none} }
@keyframes slideR   { from{opacity:0;transform:translateX(32px)} to{opacity:1;transform:none} }
@keyframes pulse-ring { 0%{transform:translate(-50%,-50%) scale(1);opacity:.7} 100%{transform:translate(-50%,-50%) scale(1.35);opacity:0} }

.sh-fade-up   { opacity:0; }
.sh-scale-in  { opacity:0; }
.sh-visible.sh-fade-up  { animation:fadeUp  .55s var(--transition) forwards; }
.sh-visible.sh-scale-in { animation:scaleIn .5s var(--transition) forwards; }
.sh-visible.sh-fade-up:nth-child(2) { animation-delay:.1s; }
.sh-visible.sh-fade-up:nth-child(3) { animation-delay:.2s; }
.sh-visible.sh-fade-up:nth-child(4) { animation-delay:.3s; }

/* ── BUTTONS ─────────────────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.9rem 2.25rem; border-radius:var(--radius);
  font-size:1rem; font-weight:700; line-height:1;
  white-space:nowrap; cursor:pointer;
  transition:all var(--transition); border:2px solid transparent;
}
.btn--primary { background:var(--blue); color:var(--white); box-shadow:var(--shadow-blue); }
.btn--primary:hover {
  background:var(--blue-dark); color:var(--white);
  transform:translateY(-2px); box-shadow:0 12px 36px rgba(0,102,255,.35);
}
.btn--outline { background:transparent; color:var(--blue); border-color:var(--blue); }
.btn--outline:hover { background:var(--blue); color:var(--white); }
.btn--white  { background:var(--white); color:var(--blue); }
.btn--white:hover { background:var(--blue); color:var(--white); }
.btn--ghost  { background:rgba(255,255,255,.1); color:var(--white); border-color:rgba(255,255,255,.3); }
.btn--ghost:hover { background:rgba(255,255,255,.2); color:var(--white); }
.btn--sm  { padding:.625rem 1.5rem; font-size:.875rem; border-radius:9px; }
.btn--lg  { padding:1.0625rem 2.75rem; font-size:1.0625rem; }

/* ── HEADER ──────────────────────────────────────── */
.sh-header { position:sticky; top:0; z-index:1000; }
.sh-header.scrolled { box-shadow:0 2px 24px rgba(0,0,0,.1); }

/* Top bar */
.sh-topbar { background:var(--navy); padding:.5rem 0; font-size:.8rem; }
.sh-topbar__inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.sh-topbar__contact { display:flex; align-items:center; gap:1.25rem; color:#8AA4C0; }
.sh-topbar__contact a { color:#8AA4C0; transition:color var(--transition); }
.sh-topbar__contact a:hover { color:var(--white); }
.sh-topbar__contact span { display:flex; align-items:center; gap:.375rem; }
.sh-topbar__apps { display:flex; gap:.5rem; }
.sh-app-btn {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.3125rem .875rem; border-radius:20px;
  font-size:.75rem; font-weight:700; cursor:pointer;
  transition:all var(--transition); border:none;
}
.sh-app-btn--ios     { background:var(--blue); color:var(--white); }
.sh-app-btn--android { background:#187A40; color:var(--white); }
.sh-app-btn:hover    { opacity:.85; transform:scale(1.04); }

/* Nav bar */
.sh-nav { background:var(--white); border-bottom:1px solid var(--border); }
.sh-nav__inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.9rem; }
.sh-logo img { height:50px; width:auto; transition:opacity var(--transition); }
.sh-logo:hover img { opacity:.85; }

.sh-menu { display:flex; align-items:center; gap:1.75rem; }
.sh-menu a {
  font-size:.9375rem; font-weight:600; color:var(--text);
  position:relative; padding-bottom:3px;
  transition:color var(--transition);
}
.sh-menu a::after {
  content:''; position:absolute;
  inset-inline-start:0; bottom:-2px;
  width:0; height:2px; background:var(--blue);
  border-radius:2px; transition:width var(--transition);
}
.sh-menu a:hover::after,
.sh-menu .current-menu-item a::after,
.sh-menu .current-page-ancestor a::after { width:100%; }
.sh-menu a:hover,
.sh-menu .current-menu-item a { color:var(--blue); }

.sh-nav__actions { display:flex; align-items:center; gap:1rem; }

/* Cart */
.sh-cart-link {
  position:relative; font-size:1.35rem;
  color:var(--text); display:flex; align-items:center;
  transition:color var(--transition);
}
.sh-cart-link:hover { color:var(--blue); }
.sh-cart-count {
  position:absolute; top:-8px; inset-inline-start:-9px;
  background:var(--blue); color:var(--white);
  font-size:.65rem; font-weight:700;
  width:18px; height:18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.sh-cart-count:not(.has-items) { display:none; }

/* Hamburger */
.sh-hamburger {
  display:none; flex-direction:column; gap:5px;
  padding:6px; border-radius:8px; border:1px solid var(--border); background:var(--white);
}
.sh-hamburger span { display:block; width:22px; height:2px; background:var(--text); border-radius:2px; transition:all var(--transition); }
.sh-hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.sh-hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.sh-hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* Mobile nav */
.sh-mobile-nav { display:none; flex-direction:column; background:var(--white); border-top:1px solid var(--border); box-shadow:0 8px 20px rgba(0,0,0,.07); }
.sh-mobile-nav.open { display:flex; }
.sh-mobile-nav a {
  padding:.9rem 1.25rem; font-size:1rem; font-weight:600;
  color:var(--text); border-bottom:1px solid var(--border);
  transition:all var(--transition);
}
.sh-mobile-nav a:last-child { border-bottom:none; }
.sh-mobile-nav a:hover,.sh-mobile-nav .current-menu-item a {
  color:var(--blue); background:var(--blue-pale); padding-inline-end:1.625rem;
}

/* ── HERO ─────────────────────────────────────────── */
.sh-hero { display:grid; grid-template-columns:45% 55%; min-height:580px; overflow:hidden; }

/* Visual side */
.sh-hero__visual {
  position:relative;
  background:linear-gradient(160deg,var(--hero-bg) 0%,#DDE8FF 100%);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; min-height:500px;
}

/* Pulsing ring effect behind circle */
.sh-hero__visual::before {
  content:''; position:absolute;
  width:490px; height:490px; border-radius:50%;
  border:2px solid rgba(0,102,255,.2);
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  animation:pulse-ring 3s ease-out infinite;
}

.sh-hero__circle {
  position:absolute;
  width:460px; height:460px;
  background:var(--blue);
  border-radius:50%;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 80px rgba(0,102,255,.35);
}

.sh-hero__product-img {
  position:relative; z-index:2;
  width:80%; max-height:470px; object-fit:contain;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.22));
  animation:fadeUp .7s ease .15s both;
}

/* Text side */
.sh-hero__content {
  display:flex; flex-direction:column; justify-content:center;
  padding:4rem 3.5rem 4rem 1.5rem; background:var(--white);
}
.sh-hero__badge {
  display:inline-flex; align-items:center; gap:.375rem;
  background:var(--blue-pale); color:var(--blue);
  font-size:.8rem; font-weight:700;
  padding:.4rem 1rem; border-radius:20px;
  margin-bottom:1.375rem; align-self:flex-end;
  animation:fadeIn .5s ease .1s both;
}
.sh-hero__title {
  font-size:clamp(36px,4.5vw,56px); font-weight:900;
  line-height:1.08; letter-spacing:-.02em;
  color:var(--text); text-align:end; margin-bottom:1rem;
  animation:slideR .55s ease .2s both;
}
.sh-hero__title span { color:var(--blue); }
.sh-hero__subtitle {
  font-size:1.0625rem; color:var(--muted); line-height:1.75;
  text-align:end; margin-bottom:2rem;
  animation:slideR .55s ease .3s both;
}
.sh-hero__btns {
  display:flex; gap:.875rem; flex-wrap:wrap; justify-content:flex-end;
  margin-bottom:2rem;
  animation:fadeUp .5s ease .4s both;
}
.sh-hero__stats {
  display:flex; gap:1.5rem; align-items:center; justify-content:flex-end;
  animation:fadeUp .5s ease .5s both;
}
.sh-hero__stat { text-align:center; }
.sh-hero__stat-number { font-size:1.625rem; font-weight:900; color:var(--blue); line-height:1.1; }
.sh-hero__stat-label  { font-size:.75rem; color:var(--muted); margin-top:3px; }
.sh-hero__stat-sep    { width:1px; height:40px; background:var(--border); }

/* ── FEATURES ─────────────────────────────────────── */
.sh-features { background:var(--light); }
.sh-features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }
.sh-feature-card {
  background:var(--white); border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow); display:flex; flex-direction:column;
  transition:transform var(--transition), box-shadow var(--transition);
  border:1px solid var(--border);
}
.sh-feature-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent; }
.sh-feature-card__img  { width:100%; height:180px; object-fit:cover; }
.sh-feature-card__body { padding:1.375rem; flex:1; display:flex; flex-direction:column; }
.sh-feature-card__title {
  font-size:1.0625rem; font-weight:700; text-align:end;
  margin-bottom:.5rem; color:var(--text);
}
.sh-feature-card__desc {
  font-size:.875rem; color:var(--muted); line-height:1.7;
  text-align:end; flex:1; margin-bottom:1.125rem;
}
.sh-feature-card__link { align-self:flex-start; }

/* ── CATEGORIES ───────────────────────────────────── */
.sh-categories { background:var(--white); }
.sh-cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); }
.sh-cat-card {
  background:var(--white); border:1px solid var(--border);
  border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow);
  transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.sh-cat-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(0,102,255,.2); }
.sh-cat-card__img  { width:100%; height:220px; object-fit:cover; }
.sh-cat-card__body { padding:1.625rem; }
.sh-cat-card__title { font-size:1.375rem; font-weight:700; text-align:end; margin-bottom:.5rem; }
.sh-cat-card__desc  { font-size:.875rem; color:var(--muted); line-height:1.7; text-align:end; margin-bottom:1.375rem; }

/* ── PRODUCTS ─────────────────────────────────────── */
.sh-products { background:var(--light); }
.sh-products__header {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:2.5rem; flex-wrap:wrap; gap:1rem;
}
.woocommerce ul.products {
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:var(--gap) !important;
  margin:0 !important; padding:0 !important;
  float:none !important; clear:both !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display:none !important; }
.woocommerce ul.products li.product {
  background:var(--white) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  overflow:hidden !important;
  box-shadow:var(--shadow) !important;
  margin:0 !important; float:none !important; width:auto !important;
  padding-bottom:1.25rem !important;
  transition:transform var(--transition), box-shadow var(--transition) !important;
}
.woocommerce ul.products li.product:hover {
  transform:translateY(-5px) !important;
  box-shadow:var(--shadow-lg) !important;
  border-color:rgba(0,102,255,.15) !important;
}
.woocommerce ul.products li.product img {
  width:100% !important; height:200px !important;
  object-fit:cover !important; border-radius:0 !important; margin:0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family:var(--font) !important; font-size:1rem !important; font-weight:700 !important;
  color:var(--text) !important; padding:.875rem 1rem .375rem !important;
  text-align:end !important; margin:0 !important;
}
.woocommerce ul.products li.product .price {
  color:var(--blue) !important; font-weight:700 !important;
  font-size:1.125rem !important; padding:0 1rem .5rem !important;
  display:block !important; text-align:end !important;
}
.woocommerce ul.products li.product .star-rating { margin:0 1rem .25rem auto !important; float:none !important; }
.woocommerce ul.products li.product .button {
  display:block !important; width:calc(100% - 2rem) !important;
  margin:.25rem 1rem 0 !important; padding:.625rem 1rem !important;
  background:var(--blue) !important; color:var(--white) !important;
  font-family:var(--font) !important; font-weight:700 !important;
  font-size:.875rem !important; border-radius:9px !important;
  text-align:center !important; border:none !important;
  transition:background var(--transition) !important;
}
.woocommerce ul.products li.product .button:hover { background:var(--blue-dark) !important; }
.woocommerce ul.products li.product .onsale { background:var(--blue) !important; border-radius:20px !important; }
.woocommerce .star-rating { color:#FFB800 !important; }

/* ── APP SECTION ──────────────────────────────────── */
.sh-app { background:var(--navy); }
.sh-app__grid {
  display:grid; grid-template-columns:55% 45%;
  gap:4.5rem; align-items:center;
}
.sh-app__title {
  font-size:clamp(26px,3.5vw,42px); font-weight:900;
  color:var(--white); line-height:1.15; margin-bottom:.875rem;
  text-align:end; letter-spacing:-.015em;
}
.sh-app__features { margin-bottom:2rem; }
.sh-app__features li {
  display:flex; align-items:center; gap:.75rem; justify-content:flex-end;
  color:#9AB4CC; font-size:.9375rem; padding:.5rem 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.sh-app__features li:last-child { border-bottom:none; }
.sh-app__features li::before {
  content:''; width:22px; height:22px; min-width:22px;
  background:var(--blue); border-radius:50%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3 4 7-8' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:60%; background-position:center; background-repeat:no-repeat;
}
.sh-app__download-title { font-size:1rem; font-weight:700; color:#5BB0FF; margin-bottom:.875rem; text-align:end; }
.sh-app__btns { display:flex; gap:.875rem; justify-content:flex-end; flex-wrap:wrap; }
.sh-app__btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.9rem 1.625rem; border-radius:11px;
  font-family:var(--font); font-weight:700; font-size:1rem;
  cursor:pointer; transition:all var(--transition); border:none;
}
.sh-app__btn--ios     { background:var(--white); color:#000; }
.sh-app__btn--android { background:var(--blue); color:var(--white); }
.sh-app__btn:hover    { transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.sh-app__mockup img {
  width:100%; max-width:380px; margin-inline:auto;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.35));
}

/* ── CTA ──────────────────────────────────────────── */
.sh-cta { background:linear-gradient(135deg,var(--blue-ultra) 0%,var(--blue-light) 100%); text-align:center; }
.sh-cta__title    { font-size:clamp(24px,4vw,42px); font-weight:900; color:var(--white); margin-bottom:.75rem; letter-spacing:-.015em; }
.sh-cta__subtitle { font-size:1.0625rem; color:rgba(255,255,255,.82); margin-bottom:2rem; }

/* ── FOOTER ───────────────────────────────────────── */
.sh-footer { background:var(--footer-bg); }
.sh-footer__main {
  display:grid; grid-template-columns:2fr 1fr 1fr 1.75fr;
  gap:3rem; padding-block:5rem 2.5rem;
}
.sh-footer__logo { margin-bottom:1.125rem; }
.sh-footer__logo img { height:46px; }
.sh-footer__tagline { font-size:.875rem; color:#4A5F75; line-height:1.8; text-align:end; margin-bottom:1.25rem; }
.sh-footer__contact-list { display:flex; flex-direction:column; gap:.5rem; }
.sh-footer__contact-list a,
.sh-footer__contact-list li {
  font-size:.875rem; color:#6A8499;
  display:flex; align-items:center; gap:.5rem; justify-content:flex-end;
  transition:color var(--transition);
}
.sh-footer__contact-list a:hover { color:var(--white); }
.sh-footer__social { display:flex; gap:.625rem; justify-content:flex-end; margin-top:1.125rem; }
.sh-footer__social a {
  width:38px; height:38px; border-radius:50%;
  background:var(--navy-card); color:#7A8FAA;
  display:flex; align-items:center; justify-content:center;
  transition:all var(--transition);
}
.sh-footer__social a:hover { background:var(--blue); color:var(--white); transform:translateY(-2px); }
.sh-footer__col-title { font-size:.9375rem; font-weight:700; color:var(--white); margin-bottom:.625rem; text-align:end; }
.sh-footer__col-divider { width:38px; height:3px; background:var(--blue); border-radius:2px; margin-bottom:1.125rem; margin-inline-start:auto; }
.sh-footer__links { display:flex; flex-direction:column; gap:.5rem; }
.sh-footer__links a {
  font-size:.875rem; color:#6A8499;
  display:flex; align-items:center; gap:.4rem; justify-content:flex-end;
  transition:color var(--transition);
}
.sh-footer__links a::before { content:'→'; color:var(--blue); font-size:.75rem; flex-shrink:0; }
.sh-footer__links a:hover { color:var(--white); }

/* Footer form */
.sh-footer__form { display:flex; flex-direction:column; gap:.625rem; }
.sh-footer__form input,
.sh-footer__form textarea {
  width:100%; padding:.7rem .9rem;
  background:var(--navy-card); border:1px solid #1A3060;
  color:var(--white); border-radius:9px;
  font-size:.875rem; outline:none;
  transition:border-color var(--transition); direction:rtl;
}
.sh-footer__form input:focus,
.sh-footer__form textarea:focus { border-color:var(--blue); }
.sh-footer__form input::placeholder,
.sh-footer__form textarea::placeholder { color:#465570; }
.sh-footer__form button {
  background:var(--blue); color:var(--white); padding:.75rem;
  border-radius:9px; font-weight:700; font-size:.9375rem;
  transition:background var(--transition);
}
.sh-footer__form button:hover { background:var(--blue-dark); }

/* Bottom bar */
.sh-footer__bottom { border-top:1px solid #0B1520; padding-block:1.25rem; }
.sh-footer__bottom-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.sh-footer__copy { font-size:.8125rem; color:#2E3E50; }

/* ── APP POPUP ────────────────────────────────────── */
.sh-popup-overlay {
  display:none; position:fixed; inset:0;
  background:rgba(4,12,35,.7); z-index:9999;
  align-items:center; justify-content:center;
  backdrop-filter:blur(4px);
}
.sh-popup-overlay.open { display:flex; animation:fadeIn .2s ease; }
.sh-popup {
  background:var(--white); border-radius:22px;
  padding:2.75rem 2.25rem; max-width:390px; width:92%;
  text-align:center; direction:rtl;
  box-shadow:0 30px 70px rgba(0,0,0,.35); position:relative;
  animation:scaleIn .25s var(--transition);
}
.sh-popup__close {
  position:absolute; top:.875rem; left:1rem;
  width:34px; height:34px; border-radius:50%;
  background:var(--light); color:var(--text);
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem; cursor:pointer; border:none;
  transition:background var(--transition);
}
.sh-popup__close:hover { background:var(--border); }
.sh-popup__icon  { font-size:2.5rem; margin-bottom:.75rem; }
.sh-popup__title { font-size:1.5rem; font-weight:900; color:var(--text); margin-bottom:.375rem; }
.sh-popup__sub   { font-size:.9375rem; color:var(--muted); margin-bottom:1.75rem; }
.sh-popup__btn {
  display:flex; align-items:center; justify-content:center; gap:.75rem;
  padding:1.0625rem 1.5rem; border-radius:13px; margin-bottom:.75rem;
  font-weight:700; font-size:1.0625rem; transition:all var(--transition);
}
.sh-popup__btn:last-of-type { margin-bottom:0; }
.sh-popup__btn--ios     { background:#000; color:var(--white); }
.sh-popup__btn--android { background:var(--blue); color:var(--white); }
.sh-popup__btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.18); color:var(--white); }

/* ── INNER PAGES ──────────────────────────────────── */
.sh-page-header { background:var(--hero-bg); padding-block:2.75rem; border-bottom:1px solid var(--border); }
.sh-page-header h1 { font-size:clamp(26px,4vw,42px); font-weight:900; color:var(--text); text-align:center; }
.sh-breadcrumb {
  display:flex; gap:.5rem; justify-content:center; align-items:center;
  margin-top:.625rem; font-size:.875rem; color:var(--muted);
}
.sh-breadcrumb a { color:var(--blue); }
.sh-breadcrumb .sep { color:var(--border); }

/* ── WC SINGLE ────────────────────────────────────── */
.woocommerce div.product { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; padding-block:3rem; }
.woocommerce div.product .entry-summary { direction:rtl; }
.woocommerce div.product h1.product_title { font-size:2rem; font-weight:900; color:var(--text); margin-bottom:.75rem; letter-spacing:-.02em; }
.woocommerce div.product p.price,
.woocommerce div.product span.price { font-size:1.875rem !important; font-weight:900 !important; color:var(--blue) !important; }
.woocommerce .single_add_to_cart_button {
  background:var(--blue) !important; color:var(--white) !important;
  font-family:var(--font) !important; font-weight:700 !important;
  border-radius:var(--radius) !important; padding:1rem 2.25rem !important;
  font-size:1rem !important; border:none !important;
  box-shadow:var(--shadow-blue) !important;
  transition:all var(--transition) !important;
}
.woocommerce .single_add_to_cart_button:hover { background:var(--blue-dark) !important; transform:translateY(-2px) !important; }
.wc-main { padding-block:2.5rem; }

/* ── UTILITIES ────────────────────────────────────── */
.text-blue { color:var(--blue); }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ── RESPONSIVE ──────────────────────────────────── */
@media (max-width:1100px) {
  .sh-hero { grid-template-columns:1fr 1fr; }
  .sh-features-grid { grid-template-columns:repeat(2,1fr); }
  .sh-footer__main { grid-template-columns:1fr 1fr; gap:2.5rem; }
  .woocommerce ul.products { grid-template-columns:repeat(2,1fr) !important; }
  .sh-app__grid { gap:2.5rem; }
}

@media (max-width:767px) {
  :root { --gap:1rem; }
  .section { padding-block:55px; }
  .container { padding-inline:1rem; }

  /* Header */
  .sh-topbar { display:none; }
  .sh-menu { display:none; }
  .sh-hamburger { display:flex; }
  .sh-nav__actions .btn { display:none; }

  /* Hero */
  .sh-hero { grid-template-columns:1fr; min-height:auto; }
  .sh-hero__visual { min-height:300px; order:1; }
  .sh-hero__circle { width:240px; height:240px; }
  .sh-hero__visual::before { width:270px; height:270px; }
  .sh-hero__product-img { width:65%; }
  .sh-hero__content { padding:2rem 1.25rem; order:2; }
  .sh-hero__title { font-size:2.125rem; }
  .sh-hero__btns { flex-direction:column; align-items:stretch; }
  .sh-hero__btns .btn { justify-content:center; }
  .sh-hero__stats { gap:1rem; }
  .sh-hero__stat-number { font-size:1.25rem; }

  /* Features / cats */
  .sh-features-grid { grid-template-columns:1fr; }
  .sh-cat-grid { grid-template-columns:1fr; }

  /* Products */
  .woocommerce ul.products { grid-template-columns:1fr !important; max-width:380px !important; margin-inline:auto !important; }
  .sh-products__header { flex-direction:column; align-items:flex-end; }

  /* App */
  .sh-app__grid { grid-template-columns:1fr; gap:2rem; }
  .sh-app__grid > *:last-child { order:-1; }
  .sh-app__btns { justify-content:center; }
  .sh-app__title,.sh-app__download-title { text-align:center; }
  .sh-app__features li { justify-content:flex-start; }
  .sh-app__mockup img { max-width:260px; }

  /* Footer */
  .sh-footer__main { grid-template-columns:1fr; gap:2rem; padding-block:3rem 1.5rem; }
  .sh-footer__bottom-inner { flex-direction:column; text-align:center; }

  /* WC product */
  .woocommerce div.product { grid-template-columns:1fr; }
}

@media (max-width:480px) {
  .sh-hero__title { font-size:1.875rem; }
  .sh-hero__circle { width:200px; height:200px; }
}
