/* STAGING — "Your design, our factory" (#custom) + "Listing images for online sellers" (#imaging). Uses tokens from style.css */
.nav{gap:1.25rem}
@media (max-width:1120px){.nav{gap:.9rem}.nav a{font-size:.9rem}}
.cx{background:linear-gradient(180deg,var(--bg) 0%,var(--sand) 100%);border-top:1px solid var(--line)}
.cx-moq{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.1rem;background:var(--white);border:1px solid var(--line2);border-radius:12px;padding:.6rem 1rem;color:var(--green-d);font-weight:700}
.cx-steps{list-style:none;margin:0 0 2.2rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:s}
.cx-steps li{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:1.1rem 1.1rem 1.2rem}
.cx-steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-size:.95rem;margin-bottom:.55rem}
.cx-steps h3{color:var(--green);font-size:1.02rem;margin-bottom:.25rem}
.cx-steps p{color:var(--muted);font-size:.88rem;line-height:1.6}
.cx-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}
.cx-side{display:grid;gap:1.2rem}
.cx-side>h3,.cx-alt h3{color:var(--green-d);font-size:1.08rem}
.cx-need{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.cx-need li{display:flex;gap:.6rem;align-items:baseline;font-size:.93rem}
.cx-need li::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex:none;position:relative;top:-2px}
.cx-alt{border:1px solid var(--line2);border-radius:var(--r);background:var(--white);padding:1rem 1.1rem}
.cx-alt p{color:var(--muted);font-size:.9rem;margin:.3rem 0 .7rem}
.cx-alt p b{color:var(--green-d)}
.cx-tpl{margin:0;max-height:220px;overflow:auto;background:var(--bg);border:1px dashed var(--line2);border-radius:10px;padding:.7rem .8rem;font:500 .82rem/1.65 var(--f-ar);white-space:pre-wrap;color:var(--text)}
.cx-alt-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.cx-drop{position:relative;border:1.5px dashed var(--gold);border-radius:14px;background:var(--white);padding:.9rem 1rem}
.cx-drop-in{display:flex!important;align-items:center;gap:.8rem!important;cursor:pointer}
.cx-drop-in small{display:block;color:var(--muted);font-weight:400;font-size:.82rem}
.cx-drop-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--gold-d);font-size:1.4rem}
.cx-drop input[type=file]{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;opacity:0;pointer-events:none}
.cx-drop:focus-within{box-shadow:0 0 0 3px rgba(184,147,90,.25)}
.cx-thumbs{display:flex;flex-wrap:wrap;gap:.5rem}
.cx-thumbs:not(:empty){margin-top:.8rem}
.cx-th{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line2);background:#fff}
.cx-th img{width:100%;height:100%;object-fit:cover}
.cx-th button{all:unset;position:absolute;top:3px;inset-inline-end:3px;width:22px;height:22px;border-radius:50%;background:rgba(30,42,34,.7);color:#fff;text-align:center;line-height:22px;cursor:pointer;font-size:.9rem}
.cx-one{margin-top:-.5rem}
.cx-consent{display:flex!important;gap:.6rem!important;align-items:flex-start;font-size:.86rem!important;color:var(--muted)}
.cx-consent input{margin-top:.35rem;accent-color:var(--green)}
.form-msg pre{white-space:pre-wrap;font:inherit;margin:.4rem 0 0}
@media (max-width:980px){.cx-steps{grid-template-columns:repeat(2,1fr)}.cx-grid{grid-template-columns:1fr}.cx-side{order:2}}
@media (max-width:520px){.cx-steps{grid-template-columns:1fr}}

/* listing images */
.ix-plat{list-style:none;margin:0 0 1.8rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ix-plat li{border:1px solid var(--line2);background:var(--bg);border-radius:999px;padding:.35rem .9rem;font-size:.86rem;font-weight:500;color:var(--green-d)}
.ix-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:start}
.ix-board{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:.7rem}
.ix-t{position:relative;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1}
.ix-t img{width:100%;height:100%;object-fit:cover}
.ix-main{grid-column:span 2;grid-row:span 2}
.ix-main img{object-fit:contain;padding:6%}
.ix-t figcaption{position:absolute;inset-inline:6px;bottom:6px;display:flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem .15rem .2rem;font-size:.72rem;font-weight:700;color:var(--green-d);line-height:1.35}
.ix-t figcaption i{font-style:normal;flex:none;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:.68rem}
.ix-info img{filter:brightness(.92)}
.ix-ov{position:absolute;inset:0;padding:8px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(31,77,43,.82),rgba(31,77,43,.15) 70%)}
.ix-logo{align-self:flex-start;background:#fff;color:var(--green-d);font-size:.62rem;font-weight:700;border-radius:6px;padding:.05rem .4rem}
.ix-ov ul{list-style:none;margin:0;padding:0;color:#fff;font-size:.66rem;font-weight:700;line-height:1.5}
.ix-ov li::before{content:"✓ ";color:var(--gold-l)}
.ix-size{display:grid;place-items:center;background:var(--sand)}
.ix-chart{text-align:center;padding:8px 8px 30px;width:100%}
.ix-chart b{display:block;color:var(--green-d);font-size:.78rem;margin-bottom:4px}
.ix-chart table{width:100%;border-collapse:collapse;font-size:.7rem;background:#fff;border-radius:6px;overflow:hidden}
.ix-chart th{background:var(--green);color:#fff;padding:2px}
.ix-chart td{padding:2px;border-top:1px solid var(--line)}
.ix-chart small{display:block;color:var(--muted);font-size:.6rem;margin-top:3px;line-height:1.3}
.ix-note{color:var(--muted);font-size:.8rem;margin-top:.8rem}
.ix-side>h3{color:var(--green-d);font-size:1.15rem;margin-bottom:.8rem}
.ix-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.ix-list li{display:grid;gap:.1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.ix-list li:last-child{border-bottom:0}
.ix-list b{color:var(--green);font-size:.96rem}
.ix-list span{color:var(--muted);font-size:.88rem;line-height:1.55}
.ix-price{margin-top:1rem;border:1px solid var(--gold-l);background:#FFF9EC;border-radius:var(--r);padding:.9rem 1rem}
.ix-from{font-weight:700;color:var(--green-d)}
.ix-from b{font-size:1.4rem;color:var(--gold-d);margin-inline:.2rem}
.ix-from em{font-style:normal;font-size:.8rem;color:#A2412F;font-weight:500}
.ix-add{color:var(--muted);font-size:.86rem;margin-top:.35rem}
.ix-bundle{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:700;color:var(--green);font-size:.9rem}
.ix-true{color:var(--muted);font-size:.84rem;margin-top:.7rem}
.ix-tiers{width:100%;border-collapse:collapse;margin-top:.6rem;font-size:.86rem}
.ix-tiers th,.ix-tiers td{padding:.38rem .4rem;border-bottom:1px solid #EFE3C4;text-align:start;vertical-align:top}
.ix-tiers thead th{font-size:.72rem;font-weight:600;color:var(--muted);line-height:1.3}
.ix-tiers thead th span{display:block}
.ix-tiers tbody th{font-weight:600;color:var(--green-d)}
.ix-tiers td{white-space:nowrap;text-align:end}
.ix-tiers td b{color:var(--gold-d);font-size:1rem}
.ix-tiers td small{display:block;font-size:.72rem;color:var(--muted)}
.ix-tiers tbody tr:last-child th,.ix-tiers tbody tr:last-child td{border-bottom:0}
.ix-bundle{align-items:flex-start!important}.ix-bundle .dot{margin-top:.45rem;flex:none}
.ix-how-t{font-size:1rem;margin-top:1rem;color:var(--green-d)}
.ix-how{margin:.35rem 0 0;padding-inline-start:1.2rem;font-size:.9rem;color:var(--ink,#333)}
.ix-how li{margin:.2rem 0}
.ix-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}
@media (max-width:980px){.ix-grid{grid-template-columns:1fr}}
@media (max-width:520px){.ix-board{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:.5rem}.ix-main{grid-column:span 2;grid-row:auto}.ix-t figcaption{font-size:.66rem}}