/* Product & Label Studio: Get your offer (studio-offer.js), 25 October 2026.
   Same language as the Studio restyle: cream ground, navy text, white rounded panels
   with a 1 px light line and a soft shadow, light blue for the current and the accent. */
.ld-offer[hidden]{display:none!important}
.ld-workspace-active[data-workspace-view=offer] .ld-grid,
.ld-workspace-active[data-workspace-view=offer] .ld-out,
.ld-workspace-active[data-workspace-view=offer] > .ld-note{display:none!important}
.ld-offer{margin:0 0 20px;min-width:0}
.lo{--lo-navy:var(--st-navy,#102c36);--lo-muted:var(--st-muted,#4d6269);--lo-line:var(--st-line,#d3dcd8);--lo-blue:var(--st-blue,#0879a9);
  --lo-ice:var(--st-ice,#e4f1f6);--lo-paper:var(--st-paper,#fcfcf8);color:var(--lo-navy);min-width:0}
.lo [hidden]{display:none!important}
.lo__head{margin:0 0 18px}
.lo__kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lo-blue);margin:0 0 6px}
.lo__head h3,.lo__done h3{font-family:var(--font-h,Ubuntu,sans-serif);font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;color:var(--lo-navy)}
.lo__head h3:focus,.lo__done h3:focus{outline:none}
.lo__lead{font-size:15px;line-height:1.6;color:var(--lo-muted);max-width:760px;margin:0}
.lo__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.lo__card{min-width:0;padding:24px;border:1px solid var(--lo-line);border-radius:16px;background:#fff;box-shadow:var(--st-shadow,0 18px 44px rgba(16,44,54,.08))}
.lo__card h4{font-family:var(--font-h,Ubuntu,sans-serif);font-size:18px;line-height:1.3;margin:0 0 14px;color:var(--lo-navy)}
.lo__pic{margin:0 0 16px;padding:12px;border:1px solid var(--lo-line);border-radius:12px;background:var(--lo-paper);text-align:center}
.lo__pic img{display:block;max-width:100%;max-height:320px;margin:0 auto;object-fit:contain}
.lo__pic figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--lo-muted);text-align:left}
.lo__blocks{display:grid;gap:10px}
.lo__block{padding:12px 14px;border:1px solid var(--lo-line);border-radius:12px;background:var(--lo-paper);min-width:0}
.lo__block-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lo__block h5{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--lo-navy)}
.lo__block ul{margin:4px 0 0;padding:0 0 0 18px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.lo__block li{margin:2px 0}
.lo__state{margin:4px 0 0;font-size:13px;line-height:1.45;padding:4px 10px;border-radius:99px;display:inline-block;background:var(--lo-ice);border:1px solid var(--st-ice-line,#9cc9dc)}
.lo__state--notfit,.lo__state--check{background:#fff7ec;border-color:#e6c48c}
.lo__state--none{background:#fff;border-color:var(--lo-line)}
.lo__change{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--lo-blue);font:600 13px/1.2 Poppins,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;flex:0 0 auto}
.lo__change:hover{background:#fff;border-color:var(--lo-line)}
.lo__change:focus-visible,.lo__form :is(input,select,textarea):focus-visible,.lo .btn:focus-visible{outline:2px solid var(--lo-blue);outline-offset:2px}
.lo__hint{font-size:13px;line-height:1.55;color:var(--lo-muted);margin:6px 0 0}
.lo__form{display:grid;gap:14px}
.lo__form > h4{margin:0}
.lo__form > .lo__hint:first-of-type{margin-top:-8px}
.lo__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.lo__field{display:grid;gap:6px;min-width:0}
.lo__field label{font-size:14px;font-weight:600;color:var(--lo-navy)}
.lo__field label span{font-weight:400;color:var(--lo-muted)}
.lo__field :is(input,select,textarea){width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--st-line-strong,#a9b8bc);border-radius:8px;background:#fff;color:var(--lo-navy);font:400 15px/1.4 Poppins,sans-serif;box-sizing:border-box}
.lo__field textarea{min-height:88px;resize:vertical}
.lo__field .lo__hint{margin:0}
.lo__hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.lo__consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:1.5}
.lo__consent input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--lo-blue)}
.lo__consent label{padding:2px 0;min-height:44px}
.lo__consent a{color:var(--lo-blue);padding:8px 0}
.lo__review{margin:0;padding:10px 14px;border:1px solid #e6c48c;border-radius:10px;background:#fff7ec;font-size:13px;line-height:1.5}
.lo__status{margin:0;font-size:14px;line-height:1.5}
.lo__status:empty{display:none}
.lo__status.is-error{padding:10px 14px;border:1px solid #e3bdb5;border-radius:8px;background:#fff7f4;box-shadow:inset 3px 0 0 #a3261b}
.lo__actions{display:flex;flex-wrap:wrap;gap:10px}
.lo .btn{min-height:48px;border-radius:4px}
.lo__done{max-width:760px}
.lo__badge{display:inline-block;margin:0 0 12px;padding:6px 12px;border:1px solid #e6c48c;border-radius:99px;background:#fff7ec;font-size:13px;font-weight:600}
.lo__ref{margin:0 0 16px;font-size:15px}
.lo__ref strong{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.lo__next{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.6}
@media(max-width:999.98px){
  .lo__grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .lo__card{padding:16px 14px;border-radius:14px}
}
@media(max-width:600px){
  .lo__row{grid-template-columns:minmax(0,1fr)}
  .lo__actions .btn{width:100%}
}

/* Step 4 of the Studio steps (layout 'step', studio-shell.js): the heading and the Send button are in the steps;
   the project is one list with a Change link per row, then the order and the contact. */
.lo--step{font-size:15px;line-height:1.55}
.lo--step .lo__sec{border-top:1px solid #d5ddd9;padding-top:20px;margin-top:24px}
.lo--step [data-main]>.lo__sec:first-of-type{border-top:0;padding-top:0;margin-top:16px}
.lo--step .lo__h2{font-family:var(--font-h,Ubuntu,sans-serif);font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:0 0 10px;color:var(--lo-navy)}
.lo--step .lo__h{font-family:var(--font-h,Ubuntu,sans-serif);font-size:17px;margin:18px 0 0;color:var(--lo-navy)}
.lo__dl{display:grid;margin:0}
.lo__dlrow{display:grid;grid-template-columns:130px minmax(0,1fr) auto;grid-template-areas:"t v c";gap:0 14px;align-items:center;border-bottom:1px solid #d5ddd9}
.lo__dlrow dt{grid-area:t;font-weight:600;padding:10px 0;margin:0}
.lo__dlrow dd{grid-area:v;margin:0;padding:10px 0;font-size:14px;overflow-wrap:anywhere}
.lo__dlrow dd.lo__chg{grid-area:c;padding:2px 0}
.lo__dlrow .lo__state{display:block;width:max-content;max-width:100%;margin:0 0 4px}
.lo__vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lo--step .lo__change{color:#102c36;text-decoration:underline;text-underline-offset:3px}
.lo--step .lo__form{display:block}
.lo--step .lo__field,.lo--step .lo__consent,.lo--step .lo__row{margin-top:16px}
.lo--step .lo__row .lo__field{margin-top:0}
.lo--step .lo__review,.lo--step .lo__status,.lo--step .lo__sec>.lo__hint{margin-top:14px}
.lo__errsum{border:1px solid #e8b9b3;background:#fbe9e7;border-radius:10px;padding:14px 16px;margin:16px 0}
.lo__errsum:focus{outline:3px solid #0879a9;outline-offset:2px}
.lo__errsum .lo__h2{color:#a3261b;font-size:17px;margin:0 0 6px}
.lo__errsum ul{margin:0;padding-left:20px}
.lo__errsum a{color:#a3261b;font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.lo__err{color:#a3261b;font-size:14px;margin:4px 0 0;font-weight:500;grid-column:1 / -1}
.lo--step [aria-invalid=true]{border-color:#a3261b!important;background:#fbe9e7}
.lo--step .lo__done{max-width:none}
.lo--step .lo__done h1{font-family:var(--font-h,Ubuntu,sans-serif);font-size:clamp(26px,3.2vw,34px);line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;color:var(--lo-navy)}
.lo--step .lo__done h1:focus{outline:none}
.lo--step .lo__kicker{color:#4b6067}
.lo__next--steps{counter-reset:lo-s;list-style:none;padding:0;display:grid;gap:12px;margin:12px 0 20px}
.lo__next--steps li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;margin:0}
.lo__next--steps li::before{counter-increment:lo-s;content:counter(lo-s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#102c36;color:#fff;font-weight:600}
.lo__ghost{min-height:50px;padding:12px 22px;border:1px solid #102c36;border-radius:3px;background:#fff;color:#102c36;font:600 15px/1.2 Poppins,sans-serif;cursor:pointer}
.lo__ghost:hover{background:#e4eff1}
.lo__quiet{min-height:44px;padding:12px 10px;border:1px solid transparent;border-radius:3px;background:transparent;color:#102c36;font:600 15px/1.2 Poppins,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lo__quiet:hover{background:#e4eff1}
.lo__ghost:focus-visible,.lo__quiet:focus-visible,.lo__change:focus-visible{outline:3px solid #0879a9;outline-offset:2px}
@media(max-width:600px){
  .lo__dlrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t c" "v v"}
  .lo__dlrow dd{padding-top:0}
}
.lo--step .lo__hp{opacity:0;pointer-events:none}
/* company details from the brand website (25 Oct 2026) */
.lo__filled{display:inline-block;align-self:flex-start;width:max-content;max-width:100%;margin:6px 0 0;padding:2px 10px;border-radius:99px;background:var(--lo-ice,#e4eff1);border:1px solid var(--st-ice-line,#9cc9dc);font-size:13px;line-height:1.45;color:#102c36}
.lo__filled-note{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--lo-ice,#e4eff1);border:1px solid var(--st-ice-line,#9cc9dc);font-size:14px;line-height:1.5;color:#102c36}
.lo__row{align-items:start}