: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;align-items:center}
    .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}
    .card .btn-primary{display:flex;width:calc(100% );justify-content:center}
    .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 6;overflow:hidden;display:flex;flex-direction:column}
      .card .thumb{aspect-ratio:3/4;flex:none}
      .card h3{font-size:.8rem;margin:.4rem .6rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
      .card .btn{font-size:.8rem;padding:.5rem .6rem;margin:.3rem .6rem .6rem;display:inline-flex;width:calc(100% - 1.2rem)}
      .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)}
    .load-more-container{display:flex;justify-content:center;padding:24px 0;grid-column:1/-1}
    .load-more-btn{font-size:1rem;padding:.9rem 2rem}

    /* ── Reviews ── */
    .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
    .review-card{background:#fff;border-radius:20px;padding:1.4rem;border:1px solid #f0e7e2;display:flex;flex-direction:column;gap:.8rem;transition:transform .2s,box-shadow .2s}
    .review-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.09)}
    .review-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:2px}
    .review-text{color:#374151;font-size:.92rem;line-height:1.65;flex:1;margin:0}
    .review-author{display:flex;align-items:center;gap:.75rem}
    .review-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    @media(max-width:768px){.reviews-grid{grid-template-columns:1fr}}
    @media(min-width:560px) and (max-width:900px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}

    /* ── Category Cards (same as shop.html) ── */
    .categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
    .cat-card{border-radius:24px;overflow:hidden;position:relative;aspect-ratio:4/3;display:flex;align-items:flex-end;text-decoration:none;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.12);transition:transform 0.3s ease,box-shadow 0.3s ease}
    .cat-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.18)}
    .cat-card .cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.4s ease}
    .cat-card:hover .cat-bg{transform:scale(1.04)}
    .cat-card .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.1) 60%,transparent 100%)}
    .cat-card .cat-content{position:relative;padding:24px;width:100%}
    .cat-card .cat-icon{font-size:2.2rem;margin-bottom:8px;display:block}
    .cat-card h2{font-size:1.3rem;margin:0 0 4px;font-weight:900}
    .cat-card p{font-size:.85rem;margin:0;opacity:.85}
    .cat-card .cat-arrow{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background 0.2s}
    .cat-card:hover .cat-arrow{background:rgba(255,255,255,.35)}
    .cat-fashion  .cat-bg{background:linear-gradient(135deg,#6B2B6B,#B63A6B)}
    .cat-spices   .cat-bg{background:linear-gradient(135deg,#c0392b,#e67e22)}
    .cat-home     .cat-bg{background:linear-gradient(135deg,#0C8F8F,#1a6b5a)}
    .cat-cosmetic .cat-bg{background:linear-gradient(135deg,#B63A6B,#E2A93B)}
    .cat-bg::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px)}
    @media(max-width:900px){.categories-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:560px){.categories-grid{gap:14px}.cat-card{aspect-ratio:3/4}.cat-card h2{font-size:1.1rem}.cat-card .cat-content{padding:14px}.cat-card .cat-icon{font-size:1.6rem;margin-bottom:4px}}