/* You Said It Marketplace: Connect design system + Marketplace identity */
:root{
  --marketplace-mint:#ADE5CC;
  --marketplace-mint-dark:#66B096;
  --marketplace-red:#E42F57;
  --marketplace-orange:#FE6E1F;
  --marketplace-blue:#419FB8;
  --marketplace-cream:#FFF9EA;
}
/* Keep all Connect typography, geometry and component sizing. */
.connect-header{background:#fff!important}
.connect-menu a:hover,.connect-sign-in:hover,.connect-menu a.is-active{color:var(--marketplace-red)!important}
.connect-menu a.is-active::after{background:var(--marketplace-red)!important}
.connect-button{background:var(--marketplace-red)!important;border-color:var(--marketplace-red)!important;box-shadow:none!important}
.connect-button:hover{background:#c92349!important;border-color:#c92349!important;box-shadow:none!important}
.connect-button--outline{background:transparent!important;color:var(--marketplace-red)!important}
.connect-button--outline:hover{background:var(--marketplace-red)!important;color:#fff!important}
.connect-kicker{background:var(--marketplace-mint)!important;color:#1f1f1f!important}
.marketplace-hero{background:radial-gradient(circle at 84% 18%,rgba(173,229,204,.17),transparent 30%),radial-gradient(circle at 82% 78%,rgba(65,159,184,.07),transparent 28%),var(--marketplace-cream)!important}
.marketplace-hero:before,.marketplace-hero:after,.marketplace-hero .brand-doodle{display:none!important;content:none!important}
.marketplace-hero h1 span{color:var(--marketplace-mint-dark)!important}
.marketplace-hero .connect-ticks span:before{background:var(--marketplace-mint-dark)!important;color:#fff!important}
.connect-trust{background:var(--marketplace-mint)!important}
.connect-trust-item strong,.connect-trust-item span{color:#1f1f1f!important}
.connect-section--blue{background:rgba(173,229,204,.16)!important}
.connect-section--pink{background:rgba(228,47,87,.055)!important}
.connect-card-icon{background:var(--marketplace-mint-dark)!important}
.connect-card:nth-child(2n) .connect-card-icon{background:var(--marketplace-red)!important}
.connect-card:nth-child(3n) .connect-card-icon{background:var(--marketplace-orange)!important}
.connect-fit-card,.connect-card,.connect-size-card,.marketplace-channel,.marketplace-designer-card,.marketplace-calculator-card{box-shadow:none!important}
.connect-flow-step strong{color:var(--marketplace-mint-dark)!important}
.connect-flow-step:not(:last-child):after,.connect-flow-step:not(:last-child):before{color:var(--marketplace-mint-dark)!important;border-color:var(--marketplace-mint-dark)!important;background:var(--marketplace-mint-dark)!important}
.connect-review-arrow,.marketplace-carousel-arrow{background:var(--marketplace-mint-dark)!important;border-color:var(--marketplace-mint-dark)!important;color:#fff!important;box-shadow:none!important}
.connect-review-dot.is-active,.marketplace-dot.is-active{background:var(--marketplace-mint-dark)!important}
.connect-faq summary:after{color:var(--marketplace-mint-dark)!important}
.connect-final-cta{background:var(--marketplace-mint-dark)!important}
.connect-final-cta .connect-button{background:#fff!important;border-color:#fff!important;color:var(--marketplace-red)!important}
.connect-final-cta .connect-button:hover{background:var(--marketplace-red)!important;border-color:var(--marketplace-red)!important;color:#fff!important}
.connect-footer{background:#fff!important}
/* Marketplace-specific pieces */
.marketplace-hero-image{display:flex;align-items:center;justify-content:center}
.marketplace-hero-image img{width:min(100%,560px);height:auto;filter:none!important}
.marketplace-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.marketplace-channel{padding:28px;border:1px solid rgba(31,31,31,.10);border-radius:22px 22px 22px 6px;background:#fff}
.marketplace-channel .marketplace-channel-badge{display:inline-flex;margin-bottom:14px;padding:6px 11px;border-radius:999px;background:rgba(173,229,204,.45);font-size:12px;font-weight:700;color:#36574c}
.marketplace-channel h3{margin:0 0 10px;font-size:20px}.marketplace-channel p{margin:0;color:#555;line-height:1.65;font-size:15px}
.marketplace-designer-carousel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center}
.marketplace-designer-viewport{overflow:hidden}.marketplace-designer-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px}.marketplace-designer-track::-webkit-scrollbar{display:none}
.marketplace-designer-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;padding:26px;border:1px solid rgba(31,31,31,.10);border-radius:22px 22px 22px 6px;background:#fff}
.marketplace-designer-logo{display:grid;width:100%;height:112px;margin-bottom:18px;place-items:center;border-radius:15px 15px 15px 4px;background:rgba(173,229,204,.18);font-family:'Amatic SC',sans-serif;font-size:34px;font-weight:700;color:var(--marketplace-mint-dark)}
.marketplace-designer-card h3{margin:0 0 5px;font-size:20px}.marketplace-designer-card p{margin:0 0 18px;color:#555;font-size:14px;line-height:1.6}.marketplace-designer-card a{color:var(--marketplace-red);font-weight:700}
.marketplace-carousel-arrow{display:grid;width:46px;height:46px;padding:0;place-items:center;border:0;border-radius:50%;font:700 23px/1 'Poppins',sans-serif;cursor:pointer}
.marketplace-calculator-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.marketplace-calculator-card{padding:30px;border:1px solid rgba(31,31,31,.10);border-radius:22px 22px 22px 6px;background:#fff}.marketplace-calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.marketplace-field label{display:block;margin-bottom:7px;font-size:14px;font-weight:700}.marketplace-field input{width:100%;min-height:50px;padding:0 14px;border:1px solid #d9dfdc;border-radius:9px;font:600 16px 'Poppins',sans-serif}.marketplace-field small{display:block;margin-top:6px;color:#777}.marketplace-calculator-result{margin-top:22px;padding:24px;border-radius:18px 18px 18px 5px;background:var(--marketplace-mint-dark);color:#fff}.marketplace-calculator-result span{display:block;font-size:13px;font-weight:700}.marketplace-calculator-result strong{display:block;margin:6px 0 4px;font-size:42px;color:#fff}.marketplace-calculator-result p{margin:0;color:#fff;opacity:.9;font-size:13px}.marketplace-note{margin-top:14px;padding:13px 15px;border-left:4px solid var(--marketplace-mint-dark);border-radius:4px 10px 10px 4px;background:rgba(173,229,204,.14);color:#555;font-size:13px;line-height:1.6}
.marketplace-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.marketplace-product{overflow:hidden;border:1px solid rgba(31,31,31,.10);border-radius:18px 18px 18px 5px;background:#fff}.marketplace-product img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.marketplace-product h3{margin:15px 17px 18px;font-size:17px}
.marketplace-quote{padding:50px 0;background:var(--marketplace-cream)}.marketplace-quote-card{max-width:900px;margin:0 auto;padding:34px;border:1px solid rgba(31,31,31,.1);border-radius:22px 22px 22px 6px;background:#fff}.marketplace-quote-card blockquote{margin:0 0 20px;font-size:19px;line-height:1.7}.marketplace-quote-card a{color:var(--marketplace-mint-dark);font-weight:700}
.marketplace-page-hero{padding:72px 0 56px;background:radial-gradient(circle at 88% 15%,rgba(173,229,204,.18),transparent 28%),var(--marketplace-cream)}.marketplace-page-hero h1{max-width:850px;margin:12px 0 16px;font-size:clamp(50px,6vw,78px);line-height:.95}.marketplace-page-hero p{max-width:720px;font-size:18px;line-height:1.7;color:#555}
.marketplace-content{padding:70px 0}.marketplace-content h2{font-family:'Amatic SC',sans-serif;font-size:48px;line-height:1;margin:42px 0 14px}.marketplace-content h3{font-size:20px;margin:28px 0 8px}.marketplace-content p,.marketplace-content li{color:#555;line-height:1.75}.marketplace-content ul{padding-left:22px}
@media(max-width:950px){.marketplace-channel-grid{grid-template-columns:1fr 1fr}.marketplace-designer-card{flex-basis:calc((100% - 20px)/2)}.marketplace-calculator-shell{grid-template-columns:1fr}.marketplace-products{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.marketplace-channel-grid{grid-template-columns:1fr}.marketplace-designer-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.marketplace-designer-card{flex-basis:100%}.marketplace-carousel-arrow{width:38px;height:38px}.marketplace-calculator-fields{grid-template-columns:1fr}.marketplace-products{grid-template-columns:1fr 1fr}.marketplace-hero .connect-lead{font-size:16px!important}.marketplace-hero .connect-ticks span{font-size:14px!important}}

/* Designer testimonial */
.marketplace-testimonials{padding:44px 0 8px;background:transparent}
.marketplace-quote-card--single{box-sizing:border-box;width:100%;margin:0;padding:32px 36px;background:#fff;border:1px solid rgba(31,31,31,.10);border-radius:22px 22px 22px 6px}
.marketplace-quote-card--single blockquote{margin:0 0 18px;font-size:18px;line-height:1.65}
.marketplace-quote-card--single a{color:var(--marketplace-mint-dark);font-weight:700}
@media(max-width:650px){.marketplace-quote-card--single{padding:25px 22px}.marketplace-quote-card--single blockquote{font-size:16px}}

/* Single designer review - match Industry Membership card width and proportions */
.marketplace-quote-card.marketplace-quote-card--single{
  max-width:none;
  width:100%;
  margin:0;
  padding:38px 44px;
  border-radius:24px;
  box-shadow:0 10px 30px rgba(30,30,30,.045);
}
@media(max-width:650px){
  .marketplace-quote-card.marketplace-quote-card--single{padding:30px 24px}
}

/* Marketplace Help Centre */
.help-hero .guide-eyebrow,.guide-hero .guide-eyebrow,.legal-hero .guide-eyebrow{background:#ADE5CC;color:#1f1f1f}
.help-filter.is-active,.help-filter:hover{border-color:#4F8F79;color:#4F8F79}
.help-card strong,.guide-breadcrumbs a,.legal-note a{color:#4F8F79}
.faq-question span{color:#4F8F79!important}
.guide-section .step-number{background:#66B096}
.guide-section .note{border-left-color:#66B096}

/* Marketplace help centre refinements */
.help-hero{background:#F3F8EA!important}
.help-filter.is-active{background:#E9365B!important;border-color:#E9365B!important;color:#fff!important}
.help-filter.is-active:hover{background:#E9365B!important;border-color:#E9365B!important;color:#fff!important}
.screenshot img{cursor:zoom-in}
.image-modal img{cursor:zoom-out}

/* Marketplace help navigation + FAQ colour refinements */
.connect-brand-site .legal-content h2{color:var(--marketplace-mint-dark)!important}

/* Designer logo images */
.marketplace-designer-logo{overflow:hidden;padding:0;background:#fff}
.marketplace-designer-logo img{display:block;width:100%;height:100%;object-fit:contain}


/* ==========================================================
   Marketplace designer logos - circular treatment
   ========================================================== */
.marketplace-designer-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:150px;
  margin:0 0 18px;
  padding:18px;
  background:rgba(169,226,203,.18);
  border-radius:16px 16px 16px 5px;
}

.marketplace-designer-logo-circle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:118px;
  height:118px;
  padding:10px;
  border:5px solid rgba(102,176,150,.42);
  border-radius:50%;
  background:#fff;
  overflow:hidden;
  box-sizing:border-box;
}

.marketplace-designer-logo-circle img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}

/* Neutralise the previous full-width logo rule if present. */
.marketplace-designer-logo{
  display:none !important;
}

@media(max-width:650px){
  .marketplace-designer-logo-wrap{
    min-height:135px;
    padding:15px;
  }
  .marketplace-designer-logo-circle{
    width:104px;
    height:104px;
  }
}

/* Designer carousel refinements */
.marketplace-designer-card{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.marketplace-designer-card p{
  flex:1 1 auto;
}
.marketplace-designer-card > a{
  margin-top:auto;
  align-self:flex-start;
}
.marketplace-designer-logo-wrap{
  background:#fff !important;
  border:1px solid rgba(31,31,31,.06);
}
.marketplace-designer-logo-circle{
  border-color:rgba(102,176,150,.42) !important;
  background:#fff !important;
}
.marketplace-designer-logo-circle--join{
  font:700 48px/1 'Poppins',sans-serif;
  color:var(--marketplace-mint-dark);
}

/* Fixed hero artwork positioning */
.connect-hero .marketplace-hero-dashboard-fixed,
.marketplace-hero .marketplace-hero-dashboard-fixed{
  display:block !important;
  width:min(100%, 690px) !important;
  height:auto !important;
  margin:-30px 0 0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
.connect-hero .connect-hero-media,
.connect-hero .connect-hero-image,
.marketplace-hero .connect-hero-media,
.marketplace-hero .connect-hero-image{
  background:transparent !important;
  overflow:visible !important;
}
@media(max-width:900px){
  .connect-hero .marketplace-hero-dashboard-fixed,
  .marketplace-hero .marketplace-hero-dashboard-fixed{
    width:min(100%, 620px) !important;
    margin:12px auto 0 !important;
  }
}
@media(max-width:650px){
  .connect-hero .marketplace-hero-dashboard-fixed,
  .marketplace-hero .marketplace-hero-dashboard-fixed{
    width:100% !important;
    margin:16px auto 0 !important;
  }
}

/* Connect-style Marketplace hero visual */
.connect-hero .marketplace-hero-connect-style,
.marketplace-hero .marketplace-hero-connect-style{
  display:block !important;
  width:min(100%, 610px) !important;
  height:auto !important;
  margin:-12px 0 0 auto !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.connect-hero .connect-hero-media,
.connect-hero .connect-hero-image,
.marketplace-hero .connect-hero-media,
.marketplace-hero .connect-hero-image{
  overflow:visible !important;
  background:transparent !important;
}
@media(min-width:1200px){
  .connect-hero .marketplace-hero-connect-style,
  .marketplace-hero .marketplace-hero-connect-style{
    width:600px !important;
    transform:translate(-12px,-10px);
  }
}
@media(max-width:900px){
  .connect-hero .marketplace-hero-connect-style,
  .marketplace-hero .marketplace-hero-connect-style{
    width:min(100%,580px) !important;
    margin:18px auto 0 !important;
    transform:none !important;
  }
}
@media(max-width:650px){
  .connect-hero .marketplace-hero-connect-style,
  .marketplace-hero .marketplace-hero-connect-style{
    width:100% !important;
  }
}

/* Marketplace hero - new transparent dashboard/cards visual */
.connect-hero .marketplace-hero-new-art,
.marketplace-hero .marketplace-hero-new-art{
  display:block !important;
  width:min(100%, 610px) !important;
  height:auto !important;
  margin:-42px 0 0 auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.connect-hero .connect-hero-media,
.connect-hero .connect-hero-image,
.marketplace-hero .connect-hero-media,
.marketplace-hero .connect-hero-image{
  overflow:visible !important;
  background:transparent !important;
}
@media(min-width:1200px){
  .connect-hero .marketplace-hero-new-art,
  .marketplace-hero .marketplace-hero-new-art{
    width:600px !important;
    transform:translate(-8px,-14px);
  }
}
@media(max-width:900px){
  .connect-hero .marketplace-hero-new-art,
  .marketplace-hero .marketplace-hero-new-art{
    width:min(100%,580px) !important;
    margin:10px auto 0 !important;
    transform:none !important;
  }
}
@media(max-width:650px){
  .connect-hero .marketplace-hero-new-art,
  .marketplace-hero .marketplace-hero-new-art{
    width:100% !important;
    margin:14px auto 0 !important;
  }
}

/* User supplied cropped hero - larger and higher, matching reference placement */
.connect-hero .marketplace-hero-user-art,
.marketplace-hero .marketplace-hero-user-art{
  display:block !important;
  width:min(118%, 760px) !important;
  max-width:none !important;
  height:auto !important;
  margin:-72px -28px 0 auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.connect-hero .connect-hero-media,
.connect-hero .connect-hero-image,
.marketplace-hero .connect-hero-media,
.marketplace-hero .connect-hero-image{
  overflow:visible !important;
  background:transparent !important;
}
@media(min-width:1200px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:720px !important;
    transform:translate(-10px,-8px);
  }
}
@media(max-width:1100px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:min(112%,680px) !important;
    margin:-40px -10px 0 auto !important;
    transform:none !important;
  }
}
@media(max-width:900px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:min(100%,650px) !important;
    margin:10px auto 0 !important;
  }
}

/* Final hero sizing matched more closely to the Connect homepage */
.connect-hero .marketplace-hero-user-art,
.marketplace-hero .marketplace-hero-user-art{
  display:block !important;
  width:min(100%, 620px) !important;
  max-width:620px !important;
  height:auto !important;
  margin:-34px 0 0 auto !important;
  transform:translateX(-22px) !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media(min-width:1200px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:610px !important;
    max-width:610px !important;
    margin:-38px 0 0 auto !important;
    transform:translateX(-30px) !important;
  }
}
@media(max-width:1100px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:min(100%,590px) !important;
    max-width:590px !important;
    margin:-22px auto 0 !important;
    transform:none !important;
  }
}
@media(max-width:900px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    width:min(100%,560px) !important;
    margin:12px auto 0 !important;
  }
}

/* Hero position adjustment: move artwork approximately 65px upward */
@media(min-width:1101px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    margin-top:-99px !important;
  }
}
@media(min-width:1200px){
  .connect-hero .marketplace-hero-user-art,
  .marketplace-hero .marketplace-hero-user-art{
    margin-top:-103px !important;
  }
}

/* Additional hero adjustment: another 40px upward */
@media(min-width:1101px){.connect-hero .marketplace-hero-user-art,.marketplace-hero .marketplace-hero-user-art{margin-top:-139px !important;}}
@media(min-width:1200px){.connect-hero .marketplace-hero-user-art,.marketplace-hero .marketplace-hero-user-art{margin-top:-143px !important;}}