.naazco-import-section{position:relative;width:100%;box-sizing:border-box;background:#f5eee5;color:#17130f;overflow:hidden;font-family:inherit}
.naazco-import-section *{box-sizing:border-box}
.naazco-import-section.naazco-import-full-bleed{width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.naazco-import-inner{width:100%;max-width:1300px;margin:0 auto;padding:70px 36px}
.naazco-import-layout{display:flex;align-items:center;gap:60px;width:100%;min-width:0}
.naazco-import-media-col{width:48%;flex:0 0 48%;min-width:0}
.naazco-import-copy{width:52%;flex:1 1 auto;min-width:0}
.naazco-import-media{position:relative;width:100%;height:560px;overflow:hidden;background:#e4d7c7;border-radius:12px}
.naazco-import-media img,.naazco-import-media video{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.naazco-import-eyebrow{margin:0 0 14px;font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#9a5c3d}
.naazco-import-heading{margin:0 0 20px;font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.035em;font-weight:500;color:#17130f;max-width:620px}
.naazco-import-accent{color:#9a5c3d}
.naazco-import-article{max-width:560px;font-size:15px;line-height:1.75;color:#302820;margin:0 0 28px}
.naazco-import-article p{margin:0 0 15px}.naazco-import-article p:last-child{margin-bottom:0}.naazco-import-article ul,.naazco-import-article ol{padding-left:1.3em;margin:0 0 15px}
.naazco-import-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#17130f;color:#fff;text-decoration:none!important;border:0;padding:15px 24px;border-radius:40px;font-size:14px;line-height:1.2;font-weight:500;transition:background-color .2s ease,color .2s ease;box-shadow:none}
.naazco-import-button:hover,.naazco-import-button:focus{background:#9a5c3d;color:#fff;text-decoration:none!important}
.naazco-import-button-icon{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;transform:none!important}
.naazco-import-button-icon svg{display:block;width:18px;height:18px;transform:none!important}
@media(max-width:1024px){.naazco-import-inner{padding:56px 28px}.naazco-import-layout{gap:34px}.naazco-import-media{height:460px}.naazco-import-heading{font-size:clamp(30px,4vw,42px)}}
@media(max-width:767px){.naazco-import-inner{width:100%;padding:42px 22px}.naazco-import-layout{flex-direction:column;align-items:stretch;gap:28px}.naazco-import-media-col,.naazco-import-copy{width:100%;flex:0 0 100%}.naazco-import-media{height:clamp(280px,85vw,440px)}.naazco-import-heading{font-size:clamp(32px,9vw,44px);max-width:100%}.naazco-import-article{font-size:14px;line-height:1.7}.naazco-import-button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.naazco-import-section *{transition:none!important}}


/* v1.0.1 — Force the sourcing section to use the available mobile width.
   Elementor responsive width controls can set width without resetting flex-basis,
   leaving each column at its desktop basis on tablet/mobile. */
@media (max-width: 767px) {
  .elementor-widget-naazco-import-story,
  .elementor-widget-naazco-import-story > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .naazco-import-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .naazco-import-section.naazco-import-full-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
  }

  .naazco-import-inner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .naazco-import-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 26px !important;
  }

  .naazco-import-media-col,
  .naazco-import-copy {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
  }

  .naazco-import-media {
    width: 100% !important;
    max-width: 100% !important;
  }

  .naazco-import-heading,
  .naazco-import-article {
    width: 100% !important;
    max-width: 100% !important;
  }
}