.cioco-attr-icons {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cioco-attr-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.cioco-gift-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(254, 209, 120, 0.2);
  color: #3e3a33;
  font-size: 14px;
  line-height: 1.3;
  margin: 10px 0;
}

.cioco-gift-notice.is-eligible {
  background: #e8f5e9;
  color: #1b5e20;
}

.cioco-gift-notice__icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d46a1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M7.5 6c0-1.4 1.1-2.5 2.5-2.5 1.9 0 2.5 2.5 2.5 2.5s-0.6 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5z'/%3E%3Cpath d='M16.5 6c0-1.4-1.1-2.5-2.5-2.5-1.9 0-2.5 2.5-2.5 2.5s0.6 2.5 2.5 2.5c1.4 0 2.5-1.1 2.5-2.5z'/%3E%3C/svg%3E");
}

.cioco-gift-notice__text {
  display: block;
}

.cioco-gift-notice__text strong {
  font-weight: 700;
}

.cioco-shipping-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(255, 236, 211, 0.7);
  color: #3e3a33;
  font-size: 14px;
  line-height: 1.3;
  margin: 10px 0;
}

.cioco-shipping-notice.is-eligible {
  background: #e8f5e9;
  color: #1b5e20;
}

.cioco-shipping-notice__icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0561a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='6' width='13' height='11' rx='2'/%3E%3Cpath d='M14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='M1 12h13'/%3E%3C/svg%3E");
}

.cioco-shipping-notice__text {
  display: block;
}

.cioco-shipping-notice__text strong {
  font-weight: 700;
}