/* Drvolina Forma — izgled usklađen sa Drvolina temom */
.drvf{
  --f-ink:var(--dr-ink,#22170F);--f-esp:var(--dr-esp,#2B1D14);--f-brown:var(--dr-brown,#7A4E2D);
  --f-sand:var(--dr-sand,#F5EFE6);--f-beige:var(--dr-beige,#EADFCF);--f-line:var(--dr-line-2,#E3D6C5);--f-muted:var(--dr-muted,#6E5B4C);
  --f-font:var(--dr-sans,'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif);
  position:relative;margin:18px 0 16px;padding:20px 16px 18px;background:var(--f-sand);border-radius:18px;
  display:flex;flex-direction:column;gap:14px;font-family:var(--f-font);color:var(--f-ink);clear:both;
}
.drvf *{box-sizing:border-box}
.drvf .drvf-title{font:700 24px/1.1 var(--f-font)!important;letter-spacing:-.02em!important;margin:0 0 2px!important;color:var(--f-ink)!important}
.drvf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.drvf-item{display:flex;align-items:center;gap:14px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--f-line)}
.drvf-item-img{flex:0 0 68px;width:68px;height:68px;border-radius:10px;overflow:hidden;background:var(--f-beige)}
.drvf-item-img img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important}
.drvf-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.drvf-item-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A7563}
.drvf-item-meta strong{font-size:16px;font-weight:700;line-height:1.25;color:var(--f-ink)}
.drvf-item-price{font-size:15px;font-weight:800;color:var(--f-brown)}

.drvf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drvf-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.drvf .drvf-field label{font:700 13.5px/1.3 var(--f-font);color:var(--f-ink);margin:0;padding:0}
.drvf-req{color:var(--f-brown)}
.drvf input[type=text],.drvf input[type=tel],.drvf select,.drvf textarea{
  width:100%!important;min-height:52px;margin:0!important;padding:12px 14px!important;
  border:1.5px solid var(--f-line)!important;border-radius:12px!important;background:#fff!important;
  font:500 16px/1.4 var(--f-font)!important;color:var(--f-ink)!important;box-shadow:none!important;outline:none;
  -webkit-appearance:none;appearance:none;transition:border-color .2s;
}
.drvf textarea{min-height:88px;resize:vertical}
.drvf select{padding-right:40px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A4E2D' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px!important}
.drvf input:focus,.drvf select:focus,.drvf textarea:focus{border-color:var(--f-brown)!important}
.drvf .is-invalid{border-color:#B4432A!important;background-color:#FDF5F2!important}
.drvf ::placeholder{color:#B3A08E}

.drvf-sum{display:flex;flex-direction:column;gap:8px;padding:14px 0 2px;border-top:1px solid var(--f-line);margin-top:2px}
.drvf-sum>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px;color:var(--f-muted)}
.drvf-sum>div>span:last-child{color:var(--f-ink);font-weight:600;text-align:right}
.drvf-sum .drvf-total{font-size:16px;color:var(--f-ink);font-weight:700}
.drvf-total strong{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--f-ink)}
.drvf-msg{padding:12px 14px;border-radius:12px;background:#FDF0EC;color:#8A2E1A;font-size:14px;font-weight:600;line-height:1.4}
.drvf-msg[hidden]{display:none}
.drvf .drvf-btn{
  display:flex!important;align-items:center;justify-content:center;width:100%;min-height:58px;margin:2px 0 0!important;padding:0 18px!important;
  border:0!important;border-radius:14px!important;background:var(--f-esp)!important;color:#fff!important;cursor:pointer;
  font:700 17px/1.2 var(--f-font)!important;letter-spacing:-.005em!important;text-transform:none!important;box-shadow:none!important;transition:background .2s;
}
.drvf .drvf-btn:hover{background:#000!important}
.drvf .drvf-btn:disabled{opacity:.7;cursor:wait}
.drvf .drvf-note{margin:0!important;font-size:13px;line-height:1.45;color:var(--f-muted);text-align:center}
.drvf-na{margin:16px 0;padding:16px;border-radius:14px;background:#F5EFE6;font-size:14.5px}
.drvf-na a{color:#7A4E2D;font-weight:700;text-decoration:underline}

.drvf-ok{margin:18px 0 16px;padding:26px 18px 20px;border-radius:18px;background:#F5EFE6;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;outline:none;font-family:var(--dr-sans,system-ui,sans-serif)}
.drvf-ok-icon{width:54px;height:54px;border-radius:50%;background:#2B1D14;color:#E2C29E;display:flex;align-items:center;justify-content:center}
.drvf-ok h2{font-size:26px!important;letter-spacing:-.025em!important;margin:4px 0 0!important;line-height:1.1}
.drvf-ok p{margin:0!important;font-size:15px;color:#6E5B4C;line-height:1.5}
.drvf-ok-num strong{color:#22170F}
.drvf-ok-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:8px;border:1.5px solid #2B1D14;border-radius:12px;color:#2B1D14!important;font-weight:700;font-size:15px;text-decoration:none!important}
.drvf-ok-btn:hover{background:#2B1D14;color:#fff!important}

/* traka "Poruči" pri dnu (telefon) */
.drvf-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:12px;
  padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #EFE6DA;
  box-shadow:0 -10px 30px -16px rgba(34,23,15,.5);transform:translateY(110%);transition:transform .3s;
  font-family:var(--dr-sans,system-ui,sans-serif);
}
.drvf-sticky.is-visible{transform:none}
.drvf-sticky-info{flex:1;min-width:0;display:flex;flex-direction:column}
.drvf-sticky-name{font-size:13px;font-weight:600;color:#22170F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drvf-sticky-price{font-size:17px;font-weight:800;color:#7A4E2D}
.drvf-sticky-price del{font-size:12px;font-weight:400;color:#9C8775;margin-right:6px}
.drvf-sticky-price ins{text-decoration:none}
.drvf-sticky .drvf-sticky-btn{height:50px;padding:0 24px!important;border:0!important;border-radius:12px!important;background:#2B1D14!important;color:#fff!important;font:700 15px/1 var(--dr-sans,system-ui,sans-serif)!important;cursor:pointer;white-space:nowrap}
@media(min-width:900px){.drvf-sticky{display:none!important}.drvf{padding:24px 22px 20px}}
@media(max-width:899px){body.drvf-has-sticky #ast-scroll-top{bottom:90px!important}}
@media(prefers-reduced-motion:reduce){.drvf-sticky{transition:none}}

/* ===================== DUGME + POPUP ===================== */
.drvf-cta{margin:18px 0 14px;display:flex;flex-direction:column;gap:10px;font-family:var(--dr-sans,system-ui,sans-serif)}
.drvf-cta .drvf-open{
  display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin:0!important;padding:0 18px!important;
  border:0!important;border-radius:14px!important;background:var(--dr-esp,#2B1D14)!important;color:#fff!important;cursor:pointer;
  font:700 17px/1.2 var(--dr-sans,system-ui,sans-serif)!important;letter-spacing:-.005em!important;text-transform:none!important;box-shadow:none!important;transition:background .2s,transform .15s;
}
.drvf-cta .drvf-open:hover{background:#000!important}
.drvf-cta .drvf-open:active{transform:scale(.98)}
.drvf-cta-note{margin:0!important;font-size:13px;line-height:1.45;color:var(--dr-muted,#6E5B4C);text-align:center}
.drvf-cta-done{padding:16px;border-radius:14px;background:#F5EFE6;font-weight:700;text-align:center;color:#22170F}

html.drvf-locked{overflow:hidden}
.drvf-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none}
.drvf-modal.is-open{visibility:visible;pointer-events:auto}
.drvf-backdrop{position:absolute;inset:0;background:rgba(34,23,15,.55);opacity:0;transition:opacity .25s}
.drvf-modal.is-open .drvf-backdrop{opacity:1}
.drvf-sheet{
  position:relative;width:100%;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;
  background:#F5EFE6;border-radius:22px 22px 0 0;outline:none;overflow:hidden;
  transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);
  box-shadow:0 -20px 50px -20px rgba(0,0,0,.5);
}
.drvf-modal.is-open .drvf-sheet{transform:none}
.drvf-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px;flex:0 0 auto;position:relative}
.drvf-sheet-head::before{content:'';position:absolute;top:7px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#D9C7B1}
.drvf-sheet .drvf-title{font:700 24px/1.1 var(--dr-sans,system-ui,sans-serif)!important;letter-spacing:-.02em!important;margin:6px 0 0!important;color:#22170F!important}
.drvf-sheet .drvf-x{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;margin:0;border:0!important;border-radius:50%!important;background:#fff!important;color:#22170F!important;cursor:pointer;box-shadow:none!important;flex:0 0 auto}
.drvf-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px calc(18px + env(safe-area-inset-bottom))}
.drvf-sheet .drvf{margin:0;padding:0;background:transparent;border-radius:0}
.drvf-sheet .drvf-ok{margin:4px 0 0;background:#fff}
@media(min-width:700px){
  .drvf-modal{align-items:center;padding:24px}
  .drvf-sheet{max-width:520px;max-height:88vh;border-radius:22px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .25s,opacity .25s}
  .drvf-modal.is-open .drvf-sheet{opacity:1}
  .drvf-sheet-head::before{display:none}
  .drvf-sheet-head{padding:20px 22px 12px}
  .drvf-sheet-body{padding:0 22px 22px}
}
@media(prefers-reduced-motion:reduce){.drvf-sheet,.drvf-backdrop{transition:none}}

/* bez JavaScript-a forma se prikazuje normalno na stranici */
html:not(.drvf-js) .drvf-cta{display:none}
html:not(.drvf-js) .drvf-modal{position:static;visibility:visible;pointer-events:auto;display:block}
html:not(.drvf-js) .drvf-backdrop,html:not(.drvf-js) .drvf-x{display:none!important}
html:not(.drvf-js) .drvf-sheet{transform:none;max-height:none;border-radius:18px;margin:18px 0;opacity:1}

/* ===================== DODATNA POLJA ===================== */
.drvf-extra{display:flex;flex-wrap:wrap;gap:14px 10px}
.drvf-extra>*{flex:1 1 100%;min-width:0}
.drvf-extra>.drvf-half{flex:1 1 calc(50% - 5px)}
.drvf-cond{display:flex;flex-direction:column;gap:14px}
.drvf-cond[hidden]{display:none!important}
.drvf-choice-simple .drvf-choice-box{align-items:center;justify-content:center;min-height:48px;padding:10px 12px}
.drvf-choice-simple .drvf-choice-box strong{font-size:14.5px;font-weight:700;letter-spacing:0}
.drvf-opt{font-weight:500;color:#8A7563}
.drvf-choice{border:0;margin:0;padding:0;min-width:0}
.drvf-choice legend{font:700 13.5px/1.3 var(--dr-sans,system-ui,sans-serif);color:#22170F;padding:0;margin:0 0 6px}
.drvf-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drvf-choice-opt{position:relative;display:block;cursor:pointer;margin:0}
.drvf-choice-opt input{position:absolute;opacity:0;width:1px;height:1px}
.drvf-choice-box{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 12px 11px;border:1.5px solid #E3D6C5;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.drvf-choice-box strong{font-size:14.5px;font-weight:800;letter-spacing:.02em;color:#22170F}
.drvf-choice-box small{font-size:12.5px;color:#6E5B4C;line-height:1.3}
.drvf-choice-box em{font-style:normal;font-size:15px;font-weight:800;color:#7A4E2D;margin-top:4px}
.drvf-choice-opt input:checked + .drvf-choice-box{border-color:#2B1D14;box-shadow:inset 0 0 0 1px #2B1D14;background:#FFFCF8}
.drvf-choice-opt input:focus-visible + .drvf-choice-box{outline:2px solid #7A4E2D;outline-offset:2px}
.drvf-choice.is-invalid .drvf-choice-box{border-color:#B4432A}
.drvf-sep{display:flex;align-items:center;gap:10px;margin:4px 0 -2px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A7563}
.drvf-sep::before,.drvf-sep::after{content:'';flex:1;height:1px;background:#E3D6C5}
.drvf-photo-label{font:700 13.5px/1.3 var(--dr-sans,system-ui,sans-serif);color:#22170F}
.drvf-photo-drop{position:relative;display:block;cursor:pointer;margin:0}
.drvf-photo-drop input{position:absolute;opacity:0;width:1px;height:1px}
.drvf-photo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;border:1.5px dashed #D9C7B1;border-radius:12px;background:#fff;color:#7A4E2D;font-size:14px;font-weight:600}
.drvf-photo-full{display:flex;align-items:center;gap:12px;padding:8px;border:1.5px solid #E3D6C5;border-radius:12px;background:#fff}
.drvf-photo-full[hidden],.drvf-photo-empty[hidden]{display:none}
.drvf-photo-full img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#EADFCF}
.drvf-photo-name{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drvf-photo-change{font-size:13px;font-weight:700;color:#7A4E2D}
.drvf-photo.is-invalid .drvf-photo-empty{border-color:#B4432A}
.drvf-photo-drop input:focus-visible + .drvf-photo-empty{outline:2px solid #7A4E2D;outline-offset:2px}