:root{
      /* צבעים בהשראת שמלות אתיופיות מודרניות (לא צבעי הדגל) */
      --bg: #fff8f5;
      --ink: #1a1a1a;
      --muted: #6b7280;
      --brand-1: #6B2B6B; /* סגול עמוק */
      --brand-2: #0C8F8F; /* טורקיז כהה */
      --brand-3: #B63A6B; /* בורדו/ורוד עמוק */
      --brand-4: #E2A93B; /* זהב חם */
      --card: #ffffff;
      --ring: rgba(11, 136, 136, 0.2);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Heebo,system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans",Arial,"Apple Color Emoji","Segoe UI Emoji";}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{width:min(1100px,100%);margin-inline:auto;padding:clamp(12px,2vw,24px)}
    .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:16px;border:1px solid transparent;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.08);cursor:pointer}
    .btn-primary{background:linear-gradient(135deg,var(--brand-2),var(--brand-1));color:#fff}
    .btn-outline{background:#fff;border-color:var(--brand-2);color:var(--brand-2)}
    .chip{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;margin:.2rem;background:#fff}
    header{position:sticky;top:0;background:rgba(255,248,245,.8);backdrop-filter:blur(8px);border-bottom:1px solid #f0e7e2;z-index:50}
    .nav{display:flex;align-items:center;justify-content:space-between}
    .logo{display:flex;align-items:center;gap:.75rem}
    .logo-mark{width:42px;height:42px;border-radius:12px;background:conic-gradient(from 210deg,var(--brand-4),var(--brand-2),var(--brand-3),var(--brand-1));box-shadow:inset 0 0 0 3px #fff,0 4px 18px rgba(0,0,0,.15);overflow:hidden;display:flex;align-items:center;justify-content:center}
    .logo-mark img{width:100%;height:100%;object-fit:contain}
    .nav-links{display:flex;gap:1rem;flex-wrap:wrap}
    .menu-toggle{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:var(--ink)}
    .menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;transition:all 0.3s ease}
    .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}
    .menu-toggle.active span:nth-child(2){opacity:0}
    .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}
    .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:32px 0}
    .hero h1{font-size:clamp(2rem,4vw,3rem);margin:0;line-height:1.1}
    .hero p{color:var(--muted);font-size:1.1rem}
    .illustration{aspect-ratio:4/3;border-radius:28px;background:
      radial-gradient(80% 60% at 80% 20%, rgba(11,143,143,.12), transparent 60%),
      radial-gradient(60% 60% at 20% 80%, rgba(182,58,107,.10), transparent 60%),
      linear-gradient(135deg,#fff, #fff8f5);
      border:1px solid #efe7e2;position:relative;overflow:hidden}
    .figure{position:absolute;inset:auto 6% 0 6%;height:100%;display:grid;place-items:center}
    .figure .dress{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
    .dress img{width:100%;height:100%;object-fit:contain}
    .dress{width:min(420px,80%);aspect-ratio:3/4;border-radius:22px;background:
      linear-gradient(#fff,#f7f2ef) padding-box,
      conic-gradient(from 180deg,var(--brand-4),var(--brand-2),var(--brand-3),var(--brand-4)) border-box;
      border:8px solid transparent;box-shadow:0 16px 60px rgba(0,0,0,.12)}
    .section{padding:28px 0}
    .section h2{margin:0 0 12px;font-size:clamp(1.3rem,2.3vw,1.8rem)}
    .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
    .card{grid-column:span 4;background:var(--card);border:1px solid #eee;border-radius:20px;overflow:hidden;box-shadow:0 4px 22px rgba(0,0,0,.06);display:flex;flex-direction:column}
    .thumb{aspect-ratio:4/5;background:#f5f1ef;display:grid;place-items:center;position:relative;cursor:pointer}
    .tag{position:absolute;inset:12px 12px auto auto;background:var(--brand-4);color:#000;padding:.3rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem}
    .card h3{font-size:1.1rem;margin:.9rem 1rem .2rem}
    .price{font-weight:800;margin:0 1rem .6rem;color:var(--brand-1)}
    .card .btn{margin:0 1rem 1rem auto}
    .filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:12px}
    .about{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
    .about .blob{aspect-ratio:1;border-radius:36px;background:
      radial-gradient(60% 60% at 30% 30%, rgba(226,169,59,.25), transparent 60%),
      radial-gradient(60% 60% at 80% 40%, rgba(12,143,143,.2), transparent 60%),
      radial-gradient(60% 60% at 50% 80%, rgba(182,58,107,.18), transparent 60%),
      linear-gradient(135deg,#ffffff,#f9f4f1);border:1px solid #efe7e2;display:flex;align-items:center;justify-content:center;overflow:hidden}
    .about .blob img{width:85%;height:85%;object-fit:contain;opacity:0.9;border-radius:80%}
    footer{border-top:1px solid #efe7e2;background:#fff}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
    .small{font-size:.92rem;color:var(--muted)}
    .floating-whatsapp{position:fixed;left:16px;bottom:16px;background:#25D366;color:#fff;border-radius:999px;padding:.9rem 1.05rem;display:flex;align-items:center;gap:.5rem;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:60}
    /* רספונסיביות */
    @media (max-width: 900px){
      .hero{grid-template-columns:1fr}
      .about{grid-template-columns:1fr}
      .card{grid-column:span 6}
      .footer-grid{grid-template-columns:1fr}
    }
    @media (max-width: 768px){
      .menu-toggle{display:block}
      .nav-links{position:absolute;top:100%;right:0;left:0;background:rgba(255,248,245,.98);backdrop-filter:blur(10px);flex-direction:column;padding:1rem;border-bottom:1px solid #f0e7e2;display:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}
      .nav-links.active{display:flex}
      .nav-links a{padding:.7rem 1rem;border-radius:12px;transition:background 0.2s ease}
      .nav-links a:hover{background:rgba(107,43,107,.08)}
      header{position:sticky}
      .nav{position:relative}
    }
    @media (max-width: 560px){
      .card{grid-column:span 12;overflow:visible}
      .card .thumb{flex:0 0 auto;aspect-ratio:3/4}
      .card .btn{flex:0 0 auto;margin:12px 1rem;display:block}
      .card .thumb{flex-shrink:1;min-height:0}
      .card .btn{flex-shrink:0;display:inline-flex}
      .hero h1{font-size:1.8rem}
      .hero p{font-size:1rem}
      .btn{padding:.7rem .9rem;font-size:.9rem}
      .floating-whatsapp{left:12px;bottom:12px;padding:.7rem .85rem;font-size:.9rem}
      .container{padding:clamp(10px,3vw,16px)}
      .grid[style*="align-items:start"] .card{grid-column:span 12!important}
      .filters{gap:.3rem}
      .chip{font-size:.85rem;padding:.3rem .6rem}
    }
    /* Back to top button */
    .back-to-top{position:fixed;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brand-2),var(--brand-1));color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:60;opacity:0;visibility:hidden;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
    .back-to-top.visible{opacity:1;visibility:visible}
    .back-to-top:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.22)}