/* Supplier directory flow - category -> supplier -> page */
.supplier-flow-hero{
  background:
    radial-gradient(circle at 85% 0%, rgba(118,227,76,.18), transparent 28%),
    linear-gradient(135deg,#061b34 0%,#0b315a 58%,#082341 100%);
  color:#fff;
}
.supplier-flow-hero-inner{
  width:min(1240px,100%);
  margin:0 auto;
  padding:clamp(44px,5vw,78px) var(--pad);
}
.supplier-flow-hero h1{
  margin:14px 0 8px;
  max-width:960px;
  font-size:clamp(38px,4.5vw,68px);
  line-height:.96;
  letter-spacing:-.065em;
}
.supplier-flow-hero p{
  margin:0;
  max-width:740px;
  color:#e8f3ff;
  font-weight:650;
  font-size:clamp(14px,1.1vw,17px);
}
.supplier-flow-shell{
  padding:clamp(24px,3.4vw,52px) var(--pad) clamp(48px,5vw,84px);
}
.supplier-mobile-steps{
  display:none;
}
.supplier-flow-layout{
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:280px minmax(320px,1fr) minmax(320px,.95fr);
  gap:18px;
  align-items:start;
}
.supplier-flow-panel{
  min-width:0;
  border:1px solid rgba(202,222,239,.95);
  border-radius:24px;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 60px rgba(6,21,42,.10);
  padding:18px;
}
.flow-panel-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.flow-panel-head span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#e9f9e5;
  color:#2e991f;
  font-size:12px;
  font-weight:1000;
}
.flow-panel-head h2{
  margin:0;
  color:#061f44;
  font-size:clamp(22px,2vw,30px);
  line-height:1;
  letter-spacing:-.045em;
}
.flow-category-list,
.flow-supplier-list,
.flow-page-list{
  display:grid;
  gap:10px;
}
.flow-pill,
.flow-supplier,
.flow-page-link{
  width:100%;
  border:1px solid #dbe8f4;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#061f44;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.flow-pill{
  min-height:58px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
}
.flow-pill span,
.flow-supplier span,
.flow-page-link span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#eef7ff;
  color:#073260;
  font-size:12px;
  font-weight:1000;
}
.flow-pill strong,
.flow-supplier strong,
.flow-page-link strong{
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.02em;
}
.flow-pill:hover,
.flow-pill.is-active,
.flow-supplier:hover,
.flow-supplier.is-active,
.flow-page-link:hover{
  border-color:#80dc68;
  background:linear-gradient(180deg,#f8fff6,#edfbea);
  box-shadow:0 14px 30px rgba(48,151,33,.12);
  transform:translateY(-1px);
}
.flow-pill.is-active span,
.flow-supplier.is-active span,
.flow-page-link:hover span{
  background:#35a526;
  color:#fff;
}
.flow-supplier{
  min-height:74px;
  padding:13px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
}
.flow-supplier span{
  width:44px;
  height:44px;
  border-radius:15px;
  background:linear-gradient(135deg,#073260,#0c4b82);
  color:#fff;
}
.supplier-pages-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 18%,rgba(118,227,76,.18),transparent 30%),
    linear-gradient(135deg,#061b34,#0b3562);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.supplier-pages-panel .flow-panel-head span{
  background:rgba(118,227,76,.18);
  color:#8af36c;
}
.supplier-pages-panel .flow-panel-head h2{
  color:#fff;
}
.flow-panel-copy{
  margin:-4px 0 16px;
  color:#dcecff;
  font-weight:650;
}
.flow-page-link{
  min-height:70px;
  padding:13px;
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.075);
}
.flow-page-link span{
  background:rgba(118,227,76,.16);
  color:#8af36c;
}
.flow-page-link:hover{
  background:rgba(118,227,76,.16);
  border-color:rgba(118,227,76,.42);
}
.flow-empty-state{
  border:1px dashed #bed5e9;
  border-radius:18px;
  background:#f8fbff;
  padding:24px;
}
.flow-empty-state strong{
  display:block;
  color:#061f44;
  font-size:18px;
}
.flow-empty-state p{
  margin:8px 0 0;
  color:#607086;
  font-weight:700;
}

/* ADM profile page */
.adm-profile-page{
  background:#edf4fa;
}
.adm-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 90% 14%,rgba(118,227,76,.14),transparent 30%),
    linear-gradient(135deg,#051629 0%,#0b315a 62%,#061b34 100%);
}
.adm-hero-inner{
  width:min(1240px,100%);
  margin:0 auto;
  padding:clamp(44px,6vw,96px) var(--pad);
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:34px;
  align-items:center;
}
.adm-logo-lockup{
  width:180px;
  height:180px;
  border-radius:34px;
  background:#fff;
  color:#101033;
  display:grid;
  place-items:center;
  box-shadow:0 28px 60px rgba(0,0,0,.22);
}
.adm-logo-lockup strong{
  font-size:68px;
  line-height:.8;
  letter-spacing:-.08em;
}
.adm-logo-lockup span{
  display:block;
  margin-top:8px;
  font-size:13px;
  letter-spacing:.06em;
  text-align:center;
}
.adm-hero h1{
  margin:18px 0 12px;
  font-size:clamp(44px,5vw,78px);
  line-height:.92;
  letter-spacing:-.065em;
}
.adm-hero p{
  margin:0;
  max-width:760px;
  color:#e5f2ff;
  font-size:clamp(15px,1.2vw,18px);
  font-weight:650;
}
.adm-metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.adm-metric{
  min-height:110px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.09);
  padding:18px;
  backdrop-filter:blur(14px);
}
.adm-metric b{
  display:block;
  color:#78e754;
  font-size:34px;
  line-height:1;
}
.adm-metric span{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
}
.adm-profile-shell{
  width:min(1280px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,58px) var(--pad);
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.adm-side-nav{
  position:sticky;
  top:86px;
  border:1px solid #d6e5f2;
  background:rgba(255,255,255,.92);
  border-radius:22px;
  padding:14px;
  box-shadow:0 16px 44px rgba(6,21,42,.08);
}
.adm-side-nav a{
  display:block;
  padding:12px 13px;
  border-radius:13px;
  color:#06214a;
  font-weight:950;
  font-size:13px;
}
.adm-side-nav a:hover{
  background:#e9f9e5;
  color:#2e991f;
}
.adm-content{
  display:grid;
  gap:18px;
}
.adm-section{
  border:1px solid #d6e5f2;
  background:#fff;
  border-radius:26px;
  padding:clamp(22px,3vw,36px);
  box-shadow:0 16px 44px rgba(6,21,42,.08);
}
.adm-section h2{
  margin:0 0 12px;
  color:#061f44;
  font-size:clamp(30px,3.4vw,54px);
  line-height:.95;
  letter-spacing:-.06em;
}
.adm-section p{
  color:#52677f;
  font-weight:700;
  line-height:1.65;
}
.adm-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.adm-cap-card,
.adm-timeline-item{
  border:1px solid #dce9f4;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  padding:18px;
}
.adm-cap-card strong,
.adm-timeline-item strong{
  display:block;
  color:#061f44;
  font-size:17px;
  font-weight:1000;
}
.adm-cap-card span,
.adm-timeline-item span{
  display:block;
  margin-top:8px;
  color:#607086;
  font-size:13px;
  font-weight:700;
}
.adm-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.adm-timeline-item b{
  color:#35a526;
  font-size:24px;
}
.adm-section-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:24px;
  align-items:start;
}
.adm-page-preview{
  border:1px solid #d7e7f2;
  border-radius:22px;
  overflow:hidden;
  background:#f7fbff;
  box-shadow:0 18px 44px rgba(6,21,42,.12);
}
.adm-page-preview img,
.adm-deck-card img{
  width:100%;
  height:auto;
  display:block;
}
.adm-pill-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.adm-pill-list span{
  border-radius:999px;
  background:#e9f9e5;
  color:#2e991f;
  padding:8px 12px;
  font-size:12px;
  font-weight:950;
}
.adm-deck-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.adm-deck-card{
  overflow:hidden;
  border:1px solid #d6e5f2;
  background:#fff;
  border-radius:22px;
  box-shadow:0 18px 44px rgba(6,21,42,.10);
}
.adm-deck-card figcaption{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  color:#061f44;
  font-weight:950;
}
@media(max-width:1120px){
  .supplier-flow-layout{
    grid-template-columns:260px minmax(0,1fr);
  }
  .supplier-pages-panel{
    grid-column:1/-1;
  }
  .flow-page-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .adm-hero-inner{
    grid-template-columns:1fr;
  }
  .adm-profile-shell{
    grid-template-columns:1fr;
  }
  .adm-side-nav{
    position:relative;
    top:auto;
    display:flex;
    overflow-x:auto;
    gap:6px;
  }
  .adm-side-nav a{
    white-space:nowrap;
  }
}
@media(max-width:820px){
  .supplier-mobile-steps{
    width:min(1320px,100%);
    margin:0 auto 12px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    position:sticky;
    top:60px;
    z-index:20;
    padding:8px;
    border:1px solid #d6e5f2;
    border-radius:18px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(16px);
    box-shadow:0 12px 30px rgba(6,21,42,.12);
  }
  .supplier-mobile-steps button{
    border:0;
    border-radius:12px;
    min-height:40px;
    background:#eef7ff;
    color:#073260;
    font-size:12px;
    font-weight:1000;
  }
  .supplier-mobile-steps button.is-active{
    background:#35a526;
    color:#fff;
  }
  .supplier-flow-layout{
    grid-template-columns:1fr;
  }
  .supplier-flow-layout[data-mobile-step="categories"] .supplier-list-panel,
  .supplier-flow-layout[data-mobile-step="categories"] .supplier-pages-panel,
  .supplier-flow-layout[data-mobile-step="suppliers"] .supplier-category-panel,
  .supplier-flow-layout[data-mobile-step="suppliers"] .supplier-pages-panel,
  .supplier-flow-layout[data-mobile-step="pages"] .supplier-category-panel,
  .supplier-flow-layout[data-mobile-step="pages"] .supplier-list-panel{
    display:none;
  }
  .supplier-flow-panel{
    border-radius:20px;
  }
  .flow-category-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .flow-page-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .adm-section-split,
  .adm-card-grid,
  .adm-timeline,
  .adm-deck-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .supplier-flow-hero-inner{
    padding:38px 16px;
  }
  .supplier-flow-hero h1{
    font-size:36px;
  }
  .supplier-flow-shell{
    padding-left:12px;
    padding-right:12px;
  }
  .supplier-flow-panel{
    padding:14px;
    border-radius:18px;
  }
  .flow-category-list,
  .flow-page-list{
    grid-template-columns:1fr;
  }
  .flow-pill{
    min-height:54px;
  }
  .adm-hero-inner{
    padding:38px 16px;
  }
  .adm-logo-lockup{
    width:130px;
    height:130px;
    border-radius:24px;
  }
  .adm-logo-lockup strong{
    font-size:48px;
  }
  .adm-metric-grid{
    grid-template-columns:1fr;
  }
  .adm-profile-shell{
    padding-left:12px;
    padding-right:12px;
  }
  .adm-section{
    padding:20px;
    border-radius:20px;
  }
}


/* =========================================================
   Final polish: no directory-listing links + readable ADM deck
   ========================================================= */

.nested-supplier-hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(118,227,76,.16), transparent 28%),
    linear-gradient(135deg,#061b34 0%,#0b315a 58%,#082341 100%);
  color:#fff;
}
.nested-supplier-hero-inner {
  width:min(1180px,100%);
  margin:0 auto;
  padding:clamp(44px,6vw,86px) var(--pad);
}
.nested-supplier-hero .breadcrumb {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:#dcecff;
  font-weight:900;
}
.nested-supplier-hero h1 {
  margin:14px 0 10px;
  font-size:clamp(38px,4.5vw,66px);
  line-height:.96;
  letter-spacing:-.06em;
}
.nested-supplier-hero p {
  margin:0;
  max-width:780px;
  color:#e8f3ff;
  font-weight:650;
}
.supplier-nested-section {
  width:min(1180px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,58px) var(--pad);
}
.supplier-placeholder-page {
  border:1px solid #d6e5f2;
  background:#fff;
  border-radius:26px;
  padding:clamp(24px,4vw,48px);
  box-shadow:0 16px 44px rgba(6,21,42,.08);
}
.supplier-placeholder-page h2 {
  margin:12px 0 8px;
  color:#061f44;
  font-size:clamp(34px,4vw,58px);
  line-height:.96;
  letter-spacing:-.06em;
}
.supplier-placeholder-page p {
  max-width:760px;
  color:#607086;
  font-weight:700;
  line-height:1.65;
}
.placeholder-meta {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.placeholder-meta span {
  border-radius:999px;
  background:#eef7ff;
  color:#073260;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}

.adm-profile-shell {
  width:min(1560px,100%);
  grid-template-columns:250px minmax(0,1fr);
  gap:26px;
}
.adm-content {
  max-width:none;
}

/* Full PDF deck: one large readable page per row. */
.adm-section#deck {
  padding:clamp(22px,3vw,40px);
}
.adm-deck-grid {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:34px !important;
  width:min(100%,1040px);
  margin:28px auto 0;
}
.adm-deck-card {
  border-radius:24px;
  overflow:hidden;
  border:1px solid #d1e3f1;
  background:#fff;
  box-shadow:0 24px 70px rgba(6,21,42,.14);
}
.adm-deck-card img {
  width:100%;
  height:auto;
  display:block;
  image-rendering:auto;
}
.adm-deck-card figcaption {
  padding:16px 20px;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#061f44;
  background:linear-gradient(180deg,#fff,#f6faff);
}
.adm-deck-card figcaption span {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e9f9e5;
  color:#2e991f;
  font-weight:1000;
}
.adm-deck-card figcaption strong {
  text-align:right;
  font-weight:1000;
}

@media(max-width:1120px){
  .adm-profile-shell {
    width:min(1180px,100%);
    grid-template-columns:1fr;
  }
  .adm-deck-grid {
    width:100%;
  }
}
@media(max-width:820px){
  .adm-side-nav {
    position:relative;
    top:auto;
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:10px;
    scroll-snap-type:x proximity;
  }
  .adm-side-nav a {
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  .adm-deck-card {
    border-radius:18px;
  }
  .adm-deck-card figcaption {
    font-size:15px;
  }
}
@media(max-width:560px){
  .adm-profile-shell,
  .supplier-nested-section {
    padding-left:12px;
    padding-right:12px;
  }
  .adm-deck-grid {
    gap:22px !important;
  }
  .adm-deck-card figcaption {
    padding:12px 14px;
  }
  .adm-deck-card figcaption span {
    width:34px;
    height:34px;
    border-radius:11px;
    font-size:12px;
  }
}


/* =========================================================
   ADM final sections patch: remove PDF deck concept, enlarge sections
   ========================================================= */

.adm-sections-layout {
  width:min(1640px,100%);
  grid-template-columns:250px minmax(0,1fr);
}
.adm-section {
  scroll-margin-top:95px;
}

/* Large readable page cards used inside real business sections. */
.adm-single-page-wrap,
.adm-section-pages-grid,
.adm-collection-showcase,
.adm-cert-display {
  margin-top:24px;
}
.adm-single-page-wrap {
  width:min(100%,980px);
  margin-left:auto;
  margin-right:auto;
}
.adm-large-page {
  overflow:hidden;
  border:1px solid #d1e3f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 70px rgba(6,21,42,.13);
}
.adm-large-page img {
  display:block;
  width:100%;
  height:auto;
}
.adm-large-page figcaption {
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#061f44;
  background:linear-gradient(180deg,#fff,#f6faff);
}
.adm-large-page figcaption span {
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e9f9e5;
  color:#2e991f;
  font-size:14px;
  font-weight:1000;
}
.adm-large-page figcaption strong {
  font-size:17px;
  font-weight:1000;
  text-align:right;
}

/* Bigger preview in overview split. */
.adm-feature-page {
  align-self:start;
}
.adm-feature-page img {
  min-height:360px;
  object-fit:contain;
}

/* The collections were too small: make both cards large and readable. */
.adm-collection-showcase {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  align-items:start;
}
.adm-collection-card {
  border-radius:26px;
}
.adm-collection-card img {
  min-height:420px;
  object-fit:contain;
  background:#fff;
}

/* Infrastructure/garment/sustainability: proper section galleries, not PDF page dump. */
.adm-section-pages-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.adm-section-pages-grid .adm-large-page img {
  min-height:390px;
  object-fit:contain;
  background:#fff;
}

/* Certification page. */
.adm-cert-shell {
  width:min(1320px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,58px) var(--pad);
}
.adm-cert-section {
  max-width:1180px;
  margin:0 auto;
}
.adm-cert-display {
  width:min(100%,1050px);
  margin-left:auto;
  margin-right:auto;
}
.adm-cert-card img {
  min-height:620px;
  object-fit:contain;
  background:#fff;
}
.adm-contact-card {
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.adm-contact-card strong,
.adm-contact-card span {
  border-radius:999px;
  background:#eef7ff;
  color:#073260;
  padding:10px 14px;
  font-weight:950;
}

/* Remove old deck sizing from prior build for the now-removed deck section. */
.adm-section#deck,
.adm-deck-grid,
.adm-deck-card {
  display:none !important;
}

@media(max-width:1120px){
  .adm-sections-layout {
    width:min(1180px,100%);
    grid-template-columns:1fr;
  }
  .adm-collection-showcase,
  .adm-section-pages-grid {
    grid-template-columns:1fr;
  }
  .adm-collection-card img,
  .adm-section-pages-grid .adm-large-page img,
  .adm-cert-card img {
    min-height:0;
  }
}
@media(max-width:560px){
  .adm-large-page {
    border-radius:18px;
  }
  .adm-large-page figcaption {
    padding:12px 13px;
  }
  .adm-large-page figcaption span {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:12px;
    font-size:12px;
  }
  .adm-large-page figcaption strong {
    font-size:14px;
  }
}


/* =========================================================
   Supplier certifications final polish
   ========================================================= */

.supplier-cert-shell {
  width:min(1320px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,58px) var(--pad);
}
.supplier-cert-section {
  max-width:1180px;
  margin:0 auto;
}
.supplier-cert-section h2 {
  margin-bottom:14px;
}
.supplier-cert-pills {
  margin-bottom:26px;
}
.supplier-cert-display {
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.supplier-cert-page-card {
  overflow:hidden;
  border:1px solid #d1e3f1;
  border-radius:26px;
  background:#fff;
  box-shadow:0 24px 70px rgba(6,21,42,.14);
}
.supplier-cert-page-card img {
  display:block;
  width:100%;
  height:auto;
  min-height:620px;
  object-fit:contain;
  background:#fff;
}
.supplier-cert-page-card figcaption {
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#061f44;
  background:linear-gradient(180deg,#fff,#f6faff);
}
.supplier-cert-page-card figcaption span {
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e9f9e5;
  color:#2e991f;
  font-weight:1000;
}
.supplier-cert-page-card figcaption strong {
  font-size:18px;
  font-weight:1000;
  text-align:right;
}
.supplier-placeholder-page p {
  font-size:18px;
  color:#52677f;
  font-weight:800;
}
@media(max-width:820px){
  .supplier-cert-page-card img {
    min-height:0;
  }
  .supplier-cert-page-card {
    border-radius:20px;
  }
  .supplier-cert-page-card figcaption {
    padding:13px 14px;
  }
}
@media(max-width:560px){
  .supplier-cert-shell {
    padding-left:12px;
    padding-right:12px;
  }
  .supplier-cert-page-card figcaption span {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:11px;
    font-size:12px;
  }
  .supplier-cert-page-card figcaption strong {
    font-size:14px;
  }
}


/* =========================================================
   Naveena + Indus Plus full supplier profile pages
   ========================================================= */

.supplier-profile-page {
  background:#edf4fa;
}
.supplier-profile-hero {
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(118,227,76,.16),transparent 30%),
    linear-gradient(135deg,#051629 0%,#0b315a 58%,#061b34 100%);
}
.indus-profile-hero {
  background:
    radial-gradient(circle at 88% 10%,rgba(255,255,255,.10),transparent 30%),
    linear-gradient(135deg,#111 0%,#0b315a 58%,#061b34 100%);
}
.naveena-profile-hero {
  background:
    radial-gradient(circle at 88% 12%,rgba(112,177,211,.24),transparent 30%),
    linear-gradient(135deg,#061b34 0%,#244d69 58%,#071b34 100%);
}
.supplier-profile-hero-inner {
  width:min(1320px,100%);
  margin:0 auto;
  padding:clamp(44px,6vw,96px) var(--pad);
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:34px;
  align-items:center;
}
.supplier-profile-hero h1 {
  margin:14px 0 12px;
  max-width:900px;
  font-size:clamp(42px,5vw,78px);
  line-height:.92;
  letter-spacing:-.065em;
}
.supplier-profile-hero p {
  margin:0;
  max-width:780px;
  color:#e5f2ff;
  font-size:clamp(15px,1.15vw,18px);
  font-weight:650;
}
.supplier-profile-metrics {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.supplier-profile-metrics div {
  min-height:112px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.09);
  padding:18px;
  backdrop-filter:blur(14px);
}
.supplier-profile-metrics b {
  display:block;
  color:#78e754;
  font-size:34px;
  line-height:1;
}
.supplier-profile-metrics span {
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
}
.supplier-profile-shell {
  width:min(1640px,100%);
  margin:0 auto;
  padding:clamp(28px,4vw,58px) var(--pad);
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.supplier-profile-side-nav {
  position:sticky;
  top:86px;
  border:1px solid #d6e5f2;
  background:rgba(255,255,255,.92);
  border-radius:22px;
  padding:14px;
  box-shadow:0 16px 44px rgba(6,21,42,.08);
}
.supplier-profile-side-nav a {
  display:block;
  padding:12px 13px;
  border-radius:13px;
  color:#06214a;
  font-weight:950;
  font-size:13px;
}
.supplier-profile-side-nav a:hover {
  background:#e9f9e5;
  color:#2e991f;
}
.supplier-profile-content {
  display:grid;
  gap:22px;
}
.supplier-profile-section {
  scroll-margin-top:95px;
  border:1px solid #d6e5f2;
  background:#fff;
  border-radius:26px;
  padding:clamp(22px,3vw,38px);
  box-shadow:0 16px 44px rgba(6,21,42,.08);
}
.supplier-profile-section h2 {
  margin:10px 0 12px;
  color:#061f44;
  font-size:clamp(30px,3.4vw,54px);
  line-height:.95;
  letter-spacing:-.06em;
}
.supplier-profile-section p {
  color:#52677f;
  font-weight:700;
  line-height:1.65;
}
.supplier-profile-split {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,520px);
  gap:26px;
  align-items:start;
}
.supplier-profile-single {
  width:min(100%,980px);
  margin:24px auto 0;
}
.supplier-profile-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin-top:24px;
}
.supplier-profile-slide {
  overflow:hidden;
  border:1px solid #d1e3f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 70px rgba(6,21,42,.13);
}
.supplier-profile-slide img {
  display:block;
  width:100%;
  height:auto;
  min-height:390px;
  object-fit:contain;
  background:#fff;
}
.supplier-profile-feature-slide img {
  min-height:430px;
}
.supplier-profile-single .supplier-profile-slide img {
  min-height:560px;
}
.supplier-profile-slide figcaption {
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#061f44;
  background:linear-gradient(180deg,#fff,#f6faff);
}
.supplier-profile-slide figcaption span {
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#e9f9e5;
  color:#2e991f;
  font-size:14px;
  font-weight:1000;
}
.supplier-profile-slide figcaption strong {
  font-size:17px;
  font-weight:1000;
  text-align:right;
}
.supplier-contact-strip {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 8px;
}
.supplier-contact-strip span {
  border-radius:999px;
  background:#eef7ff;
  color:#073260;
  padding:10px 14px;
  font-weight:950;
}
@media(max-width:1120px){
  .supplier-profile-hero-inner {
    grid-template-columns:1fr;
  }
  .supplier-profile-shell {
    width:min(1180px,100%);
    grid-template-columns:1fr;
  }
  .supplier-profile-side-nav {
    position:relative;
    top:auto;
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:10px;
    scroll-snap-type:x proximity;
  }
  .supplier-profile-side-nav a {
    flex:0 0 auto;
    scroll-snap-align:start;
    white-space:nowrap;
  }
  .supplier-profile-split,
  .supplier-profile-grid {
    grid-template-columns:1fr;
  }
  .supplier-profile-slide img,
  .supplier-profile-feature-slide img,
  .supplier-profile-single .supplier-profile-slide img {
    min-height:0;
  }
}
@media(max-width:560px){
  .supplier-profile-hero-inner {
    padding:38px 16px;
  }
  .supplier-profile-hero h1 {
    font-size:36px;
  }
  .supplier-profile-metrics {
    grid-template-columns:1fr;
  }
  .supplier-profile-shell {
    padding-left:12px;
    padding-right:12px;
  }
  .supplier-profile-section {
    padding:20px;
    border-radius:20px;
  }
  .supplier-profile-slide {
    border-radius:18px;
  }
  .supplier-profile-slide figcaption {
    padding:12px 13px;
  }
  .supplier-profile-slide figcaption span {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:12px;
    font-size:12px;
  }
  .supplier-profile-slide figcaption strong {
    font-size:14px;
  }
}


/* =========================================================
   Final supplier expansion polish
   ========================================================= */
.supplier-directory-card-grid-final{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.supplier-directory-card,.supplier-page-card{display:flex;align-items:center;gap:14px;border:1px solid #d6e5f2;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f8fbff 74%,#eefbea 100%);padding:18px;color:#061f44;box-shadow:0 12px 30px rgba(6,21,42,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.supplier-directory-card:hover,.supplier-page-card:hover{transform:translateY(-2px);border-color:#45b233;box-shadow:0 18px 42px rgba(6,21,42,.11)}.supplier-directory-card span,.supplier-page-card span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#073b70;color:#fff;font-weight:1000;flex:0 0 46px}.supplier-directory-card strong,.supplier-page-card strong{display:block;font-size:17px;font-weight:1000}.supplier-directory-card em{display:block;margin-top:4px;color:#667991;font-size:12px;font-style:normal;font-weight:800}.supplier-section-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.flow-supplier{min-height:78px}.flow-category-list{max-height:none}.supplier-profile-page{background:#edf4fa}.supplier-profile-hero{color:#fff;background:radial-gradient(circle at 88% 10%,rgba(118,227,76,.16),transparent 30%),linear-gradient(135deg,#051629 0%,#0b315a 58%,#061b34 100%)}.tauseef-profile-hero{background:linear-gradient(135deg,#072045 0%,#0d4a7c 52%,#08375c 100%)}.velocity-profile-hero{background:linear-gradient(135deg,#181b22 0%,#0b315a 55%,#061b34 100%)}.sadaqat-profile-hero{background:linear-gradient(135deg,#101820 0%,#34414d 48%,#0b315a 100%)}.sapphire-profile-hero{background:linear-gradient(135deg,#07172d 0%,#0b2760 58%,#051629 100%)}.pelikan-profile-hero{background:linear-gradient(135deg,#063538 0%,#148b83 58%,#05313b 100%)}.liberty-profile-hero{background:linear-gradient(135deg,#061b34 0%,#073b70 58%,#f6faff 220%)}.alhadi-profile-hero{background:linear-gradient(135deg,#152018 0%,#0f572f 58%,#061b34 100%)}.supplier-profile-hero-inner{width:min(1320px,100%);margin:0 auto;padding:clamp(44px,6vw,96px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:center}.supplier-profile-hero h1{margin:14px 0 12px;max-width:940px;font-size:clamp(42px,5vw,78px);line-height:.92;letter-spacing:-.065em}.supplier-profile-hero p{margin:0;max-width:830px;color:#e5f2ff;font-size:clamp(15px,1.15vw,18px);font-weight:650}.supplier-profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-profile-metrics div{min-height:112px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.09);padding:18px;backdrop-filter:blur(14px)}.supplier-profile-metrics b{display:block;color:#78e754;font-size:34px;line-height:1}.supplier-profile-metrics span{display:block;margin-top:8px;color:#fff;font-size:13px;font-weight:900;text-transform:uppercase}.supplier-profile-shell{width:min(1640px,100%);margin:0 auto;padding:clamp(28px,4vw,58px) var(--pad);display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}.supplier-profile-side-nav{position:sticky;top:86px;border:1px solid #d6e5f2;background:rgba(255,255,255,.92);border-radius:22px;padding:14px;box-shadow:0 16px 44px rgba(6,21,42,.08)}.supplier-profile-side-nav a{display:block;padding:12px 13px;border-radius:13px;color:#06214a;font-weight:950;font-size:13px}.supplier-profile-side-nav a:hover{background:#e9f9e5;color:#2e991f}.supplier-profile-content{display:grid;gap:22px}.supplier-profile-section{scroll-margin-top:95px;border:1px solid #d6e5f2;background:#fff;border-radius:26px;padding:clamp(22px,3vw,38px);box-shadow:0 16px 44px rgba(6,21,42,.08)}.supplier-profile-section h2{margin:10px 0 12px;color:#061f44;font-size:clamp(30px,3.4vw,54px);line-height:.95;letter-spacing:-.06em}.supplier-profile-section p{color:#52677f;font-weight:700;line-height:1.65}.supplier-section-pills{margin-top:16px;margin-bottom:10px}.supplier-profile-single{width:min(100%,1000px);margin:24px auto 0}.supplier-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}.supplier-profile-slide{overflow:hidden;border:1px solid #d1e3f1;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(6,21,42,.13)}.supplier-profile-slide img{display:block;width:100%;height:auto;min-height:380px;object-fit:contain;background:#fff}.supplier-profile-single .supplier-profile-slide img{min-height:560px}.supplier-profile-slide figcaption,.supplier-cert-page-card figcaption{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#061f44;background:linear-gradient(180deg,#fff,#f6faff)}.supplier-profile-slide figcaption span,.supplier-cert-page-card figcaption span{width:40px;height:40px;flex:0 0 40px;border-radius:14px;display:grid;place-items:center;background:#e9f9e5;color:#2e991f;font-size:14px;font-weight:1000}.supplier-profile-slide figcaption strong,.supplier-cert-page-card figcaption strong{font-size:17px;font-weight:1000;text-align:right}.supplier-cert-shell{width:min(1320px,100%);margin:0 auto;padding:clamp(28px,4vw,58px) var(--pad)}.supplier-cert-section{max-width:1180px;margin:0 auto}.supplier-cert-display{display:grid;grid-template-columns:1fr;gap:28px}.supplier-cert-page-card{overflow:hidden;border:1px solid #d1e3f1;border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(6,21,42,.14)}.supplier-cert-page-card img{display:block;width:100%;height:auto;min-height:620px;object-fit:contain;background:#fff}@media(max-width:1120px){.supplier-profile-hero-inner{grid-template-columns:1fr}.supplier-profile-shell{width:min(1180px,100%);grid-template-columns:1fr}.supplier-profile-side-nav{position:relative;top:auto;display:flex;overflow-x:auto;gap:8px;padding:10px;scroll-snap-type:x proximity}.supplier-profile-side-nav a{flex:0 0 auto;white-space:nowrap}.supplier-profile-grid{grid-template-columns:1fr}.supplier-profile-slide img,.supplier-profile-single .supplier-profile-slide img,.supplier-cert-page-card img{min-height:0}}@media(max-width:760px){.supplier-flow-layout{align-items:start}.flow-supplier{min-height:68px}}@media(max-width:560px){.supplier-profile-hero-inner{padding:38px 16px}.supplier-profile-hero h1{font-size:36px}.supplier-profile-metrics{grid-template-columns:1fr}.supplier-profile-shell,.supplier-cert-shell{padding-left:12px;padding-right:12px}.supplier-profile-section{padding:20px;border-radius:20px}.supplier-profile-slide,.supplier-cert-page-card{border-radius:18px}.supplier-profile-slide figcaption,.supplier-cert-page-card figcaption{padding:12px 13px}.supplier-profile-slide figcaption span,.supplier-cert-page-card figcaption span{width:34px;height:34px;flex-basis:34px;border-radius:12px;font-size:12px}.supplier-profile-slide figcaption strong,.supplier-cert-page-card figcaption strong{font-size:14px}}


/* =========================================================
   AFROZE Towels profile final patch
   ========================================================= */
.afroze-profile-hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(218,178,85,.20), transparent 30%),
    linear-gradient(135deg,#063f48 0%,#0b7890 54%,#061b34 100%);
}
.supplier-profile-section .supplier-profile-grid {
  align-items:start;
}


/* =========================================================
   New supplier profile batch polish
   ========================================================= */
.supplier-profile-section .adm-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.supplier-profile-section .supplier-profile-single{width:min(100%,1160px)}
.supplier-profile-section .supplier-profile-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));}
.supplier-profile-slide img{background:#fff;}
.supplier-cert-section .adm-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:20px;}
@media(max-width:820px){.supplier-profile-section .supplier-profile-grid{grid-template-columns:1fr}.supplier-profile-section .adm-card-grid{grid-template-columns:1fr}}


/* ===== UX readability and ADM product gallery upgrade ===== */
:root{--gallery-navy:#06152a;--gallery-blue:#073b70;--gallery-green:#49b833;--gallery-ice:#eef7ff;--gallery-line:#d8e8f5}
html{scroll-behavior:smooth}
body.lightbox-open{overflow:hidden}

/* Bigger, more readable profile decks across every supplier */
.supplier-profile-page{background:linear-gradient(180deg,#edf4fa 0%,#f8fbff 45%,#edf4fa 100%)}
.supplier-profile-shell{width:min(1920px,100%);grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:34px;padding-top:clamp(36px,4vw,70px)}
.supplier-profile-content{gap:34px}
.supplier-profile-section{border-radius:34px;padding:clamp(28px,3.6vw,54px);box-shadow:0 26px 90px rgba(6,21,42,.10);background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.supplier-profile-section h2{max-width:980px}
.supplier-profile-section p{max-width:980px;font-size:clamp(15px,1.04vw,18px);color:#415a75}
.supplier-profile-grid{grid-template-columns:1fr !important;gap:34px;width:min(100%,1540px);margin-left:auto;margin-right:auto}
.supplier-profile-single{width:min(100%,1540px)}
.supplier-profile-slide,.supplier-cert-page-card,.adm-large-page{position:relative;border-radius:30px;border:1px solid rgba(7,59,112,.18);box-shadow:0 30px 95px rgba(6,21,42,.16);background:linear-gradient(180deg,#fff,#f8fbff);overflow:hidden}
.supplier-profile-slide img,.supplier-cert-page-card img,.adm-large-page img{display:block;width:100%;height:auto;min-height:0 !important;object-fit:contain;background:#fff;cursor:zoom-in;transition:transform .22s ease, filter .22s ease}
.supplier-profile-slide:hover img,.supplier-cert-page-card:hover img,.adm-large-page:hover img{filter:saturate(1.04) contrast(1.02)}
.supplier-profile-slide::before,.supplier-cert-page-card::before,.adm-large-page::before,.adm-gallery-slide::before{content:"Click to enlarge";position:absolute;right:16px;top:16px;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(6,21,42,.78);color:#fff;font-size:12px;font-weight:1000;letter-spacing:.02em;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;backdrop-filter:blur(10px)}
.supplier-profile-slide:hover::before,.supplier-cert-page-card:hover::before,.adm-large-page:hover::before,.adm-gallery-slide:hover::before{opacity:1;transform:none}
.supplier-profile-slide figcaption,.supplier-cert-page-card figcaption,.adm-large-page figcaption{padding:18px 22px;background:linear-gradient(90deg,#fff 0%,#f3f9ff 70%,#eefaeb 100%);border-top:1px solid #e4eef7}
.supplier-profile-slide figcaption strong,.supplier-cert-page-card figcaption strong,.adm-large-page figcaption strong{font-size:clamp(15px,1.15vw,20px)}
.supplier-profile-slide figcaption span,.supplier-cert-page-card figcaption span,.adm-large-page figcaption span{box-shadow:inset 0 0 0 1px rgba(73,184,51,.22)}
.supplier-cert-shell{width:min(1720px,100%)}
.supplier-cert-section{max-width:1540px}.supplier-cert-page-card img{min-height:0 !important}
.adm-profile-shell{width:min(1920px,100%)}
.adm-section{border-radius:34px;box-shadow:0 26px 90px rgba(6,21,42,.10)}
.adm-section-pages-grid{grid-template-columns:1fr !important;gap:34px;width:min(100%,1540px);margin-left:auto;margin-right:auto}.adm-single-page-wrap{width:min(100%,1540px)}

/* Enlarged page viewer */
.page-image-lightbox{position:fixed;inset:0;z-index:9999;display:none;padding:clamp(14px,2vw,30px);background:rgba(3,11,24,.88);backdrop-filter:blur(12px)}
.page-image-lightbox.is-open{display:block}
.page-image-lightbox-stage{width:100%;height:100%;overflow:auto;border-radius:24px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:0 40px 120px rgba(0,0,0,.45)}
.page-image-lightbox-stage img{display:block;width:min(1600px,96vw);max-width:none;height:auto;margin:0 auto;background:#fff}
.page-image-lightbox-close{position:fixed;right:clamp(18px,3vw,42px);top:clamp(16px,3vw,34px);z-index:10000;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.94);color:#06152a;font-size:30px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 18px 60px rgba(0,0,0,.28)}

/* ADM product gallery */
.adm-gallery-page{background:linear-gradient(180deg,#f4f8fc 0%,#ffffff 42%,#eef5fb 100%);color:#06152a}.adm-gallery-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(73,184,51,.26),transparent 28%),linear-gradient(135deg,#06152a 0%,#0c315d 56%,#06152a 100%);color:#fff}.adm-gallery-hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:70%;height:135%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 43%);transform:skewX(-18deg)}.adm-gallery-hero-inner{position:relative;z-index:1;width:min(1440px,100%);margin:0 auto;padding:clamp(54px,7vw,112px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(24px,4vw,56px);align-items:end}.adm-gallery-hero h1{margin:12px 0;font-size:clamp(46px,6vw,92px);line-height:.9;letter-spacing:-.075em}.adm-gallery-hero p{max-width:870px;color:#eaf5ff;font-size:clamp(16px,1.28vw,21px);font-weight:750;line-height:1.55}.adm-gallery-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.adm-gallery-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;font-weight:1000;backdrop-filter:blur(10px)}.adm-gallery-btn.primary{background:#49b833;border-color:#49b833;color:#fff}.adm-gallery-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adm-gallery-stat{border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(16px)}.adm-gallery-stat b{display:block;font-size:clamp(32px,4vw,54px);line-height:.9;color:#80ed5b}.adm-gallery-stat span{display:block;margin-top:9px;font-size:12px;text-transform:uppercase;font-weight:1000;letter-spacing:.05em;color:#f4fbff}.adm-gallery-shell{width:min(1660px,100%);margin:0 auto;padding:clamp(32px,5vw,76px) var(--pad)}.adm-gallery-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,460px);gap:28px;align-items:stretch;margin-bottom:28px}.adm-gallery-panel{border:1px solid var(--gallery-line);border-radius:30px;background:#fff;padding:clamp(24px,3vw,42px);box-shadow:0 24px 74px rgba(6,21,42,.10)}.adm-gallery-panel h2{margin:10px 0 12px;font-size:clamp(34px,4vw,62px);line-height:.92;letter-spacing:-.065em}.adm-gallery-panel p{color:#4f667f;font-weight:750;line-height:1.68}.adm-gallery-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.adm-gallery-tags span{border:1px solid #d8e8f5;border-radius:999px;padding:10px 13px;background:#f5fbff;color:#073b70;font-weight:1000;font-size:12px;text-transform:uppercase}.adm-gallery-collection-cards{display:grid;gap:14px}.adm-gallery-collection-card{display:block;border-radius:24px;padding:22px;border:1px solid var(--gallery-line);background:linear-gradient(135deg,#fff 0%,#f6fbff 60%,#eefbea 100%);box-shadow:0 18px 44px rgba(6,21,42,.08);color:#06152a}.adm-gallery-collection-card strong{display:block;font-size:24px;font-weight:1000}.adm-gallery-collection-card span{display:block;margin-top:8px;color:#60758c;font-weight:850}.adm-gallery-section{scroll-margin-top:92px;margin-top:clamp(34px,5vw,72px)}.adm-gallery-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.adm-gallery-section h2{margin:0;font-size:clamp(36px,5vw,72px);line-height:.9;letter-spacing:-.07em;color:#06152a}.adm-gallery-section-head p{max-width:640px;margin:0;color:#52677f;font-weight:750;line-height:1.55}.adm-gallery-lookbook{display:grid;grid-template-columns:1fr;gap:30px}.adm-gallery-slide{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(7,59,112,.18);background:#fff;box-shadow:0 30px 95px rgba(6,21,42,.14)}.adm-gallery-slide img{display:block;width:100%;height:auto;background:#fff;cursor:zoom-in}.adm-gallery-slide figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:linear-gradient(90deg,#fff 0%,#f3f9ff 62%,#eefaeb 100%);border-top:1px solid #e4eef7}.adm-gallery-slide figcaption span{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#e9f9e5;color:#2e991f;display:grid;place-items:center;font-weight:1000}.adm-gallery-slide figcaption strong{font-size:clamp(16px,1.3vw,22px);font-weight:1000;text-align:right}.adm-gallery-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.adm-gallery-downloads a{border:1px solid #cfe0ee;border-radius:999px;background:#fff;color:#073b70;padding:12px 16px;font-weight:1000;box-shadow:0 12px 30px rgba(6,21,42,.07)}
@media(max-width:1180px){.supplier-profile-shell{grid-template-columns:1fr}.supplier-profile-side-nav{position:relative;top:auto;display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity}.supplier-profile-side-nav a{flex:0 0 auto;white-space:nowrap}.adm-gallery-hero-inner,.adm-gallery-intro{grid-template-columns:1fr}.adm-gallery-stats{max-width:680px}}
@media(max-width:760px){.supplier-profile-hero-inner{padding:40px 16px}.supplier-profile-shell,.supplier-cert-shell,.adm-profile-shell,.adm-gallery-shell{padding-left:12px;padding-right:12px}.supplier-profile-section,.adm-section,.adm-gallery-panel{padding:18px;border-radius:24px}.supplier-profile-grid,.adm-section-pages-grid,.adm-single-page-wrap,.supplier-profile-single{width:100%;gap:22px}.supplier-profile-slide,.supplier-cert-page-card,.adm-large-page,.adm-gallery-slide{overflow-x:auto;border-radius:22px;-webkit-overflow-scrolling:touch}.supplier-profile-slide img,.supplier-cert-page-card img,.adm-large-page img,.adm-gallery-slide img{width:auto;max-width:none;min-width:min(1080px,245vw) !important}.supplier-profile-slide::before,.supplier-cert-page-card::before,.adm-large-page::before,.adm-gallery-slide::before{content:"Tap to enlarge / swipe";opacity:1;top:10px;right:10px;font-size:11px;background:rgba(6,21,42,.72)}.supplier-profile-slide figcaption,.supplier-cert-page-card figcaption,.adm-large-page figcaption,.adm-gallery-slide figcaption{position:sticky;left:0;min-width:100%;padding:13px 14px}.page-image-lightbox{padding:10px}.page-image-lightbox-stage{border-radius:18px}.page-image-lightbox-stage img{width:max(1180px,260vw);margin:0}.adm-gallery-hero-inner{padding:46px 16px}.adm-gallery-hero h1{font-size:44px}.adm-gallery-stats{grid-template-columns:1fr 1fr}.adm-gallery-section-head{display:block}.adm-gallery-section-head p{margin-top:12px}.adm-gallery-slide figcaption{align-items:flex-start}.adm-gallery-downloads a{width:100%;justify-content:center;text-align:center}}
@media(max-width:460px){.supplier-profile-slide img,.supplier-cert-page-card img,.adm-large-page img,.adm-gallery-slide img{min-width:min(980px,270vw) !important}.page-image-lightbox-stage img{width:max(1080px,300vw)}.adm-gallery-stats{grid-template-columns:1fr}.adm-gallery-btn{width:100%}}

/* ===== FINAL MOBILE UX FIX: no horizontal document overflow, readable cards, tap-to-zoom only when needed ===== */
*{box-sizing:border-box;}
html,body{max-width:100%;overflow-x:hidden;}
img{max-width:100%;}

/* Keep supplier pages elegant on desktop while avoiding huge invisible canvas on tablets. */
.supplier-profile-shell,
.supplier-cert-shell,
.adm-profile-shell,
.adm-gallery-shell{
  max-width:100%;
  overflow:visible;
}
.supplier-profile-content,
.supplier-profile-section,
.supplier-cert-section,
.adm-section,
.adm-gallery-section,
.adm-gallery-panel{
  min-width:0;
}
.supplier-profile-section h1,
.supplier-profile-section h2,
.supplier-profile-section p,
.adm-section h1,
.adm-section h2,
.adm-section p,
.adm-gallery-section h1,
.adm-gallery-section h2,
.adm-gallery-section p{
  overflow-wrap:break-word;
  word-break:normal;
}

@media(max-width:900px){
  .supplier-profile-hero-inner,
  .adm-hero-inner,
  .adm-gallery-hero-inner{
    width:100%;
    max-width:100%;
    padding-left:18px;
    padding-right:18px;
  }
  .supplier-profile-hero h1,
  .adm-hero h1,
  .adm-gallery-hero h1{
    font-size:clamp(34px,8.8vw,58px);
    line-height:1.02;
    max-width:100%;
  }
  .supplier-profile-hero p,
  .adm-hero p,
  .adm-gallery-hero p{
    font-size:clamp(14px,3.8vw,17px);
    line-height:1.55;
    max-width:100%;
  }
}

@media(max-width:760px){
  body{overflow-x:hidden!important;}

  .supplier-profile-page,
  .adm-profile-page,
  .adm-gallery-page{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .supplier-profile-shell,
  .supplier-cert-shell,
  .adm-profile-shell,
  .adm-gallery-shell{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    gap:18px!important;
    overflow-x:hidden!important;
  }

  .supplier-profile-side-nav{
    width:100%;
    max-width:100%;
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px!important;
    gap:8px!important;
    border-radius:20px!important;
    -webkit-overflow-scrolling:touch;
  }
  .supplier-profile-side-nav a{
    flex:0 0 auto!important;
    min-width:auto!important;
    padding:11px 14px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  .supplier-profile-content,
  .adm-sections-layout,
  .adm-gallery-lookbook{
    width:100%!important;
    max-width:100%!important;
    gap:18px!important;
  }

  .supplier-profile-section,
  .supplier-cert-section,
  .adm-section,
  .adm-gallery-section,
  .adm-gallery-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:18px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 16px 44px rgba(6,21,42,.09)!important;
  }

  .supplier-profile-section h2,
  .supplier-cert-section h2,
  .adm-section h2,
  .adm-gallery-section h2,
  .adm-gallery-panel h2{
    font-size:clamp(25px,7.4vw,34px)!important;
    line-height:1.06!important;
    max-width:100%!important;
    margin-bottom:10px!important;
    overflow-wrap:break-word!important;
  }

  .supplier-profile-section p,
  .supplier-cert-section p,
  .adm-section p,
  .adm-gallery-section p,
  .adm-gallery-panel p{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.58!important;
    overflow-wrap:break-word!important;
  }

  .supplier-profile-grid,
  .supplier-profile-single,
  .supplier-cert-display,
  .adm-section-pages-grid,
  .adm-single-page-wrap,
  .adm-gallery-lookbook{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }

  .supplier-profile-slide,
  .supplier-cert-page-card,
  .adm-large-page,
  .adm-gallery-slide{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    box-shadow:0 14px 36px rgba(6,21,42,.10)!important;
  }

  .supplier-profile-slide img,
  .supplier-cert-page-card img,
  .adm-large-page img,
  .adm-gallery-slide img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
  }

  .supplier-profile-slide::before,
  .supplier-cert-page-card::before,
  .adm-large-page::before,
  .adm-gallery-slide::before{
    content:"Tap to enlarge"!important;
    opacity:1!important;
    top:10px!important;
    right:10px!important;
    font-size:10px!important;
    padding:6px 9px!important;
    background:rgba(6,21,42,.74)!important;
  }

  .supplier-profile-slide figcaption,
  .supplier-cert-page-card figcaption,
  .adm-large-page figcaption,
  .adm-gallery-slide figcaption{
    position:static!important;
    min-width:0!important;
    width:100%!important;
    padding:12px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  .supplier-profile-slide figcaption strong,
  .supplier-cert-page-card figcaption strong,
  .adm-large-page figcaption strong,
  .adm-gallery-slide figcaption strong{
    font-size:14px!important;
    line-height:1.25!important;
    overflow-wrap:break-word!important;
  }

  .adm-gallery-hero-inner,
  .adm-gallery-intro,
  .adm-gallery-section-head{
    grid-template-columns:1fr!important;
    display:grid!important;
    gap:16px!important;
  }
  .adm-gallery-stats{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .adm-gallery-hero-actions,
  .adm-gallery-downloads{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .adm-gallery-btn,
  .adm-gallery-downloads a{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .page-image-lightbox{padding:8px!important;}
  .page-image-lightbox-stage{
    width:100%!important;
    height:100%!important;
    overflow:auto!important;
    border-radius:16px!important;
    -webkit-overflow-scrolling:touch;
  }
  .page-image-lightbox-stage img{
    display:block!important;
    width:max(960px,240vw)!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    background:#fff!important;
  }
  .page-image-lightbox-close{
    width:44px!important;
    height:44px!important;
    right:14px!important;
    top:14px!important;
  }
}

@media(max-width:460px){
  .supplier-profile-shell,
  .supplier-cert-shell,
  .adm-profile-shell,
  .adm-gallery-shell{padding-left:12px!important;padding-right:12px!important;}
  .supplier-profile-section,
  .supplier-cert-section,
  .adm-section,
  .adm-gallery-section,
  .adm-gallery-panel{padding:16px!important;border-radius:20px!important;}
  .supplier-profile-section h2,
  .supplier-cert-section h2,
  .adm-section h2,
  .adm-gallery-section h2,
  .adm-gallery-panel h2{font-size:clamp(23px,7.8vw,30px)!important;}
  .supplier-profile-section p,
  .supplier-cert-section p,
  .adm-section p,
  .adm-gallery-section p,
  .adm-gallery-panel p{font-size:13.5px!important;}
  .adm-gallery-stats{grid-template-columns:1fr!important;}
  .page-image-lightbox-stage img{width:max(900px,260vw)!important;}
}


/* =========================================================
   Generic supplier lookbook + ZS profile hardening
   ========================================================= */
.zs-profile-hero{
  background:radial-gradient(circle at 88% 12%,rgba(125,231,84,.18),transparent 30%),linear-gradient(135deg,#12181f 0%,#33434a 45%,#061b34 100%)!important;
}
.adm-gallery-slide img,
.supplier-profile-slide img,
.supplier-cert-page-card img{
  image-rendering:auto;
}
.adm-gallery-downloads a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.adm-gallery-collection-card:hover,
.adm-gallery-btn:hover,
.adm-gallery-downloads a:hover{
  transform:translateY(-1px);
}
.supplier-placeholder-page .micro-label,
.supplier-placeholder-page h2,
.supplier-placeholder-page p{
  text-transform:none;
}
.supplier-placeholder-page .micro-label::after{
  content:"";
}
@media(max-width:760px){
  .adm-gallery-slide img,
  .supplier-profile-slide img,
  .supplier-cert-page-card img{
    cursor:zoom-in;
  }
  .adm-gallery-panel,
  .adm-gallery-section,
  .supplier-profile-section{
    contain:layout paint;
  }
}