/** Shopify CDN: Minification failed

Line 106:29 Expected identifier but found "{"
Line 106:30 Unexpected "{"
Line 106:39 Expected ":"
Line 106:73 Expected ":"

**/


/* CSS from section stylesheet tags */
.collection-grid-section {
  text-align: center;
  padding: 60px 20px;
}

/* Headings with responsive variables */
.collection-grid-section .subheading {
  font-weight: 600;
  color: #000;
  margin-bottom: 0px;
  font-size: var(--subheading-font-desktop);
}
.collection-grid-section .heading {
  font-weight: 700;
  margin: 5px 0px;
  text-transform: uppercase;
  font-size: var(--heading-font-desktop);
}
.collection-grid-section .description {
  max-width: 650px;
  margin: 0 auto 40px;
  color: #333;
  line-height: 1.5;
  font-size: var(--description-font-desktop);
}

/* Flex layout */
.collection-grid {
  --grid-gap: 25px; /* single source of truth for spacing */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--grid-gap);
  margin: 0 auto;
  max-width: 1100px;
}

/* Cards = columns (3 desktop / 2 mobile+tablet) */
.collection-item {
  /* Desktop: 3 columns */
  flex: 0 1 calc((100% - (2 * var(--grid-gap))) / 3);
  border: 3px solid var(--title-bg, #ffd84f);
  border-radius: 8px;
  background-color: var(--global-bg, #fff8cc);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.collection-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

.collection-item a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.collection-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  background-color: transparent;
}

.collection-item h3 {
  background-color: var(--title-bg, #ffd84f);
  color: #000;
  font-weight: 600;
  padding: 10px 0;
  margin: 0;
  font-size: var(--box-title-font-desktop);
}

/* Tablet & Mobile: 2 columns */
@media screen and (max-width: 1023px) {
  .collection-item {
    flex: 0 1 calc((100% - var(--grid-gap)) / 2);
  }
}

/* Mobile font sizes */
@media screen and (max-width: 599px) {
  .collection-grid-section .subheading { font-size: var(--subheading-font-mobile); }
  .collection-grid-section .heading { font-size: var(--heading-font-mobile); }
  .collection-grid-section .description { font-size: var(--description-font-mobile); }
  .collection-item h3 { font-size: var(--box-title-font-mobile); }
}
.contact-container{display:flex;margin:0 auto;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,0.08);border-radius:8px;}
.contact-left{flex:0 0 40%;background:var(--left-bg);display:flex;flex-direction:column;gap:40px;justify-content:space-between;padding:60px 50px;}
.contact-heading{padding-top:{{ section.settings.heading_padding_top }}px;}
.contact-left h2{font-size:var(--fs-heading-d);font-weight:700;line-height:1.15;margin:0 0 10px;color:var(--heading-color);}
.contact-left p{font-size:var(--fs-subheading-d);line-height:1.4;margin:0 0 20px;color:var(--subheading-color);}
.contact-details{list-style:none;padding:0;margin:0;}
.contact-details li{margin:12px 0;}
.contact-link{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-details-d);line-height:1.4;text-decoration:none;color:var(--details-color);}
.contact-details .icon{color:var(--icon-color);display:inline-flex;}
.social-icons{display:flex;gap:15px;}

.contact-right{flex:0 0 60%;background:#fff;padding:60px 50px;}
.input-row{display:flex;gap:25px;margin-bottom:25px;}
.input-box{flex:1;display:flex;flex-direction:column;}
.input-box label{font-size:var(--fs-label-d);color:var(--label-color);margin-bottom:6px;font-weight:500;}
.input-box input,.input-box textarea{border:none;border-bottom:1px solid var(--input-border);padding:8px 0;font-size:var(--fs-input-d);background:transparent;color:var(--input-text);transition:color .2s ease,border-color .2s ease;}
.input-box input::placeholder,.input-box textarea::placeholder{color:var(--input-placeholder);}
.input-box input:focus,.input-box textarea:focus{outline:none;color:var(--input-focus);border-bottom-color:var(--input-focus);}
/* filled state stays black */
.input-box input:valid,.input-box textarea:valid{color:var(--input-focus);border-bottom-color:var(--input-focus);}
.input-box input:not(:placeholder-shown),.input-box textarea:not(:placeholder-shown){color:var(--input-focus);border-bottom-color:var(--input-focus);}

.subject-label{display:block;margin-top:5px;margin-bottom:10px;font-weight:700;font-size:var(--fs-subject-d);color:var(--subject-label-color);}
.subject-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:25px;}
.subject-row label{font-size:var(--fs-radio-d);color:var(--radio_label_color);display:inline-flex;align-items:center;gap:6px;}
/* radios & checkboxes: grey default, black when checked */
.subject-row input[type="radio"],.subject-row input[type="checkbox"]{accent-color:var(--input-border);}
.subject-row input[type="radio"]:checked,.subject-row input[type="checkbox"]:checked{accent-color:var(--input-focus);}

.btncontact{width:100%;text-align:right;margin-top:20px;}
.send-btn{background:var(--btn-bg);color:var(--btn-text);padding:16px 40px;border:none;font-size:var(--fs-button-d);font-weight:400;border-radius:8px;cursor:pointer;text-transform:uppercase;transition:opacity .2s ease;}
.send-btn:hover{opacity:.9;}

@media (max-width:750px){
  .contact-container{flex-direction:column;margin:5px;}
  .contact-left{padding:30px 20px;}
  .contact-right{padding:30px 20px;}
  .input-row{flex-direction:column;gap:15px;}
  .contact-left h2{font-size:var(--fs-heading-m);}
  .contact-left p{font-size:var(--fs-subheading-m);}
  .contact-link{font-size:var(--fs-details-m);}
  .input-box label{font-size:var(--fs-label-m);}
  .input-box input,.input-box textarea{font-size:var(--fs-input-m);}
  .subject-label{font-size:var(--fs-subject-m);}
  .subject-row label{font-size:var(--fs-radio-m);}
  .send-btn{font-size:var(--fs-button-m);width:100%;}
}
button.send-btn {
    text-align: center;
}