body { margin: 0; background: #F8F3E9; font-family: 'EB Garamond', Georgia, serif; }
html[lang="he"] body { font-family: 'Cairo', sans-serif; }
html[lang="he"] h1, html[lang="he"] h2, html[lang="he"] h3 { font-family: 'Cairo', sans-serif; }

* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
button, input { font-family: inherit; }
button { cursor: pointer; }
.fade { transition: opacity .8s ease, visibility .8s; }
.trk { transition: transform .55s cubic-bezier(.4,0,.2,1); }
.btn { transition: filter .2s, transform .15s; }
.btn:hover { filter: brightness(1.12); }
.btn:active { transform: translateY(1px); }
.lnk { transition: color .2s; }
.lnk:hover { color: #5C4116; }
.navlink { transition: color .2s; }
.navlink:hover { color: #8A6424; }
.tile { transition: border-color .25s, box-shadow .25s; }
.tile:hover { border-color: #B8934A; box-shadow: 0 8px 22px rgba(90,64,20,.14); }
.tile img { transition: transform .6s ease; }
.tile:hover img { transform: scale(1.06); }
.card { transition: box-shadow .25s, border-color .25s; }
.card:hover { box-shadow: 0 10px 26px rgba(90,64,20,.13); border-color: #D2BE93; }
.icb { transition: background-color .2s, color .2s; }
.icb:hover { background-color: rgba(138,100,36,.10); color: #6B4A12; }
.circ { transition: background-color .2s, box-shadow .2s; }
.circ:hover { background-color: #FFFFFF; box-shadow: 0 3px 14px rgba(60,40,10,.22); }
.flnk { transition: color .2s; }
.flnk:hover { color: #8A6424; text-decoration: underline; }
.noscroll { scrollbar-width: none; }
.noscroll::-webkit-scrollbar { display: none; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #8A6424; outline-offset: 2px; }
input::placeholder { color: #75624A; opacity: 1; }

.container { max-width: 1440px; margin: 0 auto; padding: 0 5%; width: 100%; position: relative; }
.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-2 { gap: 8px; }
.gap-4 { gap: 16px; }
.gap-6 { gap: 24px; }
.gap-10 { gap: 40px; }
.grid { display: grid; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }

.hero-section { position:relative; height: 75vh; min-height: 600px; max-height: 850px; overflow:hidden; background:#EDE3CF; }
.hero-grad-ltr { position:absolute; top:0; left:0; width:70%; height:100%; background:linear-gradient(90deg,rgba(249,244,234,.90) 0%,rgba(249,244,234,.62) 40%,rgba(249,244,234,0) 85%); }
.hero-grad-rtl { position:absolute; top:0; right:0; width:70%; height:100%; background:linear-gradient(270deg,rgba(249,244,234,.90) 0%,rgba(249,244,234,.62) 40%,rgba(249,244,234,0) 85%); }

/* RTL Support */
.rtl { direction: rtl; }
.ltr { direction: ltr; }
html[lang="he"] .tracking-widest { letter-spacing: 0 !important; }
html[lang="he"] .hero-h1 { font-size: 54px !important; font-weight: 700; line-height: 1.2; }

/* Responsive Layout */
@media (max-width: 1024px) {
  .grid-cols-7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-banners { flex-direction: column; height: auto !important; }
  .feature-banners > div { width: 100% !important; height: 320px !important; }
  .footer-links { grid-template-columns: repeat(2, 1fr) !important; gap: 30px; }
  .footer-links .divider { display: none; }
  .header-nav { display: none !important; }
  .mobile-menu-btn { display: flex !important; }
  
  .hero-section { height: 60vh !important; min-height: 450px; }
  .hero-grad-ltr { width: 100%; background: linear-gradient(0deg, rgba(249,244,234,1) 0%, rgba(249,244,234,0.7) 60%, rgba(249,244,234,0) 100%); }
  .hero-grad-rtl { width: 100%; background: linear-gradient(0deg, rgba(249,244,234,1) 0%, rgba(249,244,234,0.7) 60%, rgba(249,244,234,0) 100%); }
  .hero-content { padding-left: 5%; padding-right: 5%; left: 0 !important; top: auto !important; bottom: 10% !important; align-items: center; text-align: center; max-width: 100% !important; justify-content: flex-end !important; }
  .hero-h1 { font-size: 32px !important; line-height: 38px !important; margin: 10px 0 !important; }
  
  .testimonial-trk { transform: translateX(0) !important; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; width: 100% !important; }
  .testimonial-trk > figure { scroll-snap-align: start; width: 80vw !important; }
  .newsletter-container { flex-direction: column !important; height: auto !important; padding: 30px 5% !important; align-items: flex-start !important; }
  .newsletter-form { position: static !important; margin-top: 20px; width: 100%; }
  .newsletter-form input { width: 100% !important; flex: 1; }
  
  .product-trk { transform: translateX(0) !important; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; width: 100% !important; padding-bottom: 15px; }
  .product-trk > article { scroll-snap-align: start; }
}
@media (max-width: 768px) {
  .grid-cols-7 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-cols-3 { grid-template-columns: 1fr; }
  .trust-strip > div { border-bottom: 1px solid #DCCFB5; padding-bottom: 20px; }
  .footer-links { grid-template-columns: 1fr !important; }
  .footer-bottom { flex-direction: column !important; gap: 10px; justify-content: center !important; text-align: center; }
  .hero-h1 { font-size: 32px !important; line-height: 38px !important; }
}

.mobile-menu-btn { display: none; }