.elementor-1271 .elementor-element.elementor-element-8ca376d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1271 .elementor-element.elementor-element-225b1b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-1271{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1271 .dialog-message{width:1100px;height:680px;align-items:flex-start;}#elementor-popup-modal-1271 .dialog-close-button{display:flex;}#elementor-popup-modal-1271 .dialog-widget-content{border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-1271 .elementor-element.elementor-element-8ca376d{--width:100%;}}/* Start custom CSS *//* Reset-ish */
  * { box-sizing: border-box; }
  body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:#f3f4f6; padding:30px; }

  /* Modal container (centered-ish for demo) */
  /*.modal-wrap {*/
  /*  max-width: 1100px;*/
  /*  margin: 10px auto;*/
  /*  background: #ffffff;*/
  /*  border-radius: 18px;*/
  /*  overflow: hidden;*/
  /*  display:flex;*/
  /*  flex-direction:column;*/
  /*  max-height: 90vh;*/
  /*  box-shadow: 0 10px 30px rgba(15,23,42,0.12);*/
  /*  border: 1px solid rgba(15,23,42,0.04);*/
  /*}*/

  /* Header */
  .modal-head {
    padding: 28px 28px;
    border-bottom: 1px solid #e6e9ee;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .modal-head h2 { margin:0; font-size:28px; color:#0f172a; font-weight:700; }
  .modal-head p { margin:4px 0 0 0; color:#6b7280; font-size:14px; }

  .close-btn {
    background: transparent;
    border: none;
    color:#94a3b8;
    cursor:pointer;
    font-size:18px;
    padding:6px;
    border-radius:8px;
  }
  .close-btn:hover { color:#374151; background: rgba(15,23,42,0.03); }

  /* Body area: two columns */
  .modal-body {
    display:grid;
    grid-template-columns: 1fr 380px;
    gap:24px;
    padding:24px;
    overflow:hidden;
  }

  /* Left column scroll area */
  .left-col {
    overflow:auto;
    padding-right:6px;
  }
  .section-title { font-size:16px; font-weight:700; color:#0f172a; margin:8px 0 14px; }
  .card {
    background:white;
    border-radius:12px;
    padding:16px;
    border:1px solid #e6e9ee;
    margin-bottom:14px;
    transition: box-shadow .18s, border-color .18s;
  }
  .card:hover { border-color:#d1d5db; box-shadow: 0 6px 20px rgba(2,6,23,0.04); }

  .card .row { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
  .card h4 { margin:0; font-size:14px; color:#0f172a; font-weight:700; }
  .card p { margin:8px 0 0 0; color:#6b7280; font-size:13px; line-height:1.2; }

  .price { font-weight:700; color:#0f172a; font-size:15px; }
  .chip {
    display:inline-block;
    font-size:12px;
    color:#475569;
    background:#f8fafc;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid #eef2f7;
    margin-top:12px;
  }

  /* controls area */
  .controls { display:flex; justify-content:space-between; align-items:center; margin-top:14px; gap:12px; }
  .qty-wrap { display:flex; align-items:center; gap:8px; }
  .qty-btn {
    width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:white;
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
    transition:all .12s;
  }
  .qty-btn:hover { background:#f8fafc; border-color:#cbd5e1; }
  .qty-value { min-width:36px; text-align:center; font-weight:700; color:#0f172a; }

  .add-to-cart {
    background:white;
    border:1px solid #0f172a;
    color:#0f172a;
    padding:8px 12px;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
    transition: all .12s;
  }
  .add-to-cart:hover { background:#0f172a;color:white; box-shadow: 0 6px 18px rgba(15,23,42,0.08); }

  /* Right column cart */
  .cart {
    background:#f8fafc;
    padding:20px;
    border-radius:12px;
    position:sticky;
    top:24px;
    height:fit-content;
    border:1px solid #f1f5f9;
  }

  .cart-title { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
  .cart-title h3 { margin:0; font-size:18px; font-weight:700; color:#0f172a; }

  .cart-list { max-height:300px; overflow:auto; padding-right:6px; margin-bottom:12px; }
  .cart-item {
    background:white; border:1px solid #e6e9ee; padding:12px; border-radius:10px; margin-bottom:10px;
  }
  .cart-item .top {
    display:flex; justify-content:space-between; gap:8px; align-items:flex-start;
  }
  .cart-item .name { font-weight:600; color:#0f172a; font-size:13px; }
  .cart-item .meta { color:#64748b; font-size:13px; }
  .cart-item .subtotal { font-weight:700; color:#0f172a; }

  .divider { height:1px; background:linear-gradient(90deg, rgba(2,6,23,0.08), rgba(2,6,23,0.02)); margin:12px 0; }

  .total-row { display:flex; justify-content:space-between; align-items:center; font-size:20px; font-weight:800; color:#0f172a; margin-bottom:14px; }

  .checkout-btn {
    display:block;
    width:100%;
    background: linear-gradient(180deg,#ff2f67,#ff4c88);
    color:white;
    padding:14px;
    border-radius:14px;
    text-align:center;
    font-weight:800;
    border:none;
    cursor:pointer;
    box-shadow: 0 8px 28px rgba(255,51,102,0.16);
    transition: transform .08s;
  }
  .checkout-btn:active { transform: translateY(1px); }

  /* small screens */
  @media (max-width:980px) {
    .modal-body { grid-template-columns: 1fr; padding:16px; }
    .cart { position:relative; top:0; margin-top:12px; }
  }/* End custom CSS */