.spark-order{
padding-bottom:var(--space-close);
background:#FDFDFC;
color:#1A1C22;
font-variant-numeric:tabular-nums;
}
.spark-order [hidden]{display:none!important}
.spark-order-intro{
background:#1A1C22;
color:#F3F4F6;
}
.spark-order-intro .c-hero-split{
align-items:start;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.spark-order-intro h1{color:#F3F4F6}
.spark-order-lead{
margin-top:var(--space-4);
color:#C7CCD5;
}
.spark-order-rate{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-3);
margin-block:var(--space-4);
color:#C7CCD5;
}
.spark-order-intro-note{color:#C7CCD5}
.spark-order-photo{
height:auto;
border-radius:var(--radius-lg);
overflow:hidden;
background:#22252D;
color:#C7CCD5;
}
.spark-order-photo img{
width:100%;
height:clamp(16rem,25vw,24rem);
object-fit:cover;
object-position:center;
}
.spark-order-photo figcaption{
padding:var(--space-3) var(--space-4);
font-size:var(--text-xs);
color:#C7CCD5;
}
.spark-order-content{
display:grid;
gap:var(--space-8);
padding-top:var(--space-8);
}
.spark-order-spec{
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#DDE9F2;
color:#0F2A3D;
}
.spark-order-spec-head,
.spark-order-block-head,
.spark-order-entry-copy{
display:grid;
gap:var(--space-2);
}
.spark-order-spec-head p{color:#3E5669}
.spark-order-spec-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-5);
margin-top:var(--space-5);
}
.spark-order-spec-grid>div{
display:grid;
align-content:start;
gap:var(--space-field);
min-width:0;
padding-top:var(--space-3);
border-top:1px solid var(--line-ice);
}
.spark-order-spec-grid dt{color:#3E5669}
.spark-order-spec-grid dd{
min-width:0;
color:#0F2A3D;
overflow-wrap:break-word;
}
.spark-order-entry{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-6);
}
.spark-order-entry-copy p,
.spark-order-block-head p{color:#4A4F5A}
.spark-order-days{
display:grid;
align-content:start;
justify-items:start;
gap:var(--space-field);
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#EFEBE3;
color:#2A2620;
}
.spark-order-days label{font-weight:600}
.spark-order-days p{color:#5E574C}
.spark-order-days input{
font-family:var(--f-mono);
font-variant-numeric:tabular-nums;
}
.spark-order-checks{
display:grid;
gap:var(--space-3);
margin-top:var(--space-4);
}
.spark-order-check{
padding:var(--space-4);
border-radius:var(--radius-md);
background:#EFEBE3;
color:#2A2620;
gap:var(--space-3);
}
.spark-order-check>span{
display:grid;
gap:var(--space-field);
min-width:0;
}
.spark-order-check strong{
font-weight:600;
color:#2A2620;
}
.spark-order-check>span>span{color:#5E574C}
.spark-order-gateways{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
align-items:stretch;
gap:var(--space-3);
margin-top:var(--space-4);
}
.spark-order [data-dgx-gw-item]{
display:flex;
align-items:center;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border:1px solid var(--control-line);
border-radius:var(--radius-md);
background:#FBFBF9;
color:#1A1C22;
cursor:pointer;
overflow-wrap:break-word;
}
.spark-order [data-dgx-gw-item].is-on{
background:#FBFBF9;
color:#1A1C22;
border-color:var(--red);
box-shadow:inset 0 0 0 1px var(--red);
}
.spark-order [data-dgx-gw-item] input[type="radio"]{
appearance:none;
-webkit-appearance:none;
display:grid;
place-items:center;
flex:0 0 1.125rem;
width:1.125rem;
height:1.125rem;
border:1.5px solid var(--control-line);
border-radius:var(--radius-pill);
background:#FDFDFC;
color:#1A1C22;
}
.spark-order [data-dgx-gw-item] input[type="radio"]:checked::after{
content:"";
width:.5rem;
height:.5rem;
border-radius:var(--radius-pill);
background:#D02F3A;
color:#FFFFFF;
}
.spark-order [data-dgx-gw-item] span{min-width:0}
.spark-order [data-dgx-gw-item] img{
width:auto;
max-width:var(--space-9);
height:var(--space-5);
object-fit:contain;
}
.spark-order [data-dgx-gw-note]{
grid-column:1/-1;
padding:var(--space-4);
border-radius:var(--radius-md);
background:#EFEBE3;
color:#2A2620;
}
.spark-order-total{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#22252D;
color:#F3F4F6;
}
.spark-order-total-copy{
display:grid;
gap:var(--space-3);
text-align:left;
}
.spark-order-total-copy h2{color:#F3F4F6}
.spark-order-total-copy p{color:#C7CCD5}
.spark-order-equation{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-3);
}
.spark-order-equation strong{
font-family:var(--f-mono);
font-size:var(--text-section);
font-weight:500;
line-height:var(--lh-heading);
color:#DDE9F2;
}
.spark-order-equation span{color:#C7CCD5}
.spark-order-submit{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.spark-order-submit p{
text-align:center;
font-size:var(--text-xs);
color:#C7CCD5;
}
.spark-order-message{
grid-column:1/-1;
padding:var(--space-4);
border-radius:var(--radius-md);
background:#EFEBE3;
color:#2A2620;
}
.spark-order-return{
display:grid;
gap:var(--space-2);
color:#4A4F5A;
}
.spark-order-return a{color:#1A1C22}
@media(max-width:64rem){
.spark-order-intro .c-hero-split{grid-template-columns:minmax(0,1fr)}
.spark-order-photo img{height:clamp(16rem,45vw,24rem)}
.spark-order-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
.spark-order-content{gap:var(--space-7)}
.spark-order-spec,
.spark-order-total{padding:var(--space-4)}
.spark-order-spec-grid,
.spark-order-entry,
.spark-order-total{grid-template-columns:minmax(0,1fr)}
.spark-order-days{padding:var(--space-4)}
.spark-order-spec-grid{gap:var(--space-4)}
.spark-order-photo img{height:16rem}
.spark-order-submit .c-btn{width:100%}
}