/* =========================================================
   Siddur Ariel — global stylesheet
   Shared across all site pages (home, about, service, ...)
   ========================================================= */

:root{
  --cream:#fbf6f1;
  --cream-2:#fefaf7;
  --navy:#23276b;
  --navy-2:#0d1b32;
  --gold:#b08d57;
  --gold-dark:#7d5f36;
  --gold-light:#e8b570;
  --gold-soft:#d7caba;
  --brown-heading:#4a3d2e;
  --brown-body:#6b6053;
  --box-warm:#ddd8d4;
  --box-cool:#eff0f2;
  --taupe-bar:#9e9188;
  --btn-dark:#4a4030;
  --whatsapp:#457c3e;

  --wrap:1440px;         /* shared page container width */
  --font-body:'Assistant', sans-serif;
  --font-script:'Ballet', cursive;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--cream-2);
  color:var(--brown-heading);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3{font-family:var(--font-body);font-weight:700;margin:0;color:var(--brown-heading);}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px;}
.section{padding:36px 0;}
.divider-top{border-top:3px solid var(--gold);}

/* ===== Top bar ===== */
.topbar{height:28px;background:linear-gradient(90deg,#1c2058,#2c3080 50%,#1c2058);     border-bottom: 2px solid var(--gold-light);}

/* ===== Header ===== */
header{
  border-bottom:3px solid var(--gold);background:var(--cream-2);
  position:sticky;top:0;z-index:1000;
  transition:box-shadow .35s ease, border-color .35s ease, background-color .35s ease;
}
header.is-stuck{
  box-shadow:0 8px 24px -8px rgba(35,27,15,.18);
  background:rgba(254,250,247,.94);
  -webkit-backdrop-filter:saturate(1.4) blur(6px);
  backdrop-filter:saturate(1.4) blur(6px);
}
.header-inner{
  max-width:var(--wrap);margin:0 auto;padding:22px 20px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  transition:padding .35s cubic-bezier(.4,0,.2,1);
}
header.is-stuck .header-inner{padding-top:10px;padding-bottom:10px;}
.header-icons{display:flex;align-items:center;gap:18px;}
.header-icons svg{width:26px;height:26px;stroke:var(--brown-heading);transition:width .35s ease,height .35s ease;}
header.is-stuck .header-icons svg{width:20px;height:20px;}
.header-mark{
  font-family:var(--font-script);font-size:26px;color:var(--brown-heading);
  position:relative;line-height:1;margin-inline-start:10px;
  transition:font-size .35s ease;
}
header.is-stuck .header-mark{font-size:21px;}
.header-mark sup{font-size:9px;}
nav ul{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;}
nav a{font-size:20px;font-weight:500;color:#4a4234;white-space:nowrap;transition:color .15s, font-size .35s ease;}
nav a:hover{color:var(--gold-dark);}
header.is-stuck nav a{font-size:16px;}
.site-logo{height:26px;width:auto;transition:height .35s cubic-bezier(.4,0,.2,1);}
header.is-stuck .site-logo{height:20px;}

/* ===== Hero ===== */
.hero{
  max-width:var(--wrap);margin:0 auto;padding:0 20px;
  display:flex;gap:0;align-items:stretch;
}
.hero-content{
  flex:1 1 46%;display:flex;flex-direction:column;

  direction:rtl;background:var(--box-warm);padding:38px 34px 0px;
  align-self:stretch; text-align: center;
}
.hero-tag{font-size:90px;font-weight:700;line-height:1;margin-bottom:2px;}
.hero-tag-line2{font-size:80px;font-weight:700;line-height:1;margin-bottom:14px;}
.hero-desc{
  margin-bottom: 1rem;
}
.hero-desc p{font-size:24px;line-height:1.2;color:#4f4636;margin-bottom:0px; margin-top: 0; padding: 0 3rem;}
.price-box{display:flex;border:3px solid var(--gold);margin:0 auto 16px;max-width:340px;}
.price-old{
 flex: 1;
    text-align: center;
    padding: 4px 26px;
    position: relative;
    border-right: 3px solid var(--gold);
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.price-old span{display:block;font-size:18px;color:#4b4030;margin: bottom 0;px; font-weight: 700;}
.price-old strong{
     font-size: 28px;
    font-weight: 700;
    color: #6b6053;
    position: relative;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.price-old strong::after{
 content: "";
    position: absolute;
    right: 20px;
    left: 20px;
    top: 50%;
    height: 2.5px;
    background: #a8815a;
    transform: rotate(-8deg);
}
.price-new{flex:1.3;text-align:center;padding:4px 34px;}
.price-new span{display:block;font-size:18px;color:#4a4030;margin-bottom:2px; font-weight: 700;}
.price-new strong{
      font-size: 44px;
    font-weight: 800;
    color: #3b3122;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.price-new strong span{font-size:26px;margin-inline-start:4px;}
.price-new em{font-style:normal;font-size:18px;color:#4a4030; font-weight: 800;}
.hero-includes{
      font-size: 22px;
    line-height: 1.2;
    color: #6b6053;
    margin:0 auto 20px;
    max-width: 360px;
    margin-top: 0;
}
.btn-gold{
display: inline-block;
    text-align: center;
    padding: 12px 36px;
    border-radius: 30px;
    background: linear-gradient(120deg, #8b6b3d, #e8b570 45%, #c9975a 82%, #8b6b3d);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    box-shadow: 0 3px 8px rgba(139, 107, 61, .35);
    border: none;
    cursor: pointer;
    width: fit-content;
    font-family: var(--font-body);
    margin: 0 auto;
}
.hero-fine{
  font-size: 18px;
    color: var(--brown-heading);
    margin-top: 14px;
    line-height: 1.6;
    font-weight: 500;
}
.hero-photo-wrap{
  flex:1 1 90%;position:relative;overflow:hidden;min-width:0;
}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.bsd{position:absolute;top:10px;right:14px;font-size:11px;color:#2a2a2a;text-shadow:0 1px 2px rgba(255,255,255,.5);}
.caption-note{position:absolute;bottom:10px;left:14px;font-size:10.5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);}

/* ===== Why section ===== */
.why-head{text-align:center;font-size:30px;margin-bottom:30px;}
.why-cols{display:grid;grid-template-columns:1fr 1px 1fr;gap:90px;margin:0 auto 90px; max-width: 80%;}
.why-cols p{font-size:24px;line-height:1.3;color:#5a5142;margin:0;text-align:right;}
.why-cols .rule{background:var(--gold); width: 2px;}
.why-cols p strong{color:var(--brown-heading);}

.icon-row{display:flex;gap:16px;margin:0 auto 44px;flex-wrap:wrap; max-width: 80%;}
.icon-card{
  flex:1;min-width:150px;background:#fefaf7;border:2px solid var(--gold);border-radius:12px;
  padding:26px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:14px;
}
.icon-card .icon-glyph{height:56px;width:auto;object-fit:contain;}
.icon-card p{margin:0;font-size:14px;font-weight:600;color:#4a4030;line-height:1.4;}
.icon-card .icon-card-title{font-size:16px;font-weight:700;color:#4a3d2e;}
.icon-card--reverse{flex-direction:column;}
.icon-card--reverse .icon-glyph{height:70px;}

.flag-row{display:flex;align-items:center;gap:26px;margin:0 auto 40px;flex-wrap:wrap; max-width: 80%;}
.flag-row img{width:390px;flex-shrink:0;}
.flag-row p{font-size:28px;line-height:1.2;color:#4a4030;margin:0;flex:1;text-align:right;}

.editions{text-align:center;}
.editions h3{font-size:24px;margin-bottom:10px;}
.editions p{font-size:24px;color:#5a5142;line-height:1.2;margin:0;}
.editions p span{color:var(--gold-dark);margin:0 6px;}

/* ===== Grey callout bar ===== */
.callout-wrap{display:flex;justify-content:center;padding:0 0 56px;}
.callout{
  background:var(--taupe-bar);color:#f6f1ea;text-align:center;padding:16px 30px;
  max-width:var(--wrap);width:100%;font-size:24px;line-height:1.2;font-weight:500;
  margin: 0 20px;
}

/* ===== Promo section ===== */
.promo{max-width:var(--wrap);margin:0 auto;padding:0 20px;display:flex;gap:0;direction:ltr;}
.promo-box{
  flex:1 1 42%;background:var(--box-cool);
  padding:34px 86px;
  text-align: center;
  direction: rtl;
}
.promo-box h3{font-size:36px;margin-bottom:14px;}
.promo-box p{font-size:28px;line-height:1.2;color:#4f4636;margin:0 0 18px;}
.promo-quote{font-size:46px !important;font-weight:700;color:#3b3122 !important;margin-bottom:6px;line-height:1.6;}
.promo-cite{font-size:22px !important;color:#847a6a;margin-bottom:22px;}
.btn-dark{
  display:inline-block;text-align:center;padding:14px 32px;border-radius:30px;
  background:var(--btn-dark);color:#f3ede1;font-weight:700;font-size:24px;
  width:fit-content;border:none;cursor:pointer;font-family:var(--font-body);
}
.promo-photo-wrap{flex:1 1 58%;min-width:0;}
.promo-photo-wrap img{width:100%;height:100%;object-fit:cover;}

/* ===== Social proof ===== */
#social .wrap{max-width: 80%;}
.social-head{text-align:center;font-size:22px;line-height:1.5;margin-bottom:28px;}
.carousel-wrap{display:flex;align-items:center;gap:10px;}
.car-btn{
  flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#5a4d3c;color:#fff;
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;
}
.carousel{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;flex:1;scrollbar-width:none;}
.carousel::-webkit-scrollbar{display:none;}
.carousel img{
  width:150px;object-fit:cover;border-radius:4px;flex-shrink:0;
  box-shadow:0 1px 4px rgba(0,0,0,.15);
}
.carousel.rabbis img{width:178;border:1px solid #e5ded2;border-radius:2px;}
.handle{text-align:center;font-size:22px;font-weight:700;margin-top:24px;}

/* ===== Rabbis ===== */
#rabbis .wrap{max-width: 80%;}
.rabbis-head{text-align:center;font-size:22px;margin-bottom:26px;}

/* ===== FAQ ===== */
#faq .wrap{max-width: 80%;}
.faq-head{text-align:center;font-size:22px;margin-bottom:26px;}
.faq-item{border:1px solid var(--gold);border-top:none;}
.faq-item:first-child{border-top:1px solid var(--gold);}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;padding:16px 18px;
  cursor:pointer;font-size:14.5px;font-weight:500;color:#4a4030;background:transparent;border:none;width:100%;
  font-family:var(--font-body);text-align:right;
}
.faq-q span{
  font-size: 24px;
  font-weight: 600;
}
.faq-q .plus{font-size:24px;color:var(--gold-dark);transition:transform .2s;flex-shrink:0;margin-left:14px;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px;}
.faq-item.open .faq-a{max-height:160px;}
.faq-a p{font-size:24px;line-height:1.2;color:#6b6053;margin:0 0 16px;}

/* ===== Join / Footer ===== */
.join-head{text-align:center;font-size:34px;margin-bottom:22px;}
.footer-outer{max-width:var(--wrap);margin:0 auto;border-radius:2px;overflow:hidden;}
.whatsapp-bar{
  background:#061528;padding:16px 24px;display:flex;align-items:center;justify-content:center;
  gap:16px;flex-wrap:wrap;text-align:center;
  border-top: 3px solid var(--gold-light);
}
.wa-btn{
  background:var(--whatsapp);color:#fff;border-radius:9px;padding:12px 26px;font-size:20px;font-weight:700;
  display:flex;align-items:center;gap:8px;white-space:nowrap;border:none;cursor:pointer;font-family:var(--font-body);
}
.wa-text{color:#fff;}
.wa-text strong{font-size:28px;display:block;}
.wa-text span{font-size: 15px;
    color: rgb(48 128 54 / 79%);
    text-align: right;
    width: 100%;
    display: block;}
.wa-icon-circle{
  width:50px;height:50px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
footer{background:var(--navy-2);padding:30px 24px 34px;}
.footer-cols{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;}
.footer-cols > div{flex:1;min-width:150px; border-left: 1px solid rgba(255,255,255,0.08);}
.footer-cols h4{color:#e9e2d3;font-size:18px;font-weight:700;margin-bottom:14px;}
.footer-cols h4 .accent{color:#d9b26b;}
.footer-cols ul li{margin-bottom:10px;font-size:16px;color:#aeb6c4;}
.contact-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:10px;font-size:16px;color:#aeb6c4;}
.contact-line svg{width:14px;height:14px;flex-shrink:0;}
.pay-icons{display:flex;gap:6px;margin-top:10px;}
.pay-icons img{height:34px;border-radius:4px;}
.pay-sub{font-size:10.5px;color:#7c8496;margin-top:4px;}
.social-icons{display:flex;gap:8px;margin-top:14px;}
.social-icons a{
  width:30px;height:30px;border:1px solid #465067;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.social-icons svg{width:14px;height:14px;stroke:#c8cedb;fill:none;}
.copyright{font-size:16px;color:#8b93a5;line-height:1.7;}

/* ===== responsive ===== */
@media (max-width:900px){
  .hero{flex-direction:column;}
  .why-cols{grid-template-columns:1fr;}
  .why-cols .rule{display:none;}
  .promo{flex-direction:column;}
  .promo-box,.promo-photo-wrap{width:100%;}
  .promo-photo-wrap{height:260px;}
  .footer-cols{flex-direction:column;}
  .contact-line,.copyright,.editions{justify-content:flex-start;}
}
@media (max-width:560px){
  nav ul{justify-content:center;width:100%;}
  .header-inner{justify-content:center;}
  .site-logo{margin:0 auto;}
}



.footer-main-inner {
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}
.footer-col {
    padding: 0 60px 0 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-col-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    text-align: right;
}
.footer-copy {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 16px;
    text-align: center;
}
.footer-socials {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.social-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.2s;
}
.footer-col--right {
    text-align: right;
}
.footer-main-inner .footer-col:nth-child(2) .footer-col-title {
    text-align: right;
}
.footer-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.footer-col--right .footer-links-list {
    align-items: flex-start;
}
.footer-links-list li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    transition: color 0.2s;
}
.footer-col--right .footer-contact-list {
    align-items: flex-start;
}
.footer-contact-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    direction: rtl;
}
.footer-contact-list li svg {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.5);
}
.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.footer-payment-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 14px;
    text-align:right;
    margin-top: 0;
}
.footer-main-inner .footer-col:nth-child(4) .footer-col-title {
    margin-bottom: 0;
}
.footer-cards {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-col--right .footer-cards {
    justify-content: flex-start;
}
.card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 28px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.footer-col:last-child {
    border-left: none;
}