/** Shopify CDN: Minification failed

Line 159:21 Unexpected "{"
Line 159:30 Expected ":"
Line 160:21 Unexpected "{"
Line 160:30 Expected ":"

**/
#shopify-section-template--18539827560584__jacket_customizer_pd6npn{
  background: #F1F5F9;
}
.customizer-wrap {
  max-width: 1000px;
  margin: 40px auto;
  background: #F1F5F9;
  border-radius: 12px;
  padding: 30px;
  box-sizing: border-box;
}
.customizer-wrap * { box-sizing: border-box; }
.customizer-grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.controls-panel {
  flex: 1 1 320px;
  background: #fff; 
  border-radius: 14px;
  overflow: hidden;
}
@media (max-width:768px){
  .controls-panel{
    overflow: visible !important;
  }
}
.controls-header{
  margin-bottom: 30px;
}
.controls-body { 
   padding: 22px 24px;
   text-align:center;
}
.option-row {
    margin-bottom: 22px;
    border: 1px solid;
    padding: 13px;
    border-radius: 22px;
   }
.option-label {
  border-bottom: 1px solid;
    margin: 0px -13px 10px -13px;
    padding: 0px 15px 10px;
    border-radius: 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #111; 
  display: flex;
  justify-content: center;
  align-items: center;
}
.arrow-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #444;
  padding: 2px 6px;
}
.arrow-btn:hover { color: #000; }
.swatch-row {
  display: flex;
  gap: 4px;
  width: 100%;
  padding-top:15px;
}
.swatch {
  flex: 1 1 0;
  cursor: pointer;
  transition: transform 0.15s ease;
  position: relative;
}
.swatch:hover { transform: scaleY(1.08); }

.proceed-btn {
  background: #111;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.proceed-btn:hover { background: #7D0002; }

.preview-panel {
  flex: 1 1 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jacket-stage {
  position: relative;
  width: 100%;
  max-width: 380px;
  aspect-ratio: 800 / 980;
  overflow: hidden;
}

.jacket-stage .combo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jacket-stage .combo-missing {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  color: #888;
  font-size: 13px;
  background: #eee;
  border-radius: 8px;
}

@media (max-width: 700px) {
  .customizer-grid { flex-direction: column; }
}



@media (max-width: 900px) {
  .customizer-wrap {
    padding: 20px;
  }
  .customizer-grid {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .customizer-wrap {
    padding: 14px;
  }
}

@media (max-width: 480px) {
    #customizerWrap-{{ section.id }} .customizer-main-heading,
    #customizerWrap-{{ section.id }} .customizer-main-heading span {
      font-size: 22px !important;
    }
  }