.elementor-319 .elementor-element.elementor-element-52e17edd{--display:flex;--min-height:1324px;}.elementor-319 .elementor-element.elementor-element-52e17edd:not(.elementor-motion-effects-element-type-background), .elementor-319 .elementor-element.elementor-element-52e17edd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-be538c2 );}#elementor-popup-modal-319 .dialog-widget-content{animation-duration:1s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-319{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-319 .dialog-message{width:480px;height:auto;}#elementor-popup-modal-319 .dialog-close-button{display:flex;top:1%;font-size:23px;}body:not(.rtl) #elementor-popup-modal-319 .dialog-close-button{right:6%;}body.rtl #elementor-popup-modal-319 .dialog-close-button{left:6%;}/* Start custom CSS for shortcode, class: .elementor-element-a5f7487 *//* =====================================================
   DBL OFFCANVAS CART – FINAL UI (MATCH IMAGE)
   Radi 1/1 s tvojim PHP shortcodeom
   ===================================================== */
.elementor-207702 .elementor-element.elementor-element-a35f194 {
    --display: flex;
    --min-height: 99vh;
}

.dbl-offcart{
  height: 98vh;
  display: flex;
  flex-direction: column;

  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #fff;

  border-radius: 26px;
  overflow: hidden;
}

/* ---------- HEADER ---------- */
.dbl-offcart__header{
  padding: 20px 28px 20px;
  border-bottom: 2px solid rgba(80,170,180,.35);
}

.dbl-offcart__title{
  font-size: 52px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: .2px;
  line-height: 1;
}

/* ---------- BODY ---------- */
.dbl-offcart__body{
  flex: 1 1 auto;
  padding: 20px;
}

/* ---------- ITEM CARD ---------- */
.dbl-offcart__item{
  padding: 20px;
  border-radius: 22px;

  background:
    linear-gradient(180deg, rgba(12,58,100,.75) 0%, rgba(6,28,48,.45) 100%);

  border: 2px solid rgba(80,170,180,.35);
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}

.dbl-offcart__item-top{
  margin-bottom: 16px;
}

.dbl-offcart__name{
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 10px;
  line-height: 1.1;
}

.dbl-offcart__price{
  font-size: 22px;
  color: rgba(255,255,255,.75);
}

.dbl-offcart__price strong{
  font-size: 30px;
  color: #fff;
  margin-left: 6px;
}

/* ---------- QTY CONTROL ---------- */
.dbl-offcart__qtyrow{
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  border-radius: 16px;
  overflow: hidden;

  background: rgba(18,55,85,.45);
  border: 2px solid rgba(80,170,180,.35);
}

.dbl-offcart__btn{
  height: 75px;
  background: rgba(20,65,95,.65);
  border: 0;
  cursor: pointer;

  font-size: 30px;
  font-weight: 700;
  color: #fff;
}

.dbl-offcart__btn:hover{
  filter: brightness(1.1);
}

.dbl-offcart__qty{
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 26px;
  font-weight: 800;

  background: rgba(20,65,95,.45);
  border-left: 2px solid rgba(80,170,180,.35);
  border-right: 2px solid rgba(80,170,180,.35);
}

/* ---------- FOOTER ---------- */
.dbl-offcart__footer{
  padding: 22px 26px 26px;
  border-top: 2px solid rgba(80,170,180,.35);

  background: rgba(5,22,38,.92);
  backdrop-filter: blur(6px);
}

/* ---------- TOTAL ---------- */
.dbl-offcart__totalrow{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}

.dbl-offcart__totallabel{
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
}

.dbl-offcart__totalval{
  font-size: 40px;
  font-weight: 900;
}

/* ---------- NOTE ---------- */
.dbl-offcart__note{
  display: flex;
  align-items: center;
  gap: 10px;

  color: #38d9c8;
  font-size: 18px;
  margin-bottom: 18px;
}

.dbl-offcart__note::before{
  content: "🎁";
  font-size: 20px;
}

/* ---------- CHECKOUT BUTTON ---------- */
.dbl-offcart__checkout{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 60px;

  border-radius: 18px;
  background: #3DD9C8;

  font-size: 32px;
  font-weight: 800;
  color: #001224;
  text-decoration: none;

  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

#offcart-button{
    color:#001224;
}

.dbl-offcart__checkout:hover{
  filter: brightness(1.05);
}

/* ---------- LOADING ---------- */
.dbl-offcart.is-loading{
  opacity: .6;
  pointer-events: none;
}

/* ---------- MOBILE ---------- */
@media (max-width: 480px){
  .dbl-offcart__title{ font-size: 1.6rem; }
  .dbl-offcart__name{ font-size: 1.4rem; }
  .dbl-offcart__btn,
  .dbl-offcart__checkout,
  .dbl-offcart__qty{ height: 60px; }
  .dbl-offcart__totallabel,
  .dbl-offcart__totalval{ font-size:  1.55rem; }
  .dbl-offcart__checkout{ font-size:  1.55rem; }
  .dbl-offcart__note{ font-size: 0.75rem;}
  .dbl-offcart{
  height: 100%;}
}

@media (min-width: 1440px){
    .dbl-offcart__title{ font-size: 28px; }
  .dbl-offcart__name{ font-size: 26px; }
  .dbl-offcart__btn,
  .dbl-offcart__checkout,
  .dbl-offcart__qty{ height: 60px;}
  .dbl-offcart__totallabel,
  .dbl-offcart__totalval{ font-size: 28px; }
  .dbl-offcart__checkout{ font-size: 26px; }
  .dbl-offcart__note{ font-size: 15px;}
  .dbl-offcart{
  height: 98vh;}
  .dbl-offcart__qtyrow{
  display: grid;
  grid-template-columns: 0.6fr 0.8fr 0.6fr;
}
}/* End custom CSS */