/* Free Quote configurator (page "customize") — parts/customize-main.php + assets/js/quote.js
   Theme tokens from public.css: --primary #ffc35a · --secondary #5f6be0 · --tertiary #b1893f
   --title #171717 · --text #6d6d6d · --bg #edeceb · 1rem = 10px @1920 */
.wq{
  --line:#e7e5e1;
  --soft:#f7f6f4;
  --sec-soft:#eef0fd;
  --ok:#2fa36b;
  --err:#e5484d;
  --radius:1.6rem;
  background:var(--soft);
  padding:0 0 12rem;
  color:var(--title);
}
.wq *,.wq *::before,.wq *::after{box-sizing:border-box}
.wq-top{background:#fff;padding-top:2.3rem;border-bottom:1px solid var(--line)}
.wq .breadcrumbs span span::before{display:inline-block;content:'';width:1px;height:1.3rem;background-color:#a8a8a8;transform:rotate(28deg);margin:0 1.2rem 0 1rem}
.wq .breadcrumbs span span:first-child::before{display:none}
.wq .breadcrumbs span span:first-child a{overflow:hidden;display:inline-block;width:1.7rem;height:1.7rem;background:url(../img/home.svg) no-repeat center / contain;text-indent:-999px;color:transparent;filter:contrast(0) brightness(1.3);transform:translateY(1px);margin-right:.3rem;vertical-align:-1px}
.wq .breadcrumbs span a{color:#898989}
.wq .breadcrumbs span{font-size:1.5rem}
.wq svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wq button{font:inherit;cursor:pointer}
.wq .breadcrumbs span span:last-child{color:#161616}

/* ---------- Pin types carousel ---------- */
.wq-types{padding:3rem 0 3.2rem}
.wq-types__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}
.wq-types__head h2{font-size:2.4rem;font-weight:700;letter-spacing:-.01em}
.wq-types__nav{display:flex;gap:1rem}
.wq-arrow{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:2rem;color:var(--title);transition:.25s}
.wq-arrow:hover{background:var(--primary);border-color:var(--primary)}
.wq-types__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 7 * 1.6rem) / 8);gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.4rem .2rem 1rem}
.wq-types__track::-webkit-scrollbar{display:none}
.wq-type{scroll-snap-align:start;display:block;text-align:center;border-radius:var(--radius);padding:1.2rem 1.2rem 1.6rem;background:#fff;border:1.5px solid var(--line);transition:.25s;position:relative;color:var(--title)}
.wq-type:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 1.2rem 2.4rem rgba(23,23,23,.07)}
.wq-type__img{aspect-ratio:1;border-radius:1.1rem;overflow:hidden;background:var(--soft)}
.wq-type__img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.wq-type:hover .wq-type__img img{transform:scale(1.05)}
.wq-type b{display:block;font-size:1.5rem;font-weight:600;margin-top:1.2rem;line-height:1.3}
.wq-type small{display:block;font-size:1.25rem;color:var(--text);margin-top:.3rem}
.wq-type.is-current{border-color:var(--secondary);background:var(--sec-soft)}
.wq-type.is-current b{color:var(--secondary)}
.wq-type.is-current::after{content:'Current';position:absolute;top:1.8rem;left:1.8rem;background:var(--secondary);color:#fff;font-size:1.1rem;font-weight:600;padding:.3rem .9rem;border-radius:99px}

/* ---------- Layout ---------- */
.wq-layout{display:grid;grid-template-columns:27rem 1fr;gap:3.2rem;align-items:start;padding-top:3.2rem}
.wq-aside{position:sticky;top:11rem;display:grid;gap:1.6rem}
.wq-progress{background:#fff;border-radius:var(--radius);padding:2.4rem 2.2rem;border:1px solid var(--line)}
.wq-progress__top{display:flex;justify-content:space-between;align-items:baseline;font-size:1.7rem}
.wq-progress__top span{font-weight:700;color:var(--secondary)}
.wq-progress__bar{height:.6rem;border-radius:9px;background:var(--soft);margin:1.2rem 0 2rem;overflow:hidden}
.wq-progress__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--secondary),#8c95f0);border-radius:9px;transition:width .5s}
.wq-progress__list{list-style:none;display:grid;gap:.2rem;counter-reset:s}
.wq-progress__list a{display:flex;align-items:center;gap:1.2rem;padding:.9rem 1rem;border-radius:1rem;font-size:1.45rem;color:var(--text);transition:.2s}
.wq-progress__list a:hover{background:var(--soft);color:var(--title)}
.wq-progress__list a i{counter-increment:s;width:2.6rem;height:2.6rem;border-radius:50%;border:1.5px solid #d6d3cd;display:grid;place-items:center;font-style:normal;font-size:1.2rem;font-weight:600;flex:none;background:#fff}
.wq-progress__list a i::before{content:counter(s)}
.wq-progress__list a.is-done{color:var(--title)}
.wq-progress__list a.is-done i{background:var(--ok);border-color:var(--ok);color:#fff}
.wq-progress__list a.is-done i::before{content:'';width:1rem;height:.55rem;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.wq-progress__list a.is-active{background:var(--sec-soft);color:var(--secondary);font-weight:600}
.wq-progress__list a.is-active i{border-color:var(--secondary);color:var(--secondary)}
.wq-help{display:flex;gap:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;font-size:1.35rem;line-height:1.55;color:var(--text)}
.wq-help strong{display:block;color:var(--title);font-size:1.5rem;margin-bottom:.2rem}
.wq-help a{color:var(--secondary);font-weight:500}
.wq-help__icon{width:3.6rem;height:3.6rem;border-radius:50%;background:#fff6e4;color:var(--tertiary);display:grid;place-items:center;font-size:1.9rem;flex:none}

.wq-main{display:grid;gap:2.4rem;min-width:0}

/* ---------- Hero ---------- */
.wq-hero{display:flex;gap:3.2rem;align-items:center;background:#fff;border-radius:var(--radius);padding:2.4rem;border:1px solid var(--line)}
.wq-hero__img{width:17rem;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;flex:none;background:#111}
.wq-hero__img img{width:100%;height:100%;object-fit:cover}
.wq-eyebrow{display:inline-block;font-size:1.25rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tertiary);background:#fbf4e6;padding:.4rem 1.1rem;border-radius:99px}
.wq-hero h1{font-size:3.4rem;font-weight:700;letter-spacing:-.02em;margin:1rem 0 .8rem;line-height:1.2}
.wq-hero p{font-size:1.55rem;color:var(--text);line-height:1.6;max-width:72rem}
.wq-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem;list-style:none}
.wq-badges li{display:flex;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:500;background:var(--soft);padding:.7rem 1.3rem;border-radius:99px}
.wq-badges svg{color:var(--ok);font-size:1.5rem;stroke-width:2.6}
.wq-warning{margin-top:-1.2rem;display:flex;gap:.9rem;align-items:center;font-size:1.3rem;color:#8a6a2a;background:#fff8ea;border:1px solid #f6e3bb;border-radius:1rem;padding:1rem 1.4rem}
.wq-warning b{width:1.9rem;height:1.9rem;border-radius:50%;background:var(--primary);color:var(--title);display:grid;place-items:center;font-size:1.2rem;flex:none}

/* ---------- Step card ---------- */
.wq-step{background:#fff;border-radius:var(--radius);padding:3.2rem 3.6rem 3.6rem;border:1px solid var(--line);scroll-margin-top:11rem;transition:box-shadow .4s,border-color .4s}
.wq-step.is-flash{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(95,107,224,.15)}
.wq-step__head{display:flex;align-items:center;gap:1rem;padding-bottom:1.8rem;margin-bottom:2.4rem;border-bottom:1px solid var(--line)}
.wq-step__no{font-size:1.9rem;font-weight:800;color:var(--secondary);letter-spacing:.01em}
.wq-step__head h3{font-size:2.1rem;font-weight:700}
.wq-step__head em{margin-left:auto;font-style:normal;font-size:1.2rem;font-weight:500;color:var(--text);background:var(--soft);padding:.4rem 1rem;border-radius:99px}
.wq-step__sub{font-size:1.45rem;color:var(--text);margin:-1rem 0 2.2rem}

/* ---------- Option grids ---------- */
.wq-grid{display:grid;gap:1.8rem}
.wq-grid--style{grid-template-columns:repeat(7,minmax(0,1fr));gap:1.4rem}
.wq-grid--sm{grid-template-columns:repeat(7,minmax(0,1fr));gap:1.4rem}
.wq-grid--xs{grid-template-columns:repeat(7,minmax(0,1fr));gap:1.4rem}
.wq-opt{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1.5px solid var(--line);border-radius:1.4rem;padding:1rem 1rem 1.4rem;transition:.2s;color:var(--title)}
.wq-opt:hover{border-color:#c9cdf6}
.wq-opt__img{width:100%;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:var(--soft);display:grid;place-items:center}
.wq-opt__img img{width:100%;height:100%;object-fit:cover}
.wq-opt__img .none{font-size:1.3rem;color:#a3a09a;font-weight:500}
.wq-opt__name{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.2rem;font-size:1.4rem;font-weight:500;line-height:1.3;text-align:left}
.wq-opt__name::before{content:'';width:1.6rem;height:1.6rem;border-radius:50%;border:1.5px solid #c8c5bf;flex:none;margin-top:.05rem;transition:.2s;background:#fff}
.wq-opt__tag{font-size:1.15rem;font-weight:600;color:var(--ok);margin-top:.4rem}
.wq-opt.is-on{border-color:var(--secondary);background:var(--sec-soft);box-shadow:0 .8rem 2rem rgba(95,107,224,.12)}
.wq-opt.is-on .wq-opt__name{color:var(--secondary);font-weight:600}
.wq-opt.is-on .wq-opt__name::before{border:5px solid var(--secondary)}
.wq-opt.is-on::after{content:'';position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/1.5rem no-repeat}
.wq-grid--style .wq-opt__name{font-size:1.45rem}
.wq-grid--sm .wq-opt.is-on::after,.wq-grid--xs .wq-opt.is-on::after{top:1.2rem;right:1.2rem;width:2rem;height:2rem;background-size:1.2rem}

.wq-sub + .wq-sub{margin-top:3.2rem;padding-top:3rem;border-top:1px dashed var(--line)}
.wq-sub h4{display:flex;align-items:center;gap:1rem;font-size:1.7rem;font-weight:600;margin-bottom:1.8rem}
.wq-sub h4 span{font-size:1.25rem;font-weight:700;color:var(--secondary);background:var(--sec-soft);padding:.3rem .9rem;border-radius:.6rem}
.wq-sub h4 small{font-size:1.35rem;font-weight:400;color:var(--text)}

/* ---------- Quantity ---------- */
.wq-qty{display:flex;align-items:center;gap:3rem;flex-wrap:wrap}
.wq-qty__field{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;height:5.6rem;padding:0 .6rem;background:#fff;transition:.2s}
.wq-qty__field:focus-within{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(95,107,224,.12)}
.wq-qty__field.is-err{border-color:var(--err);box-shadow:0 0 0 4px rgba(229,72,77,.1)}
.wq-qty__btn{width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:var(--soft);font-size:2.2rem;line-height:1;color:var(--title);transition:.2s}
.wq-qty__btn:hover{background:var(--primary)}
.wq-qty__field input{width:14rem;border:0;outline:0;text-align:center;font-size:2.2rem;font-weight:700;background:transparent;-moz-appearance:textfield;color:var(--title)}
.wq-qty__field input::-webkit-inner-spin-button{-webkit-appearance:none}
.wq-qty__unit{font-size:1.4rem;color:var(--text);margin-right:1.2rem}
.wq-qty__hint b,.wq-upload__rule b{margin:0 .2em}
.wq-qty__hint{display:flex;align-items:center;gap:.8rem;font-size:1.45rem;color:var(--text)}
.wq-qty__hint svg{font-size:1.8rem;color:var(--secondary)}
.wq-qty__hint.is-err{color:var(--err)}
.wq-qty__hint.is-err svg{color:var(--err)}

/* ---------- Size + axis ---------- */
.wq-size{display:grid;grid-template-columns:1fr 50rem;gap:4rem;align-items:start}
.wq-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.wq-pill{display:flex;align-items:center;gap:1.1rem;border:1.5px solid var(--line);border-radius:1.2rem;padding:1.5rem 1.6rem;background:#fff;font-size:1.5rem;font-weight:500;color:var(--title);text-align:left;transition:.2s;position:relative}
.wq-pill::before{content:'';width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid #c8c5bf;flex:none;background:#fff;transition:.2s}
.wq-pill:hover{border-color:#c9cdf6}
.wq-pill small{margin-left:auto;font-size:1.25rem;color:var(--text);font-weight:400}
.wq-pill .pop{position:absolute;top:-.9rem;right:1.2rem;background:var(--primary);font-size:1rem;font-weight:700;padding:.2rem .7rem;border-radius:99px;letter-spacing:.03em}
.wq-pill.is-on{border-color:var(--secondary);background:var(--sec-soft);color:var(--secondary)}
.wq-pill.is-on::before{border:5px solid var(--secondary)}
.wq-size__tip{display:flex;gap:1.4rem;margin-top:2rem;background:#fffaf0;border:1px solid #f6e3bb;border-radius:1.2rem;padding:1.8rem 2rem;font-size:1.4rem;line-height:1.6;color:var(--text)}
.wq-size__tip svg{font-size:2.4rem;color:var(--tertiary);margin-top:.2rem}
.wq-size__tip strong{display:block;color:var(--title);font-size:1.5rem;margin-bottom:.2rem}
.wq-size__custom{display:none;margin-top:1.4rem}
.wq-size__custom.is-open{display:block}
.wq-size__custom label{display:grid;gap:.7rem;font-size:1.4rem;font-weight:500}
.wq-axis{background:var(--soft);border-radius:1.4rem;padding:2rem 2rem 1.6rem;border:1px solid var(--line)}
.wq-axis figcaption{display:flex;justify-content:space-between;align-items:center;font-size:1.45rem;font-weight:600;margin-bottom:1rem}
.wq-axis figcaption b{font-size:1.3rem;color:#fff;background:var(--secondary);padding:.4rem 1rem;border-radius:99px;font-weight:600}
.wq-axis__stage svg{width:100%;height:auto;display:block;stroke:none;font-size:inherit}
.wq-axis__stage .g-minor{stroke:#e2e0db;stroke-width:1}
.wq-axis__stage .g-major{stroke:#cfccc5;stroke-width:1}
.wq-axis__stage .ax{stroke:#171717;stroke-width:1.6}
.wq-axis__stage text{font-family:Inter,sans-serif;font-size:11px;fill:#7a7770}
.wq-axis__stage .t-unit{font-size:11px;font-weight:600;fill:#171717}
.wq-axis__stage .dim{stroke:var(--secondary);stroke-width:1.5}
.wq-axis__stage .dim-t{fill:var(--secondary);font-weight:700;font-size:12px}
.wq-axis__stage .pin-img{transition:all .45s cubic-bezier(.3,.7,.3,1)}
.wq-axis__legend{display:flex;align-items:center;gap:.8rem;font-size:1.25rem;color:var(--text);margin-top:1rem}
.wq-axis__legend i{width:1.2rem;height:1.2rem;border-radius:50%;display:inline-block}
.wq-axis__legend .lg-pin{background:var(--secondary)}
.wq-axis__legend .lg-coin{border:1.5px dashed #8b877f;margin-left:1.2rem}

/* ---------- Turnaround ---------- */
.wq-times{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.wq-time{position:relative;text-align:left;border:1.5px solid var(--line);border-radius:1.4rem;padding:2rem 2rem 2.2rem;background:#fff;transition:.2s;color:var(--title)}
.wq-time:hover{border-color:#c9cdf6}
.wq-time__tag{position:absolute;top:-1.1rem;left:1.8rem;font-size:1.1rem;font-weight:700;padding:.3rem 1rem;border-radius:99px;letter-spacing:.03em}
.wq-time__tag.t-urgent{background:#ffe1e1;color:#c2363b}
.wq-time__tag.t-rush{background:#fff0d6;color:#a76c00}
.wq-time__tag.t-std{background:#e3f5ec;color:#1f7d50}
.wq-time__tag.t-eco{background:#e8eafc;color:var(--secondary)}
.wq-time h5{display:flex;align-items:center;gap:1rem;font-size:1.7rem;font-weight:700;margin-top:.6rem}
.wq-time h5::before{content:'';width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid #c8c5bf;flex:none;transition:.2s}
.wq-time .d{display:block;font-size:2.6rem;font-weight:800;margin:1.4rem 0 .2rem;letter-spacing:-.02em}
.wq-time .d small{font-size:1.3rem;font-weight:500;color:var(--text);letter-spacing:0;margin-left:.4rem}
.wq-time p{font-size:1.35rem;color:var(--text);line-height:1.5}
.wq-time p b{color:var(--title);font-weight:600}
.wq-time.is-on{border-color:var(--secondary);background:var(--sec-soft)}
.wq-time.is-on h5{color:var(--secondary)}
.wq-time.is-on h5::before{border:5px solid var(--secondary)}

/* ---------- Upload ---------- */
.wq-upload{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:stretch}
.wq-upload__left{display:flex}
.wq-upload__left .wq-drop{flex:1;justify-content:center}
.wq-upload__right{display:flex;flex-direction:column}
.wq-upload__right .wq-files{margin-top:0}
.wq-files__empty{flex:1;display:grid;place-items:center;text-align:center;border:1.5px dashed var(--line);border-radius:1.2rem;padding:3rem 2.4rem;font-size:1.4rem;color:#a19d96;line-height:1.6}
.wq-files__empty.is-hidden{display:none}
.wq-drop{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px dashed #c9cdf6;border-radius:1.4rem;background:linear-gradient(180deg,#f6f7fe,#fff);padding:3rem 2.4rem 2.6rem;cursor:pointer;transition:.2s;position:relative}
.wq-drop:hover,.wq-drop.is-over{border-color:var(--secondary);background:#eef0fd}
.wq-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.wq-drop__icon{width:5.6rem;height:5.6rem;border-radius:50%;background:var(--primary);display:grid;place-items:center;font-size:2.6rem;color:var(--title);margin-bottom:1.4rem;box-shadow:0 .8rem 1.8rem rgba(255,195,90,.45)}
.wq-drop strong{font-size:1.8rem;font-weight:700}
.wq-drop__txt{font-size:1.45rem;color:var(--text);margin-top:.4rem}
.wq-drop__txt u{color:var(--secondary);font-weight:600}
.wq-drop__perks{display:flex;gap:2rem;margin-top:1.4rem;list-style:none}
.wq-drop__perks li{display:flex;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:500}
.wq-drop__perks svg{color:var(--ok);stroke-width:2.6}
.wq-drop__fmt{font-size:1.2rem;color:#9a968f;margin-top:1.2rem}
.wq-files{list-style:none;display:grid;gap:1rem;margin-top:1.6rem}
.wq-file{display:grid;grid-template-columns:4.4rem 1fr auto;gap:1.4rem;align-items:center;border:1px solid var(--line);border-radius:1.2rem;padding:1.2rem 1.4rem;background:#fff}
.wq-file__ico{width:4.4rem;height:4.4rem;border-radius:1rem;background:var(--sec-soft);color:var(--secondary);display:grid;place-items:center;font-size:1.1rem;font-weight:800;overflow:hidden}
.wq-file__ico img{width:100%;height:100%;object-fit:cover}
.wq-file__meta{min-width:0}
.wq-file__row{display:flex;justify-content:space-between;gap:1rem;font-size:1.35rem}
.wq-file__row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wq-file__row span{color:var(--text);white-space:nowrap}
.wq-file__bar{height:.7rem;border-radius:9px;background:var(--soft);margin:.8rem 0 .5rem;overflow:hidden}
.wq-file__bar i{display:block;height:100%;width:0;border-radius:9px;background:repeating-linear-gradient(-45deg,var(--secondary) 0 8px,#7d87ea 8px 16px);background-size:22px 22px;animation:wqbar 1s linear infinite;transition:width .25s}
.wq-file__st{font-size:1.2rem;color:var(--secondary);font-weight:600}
.wq-file.is-done .wq-file__bar i{background:var(--ok);animation:none}
.wq-file.is-done .wq-file__st{color:var(--ok)}
.wq-file__x{width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:var(--soft);color:var(--text);display:grid;place-items:center;font-size:1.4rem}
.wq-file__x:hover{background:#ffe4e4;color:var(--err)}
@keyframes wqbar{to{background-position:22px 0}}
.wq-upload__rule{display:flex;gap:.8rem;align-items:center;font-size:1.3rem;color:var(--text);margin-top:1.4rem}
.wq-upload__rule svg{font-size:1.7rem;color:var(--tertiary)}
.wq-upload__rule.is-err{color:var(--err)}
.wq-upload__rule.is-err svg{color:var(--err)}
.wq-upload__rule.is-ok{color:var(--ok)}
.wq-upload__rule.is-ok svg{color:var(--ok)}
.wq-upload__right h4,.wq-form__comments h4{font-size:1.7rem;font-weight:600;margin-bottom:1.4rem}
.wq-form__comments{grid-column:1/-1;margin-top:1.2rem;padding-top:2.8rem;border-top:1px dashed var(--line)}
.wq-form__comments h4 small{font-size:1.35rem;font-weight:400;color:var(--text)}
.wq-label{font-size:1.35rem;color:var(--text);margin-bottom:1rem}
.wq-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.wq-chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.7rem 1.5rem;font-size:1.3rem;color:var(--title);transition:.2s}
.wq-chips button:hover{border-color:var(--secondary)}
.wq-chips button.is-on{background:var(--secondary);border-color:var(--secondary);color:#fff}
.wq textarea,.wq-form input,.wq-size__custom input{width:100%;border:1.5px solid var(--line);border-radius:1.2rem;padding:1.4rem 1.6rem;font:inherit;font-size:1.45rem;color:var(--title);background:#fff;outline:0;transition:.2s;resize:vertical}
.wq textarea:focus,.wq-form input:focus,.wq-size__custom input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(95,107,224,.12)}
.wq textarea::placeholder,.wq input::placeholder{color:#aaa69f}

/* ---------- Upload modes (now / later) ---------- */
.wq-upload__left{flex-direction:column;gap:1.2rem}
.wq-mode{display:flex;align-items:flex-start;gap:1.2rem;cursor:pointer;padding:1.2rem 1.4rem;border:1.5px solid var(--line);border-radius:1.2rem;transition:.2s}
.wq-mode:hover{border-color:#c9cdf6}
.wq-mode input{appearance:none;-webkit-appearance:none;width:1.8rem;height:1.8rem;border-radius:50%;border:1.5px solid #c8c5bf;flex:none;margin-top:.2rem;transition:.2s;background:#fff;cursor:pointer}
.wq-mode input:checked{border:5px solid var(--secondary)}
.wq-mode b{display:block;font-size:1.6rem;font-weight:700}
.wq-mode small{display:block;font-size:1.3rem;color:var(--text);margin-top:.3rem}
.wq-mode.is-on{border-color:var(--secondary);background:var(--sec-soft)}
.wq-mode.is-on b{color:var(--secondary)}
.wq-drop.is-off{opacity:.45}
.wq-file.is-err{border-color:#f5c2c3;background:#fff7f7}
.wq-file.is-err .wq-file__bar i{background:var(--err);animation:none}
.wq-file.is-err .wq-file__st{color:var(--err)}
[hidden]{display:none!important}

/* ---------- Contact (Contact Form 7 "Customize") ---------- */
.wq-cf7 form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
.wq-cf7 form > *{grid-column:1/-1;min-width:0}
.wq-cf7 form > .col-2{grid-column:auto}
.wq-cf7 form > span:empty,.wq-cf7 form > br{display:none}
.wq-cf7 label{display:grid;gap:.8rem;align-content:start;font-size:1.4rem;font-weight:500}
.wq-cf7 .label{font-size:1.4rem;font-weight:500;color:var(--title)}
.wq-cf7 .label.segment{display:block;font-size:1.7rem;font-weight:600;margin-top:1rem;padding-top:2.4rem;border-top:1px dashed var(--line)}
.wq-cf7 .wpcf7-form-control-wrap{display:block}
.wq-cf7 input[type=text],.wq-cf7 input[type=email],.wq-cf7 input[type=tel],.wq-cf7 textarea{width:100%;height:auto;border:1.5px solid var(--line);border-radius:1.2rem;padding:1.4rem 1.6rem;font:inherit;font-size:1.45rem;line-height:1.4;color:var(--title);background:#fff;outline:0;transition:.2s;box-shadow:none}
.wq-cf7 input:focus,.wq-cf7 textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(95,107,224,.12)}
.wq-cf7 textarea{min-height:12rem;resize:vertical}
.wq-cf7 .is-err,.wq-cf7 .wpcf7-not-valid{border-color:var(--err)!important}
.wq-cf7 .wpcf7-not-valid-tip{font-size:1.25rem;color:var(--err);margin-top:.5rem}
.wq-cf7 .wpcf7-response-output{margin:0!important;border-radius:1rem;font-size:1.4rem;padding:1.2rem 1.6rem!important}
.wq-cf7 .wq-cf7__actions,.wq-cf7 .wq-cf7__hidden,.wq-cf7 .sy-info-area{display:none!important}
.wq-cf7 .wq-chips-wrap{margin-top:1rem;padding-top:2.4rem;border-top:1px dashed var(--line)}
.wq-chips-wrap .wq-label small{color:#a19d96}
.wq-cf7 form.submitting{opacity:.6;pointer-events:none}
.wq-size.is-single{grid-template-columns:1fr}
.wq-axis__stage .pin-bg{fill:#fff;stroke:var(--line)}

/* ---------- Review ---------- */
.wq-review{background:#fff;border-radius:var(--radius);border:1.5px solid var(--title);padding:3.4rem 3.6rem 3.6rem;position:relative;overflow:hidden}
.wq-review::before{content:'';position:absolute;inset:0 0 auto 0;height:.6rem;background:linear-gradient(90deg,var(--primary),var(--tertiary))}
.wq-review__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.4rem}
.wq-review__head h3{font-size:2.6rem;font-weight:700}
.wq-review__head p{font-size:1.4rem;color:var(--text);display:flex;align-items:center;gap:.6rem}
.wq-pen{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.7rem;background:var(--sec-soft);color:var(--secondary);font-size:1.4rem}
.wq-review__list{display:grid;grid-template-columns:1fr 1fr;column-gap:4.8rem}
.wq-review__row{display:grid;grid-template-columns:16rem 1fr auto;gap:1.6rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.wq-review__row dt{font-size:1.4rem;color:var(--text)}
.wq-review__row dd{font-size:1.5rem;font-weight:600;line-height:1.4}
.wq-review__row dd.is-empty{color:var(--err);font-weight:500}
.wq-review__row dd.is-wait{color:var(--secondary)}
.wq-review__row a{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:.9rem;background:var(--sec-soft);color:var(--secondary);font-size:1.6rem;transition:.2s}
.wq-review__row a:hover{background:var(--secondary);color:#fff}
.wq-submit{display:flex;flex-direction:column;align-items:center;margin-top:3.6rem;gap:1.4rem}
.wq-submit__msg{font-size:1.4rem;color:var(--err);display:flex;align-items:center;gap:.6rem;min-height:2rem;text-align:center}
.wq-submit__msg.is-ok{color:var(--ok)}
.wq-btn{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-width:36rem;height:6.2rem;border-radius:99px;border:0;background:var(--primary);color:var(--title);font-size:1.9rem;font-weight:700;transition:.25s;box-shadow:0 1rem 2.4rem rgba(255,195,90,.45)}
.wq-btn svg{font-size:2.1rem}
.wq-btn:hover{background:#ffb636;transform:translateY(-2px)}
.wq-btn.is-disabled{background:#e9e7e3;color:#a19d96;box-shadow:none;cursor:not-allowed;transform:none}
.wq-submit__trust{display:flex;gap:3.2rem;list-style:none;margin-top:.6rem}
.wq-submit__trust li{display:flex;align-items:center;gap:.7rem;font-size:1.35rem;color:var(--text)}
.wq-submit__trust svg{color:var(--tertiary);font-size:1.7rem}

.wq-toast{position:fixed;left:50%;bottom:4rem;transform:translate(-50%,2rem);opacity:0;background:var(--title);color:#fff;padding:1.4rem 2.4rem;border-radius:99px;font-size:1.5rem;z-index:999;transition:.3s;pointer-events:none}
.wq-toast.is-show{opacity:1;transform:translate(-50%,0)}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  .wq-layout{grid-template-columns:1fr}
  .wq-aside{display:none}
  .wq-grid--sm,.wq-grid--xs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .wq-size{grid-template-columns:1fr}
  .wq-cf7 form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .wq .content{padding:0 16px}
  .wq-types__track{grid-auto-columns:42%}
  .wq-hero{flex-direction:column;align-items:flex-start}
  .wq-grid--style{grid-template-columns:repeat(2,1fr)}
  .wq-grid--sm,.wq-grid--xs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wq-times{grid-template-columns:1fr 1fr}
  .wq-upload{grid-template-columns:1fr}
  .wq-cf7 form{grid-template-columns:1fr 1fr;gap:14px}
  .wq-types{padding:20px 0}
  .wq-types__head h2{font-size:18px}
  .wq-hero h1{font-size:24px}
  .wq-step__head{flex-wrap:wrap}
  .wq-review__list{grid-template-columns:1fr}
  .wq-review__head{flex-direction:column;align-items:flex-start}
  .wq-step,.wq-review{padding:24px 18px}
  .wq-btn{min-width:100%}
  .wq-submit__trust{flex-direction:column;gap:8px}
}
@media (max-width:576px){
  .wq-cf7 form{grid-template-columns:1fr}
  .wq-grid--sm,.wq-grid--xs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wq-times{grid-template-columns:1fr}
  .wq-pill{padding:12px;font-size:14px}
  .wq-hero__img{width:110px}
  .wq-review__row{grid-template-columns:11rem 1fr auto}
  .wq-qty{gap:14px}
}