/* Ordering information: extends the existing JeVut shop theme. */
#hero.ordering-hero{height:auto!important;min-height:100svh!important;padding:140px 0 110px!important}
#hero.ordering-hero .hero-content{max-width:800px!important;width:100%!important}
#hero.ordering-hero .hero-sub{max-width:560px!important;font-family:'Jost',sans-serif!important;font-size:16px!important;line-height:1.65!important;color:rgba(255,255,255,.9)!important;margin-bottom:26px!important}
#hero.ordering-hero .hero-sub strong{display:block;font-size:20px;font-weight:500;margin-bottom:10px}
#hero.ordering-hero .hero-sub span{display:block}
#hero.ordering-hero .hero-actions{flex-wrap:wrap!important;gap:12px!important}
#hero.ordering-hero .btn-primary,.btn-bespoke-invoice{min-height:48px!important;padding:15px 20px!important;font-family:'Jost',sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.5px!important;text-transform:none!important;text-align:center;cursor:pointer!important}
.btn-bespoke-invoice{color:#fff;background:rgba(0,14,32,.6);border:1px solid rgba(255,255,255,.65)}
.btn-bespoke-invoice:hover{background:var(--navy);border-color:var(--rose)}
.ordering-whatsapp{display:inline-flex;align-items:center;gap:9px;color:#fff;margin-top:22px;padding:6px 0;font-family:'Jost',sans-serif;font-size:15px;text-underline-offset:5px;cursor:pointer}
.ordering-whatsapp:hover{color:var(--lrose)}
.ordering-whatsapp:focus-visible,.btn-bespoke-invoice:focus-visible,#hero.ordering-hero .btn-primary:focus-visible{outline:2px solid white;outline-offset:5px}

/* About: the original numbered process, with confirmed ordering details. */
#process.order-guide{background:var(--navy);color:var(--white);padding:104px 5%;scroll-margin-top:90px;font-family:'Jost',sans-serif}
.order-guide-heading{max-width:780px;margin:0 auto 64px;text-align:center}
.order-guide-eyebrow{font-size:11px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:var(--lrose);margin-bottom:18px}
.order-guide h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,4vw,58px);font-weight:300;line-height:1.12;margin:0}
.order-guide h2 em{color:var(--lrose);font-weight:300}
.order-guide-heading>p{font-size:16px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.72);margin:20px 0 0}
.order-guide-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative;max-width:1180px;padding:0;margin:0 auto 64px}
.order-guide-steps::before{content:'';position:absolute;top:32px;left:16.67%;right:16.67%;height:1px;background:linear-gradient(to right,rgba(193,118,127,.2),var(--rose),rgba(193,118,127,.2))}
.order-guide-steps li{position:relative;text-align:center;padding:0 18px}
.order-guide-number{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--rose);border-radius:50%;background:var(--navy);font-family:'Cinzel',serif;font-size:16px;color:var(--lrose);margin:0 auto 28px;transition:background .2s,color .2s}
.order-guide-steps li:hover .order-guide-number{background:var(--rose);color:var(--navy)}
.order-guide-steps h3{font-family:'Cormorant Garamond',serif;font-size:27px;font-weight:400;line-height:1.2;margin:0 0 12px}
.order-guide-steps p{max-width:320px;margin:0 auto;font-size:16px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.72)}
.order-guide-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:0 auto;background:var(--cream);color:var(--navy);border-top:3px solid var(--rose)}
.order-guide-facts>div{padding:28px 24px;border-right:1px solid rgba(0,14,32,.13)}
.order-guide-facts>div:last-child{border-right:0}
.order-guide-facts h3{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 10px}
.order-guide-facts p{font-size:14px;font-weight:400;line-height:1.75;color:#59636e;margin:0}
#collection{scroll-margin-top:100px}
@media(max-width:900px){
  #hero.ordering-hero{padding:130px 28px 105px!important}
  #hero.ordering-hero .hero-content{padding:0!important;max-width:600px!important}
  #process.order-guide{padding:80px 32px}
  .order-guide-steps{gap:16px}.order-guide-steps li{padding:0 6px}
  .order-guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-guide-facts>div:nth-child(2){border-right:0}
  .order-guide-facts>div:nth-child(-n+2){border-bottom:1px solid rgba(0,14,32,.13)}
}
@media(max-width:640px){
  #hero.ordering-hero{padding:120px 22px 100px!important}
  #hero.ordering-hero .hero-content{max-width:100%!important;transform:none!important}
  #hero.ordering-hero .hero-sub{max-width:430px!important}
  #hero.ordering-hero .hero-sub strong{font-size:18px}
  #hero.ordering-hero .hero-actions{align-items:stretch!important;max-width:360px}
  #hero.ordering-hero .hero-scroll,#hero.ordering-hero .hero-year{bottom:30px!important}
  #hero.ordering-hero::after{background:linear-gradient(90deg,rgba(0,14,32,.9),rgba(0,14,32,.66) 65%,rgba(0,14,32,.42))!important}
  #process.order-guide{padding:64px 22px}
  .order-guide-heading{margin-bottom:40px}.order-guide-heading>p{font-size:15px}
  .order-guide-steps{grid-template-columns:1fr;gap:30px;margin-bottom:40px}
  .order-guide-steps::before{top:26px;bottom:26px;left:26px;right:auto;width:1px;height:auto;background:rgba(193,118,127,.4)}
  .order-guide-steps li{text-align:left;padding:0 0 0 76px;min-height:52px}
  .order-guide-number{position:absolute;left:0;top:0;width:52px;height:52px;margin:0;font-size:14px}
  .order-guide-steps h3{font-size:25px;margin-bottom:10px}
  .order-guide-steps p{max-width:none;font-size:15px;margin:0}
  .order-guide-facts>div{padding:22px 20px}
}
@media(max-width:480px){
  .order-guide-facts{grid-template-columns:1fr}
  .order-guide-facts>div{border-right:0;border-bottom:1px solid rgba(0,14,32,.13)}
  .order-guide-facts>div:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){#hero.ordering-hero .hero-eyebrow,#hero.ordering-hero .hero-title,#hero.ordering-hero .hero-title-2,#hero.ordering-hero .hero-sub,#hero.ordering-hero .hero-actions{animation:none!important;opacity:1!important;transform:none!important}.order-guide-number{transition:none}}
html.jevut-pwa-mode .order-guide.jevut-web-only,body.is-pwa .order-guide.jevut-web-only{display:none!important}
@media(display-mode:standalone){.order-guide.jevut-web-only{display:none!important}}