/** Shopify CDN: Minification failed

Line 98:10 Unexpected "{"
Line 98:19 Expected ":"
Line 99:12 Expected identifier but found whitespace
Line 99:14 Unexpected "{"
Line 99:23 Expected ":"
Line 99:52 Expected ":"
Line 106:10 Unexpected "{"
Line 106:19 Expected ":"
Line 106:26 Unexpected "{"
Line 107:13 Expected identifier but found whitespace
... and 18 more hidden warnings

**/
.routinetitle {
  margin: 0 0 31px 0;
  font-weight: 900;
}

.routinemain {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 34px;
}
.routinelist {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.routinelistitem {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.numbericon {
  border-radius: 100%;
  padding: 15px;
  display: flex;
}

.routinelistitem svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
h3.routinelistitem-head {
  margin: 0;
}

.routinelistitemtext p {
  margin: 0;
  font-weight: 600;
}
.routinegifimg {
  border-radius: 13px;
  max-width: 515px;
  display: block;
}

.routineleft {
  padding: 50px;
  border-radius: 11px;
  border: 1px solid #f0be69;
}

/* ============================================================== RESPONSIVE CSS START ============================================================================== */

@media (max-width: 1000px) {
  .routinelist {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .routinemain {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .routinegifimg {
    max-width: 100%;
  }
  .routineleft {
    padding: 20px;
  }
  .routineRight {
    order: -1;
  }
}

@media (max-width: 749px)  {
  .routinegifimg {
    max-height: 360px;
  }
}


/* container width rule – keep spelling consistent or rename everywhere */
.routine-{{ section.id }} .custom-container {
  max-width: {{ section.settings.containerWidth }}px;
}

/* normal paragraph weight */
.routinelistitemtext p { font-weight: 400; }

/* desktop margins via class so media query can override */
.routine-{{ section.id }} {
  margin-top: {{ section.settings.margin-top }}px;
  margin-bottom: {{ section.settings.margin-bottom }}px;
}

@media(max-width: 749px){
  .routine-{{ section.id }} {
    margin-top: {{ section.settings.margin-top-mobile | default: 0 }}px;
    margin-bottom: {{ section.settings.margin-bottom-mobile | default: 0 }}px;
  }
}