:root{--paper:#FBF9F2;--surface:#E8DFC7;--ink:#22271B;--ink-soft:#5F6354;--line:#DAD2B8;--green:#324427;--green-deep:#232F1B;--gold:#FFC60B;--white:#FFFFFF;--font:'IBM Plex Sans Arabic', sans-serif;--container:1280px;}
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--font); background:var(--paper); color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased;}
  img{max-width:100%; display:block; width:100%; height:100%; object-fit:cover;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer; border:none; background:none;}
  .wrap{max-width:var(--container); margin:0 auto; padding:0 28px;}
  h1,h2,h3{font-weight:700; line-height:1.3;}

  .promo-bar{background:var(--green); color:var(--white); text-align:center; font-size:.78rem; padding:9px 12px;}
  header{position:sticky; top:0; z-index:100; background:rgba(251,249,242,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
  .nav-row{display:flex; align-items:center; justify-content:space-between; padding:18px 0; gap:20px;}
  .logo{font-size:1.35rem; font-weight:700;}
  .logo span{color:var(--green);}
  nav.primary ul{display:flex; gap:32px; font-size:.92rem; font-weight:500;}
  nav.primary a:hover{color:var(--green);}
  nav.primary a.active{color:var(--green);}
  .nav-actions{display:flex; align-items:center; gap:20px;}
  .icon-btn{width:20px; height:20px; position:relative; display:flex; align-items:center; justify-content:center;}
  .icon-btn svg{width:19px; height:19px; stroke:var(--ink); fill:none; stroke-width:1.6;}
  .cart-count{position:absolute; top:-8px; left:-9px; background:var(--green); color:var(--white); font-size:.6rem; font-weight:700; width:15px; height:15px; border-radius:50%; display:flex; align-items:center; justify-content:center;}

  .page-head{padding:44px 0 30px;}
  .breadcrumb{font-size:.8rem; color:var(--ink-soft); margin-bottom:14px;}
  .breadcrumb a:hover{color:var(--green);}
  .page-head h1{font-size:2.1rem; margin-bottom:10px;}
  .page-head p{color:var(--ink-soft); max-width:560px; font-weight:300;}

  /* HERO: same card structure as the shop's editor's pick, reskinned for a blog post */
  .spotlight{padding:0 0 48px;}
  .spotlight-card{display:grid; grid-template-columns:.85fr 1.15fr; gap:0; background:var(--white); border:1px solid var(--line); overflow:hidden;}
  .spotlight-visual{position:relative; aspect-ratio:4/3.4; overflow:hidden; background:var(--surface);}
  .spotlight-visual .tag{position:absolute; top:18px; right:18px; background:var(--gold); color:var(--ink); font-size:.72rem; font-weight:700; padding:6px 14px; border-radius:2px;}
  .spotlight-copy{padding:44px 48px; display:flex; flex-direction:column; justify-content:center;}
  .cat-badge{display:inline-flex; width:fit-content; font-size:.74rem; font-weight:600; color:var(--green); border:1px solid var(--green); padding:5px 14px; border-radius:20px; margin-bottom:16px;}
  .spotlight-copy h2{font-size:1.85rem; margin-bottom:16px; font-weight:600;}
  .spotlight-copy p{color:var(--ink-soft); margin-bottom:22px; max-width:460px; font-weight:300;}
  .spotlight-meta{display:flex; align-items:center; gap:16px; font-size:.82rem; color:var(--ink-soft); margin-bottom:24px;}
  .read-link{font-weight:600; color:var(--green); border-bottom:1px solid var(--green); padding-bottom:2px; width:fit-content;}
  .read-link:hover{color:var(--green-deep); border-color:var(--green-deep);}

  .card-footer{display:flex; align-items:center; justify-content:space-between; gap:10px;}
  .mini-read{font-size:.85rem; font-weight:600; color:var(--green);}
  .mini-read:hover{color:var(--green-deep);}

  /* TRIPTYCH: small - large center - small */
  .triptych{padding:8px 0 56px;}
  .triptych-grid{display:grid; grid-template-columns:1fr 1.4fr 1fr; gap:32px; align-items:start;}
  .trip-card .thumb{aspect-ratio:4/3; overflow:hidden; margin-bottom:18px; border:1px solid var(--line);}
  .triptych-grid > .trip-card:nth-child(2) .thumb{aspect-ratio:1/1;}
  .trip-card h3{font-size:1.15rem; margin-bottom:10px; line-height:1.45; font-weight:600;}
  .triptych-grid > .trip-card:nth-child(2) h3{font-size:1.4rem;}
  .trip-card p{font-size:.9rem; color:var(--ink-soft); font-weight:300; margin-bottom:14px; line-height:1.8;}
  .trip-card .date{font-size:.78rem; color:var(--ink-soft); opacity:.85;}

  /* filter bar, contextual, right above the repeating grid */
  .filter-bar{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:16px 0; margin-bottom:48px;}
  .chip-group{display:flex; gap:10px; flex-wrap:wrap;}
  .chip{font-size:.82rem; font-weight:500; padding:8px 18px; border:1px solid var(--line); border-radius:20px; color:var(--ink-soft); white-space:nowrap;}
  .chip:hover{border-color:var(--green); color:var(--green);}
  .chip.active{background:var(--green); border-color:var(--green); color:var(--white);}

  /* repeating grid: standard 3-up article cards, sharp corners, category + date only */
  .article-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:34px 28px;}
  .article-card .thumb{aspect-ratio:4/3; overflow:hidden; margin-bottom:16px; border:1px solid var(--line);}
  .article-card h3{font-size:1.08rem; margin-bottom:8px; line-height:1.45; font-weight:600;}
  .article-card p{font-size:.88rem; color:var(--ink-soft); margin-bottom:10px; font-weight:300;}
  .article-card .date{font-size:.78rem; color:var(--ink-soft); opacity:.85;}

  .archive-note{text-align:center; padding:40px 0 60px; color:var(--ink-soft); font-size:.9rem; font-weight:300;}

  footer{background:var(--surface); border-top:1px solid var(--line); padding-top:56px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; padding-bottom:44px; border-bottom:1px solid var(--line);}
  .footer-brand p{font-size:.85rem; color:var(--ink-soft); max-width:280px; margin:14px 0 20px; font-weight:300;}
  .footer-social{display:flex; gap:14px;}
  .footer-social a svg{width:17px; height:17px; stroke:var(--ink-soft); fill:none; stroke-width:1.6;}
  .footer-social a:hover svg{stroke:var(--green);}
  .footer-col h5{font-size:.82rem; font-weight:700; margin-bottom:16px;}
  .footer-col ul li{margin-bottom:10px;}
  .footer-col a, .footer-col span{font-size:.85rem; color:var(--ink-soft);}
  .footer-col a:hover{color:var(--green);}
  .tel-num{direction:ltr; unicode-bidi:isolate; display:inline-block;}
  .footer-bottom{display:flex; align-items:center; justify-content:space-between; padding:20px 0 32px; font-size:.78rem; color:var(--ink-soft); flex-wrap:wrap; gap:10px;}

  @media (max-width:980px){
    .spotlight-card{grid-template-columns:1fr;}
    .spotlight-copy{padding:32px 26px;}
    .triptych-grid{grid-template-columns:1fr; gap:36px;}
    .triptych-grid > .trip-card:nth-child(2){order:-1;}
    .article-grid{grid-template-columns:1fr;}
    nav.primary{display:none;}
  }

.shop-card{display:block}