/* Autoportretas — užsakymo forma (index) ir kliento užsakymo puslapis (uzsakymas.html). Spalvos — iš style.css :root. */

/* forma „Kam siųsti" */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:14px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.fld-wide{grid-column:1/-1}
.fld input,.fld select{font:400 16px/1.3 var(--body);padding:12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);width:100%}
.fld input:focus,.fld select:focus{border-color:var(--ink);outline:none}
.fld select:disabled{color:var(--muted);background:#F4F5F3}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;margin:10px 0;color:#2B3035}
.agree input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--ink)}
.fine.warn{color:#A4262C;font-weight:600}
.code-row{display:flex;gap:10px;align-items:flex-end;margin:4px 0 6px}
.code-row .fld{flex:1;max-width:320px}
.code-row .btn{padding:12px 18px}
#codeMsg{margin:0 0 8px}
#codeMsg.ok{color:#1B6B3A;font-weight:600}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}

/* atidarymo kaina: būsima kaina šalia (ne perbraukta) */
.later{display:inline-block;margin-left:6px;font:500 12px/1 var(--mono);color:var(--muted);white-space:nowrap}
.price-note{display:inline-block;margin:0 0 18px;padding:8px 14px;background:var(--yellow);border-radius:var(--radius);font:600 14px/1.3 var(--body)}

/* kliento užsakymo puslapis */
.order-page{padding-top:44px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.order-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.order-page h1{font-stretch:75%;font-weight:900;font-size:clamp(36px,5vw,56px)}
.delivery{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid;gap:14px}
.del-h{font-size:24px}
.code-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.code-row .fld{min-width:160px}
.notice{background:var(--blue-soft);border-left:4px solid var(--blue);padding:12px 16px;border-radius:var(--radius);font-size:15px;margin:0}
.notice.warn{background:#FBE9E9;border-color:#A4262C}
.o-actions{display:flex;gap:12px;flex-wrap:wrap}
.variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.var-group{grid-column:1/-1;margin:8px 0 -4px;font:600 15px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.var{position:relative;margin:0;padding:8px;background:var(--paper);border:8px solid var(--frame);border-radius:2px;box-shadow:0 18px 28px -20px rgba(18,20,22,.55)}
.var img{width:100%;height:auto}
.var-img{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.var-n{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 2px 2px}
.var.is-sel{outline:4px solid var(--blue);outline-offset:3px}
.var.is-sel .var-n{color:var(--blue)}
.var-n span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.var-zoom{color:var(--muted);text-transform:none;letter-spacing:0;flex:none}
.var-skel{aspect-ratio:5/7;background:linear-gradient(100deg,#E4E7E3 30%,#F3F4F2 50%,#E4E7E3 70%) 0 0/300% 100%;animation:ap-sheen 1.4s linear infinite}
@keyframes ap-sheen{to{background-position:-300% 0}}
@media (prefers-reduced-motion:reduce){.var-skel{animation:none}}
.wait-spin{width:40px;height:40px;margin:10px auto 4px;border:4px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:ap-spin .8s linear infinite}
@keyframes ap-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wait-spin{animation:none}}
.var-fail{aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--muted);font-size:14px;background:#F4F5F3}
.var-fb{display:flex;gap:6px;padding:6px 2px 0}
.fb-btn{flex:1;font:600 12px/1 var(--mono);padding:7px 4px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted);cursor:pointer}
.fb-btn.fb-like.is-active{border-color:#2E7D32;color:#fff;background:#2E7D32;font-weight:800}
.fb-btn.fb-dislike.is-active{border-color:#A4262C;color:#fff;background:#A4262C;font-weight:800}
.fb-note{width:100%;margin-top:6px;font:400 13px/1.4 var(--body);padding:8px;border:1.5px solid var(--line);border-radius:var(--radius);resize:vertical;min-height:50px;color:var(--ink)}
.fb-note[hidden]{display:none}
.chosen-big{max-width:420px}
.revise{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px}
.revise textarea{font:400 16px/1.45 var(--body);min-height:110px;padding:12px;border:1.5px solid var(--line);border-radius:var(--radius);resize:vertical;color:var(--ink)}
.revise textarea:focus{border-color:var(--ink);outline:none}
.revise .hint{margin:0}
.o-link{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--muted);text-decoration:underline;cursor:pointer}
.o-link:hover{color:#A4262C}
.history summary{cursor:pointer;font-weight:600}
.history .round{margin-top:16px}
.history .round p{margin:0 0 10px;font-size:14px;color:var(--muted)}
.order-meta{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:sticky;top:90px}
.order-meta dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:12px 0 0;font-size:14px}
.order-meta dt{color:var(--muted)}
.order-meta dd{margin:0;font-weight:600}
.order-meta .keep{font-size:13px;color:var(--muted);margin:16px 0 0;border-top:1px solid var(--line);padding-top:12px}
@media (max-width:900px){.order-page{grid-template-columns:1fr}.order-meta{position:static}}
@media (max-width:640px){.variants{grid-template-columns:1fr 1fr;gap:12px}.var{border-width:6px;padding:5px}}

/* drobė ant sienos tikru masteliu (app.js renderRoom): siena 320×260 cm, grindys 10 %, sofa 200×85 cm */
.room{position:relative;aspect-ratio:320/260;max-width:760px;margin:0 auto;border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(180deg,#F4F2ED 0%,#E7E3DB 90%,#CDBFA6 90%,#B9A98C 100%);box-shadow:inset 0 0 0 1px var(--line)}
.room-canvas{position:absolute;bottom:50%;background:#222;box-shadow:1px 2px 0 rgba(0,0,0,.25),10px 16px 24px -8px rgba(0,0,0,.45);transition:width .35s ease,height .35s ease,left .35s ease}
.room-canvas img{width:100%;height:100%;object-fit:cover}
.room-sofa{position:absolute;left:18.75%;width:62.5%;bottom:10%;height:32.7%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.room-label{position:absolute;right:10px;bottom:10px;font:600 11px/1 var(--mono);background:rgba(255,255,255,.88);padding:6px 8px;border-radius:4px;color:var(--ink)}
.room-sizes{max-width:760px;margin:0 auto 14px}
.room-sm{max-width:none;margin-top:14px}
#roomHint{margin:8px 0 0}
@media (prefers-reduced-motion:reduce){.room-canvas{transition:none}}

/* mobilus „Kurti paveikslą" */
.m-cta{display:none}
@media (max-width:760px){
  .m-cta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:30;box-shadow:0 12px 26px -8px rgba(0,0,0,.55);transition:transform .25s ease}
  .m-cta.off{transform:translateY(160%)}
  body:has(.m-cta){padding-bottom:78px}
}

/* atsiliepimai (kliento puslapyje ir „Mūsų darbai") */
.review{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;max-width:520px}
.review textarea{font:400 15px/1.45 var(--body);min-height:80px;padding:10px;border:1.5px solid var(--line);border-radius:var(--radius);resize:vertical;color:var(--ink)}
.review input{font:400 15px/1.3 var(--body);padding:10px;border:1.5px solid var(--line);border-radius:var(--radius);flex:1;min-width:0;color:var(--ink)}
.review .hint{margin:0}
.work-quote{margin:0;font-size:14px;line-height:1.45;color:#2B3035;border-left:3px solid var(--blue);padding-left:10px}
.work-quote cite{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:4px}
.body-fld{max-width:360px;margin-top:14px}
.rev-q{margin:0}
.fix-chips{display:flex;flex-wrap:wrap;gap:8px}
.fix-chip{position:relative;cursor:pointer}
.fix-chip input{position:absolute;opacity:0}
.fix-chip span{display:block;padding:8px 12px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;background:var(--paper)}
.fix-chip input:checked + span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.fix-chip input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.var-ai{font-weight:400;color:var(--muted);margin-left:4px}

/* „Pranešk, kai atsidarys" (kol užsakymai uždaryti) */
.notify{display:grid;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px;scroll-margin-top:90px}
.notify-head{margin:0;font-size:14px}
.notify-row{display:flex;gap:8px;flex-wrap:wrap}
.notify-row input{flex:1 1 180px;min-width:0;font:400 16px/1.3 var(--body);padding:12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink)}
.notify-row input:focus{border-color:var(--ink);outline:none}
.notify-row .btn{flex:0 0 auto}
.notify .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.notify .fine.ok{color:#1E6B3A;font-weight:600}
.notify .fine a{color:inherit}
.proto a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

.two-fld{flex-direction:row;align-items:flex-start;gap:10px;font-weight:600;cursor:pointer}
.two-fld input{width:20px;height:20px;padding:0;flex:none;margin-top:2px}
.two-fld[hidden]{display:none}
.lowq-box{margin:14px 0;padding:12px 14px;border:2px solid #8A5A00;border-radius:4px;background:rgba(224,160,40,.12)}
.lowq-box p{margin:0 0 10px}
.lowq-box .fld{margin:0}

.ref-box{margin:22px 0;padding:14px 16px;border:2px dashed #8A5A00;border-radius:4px;background:rgba(224,160,40,.10)}
.ref-box p{margin:0 0 8px}
.ref-code code{font:700 20px/1 var(--mono);letter-spacing:.08em;padding:6px 10px;border:1px solid var(--frame,#C4B69A);background:#fff;color:#16181a;margin-right:8px}
.gift .step{margin:0 0 20px}
.gift-card{padding:22px 20px;border:2px solid var(--frame,#C4B69A);border-radius:6px;background:rgba(255,255,255,.04);max-width:640px}
.gift-code{margin:16px 0;padding:18px;border:2px dashed currentColor;text-align:center}
.gift-code span{display:block;font-size:13px;opacity:.8}
.gift-code b{display:block;font:700 30px/1.3 var(--mono);letter-spacing:.1em}
.gift-code small{opacity:.8}

.size .ship-note{display:block;font-size:11px;opacity:.8}

.check-box{background:#FFF4D6;border-left:4px solid #E0A800;padding:14px 18px;border-radius:var(--radius);font-size:15px;margin:14px 0 0}
.check-box>b:first-child{display:block;font-size:16px;margin-bottom:4px}
.check-box p{margin:6px 0 0}