/** Shopify CDN: Minification failed

Line 85:0 Unexpected "}"
Line 783:26 Unexpected "]"
Line 831:11 Expected "}" to go with "{"

**/
/* === Candor Font === */
@font-face {
  font-family: "Candor";
  src: url("/cdn/shop/files/BRCandor-Light_cf107970-2a8f-415e-a5fd-c1018d1946c4.woff2?v=1774281563") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Candor";
  src: url("/cdn/shop/files/BRCandor-Regular_c030394d-ef57-47b7-bf53-b4a0f71456f3.woff2?v=1774281564") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body, *,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, button, input, select, option {
  font-family: "Candor", sans-serif !important;
  font-weight: 300 !important;
}

.enquiry-button {
  border-radius: 0 !important;
}

/* === STYLE GUIDE FIXES === */

/* Artist name above title — ALL CAPS 8px */
.product-content .mt-spacer:first-child p {
  text-transform: uppercase !important;
  font-size: 8px !important;
}

/* Product Details label — ALL CAPS */
.product-content p.flex.items-center {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Field labels — ALL CAPS 8px */
.product-content .col-span-1 {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Field values — ALL CAPS 8px */
.product-content .col-span-2 p {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

/* Remove chat icon */
.product-content .block.w-4.h-4 {
  display: none !important;
}

/* Ask us a question — sentence case 10px */
.product-content .theme-link {
  text-transform: none !important;
  font-size: 13px !important;
}

/* Product title — 18px */
.product-content h1 {
  font-size: 18px !important;
  font-weight: 300 !important;
}

/* Description — 13pt */
.product-content .rte p {
    font-size: 13pt !important;
    line-height: 1.5 !important;

}
}
/* === FOOTER === */
footer a,
footer p,
footer li,
footer span {
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* === SECTION HEADINGS === */
.shopify-section h2 {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-transform: none !important;
}

/* menu upercase */
.boketto-header .menu-link a {
  text-transform: uppercase !important;
}

/* === HOMEPAGE === */

/* === MYCODE === */ 
/* this is connected to the media_with_text_overlay section   its a custom class*/ 
.hero-banner-section {
  margin-top: clamp(1.2rem, 2vw + 1rem, 4rem) !important;
}

.boketto-header {
  margin-top: clamp(10px, 2vw + 1rem, 40px) !important;
}

/* ===========================
   HEADER FLEX LAYOUT FIX
   =========================== */
/* Convert header grid row to flex container */
.boketto-header .header-grid,
.boketto-header [class*="grid"] {
  display: flex !important;
  align-items: center !important;
  gap: clamp(16px, 3vw, 48px) !important;
}
/* Stop logo from stretching with the viewport */
.boketto-header .logo-has-alternate {
  max-width: clamp(19rem, 18vw, 400px) !important;
  flex-shrink: 0 !important;
}
/* Let the nav fill remaining space naturally */
.boketto-header nav {
  flex: 1 !important;
  min-width: 0 !important;
}
/* ===========================
   NAV MENU SPACING & FONT SIZE
   =========================== */
/* Increase spacing between each nav link */
.boketto-header .menu-link {
  padding-left: clamp(8px, 1.5vw, 28px) !important;
  padding-right: clamp(8px, 1.5vw, 28px) !important;
}
/* Increase font size of nav links */
.boketto-header .menu-link a {
  font-size: clamp(1rem, 0.3vw + 0.4rem, 1.7rem) !important;
  letter-spacing: clamp(0.01em, 0.05vw, 0.04em) !important;
}
/* ===========================
   HEADER — HAMBURGER MENU RIGHT ALIGNMENT (MOBILE)
   =========================== */
@media (max-width: 1023px) {
  /* Target the hamburger/utility container precisely using its
     unique class combination visible in the live HTML */
  .grid.grid-cols-2 > div.relative.z-\[2\].row-start-1 {
    grid-column: 2 !important;          /* force into column 2 of the 2-col mobile grid */
    grid-row: 1 !important;             /* keep it in row 1 alongside the logo */
    grid-column-end: -1 !important;     /* stretch to the rightmost edge */
    justify-self: end !important;       /* right-align the block within its cell */
    width: auto !important;             /* prevent it from stretching full width */
  }
  /* Ensure the inner flex row keeps buttons right-aligned */
  .grid.grid-cols-2 > div.relative.z-\[2\].row-start-1 > div {
    justify-content: flex-end !important;
    width: 100% !important;
  }
}
/* ===========================
            FOOTER
   =========================== */


footer.boketto-footer {
  border-top: none !important;
  position: relative !important; /* needed for pseudo-element positioning */
}
/* Floating decorative border line */
footer.boketto-footer::before {
  content: "" !important;               /* required — pseudo-elements need this */
  display: block !important;
  position: absolute !important;
  top: 0 !important;                    /* sits at the very top of the footer */
  left: 2% !important;                  /* how far from the left edge it starts */
  width: 96% !important;                /* how wide the line is */
  height: 0.1vh !important;               /* thickness of the line */
  background-color: #000000 !important; /* color of the line */
}

.boketto-newsletter-text p {
  font-size: clamp(1.5rem, 2vw, 3rem) !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  letter-spacing: clamp(0.02em, 0.1vw, 0.05em) !important;
}



.content_footer {
  padding-left: 2.5% !important;
  padding-right: 2.5% !important;
}

/* ===========================
   FOOTER GRID — FLEXBOX OVERRIDE
   =========================== */
/* Replace the rigid 12-column grid with fluid flexbox */
.boketto-footer-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important; /* changed from flex-start to stretch */
  gap: clamp(16px, 3vw, 48px) !important;
  padding-bottom: clamp(12px, 2vw, 32px) !important;  
}
/* Newsletter block takes up 3/4 of the row */
.boketto-footer-grid .lg\:col-span-item:has(.input-group) {
  flex: 3 !important;           /* 3 parts out of 4 total = 75% */
  min-width: clamp(280px, 50vw, 700px) !important;
}
/* All other blocks share the remaining 1/4 */
.boketto-footer-grid .lg\:col-span-item:not(:has(.input-group)) {
  flex: 1 !important;           /* 1 part out of 4 total = 25% */
  min-width: clamp(190px, 18vw, 280px) !important; /* raised floor so heading never wraps */
}
/* On smaller screens, stack everything vertically */
@media (max-width: 980px) {
  .boketto-footer-grid {
    flex-direction: column !important;
  }
  .boketto-footer-grid .lg\:col-span-item {
    width: 100% !important;
    flex: none !important;
  }

  h4.social-header {
    justify-content:center !important;
    font-size: clamp(2rem, 1.492rem + 2.258vi, 2.875rem) !important;
  }

}
/* ===========================
   FOOTER BOTTOM BAR — boketto-footer-bottom
   =========================== */
/* Reduce the top margin above the bottom bar */
.boketto-footer-bottom {
  margin-top: clamp(8px, 1.5vw, 24px) !important;
  padding-top: 0 !important;
}
/* Tighten the space between copyright, policies and powered by lines */
.boketto-footer-bottom .space-y-2 {
  gap: clamp(2px, 0.3vw, 6px) !important;
}
/* Reduce font size slightly to compress vertical footprint */
.boketto-footer-bottom p,
.boketto-footer-bottom ul,
.boketto-footer-bottom a {
  font-size: clamp(0.65rem, 0.8vw, 0.8rem) !important;
  line-height: 1.3 !important;
}
/* ===========================
   FOOTER NEWSLETTER FORM
   =========================== */

/* change the height of the padding for the newsletter*/
.mt-5 .pad-element{
  margin-top: 2rem !important;
}

/* Keep the form horizontal — all three elements in a row */
footer .input-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: clamp(4px, 2vw, 20px) !important;
}

/* Make email and country fields equal width */
footer .input-group-field {
  flex: 1 !important;           /* both fields grow equally to fill space */
  min-width: 0 !important;      /* prevents overflow */
}

/* Style the country dropdown to match the email field exactly */
footer select.input-group-field {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/text-base mt-half-section-vertical-spacing20text-base mt-half-section-vertical-spacing00/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath stroke='currentColor' stroke-width='1.5' fill='none' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 32px !important;
  /* Font parity with email input */
  font-family: "Candor", sans-serif !important;
  font-size: inherit !important;     /* matches whatever the email input inherits */
  font-weight: 300 !important;
  letter-spacing: inherit !important;
  color: inherit !important;         /* ensures text-scheme-text colour is respected */
  line-height: inherit !important;
}

/* Keep the subscribe button from stretching too wide */
footer .input-group-button {
  flex-shrink: 0 !important;    /* button stays its natural width */
}



/* ===========================
   NEWSLETTER SUBSCRIBE BUTTON
   =========================== */
/* Default state: Black background, white text */
.button-black {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important; /* Forces the border to match */
  transition: all 0.3s ease !important; /* Makes the hover effect smooth */
}
/* Hover state: Fades to a dark charcoal grey when hovered */
.button-black:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

/* ===========================
   NEWSLETTER FORM — FULL HEIGHT INPUTS
   =========================== */
/* Make the form fill the full height of its container */
footer .contact-form {
  height: 100% !important;
}
/* Make the input group fill the full height of the form */
footer .input-group {
  height: 100% !important;
  align-items: stretch !important; /* forces all children to stretch to full height */
}
/* Make the email and country fields stretch to full height */
footer .input-group-field {
  height: 100% !important;
  min-height: clamp(40px, 5vw, 64px) !important; /* fallback minimum height */
  box-sizing: border-box !important;
}
/* Make the country dropdown match exactly */
footer select.input-group-field {
  height: 100% !important;
}
/* Make the button wrapper and button stretch to full height */
footer .input-group-button {
  height: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}
footer .input-group-button .button-black {
  height: 100% !important;
  min-height: clamp(40px, 5vw, 64px) !important;
  white-space: nowrap !important; /* prevents button text from wrapping */
}
/* Email field — takes up 3 parts */
footer input.input-group-field[type="email"] {
  flex: 3 !important;
  min-width: 0 !important; /* prevents overflow */
}
/* Country dropdown — same width as email, takes up 3 parts */
footer select.input-group-field {
  flex: 2.5 !important;
  min-width: 0 !important;
}
/* Sign up button wrapper — wider, takes up 2 parts */
footer .input-group-button {
  flex: 2.3 !important;
  min-width: 0 !important;
}
/* Make the button fill its wider container fully */
footer .input-group-button .button-black {
  width: 100% !important;
}

/* ===========================
   FOOTER VERTICAL SPACING — GAP BETWEEN ELEMENTS
   =========================== */
/* Space below the newsletter/social grid */
.boketto-footer-grid {
  padding-bottom: clamp(1.5rem, 3vw + 1rem, 3rem) !important;
}
/* Override the large automatic margin above the copyright bar */
.boketto-footer-bottom {
  margin-top: clamp(8px, 1.5vw, 24px) !important;
}

/* ===========================
   FOOTER SOCIAL MEDIA COLUMN
   =========================== */
/* Make the column stretch to match the newsletter column height */
.boketto-social-column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important; /* pushes title to top, icons to bottom */
  align-self: stretch !important;            /* stretches to match sibling column height */
  height: 100% !important;
}
/* Make the inner div fill the full column height */
.boketto-social-column > div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}
/* Make the Social Media heading align to the top */
.boketto-social-column h4 {
  margin-bottom: auto !important;
  
}

/* Make the icon list align to the bottom */
.boketto-social-column ul {
  margin-top: auto !important;
  align-items: flex-end !important;
}
/* Increase icon size to match form height */
.boketto-social-column li {
  width: clamp(3rem, 4vw + 0.5rem, 3.5rem) !important;
  height: clamp(3rem, 4vw + 0.5rem, 3.5rem) !important;
}

/* Social med header formating */
.social-header {
  font-size: clamp(1.5rem, 2vw, 3rem) !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  white-space: nowrap
  letter-spacing: clamp(0.02em, 0.1vw, 0.05em) !important;

}
/* @media(max-width: 980px) {
  .boketto-newsletter-text p {
  text-align:center !important;
  
  }
  .boketto-social-column{
    justify-content:center !important;
    align-items: center !important;
  }
} */

@media (max-width: 980px) {
  /* Centre newsletter text */
  .boketto-newsletter-text p {
    text-align: center !important;
    font-size: clamp(2.5rem, 1.6rem + 3vi, 3.2rem) !important;
  }
  /* Centre the entire social column and its children horizontally */
  .boketto-social-column {
    align-items: center !important;       /* centres children horizontally in a flex-column */
    justify-content: flex-start !important; /* stack from the top vertically */
  }
  /* Override the desktop margin-bottom: auto that pins h4 to the top */
  .boketto-social-column h4 {
    margin-bottom: 1rem !important;       /* replace auto with a fixed gap */
    text-align: center !important;        /* centre the text itself */
  }
  /* Override the desktop align-items: flex-end that pins icons to the right */
  .boketto-social-column ul {
    margin-top: 0 !important;             /* remove the auto push */
    align-items: center !important;       /* centre icons horizontally */
    justify-content: center !important;   /* centre icons along the row */
    gap: clamp(1rem, 4vw, 2rem) !important; /* slightly wider gap on mobile */
  }
}


/* ===========================
          media_with_text
   =========================== */

.boketto-border {
  position: relative !important;
}
.boketto-border::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: clamp(0.8rem, 1rem, 0px) !important;
  left: 46.7% !important;
  width: 3% !important;
  height: 0.2vh !important;
  background-color: #B1AFAE !important;
}
.boketto-border::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: clamp(0.8rem, 1rem, 0px) !important;
  right: 46.7% !important;
  width: 3% !important;
  height: 0.2vh !important;
  background-color: #B1AFAE !important;
}

/* ===========================
        privacy policy page
   =========================== */


.shopify-policy__title h1{

  font-size: clamp(3rem, 4vw, 4rem) !important;
  font-style: var(--heading-font-style) !important;
  font-weight: 500 !important;
}

.shopify-policy__body{

margin-top: clamp(1.5rem, 3vw + 1rem, 3rem) !important;
margin-bottom: clamp(1.5rem, 3vw + 1rem, 3rem) !important;
}

.shopify-policy__body ul{
  margin-left: 1rem !important;
}
.shopify-policy__body li{
  margin-bottom: 0.5rem !important;
}
.shopify-policy__body p{
  margin-bottom: 0.5rem !important;
}

.shopify-policy__body > div:nth-child(1) > div:nth-child(1) > h2{
  margin-top: 2rem  !important;
  margin-bottom: 2rem !important;
}



/* ===========================
   HEADER FLEX LAYOUT FIX PRIV POLICY
   =========================== */
/* Convert header grid row to flex container */
.boketto-header .header-grid, .privacy-policy-header
.boketto-header [class*="grid"] {
  display: flex !important;
  align-items: center !important;
  gap: clamp(16px, 3vw, 48px) !important;
}
/* Stop logo from stretching with the viewport */
.boketto-header .logo-has-alternate .privacy-policy-header {
  max-width: clamp(19rem, 18vw, 400px) !important;
  flex-shrink: 0 !important;
}
/* Let the nav fill remaining space naturally */
.boketto-header nav .privacy-policy-header {
  flex: 1 !important;
  min-width: 0 !important;
}
/* ===========================
   NAV MENU SPACING & FONT SIZE
   =========================== */
/* Increase spacing between each nav link */
.boketto-header .menu-link {
  padding-left: clamp(8px, 1.5vw, 28px) !important;
  padding-right: clamp(8px, 1.5vw, 28px) !important;
}
/* Increase font size of nav links */
.boketto-header .menu-link a {
  font-size: clamp(1rem, 0.3vw + 0.4rem, 1.7rem) !important;
  letter-spacing: clamp(0.01em, 0.05vw, 0.04em) !important;
}

/* ===========================
   Terms & Conditions page
   =========================== */
.terms-boketto {
  /* margin-top: clamp(1.5rem, 3vw + 1rem, 3rem) !important; */
  width: min(95%, 1500px + 10rem) !important; 
  margin-bottom: clamp(1.5rem, 3vw + 1rem, 3rem) !important;
  

}

.wrapper .boketto-terms-flex {
  display: flex;
  align-items: center;    /* Vertical alignment */
  justify-content: center; /* Horizontal alignment */
}

.terms-boketto h1 {
  font-size: clamp(3rem, 4vw, 4rem) !important;
  font-style: var(--heading-font-style) !important;
  font-weight: 500 !important;
  width: auto;   
  margin-bottom: 1rem !important;
  text-align: center    !important;
}

.terms-boketto .rte p {
  font-size: clamp(2rem, 3vw, 2.5rem) !important;


  width: auto;   
}
/* end_my_code */



/* Hero overlay text — white, correct sizes */
.overlay-content h2 {
  font-size: 28px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.overlay-content p {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
}

.overlay-content a {
  font-size: 10px !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-transform: none !important;
}
/* Hero CTA — underlined text only, no border box */
.overlay-content .mt-8 a {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  text-decoration: underline !important;
  color: #ffffff !important;
  font-size: 13px !important;
  box-shadow: none !important;
  display: inline !important;
}

/* On View label — first line */
.overlay-content .rte p:first-of-type {
  font-size: 12px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 2px !important;
}

/* Description — second line */
.overlay-content .rte p:last-of-type {
  font-size: 12px !important;
  color: #ffffff !important;
  font-weight: 300 !important;
}
/* Section titles (Artists, Collections, Locations) */
.shopify-section h2 {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-transform: none !important;
}

/* Artist names — overlay ON image */
.tile-media-wrapper {
  position: relative !important;
}

.tile-content-wrapper {
  position: absolute !important;
  bottom: 8px !important;
  left: 8px !important;
  z-index: 20 !important;
  color: #ffffff !important;
  margin-top: 0 !important;
}

.tile-content-wrapper p,
.tile-content-wrapper span,
.tile-content-wrapper a {
  color: #ffffff !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

/* Locations section */
.locations p,
.locations span,
.locations a {
  font-size: 12px !important;
  text-transform: none !important;
}

/* Navigation links */
header nav a,
header a {
  font-size: 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ============================================================
   EXHIBIT THEME — IMAGE SLIDESHOW
   FORCE CAPTION OVERLAY TO TRUE CENTER
   ========================================================= */

/* Ensure the slideshow section is a positioning context */
section[id*="__image_slideshow"] {
  position: relative !important;
}

/* 1) Override the theme wrapper that pins caption to bottom:
      .absolute.bottom-0.left-0.right-0.z-20
   Move it to full overlay */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: grid !important;
  place-items: center !important;   /* true center */
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;  /* keep arrows clickable */
}

/* Allow clicks on caption/link/button */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 a,
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 button {
  pointer-events: auto !important;
}

/* 2) Neutralize layout forcing inside the wrapper */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 3) Ensure any left/right text alignment classes don't pull it off-center */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .text-left,
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .text-right {
  text-align: center !important;
}

/* OPTIONAL: Hide the 1/3 counter if you only want the headline centered */
section[id*="__image_slideshow"] .absolute.bottom-0.left-0.right-0.z-20 .row-start-2.text-left {
  display: none !important;
}
/* === EXHIBIT IMAGE SLIDESHOW: HIDE NAVIGATION ARROWS === */

/* Hide arrow buttons */
section[id*="__image_slideshow"] button[aria-label],
section[id*="__image_slideshow"] .carousel-arrow,
section[id*="__image_slideshow"] .carousel-controls,
section[id*="__image_slideshow"] [class*="arrow"],
section[id*="__image_slideshow"] [class*="prev"],
section[id*="__image_slideshow"] [class*="next"] {
  display: none !important;
}
/* === HERO SLIDESHOW: CONTACT LINK STYLING === */

section[id*="__image_slideshow"] [id$="-CaptionContainer"] a {
  color: #ffffff !important;                 /* white */
  font-size: clamp(0.64rem, 1.6vw, 1.2rem) !important; /* 30% smaller */
  font-weight: 200 !important;


/* Optional: hover effect (subtle) */
section[id*="__image_slideshow"] [id$="-CaptionContainer"] a:hover {
  opacity: 0.85;
}
/* GLOBAL: remove Exhibit RTE paragraph indent everywhere */
.rte p:not(:first-child):not(:first-of-type) {
  --paragraph-indent-adjust: 0 !important;
  text-indent: 0 !important;
}
/* All modal/popup titles */
.modal h1,
.modal h2,
[class*="popup-modal"] h1,
[class*="popup-modal"] h2,]
.drawer h1,
.drawer h2 {
  font-size: 15px !important;
    --menu-drawer-heading-size: 15px !important;
}
/* All popup/drawer titles */
h2.font-heading.text-heading-drawer {
  --menu-drawer-heading-size: 15px !important;
  font-size: 15px !important;
}

/* Page titles — 15px */
.page-title,
.shopify-policy__title,
.rte h1 {
    font-size: 15px !important;
    }

    /* Page text and descriptions — 1.5 line spacing */
    .rte,
    .rte p,
    .rte li,
    .shopify-policy__body,
    .shopify-policy__body p,
    .page-body,
    .page-body p,
    .modal p,
    .drawer p {
      line-height: 1.5 !important;
      }

      /* Hide Terms popup headline */
      [class*="popup-modal"] h2.font-heading.text-heading-drawer {
        display: none !important;
        }

        /* Global 1.5 line-height for all body text */
        p,
        li,
        .rte,
        .rte p,
        .rte li,
        [class*="popup-modal"] p,
        [class*="popup-modal"] li,
        .shopify-section p,
        .shopify-section li {
          line-height: 1.5 !important;
          }