/* Lezzet10da — cart / fav / compare success overlays (namespace lz10modal-) */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&family=Playfair+Display:ital,wght@0,500;0,600;1,400&display=swap");

.lz10modal-overlay.lz10-cart-success-modal,
.lz10modal-overlay.lz10-cart-success-modal *,
.lz10modal-overlay.lz10-cart-success-modal *::before,
.lz10modal-overlay.lz10-cart-success-modal *::after,
.lz10modal-overlay.lz10-fav-compare-modal,
.lz10modal-overlay.lz10-fav-compare-modal *,
.lz10modal-overlay.lz10-fav-compare-modal *::before,
.lz10modal-overlay.lz10-fav-compare-modal *::after{margin:0;padding:0;box-sizing:border-box}

.lz10modal-overlay.lz10-cart-success-modal,
.lz10modal-overlay.lz10-fav-compare-modal{
  --font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-ed:"Playfair Display",Georgia,serif;
  --white:#FFFFFF;--cream:#FDFCF9;--sand:#F5F3EE;--sand-d:#EBE8E1;--stone:#D4D0C8;
  --text:#1A1A1A;--text-2:#4A4640;--text-3:#8A857C;
  --green:#4A6B2A;--green-h:#3B5621;--green-bg:rgba(74,107,42,.06);--green-bg2:rgba(74,107,42,.10);
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;
  --ease:cubic-bezier(.4,0,.2,1);--dur:.25s;
  font-family:var(--font);color:var(--text);
  line-height:1.5;-webkit-font-smoothing:antialiased;

  position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;

  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s var(--ease),visibility .3s;
}
.lz10modal-overlay.lz10-cart-success-modal.lz10modal-on,
.lz10modal-overlay.lz10-fav-compare-modal.lz10modal-on{opacity:1;visibility:visible;pointer-events:auto}

.lz10-cart-success-modal .lz10modal-backdrop,
.lz10-fav-compare-modal .lz10modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26,26,24,.35);cursor:pointer}
@supports(backdrop-filter:blur(8px)){
  .lz10-cart-success-modal .lz10modal-backdrop,
  .lz10-fav-compare-modal .lz10modal-backdrop{background:rgba(26,26,24,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}

.lz10-cart-success-modal .lz10modal-dialog,
.lz10-fav-compare-modal .lz10modal-dialog{
  position:relative;z-index:1;
  width:100%;max-width:400px;
  background:var(--white);
  border:1px solid var(--sand-d);
  border-radius:var(--r-xl);
  padding:40px 32px 32px;
  text-align:center;
  box-shadow:0 24px 80px rgba(26,26,24,.12),0 4px 16px rgba(26,26,24,.06);

  transform:translateY(16px) scale(.97);
  transition:transform .35s var(--ease);
}
.lz10-cart-success-modal.lz10modal-on .lz10modal-dialog,
.lz10-fav-compare-modal.lz10modal-on .lz10modal-dialog{transform:translateY(0) scale(1)}

.lz10-cart-success-modal .lz10modal-close,
.lz10-fav-compare-modal .lz10modal-close{
  position:absolute;top:12px;right:12px;
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border:none;background:var(--sand);
  border-radius:50%;cursor:pointer;
  color:var(--text-3);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.lz10-cart-success-modal .lz10modal-close:hover,
.lz10-fav-compare-modal .lz10modal-close:hover{background:var(--sand-d);color:var(--text)}
.lz10-cart-success-modal .lz10modal-close svg,
.lz10-fav-compare-modal .lz10modal-close svg{width:14px;height:14px}

.lz10-cart-success-modal .lz10modal-icon-wrap,
.lz10-fav-compare-modal .lz10modal-icon-wrap{position:relative;width:72px;height:72px;margin:0 auto 20px}
.lz10-cart-success-modal .lz10modal-icon,
.lz10-fav-compare-modal .lz10modal-icon{
  width:72px;height:72px;
  border-radius:50%;
  background:var(--green-bg);
  border:2px solid rgba(74,107,42,.15);
  display:flex;align-items:center;justify-content:center;
  color:var(--green);
  position:relative;z-index:1;
}
.lz10-cart-success-modal .lz10modal-icon svg,
.lz10-fav-compare-modal .lz10modal-icon svg{width:30px;height:30px;opacity:0;transform:scale(.5);transition:opacity .3s .25s,transform .3s .25s var(--ease)}
.lz10-cart-success-modal.lz10modal-on .lz10modal-icon svg,
.lz10-fav-compare-modal.lz10modal-on .lz10modal-icon svg{opacity:1;transform:scale(1)}

.lz10-cart-success-modal .lz10modal-ring,
.lz10-fav-compare-modal .lz10modal-ring{position:absolute;top:-4px;left:-4px;width:80px;height:80px}
.lz10-cart-success-modal .lz10modal-ring circle,
.lz10-fav-compare-modal .lz10modal-ring circle{transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .7s .15s cubic-bezier(.4,0,.2,1)}
.lz10-cart-success-modal.lz10modal-on .lz10modal-ring circle,
.lz10-fav-compare-modal.lz10modal-on .lz10modal-ring circle{stroke-dashoffset:0}

.lz10-cart-success-modal .lz10modal-title,
.lz10-fav-compare-modal .lz10modal-title{font-family:var(--font-ed);font-weight:600;font-size:22px;color:var(--text);letter-spacing:-.01em;line-height:1.2;margin-bottom:6px}
.lz10-cart-success-modal .lz10modal-desc,
.lz10-fav-compare-modal .lz10modal-desc{font-size:14px;color:var(--text-3);margin-bottom:28px}
.lz10-fav-compare-modal .lz10modal-desc--fc-main{font-size:16px;color:var(--text);line-height:1.45}

.lz10-cart-success-modal .lz10modal-actions,
.lz10-fav-compare-modal .lz10modal-actions{display:flex;flex-direction:column;gap:10px}

.lz10-cart-success-modal .lz10modal-btn,
.lz10-fav-compare-modal .lz10modal-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:48px;
  font-family:var(--font);font-size:14.5px;font-weight:700;
  border-radius:var(--r-md);cursor:pointer;
  text-decoration:none;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);
  border-style:solid;
}
.lz10-cart-success-modal .lz10modal-btn svg,
.lz10-fav-compare-modal .lz10modal-btn svg{width:18px;height:18px}

.lz10-cart-success-modal .lz10modal-btn--primary,
.lz10-fav-compare-modal .lz10modal-btn--primary{background:var(--green);color:var(--white);border:2px solid var(--green)}
.lz10-cart-success-modal .lz10modal-btn--primary:hover,
.lz10-fav-compare-modal .lz10modal-btn--primary:hover{background:var(--green-h);border-color:var(--green-h);box-shadow:0 6px 24px rgba(74,107,42,.25)}

.lz10-cart-success-modal .lz10modal-btn--outline,
.lz10-fav-compare-modal .lz10modal-btn--outline{background:transparent;color:var(--text-2);border-width:1.5px;border-color:var(--sand-d)}
.lz10-cart-success-modal .lz10modal-btn--outline:hover,
.lz10-fav-compare-modal .lz10modal-btn--outline:hover{border-color:var(--green);color:var(--green);background:var(--green-bg)}

/* Favori — pembe vurgu (eski ion-heart / button-pink hattı) */
.lz10-fav-compare-modal--fav{
  --fav:#B85D6A;--fav-h:#9A4B56;--fav-bg:rgba(184,93,106,.08);--fav-border:rgba(184,93,106,.22);
}
.lz10-fav-compare-modal--fav .lz10modal-icon{
  background:var(--fav-bg);
  border-color:var(--fav-border);
  color:var(--fav);
}
.lz10-fav-compare-modal--fav .lz10modal-ring circle{stroke:var(--fav)}
.lz10-fav-compare-modal--fav .lz10modal-btn--primary{background:var(--fav);border-color:var(--fav);box-shadow:none}
.lz10-fav-compare-modal--fav .lz10modal-btn--primary:hover{background:var(--fav-h);border-color:var(--fav-h);box-shadow:0 6px 24px rgba(184,93,106,.28)}
.lz10-fav-compare-modal--fav .lz10modal-btn--outline:hover{border-color:var(--fav);color:var(--fav);background:var(--fav-bg)}

@media(max-width:480px){
  .lz10modal-overlay.lz10-cart-success-modal,
  .lz10modal-overlay.lz10-fav-compare-modal{padding:16px;align-items:flex-end}
  .lz10-cart-success-modal .lz10modal-dialog,
  .lz10-fav-compare-modal .lz10modal-dialog{padding:32px 20px 24px;border-radius:var(--r-xl) var(--r-xl) var(--r-md) var(--r-md);max-width:none;
    transform:translateY(40px);
  }
  .lz10-cart-success-modal.lz10modal-on .lz10modal-dialog,
  .lz10-fav-compare-modal.lz10modal-on .lz10modal-dialog{transform:translateY(0)}
  .lz10-cart-success-modal .lz10modal-icon-wrap,
  .lz10-fav-compare-modal .lz10modal-icon-wrap{width:60px;height:60px;margin-bottom:16px}
  .lz10-cart-success-modal .lz10modal-icon,
  .lz10-fav-compare-modal .lz10modal-icon{width:60px;height:60px}
  .lz10-cart-success-modal .lz10modal-icon svg,
  .lz10-fav-compare-modal .lz10modal-icon svg{width:26px;height:26px}
  .lz10-cart-success-modal .lz10modal-ring,
  .lz10-fav-compare-modal .lz10modal-ring{width:68px;height:68px;top:-4px;left:-4px}
  .lz10-cart-success-modal .lz10modal-title,
  .lz10-fav-compare-modal .lz10modal-title{font-size:20px}
  .lz10-cart-success-modal .lz10modal-btn,
  .lz10-fav-compare-modal .lz10modal-btn{height:46px;font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  .lz10modal-overlay.lz10-cart-success-modal,
  .lz10modal-overlay.lz10-cart-success-modal *,
  .lz10modal-overlay.lz10-fav-compare-modal,
  .lz10modal-overlay.lz10-fav-compare-modal *{transition-duration:0s!important}
  .lz10-cart-success-modal .lz10modal-ring circle,
  .lz10-fav-compare-modal .lz10modal-ring circle{transition:none!important}
}