/* =========================================================
   BASE
   ========================================================= */

.il-gift-blog {
  width:100%;
  color:#252525;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.il-gift-blog * {
  box-sizing:border-box;
}

.ig-container {
  width:100%;
  max-width:1050px;
  margin:0 auto;
}

.ig-narrow {
  max-width:900px;
}

.ig-eyebrow {
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:700;
  color:#256643;
}


/* HERO */

.ig-hero {
  padding:82px 22px 72px;
  background:#f5eee9;
}

.ig-hero h1 {
  max-width:850px;
  margin:10px 0 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px;
  line-height:1.08;
  font-weight:500;
  color:#174d37;
}

.ig-lead {
  max-width:780px;
  margin:0;
  font-size:17px;
  line-height:1.75;
  color:#555;
}

.ig-meta {
  display:flex;
  gap:9px;
  margin-top:25px;
  font-size:12px;
  color:#777;
}


/* SECTION */

.ig-section {
  padding:65px 22px;
}

.ig-section h2,
.ig-products h2,
.ig-date-section h2 {
  margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.2;
  font-weight:500;
  color:#174d37;
}

.ig-section p {
  font-size:15px;
  line-height:1.8;
  color:#555;
}

.ig-section-intro {
  max-width:800px;
}

.ig-soft {
  background:#faf8f4;
}


/* QUICK ANSWER */

.ig-answer {
  padding:36px 40px;
  border-left:3px solid #256643;
  background:#faf8f4;
}

.ig-answer > span {
  font-size:10px;
  letter-spacing:.15em;
  font-weight:700;
  color:#256643;
}

.ig-answer h2 {
  margin-top:10px;
}

.ig-answer p {
  max-width:820px;
}

.ig-highlight {
  display:block;
  max-width:760px;
  margin-top:25px;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1.4;
  font-weight:500;
  color:#174d37;
}


/* OPTIONS */

.ig-option-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:35px;
}

.ig-option {
  position:relative;
  padding:31px 27px;
  background:#fff;
  border:1px solid #e7e3dc;
}

.ig-number {
  margin-bottom:28px;
  font-family:Georgia,serif;
  font-size:38px;
  color:#d4cec4;
}

.ig-option-label {
  margin:0 0 7px !important;
  font-size:10px !important;
  letter-spacing:.12em;
  font-weight:700;
  color:#256643 !important;
}

.ig-option h3 {
  margin:0 0 15px;
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:500;
  color:#174d37;
}

.ig-option p {
  font-size:13px;
  line-height:1.7;
}

.ig-featured {
  border:2px solid #256643;
}

.ig-recommended {
  position:absolute;
  top:0;
  right:0;
  padding:7px 11px;
  background:#256643;
  color:#fff;
  font-size:9px;
  letter-spacing:.1em;
  font-weight:700;
}

.ig-quote {
  padding:14px 0 14px 15px;
  border-left:2px solid #256643;
  font-family:Georgia,serif;
  font-size:15px !important;
  color:#174d37 !important;
}

.ig-best {
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid #ece9e3;
}

.ig-best strong,
.ig-best span {
  display:block;
}

.ig-best strong {
  margin-bottom:5px;
  font-size:9px;
  letter-spacing:.12em;
  color:#777;
}

.ig-best span {
  font-size:11px;
  line-height:1.5;
  color:#555;
}


/* GREEN SECTION */

.ig-green {
  background:#174d37;
}

.ig-green h2 {
  color:#fff;
}

.ig-green p {
  color:#dce7e1;
}

.ig-light {
  color:#bcd7c8;
}

.ig-time {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:15px;
  margin-top:38px;
}

.ig-time div:not(.ig-arrow) {
  min-height:120px;
  padding:20px;
  border:1px solid rgba(255,255,255,.18);
}

.ig-time strong {
  display:block;
  margin-bottom:8px;
  font-family:Georgia,serif;
  font-size:19px;
  color:#fff;
}

.ig-time span {
  font-size:12px;
  line-height:1.55;
  color:#cddbd3;
}

.ig-arrow {
  color:#91b6a2;
}


/* COLOR */

.ig-color-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:13px;
  margin-top:32px;
}

.ig-color-card {
  padding:22px;
  border:1px solid #e7e5df;
}

.ig-color {
  width:24px;
  height:24px;
  margin-bottom:18px;
  border-radius:50%;
}

.ig-color.red {background:#a72d2d;}
.ig-color.pink {background:#e5a2b6;}
.ig-color.purple {background:#68467b;}
.ig-color.blue {background:#477fa9;}
.ig-color.yellow {background:#e5b846;}

.ig-color-card > span {
  font-size:9px;
  letter-spacing:.12em;
  color:#777;
}

.ig-color-card h3 {
  margin:7px 0;
  font-family:Georgia,serif;
  font-size:18px;
  color:#174d37;
}

.ig-color-card p {
  margin:0;
  font-size:12px;
  line-height:1.6;
}


/* OCCASIONS */

.ig-occasion-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  margin-top:35px;
  background:#dedbd5;
}

.ig-occasion-grid > div {
  padding:25px 20px;
  background:#fff;
}

.ig-occasion-grid strong {
  font-family:Georgia,serif;
  font-size:24px;
  color:#256643;
}

.ig-occasion-grid h3 {
  margin:12px 0 8px;
  font-size:15px;
}

.ig-occasion-grid p {
  margin:0;
  font-size:11px;
  line-height:1.6;
}


/* DATE */

.ig-date-section {
  padding:65px 22px;
  background:#f3ede5;
}

.ig-date-card {
  padding:45px;
  background:#fff;
}

.ig-date-card > p {
  max-width:760px;
  font-size:14px;
  line-height:1.8;
  color:#555;
}

.ig-date-steps {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:30px 0;
}

.ig-date-steps span {
  padding:11px 15px;
  background:#edf3ee;
  font-size:11px;
  color:#174d37;
}

.ig-date-end {
  font-family:Georgia,serif;
  font-size:17px !important;
  color:#174d37 !important;
}


/* PRODUCTS */

.ig-products {
  padding:70px 22px;
  background:#f8f6f1;
}

.ig-product-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  margin-top:32px;
}

.ig-product {
  padding:30px;
  background:#fff;
}

.ig-product > span {
  font-size:9px;
  letter-spacing:.12em;
  color:#777;
}

.ig-product h3 {
  margin:8px 0 10px;
  font-family:Georgia,serif;
  font-size:21px;
  color:#174d37;
}

.ig-product p {
  font-size:13px;
  line-height:1.65;
  color:#666;
}

.ig-product a,
.ig-all-products a {
  display:inline-block;
  margin-top:10px;
  padding-bottom:3px;
  border-bottom:1px solid #256643;
  color:#256643;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}


/* AMAZON */

.ig-amazon {
  display:flex;
  justify-content:space-between;
  gap:35px;
  margin-top:35px;
  padding:32px;
  background:#174d37;
  color:#fff;
}

.ig-amazon > div > span {
  font-size:9px;
  letter-spacing:.13em;
  color:#bcd7c8;
}

.ig-amazon h3 {
  margin:7px 0;
  font-family:Georgia,serif;
  font-size:23px;
}

.ig-amazon p {
  margin:0;
  font-size:13px;
  color:#dce7e1;
}

.ig-amazon-buttons {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.ig-amazon-buttons a {
  padding:11px 15px;
  background:#fff;
  color:#174d37;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.ig-all-products {
  margin-top:35px;
  text-align:center;
}

.ig-all-products p {
  font-size:13px;
  color:#777;
}


/* FAQ */

.ig-faq-wrap {
  max-width:900px;
}

.ig-faq {
  border-top:1px solid #e4e4df;
}

.ig-faq:last-child {
  border-bottom:1px solid #e4e4df;
}

.ig-faq summary {
  position:relative;
  padding:20px 38px 20px 0;
  cursor:pointer;
  list-style:none;
  font-size:15px;
  font-weight:600;
  color:#222;
}

.ig-faq summary::-webkit-details-marker {
  display:none;
}

.ig-faq summary::after {
  content:"+";
  position:absolute;
  right:3px;
  font-size:20px;
  font-weight:300;
  color:#777;
}

.ig-faq[open] summary::after {
  content:"−";
  color:#174d37;
}

.ig-faq p {
  max-width:800px;
  margin:0;
  padding:0 35px 20px 0;
  font-size:14px;
}


/* MOBILE */

@media(max-width:768px){

  .ig-hero {
    padding:55px 20px;
  }

  .ig-hero h1 {
    font-size:34px;
  }

  .ig-section,
  .ig-products,
  .ig-date-section {
    padding:48px 20px;
  }

  .ig-section h2,
  .ig-products h2,
  .ig-date-section h2 {
    font-size:27px;
  }

  .ig-answer,
  .ig-date-card {
    padding:27px 23px;
  }

  .ig-option-grid,
  .ig-color-grid,
  .ig-occasion-grid,
  .ig-product-grid {
    grid-template-columns:1fr;
  }

  .ig-time {
    grid-template-columns:1fr;
  }

  .ig-arrow {
    transform:rotate(90deg);
    text-align:center;
  }

  .ig-amazon {
    flex-direction:column;
  }

  .ig-amazon-buttons {
    flex-direction:column;
    align-items:stretch;
  }

  .ig-amazon-buttons a {
    text-align:center;
  }

}