:root{--ink:#201b17;--muted:#766d64;--paper:#f7f3ed;--sand:#e8ddd0;--line:#d8ccbd;--accent:#8a4f31;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{text-decoration:none;color:inherit}.announcement{background:var(--ink);color:#fff;text-align:center;font-size:10px;letter-spacing:.2em;padding:8px}.nav{max-width:1240px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:35px}.logo,.footer-brand{font-family:var(--serif);font-size:28px;font-weight:700}nav{display:flex;gap:24px;justify-content:center;flex:1;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--accent)}.hero{max-width:1240px;margin:auto;padding:75px 28px 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero h1,.shophead h1,.story h1,.success h1{font-family:var(--serif);font-size:clamp(38px,4.2vw,52px);line-height:1.04}.hero p{color:var(--muted);font-size:17px;max-width:560px}.btn{display:inline-block;background:var(--ink);color:#fff;border:0;padding:13px 21px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.hero-art{height:520px;background:#cbb59d;position:relative;overflow:hidden}.card{position:absolute;display:grid;place-items:center;font-family:var(--serif);font-size:24px;border:1px solid #655748;width:55%;height:60%;box-shadow:0 20px 40px #0002}.c1{background:#d8c4aa;left:6%;top:8%;transform:rotate(-5deg)}.c2{background:#8e6249;color:#fff;right:5%;bottom:8%;transform:rotate(7deg)}.c3{background:#b3a17f;width:36%;height:35%;left:34%;bottom:3%}.intro{text-align:center;max-width:720px;margin:auto;padding:60px 28px}.intro h2,.section-head h2{font-family:var(--serif);font-size:39px}.intro p:last-child,.story>p:last-of-type,.policy>p:last-of-type{color:var(--muted)}.cats{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);background:var(--line);gap:1px;padding:20px 28px 90px}.cats>a{background:var(--paper);padding:35px;min-height:240px}.cats h2{font-family:var(--serif);margin-top:60px}.featured{max-width:1240px;margin:auto;padding:50px 28px 25px}.section-head{display:flex;justify-content:space-between;align-items:end}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pic{aspect-ratio:1;background:var(--sand);overflow:hidden}.pic img,.detailpic img,.item img{width:100%;height:100%;object-fit:cover}.prod{display:grid;gap:4px}.prod small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.1em}.prod strong{font-family:var(--serif);font-size:18px}.shophead,.story,.policy{max-width:1184px;margin:auto;padding:45px 28px 35px}.filters{max-width:1184px;margin:auto;padding:0 28px 25px;display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:12px}.shopgrid{max-width:1184px;margin:auto;padding:35px 28px 100px}.detail{max-width:1184px;margin:auto;padding:70px 28px 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.detailpic{background:var(--sand);aspect-ratio:1}.detail h1{font-family:var(--serif);font-size:48px}.price{font-size:20px;margin-bottom:25px}.detail p{color:var(--muted)}.add{display:flex;gap:12px;margin:30px 0}.add input,.item input{padding:12px;border:1px solid var(--line);width:70px}.empty,.success{text-align:center;max-width:800px;margin:auto;padding:90px 28px 120px}.cart{max-width:1184px;margin:auto;padding:30px 28px 100px;display:grid;grid-template-columns:1fr 330px;gap:50px}.item{display:grid;grid-template-columns:95px 1fr 60px 100px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.item img{width:95px;height:95px}.cart aside{background:#eee7dd;padding:25px;height:max-content;display:grid;gap:15px}.cart aside h2{font-family:var(--serif)}.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}.story h1,.policy h1{font-size:55px}.storygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.storygrid h2{font-family:var(--serif)}footer{background:var(--ink);color:#fff;padding:60px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer a{display:block;color:#bbb;font-size:13px;margin:7px 0}footer p{color:#bbb}.copyright{background:var(--ink);color:#888;border-top:1px solid #444;text-align:center;padding:15px;font-size:10px}@media(max-width:800px){nav{display:none}.hero,.detail,.cart{grid-template-columns:1fr}.cats,.grid,.storygrid{grid-template-columns:1fr}.hero-art{height:380px}.item{grid-template-columns:70px 1fr 50px}.item img{width:70px;height:70px}footer{grid-template-columns:1fr}.story h1,.policy h1{font-size:42px}}

.featured .grid {
    grid-template-columns: repeat(4, 1fr) !important;
}

.nav .logo {
    display: flex;
    align-items: center;
}

.nav .logo img {
    height: 42px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain;
    display: block;
}
.hero-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.world h2 {
  font-family: var(--serif);
  font-size: 42px;
  line-height: 1.08;
  margin: 10px 0 0;
}
.world {
  max-width: 1240px;
  margin: 0 auto;
  padding: 65px 28px;
}

.world .section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 25px;
  margin-bottom: 25px;
}

.world .eyebrow {
  font-size: 11px;
  letter-spacing: .2em;
  font-weight: 700;
  color: var(--accent);
  text-transform: uppercase;
}

.world-intro {
  max-width: 520px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 45px;
}

.world-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.world-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 210px;
    padding: 28px;
    background: var(--paper);
    color: var(--ink);
    text-decoration: none;
}

.world-card:hover {
  background: var(--sand);
}

.world-card span {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--accent);
}

.world-card h3 {
    font-family: var(--serif);
    font-size: 28px;
    margin: 22px 0 10px;
}

.world-card p {
    color: var(--muted);
    line-height: 1.5;
    margin: 0 0 18px;
}

.world-card b {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.featured .grid{
    grid-template-columns:repeat(4,1fr);
}
@media (max-width: 800px) {
  .world {
    padding: 70px 20px;
  }

  .world-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .world-grid {
    grid-template-columns: 1fr;
  }

  .world h2 {
    font-size: 34px;
  }
}
/* WORLD SECTION FIX */
.world {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 100px 28px !important;
}

.world .section-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 40px !important;
    margin-bottom: 45px !important;
}

.world .world-intro {
    max-width: 520px !important;
    color: var(--muted) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.world-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1px !important;
    background: var(--line) !important;
    border: 1px solid var(--line) !important;
}

.world-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 250px !important;
    padding: 35px !important;
    background: var(--paper) !important;
    color: var(--ink) !important;
    text-decoration: none !important;
}

.world-card:hover {
    background: var(--sand) !important;
}

@media (max-width: 800px) {
    .world {
        padding: 70px 20px !important;
    }

    .world-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 520px) {
    .world-grid {
        grid-template-columns: 1fr !important;
    }

    .world .section-head {
        display: block !important;
    }
}
.featured-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.featured-grid .prod {
    width: 100% !important;
    min-width: 0 !important;
}
.featured-grid {
    grid-column: 1 / -1 !important;
}
/* FINAL FIX FOR FEATURED PRODUCTS */
.featured {
    display: block !important;
}

.featured .section-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
    margin-bottom: 40px !important;
}

.featured-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
}

.featured-grid .prod {
    width: auto !important;
    min-width: 0 !important;
}
@media (max-width: 800px) {
    .featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .featured-grid {
        grid-template-columns: 1fr !important;
    }
}
/* THIMONART FEATURED SECTION - FINAL */

section.featured {
    display: block !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 50px 28px 25px !important;
}

section.featured .section-head {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
}

section.featured .featured-grid {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
}

section.featured .featured-grid .prod {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

section.featured .featured-grid .pic {
    width: 100% !important;
}

@media (max-width: 800px) {
    section.featured .featured-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 520px) {
    section.featured .featured-grid {
        grid-template-columns: 1fr !important;
    }
}
/* OUR STORY PAGE */

.story-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 90px 28px 120px;
}

.story-hero {
  padding: 45px 0 100px;
}

.story-hero h1 {
  max-width: 1100px;
  margin: 22px 0 35px;
  font-family: var(--serif);
  font-size: clamp(48px, 6vw, 78px);
  line-height: 1.02;
  letter-spacing: -0.035em;
}

.story-lead {
  max-width: 900px;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.6;
}

.story-introduction {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  padding: 80px 0;
  border-top: 1px solid var(--line);
}

.story-introduction h2 {
  margin: 20px 0 0;
  font-family: var(--serif);
  font-size: 46px;
  line-height: 1.08;
}

.story-text p {
  margin: 0 0 25px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.7;
}

.story-countries {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.story-country {
  min-height: 280px;
  padding: 40px;
  border-right: 1px solid var(--line);
}

.story-country:last-child {
  border-right: 0;
}

.story-country span {
  display: block;
  margin-bottom: 55px;
  color: var(--accent);
  font-size: 12px;
  letter-spacing: .18em;
}

.story-country h2 {
  margin: 0 0 20px;
  font-family: var(--serif);
  font-size: 38px;
}

.story-country p {
  max-width: 300px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.story-mali {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.story-mali > div {
  padding: 40px 40px 10px;
}
.story-mali img {
    display: block;
width: 40%;
height: auto;
    object-fit: cover;
    margin: 30px auto 0;
}
.story-mali span {
  display: block;
  margin-bottom: 55px;
  color: var(--accent);
  font-size: 12px;
  letter-spacing: .18em;
}

.story-mali h2 {
  margin: 0 0 20px;
  font-family: var(--serif);
  font-size: 38px;
}

.story-mali p {
  max-width: 700px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.story-closing {
  max-width: 850px;
  padding: 10px 0 30px;
}

.story-closing h2 {
  margin: 20px 0 25px;
  font-family: var(--serif);
  font-size: 60px;
  line-height: 1.05;
}

.story-closing > p:last-child {
  max-width: 700px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.7;
}

@media (max-width: 800px) {
  .story-page {
    padding: 70px 20px 90px;
  }

  .story-introduction {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .story-countries {
    grid-template-columns: 1fr;
  }

/* STORY HERO IMAGE */
.story-hero img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
    margin-top: 30px;
}
  .story-country {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .story-country:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 520px) {
  .story-page {
    padding: 55px 18px 70px;
  }

  .story-hero h1 {
    font-size: 42px;
  }

  .story-introduction h2 {
    font-size: 38px;
  }

  .story-country {
    padding: 32px 0;
    min-height: auto;
  }

  .story-closing h2 {
    font-size: 44px;
  }
}
/* STORY HERO IMAGE */
.story-hero img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
    margin-top: 30px;
}
.story-mali img {
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 30px auto 0 !important;
}