/* KIA v28 — mobile-first polish, screenshot-matched reasons, upload progression */
.kia-reasons{padding:82px 0 90px;background:#fbfaf7}
.kia-reasons-head{text-align:center;max-width:760px;margin:0 auto}
.kia-reasons-head .kia-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#e74f89;font-weight:900}
.kia-reasons-head .kia-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#e74f89}
.kia-reasons-head h2{margin:16px 0 14px;font-size:clamp(2.15rem,4.7vw,3.7rem);line-height:1.22;letter-spacing:-.055em;color:#182132}
.kia-reasons-head h2 em{font-style:normal;color:#e74f89}
.kia-reasons-head p{margin:0 auto;color:#7a8494;max-width:58ch;font-size:.95rem;line-height:2.1}

.kia-reasons-network{
  position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  max-width:960px;margin:38px auto 0;min-height:360px;
}
.kia-reasons-network:before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:repeating-linear-gradient(to bottom,#cbd3dc 0 5px,transparent 5px 10px);
  transform:translateX(-50%);
}
.kia-reasons-network:after{
  content:"";position:absolute;top:50%;left:0;right:0;height:1px;
  background:repeating-linear-gradient(to right,#cbd3dc 0 5px,transparent 5px 10px);
  transform:translateY(-50%);
}
.kia-reason{position:relative;z-index:1;text-align:center;padding:26px 38px 30px;background:transparent}
.kia-reason-dot{
  display:grid;place-items:center;width:28px;height:28px;margin:0 auto 12px;border-radius:50%;
  background:#fff;border:7px solid #edf3f6;box-shadow:0 0 0 1px rgba(24,33,50,.02);
}
.kia-reason-dot:after{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dot-cyan{color:#35b6cf}.dot-pink{color:#e74f89}.dot-lime{color:#b9df43}.dot-purple{color:#7b62e8}
.kia-reason h3{margin:0 0 7px;font-size:1.05rem;color:#182132}
.kia-reason p{margin:0 auto;max-width:245px;color:#7d8796;font-size:.72rem;line-height:1.9}

.kia-upload-illustration{filter:drop-shadow(0 24px 30px rgba(25,34,53,.10))!important}
.kia-order-v22-visual{background:
 radial-gradient(circle at 18% 18%,rgba(32,184,220,.10),transparent 31%),
 radial-gradient(circle at 82% 76%,rgba(231,79,137,.09),transparent 30%),
 linear-gradient(145deg,#fff,#f8faf8)!important}
.kia-order-v22-visual .kia-order-orbit{border-color:rgba(123,98,232,.20)!important}
.kia-order-v22-visual .kia-order-orbit:before{background:#7b62e8!important}
.kia-order-v22-visual .kia-order-orbit:after{background:#b9df43!important}

.kia-upload-files-live{display:grid;gap:8px;margin-top:10px;text-align:right;width:min(100%,440px)}
.kia-upload-file-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #e1e7ee;border-radius:13px;background:#fff;font-size:10px}
.kia-upload-file-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kia-upload-file-chip span{flex:none;color:#1597b5;font-weight:900}

@media(max-width:900px){
  .kia-navlinks{display:none!important}
  .kia-nav{min-height:72px}
  .kia-header-actions{gap:7px}
  .kia-head-control,.kia-order-top{min-height:42px}
}
@media(max-width:620px){
  .kia-site-header{overflow:visible}
  .kia-nav{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"logo menu" "actions actions"!important;
    padding:10px 12px 9px!important;
    gap:8px!important;
  }
  .kia-logo{font-size:19px!important}
  .kia-menu-toggle{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
    border:1px solid #dce3eb!important;border-radius:13px!important;background:#fff!important;
    color:#182132!important;font-size:20px!important;line-height:1!important;
  }
  .kia-header-actions{grid-template-columns:1.15fr 1fr 1fr!important;width:100%!important}
  .kia-head-control,.kia-order-top{
    min-height:42px!important;padding:8px 6px!important;font-size:9px!important;
    border-radius:13px!important;white-space:nowrap!important;
  }
  .kia-head-control .kia-icon{display:none!important}
  .kia-order-top span{display:none!important}
  .kia-mobile-nav{position:absolute;left:10px;right:10px;top:100%;z-index:200;background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:10px;box-shadow:0 18px 45px rgba(24,33,50,.16)}
  .kia-mobile-nav a{display:block;padding:12px!important}
  .kia-hero-art{display:none!important}
  .kia-hero{padding-top:28px!important}
  .kia-hero-grid{display:block!important}
  .kia-hero-copy{text-align:center}
  .kia-hero-copy p{max-width:34ch;margin-left:auto;margin-right:auto}
  .kia-hero-notes{justify-content:center}
  .kia-reasons{padding:55px 0 64px}
  .kia-reasons-head h2{font-size:2.25rem;line-height:1.27;margin-top:13px}
  .kia-reasons-head p{font-size:.79rem;line-height:2.05}
  .kia-reasons-network{min-height:390px;margin-top:28px}
  .kia-reason{padding:23px 13px 27px}
  .kia-reason-dot{width:25px;height:25px;border-width:6px;margin-bottom:10px}
  .kia-reason h3{font-size:.92rem}
  .kia-reason p{font-size:.62rem;line-height:1.85;max-width:145px}
  .kia-reason:nth-child(1){grid-column:1;grid-row:1}
  .kia-reason:nth-child(2){grid-column:2;grid-row:1}
  .kia-reason:nth-child(3){grid-column:1;grid-row:2}
  .kia-reason:nth-child(4){grid-column:2;grid-row:2}
  .kia-order-v22-visual{padding:22px 14px!important}
  .kia-order-art{min-height:270px!important}
  .kia-order-art .kia-order-orbit{width:220px;height:220px}
  .kia-order-float{font-size:.62rem;padding:6px 8px}
  .kia-order-v22-visual h3{font-size:1.35rem}
  .kia-order-v22-visual p{font-size:.72rem}
}
@media(max-width:430px){
  .kia-header-actions{grid-template-columns:1.1fr 1fr 1fr!important}
  .kia-head-control,.kia-order-top{font-size:8px!important}
  .kia-logo{font-size:18px!important}
  .kia-reasons-head h2{font-size:2rem}
  .kia-reason{padding-left:8px;padding-right:8px}
  .kia-reason p{max-width:130px}
}

/* v29 — header, order-flow and mobile polish */
@media (min-width:901px) and (max-width:1200px){
  .kia-production-header .kia-nav{grid-template-columns:150px minmax(0,1fr) auto!important;gap:12px!important}
  .kia-production-header .kia-navlinks{gap:8px!important;min-width:0!important}
  .kia-production-header .kia-navlinks a{font-size:9px!important;white-space:nowrap!important}
  .kia-production-header .kia-header-actions{gap:5px!important;flex-wrap:nowrap!important}
  .kia-production-header .kia-head-control{padding:8px 8px!important;font-size:10px!important;white-space:nowrap!important}
  .kia-production-header .kia-order-top{padding:9px 11px!important;font-size:10px!important;white-space:nowrap!important}
}
@media (min-width:901px) and (max-width:1050px){
  .kia-production-header .kia-navlinks a:nth-child(5),
  .kia-production-header .kia-navlinks a:nth-child(6){display:none!important}
  .kia-production-header .kia-nav{grid-template-columns:138px minmax(0,1fr) auto!important;gap:8px!important}
  .kia-production-header .kia-head-control{padding-inline:6px!important;font-size:9px!important}
  .kia-production-header .kia-account-label{font-size:9px!important}
}

/* Never use the old emoji cart. */
.kia-cart-icon:before{content:""!important;display:block;width:17px;height:13px;border:1.8px solid currentColor;border-top:0;border-radius:2px 2px 4px 4px;transform:skew(-5deg);position:relative}
.kia-cart-icon:after{content:"";position:absolute;width:5px;height:5px;border:1.7px solid currentColor;border-top:0;border-left:0;border-radius:50%;left:2px;bottom:-5px;box-shadow:9px 0 0 -1.7px #fff,9px 0 0 0 currentColor}
.kia-cart-control .kia-cart-count{background:#35b6cf!important;color:#fff!important;border-color:transparent!important}
.kia-mobile-nav a{display:flex!important;align-items:center;gap:9px}
.kia-mobile-line-icon{width:18px;height:18px;display:inline-block;position:relative;flex:none;color:#35b6cf}
.kia-mobile-order-icon:before{content:"";position:absolute;inset:3px;border:1.7px solid currentColor;border-radius:4px}
.kia-mobile-cart-icon:before{content:"";position:absolute;left:2px;top:4px;width:13px;height:9px;border:1.7px solid currentColor;border-top:0;border-radius:2px 2px 4px 4px}
.kia-mobile-cart-icon:after{content:"";position:absolute;left:4px;bottom:0;width:3px;height:3px;border:1.4px solid currentColor;border-radius:50%;box-shadow:7px 0 0 -1.4px #fff,7px 0 0 0 currentColor}
.kia-mobile-user-icon:before{content:"";position:absolute;left:6px;top:1px;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%}
.kia-mobile-user-icon:after{content:"";position:absolute;left:3px;bottom:1px;width:12px;height:7px;border:1.5px solid currentColor;border-radius:9px 9px 4px 4px}

/* Upload list visually belongs to the artwork column. */
.kia-order-art{overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important}
.kia-upload-files-live{width:min(92%,390px)!important;max-height:270px;overflow:auto;z-index:8;margin:0!important;padding:2px!important;scrollbar-width:thin}
.kia-upload-files-live:empty{display:none!important}
.kia-upload-file-chip{box-shadow:0 8px 22px rgba(24,33,50,.07)!important;font-size:10px!important}
.kia-upload-file-chip strong{max-width:68%!important}
.kia-order-v22-layout.kia-has-upload .kia-order-v22-main{animation:kiaStageIn .35s ease both}
@keyframes kiaStageIn{from{opacity:.45;transform:translateX(-10px)}to{opacity:1;transform:none}}
.kia-order-v22-main .kia-wcpo-host{min-width:0}
.kia-kia-stage-nav,.kia-stage-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e7edf2}
.kia-stage-nav button{min-height:42px;border:1px solid #dce4eb;border-radius:12px;padding:0 15px;background:#fff;color:#253047;font-weight:900;cursor:pointer}
.kia-stage-nav button.next{background:#182132;color:#fff;border-color:#182132}

/* Smaller step circles + a soft train-like curved rail. */
.kia-order-stepper{padding:0 5px!important}
.kia-order-stepper:before{
  right:7%!important;left:7%!important;top:18px!important;height:16px!important;
  background:transparent!important;border-top:2px dashed #dbe3ea!important;border-radius:50%!important;
  box-shadow:0 8px 0 -7px #dbe3ea!important;transform:rotate(-1deg)!important;
}
.kia-order-stepper .kia-progress-step i{width:32px!important;height:32px!important;font-size:11px!important;box-shadow:0 3px 10px rgba(24,33,50,.05)!important}
.kia-order-stepper .kia-progress-step.is-active i{width:36px!important;height:36px!important;margin-top:-2px!important;font-size:13px!important;box-shadow:0 5px 14px rgba(231,79,137,.12)!important}

/* Five-step explainer: connected zig-zag on small screens instead of a single straight bar. */
.kia-five-steps:before{background:transparent!important}
@media(max-width:700px){
  .kia-five-steps{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:0 3px!important}
  .kia-five-steps:before{content:"";display:block;position:absolute;right:7%;left:7%;top:20px;height:28px;border-top:2px dashed #d8e1e8;border-radius:50%;transform:rotate(1deg);z-index:0}
  .kia-five-steps article{z-index:1!important}
  .kia-five-steps article i{width:34px!important;height:34px!important;font-size:11px!important;margin-bottom:8px!important}
  .kia-five-steps .kia-step-copy h3{font-size:8px!important;line-height:1.55!important}
}
@media(max-width:430px){
  .kia-five-steps{padding:0!important}
  .kia-five-steps:before{right:5%;left:5%;top:18px;height:30px}
  .kia-five-steps article i{width:30px!important;height:30px!important;font-size:10px!important}
  .kia-five-steps .kia-step-copy h3{font-size:7.5px!important}
}

/* Remove the decorative hero artwork completely when it would fall under the hero text. */
@media(max-width:900px){.kia-hero-art{display:none!important}}
.kia-auth-forgot-link,.kia-auth-back-link{display:block;text-align:center;color:#1597b5;text-decoration:none;font-size:9px;font-weight:900;margin-top:2px}
.kia-auth-forgot-link:hover,.kia-auth-back-link:hover{color:#182132}
.kia-reset-form{max-width:520px;margin-inline:auto}
/* After the first upload, the right visual becomes a file stack over the artwork. */
.kia-order-art{position:relative!important}
.kia-order-art .kia-upload-files-live{position:absolute!important;right:5%;top:18%;width:min(58%,250px)!important;max-height:255px;z-index:10}
.kia-order-art .kia-upload-file-chip{padding:8px 9px!important;border-radius:11px!important;font-size:8px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(7px);box-shadow:0 9px 24px rgba(24,33,50,.10)!important}
.kia-order-art .kia-upload-file-chip strong{max-width:62%!important}
.kia-order-art .kia-upload-file-chip span{font-size:7px!important}
.kia-has-upload #wcpo-dropzone{display:none!important}
.kia-has-upload #wcpo-add-more-btn{display:block!important;margin-top:8px!important}
@media(max-width:700px){
  .kia-order-art .kia-upload-files-live{right:2%;top:12%;width:min(64%,205px)!important;max-height:190px}
  .kia-order-art .kia-upload-file-chip{font-size:7px!important;padding:7px!important}
  .kia-order-art .kia-upload-file-chip span{font-size:6px!important}
}