/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"
Line 8:1 Unexpected "{"
Line 8:3 Expected identifier but found "'mib.css'"

**/
{{ 'mib.css' | asset_url | stylesheet_tag }} 
/* ============================
   Midwife In A Box – Brand Polish
      ============================ */

      /* 1) Brand variables (used below) */
      :root{
        --mib-primary:#A388F0;         /* Lavender */
          --mib-secondary:#F3F1FB;       /* Soft lilac */
            --mib-accent:#FCE7E3;          /* Blush */
              --mib-heading:#9A7FC7;         /* Dusty lavender */
                --mib-cta:#F5C3CC;             /* Button */
                  --mib-cta-hover:#EB9FAE;       /* Button hover */
                    --mib-neutral:#FFF9F7;         /* Cream */
                      --mib-text:#2E2C2B;            /* Primary text */
                        --mib-text-2:#66615D;          /* Secondary text */
                        }

                        /* 2) Global text + background tone */
                        body { background-color: var(--mib-neutral); color: var(--mib-text); }
                        h1,h2,h3,.h1,.h2,.h3 { color: var(--mib-heading); letter-spacing: .2px; }
                        .section, .shopify-section { scroll-margin-top: 80px; } /* nicer in-page anchor jumps */

                        /* 3) Buttons (works for Dawn/Horizon + Shop Pay button) */
                        .button, .btn, button[type=submit],
                        .shopify-payment-button__button--unbranded,
                        .shopify-challenge__button {
                          background: var(--mib-cta);
                            color: var(--mib-text);
                              border: none;
                                border-radius: 999px;
                                  padding: 12px 22px;
                                    transition: background-color .2s ease, transform .1s ease, box-shadow .2s ease;
                                      box-shadow: 0 8px 20px rgba(163,136,240,.12);
                                      }
                                      .button:hover, .btn:hover, button[type=submit]:hover,
                                      .shopify-payment-button__button--unbranded:hover,
                                      .shopify-challenge__button:hover {
                                        background: var(--mib-cta-hover);
                                          transform: translateY(-1px);
                                            box-shadow: 0 10px 24px rgba(154,127,199,.18);
                                            }

                                            /* 4) Links + accessibility focus states */
                                            a { color: var(--mib-heading); text-decoration: none; }
                                            a:hover { text-decoration: underline; }
                                            a:focus-visible, button:focus-visible, input:focus-visible {
                                              outline: 3px solid var(--mib-primary);
                                                outline-offset: 2px;
                                                  border-radius: 6px;
                                                  }

                                                  /* 5) Cards + product tiles */
                                                  .card, .product-card, .collection-product-card, .grid__item .card-wrapper {
                                                    background: #fff;
                                                      border: 1px solid rgba(154,127,199,.18);
                                                        border-radius: 16px;
                                                          box-shadow: 0 10px 24px rgba(163,136,240,.08);
                                                            overflow: hidden;
                                                            }
                                                            .card .price-item--sale, .price .price-item--sale { color: var(--mib-primary); }

                                                            /* 6) Announcement bar / badges */
                                                            .announcement-bar, .badge { background: var(--mib-secondary); color: var(--mib-text-2); }
                                                            .badge--sale, .badge--new { background: var(--mib-primary); color:#fff; border-radius:999px; }

                                                            /* 7) Section tints you can apply via “Custom CSS class” (if theme supports it) */
                                                            .section--soft-lilac { background: var(--mib-secondary); }
                                                            .section--blush { background: var(--mib-accent); }
                                                            .section--cream { background: var(--mib-neutral); }

                                                            /* 8) Hero headings – readable on photos */
                                                            .hero, .banner, .slideshow__text-wrapper {
                                                              text-shadow: 0 2px 10px rgba(0,0,0,.12);
                                                              }
                                                              .hero .button, .banner .button { box-shadow: 0 10px 24px rgba(0,0,0,.12); }

                                                              /* 9) Product page improvements */
                                                              .product__title, .product__title h1 { color: var(--mib-heading); }
                                                              .product-media, .product__media-wrapper img { border-radius: 14px; }
                                                              .quantity__button, .quantity__input { border-radius: 10px; }
                                                              .variant-selector input[type=radio]:checked + label,
                                                              input[type=radio]:checked + .swatch__label {
                                                                border-color: var(--mib-primary);
                                                                  box-shadow: 0 0 0 3px rgba(163,136,240,.18);
                                                                  }

                                                                  /* 10) Forms (newsletter, contact) */
                                                                  input, select, textarea {
                                                                    border-radius: 12px !important;
                                                                      border: 1px solid rgba(154,127,199,.25);
                                                                        background: #fff;
                                                                        }
                                                                        input:focus, select:focus, textarea:focus {
                                                                          border-color: var(--mib-primary);
                                                                            box-shadow: 0 0 0 3px rgba(163,136,240,.18);
                                                                            }

                                                                            /* 11) Testimonials / quotes (optional) */
                                                                            .blockquote, .testimonial, .rte blockquote {
                                                                              background: #fff;
                                                                                border-left: 6px solid var(--mib-primary);
                                                                                  border-radius: 12px;
                                                                                    padding: 18px 20px;
                                                                                      box-shadow: 0 8px 20px rgba(163,136,240,.06);
                                                                                        color: var(--mib-text-2);
                                                                                        }

                                                                                        /* 12) Mobile tweaks */
                                                                                        @media (max-width: 749px){
                                                                                          .button, .btn { padding: 12px 18px; }
                                                                                            h1 { font-size: clamp(28px, 5.5vw, 40px); }
                                                                                              h2 { font-size: clamp(22px, 4.8vw, 32px); }
                                                                                              }