@import url("./marketing-pages.css?v=2");

/* Dedicated homepage layout. This file is loaded only on the public homepage. */
.cadaii-home{
  width:100%;
  overflow-x:clip;
}

.cadaii-home .container{
  width:min(calc(100% - 2.5rem),74rem);
}

.home-hero-v2{
  padding:clamp(3.5rem,6vw,5.75rem) 0;
}

.home-hero-layout{
  min-height:32rem;
}

.home-section{
  padding:clamp(4rem,6vw,5.75rem) 0;
}

.home-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(2.5rem,5vw,4.75rem);
  align-items:center;
}

.home-split-reverse .home-copy,
.home-split-reverse .home-visual{
  order:initial;
}

.home-copy{
  width:100%;
  max-width:36rem;
  min-width:0;
}

.home-split>.home-copy:first-child{
  justify-self:start;
}

.home-split>.home-copy:last-child{
  justify-self:end;
}

.home-visual{
  display:flex;
  width:100%;
  min-width:0;
  align-items:center;
  justify-content:center;
}

.home-visual img{
  width:100%;
  max-width:38rem;
  max-height:28rem;
  margin:auto;
  object-fit:contain;
}

.home-hero-v2 .home-copy{
  max-width:39rem;
}

.home-hero-v2 .home-visual img{
  max-width:41rem;
  max-height:32rem;
}

.home-tamilini-homepage-image{
  border-radius:clamp(1rem,2.5vw,2rem);
  box-shadow:0 20px 44px rgb(8 79 117 / 18%);
}

.home-hero-v2 h1{
  max-width:13ch;
  font-size:clamp(2.65rem,4.8vw,4.65rem);
  line-height:1.01;
}

.home-section-heading{
  width:100%;
}

.home-centered{
  max-width:46rem;
  margin-inline:auto;
}

.home-value-grid{
  align-items:stretch;
}

.home-mini-card{
  display:flex;
  min-height:15rem;
  flex-direction:column;
  align-items:flex-start;
}

.home-mini-card p{
  margin-top:auto;
}

.home-step-list article{
  align-items:start;
}

.home-category-intro,
.home-store-intro{
  grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);
  gap:3rem;
  margin-bottom:2.25rem;
}

.home-category-intro>img,
.home-store-intro>img{
  height:auto;
  max-height:10rem;
}

.home-category-card{
  min-height:4.75rem;
}

.home-listing-grid{
  align-items:stretch;
}

.home-listing-grid .listing-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
}

.home-listing-grid .listing-card .card-body{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
}

.home-listing-grid .listing-card-actions{
  margin-top:auto;
  padding-top:.75rem;
}

.home-store-grid{
  align-items:stretch;
}

.home-store-card{
  min-width:0;
  height:100%;
}

.home-store-card>div{
  min-width:0;
}

.home-store-card h3,
.home-store-card p{
  overflow-wrap:anywhere;
}

.home-seller-goal{
  position:relative;
  isolation:isolate;
  background:linear-gradient(135deg,#fff 0,#f5fbff 55%,#f4faed 100%);
}

.home-seller-goal:after{
  position:absolute;
  z-index:-1;
  right:-8rem;
  bottom:-8rem;
  width:22rem;
  height:22rem;
  border:2rem solid rgb(139 197 63 / 9%);
  border-radius:50%;
  content:"";
}

.home-goal-subtitle{
  max-width:34rem;
  margin:.15rem 0 1rem;
  color:#163243!important;
  font-size:1.08rem;
  font-weight:800;
}

.home-goal-highlight{
  display:flex;
  align-items:center;
  gap:.8rem;
  max-width:36rem;
  margin:1.35rem 0 0;
  padding:1rem 1.1rem;
  border:1px solid #cfe5b6;
  border-radius:1rem;
  background:#f2faea;
  color:#315b18!important;
  font-weight:800;
}

.home-goal-highlight i{
  display:grid;
  flex:0 0 2.4rem;
  width:2.4rem;
  height:2.4rem;
  place-items:center;
  border-radius:.75rem;
  background:#8bc53f;
  color:#fff;
}

.home-local-cart{
  position:relative;
  isolation:isolate;
  background:linear-gradient(145deg,#eaf7ff 0,#f7fcff 48%,#fff3e6 100%);
}

.home-local-cart:before{
  position:absolute;
  z-index:-1;
  top:3rem;
  left:-5rem;
  width:14rem;
  height:14rem;
  border-radius:50%;
  background:rgb(22 137 201 / 7%);
  content:"";
}

.home-cart-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
  margin-top:1rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid #d8eaf2;
  border-radius:1.5rem;
  background:rgb(255 255 255 / 82%);
  box-shadow:0 18px 46px rgb(22 50 67 / 8%);
}

.home-cart-intro .home-copy{
  max-width:34rem;
}

.home-cart-visual img{
  max-height:25rem;
  filter:none;
}

.home-cart-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-top:1.25rem;
}

.home-cart-card{
  min-width:0;
  padding:1.35rem;
  border:1px solid #d8eaf2;
  border-radius:1.1rem;
  background:#fff;
  box-shadow:0 10px 26px rgb(22 50 67 / 6%);
}

.home-cart-card>span{
  display:grid;
  width:3rem;
  height:3rem;
  margin-bottom:1rem;
  place-items:center;
  border-radius:.9rem;
  font-size:1.15rem;
}

.home-cart-card h3{
  margin:0 0 .45rem;
  font-size:1.02rem;
}

.home-cart-card p{
  margin:0;
  font-size:.9rem;
}

.home-cart-card-blue>span{background:#eaf7ff;color:#0877b5}
.home-cart-card-orange>span{background:#fff3e6;color:#c65d00}
.home-cart-card-green>span{background:#f2faea;color:#4e7e18}
.home-cart-card-red>span{background:#ffeded;color:#bd343a}

.home-order-flow{
  margin-top:1.25rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid #d8eaf2;
  border-radius:1.25rem;
  background:#fff;
}

.home-order-flow>h3{
  margin:0 0 1.4rem;
  text-align:center;
}

.home-order-flow ol{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1.35rem;
  margin:0;
  padding:0;
  list-style:none;
}

.home-order-flow li{
  position:relative;
  display:grid;
  justify-items:center;
  gap:.65rem;
  min-width:0;
  text-align:center;
}

.home-order-flow li:not(:last-child):after{
  position:absolute;
  top:1.35rem;
  right:-1rem;
  color:#86acbf;
  content:"→";
  font-size:1.2rem;
  font-weight:900;
}

.home-order-flow li>span{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border:1px solid #cce3ed;
  border-radius:50%;
  background:#eaf7ff;
  color:#1689c9;
}

.home-order-flow li:nth-child(2)>span,
.home-order-flow li:nth-child(4)>span{background:#fff3e6;color:#c65d00}
.home-order-flow li:nth-child(3)>span,
.home-order-flow li:nth-child(5)>span{background:#f2faea;color:#4e7e18}
.home-order-flow strong{max-width:9rem;font-size:.82rem;line-height:1.35}

.home-cart-note{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  max-width:54rem;
  margin:1.25rem auto 0;
  color:#425f6e!important;
  font-size:.88rem;
  text-align:center;
}

.home-cart-note i{
  margin-top:.22rem;
  color:#1689c9;
}

.home-final-cta{
  padding:clamp(4rem,6vw,5.5rem) 0;
}

@media (max-width:64rem){
  .cadaii-home .container{
    width:min(calc(100% - 2rem),74rem);
  }

  .home-split{
    gap:2.5rem;
  }

  .home-hero-v2 h1{
    font-size:clamp(2.5rem,5.4vw,3.8rem);
  }

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

@media (max-width:60rem){
  .home-split{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .home-copy,
  .home-split>.home-copy:first-child,
  .home-split>.home-copy:last-child{
    max-width:42rem;
    justify-self:center;
  }

  .home-split-reverse .home-copy{
    order:1;
  }

  .home-split-reverse .home-visual{
    order:2;
  }

  .home-visual{
    max-width:42rem;
    margin-inline:auto;
  }

  .home-visual img{
    max-height:25rem;
  }

  .home-hero-v2 .home-copy{
    max-width:44rem;
  }

  .home-hero-v2 .home-visual img{
    max-height:29rem;
  }

  .home-value-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-mini-card{
    min-height:12rem;
  }

  .home-listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-cart-intro{
    grid-template-columns:1fr;
  }

  .home-cart-intro .home-copy{
    max-width:42rem;
    justify-self:center;
  }

  .home-cart-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:46rem){
  .home-hero-v2,
  .home-section,
  .home-final-cta{
    padding-block:3.5rem;
  }

  .home-category-intro,
  .home-store-intro{
    grid-template-columns:1fr;
    gap:1.25rem;
  }

  .home-category-intro>img,
  .home-store-intro>img{
    width:min(100%,22rem);
    max-height:8rem;
    margin-inline:auto;
  }

  .home-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-store-grid{
    grid-template-columns:1fr;
  }

  .home-order-flow ol{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  .home-order-flow li{
    grid-template-columns:3rem minmax(0,1fr);
    justify-items:start;
    align-items:center;
    padding:.7rem;
    border-radius:.85rem;
    background:#f8fbfc;
    text-align:left;
  }

  .home-order-flow li:not(:last-child):after{
    top:auto;
    right:auto;
    bottom:-.75rem;
    left:2rem;
    content:"↓";
  }

  .home-order-flow strong{
    max-width:none;
  }

  .home-cart-note{
    text-align:left;
  }
}

@media (max-width:34rem){
  .cadaii-home .container{
    width:min(calc(100% - 1.25rem),74rem);
  }

  .home-hero-v2 h1{
    max-width:none;
    font-size:clamp(2.25rem,12vw,3.2rem);
  }

  .home-value-grid,
  .home-check-grid,
  .home-category-grid,
  .home-listing-grid{
    grid-template-columns:1fr;
  }

  .home-mini-card{
    min-height:0;
  }

  .home-cart-card-grid{
    grid-template-columns:1fr;
  }

  .home-store-card{
    grid-template-columns:4.5rem minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce){
  .home-motion-ready [data-home-reveal]{
    opacity:1;
    transform:none;
  }
}
.home-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.home-location-grid a{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid rgba(16,102,145,.14);border-radius:16px;background:#fff;color:#16334b;text-decoration:none;box-shadow:0 8px 22px rgba(16,71,99,.07)}.home-location-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f7fb;color:#087dac}.home-location-grid strong,.home-location-grid small{display:block}.home-location-grid small{margin-top:.2rem;color:#657b8d}@media(max-width:900px){.home-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-location-grid{grid-template-columns:1fr}}