/** Shopify CDN: Minification failed

Line 17:8 Unexpected "{"
Line 17:12 Expected ":"
Line 17:15 Unexpected "{"
Line 20:9 Expected identifier but found whitespace
Line 20:11 Unexpected "{"
Line 20:20 Expected ":"
Line 20:56 Expected identifier but found "!"
Line 21:10 Expected identifier but found whitespace
Line 21:12 Unexpected "{"
Line 21:21 Expected ":"
... and 1 more hidden warnings

**/
/* Main Section */
#laber_{{sid}} {
  background-color: var(--color-bg, #fff) !important;
  border-bottom: 1px solid var(--color-border, #eaeaea) !important;
  margin: {{ section.settings.mg | default: "20px 0" }} !important;
  padding: {{ section.settings.pd | default: "20px" }} !important;
}

.alo-shipping {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
}

.alo-shipping .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

.alo-shipping .item {
  text-align: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

.alo-shipping .item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Benefit Box - Icon on Top */
.alo-benefit {
  display: flex !important;
  flex-direction: column !important; /* ✅ ICON ON TOP */
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--color-bg, #f9f9f9) !important;
  border-radius: 8px !important;
  padding: 15px !important;
  color: var(--alo-color, #333) !important;
  height: auto !important; /* ✅ FIX: No stretch */
}

.alo-benefit .icon {
  font-size: 28px !important;
  color: var(--color-icon, #555) !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

.alo-benefit .icon_img img,
.alo-benefit .icon_svg svg {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
}

/* Content */
.alo-benefit .content {
  text-align: center !important;
}

.alo-benefit .title {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--alo-color, #222) !important;
  margin-bottom: 5px !important;
}

.alo-benefit p {
  font-size: 1rem !important;
  color: var(--alo-color, #666) !important;
  margin: 0 !important;
}

/* Responsive Columns */
.item {
  width: calc(100% / var(--col-lg, 4)) !important;
}

@media (max-width: 1024px) {
  .item {
    width: calc(100% / var(--col-md, 3)) !important;
  }
}

@media (max-width: 768px) {
  .item {
    width: calc(100% / var(--col-sm, 2)) !important;
  }
}

/* Mobile Fix: 2 per row & No stretch */
@media (max-width: 480px) {
  .alo-shipping .item {
    width: 50% !important; /* ✅ 2 per row */
    display: block !important; /* ✅ FIX stretch issue */
  }

  .alo-benefit {
    flex-direction: column !important;
    text-align: center !important;
    height: auto !important; /* ✅ FIX: Equal height removed */
  }

  .alo-benefit .title {
    font-size: 1rem !important;
  }

  .alo-benefit p {
    font-size: 0.9rem !important;
  }
}

.type_shipping .alo-benefit .content h3 {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  align-self: center !important;
  text-align: center !important;
}

.type_shipping .alo-benefit .content p {
  margin: 0 !important;
  font-size: 14px !important;
  text-align: center !important;
}

.type_shipping .horizontal .alo-benefit {
  flex-direction: column !important;
  justify-content: center !important;
  gap: 15px !important;
  margin-bottom: 5px !important;
  min-height: 240px !important;
}

.type_shipping .alo-shipping {
  padding: 10px 0 !important;
  border: 1px solid var(--color-border) !important;
}

.container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0px !important;
}