/* Nazar Logo-Anfrage — page "Logo hochladen" (design: bestickung-entwurf.html, adapted to an offer request).
   Everything is scoped under #nzla so shop CSS (incl. #content rules) cannot clobber it. */
#nzla{--ink:#1B1916;--ink2:#57514A;--mute:#8C847A;--line:#E6DFD6;--line2:#D4C6B3;--cream:#F7F3EE;--sand:#EFE8DE;--sand2:#F2ECE3;
  --teal:#173B3D;--teal-soft:#EAF1F0;--red:#B3111A;--bau:#F2B630;--bau-bg:#F6E7BE;--gastro:#F08A7E;--gastro-bg:#F7D9D3;--well:#6FB3AD;--well-bg:#D3E7E4;
  max-width:1320px;margin:0 auto 96px;padding:0 24px;color:var(--ink);font-size:16px;line-height:1.5;box-sizing:content-box;}
#nzla *,#nzla *::before,#nzla *::after{box-sizing:border-box;}
#nzla .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#nzla a{color:var(--red);font-weight:600;}
#nzla a:hover{color:var(--teal)!important;}
#nzla input,#nzla textarea,#nzla button{font:inherit;}
#nzla [hidden]{display:none!important;}

/* head */
#nzla .nzla-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 26px;}
#nzla .nzla-head__txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
#nzla .nzla-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;}
#nzla .nzla-h1{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:.96;font-weight:700;letter-spacing:-.035em;color:var(--ink);}
#nzla .nzla-h1 em{font-style:italic;color:var(--red);}
#nzla .nzla-lead{margin:0;font-size:17px;color:var(--ink2);max-width:60ch;}
#nzla .nzla-head__note{font-size:13px;color:var(--mute);}
#nzla .nzla-h2{margin:0;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--ink);}

/* steps (JS only) */
#nzla .nzla-steps{display:none;}
#nzla.is-js .nzla-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 28px;padding:0;list-style:none;}
#nzla .nzla-step{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px 12px;border-radius:16px;border:2px solid transparent;background:var(--sand);color:var(--mute);text-align:left;cursor:not-allowed;}
#nzla .nzla-step:not(:disabled){border-color:var(--line);background:#fff;color:var(--ink);cursor:pointer;}
#nzla .nzla-step[aria-current="step"]{border-color:var(--red);background:#fff;color:var(--ink);cursor:default;}
#nzla .nzla-step__n{display:inline-flex;flex-shrink:0;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--mute);font-size:14px;font-weight:700;}
#nzla .nzla-step.is-done .nzla-step__n{background:var(--teal);color:#fff;}
#nzla .nzla-step[aria-current="step"] .nzla-step__n{background:var(--red);color:#fff;}
#nzla .nzla-step__t{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#nzla .nzla-step__t small{font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.75;}

#nzla .nzla-alert{margin:0 0 22px;padding:14px 18px;border-radius:14px;background:#FBE9E7;border:1px solid #F3C1BB;color:#8A0E15;font-weight:600;}

/* layout */
#nzla .nzla-grid{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin:0;}
#nzla .nzla-main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:22px;}
#nzla .nzla-aside{flex:1 1 360px;display:flex;flex-direction:column;gap:14px;}
#nzla.is-js .nzla-aside{position:sticky;top:120px;}
#nzla .nzla-panel{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);}
#nzla.is-js .nzla-panel{display:none;}
#nzla.is-js .nzla-panel.is-active{display:flex;animation:nzlaIn .35s ease both;}
@keyframes nzlaIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
#nzla .nzla-panel[data-step="1"]{padding:0;background:transparent;border:0;}
#nzla .nzla-panel__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;}
#nzla .nzla-hint{margin:-8px 0 0;font-size:14px;color:var(--ink2);}
#nzla .nzla-mute{font-size:12px;color:var(--mute);}
#nzla .nzla-empty{display:none;margin:0;padding:14px 16px;border-radius:14px;background:var(--cream);color:var(--ink2);font-size:14px;}
#nzla.is-js .nzla-empty.is-on{display:block;}
#nzla .nzla-err{display:block;margin:0;color:var(--red);font-size:13px;font-weight:600;}
#nzla .nzla-err:empty{display:none;}
#nzla .nzla-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* pills, tiles */
#nzla .nzla-filter,#nzla .nzla-pills{display:flex;flex-wrap:wrap;gap:8px;}
#nzla .nzla-pill{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;}
#nzla .nzla-pill.is-on,#nzla .nzla-pill--radio:has(input:checked){border-color:var(--teal);background:var(--teal);color:#fff;}
#nzla .nzla-pill--radio input,#nzla .nzla-tile input,#nzla .nzla-card input,#nzla .nzla-sw input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
#nzla .nzla-pill--radio:focus-within,#nzla .nzla-tile:focus-within,#nzla .nzla-card:focus-within,#nzla .nzla-sw:focus-within{outline:3px solid rgba(179,17,26,.35);outline-offset:2px;}
#nzla .nzla-tiles{display:grid;gap:10px;}
#nzla .nzla-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr));}
#nzla .nzla-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr));}
#nzla .nzla-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;margin:0;padding:12px 16px;border-radius:16px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:15px;cursor:pointer;}
#nzla .nzla-tile b{font-weight:700;}
#nzla .nzla-tile small{font-size:13px;opacity:.8;line-height:1.35;}
#nzla .nzla-tile:has(input:checked){border-color:var(--teal);background:var(--teal-soft);color:var(--teal);}

/* article cards */
#nzla .nzla-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
#nzla .nzla-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:12px;border-radius:20px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .2s;}
#nzla .nzla-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(30,20,10,.1);}
#nzla .nzla-card:has(input:checked){border-color:var(--red);box-shadow:0 12px 26px rgba(179,17,26,.15);}
#nzla .nzla-card[hidden]{display:none;}
#nzla .nzla-card__img{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--sand2);}
#nzla .nzla-card--bau .nzla-card__img{background:var(--bau-bg);}
#nzla .nzla-card--gastro .nzla-card__img{background:var(--gastro-bg);}
#nzla .nzla-card--wellness .nzla-card__img{background:var(--well-bg);}
#nzla .nzla-card__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
#nzla .nzla-card__plus{font-size:56px;line-height:1;font-weight:300;color:var(--mute);}
#nzla .nzla-tag{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--line);color:var(--ink);}
#nzla .nzla-card--bau .nzla-tag{background:var(--bau);}
#nzla .nzla-card--gastro .nzla-tag{background:var(--gastro);}
#nzla .nzla-card--wellness .nzla-tag{background:var(--well);}
#nzla .nzla-card__name{font-size:15px;font-weight:700;line-height:1.3;padding-right:34px;}
#nzla .nzla-card__check{position:absolute;right:12px;bottom:12px;display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:var(--sand2);color:transparent;font-size:14px;font-weight:700;}
#nzla .nzla-card:has(input:checked) .nzla-card__check{background:var(--red);color:#fff;}

/* step 2 rows */
#nzla .nzla-row{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--cream);}
#nzla.is-js .nzla-row,#nzla.is-js .nzla-posrow{display:none;}
#nzla.is-js .nzla-row.is-on{display:flex;}
#nzla .nzla-row__img{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:72px;height:72px;border-radius:14px;background:#fff;overflow:hidden;}
#nzla .nzla-row__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
#nzla .nzla-row__img .nzla-card__plus{font-size:34px;}
#nzla .nzla-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
#nzla .nzla-row__name{font-size:16px;}
#nzla .nzla-row__fields{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);gap:10px;}
#nzla .nzla-qty{display:flex;align-items:center;gap:6px;}
#nzla .nzla-qty .nzla-input{width:64px;padding:0 6px;text-align:center;-moz-appearance:textfield;}
#nzla .nzla-qty .nzla-input::-webkit-inner-spin-button,#nzla .nzla-qty .nzla-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
#nzla .nzla-qty__b{display:inline-flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--ink);font-size:18px;font-weight:700;cursor:pointer;}

/* fields */
#nzla .nzla-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#nzla .nzla-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;font-weight:700;color:var(--ink);}
#nzla .nzla-field--wide{grid-column:1/-1;}
#nzla .nzla-input{width:100%;min-height:46px;padding:0 16px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);font-size:15px;font-weight:400;box-shadow:none;outline:none;}
#nzla textarea.nzla-input{min-height:96px;padding:12px 16px;resize:vertical;}
#nzla .nzla-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(23,59,61,.15);}
#nzla .nzla-input[aria-invalid="true"]{border-color:var(--red);}
#nzla .nzla-group{display:flex;flex-direction:column;gap:8px;}
#nzla .nzla-label{font-size:14px;font-weight:700;}
#nzla .nzla-label em{font-style:normal;font-weight:500;color:var(--ink2);}
#nzla .nzla-check{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;font-weight:400;color:var(--ink);cursor:pointer;}
#nzla .nzla-check input{width:20px;height:20px;margin:1px 0 0;flex-shrink:0;accent-color:var(--red);}

/* upload */
#nzla .nzla-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;margin:0;padding:22px;border-radius:18px;border:2px dashed var(--line2);background:var(--cream);color:var(--teal);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;}
#nzla .nzla-drop:hover,#nzla .nzla-drop.is-over{border-color:var(--teal);background:var(--teal-soft);}
#nzla .nzla-drop.has-file{border-style:solid;border-color:var(--teal);background:var(--teal-soft);}
#nzla .nzla-drop b{font-size:16px;color:var(--ink);word-break:break-word;}
#nzla .nzla-drop small{font-size:13px;color:var(--ink2);}
#nzla .nzla-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
#nzla .nzla-mode{display:flex;flex-direction:column;gap:12px;}
#nzla.is-js .nzla-mode[hidden]{display:none;}

/* thread swatches */
#nzla .nzla-swatches{display:flex;flex-wrap:wrap;gap:8px;}
#nzla .nzla-sw{position:relative;display:inline-block;width:40px;height:40px;margin:0;border-radius:50%;background:var(--sw,#fff);border:1px solid rgba(0,0,0,.25);cursor:pointer;}
#nzla .nzla-sw--logo{background:conic-gradient(#B3111A 0 25%,#C9A86A 0 50%,#1F5E63 0 75%,#22304A 0);}
#nzla .nzla-sw:has(input:checked){border:3px solid #fff;box-shadow:0 0 0 3px var(--red);}

/* position rows */
#nzla .nzla-posrow{display:flex;flex-direction:column;gap:6px;}
#nzla.is-js .nzla-posrow.is-on{display:flex;}
#nzla .nzla-posrow__name{font-size:13px;font-weight:700;color:var(--ink2);}

/* review */
#nzla .nzla-review{display:grid;grid-template-columns:minmax(140px,220px) 1fr;margin:0;}
#nzla .nzla-review dt,#nzla .nzla-review dd{margin:0;padding:12px 0;border-bottom:1px solid #EEE7DD;font-size:14px;}
#nzla .nzla-review dt{font-weight:700;color:var(--ink2);padding-right:14px;}
#nzla .nzla-review dd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
#nzla .nzla-review__edit{flex-shrink:0;padding:0;border:0;background:none;color:var(--red);font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;}
#nzla .nzla-review:empty{display:none;}
#nzla .nzla-info{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--teal-soft);color:var(--teal);font-size:14px;}
#nzla .nzla-info svg{flex-shrink:0;margin-top:1px;}

/* nav + buttons */
#nzla .nzla-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;}
#nzla .nzla-nav__sp{flex:1;}
#nzla .nzla-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:999px;border:2px solid transparent;font-size:16px;font-weight:700;line-height:1;text-decoration:none!important;cursor:pointer;transition:transform .15s,background-color .2s;}
#nzla .nzla-btn:hover{transform:translateY(-2px);}
#nzla .nzla-btn[hidden]{display:none;}
#nzla .nzla-btn--red{background:var(--red);color:#fff!important;}
#nzla .nzla-btn--teal{background:var(--teal);color:#fff!important;}
#nzla .nzla-btn--line{background:#fff;border-color:var(--line2);color:var(--ink)!important;}
#nzla .nzla-btn:disabled{opacity:.6;cursor:wait;transform:none;}
#nzla.is-js .nzla-btn[data-submit]:not(.is-on){display:none;}

/* preview — true to scale, stitched mark, magnifier */
#nzla .nzla-prev{border-radius:24px;background:#fff;border:1px solid var(--line);overflow:hidden;}
#nzla .nzla-prev__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--mute);}
#nzla .nzla-prev__head span:first-child{font-weight:700;letter-spacing:.14em;color:var(--teal);white-space:nowrap;}
#nzla .nzla-prev__head span:last-child{text-align:right;}
#nzla .nzla-prev__box{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--cream);overflow:hidden;}
#nzla .nzla-prev__box.is-bau,#nzla .nzla-prev__box.is-bau .nzla-prev__loupe{background:var(--bau-bg);}
#nzla .nzla-prev__box.is-gastro,#nzla .nzla-prev__box.is-gastro .nzla-prev__loupe{background:var(--gastro-bg);}
#nzla .nzla-prev__box.is-wellness,#nzla .nzla-prev__box.is-wellness .nzla-prev__loupe{background:var(--well-bg);}
#nzla .nzla-prev__stage{position:absolute;inset:4%;}
#nzla .nzla-prev__shape{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 6px 10px rgba(30,20,10,.14));}
#nzla .nzla-prev__stage .nzla-prev__mark{margin:0;}
#nzla .nzla-prev__mark{position:absolute;height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none;
  filter:drop-shadow(0 .6px .4px rgba(0,0,0,.45)) drop-shadow(0 0 .3px rgba(0,0,0,.25));}
#nzla .nzla-prev__mark.is-ghost{opacity:.45;}
#nzla .nzla-prev__back{position:absolute;left:14px;top:14px;z-index:2;padding:4px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;}
#nzla .nzla-prev__loupe{position:absolute;right:4%;bottom:4%;z-index:3;width:34%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cream);
  border:3px solid #fff;box-shadow:0 10px 28px rgba(30,20,10,.28);}
#nzla .nzla-prev__loupe.is-left{right:auto;left:4%;}
#nzla .nzla-prev__loupe.is-top{bottom:auto;top:4%;}
#nzla .nzla-prev__loupe .nzla-prev__stage{inset:auto;}
#nzla .nzla-prev__loupe > span{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:rgba(27,25,22,.75);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;}
#nzla .nzla-prev__empty{position:relative;z-index:1;padding:0 36px;font-size:15px;color:var(--mute);text-align:center;}
#nzla .nzla-prev__tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-top:1px solid var(--line);}
#nzla .nzla-prev__tabs:empty{display:none;}
#nzla .nzla-prev__tabs button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;}
#nzla .nzla-prev__tabs button.is-on{border-color:var(--teal);background:var(--teal);color:#fff;}
#nzla .nzla-prev__note{margin:0;padding:10px 16px 14px;border-top:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--mute);}

/* shop search (step 1) */
#nzla .nzla-search{display:flex;flex-direction:column;gap:10px;}
#nzla .nzla-search__box{position:relative;display:flex;align-items:center;margin:0;}
#nzla .nzla-search__box svg{position:absolute;left:16px;color:var(--ink2);pointer-events:none;}
#nzla .nzla-search__box input{width:100%;min-height:50px;padding:0 18px 0 44px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:15px;outline:none;-webkit-appearance:none;appearance:none;}
#nzla .nzla-search__box input:focus{border-color:var(--teal);}
#nzla .nzla-search__msg{margin:0;padding:10px 14px;border-radius:12px;background:var(--cream);font-size:14px;color:var(--ink2);}
#nzla .nzla-search__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;}
#nzla .nzla-search__list button{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px 12px 8px 8px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer;}
#nzla .nzla-search__list button:hover{border-color:var(--teal);}
#nzla .nzla-search__list button.is-added{border-color:var(--teal);background:var(--teal-soft);}
#nzla .nzla-search__img{display:flex;flex-shrink:0;width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--sand2);}
#nzla .nzla-search__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
#nzla .nzla-search__name{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#nzla .nzla-search__add{flex-shrink:0;font-size:12px;font-weight:700;color:var(--red);}
#nzla .nzla-search__list button.is-added .nzla-search__add{color:var(--teal);}
#nzla .nzla-tag--shop{background:var(--teal);color:#fff;}
#nzla .nzla-card--shop .nzla-card__img{background:var(--sand2);}

/* "Anderer Artikel" photo */
#nzla .nzla-photo{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:14px;border:2px dashed var(--line2);background:#fff;color:var(--teal);font-size:14px;font-weight:600;cursor:pointer;}
#nzla .nzla-photo:hover{border-color:var(--teal);}
#nzla .nzla-photo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
#nzla .nzla-photo span{color:var(--ink);word-break:break-word;}

/* dark summary */
#nzla .nzla-sum{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:24px;background:var(--teal);color:#fff;}
#nzla .nzla-sum__h{font-size:16px;}
#nzla .nzla-sum__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0 0 14px;list-style:none;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.88);}
#nzla .nzla-sum__total{display:flex;justify-content:space-between;align-items:baseline;}
#nzla .nzla-sum__total span{font-weight:700;}
#nzla .nzla-sum__total b{font-size:26px;letter-spacing:-.02em;}
#nzla .nzla-sum small{font-size:12px;color:rgba(255,255,255,.72);}
#nzla .nzla-sum a{color:#fff;}
#nzla .nzla-sum a:hover{color:#fff!important;opacity:.8;}

/* thank you */
#nzla .nzla-done{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:820px;margin:16px 0 0;padding:clamp(26px,4vw,48px);border-radius:28px;background:#fff;border:1px solid var(--line);}
#nzla .nzla-done__icon{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:50%;background:var(--teal);color:#fff;font-size:26px;font-weight:700;}
#nzla .nzla-review--done{width:100%;}
#nzla .nzla-done__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}

@media (max-width:900px){
  #nzla.is-js .nzla-aside{position:static;}
  #nzla .nzla-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  #nzla .nzla-row__fields{grid-template-columns:1fr 1fr;}
  #nzla .nzla-field--qty{grid-column:1/-1;}
}
@media (max-width:600px){
  #nzla{padding:0 16px;}
  #nzla.is-js .nzla-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  #nzla .nzla-step{justify-content:center;min-height:48px;padding:6px;}
  #nzla .nzla-step__t{display:none;}
  #nzla .nzla-panel{padding:20px 16px;}
  #nzla .nzla-h2{font-size:23px;}
  #nzla .nzla-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  #nzla .nzla-card{padding:8px;border-radius:16px;}
  #nzla .nzla-card__name{font-size:14px;}
  #nzla .nzla-fields,#nzla .nzla-row__fields,#nzla .nzla-tiles--2{grid-template-columns:1fr;}
  #nzla .nzla-row{flex-direction:column;}
  #nzla .nzla-review{grid-template-columns:1fr;}
  #nzla .nzla-review dt{padding-bottom:0;border-bottom:0;}
  #nzla .nzla-nav .nzla-btn{padding:0 18px;font-size:15px;}
  #nzla .nzla-aside{flex-basis:100%;}
}

/* 1.2 — garment shapes everywhere */
#nzla .nzla-shape{display:block;width:88%;height:88%;overflow:visible;filter:drop-shadow(0 4px 6px rgba(30,20,10,.12));}
#nzla .nzla-card__img .nzla-shape{width:84%;height:84%;}
#nzla .nzla-row__img .nzla-shape{width:90%;height:90%;filter:none;}
#nzla .nzla-tag--all{background:#E4DDD3;}
#nzla .nzla-field--kind{max-width:320px;}
#nzla select.nzla-input{padding-right:40px;-webkit-appearance:none;appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2357514A' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;}
#nzla .nzla-prev__colors{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--line);}
#nzla .nzla-prev__clabel{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--teal);}
#nzla .nzla-prev__clabel em{font-style:normal;font-weight:500;color:var(--ink2);letter-spacing:0;}
#nzla .nzla-prev__cl{display:flex;flex-wrap:wrap;gap:6px;}
#nzla .nzla-prev__c{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--c);cursor:pointer;}
#nzla .nzla-prev__c.is-on{border:2px solid #fff;box-shadow:0 0 0 2px var(--red);}
#nzla .nzla-prev__c:focus-visible{outline:3px solid rgba(179,17,26,.35);outline-offset:2px;}

/* 1.3 — real products, product colours + sizes, upload progress */
#nzla .nzla-h3{margin:8px 0 0;font-size:18px;font-weight:700;color:var(--ink);}
#nzla .nzla-empty.is-static{display:block;}
#nzla .nzla-loading{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink2);}
#nzla .nzla-loading:not(.is-done)::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--teal);animation:nzlaSpin .8s linear infinite;}
@keyframes nzlaSpin{to{transform:rotate(360deg);}}
#nzla .nzla-cats{display:flex;flex-direction:column;gap:10px;}
#nzla .nzla-catgroup{display:flex;flex-direction:column;gap:6px;}
#nzla .nzla-catgroup__h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);}
#nzla .nzla-catgroup__l{display:flex;flex-wrap:wrap;gap:6px;}
#nzla .nzla-catchip{min-height:38px;padding:0 14px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;}
#nzla .nzla-catchip:hover{border-color:var(--teal);}
#nzla .nzla-catchip.is-on{border-color:var(--teal);background:var(--teal);color:#fff;}
#nzla .nzla-prods{display:flex;flex-direction:column;gap:12px;min-height:60px;}
#nzla .nzla-prods__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;}
#nzla .nzla-prod{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:18px;border:2px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;}
#nzla .nzla-prod:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(30,20,10,.1);}
#nzla .nzla-prod.is-on{border-color:var(--red);box-shadow:0 10px 22px rgba(179,17,26,.14);}
#nzla .nzla-prod.is-new{animation:nzlaIn .35s ease both;}
#nzla .nzla-prod__img{display:block;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--sand2);}
#nzla .nzla-prod__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
#nzla .nzla-prod__name{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#nzla .nzla-prod__price{font-size:12px;color:var(--ink2);}
#nzla .nzla-prod__add{margin-top:auto;font-size:12px;font-weight:700;color:var(--red);}
#nzla .nzla-prod.is-on .nzla-prod__add{color:var(--teal);}
#nzla .nzla-prods__more{align-self:center;min-height:46px;}
#nzla .nzla-card__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
#nzla .nzla-row__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;}
#nzla .nzla-row__link{font-size:13px;}
#nzla .nzla-chips{display:flex;flex-wrap:wrap;gap:6px;}
#nzla .nzla-cchip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:38px;margin:0;padding:0 12px 0 8px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;}
#nzla .nzla-cchip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
#nzla .nzla-cchip i{width:20px;height:20px;border-radius:50%;background:var(--c,#ddd);border:1px solid rgba(0,0,0,.2);}
#nzla .nzla-cchip:has(input:checked){border-color:var(--teal);background:var(--teal-soft);color:var(--teal);}
#nzla .nzla-cchip:has(input:checked) i{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--teal);}
#nzla .nzla-cchip:focus-within{outline:3px solid rgba(179,17,26,.35);outline-offset:2px;}
#nzla .nzla-sizegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;}
#nzla .nzla-sz{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700;}
#nzla .nzla-sz .nzla-input{min-height:38px;padding:0 6px;text-align:center;}
#nzla .nzla-sz:has(input:not([value="0"]):valid){border-color:var(--teal);}
#nzla .nzla-progress{position:relative;display:block;width:100%;max-width:280px;height:6px;border-radius:999px;background:rgba(23,59,61,.15);overflow:hidden;}
#nzla .nzla-progress i{position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:999px;background:var(--teal);animation:nzlaBar 1.1s ease-in-out infinite;}
@keyframes nzlaBar{0%{left:-40%;}100%{left:100%;}}
#nzla .nzla-drop.is-busy{border-style:dashed;}
#nzla .nzla-drop.is-busy small{color:var(--teal);font-weight:700;}
#nzla .nzla-sending{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(27,25,22,.55);backdrop-filter:blur(3px);}
#nzla .nzla-sending__box{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:28px 26px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.25);}
#nzla .nzla-sending__box b{font-size:18px;}
#nzla .nzla-progress--big{max-width:none;height:10px;}
#nzla .nzla-progress--big i{position:static;display:block;height:100%;width:3%;animation:none;transition:width .25s ease;background:linear-gradient(90deg,var(--teal),#2f7f84);}
#nzla .nzla-sending__txt{font-size:14px;color:var(--ink2);}
html.nzla-noscroll{overflow:hidden;}
@media (max-width:600px){
  #nzla .nzla-prods__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  #nzla .nzla-sizegrid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

#nzla .nzla-cattabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;}
#nzla .nzla-cattab{flex-shrink:0;min-height:40px;padding:0 16px;border-radius:12px;border:0;background:var(--sand);color:var(--ink2);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
#nzla .nzla-cattab.is-on{background:var(--ink);color:#fff;}