/* Huaman Tex Visual Refinement V2 - credentials, compliance and innovation modules */

.cred-band,
.cred-section {
  background: #f7f5ef;
}

.cred-band {
  padding-block: 48px;
}

.cred-band .container,
.cred-section .container {
  max-width: var(--v1-container, 1240px);
}

.cred-band-header,
.cred-section-header {
  max-width: 820px;
  margin: 0 auto 28px;
  text-align: center;
}

.cred-band-header h2,
.cred-section-header h2 {
  margin: 0 0 12px;
  color: var(--color-navy, #17365d);
}

.cred-band-header p,
.cred-section-header p,
.cred-note {
  color: var(--color-slate, #40516b);
}

.cred-band-list,
.cred-card-grid,
.cred-mini-grid {
  display: grid;
  gap: 16px;
}

.cred-band-list {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cred-card-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cred-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cred-item,
.cred-card,
.cred-mini-card {
  min-width: 0;
  height: 100%;
  padding: 18px;
  border: 1px solid rgba(23, 54, 93, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: none;
}

.cred-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cred-icon {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(23, 54, 93, 0.2);
  border-radius: 999px;
}

.cred-icon::before,
.cred-icon::after {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1.5px solid var(--color-navy, #17365d);
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translate(-1px, -2px);
}

.cred-icon::after {
  inset: 7px;
  border-radius: 999px;
  border: 1px solid rgba(184, 138, 68, 0.55);
  transform: none;
}

.cred-item strong,
.cred-card h3,
.cred-mini-card h3 {
  display: block;
  margin: 0 0 8px;
  color: var(--color-navy, #17365d);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 650;
}

.cred-item strong {
  margin: 0;
}

.cred-card span {
  display: block;
  margin-bottom: 8px;
  color: var(--color-gold, #b88a44);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 650;
}

.cred-card p,
.cred-mini-card p {
  margin: 0;
  color: var(--color-slate, #40516b);
  font-size: 14px;
  line-height: 1.65;
}

.cred-note {
  margin: 22px auto 0;
  max-width: 820px;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

.cred-cta {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .cred-band-list,
  .cred-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cred-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .cred-band,
  .cred-section {
    padding-block: 40px;
  }

  .cred-card-grid,
  .cred-mini-grid {
    grid-template-columns: 1fr;
  }

  .cred-band-list {
    display: flex;
    gap: 12px;
    margin-inline: calc(var(--v1-pad-mobile, 20px) * -1);
    padding-inline: var(--v1-pad-mobile, 20px);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .cred-band-list .cred-item {
    flex: 0 0 min(260px, 82vw);
    scroll-snap-align: start;
  }

  .cred-item,
  .cred-card,
  .cred-mini-card {
    padding: 16px;
    border-radius: 18px;
  }
}

/* ============================================================
   Product Cards v1.2 - soft editorial grid, centered names,
   rounded media, pill sample button, Explore More chips.
   ============================================================ */
.col-grid {
  background: #f7f4ee !important;
}

.col-grid .container {
  max-width: var(--v1-container, 1240px) !important;
}

.sample-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.sample-item,
.kt-product-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(23, 54, 93, 0.1) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(23, 54, 93, 0.08) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.sample-item:hover,
.kt-product-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(184, 138, 68, 0.28) !important;
  box-shadow: 0 20px 46px rgba(23, 54, 93, 0.13) !important;
}

.sample-item-img {
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #f2f0ea !important;
  border-radius: 14px 14px 0 0 !important;
}

.sample-item-img picture,
.sample-item-img img,
.sample-item picture,
.sample-item picture img,
.kt-product-card picture,
.kt-product-card picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.sample-item-img img,
.sample-item picture img,
.kt-product-card picture img {
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.sample-item:hover .sample-item-img img,
.kt-product-card:hover .sample-item-img img {
  transform: scale(1.045) !important;
}

.sample-item-info {
  position: relative !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  min-height: 150px !important;
  padding: 20px 14px 18px !important;
  text-align: center !important;
  background: #fff !important;
}

.sample-item-info::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 2px !important;
  margin: -8px auto 0 !important;
  border-radius: 999px !important;
  background: #d6b36a !important;
}

.sample-item-info h3 {
  margin: 0 auto !important;
  max-width: 92% !important;
  color: var(--color-navy, #17365d) !important;
  font-size: clamp(18px, 1.7vw, 21px) !important;
  line-height: 1.22 !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

.sample-item-info .sample-btn,
.sample-item-info .collection-sample-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 210px) !important;
  min-height: 32px !important;
  margin-top: auto !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(23, 54, 93, 0.15) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--color-navy, #17365d) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

.sample-item-info .sample-btn:hover,
.sample-item-info .collection-sample-btn:hover {
  border-color: rgba(184, 138, 68, 0.55) !important;
  background: #fbf8f0 !important;
  color: var(--color-navy, #17365d) !important;
  transform: translateY(-1px) !important;
}

.col-related {
  background: #f7f4ee !important;
}

.col-related-header h2 {
  color: var(--color-navy, #17365d) !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.1 !important;
  font-weight: 780 !important;
  letter-spacing: -0.03em !important;
}

.related-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px 22px !important;
  align-items: center !important;
}

.related-card {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border: 1px solid rgba(23, 54, 93, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.86) !important;
  color: #5a2aa6 !important;
  box-shadow: 0 8px 22px rgba(23, 54, 93, 0.06) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

.related-card:hover {
  border-color: rgba(184, 138, 68, 0.42) !important;
  background: #fff !important;
  color: var(--color-navy, #17365d) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1024px) {
  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .sample-grid,
  .related-grid {
    grid-template-columns: 1fr !important;
  }

  .sample-item-info {
    min-height: 136px !important;
    padding: 18px 12px 16px !important;
  }

  .sample-item-info h3 {
    font-size: 18px !important;
  }
}

/* ============================================================
   Main Pages Visual Refinement v1.3 - hero impact, editorial
   spacing, stronger CTA bands, compact process and FAQ modules.
   ============================================================ */
:root {
  --v13-ink: var(--color-navy, #17365d);
  --v13-muted: var(--color-slate, #40516b);
  --v13-gold: var(--color-gold, #b88a44);
  --v13-cream: #f7f4ee;
  --v13-card: rgba(255,255,255,0.9);
  --v13-border: rgba(23,54,93,0.11);
  --v13-shadow: 0 18px 48px rgba(23,54,93,0.11);
  --v13-radius: 22px;
}

/* Hero: stronger first-screen hierarchy on the five main pages */
.hp-hero-v3,
.pc-hero,
.dm-hero,
.hiw-hero,
.ab-hero {
  position: relative !important;
  min-height: clamp(420px, 58vh, 660px) !important;
  overflow: hidden !important;
  background: #0f2d50 !important;
}

.hp-hero-media::after,
.dm-hero-overlay,
.hiw-hero-overlay,
.ab-hero-overlay {
  background: linear-gradient(90deg, rgba(12,32,58,0.78), rgba(12,32,58,0.48) 44%, rgba(12,32,58,0.16)) !important;
}

.hp-hero-media img,
.dm-hero-bg img,
.hiw-hero-bg img,
.ab-hero-bg img {
  filter: saturate(0.95) contrast(1.06) brightness(0.88) !important;
  transform: scale(1.015) !important;
}

.hp-hero-content-v3,
.pc-hero .container,
.dm-hero-content,
.hiw-hero-content,
.ab-hero-content {
  position: relative !important;
  max-width: 760px !important;
  z-index: 2 !important;
}

.hp-hero-tag-v3,
.pc-hero-tag,
.hero-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(10px) !important;
}

.hp-hero-v3 h1,
.pc-hero h1,
.dm-hero h1,
.hiw-hero h1,
.ab-hero h1 {
  max-width: 780px !important;
  margin-top: 16px !important;
  color: #fff !important;
  font-size: clamp(42px, 6vw, 76px) !important;
  line-height: 0.96 !important;
  font-weight: 820 !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance !important;
  text-shadow: 0 18px 42px rgba(0,0,0,0.28) !important;
}

.hp-hero-v3 p,
.pc-hero p,
.dm-hero p,
.hiw-hero p,
.ab-hero p {
  max-width: 660px !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: clamp(16px, 1.55vw, 19px) !important;
  line-height: 1.68 !important;
}

.hp-hero-actions,
.pc-hero-actions,
.dm-hero-actions,
.hiw-hero-actions,
.ab-hero-actions,
.hp-cta-actions,
.dm-cta-actions,
.hiw-cta-actions,
.ab-cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

.hp-btn,
.pc-btn,
.nav-cta,
.hp-heritage-cta {
  min-height: 42px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  font-weight: 780 !important;
  letter-spacing: 0.01em !important;
}

.hp-btn-primary,
.pc-btn-primary,
.nav-cta {
  background: #fff !important;
  color: var(--v13-ink) !important;
  border-color: rgba(255,255,255,0.82) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.18) !important;
}

.hp-btn-outline,
.pc-btn-outline {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.36) !important;
  backdrop-filter: blur(8px) !important;
}

/* Section rhythm: shorter, clearer main-page scroll */
.hp-section,
.pc-categories,
.dm-section,
.hiw-section,
.ab-section {
  padding-block: clamp(54px, 6.4vw, 84px) !important;
}

.hp-section:nth-of-type(even),
.pc-categories:nth-of-type(even),
.dm-section:nth-of-type(even),
.hiw-section:nth-of-type(even),
.ab-section:nth-of-type(even) {
  background-color: var(--v13-cream) !important;
}

.hp-section .container,
.pc-categories .container,
.dm-section .container,
.hiw-section .container,
.ab-section .container,
.hp-heritage .container,
.hp-cta-v3 .container {
  max-width: var(--v1-container, 1240px) !important;
}

.pc-section-header,
.dm-section-header,
.hiw-section-header,
.ab-section-header,
.col-grid-header,
.hp-section > .container > .section-header {
  max-width: 820px !important;
  margin: 0 auto clamp(28px, 4vw, 44px) !important;
  text-align: center !important;
}

.pc-section-header::before,
.dm-section-header::before,
.hiw-section-header::before,
.ab-section-header::before,
.col-grid-header::before {
  content: "" !important;
  display: block !important;
  width: 74px !important;
  height: 3px !important;
  margin: 0 auto 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.85), transparent) !important;
}

.pc-section-header h2,
.dm-section-header h2,
.hiw-section-header h2,
.ab-section-header h2,
.col-grid-header h2,
.hp-section h2 {
  margin: 0 0 12px !important;
  color: var(--v13-ink) !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance !important;
}

.pc-section-header p,
.dm-section-header p,
.hiw-section-header p,
.ab-section-header p,
.col-grid-header p {
  color: var(--v13-muted) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Product Studio and summary cards */
.pc-grid,
.dm-process,
.dm-needs,
.hiw-start-grid,
.hiw-flow,
.hiw-request-grid,
.ab-support,
.ab-quality,
.cred-card-grid,
.cred-mini-grid {
  gap: 18px !important;
}

.pc-card,
.pc-direction-card,
.pc-additional-card,
.dm-process-step,
.dm-need,
.hiw-start-item,
.hiw-flow-item,
.hiw-request-item,
.hiw-sample-point,
.ab-support-item,
.ab-quality-item,
.ab-trust-item,
.ab-factory-item,
.cred-card,
.cred-mini-card,
.faq-item {
  border: 1px solid var(--v13-border) !important;
  border-radius: var(--v13-radius) !important;
  background: var(--v13-card) !important;
  box-shadow: 0 12px 32px rgba(23,54,93,0.07) !important;
}

.pc-card:hover,
.pc-direction-card:hover,
.pc-additional-card:hover,
.hiw-request-item:hover,
.ab-support-item:hover,
.ab-quality-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--v13-shadow) !important;
  border-color: rgba(184,138,68,0.28) !important;
}

.pc-card-links h3,
.pc-direction-card h3,
.pc-additional-card h3,
.dm-process-step h3,
.dm-need h4,
.hiw-start-item h3,
.hiw-flow-item h3,
.hiw-request-item h3,
.ab-support-item h3,
.ab-quality-item h3,
.ab-factory-item h3,
.cred-card h3,
.cred-mini-card h3 {
  color: var(--v13-ink) !important;
  font-weight: 780 !important;
  letter-spacing: -0.02em !important;
}

.pc-card-links p,
.pc-direction-card p,
.pc-additional-card p,
.dm-process-step p,
.dm-need p,
.hiw-start-item p,
.hiw-flow-item p,
.hiw-request-item p,
.ab-support-item p,
.ab-quality-item p,
.ab-factory-item p,
.cred-card p,
.cred-mini-card p {
  color: var(--v13-muted) !important;
  line-height: 1.62 !important;
}

.pc-direction-card img,
.pc-additional-card img,
.ab-gallery img,
.ab-who-image img,
.ab-factory-image img,
.dm-sample-image img,
.hiw-sample-image img,
.hp-feature img,
.hp-explore-v3 img {
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(23,54,93,0.14) !important;
}

/* Process pages: make long workflows easier to scan */
.dm-process-number,
.hiw-flow-item span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: rgba(23,54,93,0.08) !important;
  color: var(--v13-ink) !important;
  font-weight: 820 !important;
}

.hiw-flow {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.hiw-flow-item,
.dm-process-step {
  padding: 22px !important;
}

/* About page editorial gallery: less collage, more structure */
.ab-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.ab-gallery img:first-child,
.ab-gallery picture:first-child {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}

.ab-gallery img,
.ab-gallery picture,
.ab-gallery picture img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

/* FAQ and final CTA bands */
.faq-list {
  max-width: 860px !important;
  margin-inline: auto !important;
}

.faq-item {
  overflow: hidden !important;
  margin-bottom: 10px !important;
}

.faq-item summary {
  padding: 16px 20px !important;
  color: var(--v13-ink) !important;
  font-weight: 760 !important;
}

.faq-item p {
  padding: 0 20px 18px !important;
  color: var(--v13-muted) !important;
}

.hp-cta-v3,
.dm-cta,
.hiw-cta,
.ab-cta {
  background: linear-gradient(135deg, #12345a, #0b2543) !important;
  color: #fff !important;
  padding-block: clamp(58px, 7vw, 88px) !important;
}

.hp-cta-v3 h2,
.dm-cta h2,
.hiw-cta h2,
.ab-cta h2,
.hp-cta-v3 p,
.dm-cta p,
.hiw-cta p,
.ab-cta p {
  color: #fff !important;
}

.hp-cta-v3 .hp-btn-outline,
.dm-cta .hp-btn-outline,
.hiw-cta .hp-btn-outline,
.ab-cta .hp-btn-outline {
  border-color: rgba(255,255,255,0.42) !important;
}

/* Keep outline buttons readable on light sections while hero/CTA buttons stay white. */
.hp-section .hp-btn-outline,
.dm-section .hp-btn-outline,
.hiw-section .hp-btn-outline,
.ab-section .hp-btn-outline,
.cred-section .hp-btn-outline {
  background: #fff !important;
  color: var(--v13-ink) !important;
  border-color: rgba(23,54,93,0.2) !important;
  box-shadow: 0 10px 24px rgba(23,54,93,0.08) !important;
}

.hp-hero-v3 .hp-btn-outline,
.pc-hero .pc-btn-outline,
.dm-hero .hp-btn-outline,
.hiw-hero .hp-btn-outline,
.ab-hero .hp-btn-outline,
.hp-cta-v3 .hp-btn-outline,
.dm-cta .hp-btn-outline,
.hiw-cta .hp-btn-outline,
.ab-cta .hp-btn-outline {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.42) !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  .hiw-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ab-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .hp-hero-v3,
  .pc-hero,
  .dm-hero,
  .hiw-hero,
  .ab-hero {
    min-height: 500px !important;
  }

  .hp-hero-v3 h1,
  .pc-hero h1,
  .dm-hero h1,
  .hiw-hero h1,
  .ab-hero h1 {
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  .hp-section,
  .pc-categories,
  .dm-section,
  .hiw-section,
  .ab-section {
    padding-block: 46px !important;
  }

  .hiw-flow,
  .ab-gallery {
    grid-template-columns: 1fr !important;
  }

  .ab-gallery img:first-child,
  .ab-gallery picture:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* ============================================================
   Footer Layout v1.1 — grid 1.6fr:1fr:1fr:1fr:1fr, full-width,
   centered credit line, site version stamp.
   ============================================================ */
.footer .container {
  max-width: var(--v1-container, 1240px);
}

.footer-content {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 32px 40px;
  align-items: start;
  margin-bottom: 32px;
}

.footer-content > div:first-child,
.footer-content > div:not(:first-child) {
  flex: none;
  min-width: 0;
  max-width: none;
}

/* ---------- Email highlight (footer + contact) ---------- */
.footer .email,
.footer a[href^="mailto"],
.footer-contact .email {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 14px !important;
  margin-top: 4px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(184, 155, 94, 0.55) !important;
  border-radius: 999px !important;
  color: #F1D9A3 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.2px;
  text-decoration: none !important;
  word-break: break-all;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.footer .email::before,
.footer a[href^="mailto"]::before,
.footer-contact .email::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 10px;
  background: linear-gradient(#F1D9A3, #F1D9A3) no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'><path d='M2 2h20v14H2z' fill='none' stroke='black' stroke-width='2'/><path d='M2 3l10 8 10-8' fill='none' stroke='black' stroke-width='2'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'><path d='M2 2h20v14H2z' fill='none' stroke='black' stroke-width='2'/><path d='M2 3l10 8 10-8' fill='none' stroke='black' stroke-width='2'/></svg>") no-repeat center / contain;
}

.footer .email:hover,
.footer a[href^="mailto"]:hover,
.footer-contact .email:hover {
  background: rgba(184, 155, 94, 0.18) !important;
  border-color: #E7C77C !important;
  color: #F7E4B4 !important;
  transform: translateY(-1px);
}

/* ---------- Footer bottom: absolute center within full container ---------- */
.footer-bottom {
  padding-top: 24px;
  padding-bottom: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.footer-bottom p {
  margin: 0 !important;
  text-align: center !important;
  line-height: 1.6;
  width: 100%;
  max-width: 720px;
}

.footer-bottom a {
  text-align: center;
}

.footer-version {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 10px;
  font-size: 11px;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.42);
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

@media (max-width: 1100px) {
  .footer-content {
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 32px 32px;
  }
  .footer-content > div:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
  }
  .footer-content > div:first-child {
    grid-column: 1 / -1;
  }
  .footer .email,
  .footer a[href^="mailto"] {
    font-size: 12.5px !important;
    padding: 7px 12px !important;
  }
}

/* ============================================================
   Site 1.1 Closing Baseline - restrained B2B visual system.
   Global-only refinements: rhythm, type, cards, buttons, images.
   ============================================================ */
:root {
  --baseline-container: 1180px;
  --baseline-wide-container: 1240px;
  --baseline-cream: #f7f4ee;
  --baseline-paper: #fbfaf7;
  --baseline-card: rgba(255,255,255,0.86);
  --baseline-line: rgba(23,54,93,0.09);
  --baseline-line-strong: rgba(23,54,93,0.14);
  --baseline-ink: var(--color-navy, #17365d);
  --baseline-muted: #526174;
  --baseline-gold: var(--color-gold, #b88a44);
  --baseline-radius-sm: 14px;
  --baseline-radius-md: 18px;
  --baseline-shadow-soft: 0 10px 30px rgba(23,54,93,0.055);
  --baseline-shadow-hover: 0 16px 38px rgba(23,54,93,0.09);
}

body {
  background: var(--baseline-paper) !important;
  color: var(--baseline-ink) !important;
  text-rendering: optimizeLegibility;
}

.container,
.kt-container,
.hp-section .container,
.pc-categories .container,
.dm-section .container,
.hiw-section .container,
.ab-section .container,
.cred-band .container,
.cred-section .container,
.col-grid .container,
.col-related .container,
.footer .container {
  width: min(100% - 40px, var(--baseline-container)) !important;
  max-width: var(--baseline-container) !important;
  margin-inline: auto !important;
}

.hp-hero-v3 .container,
.pc-hero .container,
.dm-hero .container,
.hiw-hero .container,
.ab-hero .container {
  width: min(100% - 40px, var(--baseline-wide-container)) !important;
  max-width: var(--baseline-wide-container) !important;
}

section,
.hp-section,
.pc-categories,
.dm-section,
.hiw-section,
.ab-section,
.col-grid,
.col-related,
.cred-band,
.cred-section {
  padding-block: clamp(52px, 6vw, 78px) !important;
}

section[style*="background-color: var(--color-warm-ivory)"],
.hp-section:nth-of-type(even),
.pc-categories:nth-of-type(even),
.dm-section:nth-of-type(even),
.hiw-section:nth-of-type(even),
.ab-section:nth-of-type(even),
.col-grid,
.col-related,
.cred-band,
.cred-section {
  background-color: var(--baseline-cream) !important;
}

h1,
h2,
h3,
h4,
.pc-section-header h2,
.dm-section-header h2,
.hiw-section-header h2,
.ab-section-header h2,
.col-grid-header h2,
.cred-band-header h2,
.cred-section-header h2 {
  color: var(--baseline-ink) !important;
  letter-spacing: -0.025em !important;
}

h1 {
  font-size: clamp(40px, 5.2vw, 68px) !important;
  line-height: 1.02 !important;
  font-weight: 780 !important;
}

h2,
.pc-section-header h2,
.dm-section-header h2,
.hiw-section-header h2,
.ab-section-header h2,
.col-grid-header h2,
.cred-band-header h2,
.cred-section-header h2 {
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: 1.14 !important;
  font-weight: 760 !important;
}

h3,
.sample-item-info h3,
.pc-card h3,
.pc-direction-card h3,
.pc-additional-card h3,
.dm-process-step h3,
.hiw-flow-item h3,
.ab-support-item h3,
.ab-quality-item h3 {
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.28 !important;
  font-weight: 720 !important;
}

p,
li,
.pc-section-header p,
.dm-section-header p,
.hiw-section-header p,
.ab-section-header p,
.col-grid-header p,
.cred-note {
  color: var(--baseline-muted) !important;
  line-height: 1.66 !important;
}

.pc-section-header,
.dm-section-header,
.hiw-section-header,
.ab-section-header,
.col-grid-header,
.cred-band-header,
.cred-section-header {
  max-width: 760px !important;
  margin-bottom: clamp(26px, 3.6vw, 40px) !important;
}

.pc-section-header::before,
.dm-section-header::before,
.hiw-section-header::before,
.ab-section-header::before,
.col-grid-header::before {
  width: 60px !important;
  height: 2px !important;
  margin-bottom: 14px !important;
  opacity: 0.72 !important;
}

.card,
.product-card,
.sample-item,
.kt-product-card,
.pc-card,
.pc-direction-card,
.pc-additional-card,
.dm-process-step,
.dm-need,
.hiw-start-item,
.hiw-flow-item,
.hiw-request-item,
.hiw-sample-point,
.ab-support-item,
.ab-quality-item,
.ab-trust-item,
.ab-factory-item,
.cred-item,
.cred-card,
.cred-mini-card,
.faq-item,
.related-card {
  border: 1px solid var(--baseline-line) !important;
  border-radius: var(--baseline-radius-md) !important;
  background: var(--baseline-card) !important;
  box-shadow: var(--baseline-shadow-soft) !important;
}

.card:hover,
.product-card:hover,
.sample-item:hover,
.kt-product-card:hover,
.pc-card:hover,
.pc-direction-card:hover,
.pc-additional-card:hover,
.hiw-request-item:hover,
.ab-support-item:hover,
.ab-quality-item:hover,
.related-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(184,138,68,0.22) !important;
  box-shadow: var(--baseline-shadow-hover) !important;
}

.sample-grid,
.pc-grid,
.dm-process,
.dm-needs,
.hiw-flow,
.hiw-start-grid,
.hiw-request-grid,
.ab-support,
.ab-quality,
.cred-band-list,
.cred-card-grid,
.cred-mini-grid,
.related-grid {
  gap: clamp(14px, 2vw, 20px) !important;
}

img,
picture img,
.sample-item-img,
.pc-direction-card img,
.pc-additional-card img,
.ab-gallery img,
.ab-who-image img,
.ab-factory-image img,
.dm-sample-image img,
.hiw-sample-image img {
  border-radius: var(--baseline-radius-sm) !important;
}

.pc-direction-card img,
.pc-additional-card img,
.ab-gallery img,
.ab-who-image img,
.ab-factory-image img,
.dm-sample-image img,
.hiw-sample-image img,
.hp-feature img,
.hp-explore-v3 img {
  box-shadow: 0 12px 30px rgba(23,54,93,0.085) !important;
}

.hp-btn,
.pc-btn,
.nav-cta,
.sample-btn,
.collection-sample-btn,
.hp-link,
.hp-heritage-cta {
  border-radius: 999px !important;
  font-weight: 720 !important;
  letter-spacing: 0.005em !important;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease !important;
}

.hp-btn-primary,
.pc-btn-primary,
.nav-cta,
.collection-sample-btn,
.sample-btn {
  border: 1px solid var(--baseline-line-strong) !important;
  background: #fff !important;
  color: var(--baseline-ink) !important;
  box-shadow: 0 8px 20px rgba(23,54,93,0.07) !important;
}

.hp-btn:hover,
.pc-btn:hover,
.nav-cta:hover,
.sample-btn:hover,
.collection-sample-btn:hover,
.hp-heritage-cta:hover {
  transform: translateY(-1px) !important;
}

.sample-item-info {
  min-height: 138px !important;
  padding: 18px 14px 16px !important;
  gap: 14px !important;
}

.sample-item-info::before {
  width: 16px !important;
  height: 2px !important;
  opacity: 0.72 !important;
}

.sample-item-info .sample-btn,
.sample-item-info .collection-sample-btn {
  min-height: 30px !important;
  width: min(100%, 196px) !important;
  font-size: 11px !important;
}

.faq-item {
  box-shadow: none !important;
  background: rgba(255,255,255,0.78) !important;
}

.faq-item summary {
  padding: 14px 18px !important;
}

.footer {
  background: #0f2d50 !important;
}

@media (max-width: 1024px) {
  .container,
  .kt-container,
  .hp-section .container,
  .pc-categories .container,
  .dm-section .container,
  .hiw-section .container,
  .ab-section .container,
  .footer .container {
    width: min(100% - 32px, var(--baseline-container)) !important;
  }
}

@media (max-width: 640px) {
  .container,
  .kt-container,
  .hp-section .container,
  .pc-categories .container,
  .dm-section .container,
  .hiw-section .container,
  .ab-section .container,
  .footer .container {
    width: min(100% - 24px, var(--baseline-container)) !important;
  }

  section,
  .hp-section,
  .pc-categories,
  .dm-section,
  .hiw-section,
  .ab-section,
  .col-grid,
  .col-related,
  .cred-band,
  .cred-section {
    padding-block: 42px !important;
  }

  h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  h2,
  .pc-section-header h2,
  .dm-section-header h2,
  .hiw-section-header h2,
  .ab-section-header h2,
  .col-grid-header h2 {
    font-size: clamp(24px, 7vw, 31px) !important;
  }
}

/* ============================================================
   Homepage Visual Refinement v1.1 - homepage scoped only.
   Editorial, premium B2B, quiet textile confidence.
   ============================================================ */
.homepage-v11 .header {
  min-height: 82px !important;
  background: rgba(13, 38, 66, 0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.homepage-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.homepage-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.homepage-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.homepage-v11 .nav-links a,
.homepage-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.homepage-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.homepage-v11 .hp-hero-v3 {
  min-height: clamp(640px, 84vh, 800px) !important;
  height: auto !important;
  align-items: center !important;
  text-align: left !important;
}

.homepage-v11 .hp-hero-media::after {
  background: linear-gradient(90deg, rgba(10,29,51,0.76), rgba(10,29,51,0.46) 36%, rgba(10,29,51,0.10) 68%) !important;
}

.homepage-v11 .hp-hero-media img {
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(0.98) !important;
}

.homepage-v11 .hp-hero-content-v3 {
  width: min(100% - 80px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 132px 0 86px !important;
  text-align: left !important;
  text-shadow: 0 18px 44px rgba(0,0,0,0.30) !important;
}

.homepage-v11 .hp-hero-tag-v3 {
  margin-bottom: 24px !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 12px !important;
  letter-spacing: 0.17em !important;
}

.homepage-v11 .hp-hero-v3 h1 {
  max-width: 900px !important;
  margin: 0 0 28px !important;
  font-size: clamp(56px, 5.7vw, 82px) !important;
  line-height: 1.01 !important;
  font-weight: 470 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance !important;
}

.homepage-v11 .hp-hero-v3 p {
  max-width: 680px !important;
  margin: 0 0 38px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: clamp(18px, 1.45vw, 21px) !important;
  line-height: 1.68 !important;
  font-weight: 360 !important;
}

.homepage-v11 .hp-hero-actions,
.homepage-v11 .hp-cta-actions {
  justify-content: flex-start !important;
  gap: 12px !important;
}

.homepage-v11 .hp-btn-v3 {
  min-height: 46px !important;
  padding: 13px 26px !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  transition-duration: 220ms !important;
}

.homepage-v11 .hp-hero-v3 .hp-btn-light,
.homepage-v11 .hp-cta-v3 .hp-btn-light {
  background: #fff !important;
  color: #17365d !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.14) !important;
}

.homepage-v11 .hp-hero-v3 .hp-btn-outline-light,
.homepage-v11 .hp-cta-v3 .hp-btn-outline-light {
  background: rgba(255,255,255,0.07) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.42) !important;
  box-shadow: none !important;
}

.homepage-v11 .hp-statement {
  position: relative !important;
  margin-top: -1px !important;
  padding-block: clamp(30px, 3.8vw, 46px) !important;
  background: linear-gradient(180deg, #fff, #fbfaf7) !important;
}

.homepage-v11 .hp-statement::after {
  content: "" !important;
  display: block !important;
  width: min(520px, 54vw) !important;
  height: 1px !important;
  margin: 20px auto 0 !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.42), transparent) !important;
}

.homepage-v11 .hp-statement-lead {
  max-width: 820px !important;
  font-size: clamp(28px, 2.9vw, 40px) !important;
  line-height: 1.34 !important;
  font-weight: 390 !important;
}

.homepage-v11 .hp-categories-v3 {
  padding-top: clamp(48px, 5vw, 68px) !important;
}

.homepage-v11 .hp-section-header-v3 {
  max-width: 720px !important;
  margin-bottom: clamp(30px, 4vw, 46px) !important;
}

.homepage-v11 .hp-section-header-v3 h2 {
  font-size: clamp(36px, 3.8vw, 52px) !important;
  font-weight: 460 !important;
}

.homepage-v11 .hp-section-header-v3 p {
  max-width: 640px !important;
  margin-inline: auto !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.homepage-v11 .hp-grid-v3 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

.homepage-v11 .hp-card-v3 {
  flex: initial !important;
  min-width: 0 !important;
  border: 0 !important;
  position: relative !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.homepage-v11 .hp-card-visual-v3 {
  position: relative !important;
  aspect-ratio: 4 / 4.45 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.homepage-v11 .hp-card-visual-v3::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 52% !important;
  background: linear-gradient(180deg, rgba(10,29,51,0), rgba(10,29,51,0.68)) !important;
  pointer-events: none !important;
}

.homepage-v11 .hp-card-visual-v3 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.03) contrast(1.02) !important;
  transition: transform 220ms ease, opacity 220ms ease !important;
}

.homepage-v11 .hp-card-info-v3 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 22px 18px 24px !important;
  min-height: 0 !important;
  background: transparent !important;
}

.homepage-v11 .hp-card-info-v3 h3 {
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.16 !important;
  font-weight: 560 !important;
  text-align: center !important;
  text-shadow: 0 12px 26px rgba(0,0,0,0.36) !important;
}

.homepage-v11 .cred-band {
  padding-block: clamp(34px, 4.2vw, 52px) !important;
  background: #fff !important;
}

.homepage-v11 .cred-band-header {
  margin-bottom: 24px !important;
}

.homepage-v11 .cred-band-list {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(23,54,93,0.11) !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.homepage-v11 .cred-item {
  min-height: 116px !important;
  padding: 24px 22px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.13) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.homepage-v11 .cred-item:last-child {
  border-right: 0 !important;
}

.homepage-v11 .cred-icon {
  width: 42px !important;
  height: 42px !important;
  flex-basis: 42px !important;
  opacity: 0.88 !important;
}

.homepage-v11 .cred-item strong {
  font-size: 17px !important;
  line-height: 1.38 !important;
  font-weight: 690 !important;
}

.homepage-v11 .hp-explore-v3 {
  padding-block: clamp(64px, 6.8vw, 92px) !important;
  background: #fbfaf7 !important;
}

.homepage-v11 .hp-explore-grid-v3 {
  display: grid !important;
  grid-template-columns: 1.48fr 1fr !important;
  grid-template-rows: repeat(2, minmax(260px, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  width: min(100%, 1240px) !important;
  margin-inline: auto !important;
}

.homepage-v11 .hp-explore-card-v3 {
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.homepage-v11 .hp-explore-card-v3.is-featured {
  grid-row: 1 / span 2 !important;
  min-height: 542px !important;
}

.homepage-v11 .hp-explore-card-v3 img {
  object-fit: cover !important;
  filter: saturate(1.02) contrast(1.04) brightness(0.94) !important;
}

.homepage-v11 .hp-explore-card-v3::after {
  background: linear-gradient(180deg, rgba(9,28,50,0.02), rgba(9,28,50,0.18) 40%, rgba(9,28,50,0.82)) !important;
}

.homepage-v11 .hp-explore-card-v3 span,
.homepage-v11 .hp-explore-card-v3 h3,
.homepage-v11 .hp-explore-arrow {
  left: 30px !important;
  right: 30px !important;
}

.homepage-v11 .hp-explore-card-v3 h3 {
  color: #fff !important;
  font-size: clamp(28px, 2.7vw, 42px) !important;
  line-height: 1.06 !important;
  text-shadow: 0 14px 32px rgba(0,0,0,0.46) !important;
}

.homepage-v11 .hp-heritage {
  min-height: clamp(600px, 72vh, 760px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.homepage-v11 .hp-heritage-media::after {
  background: linear-gradient(90deg, rgba(9,28,50,0.84), rgba(9,28,50,0.62) 35%, rgba(9,28,50,0.16) 66%) !important;
}

.homepage-v11 .hp-heritage-media img {
  object-position: 58% center !important;
  filter: saturate(0.98) contrast(1.04) brightness(1.03) !important;
}

.homepage-v11 .hp-heritage-content {
  width: min(100% - 80px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: left !important;
}

.homepage-v11 .hp-heritage-content h2,
.homepage-v11 .hp-heritage-content p {
  max-width: 660px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.homepage-v11 .hp-heritage-content h2 {
  color: #fff !important;
  font-size: clamp(44px, 4.9vw, 68px) !important;
  line-height: 1.03 !important;
  font-weight: 500 !important;
  text-shadow: 0 16px 36px rgba(0,0,0,0.38) !important;
}

.homepage-v11 .hp-heritage-content p {
  color: rgba(255,255,255,0.9) !important;
  font-size: clamp(18px, 1.45vw, 21px) !important;
  line-height: 1.7 !important;
  text-shadow: 0 10px 24px rgba(0,0,0,0.34) !important;
}

.homepage-v11 .hp-feature {
  background: #fff !important;
}

.homepage-v11 .hp-feature-grid {
  grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr) !important;
  gap: clamp(54px, 6.4vw, 86px) !important;
  align-items: center !important;
  width: min(100%, 1240px) !important;
  margin-inline: auto !important;
}

.homepage-v11 .hp-feature-visual {
  aspect-ratio: 1 / 1.02 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.homepage-v11 .hp-feature-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 24px !important;
}

.homepage-v11 .hp-feature-content {
  max-width: 740px !important;
}

.homepage-v11 .hp-feature-content h2 {
  max-width: 740px !important;
  font-size: clamp(38px, 3.75vw, 54px) !important;
  line-height: 1.08 !important;
  font-weight: 480 !important;
  text-wrap: balance !important;
}

.homepage-v11 .hp-feature-content p {
  font-size: 18px !important;
  line-height: 1.76 !important;
}

.homepage-v11 .hp-feature-content a,
.homepage-v11 .hp-heritage-cta {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding-bottom: 3px !important;
  color: #17365d !important;
  border-bottom: 1px solid rgba(184,138,68,0.42) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.homepage-v11 .hp-heritage-cta {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,0.46) !important;
}

.homepage-v11 .hp-process-v3 {
  padding-block: clamp(46px, 5.4vw, 68px) !important;
  background: #f7f4ee !important;
}

.homepage-v11 .hp-process-grid-v3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
  width: min(100%, 1240px) !important;
  margin-inline: auto !important;
}

.homepage-v11 .hp-step-v3 {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 22px !important;
  padding: 32px 30px !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.homepage-v11 .hp-step-v3:last-child {
  border-right: 0 !important;
}

.homepage-v11 .hp-step-num-v3 {
  min-width: 64px !important;
  color: rgba(184,138,68,0.68) !important;
  font-size: 48px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.homepage-v11 .hp-step-v3 h4 {
  margin-bottom: 12px !important;
  color: #17365d !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
}

.homepage-v11 .hp-step-v3 p {
  font-size: 16.5px !important;
  line-height: 1.7 !important;
}

.homepage-v11 .hp-cta-v3 {
  padding-block: clamp(52px, 5.6vw, 72px) !important;
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
}

.homepage-v11 .hp-cta-v3 h2 {
  max-width: 720px !important;
  margin-inline: auto !important;
  margin-bottom: 22px !important;
  font-size: clamp(36px, 3.8vw, 52px) !important;
  font-weight: 470 !important;
}

.homepage-v11 .hp-cta-v3 .hp-cta-actions {
  justify-content: center !important;
}

.homepage-v11 .footer {
  padding-top: 62px !important;
}

.homepage-v11 .footer-content {
  gap: 38px 58px !important;
}

.homepage-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.homepage-v11 .footer p,
.homepage-v11 .footer li,
.homepage-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1280px) {
  .homepage-v11 .hp-grid-v3 {
    gap: 16px !important;
  }
}

@media (max-width: 1024px) {
  .homepage-v11 .hp-grid-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .homepage-v11 .cred-band-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .homepage-v11 .cred-item,
  .homepage-v11 .cred-item:last-child {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.08) !important;
  }

  .homepage-v11 .hp-explore-grid-v3 {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }

  .homepage-v11 .hp-explore-card-v3,
  .homepage-v11 .hp-explore-card-v3.is-featured {
    grid-row: auto !important;
    min-height: 320px !important;
  }

  .homepage-v11 .hp-feature-grid {
    grid-template-columns: 1fr !important;
  }

  .homepage-v11 .hp-process-grid-v3 {
    grid-template-columns: 1fr !important;
  }

  .homepage-v11 .hp-step-v3,
  .homepage-v11 .hp-step-v3:last-child {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  }
}

@media (max-width: 768px) {
  .homepage-v11 .header {
    min-height: 66px !important;
  }

  .homepage-v11 .hp-hero-v3 {
    min-height: 620px !important;
  }

  .homepage-v11 .hp-hero-content-v3,
  .homepage-v11 .hp-heritage-content {
    width: min(100% - 32px, 720px) !important;
  }

  .homepage-v11 .hp-hero-content-v3 {
    padding: 106px 0 58px !important;
  }

  .homepage-v11 .hp-hero-v3 h1 {
    max-width: 620px !important;
    font-size: clamp(38px, 9vw, 54px) !important;
  }

  .homepage-v11 .hp-hero-actions,
  .homepage-v11 .hp-cta-actions {
    width: 100% !important;
  }

  .homepage-v11 .hp-btn-v3 {
    flex: 1 1 180px !important;
  }

  .homepage-v11 .hp-heritage {
    min-height: 560px !important;
  }
}

@media (max-width: 430px) {
  .homepage-v11 .hp-hero-v3 {
    min-height: 650px !important;
    text-align: left !important;
  }

  .homepage-v11 .hp-hero-media img {
    object-position: 58% center !important;
  }

  .homepage-v11 .hp-hero-media::after {
    background: linear-gradient(180deg, rgba(10,29,51,0.72), rgba(10,29,51,0.58)) !important;
  }

  .homepage-v11 .hp-hero-v3 h1 {
    font-size: clamp(35px, 10.2vw, 42px) !important;
    line-height: 1.05 !important;
  }

  .homepage-v11 .hp-hero-v3 p {
    font-size: 15px !important;
    line-height: 1.64 !important;
  }

  .homepage-v11 .hp-hero-actions,
  .homepage-v11 .hp-cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .homepage-v11 .hp-btn-v3 {
    width: 100% !important;
    flex: none !important;
  }

  .homepage-v11 .hp-grid-v3 {
    grid-template-columns: 1fr !important;
  }

  .homepage-v11 .cred-band-list {
    grid-template-columns: 1fr !important;
  }

  .homepage-v11 .hp-explore-card-v3,
  .homepage-v11 .hp-explore-card-v3.is-featured {
    min-height: 270px !important;
  }

  .homepage-v11 .hp-step-v3 {
    grid-template-columns: 1fr !important;
    padding: 24px 4px !important;
  }
}

/* ============================================================
   About Page Visual Refinement v1.1 - about scoped only.
   Editorial B2B company profile with lighter proof sections.
   ============================================================ */
.about-v11 {
  background: #fbfaf7 !important;
}

.about-v11 .header {
  min-height: 82px !important;
  background: rgba(13, 38, 66, 0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.about-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.about-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.about-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.about-v11 .nav-links a,
.about-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.about-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.about-v11 .ab-hero {
  min-height: clamp(560px, 68vh, 700px) !important;
  padding-top: 82px !important;
  align-items: center !important;
  background: #0d2b4c !important;
}

.about-v11 .ab-hero-overlay {
  background: linear-gradient(90deg, rgba(9,28,50,0.82), rgba(9,28,50,0.58) 38%, rgba(9,28,50,0.12) 72%) !important;
}

.about-v11 .ab-hero-bg img {
  filter: saturate(1.02) contrast(1.04) brightness(0.98) !important;
  transform: scale(1.01) !important;
  object-position: center center !important;
}

.about-v11 .ab-hero-content {
  max-width: 760px !important;
  padding: 64px 0 58px !important;
  text-shadow: 0 18px 44px rgba(0,0,0,0.30) !important;
}

.about-v11 .ab-hero h1 {
  max-width: 760px !important;
  margin: 18px 0 24px !important;
  color: #fff !important;
  font-size: clamp(54px, 5.5vw, 74px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
}

.about-v11 .ab-hero p {
  max-width: 680px !important;
  margin-bottom: 34px !important;
  color: rgba(255,255,255,0.89) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.72 !important;
  font-weight: 360 !important;
}

.about-v11 .ab-hero-actions,
.about-v11 .ab-cta-actions {
  gap: 12px !important;
}

.about-v11 .hp-btn {
  min-height: 46px !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  font-weight: 760 !important;
  transition-duration: 220ms !important;
}

.about-v11 .ab-section {
  padding-block: clamp(52px, 5.8vw, 76px) !important;
}

.about-v11 .ab-section .container,
.about-v11 .cred-section .container,
.about-v11 .footer .container {
  width: min(100% - 80px, 1240px) !important;
  max-width: 1240px !important;
}

.about-v11 .ab-section-header {
  max-width: 780px !important;
  margin-bottom: clamp(24px, 3.2vw, 38px) !important;
}

.about-v11 .ab-section-header::before {
  width: 68px !important;
  height: 1px !important;
  margin-bottom: 18px !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.72), transparent) !important;
}

.about-v11 .ab-section-header h2 {
  color: #17365d !important;
  font-size: clamp(36px, 3.7vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 480 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance !important;
}

.about-v11 .ab-section-header p {
  max-width: 720px !important;
  margin-inline: auto !important;
  color: #526174 !important;
  font-size: 17.5px !important;
  line-height: 1.68 !important;
}

.about-v11 .ab-who-layout {
  grid-template-columns: minmax(0, 0.52fr) minmax(0, 0.48fr) !important;
  gap: clamp(54px, 6vw, 78px) !important;
  align-items: center !important;
  max-width: 1240px !important;
}

.about-v11 .ab-who-text {
  margin-bottom: 28px !important;
  color: #465568 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

.about-v11 .ab-who-trust {
  border-top: 1px solid rgba(23,54,93,0.13) !important;
  border-bottom: 1px solid rgba(23,54,93,0.13) !important;
}

.about-v11 .ab-trust-item,
.about-v11 .ab-support-item,
.about-v11 .ab-quality-item,
.about-v11 .ab-factory-item,
.about-v11 .cred-card {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.about-v11 .ab-trust-item {
  padding: 20px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 .ab-trust-item:last-child {
  border-bottom: 0 !important;
}

.about-v11 .ab-trust-item h4,
.about-v11 .ab-quality-item h4,
.about-v11 .ab-factory-item h4 {
  color: #17365d !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 560 !important;
}

.about-v11 .ab-trust-item p,
.about-v11 .ab-quality-item p,
.about-v11 .ab-factory-item p,
.about-v11 .ab-support-item p,
.about-v11 .cred-card p {
  color: #526174 !important;
  font-size: 16.5px !important;
  line-height: 1.68 !important;
}

.about-v11 .ab-who-image,
.about-v11 .ab-factory-image {
  border-radius: 24px !important;
  overflow: hidden !important;
}

.about-v11 .ab-who-image img,
.about-v11 .ab-factory-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  border-radius: 24px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.about-v11 section[aria-labelledby="company-facts"] .ab-support {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1240px !important;
  border-top: 1px solid rgba(23,54,93,0.13) !important;
  border-left: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 section[aria-labelledby="company-facts"] {
  padding-block: clamp(46px, 5.1vw, 66px) !important;
}

.about-v11 .ab-facts-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.55fr) minmax(0, 0.45fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: center !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.about-v11 .ab-facts-content {
  min-width: 0 !important;
}

.about-v11 .ab-facts-image,
.about-v11 .ab-defines-image,
.about-v11 .ab-gallery figure {
  margin: 0 !important;
}

.about-v11 .ab-facts-image {
  aspect-ratio: 4 / 3 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.about-v11 .ab-facts-image img,
.about-v11 .ab-defines-image img,
.about-v11 .ab-gallery img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 22px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.about-v11 .ab-facts-image img {
  object-position: center center !important;
}

.about-v11 section[aria-labelledby="company-facts"] .ab-support-item {
  min-height: 156px !important;
  padding: 26px 30px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 .ab-support-item h3 {
  color: #17365d !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
}

.about-v11 section[aria-labelledby="textile-directions"],
.about-v11 section[aria-labelledby="who-we-work-with"] {
  padding-block: clamp(44px, 5vw, 66px) !important;
}

.about-v11 section[aria-labelledby="textile-directions"] .ab-support-item h3 {
  font-size: 26px !important;
}

.about-v11 section[aria-labelledby="defines-huaman"] .ab-quality,
.about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality,
.about-v11 section[aria-labelledby="why-huaman"] .ab-quality {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1240px !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.about-v11 .ab-defines-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: start !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.about-v11 section[aria-labelledby="defines-huaman"] {
  padding-bottom: clamp(44px, 5vw, 66px) !important;
}

.about-v11 .ab-defines-content {
  min-width: 0 !important;
}

.about-v11 .ab-defines-image {
  aspect-ratio: 4 / 5 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.about-v11 .ab-defines-image img {
  object-position: center top !important;
}

.about-v11 section[aria-labelledby="defines-huaman"] .ab-quality-item,
.about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality-item,
.about-v11 section[aria-labelledby="why-huaman"] .ab-quality-item {
  min-height: 205px !important;
  padding: 28px 30px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 section[aria-labelledby="defines-huaman"] .ab-quality-item:last-child,
.about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality-item:last-child,
.about-v11 section[aria-labelledby="why-huaman"] .ab-quality-item:last-child {
  border-right: 0 !important;
}

.about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality-item h4 {
  font-size: 23px !important;
}

.about-v11 section[aria-labelledby="textile-directions"] .ab-support {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1240px !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
}

.about-v11 section[aria-labelledby="textile-directions"] .ab-support-item {
  min-height: 174px !important;
  padding: 26px 30px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 section[aria-labelledby="textile-directions"] .ab-support-item a,
.about-v11 .ab-quality-item a,
.about-v11 .ab-factory-item a,
.about-v11 .ab-section-header a {
  color: #17365d !important;
  text-decoration-color: rgba(184,138,68,0.48) !important;
  text-underline-offset: 4px !important;
}

.about-v11 .cred-section {
  background: #0f2d50 !important;
  color: #fff !important;
}

.about-v11 .cred-section .ab-section-header h2,
.about-v11 .cred-section .ab-section-header p {
  color: #fff !important;
}

.about-v11 .cred-card-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.20) !important;
  border-bottom: 1px solid rgba(255,255,255,0.20) !important;
}

.about-v11 .cred-card {
  min-height: 220px !important;
  padding: 30px 24px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,0.16) !important;
  color: #fff !important;
}

.about-v11 .cred-card:last-child {
  border-right: 0 !important;
}

.about-v11 .cred-card span {
  display: block !important;
  margin-bottom: 18px !important;
  color: rgba(255,255,255,0.68) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.about-v11 .cred-card h3 {
  margin-bottom: 12px !important;
  color: #fff !important;
  font-size: 21.5px !important;
  line-height: 1.2 !important;
  font-weight: 560 !important;
}

.about-v11 .cred-card p,
.about-v11 .cred-note {
  color: rgba(255,255,255,0.78) !important;
}

.about-v11 .cred-card p {
  font-size: 15.5px !important;
  line-height: 1.66 !important;
}

.about-v11 .cred-note {
  max-width: 760px !important;
  margin: 26px auto 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.about-v11 .cred-cta {
  margin-top: 28px !important;
  text-align: center !important;
}

.about-v11 .cred-section .hp-btn-outline {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.42) !important;
  box-shadow: none !important;
}

.about-v11 .ab-factory-layout {
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr) !important;
  gap: clamp(54px, 6vw, 78px) !important;
  align-items: center !important;
  max-width: 1240px !important;
}

.about-v11 .ab-factory-content {
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.13) !important;
  border-bottom: 1px solid rgba(23,54,93,0.13) !important;
}

.about-v11 .ab-factory-item {
  padding: 22px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.about-v11 .ab-factory-item:last-child {
  border-bottom: 0 !important;
}

.about-v11 .ab-factory-image {
  aspect-ratio: 3 / 2 !important;
  align-self: center !important;
}

.about-v11 .ab-factory-image img {
  min-height: 0 !important;
  object-position: center center !important;
}

.about-v11 .ab-gallery {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.about-v11 .ab-gallery img {
  width: 100% !important;
  height: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
  border-radius: 20px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.about-v11 .ab-gallery-featured {
  display: grid !important;
  grid-template-columns: minmax(0, 0.60fr) minmax(0, 0.40fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.about-v11 .ab-gallery-client,
.about-v11 .ab-gallery-warehouse {
  margin: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.about-v11 .ab-gallery-client {
  aspect-ratio: 16 / 9 !important;
}

.about-v11 .ab-gallery-warehouse {
  aspect-ratio: 4 / 3 !important;
}

.about-v11 .ab-gallery-client img {
  aspect-ratio: 16 / 9 !important;
  object-position: center center !important;
}

.about-v11 .ab-gallery-warehouse img {
  aspect-ratio: 4 / 3 !important;
  object-position: center center !important;
}

.about-v11 .ab-gallery-secondary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.about-v11 .ab-gallery-secondary img {
  aspect-ratio: 4 / 3 !important;
}

.about-v11 .faq-list {
  max-width: 860px !important;
}

.about-v11 .faq-item {
  margin-bottom: 12px !important;
  border: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.74) !important;
  box-shadow: none !important;
}

.about-v11 .faq-item summary {
  padding: 18px 22px !important;
  color: #17365d !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 660 !important;
}

.about-v11 .faq-item p {
  padding: 0 22px 20px !important;
  color: #526174 !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
}

.about-v11 .ab-cta {
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
  color: #fff !important;
}

.about-v11 .ab-cta .ab-section-header h2,
.about-v11 .ab-cta .ab-section-header p {
  color: #fff !important;
}

.about-v11 .footer {
  padding-top: 62px !important;
  background: #0f2d50 !important;
}

.about-v11 .footer-content {
  gap: 38px 58px !important;
}

.about-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.about-v11 .footer p,
.about-v11 .footer li,
.about-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1100px) {
  .about-v11 .ab-section .container,
  .about-v11 .cred-section .container,
  .about-v11 .footer .container {
    width: min(100% - 48px, 1240px) !important;
  }

  .about-v11 .ab-who-layout,
  .about-v11 .ab-facts-layout,
  .about-v11 .ab-defines-layout,
  .about-v11 .ab-factory-layout {
    grid-template-columns: 1fr !important;
  }

  .about-v11 .ab-who-image img,
  .about-v11 .ab-factory-image img {
    min-height: 420px !important;
  }

  .about-v11 section[aria-labelledby="company-facts"] .ab-support,
  .about-v11 section[aria-labelledby="textile-directions"] .ab-support,
  .about-v11 section[aria-labelledby="defines-huaman"] .ab-quality,
  .about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality,
  .about-v11 section[aria-labelledby="why-huaman"] .ab-quality {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .about-v11 .cred-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .about-v11 .cred-card,
  .about-v11 .cred-card:last-child {
    border-right: 1px solid rgba(255,255,255,0.16) !important;
    border-bottom: 1px solid rgba(255,255,255,0.16) !important;
  }
}

@media (max-width: 768px) {
  .about-v11 .header {
    min-height: 66px !important;
  }

  .about-v11 .ab-hero {
    min-height: 600px !important;
    padding-top: 66px !important;
  }

  .about-v11 .ab-hero-content {
    padding: 86px 0 56px !important;
  }

  .about-v11 .ab-hero h1 {
    font-size: clamp(40px, 10vw, 54px) !important;
  }

  .about-v11 .ab-section .container,
  .about-v11 .cred-section .container,
  .about-v11 .footer .container {
    width: min(100% - 32px, 1240px) !important;
  }

  .about-v11 .ab-facts-layout,
  .about-v11 .ab-defines-layout {
    grid-template-columns: 1fr !important;
  }

  .about-v11 section[aria-labelledby="company-facts"] .ab-support,
  .about-v11 section[aria-labelledby="textile-directions"] .ab-support,
  .about-v11 section[aria-labelledby="defines-huaman"] .ab-quality,
  .about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality,
  .about-v11 section[aria-labelledby="why-huaman"] .ab-quality,
  .about-v11 .cred-card-grid {
    grid-template-columns: 1fr !important;
  }

  .about-v11 section[aria-labelledby="defines-huaman"] .ab-quality-item,
  .about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality-item,
  .about-v11 section[aria-labelledby="why-huaman"] .ab-quality-item,
  .about-v11 .cred-card,
  .about-v11 .cred-card:last-child {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  }

  .about-v11 .cred-card,
  .about-v11 .cred-card:last-child {
    border-bottom-color: rgba(255,255,255,0.16) !important;
  }

  .about-v11 .ab-gallery {
    grid-template-columns: 1fr !important;
  }

  .about-v11 .ab-gallery-featured,
  .about-v11 .ab-gallery-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .about-v11 .ab-gallery-client {
    grid-column: 1 / -1 !important;
  }

  .about-v11 .ab-facts-image,
  .about-v11 .ab-defines-image,
  .about-v11 .ab-gallery-client,
  .about-v11 .ab-gallery-warehouse,
  .about-v11 .ab-gallery-secondary img {
    min-height: 180px !important;
  }

  .about-v11 .ab-hero-actions,
  .about-v11 .ab-cta-actions {
    width: 100% !important;
  }

  .about-v11 .hp-btn {
    flex: 1 1 180px !important;
  }
}

@media (max-width: 430px) {
  .about-v11 .ab-hero {
    min-height: 620px !important;
  }

  .about-v11 .ab-hero-overlay {
    background: linear-gradient(180deg, rgba(9,28,50,0.74), rgba(9,28,50,0.58)) !important;
  }

  .about-v11 .ab-hero h1 {
    font-size: clamp(36px, 11vw, 44px) !important;
    line-height: 1.06 !important;
  }

  .about-v11 .ab-hero p {
    font-size: 15.5px !important;
    line-height: 1.66 !important;
  }

  .about-v11 .ab-section {
    padding-block: 48px !important;
  }

  .about-v11 .ab-section-header h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
  }

  .about-v11 .ab-section-header p {
    font-size: 15.5px !important;
  }

  .about-v11 section[aria-labelledby="company-facts"] .ab-support-item,
  .about-v11 section[aria-labelledby="textile-directions"] .ab-support-item,
  .about-v11 section[aria-labelledby="defines-huaman"] .ab-quality-item,
  .about-v11 section[aria-labelledby="who-we-work-with"] .ab-quality-item,
  .about-v11 section[aria-labelledby="why-huaman"] .ab-quality-item,
  .about-v11 .cred-card {
    min-height: 0 !important;
    padding: 24px 0 !important;
  }

  .about-v11 .ab-gallery {
    grid-template-columns: 1fr !important;
  }

  .about-v11 .ab-gallery-featured,
  .about-v11 .ab-gallery-secondary {
    grid-template-columns: 1fr !important;
  }

  .about-v11 .ab-facts-image,
  .about-v11 .ab-defines-image,
  .about-v11 .ab-gallery-client,
  .about-v11 .ab-gallery-warehouse,
  .about-v11 .ab-gallery-secondary img {
    min-height: 220px !important;
  }

  .about-v11 .ab-hero-actions,
  .about-v11 .ab-cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .about-v11 .hp-btn {
    width: 100% !important;
    flex: none !important;
  }
}

/* ============================================================
   Product Studio Visual Refinement v1.1 - product studio scoped only.
   Editorial B2B product direction entry page.
   ============================================================ */
.product-studio-v11 {
  background: #fbfaf7 !important;
  color: #17365d !important;
}

.product-studio-v11 .header {
  min-height: 82px !important;
  background: rgba(13, 38, 66, 0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.product-studio-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.product-studio-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.product-studio-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.product-studio-v11 .nav-links a,
.product-studio-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.product-studio-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.product-studio-v11 .pc-hero {
  min-height: auto !important;
  padding: clamp(132px, 14vw, 178px) 0 clamp(70px, 8vw, 104px) !important;
  background: linear-gradient(135deg, #fbfaf7 0%, #f4efe5 58%, #eef2f5 100%) !important;
  overflow: hidden !important;
}

.product-studio-v11 .pc-hero::before {
  content: none !important;
  display: none !important;
}

.product-studio-v11 .pc-hero .container {
  position: relative !important;
  z-index: 2 !important;
  width: min(100% - 80px, 1240px) !important;
  max-width: 1040px !important;
  margin-inline: auto !important;
  text-align: left !important;
}

.product-studio-v11 .pc-hero-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(23,54,93,0.16) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.62) !important;
  color: #17365d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(10px) !important;
}

.product-studio-v11 .pc-hero h1 {
  max-width: 920px !important;
  margin: 22px 0 26px !important;
  color: #17365d !important;
  font-size: clamp(54px, 5.6vw, 82px) !important;
  line-height: 0.98 !important;
  font-weight: 500 !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

.product-studio-v11 .pc-hero p {
  max-width: 780px !important;
  margin: 0 0 34px !important;
  color: #526174 !important;
  font-size: clamp(17px, 1.42vw, 20px) !important;
  line-height: 1.76 !important;
}

.product-studio-v11 .pc-hero-actions,
.product-studio-v11 .pc-cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}

.product-studio-v11 .pc-btn {
  min-height: 46px !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease !important;
}

.product-studio-v11 .pc-btn-primary {
  background: #17365d !important;
  color: #fff !important;
  border-color: #17365d !important;
  box-shadow: none !important;
}

.product-studio-v11 .pc-btn-outline {
  background: transparent !important;
  color: #17365d !important;
  border: 1px solid rgba(23,54,93,0.28) !important;
  box-shadow: none !important;
}

.product-studio-v11 .pc-btn:hover {
  transform: translateY(-1px) !important;
}

.product-studio-v11 .pc-categories,
.product-studio-v11 .col-faq {
  padding-block: clamp(54px, 6vw, 82px) !important;
  background: #fbfaf7 !important;
}

.product-studio-v11 .pc-categories:nth-of-type(3),
.product-studio-v11 .pc-categories:nth-of-type(5),
.product-studio-v11 .pc-categories:nth-of-type(7),
.product-studio-v11 .col-faq {
  background: #f7f4ee !important;
}

.product-studio-v11 .pc-categories .container,
.product-studio-v11 .pc-cta .container,
.product-studio-v11 .footer .container {
  width: min(100% - 80px, 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.product-studio-v11 .pc-section-header,
.product-studio-v11 .col-grid-header {
  max-width: 820px !important;
  margin: 0 auto clamp(28px, 3.4vw, 44px) !important;
  text-align: center !important;
}

.product-studio-v11 .pc-section-header::before,
.product-studio-v11 .col-grid-header::before {
  width: 68px !important;
  height: 1px !important;
  margin: 0 auto 18px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.72), transparent) !important;
}

.product-studio-v11 .pc-section-header h2,
.product-studio-v11 .col-grid-header h2 {
  margin: 0 0 14px !important;
  color: #17365d !important;
  font-size: clamp(36px, 3.7vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 480 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance !important;
}

.product-studio-v11 .pc-section-header p,
.product-studio-v11 .col-grid-header p {
  max-width: 760px !important;
  margin-inline: auto !important;
  color: #526174 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.product-studio-v11 .pc-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.product-studio-v11 .pc-card {
  min-width: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: none !important;
}

.product-studio-v11 .pc-card:hover {
  border-color: rgba(23,54,93,0.10) !important;
  box-shadow: none !important;
  transform: none !important;
}

.product-studio-v11 .pc-card-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  height: 100% !important;
  padding: 28px 28px 30px !important;
  border-top: 0 !important;
  background: transparent !important;
}

.product-studio-v11 .pc-card-links::before {
  content: "" !important;
  display: block !important;
  width: 38px !important;
  height: 1px !important;
  margin: 0 0 6px !important;
  background: rgba(184,138,68,0.62) !important;
}

.product-studio-v11 .pc-card-links h3,
.product-studio-v11 .pc-card-overlay h3 {
  margin: 0 !important;
  color: #17365d !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.15 !important;
  font-weight: 540 !important;
  letter-spacing: -0.028em !important;
}

.product-studio-v11 .pc-card-links p {
  margin: 0 !important;
  color: #526174 !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

.product-studio-v11 .pc-card-links a {
  margin-top: auto !important;
  padding: 0 0 4px !important;
  color: #17365d !important;
  border-bottom: 1px solid rgba(184,138,68,0.48) !important;
  opacity: 1 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.product-studio-v11 .pc-card-links a::before {
  display: none !important;
}

.product-studio-v11 #core-directions .pc-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.product-studio-v11 #core-directions .pc-card {
  grid-column: span 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  overflow: visible !important;
}

.product-studio-v11 #core-directions .pc-card:nth-child(4),
.product-studio-v11 #core-directions .pc-card:nth-child(5) {
  grid-column: span 3 !important;
}

.product-studio-v11 .pc-card-visual {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3.15 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #eef2f5 !important;
}

.product-studio-v11 #core-directions .pc-card:nth-child(4) .pc-card-visual,
.product-studio-v11 #core-directions .pc-card:nth-child(5) .pc-card-visual {
  aspect-ratio: 16 / 8.4 !important;
}

.product-studio-v11 .pc-card-visual img,
.product-studio-v11 .pc-card-visual picture,
.product-studio-v11 .pc-card-visual picture img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  transition: transform 240ms ease !important;
}

.product-studio-v11 .pc-card:hover .pc-card-visual img {
  transform: scale(1.025) !important;
}

.product-studio-v11 .pc-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 24px !important;
  background: linear-gradient(180deg, rgba(10,29,51,0), rgba(10,29,51,0.68)) !important;
}

.product-studio-v11 .pc-card-overlay h3 {
  color: #fff !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  text-shadow: 0 14px 28px rgba(0,0,0,0.34) !important;
}

.product-studio-v11 #core-directions .pc-card > .pc-card-links,
.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card > .pc-card-links {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 4px 0 !important;
}

.product-studio-v11 #core-directions .pc-card > .pc-card-links::before,
.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card > .pc-card-links::before {
  display: none !important;
}

.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card-visual {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  border-radius: 18px !important;
}

.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card-visual img,
.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card-visual picture img {
  border-radius: 18px !important;
}

.product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card-overlay h3 {
  font-size: clamp(21px, 1.8vw, 28px) !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
  border-left: 1px solid rgba(23,54,93,0.10) !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card {
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.12) !important;
  background: rgba(255,253,248,0.78) !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card:nth-child(2) {
  border-right: 0 !important;
  background: rgba(237,243,248,0.74) !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card-links {
  min-height: 280px !important;
  padding: 34px 34px 36px !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card:nth-child(1) .pc-card-links::before {
  content: "01" !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card:nth-child(2) .pc-card-links::before {
  content: "02" !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card-links::before {
  width: auto !important;
  height: auto !important;
  margin: 0 0 18px !important;
  background: transparent !important;
  color: rgba(184,138,68,0.72) !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 420 !important;
  letter-spacing: -0.04em !important;
}

.product-studio-v11 section[aria-label="Two Ways to Start"] .container > p {
  max-width: 820px !important;
  margin: 24px auto 0 !important;
  color: #526174 !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  text-align: center !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card {
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card:last-child {
  border-right: 0 !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card-links {
  min-height: 260px !important;
  padding: 30px 28px !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card:nth-child(1) .pc-card-links::before {
  content: "01" !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card:nth-child(2) .pc-card-links::before {
  content: "02" !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card:nth-child(3) .pc-card-links::before {
  content: "03" !important;
}

.product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card-links::before {
  width: auto !important;
  height: auto !important;
  margin: 0 0 18px !important;
  background: transparent !important;
  color: rgba(184,138,68,0.70) !important;
  font-size: 46px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: -0.04em !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.product-studio-v11 section[aria-label="Related Information"] {
  padding-block: clamp(48px, 5.4vw, 74px) !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-card {
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-card:last-child {
  border-right: 0 !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-card-links {
  min-height: 136px !important;
  padding: 22px 22px !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-card-links h3 {
  color: #12375f !important;
  font-size: 22px !important;
  font-weight: 580 !important;
}

.product-studio-v11 section[aria-label="Related Information"] .pc-card-links a {
  color: #102f52 !important;
  border-bottom-color: rgba(184,138,68,0.68) !important;
  opacity: 1 !important;
}

.product-studio-v11 .col-faq .container {
  width: min(100% - 80px, 920px) !important;
  max-width: 920px !important;
}

.product-studio-v11 .faq-list {
  max-width: 860px !important;
  margin-inline: auto !important;
}

.product-studio-v11 .faq-item {
  margin-bottom: 12px !important;
  border: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.76) !important;
  box-shadow: none !important;
}

.product-studio-v11 .faq-item summary {
  padding: 18px 22px !important;
  color: #17365d !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 660 !important;
}

.product-studio-v11 .faq-item p {
  padding: 0 22px 20px !important;
  color: #526174 !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
}

.product-studio-v11 .pc-cta {
  padding-block: clamp(62px, 7vw, 92px) !important;
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
  color: #fff !important;
  text-align: center !important;
}

.product-studio-v11 .pc-cta h2 {
  max-width: 780px !important;
  margin: 0 auto 18px !important;
  color: #fff !important;
  font-size: clamp(36px, 3.8vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 480 !important;
  letter-spacing: -0.04em !important;
}

.product-studio-v11 .pc-cta p {
  max-width: 720px !important;
  margin: 0 auto 30px !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.product-studio-v11 .pc-cta-actions {
  justify-content: center !important;
}

.product-studio-v11 .pc-cta .pc-btn-primary {
  background: #fff !important;
  color: #17365d !important;
  border-color: rgba(255,255,255,0.82) !important;
}

.product-studio-v11 .pc-cta .pc-btn-outline {
  color: #fff !important;
  border-color: rgba(255,255,255,0.38) !important;
}

.product-studio-v11 .footer {
  padding-top: 62px !important;
  background: #0f2d50 !important;
}

.product-studio-v11 .footer-content {
  gap: 38px 58px !important;
}

.product-studio-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.product-studio-v11 .footer p,
.product-studio-v11 .footer li,
.product-studio-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1100px) {
  .product-studio-v11 .pc-hero .container,
  .product-studio-v11 .pc-categories .container,
  .product-studio-v11 .pc-cta .container,
  .product-studio-v11 .footer .container,
  .product-studio-v11 .col-faq .container {
    width: min(100% - 48px, 1240px) !important;
  }

  .product-studio-v11 #core-directions .pc-grid,
  .product-studio-v11 section[aria-label="Additional Development Directions"] .pc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-studio-v11 #core-directions .pc-card,
  .product-studio-v11 #core-directions .pc-card:nth-child(4),
  .product-studio-v11 #core-directions .pc-card:nth-child(5) {
    grid-column: auto !important;
  }

  .product-studio-v11 #core-directions .pc-card .pc-card-visual,
  .product-studio-v11 #core-directions .pc-card:nth-child(4) .pc-card-visual,
  .product-studio-v11 #core-directions .pc-card:nth-child(5) .pc-card-visual {
    aspect-ratio: 4 / 3 !important;
  }

  .product-studio-v11 section[aria-label="Related Information"] .pc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .product-studio-v11 .header {
    min-height: 66px !important;
  }

  .product-studio-v11 .pc-hero {
    padding: 106px 0 58px !important;
  }

  .product-studio-v11 .pc-hero .container,
  .product-studio-v11 .pc-categories .container,
  .product-studio-v11 .pc-cta .container,
  .product-studio-v11 .footer .container,
  .product-studio-v11 .col-faq .container {
    width: min(100% - 32px, 1240px) !important;
  }

  .product-studio-v11 .pc-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
  }

  .product-studio-v11 .pc-grid,
  .product-studio-v11 #core-directions .pc-grid,
  .product-studio-v11 section[aria-label="Additional Development Directions"] .pc-grid,
  .product-studio-v11 section[aria-label="Two Ways to Start"] .pc-grid,
  .product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-grid,
  .product-studio-v11 section[aria-label="Related Information"] .pc-grid {
    grid-template-columns: 1fr !important;
  }

  .product-studio-v11 .pc-card,
  .product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card,
  .product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card,
  .product-studio-v11 section[aria-label="Related Information"] .pc-card {
    border-right: 0 !important;
  }

  .product-studio-v11 .pc-card-links,
  .product-studio-v11 section[aria-label="Two Ways to Start"] .pc-card-links,
  .product-studio-v11 section[aria-label="From Product Direction to Project"] .pc-card-links {
    min-height: 0 !important;
    padding: 24px 2px !important;
  }
}

@media (max-width: 430px) {
  .product-studio-v11 .pc-hero h1 {
    font-size: clamp(36px, 11vw, 46px) !important;
    line-height: 1.04 !important;
  }

  .product-studio-v11 .pc-hero p,
  .product-studio-v11 .pc-section-header p,
  .product-studio-v11 .col-grid-header p {
    font-size: 15.5px !important;
  }

  .product-studio-v11 .pc-categories,
  .product-studio-v11 .col-faq {
    padding-block: 46px !important;
  }

  .product-studio-v11 .pc-card-visual,
  .product-studio-v11 #core-directions .pc-card .pc-card-visual,
  .product-studio-v11 section[aria-label="Additional Development Directions"] .pc-card-visual {
    aspect-ratio: 4 / 3.25 !important;
  }

  .product-studio-v11 .pc-hero-actions,
  .product-studio-v11 .pc-cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .product-studio-v11 .pc-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ============================================================
   How It Works Visual Refinement v1.1 - how it works scoped only.
   Clear B2B custom textile project workflow page.
   ============================================================ */
.how-it-works-v11 {
  background: #fbfaf7 !important;
  color: #17365d !important;
}

.how-it-works-v11 .header {
  min-height: 82px !important;
  background: rgba(13, 38, 66, 0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.how-it-works-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.how-it-works-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.how-it-works-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.how-it-works-v11 .nav-links a,
.how-it-works-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.how-it-works-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-hero {
  min-height: 55vh !important;
  padding-top: 110px !important;
  background: #17365d !important;
}

.how-it-works-v11 .hiw-hero-bg img {
  object-position: center right !important;
  filter: saturate(0.94) contrast(1.02) !important;
}

.how-it-works-v11 .hiw-hero-overlay {
  background: linear-gradient(90deg, rgba(11,31,55,0.86) 0%, rgba(18,48,82,0.70) 42%, rgba(18,48,82,0.24) 74%, rgba(18,48,82,0.06) 100%) !important;
}

.how-it-works-v11 .hiw-hero .container,
.how-it-works-v11 .hiw-section .container,
.how-it-works-v11 .footer .container {
  width: min(100% - 72px, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.how-it-works-v11 .hiw-hero-content {
  max-width: 780px !important;
}

.how-it-works-v11 .hero-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin-bottom: 18px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.how-it-works-v11 .hiw-hero h1 {
  max-width: 760px !important;
  margin: 0 0 24px !important;
  color: #fff !important;
  font-size: clamp(48px, 5.1vw, 72px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.052em !important;
  text-wrap: balance !important;
}

.how-it-works-v11 .hiw-hero p {
  max-width: 720px !important;
  margin: 0 0 34px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.74 !important;
}

.how-it-works-v11 .hp-btn {
  min-height: 46px !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-hero .hp-btn-primary {
  background: #fff !important;
  color: #17365d !important;
}

.how-it-works-v11 .hiw-hero .hp-btn-outline {
  border-color: rgba(255,255,255,0.48) !important;
  color: #fff !important;
}

.how-it-works-v11 .hiw-section {
  padding: clamp(48px, 5.2vw, 74px) 0 !important;
  background: #fbfaf7 !important;
}

.how-it-works-v11 .hiw-section[style*="warm-ivory"] {
  background: #f7f4ee !important;
}

.how-it-works-v11 .hiw-section-header {
  max-width: 880px !important;
  margin: 0 auto clamp(24px, 3vw, 38px) !important;
  text-align: center !important;
}

.how-it-works-v11 .hiw-section-header::before {
  content: "" !important;
  display: block !important;
  width: 68px !important;
  height: 1px !important;
  margin: 0 auto 18px !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.72), transparent) !important;
}

.how-it-works-v11 .hiw-section-header h2 {
  margin: 0 0 14px !important;
  color: #17365d !important;
  font-size: clamp(39px, 3.9vw, 56px) !important;
  line-height: 1.06 !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance !important;
}

.how-it-works-v11 .hiw-section-header p {
  max-width: 840px !important;
  margin-inline: auto !important;
  color: #526174 !important;
  font-size: 18px !important;
  line-height: 1.78 !important;
}

.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item {
  min-height: 0 !important;
  padding: 24px 30px 26px !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item:last-child {
  border-right: 0 !important;
}

.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item::before {
  display: block !important;
  margin-bottom: 14px !important;
  color: rgba(184,138,68,0.76) !important;
  font-size: clamp(50px, 5.6vw, 76px) !important;
  line-height: 1 !important;
  font-weight: 420 !important;
  letter-spacing: -0.065em !important;
}

.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item:nth-child(1)::before { content: "01" !important; }
.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item:nth-child(2)::before { content: "02" !important; }
.how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item:nth-child(3)::before { content: "03" !important; }

.how-it-works-v11 .hiw-start-item h3,
.how-it-works-v11 .hiw-flow-item h3,
.how-it-works-v11 .hiw-request-item h3 {
  margin: 0 0 12px !important;
  color: #17365d !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  line-height: 1.16 !important;
  font-weight: 570 !important;
  letter-spacing: -0.026em !important;
}

.how-it-works-v11 .hiw-start-item p,
.how-it-works-v11 .hiw-flow-item p,
.how-it-works-v11 .hiw-request-item p,
.how-it-works-v11 .hiw-sample-point p,
.how-it-works-v11 .faq-item p {
  margin: 0 !important;
  color: #526174 !important;
  font-size: 17px !important;
  line-height: 1.76 !important;
}

.how-it-works-v11 .hiw-flow {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px 0 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

.how-it-works-v11 .hiw-flow-item {
  position: relative !important;
  min-height: 0 !important;
  padding: 36px 30px 38px !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.075) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.20) !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(3n+1) {
  grid-column: 1 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(3n+2) {
  grid-column: 2 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(3n) {
  grid-column: 3 !important;
  border-right: 0 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(1),
.how-it-works-v11 .hiw-flow-item:nth-child(2),
.how-it-works-v11 .hiw-flow-item:nth-child(3) {
  grid-row: 1 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(4),
.how-it-works-v11 .hiw-flow-item:nth-child(5),
.how-it-works-v11 .hiw-flow-item:nth-child(6) {
  grid-row: 2 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(7),
.how-it-works-v11 .hiw-flow-item:nth-child(8),
.how-it-works-v11 .hiw-flow-item:nth-child(9) {
  grid-row: 3 !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(1)::before,
.how-it-works-v11 .hiw-flow-item:nth-child(4)::before,
.how-it-works-v11 .hiw-flow-item:nth-child(7)::before {
  content: none !important;
  display: none !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(1)::after,
.how-it-works-v11 .hiw-flow-item:nth-child(4)::after,
.how-it-works-v11 .hiw-flow-item:nth-child(7)::after {
  content: none !important;
  display: none !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(n+4):nth-child(-n+6) {
  background: rgba(255,253,248,0.42) !important;
}

.how-it-works-v11 .hiw-flow-item:nth-child(n+7) {
  background: rgba(237,243,248,0.34) !important;
}

.how-it-works-v11 .hiw-flow-item span {
  display: block !important;
  margin-bottom: 18px !important;
  color: rgba(184,138,68,0.72) !important;
  font-size: clamp(36px, 3.2vw, 42px) !important;
  line-height: 1 !important;
  font-weight: 420 !important;
  letter-spacing: -0.035em !important;
}

.how-it-works-v11 .hiw-flow-item h3 {
  max-width: 100% !important;
  margin-bottom: 12px !important;
  font-size: clamp(16.5px, 1.28vw, 18px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.012em !important;
}

.how-it-works-v11 .hiw-flow-item p {
  font-size: clamp(14.2px, 1.05vw, 15px) !important;
  line-height: 1.64 !important;
}

.how-it-works-v11 .hiw-flow + div {
  margin-top: 28px !important;
}

.how-it-works-v11 .hp-link {
  color: #17365d !important;
  border-bottom: 1px solid rgba(184,138,68,0.58) !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 70px !important;
  max-width: 1040px !important;
  margin-inline: auto !important;
  border-top: 0 !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-item {
  position: relative !important;
  min-height: 0 !important;
  padding: 20px 0 24px 36px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.095) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 25px !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(184,138,68,0.72) !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(184,138,68,0.72) 0 2px, transparent 3px) !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-item h3 {
  margin-bottom: 0 !important;
  font-size: clamp(18px, 1.42vw, 21px) !important;
  line-height: 1.34 !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-grid + div {
  margin-top: 28px !important;
}

.how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hp-btn-primary {
  background: #17365d !important;
  color: #fff !important;
  min-height: 50px !important;
  padding-inline: 30px !important;
}

.how-it-works-v11 .hiw-sample-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr) !important;
  gap: clamp(42px, 4.8vw, 68px) !important;
  align-items: stretch !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.how-it-works-v11 .hiw-sample-image {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
}

.how-it-works-v11 .hiw-sample-image figure {
  margin: 0 !important;
  min-width: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #eef2f5 !important;
}

.how-it-works-v11 .hiw-sample-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: 4 / 3 !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-sample-image figure:nth-child(1) img {
  object-position: center center !important;
}

.how-it-works-v11 .hiw-sample-image figure:nth-child(2) img {
  object-position: center top !important;
}

.how-it-works-v11 .hiw-sample-image figure:nth-child(3) img,
.how-it-works-v11 .hiw-sample-image figure:nth-child(4) img {
  object-position: center center !important;
}

.how-it-works-v11 .hiw-sample-points {
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
  gap: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.how-it-works-v11 .hiw-sample-point {
  padding: 26px 0 28px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-sample-point:last-child {
  border-bottom: 0 !important;
}

.how-it-works-v11 .hiw-sample-point h4 {
  margin: 0 0 10px !important;
  color: #17365d !important;
  font-size: clamp(21px, 1.55vw, 24px) !important;
  line-height: 1.22 !important;
  font-weight: 580 !important;
  letter-spacing: -0.02em !important;
}

.how-it-works-v11 .hiw-sample-point p {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
}

.how-it-works-v11 .hiw-request-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.how-it-works-v11 .hiw-request-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 178px !important;
  padding: 24px 24px 26px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  background: transparent !important;
  text-align: left !important;
  box-shadow: none !important;
}

.how-it-works-v11 .hiw-request-item:last-child {
  border-right: 0 !important;
}

.how-it-works-v11 .hiw-request-item .hp-link {
  margin-top: auto !important;
  display: inline-flex !important;
  color: #102f52 !important;
  border-bottom-color: rgba(184,138,68,0.78) !important;
  padding-bottom: 2px !important;
}

.how-it-works-v11 .col-faq .container {
  width: min(100% - 72px, 980px) !important;
  max-width: 980px !important;
}

.how-it-works-v11 .faq-list {
  max-width: 940px !important;
  margin-inline: auto !important;
}

.how-it-works-v11 .faq-item {
  margin-bottom: 14px !important;
  border: 1px solid rgba(23,54,93,0.085) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.54) !important;
  box-shadow: none !important;
}

.how-it-works-v11 .faq-item summary {
  padding: 22px 24px !important;
  color: #17365d !important;
  font-size: 18.5px !important;
  line-height: 1.35 !important;
  font-weight: 680 !important;
}

.how-it-works-v11 .faq-item p {
  padding: 0 24px 23px !important;
}

.how-it-works-v11 .hiw-cta {
  padding-block: clamp(58px, 6.2vw, 84px) !important;
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
  color: #fff !important;
  text-align: center !important;
}

.how-it-works-v11 .hiw-cta .hiw-section-header::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.48), transparent) !important;
}

.how-it-works-v11 .hiw-cta h2 {
  max-width: 840px !important;
  color: #fff !important;
  font-size: clamp(42px, 4.2vw, 60px) !important;
  text-shadow: none !important;
}

.how-it-works-v11 .hiw-cta p {
  max-width: 760px !important;
  color: rgba(255,255,255,0.84) !important;
  line-height: 1.82 !important;
}

.how-it-works-v11 .hiw-cta-actions {
  justify-content: center !important;
}

.how-it-works-v11 .hiw-cta .hp-btn-primary {
  background: #fff !important;
  color: #17365d !important;
  border-color: #fff !important;
}

.how-it-works-v11 .hiw-cta .hp-btn-outline {
  color: #fff !important;
  border-color: rgba(255,255,255,0.56) !important;
  background: rgba(255,255,255,0.06) !important;
}

.how-it-works-v11 .footer {
  padding-top: 62px !important;
  background: #0f2d50 !important;
}

.how-it-works-v11 .footer-content {
  gap: 38px 58px !important;
}

.how-it-works-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.how-it-works-v11 .footer p,
.how-it-works-v11 .footer li,
.how-it-works-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1100px) {
  .how-it-works-v11 .hiw-hero .container,
  .how-it-works-v11 .hiw-section .container,
  .how-it-works-v11 .footer .container,
  .how-it-works-v11 .col-faq .container {
    width: min(100% - 48px, 1180px) !important;
  }

  .how-it-works-v11 .hiw-request-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .how-it-works-v11 .hiw-flow-item:nth-child(1)::before,
  .how-it-works-v11 .hiw-flow-item:nth-child(4)::before,
  .how-it-works-v11 .hiw-flow-item:nth-child(7)::before,
  .how-it-works-v11 .hiw-flow-item:nth-child(1)::after,
  .how-it-works-v11 .hiw-flow-item:nth-child(4)::after,
  .how-it-works-v11 .hiw-flow-item:nth-child(7)::after {
    content: none !important;
    display: none !important;
  }

  .how-it-works-v11 .hiw-sample-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .how-it-works-v11 .hiw-flow {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .how-it-works-v11 .hiw-flow-item,
  .how-it-works-v11 .hiw-flow-item:nth-child(3n+1),
  .how-it-works-v11 .hiw-flow-item:nth-child(3n+2),
  .how-it-works-v11 .hiw-flow-item:nth-child(3n),
  .how-it-works-v11 .hiw-flow-item:nth-child(1),
  .how-it-works-v11 .hiw-flow-item:nth-child(2),
  .how-it-works-v11 .hiw-flow-item:nth-child(3),
  .how-it-works-v11 .hiw-flow-item:nth-child(4),
  .how-it-works-v11 .hiw-flow-item:nth-child(5),
  .how-it-works-v11 .hiw-flow-item:nth-child(6),
  .how-it-works-v11 .hiw-flow-item:nth-child(7),
  .how-it-works-v11 .hiw-flow-item:nth-child(8),
  .how-it-works-v11 .hiw-flow-item:nth-child(9) {
    grid-column: auto !important;
    grid-row: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  }
}

@media (max-width: 768px) {
  .how-it-works-v11 .header {
    min-height: 66px !important;
  }

  .how-it-works-v11 .hiw-hero {
    padding: 106px 0 58px !important;
  }

  .how-it-works-v11 .hiw-hero .container,
  .how-it-works-v11 .hiw-section .container,
  .how-it-works-v11 .footer .container,
  .how-it-works-v11 .col-faq .container {
    width: min(100% - 32px, 1180px) !important;
  }

  .how-it-works-v11 .hiw-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
  }

  .how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-grid,
  .how-it-works-v11 .hiw-flow,
  .how-it-works-v11 section[aria-labelledby="what-to-prepare"] .hiw-start-grid,
  .how-it-works-v11 .hiw-request-grid {
    grid-template-columns: 1fr !important;
  }

  .how-it-works-v11 section[aria-labelledby="before-we-begin"] .hiw-start-item,
  .how-it-works-v11 .hiw-request-item {
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  }

  .how-it-works-v11 .hiw-flow-item {
    min-height: 0 !important;
  }

  .how-it-works-v11 .hiw-cta-actions,
  .how-it-works-v11 .hiw-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .how-it-works-v11 .hp-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 430px) {
  .how-it-works-v11 .hiw-hero h1 {
    font-size: clamp(35px, 10.8vw, 46px) !important;
    line-height: 1.04 !important;
  }

  .how-it-works-v11 .hiw-hero p,
  .how-it-works-v11 .hiw-section-header p {
    font-size: 15.5px !important;
  }

  .how-it-works-v11 .hiw-section {
    padding-block: 46px !important;
  }

  .how-it-works-v11 .hiw-sample-image {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Development & Manufacturing Visual Refinement v1.1 - scoped only.
   B2B textile development and manufacturing capability page.
   ============================================================ */
.development-manufacturing-v11 {
  background: #fbfaf7 !important;
  color: #17365d !important;
}

.development-manufacturing-v11 .header {
  min-height: 82px !important;
  background: rgba(13, 38, 66, 0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.development-manufacturing-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.development-manufacturing-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.development-manufacturing-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.development-manufacturing-v11 .nav-links a,
.development-manufacturing-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.development-manufacturing-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .dm-hero {
  min-height: 60vh !important;
  padding-top: 110px !important;
  background: #17365d !important;
}

.development-manufacturing-v11 .dm-hero-bg img {
  object-position: center right !important;
  filter: saturate(1.02) contrast(1.04) brightness(0.92) !important;
  transform: scale(1.01) !important;
}

.development-manufacturing-v11 .dm-hero-overlay {
  background: linear-gradient(90deg, rgba(10,30,54,0.88) 0%, rgba(15,43,76,0.70) 44%, rgba(15,43,76,0.24) 76%, rgba(15,43,76,0.05) 100%) !important;
}

.development-manufacturing-v11 .dm-hero .container,
.development-manufacturing-v11 .dm-section .container,
.development-manufacturing-v11 .footer .container {
  width: min(100% - 80px, 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.development-manufacturing-v11 .dm-hero-content {
  max-width: 820px !important;
}

.development-manufacturing-v11 .hero-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin-bottom: 18px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.development-manufacturing-v11 .dm-hero h1 {
  max-width: 820px !important;
  margin: 0 0 24px !important;
  color: #fff !important;
  font-size: clamp(48px, 5.2vw, 74px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.052em !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

.development-manufacturing-v11 .dm-hero p {
  max-width: 760px !important;
  margin: 0 0 34px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  line-height: 1.74 !important;
}

.development-manufacturing-v11 .hp-btn {
  min-height: 46px !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .dm-hero .hp-btn-primary {
  background: #fff !important;
  color: #17365d !important;
}

.development-manufacturing-v11 .dm-hero .hp-btn-outline {
  border-color: rgba(255,255,255,0.48) !important;
  color: #fff !important;
}

.development-manufacturing-v11 .dm-section {
  padding: clamp(58px, 6.2vw, 88px) 0 !important;
  background: #fbfaf7 !important;
}

.development-manufacturing-v11 .dm-section[style*="warm-ivory"],
.development-manufacturing-v11 .fabric-selection-section {
  background: #f7f4ee !important;
}

.development-manufacturing-v11 .dm-section-header {
  max-width: 840px !important;
  margin: 0 auto clamp(30px, 3.5vw, 46px) !important;
  text-align: center !important;
}

.development-manufacturing-v11 .dm-section-header::before {
  content: "" !important;
  display: block !important;
  width: 68px !important;
  height: 1px !important;
  margin: 0 auto 18px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.72), transparent) !important;
}

.development-manufacturing-v11 .dm-section-header h2,
.development-manufacturing-v11 .col-grid-header h2 {
  margin: 0 0 14px !important;
  color: #17365d !important;
  font-size: clamp(36px, 3.6vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 480 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance !important;
}

.development-manufacturing-v11 .dm-section-header p,
.development-manufacturing-v11 .col-grid-header p {
  max-width: 800px !important;
  margin-inline: auto !important;
  color: #526174 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.development-manufacturing-v11 #brief-specification + p + .dm-process,
.development-manufacturing-v11 section[aria-labelledby="brief-specification"] .dm-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1240px !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-left: 1px solid rgba(23,54,93,0.10) !important;
}

.development-manufacturing-v11 .dm-process-step {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 28px 26px 30px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.10) !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.38) !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .dm-process-number {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 20px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(184,138,68,0.74) !important;
  font-size: clamp(42px, 4.4vw, 60px) !important;
  line-height: 0.9 !important;
  font-weight: 420 !important;
  letter-spacing: -0.06em !important;
}

.development-manufacturing-v11 .dm-process-step h3,
.development-manufacturing-v11 .fabric-selection-card h3,
.development-manufacturing-v11 .dm-sample-item h4,
.development-manufacturing-v11 .dm-need h4,
.development-manufacturing-v11 .cred-mini-card h3 {
  margin: 0 0 10px !important;
  color: #17365d !important;
  font-size: clamp(20px, 1.7vw, 26px) !important;
  line-height: 1.2 !important;
  font-weight: 560 !important;
  letter-spacing: -0.022em !important;
}

.development-manufacturing-v11 .dm-process-step p,
.development-manufacturing-v11 .fabric-selection-card p,
.development-manufacturing-v11 .dm-sample-item p,
.development-manufacturing-v11 .dm-need p,
.development-manufacturing-v11 .cred-mini-card p,
.development-manufacturing-v11 .faq-item p {
  margin: 0 !important;
  color: #526174 !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

.development-manufacturing-v11 .dm-material-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.55fr) minmax(0, 0.45fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: stretch !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.development-manufacturing-v11 .fabric-selection-grid {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.development-manufacturing-v11 .fabric-selection-card {
  position: relative !important;
  padding: 20px 0 20px 52px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .fabric-selection-card:last-child {
  border-bottom: 0 !important;
}

.development-manufacturing-v11 .fabric-selection-card .fs-icon {
  position: absolute !important;
  left: 0 !important;
  top: 22px !important;
  color: rgba(184,138,68,0.78) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 520 !important;
}

.development-manufacturing-v11 .dm-material-image,
.development-manufacturing-v11 .dm-quality-image,
.development-manufacturing-v11 .dm-pilot-images figure {
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #eef2f5 !important;
}

.development-manufacturing-v11 .dm-material-image img,
.development-manufacturing-v11 .dm-quality-image img,
.development-manufacturing-v11 .dm-pilot-images img,
.development-manufacturing-v11 .dm-sample-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .dm-material-image img {
  aspect-ratio: 4 / 3 !important;
  object-position: center center !important;
}

.development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: 1240px !important;
  border: 0 !important;
}

.development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step {
  grid-column: span 2 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-left: 0 !important;
  background: transparent !important;
}

.development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step:nth-child(4),
.development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step:nth-child(5) {
  grid-column: span 3 !important;
}

.development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-section-header:last-child {
  max-width: 820px !important;
  padding-top: 8px !important;
}

.development-manufacturing-v11 .dm-sample-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: start !important;
  max-width: 1240px !important;
}

.development-manufacturing-v11 .dm-sample-image {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #eef2f5 !important;
}

.development-manufacturing-v11 .dm-sample-image img {
  aspect-ratio: 4 / 5 !important;
  object-position: center center !important;
}

.development-manufacturing-v11 .dm-sample-content {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 30px !important;
  align-content: start !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
}

.development-manufacturing-v11 .dm-sample-item {
  padding: 22px 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.development-manufacturing-v11 .dm-needs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 42px !important;
  max-width: 1040px !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
}

.development-manufacturing-v11 .dm-need {
  position: relative !important;
  padding: 20px 0 20px 34px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .dm-need::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 25px !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid rgba(184,138,68,0.72) !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(184,138,68,0.72) 0 3px, transparent 4px) !important;
}

.development-manufacturing-v11 .dm-quality-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: start !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.development-manufacturing-v11 .dm-quality-image img {
  aspect-ratio: 4 / 5 !important;
  object-position: center top !important;
}

.development-manufacturing-v11 .cred-mini-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.development-manufacturing-v11 .cred-mini-card {
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .cred-mini-card:last-child {
  border-bottom: 0 !important;
}

.development-manufacturing-v11 section[aria-labelledby="quality-standards"] .dm-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1240px !important;
  border-top: 1px solid rgba(23,54,93,0.12) !important;
  border-left: 1px solid rgba(23,54,93,0.10) !important;
}

.development-manufacturing-v11 section[aria-labelledby="quality-standards"] .dm-process-step {
  min-height: 110px !important;
  background: rgba(255,255,255,0.32) !important;
}

.development-manufacturing-v11 section[aria-labelledby="quality-standards"] .dm-process-step h3 {
  margin-bottom: 0 !important;
}

.development-manufacturing-v11 section[aria-labelledby="testing-documents"] .dm-needs {
  background: rgba(255,255,255,0.34) !important;
  padding-inline: 28px !important;
  border-bottom: 1px solid rgba(23,54,93,0.12) !important;
}

.development-manufacturing-v11 .dm-pilot-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.54fr) minmax(0, 0.46fr) !important;
  gap: clamp(34px, 4vw, 56px) !important;
  align-items: stretch !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.development-manufacturing-v11 .dm-pilot-layout .dm-needs {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  max-width: none !important;
  align-content: center !important;
}

.development-manufacturing-v11 .dm-pilot-images {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.development-manufacturing-v11 .dm-pilot-images img {
  aspect-ratio: 4 / 3 !important;
  object-position: center center !important;
}

.development-manufacturing-v11 section[aria-labelledby="manufacturing-foundation"] {
  background: #fbfaf7 !important;
}

.development-manufacturing-v11 section[aria-labelledby="manufacturing-foundation"] .dm-section-header {
  max-width: 920px !important;
  margin-bottom: 28px !important;
}

.development-manufacturing-v11 .dm-needs-cta .hp-btn-outline {
  background: #17365d !important;
  color: #fff !important;
  border-color: #17365d !important;
}

.development-manufacturing-v11 .col-faq .container {
  width: min(100% - 80px, 920px) !important;
  max-width: 920px !important;
}

.development-manufacturing-v11 .faq-list {
  max-width: 860px !important;
  margin-inline: auto !important;
}

.development-manufacturing-v11 .faq-item {
  margin-bottom: 12px !important;
  border: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.76) !important;
  box-shadow: none !important;
}

.development-manufacturing-v11 .faq-item summary {
  padding: 19px 22px !important;
  color: #17365d !important;
  font-size: 17.5px !important;
  line-height: 1.35 !important;
  font-weight: 680 !important;
}

.development-manufacturing-v11 .faq-item p {
  padding: 0 22px 21px !important;
}

.development-manufacturing-v11 .dm-cta {
  padding-block: clamp(64px, 7vw, 94px) !important;
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
  color: #fff !important;
  text-align: center !important;
}

.development-manufacturing-v11 .dm-cta .dm-section-header::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.48), transparent) !important;
}

.development-manufacturing-v11 .dm-cta h2 {
  max-width: 820px !important;
  color: #fff !important;
  text-shadow: none !important;
}

.development-manufacturing-v11 .dm-cta p {
  max-width: 740px !important;
  color: rgba(255,255,255,0.84) !important;
}

.development-manufacturing-v11 .dm-cta-actions {
  justify-content: center !important;
}

.development-manufacturing-v11 .dm-cta .hp-btn-primary {
  background: #fff !important;
  color: #17365d !important;
}

.development-manufacturing-v11 .dm-cta .hp-btn-outline {
  color: #fff !important;
  border-color: rgba(255,255,255,0.42) !important;
}

.development-manufacturing-v11 .footer {
  padding-top: 62px !important;
  background: #0f2d50 !important;
}

.development-manufacturing-v11 .footer-content {
  gap: 38px 58px !important;
}

.development-manufacturing-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.development-manufacturing-v11 .footer p,
.development-manufacturing-v11 .footer li,
.development-manufacturing-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1100px) {
  .development-manufacturing-v11 .dm-hero .container,
  .development-manufacturing-v11 .dm-section .container,
  .development-manufacturing-v11 .footer .container,
  .development-manufacturing-v11 .col-faq .container {
    width: min(100% - 48px, 1240px) !important;
  }

  .development-manufacturing-v11 section[aria-labelledby="brief-specification"] .dm-process,
  .development-manufacturing-v11 section[aria-labelledby="quality-standards"] .dm-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .development-manufacturing-v11 .dm-material-layout,
  .development-manufacturing-v11 .dm-sample-layout,
  .development-manufacturing-v11 .dm-quality-layout,
  .development-manufacturing-v11 .dm-pilot-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .development-manufacturing-v11 .header {
    min-height: 66px !important;
  }

  .development-manufacturing-v11 .dm-hero {
    padding: 106px 0 58px !important;
  }

  .development-manufacturing-v11 .dm-hero .container,
  .development-manufacturing-v11 .dm-section .container,
  .development-manufacturing-v11 .footer .container,
  .development-manufacturing-v11 .col-faq .container {
    width: min(100% - 32px, 1240px) !important;
  }

  .development-manufacturing-v11 .dm-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
  }

  .development-manufacturing-v11 section[aria-labelledby="brief-specification"] .dm-process,
  .development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process,
  .development-manufacturing-v11 section[aria-labelledby="quality-standards"] .dm-process,
  .development-manufacturing-v11 .dm-needs,
  .development-manufacturing-v11 .dm-sample-content {
    grid-template-columns: 1fr !important;
  }

  .development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step,
  .development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step:nth-child(4),
  .development-manufacturing-v11 section[aria-labelledby="sample-confirmation"] .dm-process-step:nth-child(5) {
    grid-column: auto !important;
  }

  .development-manufacturing-v11 .dm-process-step {
    min-height: 0 !important;
  }

  .development-manufacturing-v11 .dm-cta-actions,
  .development-manufacturing-v11 .dm-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .development-manufacturing-v11 .hp-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 430px) {
  .development-manufacturing-v11 .dm-hero h1 {
    font-size: clamp(35px, 10.8vw, 46px) !important;
    line-height: 1.04 !important;
  }

  .development-manufacturing-v11 .dm-hero p,
  .development-manufacturing-v11 .dm-section-header p {
    font-size: 15.5px !important;
  }

  .development-manufacturing-v11 .dm-section {
    padding-block: 46px !important;
  }
}

/* ============================================================
   Product Collection Detail Visual Refinement v1.1 - reusable
   collection detail template scoped only.
   ============================================================ */
.collection-detail-v11 {
  --collection-hero-position: center center;
  --collection-product-position: center center;
  --collection-product-scale: 1;
  --collection-product-hover-scale: 1.035;
  --collection-product-origin: center center;
  background: #fbfaf7 !important;
  color: #17365d !important;
}

.collection-detail-v11 .header {
  min-height: 82px !important;
  background: rgba(13,38,66,0.88) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.collection-detail-v11 .header > .container {
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.collection-detail-v11 .logo {
  font-size: 19px !important;
  letter-spacing: 0.01em !important;
}

.collection-detail-v11 .nav-links {
  gap: clamp(24px, 2.5vw, 38px) !important;
}

.collection-detail-v11 .nav-links a,
.collection-detail-v11 .nav-dropdown-toggle {
  font-size: 14px !important;
  letter-spacing: 0.035em !important;
  font-weight: 600 !important;
}

.collection-detail-v11 .nav-cta {
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-color: rgba(255,255,255,0.28) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

.collection-detail-v11 .col-hero .container,
.collection-detail-v11 .col-intro .container,
.collection-detail-v11 .col-grid .container,
.collection-detail-v11 .col-options .container,
.collection-detail-v11 .col-related .container,
.collection-detail-v11 .col-faq .container,
.collection-detail-v11 .col-cta .container,
.collection-detail-v11 .footer .container {
  width: min(100% - 72px, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.collection-detail-v11 .col-hero {
  min-height: clamp(420px, 44vw, 480px) !important;
  max-height: 480px !important;
  align-items: center !important;
  background: #17365d !important;
}

.collection-detail-v11 .col-hero-bg img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: var(--collection-hero-position) !important;
  filter: saturate(0.98) contrast(1.02) !important;
}

.collection-detail-v11 .col-hero-overlay {
  background: linear-gradient(90deg, rgba(10,31,55,0.86) 0%, rgba(17,47,80,0.72) 34%, rgba(17,47,80,0.28) 66%, rgba(17,47,80,0.06) 100%) !important;
}

.collection-detail-v11 .col-hero .container {
  position: relative !important;
  z-index: 2 !important;
  padding-bottom: 0 !important;
}

.collection-detail-v11 .col-hero-content {
  max-width: 620px !important;
  color: #fff !important;
  text-shadow: none !important;
}

.collection-detail-v11 .col-hero h1 {
  max-width: 620px !important;
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(48px, 5vw, 70px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.052em !important;
  text-shadow: none !important;
  text-wrap: balance !important;
}

.collection-detail-v11 .col-hero p {
  max-width: 520px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: clamp(17px, 1.25vw, 19px) !important;
  line-height: 1.76 !important;
  text-shadow: none !important;
}

.collection-detail-v11 .col-hero-perf {
  margin: 0 0 24px !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.collection-detail-v11 .col-hero-perf-label {
  color: rgba(214,179,106,0.96) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0.12em !important;
}

.collection-detail-v11 .col-hero-perf a,
.collection-detail-v11 .col-hero-link {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,0.64) !important;
  text-decoration: none !important;
}

.collection-detail-v11 .col-hero-link {
  min-height: 46px !important;
  padding: 13px 24px !important;
  border: 1px solid rgba(255,255,255,0.42) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.10) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
}

.collection-detail-v11 .col-intro {
  padding: 18px 0 !important;
  background: #fbfaf7 !important;
  border-bottom: 1px solid rgba(23,54,93,0.08) !important;
}

.collection-detail-v11 .col-tags {
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.collection-detail-v11 .col-tags li {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 15px !important;
  border: 1px solid rgba(23,54,93,0.10) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.54) !important;
  color: #17365d !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: 0.055em !important;
}

.collection-detail-v11 .col-grid {
  padding: clamp(52px, 5.5vw, 78px) 0 !important;
  background: #fbfaf7 !important;
}

.collection-detail-v11 .col-grid-header {
  max-width: 840px !important;
  margin: 0 auto clamp(28px, 3.2vw, 42px) !important;
  text-align: center !important;
}

.collection-detail-v11 .col-grid-header::before,
.collection-detail-v11 .col-section-header::before {
  content: "" !important;
  display: block !important;
  width: 64px !important;
  height: 1px !important;
  margin: 0 auto 16px !important;
  background: linear-gradient(90deg, transparent, rgba(184,138,68,0.72), transparent) !important;
}

.collection-detail-v11 .col-grid-header h2,
.collection-detail-v11 .col-section-header h2 {
  margin: 0 0 12px !important;
  color: #17365d !important;
  font-size: clamp(36px, 3.6vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
}

.collection-detail-v11 .col-grid-header p {
  max-width: 780px !important;
  margin-inline: auto !important;
  color: #526174 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.collection-detail-v11 .sample-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.2vw, 30px) !important;
  align-items: stretch !important;
}

.collection-detail-v11 .sample-item {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(23,54,93,0.08) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.66) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 0.24s ease !important;
}

.collection-detail-v11 .sample-item:hover {
  border-color: rgba(184,138,68,0.26) !important;
  box-shadow: none !important;
  transform: none !important;
}

.collection-detail-v11 .sample-item-img {
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #eef1f3 !important;
}

.collection-detail-v11 .sample-item-img picture,
.collection-detail-v11 .sample-item-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.collection-detail-v11 .sample-item-img img {
  object-fit: cover !important;
  object-position: var(--collection-product-position, center center) !important;
  transform: scale(var(--collection-product-scale, 1)) !important;
  transform-origin: var(--collection-product-origin, center center) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.collection-detail-v11 .sample-item:hover .sample-item-img img {
  transform: scale(var(--collection-product-hover-scale, 1.035)) !important;
}

.collection-detail-v11 .sample-item-info {
  position: relative !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  min-height: 142px !important;
  padding: 22px 18px 20px !important;
  background: transparent !important;
  text-align: center !important;
}

.collection-detail-v11 .sample-item-info::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 1px !important;
  margin: 0 auto 0 !important;
  border-radius: 0 !important;
  background: rgba(184,138,68,0.62) !important;
}

.collection-detail-v11 .sample-item-info h3 {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-width: 100% !important;
  min-height: 46px !important;
  margin: 0 auto !important;
  color: #17365d !important;
  font-size: clamp(18px, 1.45vw, 21px) !important;
  line-height: 1.28 !important;
  font-weight: 620 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

.collection-detail-v11 .sample-item-info .sample-btn,
.collection-detail-v11 .sample-item-info .collection-sample-btn {
  width: min(100%, 190px) !important;
  min-height: 38px !important;
  margin-top: auto !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(23,54,93,0.32) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #102f52 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.08em !important;
}

.collection-detail-v11 .sample-item-info .sample-btn:hover,
.collection-detail-v11 .sample-item-info .collection-sample-btn:hover {
  border-color: rgba(23,54,93,0.48) !important;
  background: rgba(23,54,93,0.045) !important;
  color: #102f52 !important;
  transform: none !important;
}

.collection-detail-v11 .col-options {
  padding: clamp(34px, 4vw, 50px) 0 !important;
  border-top: 0 !important;
  background: #f3f6f8 !important;
}

.collection-detail-v11 .col-options-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  border-top: 1px solid rgba(23,54,93,0.10) !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.collection-detail-v11 .col-option {
  padding: 22px 26px !important;
  border-right: 1px solid rgba(23,54,93,0.09) !important;
  text-align: left !important;
}

.collection-detail-v11 .col-option:last-child {
  border-right: 0 !important;
}

.collection-detail-v11 .col-option-label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #17365d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.12em !important;
}

.collection-detail-v11 .col-option-desc {
  margin: 0 !important;
  color: #526174 !important;
  font-size: 15.5px !important;
  line-height: 1.62 !important;
}

.collection-detail-v11 .col-related {
  padding: clamp(48px, 5vw, 68px) 0 !important;
  background: #fbfaf7 !important;
}

.collection-detail-v11 .col-section-header {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

.collection-detail-v11 .related-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 980px !important;
  margin-inline: auto !important;
  border-top: 1px solid rgba(23,54,93,0.10) !important;
  border-bottom: 1px solid rgba(23,54,93,0.10) !important;
}

.collection-detail-v11 .related-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 82px !important;
  padding: 22px 26px !important;
  border: 0 !important;
  border-right: 1px solid rgba(23,54,93,0.09) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #17365d !important;
  box-shadow: none !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 620 !important;
  letter-spacing: -0.018em !important;
  text-decoration: none !important;
  transform: none !important;
}

.collection-detail-v11 .related-card:last-child {
  border-right: 0 !important;
}

.collection-detail-v11 .related-card::after {
  content: "→" !important;
  margin-left: 14px !important;
  color: rgba(184,138,68,0.88) !important;
  font-size: 18px !important;
}

.collection-detail-v11 .related-card:hover {
  background: rgba(255,255,255,0.38) !important;
  color: #17365d !important;
  box-shadow: none !important;
  transform: none !important;
}

.collection-detail-v11 .col-faq {
  padding: clamp(50px, 5.5vw, 76px) 0 !important;
  background: #f7f4ee !important;
}

.collection-detail-v11 .col-faq .container {
  max-width: 980px !important;
}

.collection-detail-v11 .faq-list {
  max-width: 940px !important;
  margin-inline: auto !important;
}

.collection-detail-v11 .faq-item {
  margin-bottom: 14px !important;
  border: 1px solid rgba(23,54,93,0.085) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.56) !important;
  box-shadow: none !important;
}

.collection-detail-v11 .faq-item summary {
  padding: 22px 24px !important;
  color: #17365d !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 680 !important;
}

.collection-detail-v11 .faq-item p {
  padding: 0 24px 23px !important;
  color: #526174 !important;
  font-size: 16.5px !important;
  line-height: 1.74 !important;
}

.collection-detail-v11 .col-cta {
  padding: clamp(58px, 6vw, 84px) 0 !important;
  border-top: 0 !important;
  background: linear-gradient(135deg, #12375f, #0d2b4c) !important;
  color: #fff !important;
  text-align: center !important;
}

.collection-detail-v11 .col-cta h2 {
  max-width: 820px !important;
  margin: 0 auto 16px !important;
  color: #fff !important;
  font-size: clamp(40px, 4vw, 58px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -0.042em !important;
}

.collection-detail-v11 .col-cta p {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  color: rgba(255,255,255,0.84) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

.collection-detail-v11 .col-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  border: 1px solid #fff !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #17365d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
}

.collection-detail-v11 .footer {
  padding-top: 62px !important;
  background: #0f2d50 !important;
}

.collection-detail-v11 .footer-content {
  gap: 38px 58px !important;
}

.collection-detail-v11 .footer h4 {
  color: rgba(255,255,255,0.96) !important;
  font-size: 16.5px !important;
  font-weight: 760 !important;
}

.collection-detail-v11 .footer p,
.collection-detail-v11 .footer li,
.collection-detail-v11 .footer a {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1279px) {
  .collection-detail-v11 .sample-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  .collection-detail-v11 .col-hero .container,
  .collection-detail-v11 .col-intro .container,
  .collection-detail-v11 .col-grid .container,
  .collection-detail-v11 .col-options .container,
  .collection-detail-v11 .col-related .container,
  .collection-detail-v11 .col-faq .container,
  .collection-detail-v11 .col-cta .container,
  .collection-detail-v11 .footer .container {
    width: min(100% - 48px, 1180px) !important;
  }
}

@media (max-width: 899px) {
  .collection-detail-v11 .sample-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .collection-detail-v11 .col-options-grid,
  .collection-detail-v11 .related-grid {
    grid-template-columns: 1fr !important;
  }

  .collection-detail-v11 .col-option,
  .collection-detail-v11 .related-card {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(23,54,93,0.09) !important;
  }

  .collection-detail-v11 .col-option:last-child,
  .collection-detail-v11 .related-card:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .collection-detail-v11 .header {
    min-height: 66px !important;
  }

  .collection-detail-v11 .col-hero {
    min-height: 520px !important;
    max-height: none !important;
  }

  .collection-detail-v11 .col-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
  }

  .collection-detail-v11 .col-tags {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin-inline: -16px !important;
    padding: 0 16px 4px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .collection-detail-v11 .col-tags li {
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
    white-space: nowrap !important;
  }

  .collection-detail-v11 .sample-item-info {
    min-height: 136px !important;
    padding: 20px 14px 18px !important;
  }

  .collection-detail-v11 .col-hero .container,
  .collection-detail-v11 .col-intro .container,
  .collection-detail-v11 .col-grid .container,
  .collection-detail-v11 .col-options .container,
  .collection-detail-v11 .col-related .container,
  .collection-detail-v11 .col-faq .container,
  .collection-detail-v11 .col-cta .container,
  .collection-detail-v11 .footer .container {
    width: min(100% - 32px, 1180px) !important;
  }
}

@media (max-width: 599px) {
  .collection-detail-v11 .sample-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  .collection-detail-v11 .col-hero {
    min-height: 500px !important;
    height: auto !important;
  }

  .collection-detail-v11 .col-hero h1 {
    font-size: clamp(35px, 10.8vw, 46px) !important;
    line-height: 1.04 !important;
  }

  .collection-detail-v11 .col-grid,
  .collection-detail-v11 .col-faq,
  .collection-detail-v11 .col-related {
    padding-block: 46px !important;
  }

  .collection-detail-v11 .col-cta h2 {
    font-size: clamp(34px, 10vw, 44px) !important;
  }
}