/* TradesFolks 18.4.20 — RFQ/Easy Sourcing compact refinement
   Keeps the current uploaded background artwork and exact section structure.
   Goal: visibly shorter, tighter and more premium across devices. */

.tf-homepage .easy-sourcing-section,
body:has(.market-hero) .easy-sourcing-section{
  margin-top:14px!important;
  margin-bottom:18px!important;
  padding:0!important;
}

.tf-homepage .easy-sourcing-section .shell.easy-sourcing-grid,
.easy-sourcing-section .shell.easy-sourcing-grid,
body:has(.market-hero) .easy-sourcing-section>.shell{
  width:calc(100% - 64px)!important;
  max-width:none!important;
  margin:0 32px!important;
  min-height:0!important;
  height:auto!important;
  grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(10,35,70,.07)!important;
}

/* Left visual/copy side */
.tf-homepage .easy-sourcing-visual,
body:has(.market-hero) .easy-sourcing-visual{
  min-height:300px!important;
  height:auto!important;
  padding:24px 30px!important;
}

.tf-homepage .easy-sourcing-copy,
body:has(.market-hero) .easy-sourcing-copy{
  max-width:590px!important;
}

.tf-homepage .easy-sourcing-copy .eyebrow,
body:has(.market-hero) .easy-sourcing-copy .eyebrow{
  font-size:10px!important;
  line-height:1.2!important;
}

.tf-homepage .easy-sourcing-copy h2,
body:has(.market-hero) .easy-sourcing-copy h2{
  font-size:34px!important;
  line-height:1.08!important;
  margin:5px 0 8px!important;
}

.tf-homepage .easy-sourcing-copy>p,
body:has(.market-hero) .easy-sourcing-copy>p{
  margin:0 0 11px!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.tf-homepage .easy-sourcing-copy ul,
body:has(.market-hero) .easy-sourcing-copy ul{
  margin:10px 0 12px!important;
  gap:4px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}

.tf-homepage .easy-sourcing-copy li:before,
body:has(.market-hero) .easy-sourcing-copy li:before{
  width:17px!important;
  height:17px!important;
  margin-right:7px!important;
  font-size:10px!important;
}

.tf-homepage .easy-sourcing-copy>a,
body:has(.market-hero) .easy-sourcing-copy>a{
  font-size:12.5px!important;
}

/* Right RFQ card */
.tf-homepage .easy-sourcing-form-card,
body:has(.market-hero) .easy-sourcing-form-card{
  align-self:center!important;
  min-height:0!important;
  height:auto!important;
  margin:18px 20px!important;
  padding:20px 24px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 24px rgba(7,31,72,.07)!important;
}

.tf-homepage .easy-sourcing-form-card>.eyebrow,
body:has(.market-hero) .easy-sourcing-form-card>.eyebrow{
  display:none!important;
}

.tf-homepage .easy-sourcing-form-card h2,
body:has(.market-hero) .easy-sourcing-form-card h2{
  font-size:27px!important;
  line-height:1.12!important;
  margin:0 0 10px!important;
}

.tf-homepage .easy-sourcing-form-card>p,
body:has(.market-hero) .easy-sourcing-form-card>p{
  display:none!important;
}

.tf-homepage .easy-rfq-form,
body:has(.market-hero) .easy-rfq-form{
  gap:9px!important;
}

.tf-homepage .easy-rfq-form label,
body:has(.market-hero) .easy-rfq-form label{
  gap:4px!important;
}

.tf-homepage .easy-rfq-form label>span,
body:has(.market-hero) .easy-rfq-form label>span{
  display:none!important;
}

.tf-homepage .easy-rfq-form input,
.tf-homepage .easy-rfq-form select,
body:has(.market-hero) .easy-rfq-form input,
body:has(.market-hero) .easy-rfq-form select{
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

.tf-homepage .easy-rfq-form textarea,
body:has(.market-hero) .easy-rfq-form textarea{
  min-height:72px!important;
  max-height:96px!important;
  padding:11px 13px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

.tf-homepage .easy-rfq-row,
body:has(.market-hero) .easy-rfq-row{
  grid-template-columns:minmax(0,.88fr) minmax(150px,1fr)!important;
  gap:9px!important;
}

.tf-homepage .easy-rfq-form button,
body:has(.market-hero) .easy-rfq-form button{
  width:auto!important;
  min-width:210px!important;
  height:42px!important;
  min-height:42px!important;
  margin-top:1px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:13px!important;
  justify-self:start!important;
}

/* Preserve background visibility after shrinking the block */
.tf-homepage .easy-sourcing-background-image,
body:has(.market-hero) .easy-sourcing-background-image{
  object-fit:cover!important;
  object-position:center center!important;
}

@media (min-width:1024px) and (max-width:1399px){
  .tf-homepage .easy-sourcing-section .shell.easy-sourcing-grid,
  .easy-sourcing-section .shell.easy-sourcing-grid,
  body:has(.market-hero) .easy-sourcing-section>.shell{
    width:calc(100% - 40px)!important;
    margin-inline:20px!important;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  }
  .tf-homepage .easy-sourcing-visual,
  body:has(.market-hero) .easy-sourcing-visual{
    min-height:286px!important;
    padding:20px 24px!important;
  }
  .tf-homepage .easy-sourcing-form-card,
  body:has(.market-hero) .easy-sourcing-form-card{
    margin:14px 16px!important;
    padding:18px 20px!important;
  }
  .tf-homepage .easy-sourcing-copy h2,
  body:has(.market-hero) .easy-sourcing-copy h2{font-size:31px!important}
  .tf-homepage .easy-sourcing-form-card h2,
  body:has(.market-hero) .easy-sourcing-form-card h2{font-size:24px!important}
}

/* Tablet: retain image first, compact form second. */
@media (min-width:700px) and (max-width:1023px){
  .tf-homepage .easy-sourcing-section .shell.easy-sourcing-grid,
  .easy-sourcing-section .shell.easy-sourcing-grid,
  body:has(.market-hero) .easy-sourcing-section>.shell{
    width:calc(100% - 32px)!important;
    margin-inline:16px!important;
    grid-template-columns:1fr 1fr!important;
    border-radius:18px!important;
  }
  .tf-homepage .easy-sourcing-visual,
  body:has(.market-hero) .easy-sourcing-visual{
    min-height:275px!important;
    padding:20px!important;
  }
  .tf-homepage .easy-sourcing-form-card,
  body:has(.market-hero) .easy-sourcing-form-card{
    margin:12px!important;
    padding:17px!important;
    border-radius:16px!important;
  }
  .tf-homepage .easy-sourcing-copy h2,
  body:has(.market-hero) .easy-sourcing-copy h2{font-size:28px!important}
  .tf-homepage .easy-sourcing-copy ul,
  body:has(.market-hero) .easy-sourcing-copy ul{font-size:12px!important}
  .tf-homepage .easy-sourcing-form-card h2,
  body:has(.market-hero) .easy-sourcing-form-card h2{font-size:22px!important}
  .tf-homepage .easy-rfq-row,
  body:has(.market-hero) .easy-rfq-row{grid-template-columns:1fr!important}
}

/* Mobile: one compact card, much shorter than current version. */
@media (max-width:699px){
  .tf-homepage .easy-sourcing-section,
  body:has(.market-hero) .easy-sourcing-section{
    margin-top:10px!important;
    margin-bottom:14px!important;
  }
  .tf-homepage .easy-sourcing-section .shell.easy-sourcing-grid,
  .easy-sourcing-section .shell.easy-sourcing-grid,
  body:has(.market-hero) .easy-sourcing-section>.shell{
    width:calc(100% - 24px)!important;
    margin-inline:12px!important;
    grid-template-columns:1fr!important;
    border-radius:16px!important;
  }
  .tf-homepage .easy-sourcing-visual,
  body:has(.market-hero) .easy-sourcing-visual{
    min-height:220px!important;
    padding:17px 15px!important;
  }
  .tf-homepage .easy-sourcing-copy h2,
  body:has(.market-hero) .easy-sourcing-copy h2{
    font-size:25px!important;
    margin-bottom:6px!important;
  }
  .tf-homepage .easy-sourcing-copy>p,
  body:has(.market-hero) .easy-sourcing-copy>p{
    font-size:12px!important;
    margin-bottom:7px!important;
  }
  .tf-homepage .easy-sourcing-copy ul,
  body:has(.market-hero) .easy-sourcing-copy ul{
    margin:7px 0 9px!important;
    font-size:11.5px!important;
  }
  .tf-homepage .easy-sourcing-form-card,
  body:has(.market-hero) .easy-sourcing-form-card{
    margin:0!important;
    padding:16px 14px 17px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .tf-homepage .easy-sourcing-form-card h2,
  body:has(.market-hero) .easy-sourcing-form-card h2{
    font-size:21px!important;
    margin-bottom:9px!important;
  }
  .tf-homepage .easy-rfq-form input,
  .tf-homepage .easy-rfq-form select,
  body:has(.market-hero) .easy-rfq-form input,
  body:has(.market-hero) .easy-rfq-form select{
    height:42px!important;
    font-size:16px!important;
  }
  .tf-homepage .easy-rfq-form textarea,
  body:has(.market-hero) .easy-rfq-form textarea{
    min-height:66px!important;
    font-size:16px!important;
  }
  .tf-homepage .easy-rfq-row,
  body:has(.market-hero) .easy-rfq-row{
    grid-template-columns:minmax(0,1fr) minmax(110px,.7fr)!important;
  }
  .tf-homepage .easy-rfq-form button,
  body:has(.market-hero) .easy-rfq-form button{
    width:100%!important;
    min-width:0!important;
    height:43px!important;
    justify-self:stretch!important;
  }
}

@media (max-width:390px){
  .tf-homepage .easy-rfq-row,
  body:has(.market-hero) .easy-rfq-row{
    grid-template-columns:1fr!important;
  }
}