/* LAVISH – mini korpa (off-canvas drawer). Težine samo 300/400/500, bez italica. */

/* ---------- badge u headeru ---------- */
.lvr-mc-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;background:#FF670E;color:#fff;font:500 10.5px/18px "LAVISH26",sans-serif;font-style:normal;letter-spacing:0;text-align:center;border-radius:99px;pointer-events:none}
.lvr-mc-count[data-count="0"]{display:none}
.lvr-mc-count.is-pulse{animation:lvr-mc-pulse .6s cubic-bezier(.2,.8,.2,1)}
@keyframes lvr-mc-pulse{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}

/* ---------- zaključavanje stranice ---------- */
html.lvr-mc-open{overflow:hidden;padding-right:var(--lvr-mc-sbw,0)}
html.lvr-mc-open body{overflow:hidden}

/* ---------- korijen / overlay / panel ---------- */
.lvr-mc{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none;font-family:"LAVISH26",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1.4;color:#343233;transition:visibility 0s linear .32s}
.lvr-mc.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
.lvr-mc *,.lvr-mc *:before,.lvr-mc *:after{box-sizing:border-box;font-style:normal}
.lvr-mc-overlay{position:absolute;inset:0;background:rgba(20,18,18,.45);opacity:0;transition:opacity .32s ease}
.lvr-mc.is-open .lvr-mc-overlay{opacity:1}
.lvr-mc-panel{position:absolute;top:0;right:0;width:min(440px,100vw);height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;box-shadow:-12px 0 40px rgba(20,18,18,.14);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);outline:0;overflow:hidden}
.lvr-mc.is-open .lvr-mc-panel{transform:translateX(0)}

/* reset za temu/Elementor stilove */
.lvr-mc button{font-family:inherit;font-style:normal;text-transform:none;letter-spacing:normal;margin:0;min-height:0;box-shadow:none!important;text-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.lvr-mc a{text-decoration:none}
.lvr-mc strong,.lvr-mc b{font-weight:500}
.lvr-mc h2,.lvr-mc h3,.lvr-mc p,.lvr-mc ul,.lvr-mc dl,.lvr-mc dd{margin:0}
.lvr-mc ins{background:none;text-decoration:none;font-weight:500}
.lvr-mc del{opacity:1;color:#a5a5a5;font-weight:400;text-decoration:line-through}
.lvr-mc .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- header panela ---------- */
.lvr-mc-head{flex:none;display:flex;align-items:center;gap:10px;padding:16px 12px 16px 20px;border-bottom:1px solid #ececec}
.lvr-mc .lvr-mc-title{margin:0;padding:0;font:500 20px/1.2 "LAVISH26",sans-serif!important;color:#343233;letter-spacing:0;text-transform:none}
.lvr-mc-hcount{flex:1;min-width:0;font-size:13px;color:#8b8785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvr-mc-hcount:empty{display:none}
.lvr-mc-head .lvr-mc-close{flex:none;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;background:none!important;border:0!important;border-radius:50%;color:#343233!important;transition:color .2s,background-color .2s}
.lvr-mc-head .lvr-mc-close:hover{color:#FF670E!important;background:#f7f6f5!important}
.lvr-mc-close svg{width:22px;height:22px}

/* toast (izvan .lvr-mc-body da preživi zamjenu fragmenata) */
.lvr-mc-toast{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#343233;color:#fff;font-size:13.5px}
.lvr-mc-toast[hidden]{display:none}
.lvr-mc-toast-t{min-width:0;overflow-wrap:anywhere}
.lvr-mc .lvr-mc-undo{flex:none;padding:2px 0!important;background:none!important;border:0!important;color:#ff8a5c!important;font:500 13.5px "LAVISH26",sans-serif;text-decoration:underline}
.lvr-mc .lvr-mc-undo:hover{color:#fff!important}

/* ---------- body (scroll) ---------- */
.lvr-mc-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.lvr-mc-main{flex:1 0 auto;min-width:0;padding:4px 20px 20px}

/* traka besplatne dostave */
.lvr-mc-ship{margin:14px 0 4px;padding:12px 14px;background:#f7f6f5;border-radius:10px}
.lvr-mc-ship-t{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}
.lvr-mc-ship-t svg{flex:none;width:18px;height:18px}
.lvr-mc-ship.is-free{color:#1f8a4c}
.lvr-mc-bar{height:6px;margin-top:9px;background:#e6e3e1;border-radius:99px;overflow:hidden}
.lvr-mc-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff5c2a,#ff8a5c);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.lvr-mc-ship.is-free .lvr-mc-bar span{background:#1f8a4c}

/* stavke */
.lvr-mc-items{list-style:none;margin:0;padding:0}
.lvr-mc-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;padding:14px 0;border-bottom:1px solid #ececec;transition:opacity .2s}
.lvr-mc-item>*{min-width:0}
.lvr-mc-item.is-busy{opacity:.45;pointer-events:none}
.lvr-mc-thumb{display:block;width:72px;height:72px;border-radius:8px;background:#f7f6f5;overflow:hidden}
.lvr-mc-thumb img,.lvr-mc-img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lvr-mc-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.lvr-mc .lvr-mc-name{font-size:15px;font-weight:500;line-height:1.3;color:#343233!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-width:100%}
.lvr-mc .lvr-mc-name:hover{color:#FF670E!important}
.lvr-mc-colors{max-width:100%;font-size:12.5px;line-height:1.35;color:#8b8785;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}

.lvr-mc-stepper{display:inline-flex;align-items:center;height:32px;margin-top:8px;border:1px solid #ececec;border-radius:99px;background:#fff}
.lvr-mc .lvr-mc-qbtn{width:32px;height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;border-radius:50%;color:#343233!important;font:400 17px/1 "LAVISH26",sans-serif;transition:color .15s}
.lvr-mc .lvr-mc-qbtn:hover:not(:disabled){color:#FF670E!important}
.lvr-mc .lvr-mc-qbtn:disabled{color:#c9c6c4!important;cursor:not-allowed}
.lvr-mc-qty{min-width:22px;text-align:center;font-size:14px;font-weight:500}

.lvr-mc-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.lvr-mc .lvr-mc-remove{width:32px;height:32px;margin:-6px -6px 0 0;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;border-radius:50%;color:#8b8785!important;transition:color .15s}
.lvr-mc .lvr-mc-remove:hover{color:#E43C13!important}
.lvr-mc-remove svg{width:19px;height:19px}
.lvr-mc-price{text-align:right;font-size:14.5px;font-weight:500;line-height:1.3;white-space:nowrap}
.lvr-mc-price del,.lvr-mc-price ins{display:block}
.lvr-mc-price del{font-size:12.5px}
.lvr-mc-price ins{color:#FF670E}

/* upsell */
.lvr-mc-upsell{margin-top:18px}
.lvr-mc .lvr-mc-upsell-t{margin:0 0 4px;padding:0;font:500 14px/1.3 "LAVISH26",sans-serif!important;color:#343233;letter-spacing:0;text-transform:none}
.lvr-mc-up{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0}
.lvr-mc-up>*{min-width:0}
.lvr-mc-up-img{display:block;width:48px;height:48px;border-radius:8px;background:#f7f6f5;overflow:hidden}
.lvr-mc-up-img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lvr-mc-up-txt{display:flex;flex-direction:column;gap:1px}
.lvr-mc .lvr-mc-up-name{font-size:13.5px;line-height:1.3;color:#343233!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.lvr-mc .lvr-mc-up-name:hover{color:#FF670E!important}
.lvr-mc-up-price{font-size:13px;color:#8b8785}
.lvr-mc-up-price ins{color:#FF670E}
.lvr-mc .lvr-mc-add{padding:7px 14px!important;background:#fff!important;border:1px solid #343233!important;border-radius:99px;color:#343233!important;font:500 13px/1.2 "LAVISH26",sans-serif;white-space:nowrap;transition:background-color .15s,color .15s}
.lvr-mc .lvr-mc-add:hover:not(:disabled){background:#343233!important;color:#fff!important}
.lvr-mc .lvr-mc-add.is-loading{opacity:.6;cursor:progress}

/* footer (u body-ju, prilijepljen na dno panela) */
.lvr-mc-foot{flex:none;position:sticky;bottom:0;z-index:2;padding:16px 20px max(16px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ececec;box-shadow:0 -10px 24px rgba(20,18,18,.05)}
.lvr-mc-sums{margin:0}
.lvr-mc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:14px}
.lvr-mc-row dt{font-weight:400;color:#8b8785}
.lvr-mc-row dd{min-width:0;text-align:right;overflow-wrap:anywhere}
.lvr-mc-row-disc dd,.lvr-mc-free{color:#1f8a4c}
.lvr-mc-row-total{margin-top:6px;padding-top:10px;border-top:1px solid #ececec;font-size:16px;font-weight:500}
.lvr-mc-row-total dt{color:#343233;font-weight:500}
.lvr-mc-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.2;text-align:center;transition:background-color .2s,color .2s,border-color .2s}
.lvr-mc a.lvr-mc-btn-primary{width:100%;margin-top:14px;background:#E43C13;color:#fff!important;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.lvr-mc a.lvr-mc-btn-primary:hover{background:#c9330f;color:#fff!important}
.lvr-mc .lvr-mc-viewcart{display:block;margin-top:10px;text-align:center;font-size:13.5px;color:#343233!important;text-decoration:underline;text-underline-offset:3px}
.lvr-mc .lvr-mc-viewcart:hover{color:#FF670E!important}
.lvr-mc-trust{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #ececec;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lvr-mc-trust li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:11px;line-height:1.3;color:#8b8785;overflow-wrap:anywhere}
.lvr-mc-trust svg{width:20px;height:20px;color:#343233}
@media (max-height:720px){.lvr-mc-trust{display:none}}

/* prazna korpa */
.lvr-mc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px}
.lvr-mc-empty-ico{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#f7f6f5;color:#343233}
.lvr-mc-empty-ico svg{width:40px;height:40px}
.lvr-mc-empty-t{margin-top:18px;font-size:18px;font-weight:500;color:#343233}
.lvr-mc-empty-s{margin-top:4px;font-size:14px;color:#8b8785}
.lvr-mc-empty-btns{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:22px}
.lvr-mc a.lvr-mc-btn-line{flex:1 1 140px;min-width:0;background:#fff;border:1px solid #343233;color:#343233!important;font-weight:500}
.lvr-mc a.lvr-mc-btn-line:hover{background:#343233;color:#fff!important}
.lvr-mc-popular{width:100%;margin-top:30px;text-align:left}
.lvr-mc-pop-t{margin-bottom:12px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8b8785}
.lvr-mc-pop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.lvr-mc a.lvr-mc-pop-item{display:flex;flex-direction:column;gap:4px;min-width:0;color:#343233!important}
.lvr-mc-pop-img{display:block;aspect-ratio:1/1;border-radius:10px;background:#f7f6f5;overflow:hidden}
.lvr-mc-pop-img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lvr-mc-pop-name{margin-top:4px;font-size:13.5px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvr-mc-pop-price{font-size:13px;color:#343233}
.lvr-mc-pop-price ins{color:#FF670E}
.lvr-mc a.lvr-mc-pop-item:hover .lvr-mc-pop-name{color:#FF670E}

/* ---------- mobitel ---------- */
@media (max-width:480px){
  .lvr-mc-panel{width:100vw}
  .lvr-mc-head{padding:14px 10px 14px 16px}
  .lvr-mc-main{padding:4px 16px 16px}
  .lvr-mc-foot{padding:14px 16px max(16px,env(safe-area-inset-bottom))}
  .lvr-mc-toast{padding:10px 16px}
}
@media (max-width:360px){
  .lvr-mc-item{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}
  .lvr-mc-thumb{width:64px;height:64px}
  .lvr-mc-price{font-size:13.5px}
}

/* ---------- manje pokreta ---------- */
@media (prefers-reduced-motion:reduce){
  .lvr-mc,.lvr-mc-overlay,.lvr-mc-panel,.lvr-mc-bar span,.lvr-mc-item{transition:none!important}
  .lvr-mc-count.is-pulse{animation:none}
}