/* E-Ticaret Form 2 / V431 — direct landing storefront, isolated responsive UI. */
.cx2,.cx2-checkout-host,.cx2-modal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;color:var(--cx2-text,#171717)}
.cx2 *, .cx2 *::before,.cx2 *::after,.cx2-checkout-host *,.cx2-checkout-host *::before,.cx2-checkout-host *::after{box-sizing:border-box}
.cx2{position:relative;width:min(var(--cx2-max,1200px),calc(100% - 32px));max-width:100%;margin:22px auto 22px;min-width:0;isolation:isolate;direction:ltr}
.cx2[dir="rtl"]{direction:rtl;text-align:right}
.cx2 button,.cx2-checkout-host button,.cx2 input,.cx2-checkout-host input,.cx2 select,.cx2-checkout-host select,.cx2 textarea,.cx2-checkout-host textarea{font:inherit}
.cx2 button,.cx2-checkout-host button{cursor:pointer}
.cx2-product{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:28px;align-items:start;width:100%;min-width:0;padding:22px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:var(--cx2-radius,18px);background:var(--cx2-surface,#fff);box-shadow:0 18px 50px rgba(15,23,42,.07);overflow:clip}
.cx2-gallery,.cx2-info{min-width:0;max-width:100%}
.cx2-stage{position:relative;width:100%;height:clamp(420px,47vw,var(--cx2-gallery-h,620px));min-height:0;overflow:hidden;border:1px solid var(--cx2-line,#e5e7eb);border-radius:calc(var(--cx2-radius,18px) - 4px);background:#f7f7f5;touch-action:pan-y pinch-zoom}
.cx2-slide{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease}
.cx2-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.cx2-slide img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:#fff}
.cx2-gallery-empty{display:grid;place-items:center;width:100%;height:100%;padding:30px;text-align:center;color:var(--cx2-muted,#6b7280);font-size:14px}
.cx2-nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;border:1px solid rgba(15,23,42,.1);border-radius:50%;background:rgba(255,255,255,.94);color:#111827;box-shadow:0 8px 22px rgba(15,23,42,.14);font-size:27px;line-height:1;transform:translateY(-50%)}
.cx2-nav--prev{left:12px}.cx2-nav--next{right:12px}.cx2[dir="rtl"] .cx2-nav--prev{left:auto;right:12px}.cx2[dir="rtl"] .cx2-nav--next{right:auto;left:12px}
.cx2-thumbs{display:flex;gap:9px;width:100%;max-width:100%;margin-top:10px;padding:2px 1px 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.cx2-thumb{flex:0 0 70px;width:70px;height:70px;margin:0;padding:3px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:11px;background:#fff;overflow:hidden;scroll-snap-align:center;opacity:.72}
.cx2-thumb.is-active{border-color:var(--cx2-accent,#168447);box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-accent,#168447) 14%,transparent);opacity:1}
.cx2-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}
.cx2-info{display:flex;flex-direction:column;gap:14px;padding:3px 2px 2px}
.cx2-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--cx2-accent,#168447) 10%,#fff);color:var(--cx2-accent,#168447);font-size:11px;font-weight:850;letter-spacing:.02em}
.cx2[dir="rtl"] .cx2-badge{align-self:flex-end}
.cx2-title{max-width:100%;margin:0;color:var(--cx2-text,#171717);font-size:clamp(28px,3.1vw,44px);line-height:1.08;font-weight:900;letter-spacing:-.045em;overflow-wrap:anywhere}
.cx2-subtitle{margin:-4px 0 0;color:var(--cx2-text,#171717);font-size:15px;font-weight:720;line-height:1.45}
.cx2-description{margin:0;color:var(--cx2-muted,#6b7280);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.cx2-stock{display:flex;align-items:center;gap:8px;color:var(--cx2-accent,#168447);font-size:12px;font-weight:800}.cx2-stock span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.cx2-social-proof{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:13px;background:color-mix(in srgb,var(--cx2-surface,#fff) 92%,#f8fafc)}
.cx2-proof-badges{display:flex;flex-wrap:wrap;gap:6px}.cx2-proof-badges span{padding:5px 8px;border-radius:999px;background:#111827;color:#fff;font-size:9px;font-weight:800}
.cx2-rating{display:flex;align-items:center;gap:8px;color:var(--cx2-muted,#6b7280);font-size:11px}.cx2-rating b{color:#f59e0b;letter-spacing:.04em}
.cx2-counter{color:var(--cx2-muted,#6b7280);font-size:11px;font-weight:650}
.cx2-countdown,.cx2-urgency{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;background:#fff7ed;color:#9a3412;font-size:11px;font-weight:750}.cx2-countdown b{direction:ltr;unicode-bidi:isolate;font-size:15px}.cx2-urgency{justify-content:flex-start;background:#fef2f2;color:#b91c1c}
.cx2-selected{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:14px;background:#fff}
.cx2-selected__label{color:var(--cx2-muted,#6b7280);font-size:11px;font-weight:760}
.cx2-selected__price{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:8px;direction:ltr;unicode-bidi:isolate;text-align:right}
.cx2-selected__price del{color:#9ca3af;font-size:12px}.cx2-selected__price strong{color:var(--cx2-text,#171717);font-size:var(--cx2-main-price,36px);font-weight:900;line-height:1;letter-spacing:-.04em;white-space:nowrap}.cx2-selected__price em{padding:4px 7px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
.cx2-package-block{display:grid;gap:8px}.cx2-section-label{color:var(--cx2-text,#171717);font-size:12px;font-weight:850}
.cx2-packages{display:grid;gap:8px;width:100%;min-width:0}
.cx2-package{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;margin:0;padding:13px 14px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:13px;background:#fff;color:var(--cx2-text,#171717);text-align:start;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.cx2-package:hover{border-color:color-mix(in srgb,var(--cx2-accent,#168447) 50%,var(--cx2-line,#e5e7eb))}.cx2-package.is-active{border-color:var(--cx2-accent,#168447);background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-accent,#168447) 11%,transparent)}
.cx2-package>span:first-child{display:grid;gap:2px;min-width:0}.cx2-package strong{overflow-wrap:anywhere;font-size:13px;font-weight:850}.cx2-package small{color:var(--cx2-muted,#6b7280);font-size:10px}.cx2-package__price{display:grid;justify-items:end;gap:2px;flex:0 0 auto;direction:ltr;unicode-bidi:isolate}.cx2-package__price del{color:#9ca3af;font-size:9px}.cx2-package__price b{font-size:16px;font-weight:900;white-space:nowrap}
.cx2-variants{display:grid;gap:10px;min-width:0}.cx2-variants .cx-pv-public{margin:0!important;max-width:100%!important;min-width:0!important}
.cx2-sizefinder__trigger{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--cx2-accent,#168447) 55%,var(--cx2-line,#e5e7eb));border-radius:12px;background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,#fff);color:var(--cx2-text,#171717);text-align:start}.cx2-sizefinder__trigger>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--cx2-accent,#168447);color:#fff}.cx2-sizefinder__trigger>span:nth-child(2){display:grid;gap:2px}.cx2-sizefinder__trigger b{font-size:12px}.cx2-sizefinder__trigger small{color:var(--cx2-muted,#6b7280);font-size:9px;line-height:1.35}.cx2-sizefinder__trigger i{font-style:normal;font-size:22px}
.cx2-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:9px}.cx2-btn{min-height:54px;padding:0 16px;border-radius:13px;font-size:14px;font-weight:900}.cx2-btn--cart{border:1px solid color-mix(in srgb,var(--cx2-add,#111) 50%,#d1d5db);background:#fff;color:var(--cx2-add,#111)}.cx2-btn--buy{border:1px solid var(--cx2-buy,#168447);background:var(--cx2-buy,#168447);color:#fff;box-shadow:0 9px 24px color-mix(in srgb,var(--cx2-buy,#168447) 22%,transparent)}
.cx2-trust{display:flex;flex-wrap:wrap;gap:8px;color:var(--cx2-muted,#6b7280);font-size:9px;font-weight:700}.cx2-trust span{display:inline-flex;align-items:center;gap:4px}

/* Sticky purchase bar — classic selected-package layout */
.cx2-sticky{position:fixed;z-index:99930;left:50%;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:10px;width:min(720px,calc(100% - 24px));min-width:0;padding:9px;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(15,23,42,.18);transform:translateX(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);--cx2-motion:520ms}
.cx2-sticky__selector{position:relative;display:grid;grid-template-rows:auto auto auto;gap:3px;min-width:0;min-height:62px;margin:0;padding:8px 12px;border:1.5px solid color-mix(in srgb,var(--cx2-accent,#168447) 62%,var(--cx2-line,#e5e7eb));border-radius:13px;background:color-mix(in srgb,var(--cx2-accent,#168447) 3%,#fff);color:var(--cx2-text,#171717);box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-accent,#168447) 6%,transparent);text-align:start;overflow:hidden}
.cx2-sticky__selector:hover,.cx2-sticky__selector[aria-expanded="true"]{border-color:var(--cx2-accent,#168447);box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-accent,#168447) 10%,transparent)}
.cx2-sticky__eyebrow{display:flex;align-items:center;gap:5px;min-width:0}.cx2-sticky__check{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--cx2-accent,#168447);color:#fff;font-size:9px;font-weight:950}.cx2-sticky__eyebrow small{color:var(--cx2-muted,#6b7280);font-size:8px;font-weight:850;line-height:1}.cx2-sticky__eyebrow em{margin-inline-start:auto;color:var(--cx2-accent,#168447);font-size:8px;font-style:normal;font-weight:900;line-height:1;text-decoration:underline;text-underline-offset:2px}
.cx2-sticky__package{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}.cx2-sticky__package b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;line-height:1.18}.cx2-sticky__package i{font-style:normal;color:var(--cx2-accent,#168447);font-size:13px;line-height:1;transition:transform .16s ease}.cx2-sticky__selector[aria-expanded="true"] .cx2-sticky__package i{transform:rotate(180deg)}
.cx2-sticky__prices{display:flex;align-items:baseline;gap:7px;min-width:0;direction:ltr;unicode-bidi:isolate}.cx2-sticky__prices del{color:#9ca3af;font-size:9px;font-weight:750;white-space:nowrap}.cx2-sticky__prices strong{color:var(--cx2-text,#171717);font-size:var(--cx2-sticky-price,22px);font-weight:950;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.cx2-sticky__buy{position:relative;overflow:hidden;align-self:stretch;width:max-content;min-width:0;max-width:42vw;min-height:62px;padding:0 16px;border:0;border-radius:13px;background:var(--cx2-buy,#168447);color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--cx2-buy,#168447) 24%,transparent);font-size:13px;font-weight:950;white-space:nowrap}
.cx2[dir="rtl"] .cx2-sticky{direction:rtl;grid-template-columns:max-content minmax(0,1fr)}.cx2[dir="rtl"] .cx2-sticky__selector{grid-column:2;text-align:right}.cx2[dir="rtl"] .cx2-sticky__buy{grid-column:1;grid-row:1}.cx2[dir="rtl"] .cx2-sticky__eyebrow em{margin-inline-start:auto}
.cx2-sticky-menu{position:absolute;right:0;bottom:calc(100% + 9px);left:0;overflow:hidden;border:1px solid var(--cx2-line,#e5e7eb);border-radius:15px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.22)}.cx2-sticky-menu[hidden]{display:none!important}.cx2-sticky-menu__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--cx2-line,#e5e7eb)}.cx2-sticky-menu__head strong{font-size:11px}.cx2-sticky-menu__head button{width:30px;height:30px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:9px;background:#fff;font-size:20px}.cx2-sticky-menu__list{display:grid;gap:6px;max-height:320px;padding:8px;overflow:auto}.cx2-sticky-menu__list>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:10px;background:#fff;color:var(--cx2-text,#171717);text-align:start}.cx2-sticky-menu__list>button.is-active{border-color:var(--cx2-accent,#168447);background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,#fff)}.cx2-sticky-menu__copy{display:flex!important;align-items:center;gap:8px;min-width:0}.cx2-sticky-menu__copy>span:last-child{display:grid;gap:2px;min-width:0}.cx2-sticky-menu__tick{display:grid!important;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:50%;color:transparent;font-size:9px;font-weight:900}.cx2-sticky-menu__list>button.is-active .cx2-sticky-menu__tick{border-color:var(--cx2-accent,#168447);background:var(--cx2-accent,#168447);color:#fff}.cx2-sticky-menu__list b{font-size:10px}.cx2-sticky-menu__list small{color:var(--cx2-muted,#6b7280);font-size:8px}.cx2-sticky-menu__list>button>strong{direction:ltr;white-space:nowrap;font-size:10px}

/* Theme-panel animations */
.cx2-anim-pulse{animation:cx2Pulse 2.2s ease-in-out infinite}.cx2-anim-shine{position:relative;overflow:hidden}.cx2-anim-shine::after,.cx2-sticky-anim-button-shine .cx2-sticky__buy::after,.cx2-sticky-anim-package-shine .cx2-sticky__selector::after,.cx2-submit-anim-shine::after{content:"";position:absolute;inset:0 auto 0 -42%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg);animation:cx2Shine 4.2s ease-in-out infinite;pointer-events:none}.cx2-anim-bounce{animation:cx2Bounce 3s ease-in-out infinite}
.cx2-sticky-anim-general-fade-up{animation:cx2StickyFade var(--cx2-motion) cubic-bezier(.2,.8,.2,1) both}.cx2-sticky-anim-general-slide-up{animation:cx2StickySlide var(--cx2-motion) cubic-bezier(.16,1,.3,1) both}.cx2-sticky-anim-general-scale{animation:cx2StickyScale var(--cx2-motion) ease-out both}.cx2-sticky-anim-general-soft-pop{animation:cx2StickyPop var(--cx2-motion) cubic-bezier(.34,1.56,.64,1) both}.cx2-sticky-anim-package-pulse .cx2-sticky__selector{animation:cx2PackagePulse calc(var(--cx2-motion)*4) ease-in-out infinite}.cx2-sticky-anim-package-float .cx2-sticky__selector{animation:cx2Float calc(var(--cx2-motion)*6) ease-in-out infinite}.cx2-sticky-anim-price-pulse .cx2-sticky__prices strong{animation:cx2PricePulse calc(var(--cx2-motion)*4) ease-in-out infinite}.cx2-sticky-anim-price-float .cx2-sticky__prices strong{animation:cx2Float calc(var(--cx2-motion)*6) ease-in-out infinite}.cx2-sticky-anim-price-flash .cx2-sticky__prices strong{animation:cx2Flash calc(var(--cx2-motion)*5) ease-in-out infinite}.cx2-sticky-anim-button-pulse .cx2-sticky__buy{animation:cx2ButtonPulse calc(var(--cx2-motion)*4) ease-in-out infinite}.cx2-sticky-anim-button-bounce .cx2-sticky__buy{animation:cx2Bounce calc(var(--cx2-motion)*6) ease-in-out infinite}.cx2-sticky-anim-button-breathe .cx2-sticky__buy{animation:cx2Breathe calc(var(--cx2-motion)*5) ease-in-out infinite}
@keyframes cx2Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes cx2Shine{0%,68%{transform:translateX(-220%) skewX(-18deg)}88%,100%{transform:translateX(760%) skewX(-18deg)}}@keyframes cx2Bounce{0%,82%,100%{transform:translateY(0)}90%{transform:translateY(-3px)}95%{transform:translateY(0)}}@keyframes cx2StickyFade{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes cx2StickySlide{from{opacity:0;transform:translate(-50%,42px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes cx2StickyScale{from{opacity:0;transform:translateX(-50%) scale(.94)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes cx2StickyPop{0%{opacity:0;transform:translate(-50%,18px) scale(.96)}75%{opacity:1;transform:translate(-50%,-2px) scale(1.01)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes cx2PackagePulse{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-accent,#168447) 6%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--cx2-accent,#168447) 12%,transparent)}}@keyframes cx2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cx2PricePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.84;transform:scale(1.035)}}@keyframes cx2Flash{0%,65%,100%{filter:none}80%{filter:brightness(1.35)}}@keyframes cx2ButtonPulse{0%,100%{box-shadow:0 10px 25px color-mix(in srgb,var(--cx2-buy,#168447) 24%,transparent)}50%{box-shadow:0 14px 34px color-mix(in srgb,var(--cx2-buy,#168447) 42%,transparent)}}@keyframes cx2Breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

/* Checkout host has no footprint in page flow. */
#siparisformu.cx-form-type-6.cx2-checkout-host{display:block!important;position:static!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
#siparisformu.cx-form-type-6 .cx2-native-packages{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.cx2-modal{position:fixed;z-index:2147483640;top:0;right:0;bottom:auto;left:0;width:100%;height:var(--cx2-modal-open-height,100vh);min-height:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));direction:ltr;overflow:hidden}
.cx2-modal[hidden]{display:none!important}.cx2-checkout-host[dir="rtl"] .cx2-modal{direction:rtl;text-align:right}
.cx2-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:rgba(15,23,42,var(--cx2-modal-backdrop-opacity,.58));backdrop-filter:blur(var(--cx2-modal-backdrop-blur,5px));-webkit-backdrop-filter:blur(var(--cx2-modal-backdrop-blur,5px))}
.cx2-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(var(--cx2-modal-max,720px),100%);max-width:100%;max-height:min(calc(var(--cx2-modal-open-height,100vh) - 32px),920px);min-width:0;margin:0;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:var(--cx2-modal-radius,22px);background:var(--cx2-modal-bg,#fff);color:var(--cx2-modal-text,#171717);box-shadow:0 28px 100px rgba(2,6,23,.32);overflow:hidden}
.cx2-dialog__head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:var(--cx2-modal-padding,22px) var(--cx2-modal-padding,22px) 15px;border-bottom:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));background:var(--cx2-modal-bg,#fff)}.cx2-dialog__head>div{min-width:0}.cx2-dialog__head small{display:block;margin-bottom:4px;color:var(--cx2-accent,#168447);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cx2-dialog__head h2{margin:0;color:var(--cx2-modal-text,#171717);font-size:var(--cx2-modal-title-size,22px);line-height:1.18;font-weight:900;letter-spacing:-.03em;overflow-wrap:anywhere}.cx2-dialog__head p{margin:5px 0 0;color:var(--cx2-modal-muted,#6b7280);font-size:var(--cx2-modal-desc-size,11px);line-height:1.45}.cx2-dialog__close{flex:0 0 38px;width:38px;height:38px;margin:0;padding:0;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:11px;background:transparent;color:var(--cx2-modal-text,#171717);font-size:23px;line-height:1}
.cx2-dialog__body{flex:1 1 auto;min-height:0;padding:16px 18px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cx2-checkout-section{display:grid;gap:11px;padding:14px 0;border-bottom:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb))}.cx2-checkout-section:first-child{padding-top:0}.cx2-checkout-section:last-child{border-bottom:0}.cx2-checkout-section__head{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px}.cx2-checkout-section__head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--cx2-accent,#168447) 10%,#fff);color:var(--cx2-accent,#168447);font-size:10px;font-weight:900}.cx2-checkout-section__head>div{display:grid;gap:2px;min-width:0}.cx2-checkout-section__head strong{font-size:13px;font-weight:900}.cx2-checkout-section__head small{color:var(--cx2-modal-muted,#6b7280);font-size:9px;line-height:1.35}
.cx2-modal-packages{display:grid;gap:7px}.cx2-modal-package{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:11px;background:var(--cx2-modal-bg,#fff);color:var(--cx2-modal-text,#171717);text-align:start}.cx2-modal-package.is-active{border-color:var(--cx2-accent,#168447);background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,var(--cx2-modal-bg,#fff));box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-accent,#168447) 10%,transparent)}.cx2-modal-package>span:first-child{display:grid;gap:2px;min-width:0}.cx2-modal-package b{font-size:11px;overflow-wrap:anywhere}.cx2-modal-package small{color:var(--cx2-modal-muted,#6b7280);font-size:8px}.cx2-modal-package>span:last-child{display:grid;justify-items:end;gap:2px;direction:ltr;unicode-bidi:isolate}.cx2-modal-package del{color:#9ca3af;font-size:8px}.cx2-modal-package strong{font-size:12px;white-space:nowrap}
.cx2-modal-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#f8fafc}.cx2-modal-total>span{min-width:0;overflow-wrap:anywhere;color:var(--cx2-modal-muted,#6b7280);font-size:10px;font-weight:750}.cx2-modal-total>div{display:flex;align-items:baseline;gap:7px;direction:ltr;unicode-bidi:isolate}.cx2-modal-total del{color:#9ca3af;font-size:9px}.cx2-modal-total strong{font-size:18px;font-weight:900;white-space:nowrap}
.cx2-choice-groups{display:grid;gap:11px}.cx2-choice-group{display:grid;gap:7px}.cx2-choice-group__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cx2-choice-group__head strong{font-size:11px}.cx2-choice-group__head small{color:var(--cx2-modal-muted,#6b7280);font-size:8px}.cx2-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cx2-choice{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:10px;background:var(--cx2-modal-bg,#fff);color:var(--cx2-modal-text,#171717);text-align:start}.cx2-choice.is-active{border-color:var(--cx2-accent,#168447);background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,var(--cx2-modal-bg,#fff))}.cx2-choice img{display:block;width:46px;height:46px;border-radius:8px;object-fit:cover;background:#f8fafc}.cx2-choice>span:last-child{display:grid;gap:2px;min-width:0}.cx2-choice b{overflow-wrap:anywhere;font-size:9px}.cx2-choice small{color:var(--cx2-modal-muted,#6b7280);font-size:7.5px}.cx2-choice__check{position:absolute;top:5px;right:5px;display:none;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--cx2-accent,#168447);color:#fff;font-size:9px;font-weight:900}.cx2-checkout-host[dir="rtl"] .cx2-choice__check{right:auto;left:5px}.cx2-choice.is-active .cx2-choice__check{display:grid}.cx2-choice-error{margin:0;color:#b91c1c;font-size:9px;font-weight:700}
.cx2-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.cx2-field{display:grid;gap:6px;min-width:0;margin:0!important}.cx2-field--full,.cx2-fields>.cx-country-switch,.cx2-bank{grid-column:1/-1}.cx2-field>span,.cx2-payment-field>span{color:var(--cx2-modal-text,#171717);font-size:10px;font-weight:800}.cx2-field>small{color:var(--cx2-modal-muted,#6b7280);font-size:8px;line-height:1.35}
.cx2-field input,.cx2-field select,.cx2-field textarea,.cx2-payment-field select{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:1px solid var(--cx2-input-line,#d7dde7)!important;border-radius:11px!important;background:var(--cx2-input-bg,#fff)!important;color:var(--cx2-input-text,#171717)!important;box-shadow:none!important;outline:none!important;font-family:inherit!important;font-size:max(16px,var(--cx2-modal-input-size,14px))!important;font-weight:600!important;line-height:normal!important;text-align:start!important}.cx2-field input,.cx2-field select,.cx2-payment-field select{height:var(--cx2-modal-input-height,52px)!important;padding:0 12px!important}.cx2-field textarea{min-height:108px!important;padding:12px!important;resize:vertical!important;line-height:1.5!important}.cx2-field input:focus,.cx2-field select:focus,.cx2-field textarea:focus,.cx2-payment-field select:focus{border-color:var(--cx2-input-focus,#1f9d68)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-input-focus,#1f9d68) 12%,transparent)!important}.cx2-checkout-host[dir="rtl"] .cx2-field input:not([type="tel"]),.cx2-checkout-host[dir="rtl"] .cx2-field select,.cx2-checkout-host[dir="rtl"] .cx2-field textarea{text-align:right!important;direction:rtl}.cx2-checkout-host input[type="tel"],.cx2-checkout-host input[type="number"]{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important}
.cx2-checkout-host .cx-country-switch{grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-shadow:none!important}.cx2-checkout-host .cx-country-switch__title strong,.cx2-checkout-host .cx-country-switch__title small{font-family:inherit!important}
.cx2-payment-field{display:grid;gap:7px;min-width:0}.cx2-payment-field>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.cx2-payment-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cx2-payment-card{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-width:0;padding:10px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:11px;background:var(--cx2-modal-bg,#fff);color:var(--cx2-modal-text,#171717);text-align:start}.cx2-payment-card.is-active{border-color:var(--cx2-accent,#168447);background:color-mix(in srgb,var(--cx2-accent,#168447) 5%,var(--cx2-modal-bg,#fff))}.cx2-payment-card__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f8fafc;font-size:15px}.cx2-payment-card__copy{display:grid;gap:2px;min-width:0}.cx2-payment-card__copy b{font-size:9.5px;overflow-wrap:anywhere}.cx2-payment-card__copy small{color:var(--cx2-modal-muted,#6b7280);font-size:7.5px}.cx2-payment-card__check{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:50%;color:transparent;font-size:10px}.cx2-payment-card.is-active .cx2-payment-card__check{border-color:var(--cx2-accent,#168447);background:var(--cx2-accent,#168447);color:#fff}
.cx2-bank{display:grid;gap:7px;padding:11px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:11px;background:#f8fafc}.cx2-bank[hidden]{display:none!important}.cx2-bank strong{font-size:10px}.cx2-bank>span{color:var(--cx2-modal-muted,#6b7280);font-size:9px}.cx2-bank code{display:block;direction:ltr;unicode-bidi:isolate;padding:8px;border-radius:8px;background:#fff;font-size:12px;overflow-wrap:anywhere}.cx2-bank>button{min-height:36px;border:0;border-radius:8px;background:#e5e7eb;color:#111827;font-size:9px;font-weight:800}
.cx2-dialog__foot{flex:0 0 auto;display:grid;gap:9px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));background:var(--cx2-modal-bg,#fff)}.cx2-dialog__trust{display:flex;flex-wrap:wrap;gap:7px;color:var(--cx2-modal-muted,#6b7280);font-size:8px;font-weight:700}.cx2-submit{display:block;width:100%!important;min-height:var(--cx2-modal-submit-height,58px)!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:var(--cx2-submit-bg,#168447)!important;color:var(--cx2-submit-text,#fff)!important;box-shadow:0 10px 25px color-mix(in srgb,var(--cx2-submit-bg,#168447) 22%,transparent)!important;font-size:var(--cx2-modal-submit-size,15px)!important;font-weight:900!important;line-height:1.2!important}.cx2-submit--image{padding:0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}.cx2-submit--image img{display:block;width:100%;height:auto;max-height:90px;object-fit:cover}
.cx2-modal:not([hidden]).cx2-modal-anim-scale .cx2-dialog{animation:cx2ModalScale var(--cx2-modal-motion,180ms) ease-out both}.cx2-modal:not([hidden]).cx2-modal-anim-fade .cx2-dialog{animation:cx2ModalFade var(--cx2-modal-motion,180ms) ease-out both}.cx2-modal:not([hidden]).cx2-modal-anim-slide-up .cx2-dialog{animation:cx2ModalUp var(--cx2-modal-motion,180ms) cubic-bezier(.16,1,.3,1) both}.cx2-modal:not([hidden]).cx2-modal-anim-slide-right .cx2-dialog{animation:cx2ModalSide var(--cx2-modal-motion,180ms) cubic-bezier(.16,1,.3,1) both}.cx2-submit-anim-pulse{animation:cx2ButtonPulse 2.2s ease-in-out infinite}.cx2-submit-anim-bounce{animation:cx2Bounce 3s ease-in-out infinite}.cx2-submit-anim-shine{position:relative;overflow:hidden!important}@keyframes cx2ModalScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cx2ModalFade{from{opacity:0}to{opacity:1}}@keyframes cx2ModalUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes cx2ModalSide{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:translateX(0)}}
body.cx2-modal-open{overflow:hidden!important}

/* Size finder */
.cx2-size-modal{position:fixed;z-index:2147483644;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}.cx2-size-modal[hidden]{display:none!important}.cx2-size-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.58)}.cx2-size-dialog{position:relative;z-index:1;width:min(420px,100%);padding:20px;border:1px solid var(--cx2-line,#e5e7eb);border-radius:18px;background:#fff;color:#171717;box-shadow:0 25px 80px rgba(2,6,23,.3)}.cx2-size-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;font-size:20px}.cx2[dir="rtl"] .cx2-size-close{right:auto;left:10px}.cx2-size-dialog h3{margin:0 40px 5px 0;font-size:18px}.cx2[dir="rtl"] .cx2-size-dialog h3{margin-right:0;margin-left:40px}.cx2-size-dialog>p{margin:0 0 14px;color:#64748b;font-size:10px;line-height:1.45}.cx2-size-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cx2-size-inputs label{display:grid;gap:5px;font-size:9px;font-weight:800}.cx2-size-inputs input{width:100%;height:48px;padding:0 11px;border:1px solid #d7dde7;border-radius:10px;font-size:16px}.cx2-size-calc{width:100%;min-height:46px;margin-top:10px;border:0;border-radius:10px;background:var(--cx2-accent,#168447);color:#fff;font-size:11px;font-weight:850}.cx2-size-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin-top:10px;padding:11px;border:1px solid color-mix(in srgb,var(--cx2-accent,#168447) 35%,#e5e7eb);border-radius:10px;background:color-mix(in srgb,var(--cx2-accent,#168447) 6%,#fff)}.cx2-size-result[hidden]{display:none!important}.cx2-size-result small{color:#64748b;font-size:8px}.cx2-size-result strong{grid-row:2;font-size:24px}.cx2-size-result button{grid-column:2;grid-row:1/3;min-height:36px;padding:0 10px;border:1px solid var(--cx2-accent,#168447);border-radius:8px;background:#fff;color:var(--cx2-accent,#168447);font-size:9px;font-weight:800}.cx2-size-error{margin:9px 0 0!important;color:#b91c1c!important;font-size:9px!important}.cx2-size-error[hidden]{display:none!important}

/* Dark only within Form 2 UI */
html.cx2-dark .cx2-product,html.cx2-dark .cx2-sticky,html.cx2-dark .cx2-sticky__selector,html.cx2-dark .cx2-sticky-menu,html.cx2-dark .cx2-sticky-menu__list>button,html.cx2-dark .cx2-package{background:#111827;color:#f8fafc;border-color:#273449}html.cx2-dark .cx2-title,html.cx2-dark .cx2-selected__price strong,html.cx2-dark .cx2-package,html.cx2-dark .cx2-sticky__selector{color:#f8fafc}html.cx2-dark .cx2-selected,html.cx2-dark .cx2-social-proof{background:#0b1220;border-color:#273449}html.cx2-dark .cx2-stage{background:#0b1220;border-color:#273449}html.cx2-dark .cx2-slide img,html.cx2-dark .cx2-thumb{background:#111827;border-color:#273449}html.cx2-dark .cx2-dialog,html.cx2-dark .cx2-dialog__head,html.cx2-dark .cx2-dialog__foot,html.cx2-dark .cx2-modal-package,html.cx2-dark .cx2-choice,html.cx2-dark .cx2-payment-card{background:#111827;color:#f8fafc;border-color:#334155}html.cx2-dark .cx2-modal-total,html.cx2-dark .cx2-bank{background:#0b1220}html.cx2-dark .cx2-size-dialog{background:#111827;color:#f8fafc;border-color:#334155}

@media(max-width:980px){
 .cx2{width:min(760px,calc(100% - 24px));margin:14px auto}.cx2-product{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.cx2-stage{height:min(var(--cx2-gallery-mobile-h,430px),78vw);min-height:280px;max-height:560px}.cx2-info{padding:0}.cx2-title{font-size:clamp(27px,6vw,38px)}
}
@media(max-width:700px){
 .cx2{width:calc(100% - 14px);margin:7px auto}.cx2-product{padding:10px;border-radius:14px;gap:13px;box-shadow:0 8px 25px rgba(15,23,42,.06)}.cx2-stage{height:auto;min-height:0;max-height:none;aspect-ratio:1/1;border-radius:11px}.cx2-nav{width:36px;height:36px;font-size:23px}.cx2-nav--prev{left:8px}.cx2-nav--next{right:8px}.cx2[dir="rtl"] .cx2-nav--prev{right:8px}.cx2[dir="rtl"] .cx2-nav--next{left:8px}.cx2-thumb{flex-basis:58px;width:58px;height:58px;border-radius:9px}.cx2-info{gap:11px}.cx2-title{font-size:28px;line-height:1.1}.cx2-subtitle{font-size:13px}.cx2-description{font-size:12px;line-height:1.55}.cx2-selected{align-items:flex-start;flex-direction:column;gap:6px;padding:11px}.cx2-selected__price{width:100%;justify-content:flex-start}.cx2[dir="rtl"] .cx2-selected__price{justify-content:flex-end}.cx2-selected__price strong{font-size:var(--cx2-main-price-mobile,32px)}.cx2-package{padding:11px}.cx2-package__price b{font-size:15px}.cx2-actions{grid-template-columns:1fr 1.2fr}.cx2-btn{min-height:50px;padding:0 10px;font-size:12px}.cx2-trust{font-size:8px}
 .cx2-sticky{left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) max-content;width:auto;padding:7px;border-radius:15px;transform:none;gap:7px}.cx2-sticky__selector{min-height:58px;padding:7px 9px;border-radius:11px}.cx2-sticky__eyebrow small,.cx2-sticky__eyebrow em{font-size:7.5px}.cx2-sticky__package b{font-size:10px}.cx2-sticky__prices{gap:5px}.cx2-sticky__prices del{font-size:8px}.cx2-sticky__prices strong{font-size:var(--cx2-sticky-price-mobile,20px)}.cx2-sticky__buy{width:max-content;min-width:0;max-width:40vw;min-height:58px;padding:0 12px;border-radius:11px;font-size:10.5px}.cx2[dir="rtl"] .cx2-sticky{grid-template-columns:max-content minmax(0,1fr)}.cx2[dir="rtl"] .cx2-sticky__selector{grid-column:2}.cx2[dir="rtl"] .cx2-sticky__buy{grid-column:1}.cx2-sticky-menu{left:0;right:0}.cx2-sticky-anim-general-fade-up,.cx2-sticky-anim-general-slide-up,.cx2-sticky-anim-general-scale,.cx2-sticky-anim-general-soft-pop{animation:none}
 .cx2-modal{align-items:flex-end;padding:0}.cx2-dialog{width:100%;height:calc(var(--cx2-modal-open-height,100vh) - max(6px,env(safe-area-inset-top)));max-height:calc(var(--cx2-modal-open-height,100vh) - max(6px,env(safe-area-inset-top)));border-radius:18px 18px 0 0;border-bottom:0}.cx2-dialog__head{padding:14px 14px 11px}.cx2-dialog__head h2{font-size:19px}.cx2-dialog__head p{font-size:9.5px}.cx2-dialog__body{padding:12px 12px 14px}.cx2-dialog__foot{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.cx2-fields{grid-template-columns:1fr}.cx2-field--full,.cx2-fields>.cx-country-switch,.cx2-bank{grid-column:1}.cx2-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.cx2-payment-cards{grid-template-columns:1fr}.cx2-modal-total{align-items:flex-start;flex-direction:column;gap:5px}.cx2-modal-total>div{width:100%;justify-content:flex-end}.cx2-dialog__trust{font-size:7.5px}.cx2-submit{min-height:52px!important;font-size:13px!important}
}
@media(max-width:390px){
 .cx2{width:calc(100% - 10px)}.cx2-product{padding:7px}.cx2-title{font-size:25px}.cx2-actions{grid-template-columns:1fr}.cx2-package{align-items:flex-start;flex-direction:column;gap:7px}.cx2-package__price{width:100%;justify-items:start}.cx2[dir="rtl"] .cx2-package__price{justify-items:end}.cx2-choices{grid-template-columns:1fr}.cx2-sticky{grid-template-columns:minmax(0,1fr) max-content}.cx2[dir="rtl"] .cx2-sticky{grid-template-columns:max-content minmax(0,1fr)}.cx2-sticky__buy{width:max-content;max-width:39vw;padding-inline:10px;font-size:10px}.cx2-sticky__package b{font-size:9px}.cx2-sticky__prices strong{font-size:18px}.cx2-sticky__check{width:15px;height:15px;flex-basis:15px}.cx2-size-inputs{grid-template-columns:1fr}
}
@media(orientation:landscape) and (max-height:520px){.cx2-dialog{height:var(--cx2-modal-open-height,100vh);max-height:var(--cx2-modal-open-height,100vh);border-radius:0}.cx2-modal{padding:0;align-items:stretch}.cx2-dialog__head{padding-block:9px}.cx2-dialog__foot{padding-block:8px}.cx2-submit{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){.cx2-slide,.cx2-package,.cx2-btn{transition:none!important}.cx2 [class*="cx2-anim-"],.cx2-sticky,.cx2-sticky *,.cx2-modal .cx2-dialog,.cx2-submit{animation:none!important}}


/* V431 — Direct landing page host. This is NOT an iframe/wrapper renderer. */
html.cx2-storefront,
html.cx2-storefront body{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:var(--cx2-page,#fff);
}
html.cx2-storefront body{position:relative!important}
html.cx2-storefront .cx2-landing-host{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  background:transparent!important;
}
html.cx2-storefront .cx2-landing-stream{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html.cx2-storefront .cx2-landing-stream>img,
html.cx2-storefront .cx2-landing-stream>picture,
html.cx2-storefront .cx2-landing-stream>video{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
}
html.cx2-storefront iframe[data-cx2-frame],
html.cx2-storefront .cx2 iframe[data-cx2-frame]{display:none!important}


/* V432 — Checkout language selector + native product variants inside modal. */
.cx2-language-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 12px;border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));border-radius:12px;background:color-mix(in srgb,var(--cx2-accent,#168447) 4%,var(--cx2-modal-bg,#fff));min-width:0}
.cx2-language-bar__copy{display:flex;align-items:center;gap:9px;min-width:0;margin:0}.cx2-language-bar__copy>span:first-child{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:color-mix(in srgb,var(--cx2-accent,#168447) 11%,#fff);font-size:15px}.cx2-language-bar__copy>span:last-child{display:grid;gap:2px;min-width:0}.cx2-language-bar__copy strong{color:var(--cx2-modal-text,#171717);font-size:10px;font-weight:900}.cx2-language-bar__copy small{color:var(--cx2-modal-muted,#6b7280);font-size:8px;line-height:1.35}.cx2-language-bar select{flex:0 0 auto;width:auto;min-width:126px;max-width:42%;height:38px;margin:0;padding:0 30px 0 10px;border:1px solid var(--cx2-input-line,#d8dee8);border-radius:9px;background:var(--cx2-input-bg,#fff);color:var(--cx2-input-text,#171717);font-size:10px;font-weight:800;outline:none}.cx2-language-bar select:focus{border-color:var(--cx2-input-focus,var(--cx2-accent,#168447));box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-input-focus,var(--cx2-accent,#168447)) 12%,transparent)}
.cx2-checkout-host[dir="rtl"] .cx2-language-bar{direction:rtl}.cx2-checkout-host[dir="rtl"] .cx2-language-bar__copy{text-align:right}.cx2-checkout-host[dir="rtl"] .cx2-language-bar select{direction:rtl;text-align:right;padding:0 10px 0 30px}
.cx2-variant-section[hidden]{display:none!important}.cx2-modal-variant-slot{display:block;min-width:0;max-width:100%;overflow:visible}.cx2-modal-variant-slot>.cx2-variants{display:grid;gap:10px;width:100%;min-width:0;max-width:100%;margin:0}.cx2-modal-variant-slot .cx-pv-public{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.cx2-modal-variant-slot .cx-pv-items,.cx2-modal-variant-slot .cx-pv-unbound{min-width:0!important;max-width:100%!important}.cx2-modal-variant-slot .cx2-sizefinder{margin:0}
html.cx2-dark .cx2-language-bar{background:#0b1220;border-color:#334155}.cx2-dark .cx2-language-bar select{background:#111827;color:#f8fafc;border-color:#334155}
@media(max-width:560px){.cx2-language-bar{align-items:stretch;flex-direction:column;gap:8px}.cx2-language-bar select{width:100%;max-width:none;min-width:0;height:42px;font-size:12px}.cx2-language-bar__copy strong{font-size:11px}.cx2-language-bar__copy small{font-size:8.5px}.cx2-modal-variant-slot .cx-pv-ecom-head{align-items:flex-start}.cx2-modal-variant-slot .cx-pv-public{font-size:14px}}

/* V434 — Form 2 scroll/gallery/modal isolation */
.cx2-slide img{pointer-events:none!important;-webkit-user-drag:none!important;user-select:none!important;-webkit-user-select:none!important}
body.cx2-modal-open .cx-global-ticker{z-index:2147480000!important;pointer-events:none!important}
body.cx2-modal-open .cx2-modal{z-index:2147483640!important}


/* V435 — Fixed gallery viewport: image changes must never move page/layout horizontally. */
.cx2-gallery{width:100%;max-width:100%;min-width:0;overflow:hidden;contain:layout paint}
.cx2-stage{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;contain:layout paint!important;isolation:isolate;transform:none!important;translate:none!important}
.cx2-media{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;translate:none!important}
.cx2-main-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important;translate:none!important;scale:none!important;inset:auto!important;position:static!important;opacity:1;transition:opacity .16s ease!important;will-change:opacity}
.cx2-main-image.is-changing{opacity:.35}
.cx2-thumbs{max-width:100%!important;min-width:0!important;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.cx2-thumb{transform:none!important;translate:none!important}
.cx2-thumb img{transform:none!important;translate:none!important}
html.cx2-storefront,html.cx2-storefront body{overflow-x:clip!important}
@supports not (overflow:clip){html.cx2-storefront,html.cx2-storefront body{overflow-x:hidden!important}}


/* V439 — Stable modal viewport + native input focus scroll.
   Modal height is frozen when opened; keyboard/visual viewport changes cannot re-layout the sheet to the top. */
html.cx2-modal-open-root,body.cx2-modal-open{overscroll-behavior:none!important}
body.cx2-modal-open{overflow:hidden!important}
.cx2-dialog__body{scroll-behavior:auto!important;overflow-anchor:auto!important;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.cx2-dialog__body input,.cx2-dialog__body select,.cx2-dialog__body textarea{overflow-anchor:auto!important;scroll-margin-block:18px!important}
@media(max-width:760px){.cx2-dialog__body input,.cx2-dialog__body select,.cx2-dialog__body textarea,.cx2-language-bar select{font-size:16px!important}}
.cx2-submit-overlay{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.60);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.cx2-submit-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}
.cx2-submit-overlay__card{width:min(360px,calc(100vw - 30px));padding:30px 24px 26px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:#fff;color:#0f172a;text-align:center;box-shadow:0 30px 90px rgba(2,8,23,.34)}
.cx2-submit-overlay__spinner{width:62px;height:62px;margin:0 auto 18px;border:6px solid #dcfce7;border-top-color:var(--cx2-accent,#168447);border-radius:50%;animation:cx2SubmitSpin .82s linear infinite}
.cx2-submit-overlay__check{display:none;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:var(--cx2-accent,#168447);color:#fff;font-size:34px;font-weight:900;line-height:62px}
.cx2-submit-overlay h3{margin:0;font-size:20px;line-height:1.3;font-weight:900}.cx2-submit-overlay p{margin:8px auto 0;max-width:290px;color:#64748b;font-size:12px;line-height:1.55}
.cx2-submit-overlay__dots{display:flex;align-items:center;justify-content:center;gap:6px;height:20px;margin-top:14px}.cx2-submit-overlay__dots i{width:7px;height:7px;border-radius:50%;background:var(--cx2-accent,#168447);animation:cx2SubmitDot 1.1s ease-in-out infinite}.cx2-submit-overlay__dots i:nth-child(2){animation-delay:.14s}.cx2-submit-overlay__dots i:nth-child(3){animation-delay:.28s}
.cx2-submit-overlay.is-done .cx2-submit-overlay__spinner,.cx2-submit-overlay.is-done .cx2-submit-overlay__dots{display:none}.cx2-submit-overlay.is-done .cx2-submit-overlay__check{display:block}
.cx2-submit-swal{z-index:2147483647!important}
html.cx2-dark .cx2-submit-overlay__card{background:#111827;color:#f8fafc;border-color:#334155}html.cx2-dark .cx2-submit-overlay p{color:#94a3b8}
@keyframes cx2SubmitSpin{to{transform:rotate(360deg)}}@keyframes cx2SubmitDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}
@media(max-width:480px){.cx2-submit-overlay__card{padding:26px 18px 23px;border-radius:19px}.cx2-submit-overlay h3{font-size:18px}.cx2-submit-overlay p{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.cx2-submit-overlay__spinner,.cx2-submit-overlay__dots i{animation:none!important}}

/* V440 — E-Ticaret Form 2 country/currency, selected state, final order summary and legacy iPhone gallery stability. */
.cx2-country-product{display:block;width:100%;min-width:0;margin:2px 0 12px}.cx2-country-product__host:empty{display:none}.cx2-country-product .cx-country-switch,.cx2-country-modal-top .cx-country-switch{width:100%!important;max-width:100%!important;margin:0!important}.cx2-country-modal-top{display:block;width:100%;min-width:0;margin:0 0 11px}.cx2-language-bar{margin-top:0}
.cx2-package.is-active{border-color:#168447!important;background:#eef9f1!important;box-shadow:0 0 0 2px rgba(22,132,71,.13),0 7px 20px rgba(22,132,71,.08)!important}.cx2-modal-package.is-active{border-color:#168447!important;background:#eef9f1!important;box-shadow:0 0 0 2px rgba(22,132,71,.12)!important}.cx2-sticky-menu__list>button.is-active{border-color:#168447!important;background:#eef9f1!important;box-shadow:inset 0 0 0 1px rgba(22,132,71,.08)!important}.cx2-package.is-active strong,.cx2-modal-package.is-active b,.cx2-sticky-menu__list>button.is-active b{color:#126b3c!important}
.cx2-checkout-host input[type="tel"]{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;writing-mode:horizontal-tb!important}.cx2-checkout-host[dir="rtl"] .cx-field-phone{direction:rtl;text-align:right}.cx2-checkout-host[dir="rtl"] .cx-field-phone input[type="tel"]{direction:ltr!important;text-align:left!important}
.cx2-final-summary{display:grid;gap:9px;padding:11px 12px;border:1px solid #dce8df;border-radius:13px;background:#f7fbf8;color:var(--cx2-modal-text,#171717)}.cx2-final-summary__head,.cx2-final-summary__product,.cx2-final-summary__pay{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.cx2-final-summary__head{padding-bottom:7px;border-bottom:1px solid #e4eee7}.cx2-final-summary__head strong{font-size:11px;font-weight:950}.cx2-final-summary__head span{direction:ltr;unicode-bidi:isolate;color:#168447;font-size:9px;font-weight:900}.cx2-final-summary__product>span:first-child{display:grid;gap:2px;min-width:0}.cx2-final-summary__product small{color:var(--cx2-modal-muted,#6b7280);font-size:8px;overflow-wrap:anywhere}.cx2-final-summary__product b{font-size:10px;font-weight:900;overflow-wrap:anywhere}.cx2-final-summary__product em{color:var(--cx2-modal-muted,#6b7280);font-size:8px;font-style:normal}.cx2-final-summary__money{display:grid;justify-items:end;gap:2px;flex:0 0 auto;direction:ltr;unicode-bidi:isolate}.cx2-final-summary__money del{color:#9ca3af;font-size:8px}.cx2-final-summary__money strong{font-size:12px;font-weight:950;white-space:nowrap}.cx2-final-summary__variants{display:flex;align-items:flex-start;gap:5px;padding-top:7px;border-top:1px dashed #d8e5dc;color:var(--cx2-modal-muted,#6b7280);font-size:8px;line-height:1.4}.cx2-final-summary__variants small{font-weight:850;white-space:nowrap}.cx2-final-summary__pay{padding-top:8px;border-top:1px solid #dce8df}.cx2-final-summary__pay>span{font-size:10px;font-weight:900}.cx2-final-summary__pay>strong{direction:ltr;unicode-bidi:isolate;color:#126b3c;font-size:17px;font-weight:950;white-space:nowrap}.cx2-checkout-host[dir="rtl"] .cx2-final-summary{text-align:right}.cx2-checkout-host[dir="rtl"] .cx2-final-summary__head,.cx2-checkout-host[dir="rtl"] .cx2-final-summary__product,.cx2-checkout-host[dir="rtl"] .cx2-final-summary__pay{flex-direction:row-reverse}.cx2-checkout-host[dir="rtl"] .cx2-final-summary__money{justify-items:start}
html.cx2-dark .cx2-final-summary{background:#0b1220;border-color:#294235;color:#f8fafc}html.cx2-dark .cx2-final-summary__head,html.cx2-dark .cx2-final-summary__variants,html.cx2-dark .cx2-final-summary__pay{border-color:#294235}
@media(max-width:700px){.cx2-stage{height:88vw!important;min-height:240px!important;max-height:var(--cx2-gallery-mobile-h,430px)!important;aspect-ratio:auto!important;overflow:hidden!important}.cx2-media{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;visibility:visible!important;opacity:1!important}.cx2-main-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;visibility:visible!important;opacity:1!important;object-fit:contain!important}.cx2-final-summary__product{align-items:flex-start}.cx2-final-summary__pay>strong{font-size:15px}.cx2-country-product{margin-bottom:10px}}
@media(max-width:360px){.cx2-stage{height:90vw!important;min-height:250px!important}.cx2-final-summary__head,.cx2-final-summary__product,.cx2-final-summary__pay{gap:8px}}
/* V440.1 — Legacy iOS/Safari gallery fallback (iPhone 6 class devices). */
.cx2-media{top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-box-align:center!important;-webkit-box-pack:center!important}
.cx2-main-image{flex:0 0 100%!important;-webkit-flex:0 0 100%!important;object-fit:contain!important;-o-object-fit:contain!important}
@media(max-width:700px){.cx2-media{top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.cx2-main-image{display:block!important;visibility:visible!important;opacity:1!important}}


/* V441 — checkout summary + submit are normal-flow content at the end of the modal, never sticky. */
.cx2-dialog__end{position:static!important;display:grid;gap:8px;margin-top:14px;padding:12px 0 max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb));background:transparent!important;z-index:auto!important;inset:auto!important;box-shadow:none!important;transform:none!important}
.cx2-dialog__end .cx2-final-summary{position:static!important;gap:5px;padding:8px 10px;border-radius:11px;box-shadow:none!important}
.cx2-dialog__end .cx2-final-summary__head{padding-bottom:4px}.cx2-dialog__end .cx2-final-summary__head strong{font-size:10px}.cx2-dialog__end .cx2-final-summary__head span{font-size:8px}
.cx2-dialog__end .cx2-final-summary__product{gap:8px}.cx2-dialog__end .cx2-final-summary__product small{display:none}.cx2-dialog__end .cx2-final-summary__product b{font-size:9px}.cx2-dialog__end .cx2-final-summary__product em{font-size:7.5px}
.cx2-dialog__end .cx2-final-summary__money{gap:1px}.cx2-dialog__end .cx2-final-summary__money del{font-size:7.5px}.cx2-dialog__end .cx2-final-summary__money strong{font-size:11px}
.cx2-dialog__end .cx2-final-summary__variants{padding-top:4px;font-size:7.5px}.cx2-dialog__end .cx2-final-summary__pay{padding-top:5px}.cx2-dialog__end .cx2-final-summary__pay>span{font-size:9px}.cx2-dialog__end .cx2-final-summary__pay>strong{font-size:15px}
.cx2-dialog__end .cx2-submit{position:static!important;inset:auto!important;bottom:auto!important;top:auto!important;z-index:auto!important;width:100%!important;min-height:50px!important;margin:0!important;transform:none!important}
.cx2-dialog__end .cx2-dialog__trust{justify-content:center;margin-top:0;font-size:7px;line-height:1.35}
@media(max-width:700px){.cx2-dialog__body{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}.cx2-dialog__end{margin-top:12px;padding-top:10px;gap:7px}.cx2-dialog__end .cx2-final-summary{padding:7px 9px}.cx2-dialog__end .cx2-final-summary__pay>strong{font-size:14px}.cx2-dialog__end .cx2-submit{min-height:50px!important;font-size:13px!important}}
@media(max-width:360px){.cx2-dialog__end .cx2-final-summary__head,.cx2-dialog__end .cx2-final-summary__product,.cx2-dialog__end .cx2-final-summary__pay{gap:6px}.cx2-dialog__end .cx2-final-summary__product b{font-size:8.5px}.cx2-dialog__end .cx2-final-summary__pay>strong{font-size:13px}}

/* V446 — shared variant mirror + keyboard-safe checkout focus. */
html.cx2-modal-open-root{overflow:hidden!important;overscroll-behavior:none!important}
.cx2-modal{top:var(--cx2-modal-vv-top,0px);height:var(--cx2-modal-open-height,100vh)}
.cx2-dialog__body{overflow-anchor:none;scroll-padding-block:16px 24px}
.cx2-dialog__body input,.cx2-dialog__body select,.cx2-dialog__body textarea{scroll-margin-block:14px 22px}
.cx2-variant-mirror{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
.cx2-variant-mirror .cx-pv-ecom-head{display:none!important}
.cx2-variant-mirror .cx-pv-field,.cx2-variant-mirror .cx-pv-item,.cx2-variant-mirror .cx-pv-items,.cx2-variant-mirror .cx-pv-unbound{max-width:100%!important;min-width:0!important}
.cx2-variant-mirror input,.cx2-variant-mirror select,.cx2-variant-mirror textarea{font-size:max(16px,1em)!important}
@media(max-width:700px){
  .cx2-modal{padding:0!important;align-items:flex-end!important}
  .cx2-dialog{height:100%!important;max-height:100%!important}
  .cx2-dialog__body{scroll-padding-top:14px;scroll-padding-bottom:max(28px,env(safe-area-inset-bottom))}
}


/* V448 — required/error guidance: paint the exact missing field and keep focus inside modal. */
.cx2-checkout-host .cx2-is-invalid{position:relative}
.cx2-checkout-host .cx2-field.cx2-is-invalid>span,.cx2-checkout-host .cx2-payment-field.cx2-is-invalid>span,.cx2-checkout-host .cx2-choice-group.cx2-is-invalid .cx2-choice-group__head strong{color:#dc2626!important}
.cx2-checkout-host .cx2-field.cx2-is-invalid input,.cx2-checkout-host .cx2-field.cx2-is-invalid select,.cx2-checkout-host .cx2-field.cx2-is-invalid textarea{border-color:#ef4444!important;background:color-mix(in srgb,#fff1f2 78%,var(--cx2-input-bg,#fff))!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important}
.cx2-checkout-host .cx2-choice-group.cx2-is-invalid .cx2-choices,.cx2-checkout-host .cx2-payment-field.cx2-is-invalid .cx2-payment-cards,.cx2-checkout-host .cx2-modal-packages.cx2-is-invalid{padding:6px;border:1px solid #ef4444;border-radius:12px;background:rgba(254,226,226,.45);box-shadow:0 0 0 3px rgba(239,68,68,.07)}
.cx2-checkout-host .cx2-payment-field.cx2-is-invalid .cx2-payment-card{border-color:#fca5a5}
.cx2-validation-error{display:block;margin:2px 0 0!important;color:#dc2626!important;font-size:9px!important;font-weight:850!important;line-height:1.35!important}
.cx2-checkout-host .cx2-is-invalid{animation:cx2InvalidPulse .34s ease-out 1}
.cx2-checkout-host .cx2-variant-mirror .cx-pv-field.cx-pv-field-error{border-color:#ef4444!important;background:#fff1f2!important;box-shadow:0 0 0 3px rgba(239,68,68,.08)!important}
html.cx2-dark .cx2-checkout-host .cx2-field.cx2-is-invalid input,html.cx2-dark .cx2-checkout-host .cx2-field.cx2-is-invalid select,html.cx2-dark .cx2-checkout-host .cx2-field.cx2-is-invalid textarea{background:#32151a!important;color:#fecaca!important;border-color:#f87171!important}
html.cx2-dark .cx2-checkout-host .cx2-choice-group.cx2-is-invalid .cx2-choices,html.cx2-dark .cx2-checkout-host .cx2-payment-field.cx2-is-invalid .cx2-payment-cards,html.cx2-dark .cx2-checkout-host .cx2-modal-packages.cx2-is-invalid{background:rgba(127,29,29,.22);border-color:#f87171}
@keyframes cx2InvalidPulse{0%{transform:translateX(0)}30%{transform:translateX(-3px)}60%{transform:translateX(3px)}100%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.cx2-checkout-host .cx2-is-invalid{animation:none!important}}

/* V452 — checkout close alignment, top-layer modal and positive phone validation. */
.cx2-checkout-host .cx2-modal{
  position:fixed!important;
  z-index:2147483646!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  isolation:isolate!important;
  transform:none!important;
  filter:none!important;
  perspective:none!important;
  clip-path:none!important;
}
body.cx2-modal-open .cx2-modal{z-index:2147483646!important}
body.cx2-modal-open .cx2-sticky,body.cx2-modal-open .cx-global-ticker{z-index:2147481000!important;pointer-events:none!important}
.cx2-checkout-host .cx2-modal__backdrop{z-index:0!important}
.cx2-checkout-host .cx2-dialog{z-index:2!important}
.cx2-checkout-host .cx2-size-modal{z-index:2147483647!important}
.cx2-checkout-host .cx2-dialog__head{position:relative;z-index:4;align-items:flex-start!important}
.cx2-checkout-host .cx2-dialog__close{
  position:relative!important;
  z-index:6!important;
  flex:0 0 40px!important;
  display:grid!important;
  place-items:center!important;
  align-self:flex-start!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d6dbe3!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 4px 14px rgba(15,23,42,.10)!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.cx2-checkout-host .cx2-dialog__close svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;overflow:visible!important;pointer-events:none!important}
.cx2-checkout-host .cx2-dialog__close svg path{fill:none!important;stroke:currentColor!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.cx2-checkout-host .cx2-dialog__close:hover{border-color:#b9c1cc!important;background:#f8fafc!important;box-shadow:0 5px 16px rgba(15,23,42,.13)!important}
.cx2-checkout-host .cx2-dialog__close:focus-visible{outline:3px solid rgba(22,132,71,.24)!important;outline-offset:2px!important}
html.cx2-dark .cx2-checkout-host .cx2-dialog__close{border-color:#475569!important;background:#172033!important;color:#f8fafc!important}

/* A corrected phone becomes visibly valid; an invalid phone always keeps the red state. */
.cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) input[type="tel"]{
  border:2px solid #22a35a!important;
  border-color:#22a35a!important;
  background:#f0fdf4!important;
  color:#14532d!important;
  box-shadow:0 0 0 3px rgba(34,163,90,.12)!important;
  caret-color:#168447!important;
}
.cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .inputtitleclass,
.cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .inputtitleclass strong,
.cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .inputtitleclass font,
.cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .cx-field-help{color:#168447!important}
.cx2-checkout-host .cx-field-phone.cx-phone-field-error{--cx2-phone-state:#ef4444}
.cx2-checkout-host .cx-field-phone.cx-phone-field-error.cx-phone-field-valid{--cx2-phone-state:#ef4444}
html.cx2-dark .cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) input[type="tel"]{background:#0d2b1b!important;color:#bbf7d0!important;border-color:#4ade80!important;box-shadow:0 0 0 3px rgba(74,222,128,.15)!important}
html.cx2-dark .cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .inputtitleclass,
html.cx2-dark .cx2-checkout-host .cx-field-phone.cx-phone-field-valid:not(.cx-phone-field-error) .cx-field-help{color:#86efac!important}

@media(max-width:700px){
  .cx2-checkout-host .cx2-modal{width:100%!important;max-width:100%!important;padding:0!important}
  .cx2-checkout-host .cx2-dialog{width:100%!important;max-width:100%!important;margin:0!important}
  .cx2-checkout-host .cx2-dialog__close{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important}
}
.cx2-checkout-host .cx2-submit-overlay{z-index:2147483647!important}

/* V454 — keep checkout header/title/close inside the visible viewport on every device. */
.cx2-checkout-host .cx2-modal{
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding-top:max(8px,env(safe-area-inset-top))!important;
  padding-right:max(8px,env(safe-area-inset-right))!important;
  padding-left:max(8px,env(safe-area-inset-left))!important;
}
.cx2-checkout-host .cx2-dialog{
  box-sizing:border-box!important;
  max-height:calc(var(--cx2-modal-open-height,100dvh) - max(16px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))!important;
  min-height:0!important;
  overflow:hidden!important;
}
.cx2-checkout-host .cx2-dialog__head{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  padding-top:max(14px,env(safe-area-inset-top))!important;
}
.cx2-checkout-host .cx2-dialog__head>div{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 54px)!important;
  overflow:hidden!important;
}
.cx2-checkout-host .cx2-dialog__head h2,
.cx2-checkout-host .cx2-dialog__head p,
.cx2-checkout-host .cx2-dialog__head small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.cx2-checkout-host .cx2-dialog__close{
  flex:0 0 40px!important;
  position:relative!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
}
.cx2-checkout-host[dir="rtl"] .cx2-dialog__head>div{max-width:calc(100% - 54px)!important}
@media(max-width:700px){
  .cx2-checkout-host .cx2-modal{
    align-items:flex-end!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
    padding-right:0!important;
    padding-bottom:0!important;
    padding-left:0!important;
  }
  .cx2-checkout-host .cx2-dialog{
    height:calc(var(--cx2-modal-open-height,100dvh) - max(6px,env(safe-area-inset-top)))!important;
    max-height:calc(var(--cx2-modal-open-height,100dvh) - max(6px,env(safe-area-inset-top)))!important;
    border-radius:18px 18px 0 0!important;
  }
  .cx2-checkout-host .cx2-dialog__head{
    padding:14px max(14px,env(safe-area-inset-right)) 11px max(14px,env(safe-area-inset-left))!important;
  }
  .cx2-checkout-host .cx2-dialog__head>div{max-width:calc(100% - 50px)!important}
  .cx2-checkout-host .cx2-dialog__close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex-basis:38px!important;
  }
}
@media(orientation:landscape) and (max-height:520px){
  .cx2-checkout-host .cx2-modal{padding-top:0!important}
  .cx2-checkout-host .cx2-dialog{height:var(--cx2-modal-open-height,100dvh)!important;max-height:var(--cx2-modal-open-height,100dvh)!important;border-radius:0!important}
  .cx2-checkout-host .cx2-dialog__head{padding-top:max(8px,env(safe-area-inset-top))!important}
}

/* V487 — validation warnings may grow the body, but never move/reflow the modal header. */
.cx2-checkout-host .cx2-dialog{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.cx2-checkout-host .cx2-dialog__head{
  flex:0 0 auto!important;
  align-self:stretch!important;
  transform:none!important;
  translate:none!important;
  margin:0!important;
}
.cx2-checkout-host .cx2-dialog__body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overflow-anchor:none!important;
  overscroll-behavior:contain!important;
}
.cx2-checkout-host .cx2-validation-error,
.cx2-checkout-host .cx2-choice-error,
.cx2-checkout-host .cx-pv-error{
  overflow-anchor:none!important;
}


/* V488 — Form 2 validation stability: custom inline validation must never re-position the checkout sheet/header. */
.cx2-checkout-host .cx2-modal.cx2-validation-stable .cx2-dialog{
  animation:none!important;
  transform:none!important;
}
.cx2-checkout-host .cx2-modal.cx2-validation-stable .cx2-dialog__head{
  transform:none!important;
  translate:none!important;
  flex-shrink:0!important;
}

/* V489 — E-Ticaret Form 2: header must never shift when inline validation messages appear. */
.cx2-checkout-host .cx2-modal{
  align-items:flex-start!important;
}
.cx2-checkout-host .cx2-dialog{
  margin-top:0!important;
  align-self:flex-start!important;
}
.cx2-checkout-host .cx2-dialog__head{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  z-index:50!important;
  background:var(--cx2-modal-bg,#fff)!important;
  overflow:visible!important;
  contain:layout paint!important;
}
.cx2-checkout-host .cx2-dialog__body{
  flex:1 1 0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overflow-anchor:none!important;
}
.cx2-checkout-host .cx2-modal.cx2-validation-stable{
  align-items:flex-start!important;
}
.cx2-checkout-host .cx2-modal.cx2-validation-stable .cx2-dialog,
.cx2-checkout-host .cx2-modal.cx2-validation-stable .cx2-dialog__head{
  animation:none!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:700px){
  .cx2-checkout-host .cx2-modal{align-items:flex-start!important}
  .cx2-checkout-host .cx2-dialog{margin-top:0!important}
}


/* V490 — E-Ticaret Form 2 modal header hard lock.
 * Validation errors may change only the inner body height/scroll.
 * The modal layer/dialog/header never follow visualViewport.offsetTop. */
.cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  height:var(--cx2-modal-open-height,100dvh)!important;
  min-height:var(--cx2-modal-open-height,100dvh)!important;
  max-height:var(--cx2-modal-open-height,100dvh)!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
}
.cx2-checkout-host [data-cx2-dialog-shell="1"].cx2-dialog{
  position:relative!important;
  top:0!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(var(--cx2-modal-max,720px),100%)!important;
  height:min(920px,calc(var(--cx2-modal-open-height,100dvh) - max(24px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))))!important;
  max-height:min(920px,calc(var(--cx2-modal-open-height,100dvh) - max(24px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))))!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
}
.cx2-checkout-host [data-cx2-dialog-head="1"].cx2-dialog__head{
  position:relative!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  z-index:100!important;
  transform:none!important;
  translate:none!important;
  background:var(--cx2-modal-bg,#fff)!important;
  border-bottom:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb))!important;
  overflow:visible!important;
  contain:none!important;
  isolation:isolate!important;
}
.cx2-checkout-host [data-cx2-dialog-body="1"].cx2-dialog__body{
  position:relative!important;
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overflow-anchor:none!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal.cx2-validation-stable,
.cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal.cx2-validation-stable [data-cx2-dialog-shell="1"],
.cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal.cx2-validation-stable [data-cx2-dialog-head="1"]{
  top:0!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
@media(max-width:700px){
  .cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal{
    padding:max(6px,env(safe-area-inset-top)) 0 0!important;
  }
  .cx2-checkout-host [data-cx2-dialog-shell="1"].cx2-dialog{
    width:100%!important;
    height:calc(var(--cx2-modal-open-height,100dvh) - max(6px,env(safe-area-inset-top)))!important;
    max-height:calc(var(--cx2-modal-open-height,100dvh) - max(6px,env(safe-area-inset-top)))!important;
    border-radius:18px 18px 0 0!important;
  }
}
@media(orientation:landscape) and (max-height:520px){
  .cx2-checkout-host [data-cx2-dialog-layer="1"].cx2-modal{padding:0!important}
  .cx2-checkout-host [data-cx2-dialog-shell="1"].cx2-dialog{height:var(--cx2-modal-open-height,100dvh)!important;max-height:var(--cx2-modal-open-height,100dvh)!important;border-radius:0!important}
}


/* V501 — E-Ticaret Form 2 modal hard-isolation (iOS keyboard / stacking-context recovery). */
html.cx2-modal-open-root,
html.cx2-modal-open-root body.cx2-modal-open{
  overscroll-behavior:none!important;
  -webkit-overflow-scrolling:auto!important;
}
body.cx2-modal-open .cx2-modal-path{
  transform:none!important;
  -webkit-transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  perspective:none!important;
  contain:none!important;
  isolation:auto!important;
  opacity:1!important;
  z-index:auto!important;
  overflow:visible!important;
  clip-path:none!important;
  will-change:auto!important;
  mix-blend-mode:normal!important;
}
body.cx2-modal-open .cx2-modal-suppressed{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  user-select:none!important;
}
body.cx2-modal-open .cx2-modal.cx2-modal-foreground,
body.cx2-modal-open [data-cx2-modal][data-cx2-modal-isolated="1"]{
  position:fixed!important;
  z-index:2147483646!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  height:var(--cx2-modal-open-height,100dvh)!important;
  min-height:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-transform:none!important;
  filter:none!important;
  isolation:isolate!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  background:#0f172a!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop{
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  background:#0f172a!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-transform:none!important;
  background:var(--cx2-modal-bg,#fff)!important;
  isolation:isolate!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__head{
  position:relative!important;
  z-index:6!important;
  flex:0 0 auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-transform:none!important;
  background:var(--cx2-modal-bg,#fff)!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__body{
  position:relative!important;
  z-index:2!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:var(--cx2-modal-bg,#fff)!important;
}
body.cx2-modal-open .cx2-sticky{display:none!important}
@media(max-width:700px){
 body.cx2-modal-open .cx2-modal.cx2-modal-foreground{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:var(--cx2-modal-bg,#fff)!important}
 body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop{background:var(--cx2-modal-bg,#fff)!important}
 body.cx2-modal-open .cx2-modal-foreground .cx2-dialog{width:100%!important;max-width:none!important;height:var(--cx2-modal-open-height,100dvh)!important;max-height:var(--cx2-modal-open-height,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}

/* V502 — iOS keyboard gray-flash guard.
   When the keyboard changes VisualViewport height, never expose a dark/backdrop layer.
   The checkout modal remains a solid isolated surface and tap highlights are suppressed. */
html.cx2-modal-open-root,
html.cx2-modal-open-root body.cx2-modal-open{
  background:#fff!important;
}
body.cx2-modal-open .cx2-modal.cx2-modal-foreground,
body.cx2-modal-open [data-cx2-modal][data-cx2-modal-isolated="1"]{
  background:var(--cx2-modal-bg,#fff)!important;
  background-color:var(--cx2-modal-bg,#fff)!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop{
  background:var(--cx2-modal-bg,#fff)!important;
  background-color:var(--cx2-modal-bg,#fff)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.cx2-modal-open .cx2-modal-foreground,
body.cx2-modal-open .cx2-modal-foreground *{
  -webkit-tap-highlight-color:transparent!important;
}
@media(max-width:700px){
  html.cx2-modal-open-root,
  html.cx2-modal-open-root body.cx2-modal-open,
  body.cx2-modal-open .cx2-modal.cx2-modal-foreground,
  body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop,
  body.cx2-modal-open .cx2-modal-foreground .cx2-dialog,
  body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__head,
  body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__body{
    background:var(--cx2-modal-bg,#fff)!important;
    background-color:var(--cx2-modal-bg,#fff)!important;
  }
}

/* V503 — Canonical E-Ticaret Form 2 modal layer.
   One final source of truth for viewport, keyboard, stacking, header/body layout and background isolation. */
html.cx2-modal-open-root{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#fff!important;
}
html.cx2-modal-open-root body.cx2-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#fff!important;
  -webkit-overflow-scrolling:auto!important;
}
body.cx2-modal-open .cx2-modal-suppressed{
  visibility:hidden!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.cx2-modal-open .cx2-modal-path{
  transform:none!important;
  -webkit-transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  perspective:none!important;
  contain:none!important;
  isolation:auto!important;
  overflow:visible!important;
}
body.cx2-modal-open [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground{
  position:fixed!important;
  z-index:2147483646!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  height:var(--cx2-modal-open-height,100dvh)!important;
  min-height:var(--cx2-modal-open-height,100dvh)!important;
  max-height:var(--cx2-modal-open-height,100dvh)!important;
  margin:0!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  background:var(--cx2-modal-bg,#fff)!important;
  transform:none!important;
  -webkit-transform:none!important;
  isolation:isolate!important;
  touch-action:none!important;
}
body.cx2-modal-open [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground[hidden]{display:none!important}
body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:var(--cx2-modal-bg,#fff)!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  touch-action:none!important;
}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-shell="1"].cx2-dialog{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(var(--cx2-modal-max,720px),100%)!important;
  max-width:100%!important;
  height:min(920px,calc(var(--cx2-modal-open-height,100dvh) - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))))!important;
  max-height:min(920px,calc(var(--cx2-modal-open-height,100dvh) - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))))!important;
  min-height:0!important;
  margin:0!important;
  border:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb))!important;
  border-radius:var(--cx2-modal-radius,22px)!important;
  background:var(--cx2-modal-bg,#fff)!important;
  color:var(--cx2-modal-text,#171717)!important;
  box-shadow:0 28px 100px rgba(2,6,23,.24)!important;
  overflow:hidden!important;
  transform:none;
  -webkit-transform:none;
  touch-action:pan-y!important;
}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"].cx2-dialog__head{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:var(--cx2-modal-padding,22px) var(--cx2-modal-padding,22px) 15px!important;
  border-bottom:1px solid var(--cx2-modal-line,var(--cx2-line,#e5e7eb))!important;
  background:var(--cx2-modal-bg,#fff)!important;
  transform:none!important;
  -webkit-transform:none!important;
  animation:none!important;
  overflow:visible!important;
}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"]>div{min-width:0!important;max-width:calc(100% - 54px)!important}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"].cx2-dialog__body{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
  scroll-padding-block:18px max(30px,env(safe-area-inset-bottom))!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  background:var(--cx2-modal-bg,#fff)!important;
}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] input,
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] select,
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] textarea{
  scroll-margin-block:18px 30px!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__close,
body.cx2-modal-open .cx2-modal-foreground button,
body.cx2-modal-open .cx2-modal-foreground a{
  -webkit-tap-highlight-color:transparent!important;
}
body.cx2-modal-open .cx2-sticky{display:none!important}
body.cx2-modal-open .cx2-modal-foreground.cx2-validation-stable [data-cx2-dialog-shell="1"],
body.cx2-modal-open .cx2-modal-foreground.cx2-validation-stable [data-cx2-dialog-head="1"]{
  transform:none!important;
  -webkit-transform:none!important;
  animation:none!important;
}
@media(max-width:760px){
  body.cx2-modal-open [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground{
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
  }
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-shell="1"].cx2-dialog{
    width:100%!important;
    max-width:none!important;
    height:var(--cx2-modal-open-height,100dvh)!important;
    max-height:var(--cx2-modal-open-height,100dvh)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"].cx2-dialog__head{
    padding:max(10px,env(safe-area-inset-top)) 14px 11px!important;
  }
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"]>div{max-width:calc(100% - 50px)!important}
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"].cx2-dialog__body{
    padding:14px 14px max(18px,env(safe-area-inset-bottom))!important;
  }
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] input,
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] select,
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"] textarea,
  body.cx2-modal-open .cx2-modal-foreground .cx2-language-bar select{font-size:16px!important}
}
@media(max-width:380px){
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"].cx2-dialog__head{padding-inline:11px!important}
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"].cx2-dialog__body{padding-inline:11px!important}
}
@media(prefers-reduced-motion:reduce){
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-shell="1"],
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"]{animation:none!important;transition:none!important}
}



/* V504 — iOS Safari keyboard white-flash guard.
   Do not use a fixed BODY while a Form 2 input owns focus; the modal remains the fixed top layer. */
html.cx2-modal-open-root.cx2-ios-keyboard-safe,
html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open.cx2-ios-keyboard-safe{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:var(--cx2-modal-bg,#fff)!important;
  background-color:var(--cx2-modal-bg,#fff)!important;
}
html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open.cx2-ios-keyboard-safe{
  -webkit-overflow-scrolling:auto!important;
}
html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100vw!important;
  min-width:100vw!important;
  background:var(--cx2-modal-bg,#fff)!important;
  background-color:var(--cx2-modal-bg,#fff)!important;
  -webkit-transform:translateZ(0)!important;
  transform:translateZ(0)!important;
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
}
@supports (-webkit-touch-callout:none){
  html.cx2-modal-open-root.cx2-ios-keyboard-safe,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open .cx2-modal-foreground,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open .cx2-modal-foreground .cx2-dialog,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__head,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__body{
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }
}


/* CX E-TICARET FORM 2 · MODAL GORSEL SECIM GRID V524 */
.cx2-checkout-host .cx2-v524-choice-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
.cx2-checkout-host .cx2-v524-choice{min-width:0!important;width:100%!important;max-width:100%!important;grid-template-columns:minmax(58px,34%) minmax(0,1fr)!important;align-items:center!important;gap:9px!important;overflow:hidden!important}
.cx2-checkout-host .cx2-v524-choice:not(.cx2-v524-choice--has-image){grid-template-columns:1fr!important}
.cx2-checkout-host .cx2-v524-choice--area-full{grid-column:span 12!important}.cx2-checkout-host .cx2-v524-choice--area-half{grid-column:span 6!important}.cx2-checkout-host .cx2-v524-choice--area-third{grid-column:span 4!important}.cx2-checkout-host .cx2-v524-choice--area-quarter{grid-column:span 3!important}
.cx2-checkout-host .cx2-v524-choice__media{position:relative!important;display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;border-radius:8px!important;background:color-mix(in srgb,var(--cx2-modal-line,var(--cx2-line,#e5e7eb)) 32%,transparent)!important}
.cx2-checkout-host .cx2-v524-choice__media>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-position:center center!important}
.cx2-checkout-host .cx2-v524-choice--mode-square .cx2-v524-choice__media{aspect-ratio:1/1!important}.cx2-checkout-host .cx2-v524-choice--mode-square .cx2-v524-choice__media>img{object-fit:cover!important}
.cx2-checkout-host .cx2-v524-choice--mode-portrait45 .cx2-v524-choice__media{aspect-ratio:4/5!important}.cx2-checkout-host .cx2-v524-choice--mode-portrait45 .cx2-v524-choice__media>img{object-fit:cover!important}
.cx2-checkout-host .cx2-v524-choice--mode-story916 .cx2-v524-choice__media{aspect-ratio:9/16!important}.cx2-checkout-host .cx2-v524-choice--mode-story916 .cx2-v524-choice__media>img{object-fit:cover!important}
.cx2-checkout-host .cx2-v524-choice--mode-wide169 .cx2-v524-choice__media{aspect-ratio:16/9!important}.cx2-checkout-host .cx2-v524-choice--mode-wide169 .cx2-v524-choice__media>img{object-fit:cover!important}
.cx2-checkout-host .cx2-v524-choice--mode-original .cx2-v524-choice__media{aspect-ratio:auto!important;background:transparent!important}.cx2-checkout-host .cx2-v524-choice--mode-original .cx2-v524-choice__media>img{height:auto!important;object-fit:contain!important}
.cx2-checkout-host .cx2-v524-choice--mode-contain .cx2-v524-choice__media{aspect-ratio:1/1!important}.cx2-checkout-host .cx2-v524-choice--mode-contain .cx2-v524-choice__media>img{object-fit:contain!important;padding:4px!important}
.cx2-checkout-host .cx2-v524-choice__copy{display:grid!important;gap:3px!important;min-width:0!important}.cx2-checkout-host .cx2-v524-choice__copy b{overflow-wrap:anywhere!important}
.cx2-checkout-host .cx2-v524-choice--area-third,.cx2-checkout-host .cx2-v524-choice--area-quarter{grid-template-columns:1fr!important;align-content:start!important}.cx2-checkout-host .cx2-v524-choice--area-third .cx2-v524-choice__media,.cx2-checkout-host .cx2-v524-choice--area-quarter .cx2-v524-choice__media{width:100%!important}
@media(max-width:700px){.cx2-checkout-host .cx2-v524-choice--area-third,.cx2-checkout-host .cx2-v524-choice--area-quarter{grid-column:span 6!important}.cx2-checkout-host .cx2-v524-choice--area-full{grid-template-columns:minmax(72px,28%) minmax(0,1fr)!important}}
@media(max-width:420px){.cx2-checkout-host .cx2-v524-choice-grid{gap:6px!important}.cx2-checkout-host .cx2-v524-choice{padding:6px!important}.cx2-checkout-host .cx2-v524-choice--area-half,.cx2-checkout-host .cx2-v524-choice--area-third,.cx2-checkout-host .cx2-v524-choice--area-quarter{grid-column:span 6!important;grid-template-columns:1fr!important}.cx2-checkout-host .cx2-v524-choice__copy b{font-size:8.5px!important}.cx2-checkout-host .cx2-v524-choice__copy small{font-size:7px!important}}


/* V525 — E-Ticaret Form 2 / seçim görselleri: bağımsız tema, Seç-Seçildi durumu ve animasyon. */
.cx2-checkout-host .cx2-v525-choice{
 position:relative!important;padding:var(--cx2-v525-choice-padding,8px)!important;gap:var(--cx2-v525-choice-gap,8px)!important;
 border:1px solid var(--cx2-v525-choice-border,#e5e7eb)!important;border-radius:var(--cx2-v525-choice-radius,12px)!important;
 background:var(--cx2-v525-choice-bg,#fff)!important;color:var(--cx2-v525-choice-text,#171717)!important;
 font-family:var(--cx2-v525-choice-font,inherit)!important;transition:transform var(--cx2-v525-choice-anim-ms,180ms) ease,box-shadow var(--cx2-v525-choice-anim-ms,180ms) ease,border-color var(--cx2-v525-choice-anim-ms,180ms) ease,background var(--cx2-v525-choice-anim-ms,180ms) ease!important;
}
.cx2-checkout-host .cx2-v525-choice.is-active{background:var(--cx2-v525-choice-selected-bg,#f3fff7)!important;border-color:var(--cx2-v525-choice-selected-border,#22a65a)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--cx2-v525-choice-selected-border,#22a65a) 25%,transparent)!important}
.cx2-checkout-host .cx2-v525-choice__media{border-radius:var(--cx2-v525-choice-media-radius,8px)!important;isolation:isolate!important}
.cx2-checkout-host .cx2-v525-choice__copy b{font-family:inherit!important;font-size:var(--cx2-v525-choice-title,12px)!important;line-height:1.25!important;color:var(--cx2-v525-choice-text,#171717)!important}
.cx2-checkout-host .cx2-v525-choice__copy>small{font-family:inherit!important;font-size:var(--cx2-v525-choice-sub,9px)!important;line-height:1.35!important;color:var(--cx2-v525-choice-muted,#6b7280)!important}
.cx2-checkout-host .cx2-v525-choice__state{position:absolute!important;z-index:4!important;right:5px!important;bottom:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:calc(100% - 10px)!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;background:var(--cx2-v525-choice-btn-bg,#eef2f7)!important;color:var(--cx2-v525-choice-btn-text,#334155)!important;font-family:inherit!important;font-size:var(--cx2-v525-choice-state,9px)!important;font-style:normal!important;font-weight:900!important;line-height:1!important;box-shadow:0 2px 8px rgba(15,23,42,.12)!important;pointer-events:none!important;white-space:nowrap!important}
.cx2-checkout-host .cx2-v525-choice__state em{font:inherit!important;color:inherit!important;font-style:normal!important;white-space:nowrap!important}.cx2-checkout-host .cx2-v525-choice__state-chosen{display:none!important}
.cx2-checkout-host .cx2-v525-choice.is-active .cx2-v525-choice__state{background:var(--cx2-v525-choice-chosen-bg,#168447)!important;color:var(--cx2-v525-choice-chosen-text,#fff)!important}.cx2-checkout-host .cx2-v525-choice.is-active .cx2-v525-choice__state-choose{display:none!important}.cx2-checkout-host .cx2-v525-choice.is-active .cx2-v525-choice__state-chosen{display:inline!important}
.cx2-checkout-host .cx2-v525-choice__state--inline{position:static!important;margin-top:5px!important;width:max-content!important;max-width:100%!important;box-shadow:none!important}
.cx2-checkout-host .cx2-v525-choice--anim-lift:hover{transform:translateY(-2px)!important;box-shadow:0 7px 18px rgba(15,23,42,.10)!important}.cx2-checkout-host .cx2-v525-choice--anim-scale:hover{transform:scale(1.018)!important}.cx2-checkout-host .cx2-v525-choice--anim-glow:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-v525-choice-selected-border,#22a65a) 18%,transparent),0 7px 18px rgba(15,23,42,.08)!important}.cx2-checkout-host .cx2-v525-choice--anim-fade:hover{opacity:.82!important}.cx2-checkout-host .cx2-v525-choice--anim-none{transition:none!important}
.cx2-checkout-host .cx2-v525-selection-head>span{font-family:var(--cx2-v525-choice-font,inherit)!important}.cx2-checkout-host .cx2-v525-selection-head strong{font-family:var(--cx2-v525-choice-font,inherit)!important}
html.cx2-dark .cx2-checkout-host .cx2-v525-choice:not(.is-active){background:color-mix(in srgb,var(--cx2-v525-choice-bg,#111827) 80%,#0b1220)!important}
@media(max-width:420px){.cx2-checkout-host .cx2-v525-choice__state{min-height:21px!important;padding:3px 6px!important;right:4px!important;bottom:4px!important}.cx2-checkout-host .cx2-v525-choice__state--inline{margin-top:4px!important}}
.cx2-checkout-host .cx2-v525-choice>.cx2-choice__check{display:none!important}


/* =========================================================
   Ecommerce2 v457 — Tema Ayarları / Ürün Detay + Modal
   Only Form Type 6. Runtime values come from ecommerce2-setup.php.
   ========================================================= */
.cx-form-type-6 .cx2-info{font-family:var(--cx2-product-font,inherit);gap:var(--cx2-product-gap,12px)}
.cx-form-type-6 .cx2-badge{font-size:var(--cx2-product-badge-size,11px)}
.cx-form-type-6 .cx2-title{font-size:var(--cx2-product-title-size,44px)}
.cx-form-type-6 .cx2-subtitle{font-size:var(--cx2-product-subtitle-size,15px)}
.cx-form-type-6 .cx2-description{font-size:var(--cx2-product-desc-size,14px)}
.cx-form-type-6 .cx2-stock{font-size:var(--cx2-product-stock-size,12px)}
.cx-form-type-6 .cx2-section-label{font-size:var(--cx2-product-package-label-size,11px)}
.cx-form-type-6 .cx2-package{
  padding:var(--cx2-product-package-padding,13px);
  border-radius:var(--cx2-product-package-radius,13px);
  background:var(--cx2-product-package-bg,#fff);
}
.cx-form-type-6 .cx2-package:hover{border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447))}
.cx-form-type-6 .cx2-package.is-active{
  border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  background:var(--cx2-product-package-selected-bg,#f3fbf6);
}
.cx-form-type-6 .cx2-package strong{font-size:var(--cx2-product-package-title-size,13px)}
.cx-form-type-6 .cx2-package small{font-size:var(--cx2-product-package-sub-size,10px)}
.cx-form-type-6 .cx2-package__price strong{font-size:var(--cx2-package-price,18px)}
.cx-form-type-6 .cx2-variants input:not([type="radio"]):not([type="checkbox"]),
.cx-form-type-6 .cx2-variants select,
.cx-form-type-6 .cx2-variants textarea{
  min-height:var(--cx2-product-input-height,48px)!important;
  border:1px solid var(--cx2-product-input-border,#d7dde7)!important;
  border-radius:var(--cx2-product-input-radius,11px)!important;
  font-size:max(16px,var(--cx2-product-input-size,14px))!important;
  font-family:var(--cx2-product-font,inherit)!important;
}
.cx-form-type-6 .cx2-variants input:not([type="radio"]):not([type="checkbox"]):focus,
.cx-form-type-6 .cx2-variants select:focus,
.cx-form-type-6 .cx2-variants textarea:focus{
  border-color:var(--cx2-product-input-focus,var(--cx2-accent,#168447))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-product-input-focus,var(--cx2-accent,#168447)) 12%,transparent)!important;
}
.cx-form-type-6 .cx2-size-inputs input{
  height:var(--cx2-product-input-height,48px);
  border-color:var(--cx2-product-input-border,#d7dde7);
  border-radius:var(--cx2-product-input-radius,10px);
  font-size:max(16px,var(--cx2-product-input-size,14px));
  font-family:var(--cx2-product-font,inherit);
}
.cx-form-type-6 .cx2-size-inputs input:focus{
  border-color:var(--cx2-product-input-focus,var(--cx2-accent,#168447));
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-product-input-focus,var(--cx2-accent,#168447)) 12%,transparent);
}
.cx-form-type-6 .cx2-actions.cx2-actions--buy-wide{grid-template-columns:1fr 1.15fr}
.cx-form-type-6 .cx2-actions.cx2-actions--equal{grid-template-columns:1fr 1fr}
.cx-form-type-6 .cx2-actions.cx2-actions--stack{grid-template-columns:1fr}
.cx-form-type-6 .cx2-btn{
  min-height:var(--cx2-product-button-height,54px);
  border-radius:var(--cx2-product-button-radius,13px);
  font-size:var(--cx2-product-button-size,14px);
  font-family:var(--cx2-product-font,inherit);
}
.cx-form-type-6 .cx2-actions .cx2-anim-pulse,
.cx-form-type-6 .cx2-actions .cx2-anim-bounce{animation-duration:var(--cx2-product-motion,2200ms)!important}
.cx-form-type-6 .cx2-actions .cx2-anim-shine::after{animation-duration:var(--cx2-product-motion,2200ms)!important}

.cx-form-type-6 .cx2-field input,
.cx-form-type-6 .cx2-field select,
.cx-form-type-6 .cx2-field textarea,
.cx-form-type-6 .cx2-payment-field select{
  border-width:var(--cx2-modal-input-border-width,1px)!important;
  border-radius:var(--cx2-modal-input-radius,11px)!important;
  font-weight:var(--cx2-modal-input-weight,600)!important;
}
.cx-form-type-6 .cx2-submit{
  border-radius:var(--cx2-modal-submit-radius,12px)!important;
  font-weight:var(--cx2-modal-submit-weight,900)!important;
}
.cx-form-type-6 .cx2-dialog__close{
  flex:0 0 var(--cx2-modal-close-size,38px);
  width:var(--cx2-modal-close-size,38px);
  height:var(--cx2-modal-close-size,38px);
}
.cx-form-type-6 .cx2-checkout-section{gap:var(--cx2-modal-section-gap,11px)}
.cx-form-type-6 .cx2-checkout-section__micro{
  display:block;
  margin:0 0 2px;
  color:var(--cx2-accent,#168447);
  font-size:9px;
  font-style:normal;
  font-weight:900;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.cx-form-type-6 .cx2-modal-total>span{display:grid;gap:2px;min-width:0}
.cx-form-type-6 .cx2-modal-total__label{
  color:var(--cx2-modal-muted,#6b7280);
  font-size:9px;
  font-weight:800;
  line-height:1.2;
}
.cx-form-type-6 .cx2-modal-total [data-cx2-modal-title]{font-size:12px;line-height:1.35}
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-fade-up .cx2-checkout-section{
  animation:cx2V457FieldFadeUp var(--cx2-modal-field-motion,260ms) ease-out both;
}
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-soft-slide .cx2-checkout-section{
  animation:cx2V457FieldSoftSlide var(--cx2-modal-field-motion,260ms) ease-out both;
}
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-fade-up .cx2-checkout-section:nth-of-type(2),
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-soft-slide .cx2-checkout-section:nth-of-type(2){animation-delay:35ms}
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-fade-up .cx2-checkout-section:nth-of-type(3),
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-soft-slide .cx2-checkout-section:nth-of-type(3){animation-delay:70ms}
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-fade-up .cx2-checkout-section:nth-of-type(4),
.cx-form-type-6 .cx2-modal:not([hidden]).cx2-modal-fields-soft-slide .cx2-checkout-section:nth-of-type(4){animation-delay:105ms}
@keyframes cx2V457FieldFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes cx2V457FieldSoftSlide{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}

@media(max-width:720px){
  .cx-form-type-6 .cx2-title{font-size:var(--cx2-product-title-mobile-size,32px)}
  .cx-form-type-6 .cx2-actions.cx2-actions--buy-wide,
  .cx-form-type-6 .cx2-actions.cx2-actions--equal{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .cx-form-type-6 .cx2-actions.cx2-actions--stack{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .cx-form-type-6 .cx2-modal[class*="cx2-modal-fields-"] .cx2-checkout-section{animation:none!important}
}


/* =========================================================
   Ecommerce2 v459 — Product heading / price / badges / package designs
   Only Form Type 6.
   ========================================================= */
.cx-form-type-6 .cx2-title{
  color:var(--cx2-product-title-color,var(--cx2-text,#171717));
  font-weight:var(--cx2-product-title-weight,900);
}
.cx-form-type-6 .cx2-subtitle{color:var(--cx2-product-subtitle-color,var(--cx2-text,#171717))}
.cx-form-type-6 .cx2-description{color:var(--cx2-product-description-color,var(--cx2-muted,#6b7280))}
.cx-form-type-6 .cx2-badge{
  border-radius:var(--cx2-product-badge-radius,999px);
  background:var(--cx2-product-badge-bg,#eefaf3);
  color:var(--cx2-product-badge-color,var(--cx2-accent,#168447));
}
.cx-form-type-6 .cx2-proof-badges span{background:var(--cx2-product-proof-bg,#111827)}
.cx-form-type-6 .cx2-selected__price del,
.cx-form-type-6 .cx2-package__price del{color:var(--cx2-product-old-price-color,#9ca3af)}
.cx-form-type-6 .cx2-selected__price strong{
  color:var(--cx2-product-price-color,var(--cx2-text,#171717));
  font-weight:var(--cx2-product-price-weight,900);
}
.cx-form-type-6 .cx2-selected__price em{
  background:var(--cx2-product-discount-bg,#ecfdf3);
  color:var(--cx2-product-discount-color,#15803d);
}
.cx-form-type-6 .cx2-package strong{color:var(--cx2-product-package-title-color,var(--cx2-text,#171717))}
.cx-form-type-6 .cx2-package small{color:var(--cx2-product-package-sub-color,var(--cx2-muted,#6b7280))}
.cx-form-type-6 .cx2-package__price b,
.cx-form-type-6 .cx2-package>b{color:var(--cx2-product-package-price-color,var(--cx2-text,#171717))}
.cx-form-type-6 .cx2-packages{gap:var(--cx2-product-package-gap,8px)}

/* Package design 1 — Classic list: base layout retained. */
.cx-form-type-6 .cx2-package-design-classic .cx2-packages{grid-template-columns:1fr}

/* Package design 2 — Grid cards. */
.cx-form-type-6 .cx2-package-design-grid .cx2-packages{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.cx-form-type-6 .cx2-package-design-grid .cx2-package{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  align-content:space-between;
  align-items:start;
  min-height:112px;
  gap:12px;
}
.cx-form-type-6 .cx2-package-design-grid .cx2-package__price{
  width:100%;
  justify-items:start;
  padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--cx2-line,#e5e7eb) 82%,transparent);
}
.cx-form-type-6 .cx2-package-design-grid .cx2-package.is-active::after{
  content:"✓";
  position:absolute;
  inset-block-start:9px;
  inset-inline-end:9px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  color:#fff;
  font-size:11px;
  font-weight:950;
}

/* Package design 3 — Strong outline. */
.cx-form-type-6 .cx2-package-design-outline .cx2-package{
  position:relative;
  border-width:2px;
  background:transparent;
  box-shadow:none;
}
.cx-form-type-6 .cx2-package-design-outline .cx2-package.is-active{
  padding-inline-start:calc(var(--cx2-product-package-padding,13px) + 7px);
  box-shadow:none;
}
.cx-form-type-6 .cx2-package-design-outline .cx2-package.is-active::before{
  content:"";
  position:absolute;
  inset-block:7px;
  inset-inline-start:5px;
  width:4px;
  border-radius:99px;
  background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
}

/* Package design 4 — Compact. */
.cx-form-type-6 .cx2-package-design-compact .cx2-packages{gap:max(4px,calc(var(--cx2-product-package-gap,8px) * .65))}
.cx-form-type-6 .cx2-package-design-compact .cx2-package{
  min-height:48px;
  padding:max(7px,calc(var(--cx2-product-package-padding,13px) * .62)) 11px;
  border-radius:min(10px,var(--cx2-product-package-radius,13px));
  gap:9px;
}
.cx-form-type-6 .cx2-package-design-compact .cx2-package>span:first-child{display:flex;align-items:baseline;gap:7px}
.cx-form-type-6 .cx2-package-design-compact .cx2-package small{font-size:max(8px,calc(var(--cx2-product-package-sub-size,10px) - 1px))}
.cx-form-type-6 .cx2-package-design-compact .cx2-package__price{display:flex;align-items:baseline;gap:5px}

/* Package design 5 — Premium. */
.cx-form-type-6 .cx2-package-design-premium .cx2-package{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 26%,var(--cx2-line,#e5e7eb));
  background:linear-gradient(135deg,var(--cx2-product-package-bg,#fff),color-mix(in srgb,var(--cx2-product-package-selected-bg,#f3fff7) 42%,#fff));
  box-shadow:0 8px 26px rgba(15,23,42,.07);
}
.cx-form-type-6 .cx2-package-design-premium .cx2-package::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 35%,transparent);
}
.cx-form-type-6 .cx2-package-design-premium .cx2-package.is-active{
  transform:translateY(-1px);
  border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  background:linear-gradient(135deg,var(--cx2-product-package-selected-bg,#f3fff7),color-mix(in srgb,var(--cx2-product-package-selected-bg,#f3fff7) 55%,#fff));
  box-shadow:0 12px 32px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 16%,transparent);
}
.cx-form-type-6 .cx2-package-design-premium .cx2-package.is-active::before{background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447))}

/* Independent content animation classes. */
.cx-form-type-6 .cx2{--cx2-slide-start:-18px}
.cx-form-type-6 .cx2[dir="rtl"]{--cx2-slide-start:18px}
.cx-form-type-6 .cx2-ui-anim-fade-up{animation:cx2V459FadeUp var(--cx2-product-motion,2200ms) cubic-bezier(.2,.8,.2,1) both}
.cx-form-type-6 .cx2-ui-anim-fade{animation:cx2V459Fade var(--cx2-product-motion,2200ms) ease both}
.cx-form-type-6 .cx2-ui-anim-slide-start{animation:cx2V459SlideStart var(--cx2-product-motion,2200ms) cubic-bezier(.2,.8,.2,1) both}
.cx-form-type-6 .cx2-ui-anim-soft-pop{animation:cx2V459SoftPop var(--cx2-product-motion,2200ms) cubic-bezier(.34,1.3,.64,1) both}
.cx-form-type-6 .cx2-ui-anim-pulse{animation:cx2V459Pulse var(--cx2-product-motion,2200ms) ease-in-out infinite}
.cx-form-type-6 .cx2-ui-anim-float{animation:cx2V459Float var(--cx2-product-motion,2200ms) ease-in-out infinite}
.cx-form-type-6 .cx2-ui-anim-bounce{animation:cx2V459Bounce var(--cx2-product-motion,2200ms) ease-in-out infinite}

.cx-form-type-6 .cx2-package-select-anim-pop .cx2-package.is-active{animation:cx2V459PackagePop .28s cubic-bezier(.34,1.45,.64,1) both}
.cx-form-type-6 .cx2-package-select-anim-pulse .cx2-package.is-active{animation:cx2V459PackagePulse 1.15s ease-in-out}
.cx-form-type-6 .cx2-package-select-anim-glow .cx2-package.is-active{animation:cx2V459PackageGlow 1.4s ease-in-out infinite}

@keyframes cx2V459FadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes cx2V459Fade{from{opacity:0}to{opacity:1}}
@keyframes cx2V459SlideStart{from{opacity:0;transform:translateX(var(--cx2-slide-start,-18px))}to{opacity:1;transform:none}}
@keyframes cx2V459SoftPop{0%{opacity:0;transform:scale(.94)}72%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@keyframes cx2V459Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes cx2V459Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cx2V459Bounce{0%,76%,100%{transform:translateY(0)}86%{transform:translateY(-4px)}93%{transform:translateY(0)}}
@keyframes cx2V459PackagePop{0%{transform:scale(.985)}70%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes cx2V459PackagePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes cx2V459PackageGlow{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 10%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 17%,transparent)}}

@media(max-width:620px){
  .cx-form-type-6 .cx2-package-design-grid .cx2-packages{grid-template-columns:1fr}
  .cx-form-type-6 .cx2-package-design-grid .cx2-package{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .cx-form-type-6 [class*="cx2-ui-anim-"],
  .cx-form-type-6 [class*="cx2-package-select-anim-"] .cx2-package.is-active{animation:none!important}
}


/* =========================================================
   Ecommerce2 v460 — Canonical Tema Ayarlari runtime
   Product settings bind to [data-cx2-root], not .cx-form-type-6.
   Modal controls below override legacy/canonical hard-coded values.
   ========================================================= */
/* =========================================================
   Ecommerce2 v457 — Tema Ayarları / Ürün Detay + Modal
   Only Form Type 6. Runtime values come from ecommerce2-setup.php.
   ========================================================= */
[data-cx2-root] .cx2-info{font-family:var(--cx2-product-font,inherit);gap:var(--cx2-product-gap,12px)}
[data-cx2-root] .cx2-badge{font-size:var(--cx2-product-badge-size,11px)}
[data-cx2-root] .cx2-title{font-size:var(--cx2-product-title-size,44px)}
[data-cx2-root] .cx2-subtitle{font-size:var(--cx2-product-subtitle-size,15px)}
[data-cx2-root] .cx2-description{font-size:var(--cx2-product-desc-size,14px)}
[data-cx2-root] .cx2-stock{font-size:var(--cx2-product-stock-size,12px)}
[data-cx2-root] .cx2-section-label{font-size:var(--cx2-product-package-label-size,11px)}
[data-cx2-root] .cx2-package{
  padding:var(--cx2-product-package-padding,13px);
  border-radius:var(--cx2-product-package-radius,13px);
  background:var(--cx2-product-package-bg,#fff);
}
[data-cx2-root] .cx2-package:hover{border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447))}
[data-cx2-root] .cx2-package.is-active{
  border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  background:var(--cx2-product-package-selected-bg,#f3fbf6);
}
[data-cx2-root] .cx2-package strong{font-size:var(--cx2-product-package-title-size,13px)}
[data-cx2-root] .cx2-package small{font-size:var(--cx2-product-package-sub-size,10px)}
[data-cx2-root] .cx2-package__price b,[data-cx2-root] .cx2-package__price strong{font-size:var(--cx2-package-price,18px)}
[data-cx2-root] .cx2-variants input:not([type="radio"]):not([type="checkbox"]),
[data-cx2-root] .cx2-variants select,
[data-cx2-root] .cx2-variants textarea{
  min-height:var(--cx2-product-input-height,48px)!important;
  border:1px solid var(--cx2-product-input-border,#d7dde7)!important;
  border-radius:var(--cx2-product-input-radius,11px)!important;
  font-size:var(--cx2-product-input-size,14px)!important;
  font-family:var(--cx2-product-font,inherit)!important;
}
[data-cx2-root] .cx2-variants input:not([type="radio"]):not([type="checkbox"]):focus,
[data-cx2-root] .cx2-variants select:focus,
[data-cx2-root] .cx2-variants textarea:focus{
  border-color:var(--cx2-product-input-focus,var(--cx2-accent,#168447))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-product-input-focus,var(--cx2-accent,#168447)) 12%,transparent)!important;
}
[data-cx2-root] .cx2-size-inputs input{
  height:var(--cx2-product-input-height,48px);
  border-color:var(--cx2-product-input-border,#d7dde7);
  border-radius:var(--cx2-product-input-radius,10px);
  font-size:var(--cx2-product-input-size,14px);
  font-family:var(--cx2-product-font,inherit);
}
[data-cx2-root] .cx2-size-inputs input:focus{
  border-color:var(--cx2-product-input-focus,var(--cx2-accent,#168447));
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cx2-product-input-focus,var(--cx2-accent,#168447)) 12%,transparent);
}
[data-cx2-root] .cx2-actions.cx2-actions--buy-wide{grid-template-columns:1fr 1.15fr}
[data-cx2-root] .cx2-actions.cx2-actions--equal{grid-template-columns:1fr 1fr}
[data-cx2-root] .cx2-actions.cx2-actions--stack{grid-template-columns:1fr}
[data-cx2-root] .cx2-btn{
  min-height:var(--cx2-product-button-height,54px);
  border-radius:var(--cx2-product-button-radius,13px);
  font-size:var(--cx2-product-button-size,14px);
  font-family:var(--cx2-product-font,inherit);
}
[data-cx2-root] .cx2-actions .cx2-anim-pulse,
[data-cx2-root] .cx2-actions .cx2-anim-bounce{animation-duration:var(--cx2-product-motion,2200ms)!important}
[data-cx2-root] .cx2-actions .cx2-anim-shine::after{animation-duration:var(--cx2-product-motion,2200ms)!important}


/* =========================================================
   Ecommerce2 v459 — Product heading / price / badges / package designs
   Only Form Type 6.
   ========================================================= */
[data-cx2-root] .cx2-title{
  color:var(--cx2-product-title-color,var(--cx2-text,#171717));
  font-weight:var(--cx2-product-title-weight,900);
}
[data-cx2-root] .cx2-subtitle{color:var(--cx2-product-subtitle-color,var(--cx2-text,#171717))}
[data-cx2-root] .cx2-description{color:var(--cx2-product-description-color,var(--cx2-muted,#6b7280))}
[data-cx2-root] .cx2-badge{
  border-radius:var(--cx2-product-badge-radius,999px);
  background:var(--cx2-product-badge-bg,#eefaf3);
  color:var(--cx2-product-badge-color,var(--cx2-accent,#168447));
}
[data-cx2-root] .cx2-proof-badges span{background:var(--cx2-product-proof-bg,#111827)}
[data-cx2-root] .cx2-selected__price del,
[data-cx2-root] .cx2-package__price del{color:var(--cx2-product-old-price-color,#9ca3af)}
[data-cx2-root] .cx2-selected__price strong{
  color:var(--cx2-product-price-color,var(--cx2-text,#171717));
  font-weight:var(--cx2-product-price-weight,900);
}
[data-cx2-root] .cx2-selected__price em{
  background:var(--cx2-product-discount-bg,#ecfdf3);
  color:var(--cx2-product-discount-color,#15803d);
}
[data-cx2-root] .cx2-package strong{color:var(--cx2-product-package-title-color,var(--cx2-text,#171717))}
[data-cx2-root] .cx2-package small{color:var(--cx2-product-package-sub-color,var(--cx2-muted,#6b7280))}
[data-cx2-root] .cx2-package__price b,
[data-cx2-root] .cx2-package>b{color:var(--cx2-product-package-price-color,var(--cx2-text,#171717))}
[data-cx2-root] .cx2-packages{gap:var(--cx2-product-package-gap,8px)}

/* Package design 1 — Classic list: base layout retained. */
[data-cx2-root] .cx2-package-design-classic .cx2-packages{grid-template-columns:1fr}

/* Package design 2 — Grid cards. */
[data-cx2-root] .cx2-package-design-grid .cx2-packages{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
[data-cx2-root] .cx2-package-design-grid .cx2-package{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  align-content:space-between;
  align-items:start;
  min-height:112px;
  gap:12px;
}
[data-cx2-root] .cx2-package-design-grid .cx2-package__price{
  width:100%;
  justify-items:start;
  padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--cx2-line,#e5e7eb) 82%,transparent);
}
[data-cx2-root] .cx2-package-design-grid .cx2-package.is-active::after{
  content:"✓";
  position:absolute;
  inset-block-start:9px;
  inset-inline-end:9px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  color:#fff;
  font-size:11px;
  font-weight:950;
}

/* Package design 3 — Strong outline. */
[data-cx2-root] .cx2-package-design-outline .cx2-package{
  position:relative;
  border-width:2px;
  background:transparent;
  box-shadow:none;
}
[data-cx2-root] .cx2-package-design-outline .cx2-package.is-active{
  padding-inline-start:calc(var(--cx2-product-package-padding,13px) + 7px);
  box-shadow:none;
}
[data-cx2-root] .cx2-package-design-outline .cx2-package.is-active::before{
  content:"";
  position:absolute;
  inset-block:7px;
  inset-inline-start:5px;
  width:4px;
  border-radius:99px;
  background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
}

/* Package design 4 — Compact. */
[data-cx2-root] .cx2-package-design-compact .cx2-packages{gap:max(4px,calc(var(--cx2-product-package-gap,8px) * .65))}
[data-cx2-root] .cx2-package-design-compact .cx2-package{
  min-height:48px;
  padding:max(7px,calc(var(--cx2-product-package-padding,13px) * .62)) 11px;
  border-radius:min(10px,var(--cx2-product-package-radius,13px));
  gap:9px;
}
[data-cx2-root] .cx2-package-design-compact .cx2-package>span:first-child{display:flex;align-items:baseline;gap:7px}
[data-cx2-root] .cx2-package-design-compact .cx2-package small{font-size:max(8px,calc(var(--cx2-product-package-sub-size,10px) - 1px))}
[data-cx2-root] .cx2-package-design-compact .cx2-package__price{display:flex;align-items:baseline;gap:5px}

/* Package design 5 — Premium. */
[data-cx2-root] .cx2-package-design-premium .cx2-package{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 26%,var(--cx2-line,#e5e7eb));
  background:linear-gradient(135deg,var(--cx2-product-package-bg,#fff),color-mix(in srgb,var(--cx2-product-package-selected-bg,#f3fff7) 42%,#fff));
  box-shadow:0 8px 26px rgba(15,23,42,.07);
}
[data-cx2-root] .cx2-package-design-premium .cx2-package::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 35%,transparent);
}
[data-cx2-root] .cx2-package-design-premium .cx2-package.is-active{
  transform:translateY(-1px);
  border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  background:linear-gradient(135deg,var(--cx2-product-package-selected-bg,#f3fff7),color-mix(in srgb,var(--cx2-product-package-selected-bg,#f3fff7) 55%,#fff));
  box-shadow:0 12px 32px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 16%,transparent);
}
[data-cx2-root] .cx2-package-design-premium .cx2-package.is-active::before{background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447))}

/* Independent content animation classes. */
[data-cx2-root] .cx2{--cx2-slide-start:-18px}
[data-cx2-root] .cx2[dir="rtl"]{--cx2-slide-start:18px}
[data-cx2-root] .cx2-ui-anim-fade-up{animation:cx2V459FadeUp var(--cx2-product-motion,2200ms) cubic-bezier(.2,.8,.2,1) both}
[data-cx2-root] .cx2-ui-anim-fade{animation:cx2V459Fade var(--cx2-product-motion,2200ms) ease both}
[data-cx2-root] .cx2-ui-anim-slide-start{animation:cx2V459SlideStart var(--cx2-product-motion,2200ms) cubic-bezier(.2,.8,.2,1) both}
[data-cx2-root] .cx2-ui-anim-soft-pop{animation:cx2V459SoftPop var(--cx2-product-motion,2200ms) cubic-bezier(.34,1.3,.64,1) both}
[data-cx2-root] .cx2-ui-anim-pulse{animation:cx2V459Pulse var(--cx2-product-motion,2200ms) ease-in-out infinite}
[data-cx2-root] .cx2-ui-anim-float{animation:cx2V459Float var(--cx2-product-motion,2200ms) ease-in-out infinite}
[data-cx2-root] .cx2-ui-anim-bounce{animation:cx2V459Bounce var(--cx2-product-motion,2200ms) ease-in-out infinite}

[data-cx2-root] .cx2-package-select-anim-pop .cx2-package.is-active{animation:cx2V459PackagePop .28s cubic-bezier(.34,1.45,.64,1) both}
[data-cx2-root] .cx2-package-select-anim-pulse .cx2-package.is-active{animation:cx2V459PackagePulse 1.15s ease-in-out}
[data-cx2-root] .cx2-package-select-anim-glow .cx2-package.is-active{animation:cx2V459PackageGlow 1.4s ease-in-out infinite}

@keyframes cx2V459FadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes cx2V459Fade{from{opacity:0}to{opacity:1}}
@keyframes cx2V459SlideStart{from{opacity:0;transform:translateX(var(--cx2-slide-start,-18px))}to{opacity:1;transform:none}}
@keyframes cx2V459SoftPop{0%{opacity:0;transform:scale(.94)}72%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@keyframes cx2V459Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes cx2V459Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cx2V459Bounce{0%,76%,100%{transform:translateY(0)}86%{transform:translateY(-4px)}93%{transform:translateY(0)}}
@keyframes cx2V459PackagePop{0%{transform:scale(.985)}70%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes cx2V459PackagePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes cx2V459PackageGlow{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 10%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 17%,transparent)}}

@media(max-width:620px){
  [data-cx2-root] .cx2-package-design-grid .cx2-packages{grid-template-columns:1fr}
  [data-cx2-root] .cx2-package-design-grid .cx2-package{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  [data-cx2-root] [class*="cx2-ui-anim-"],
  [data-cx2-root] [class*="cx2-package-select-anim-"] .cx2-package.is-active{animation:none!important}
}


/* Product responsive safety: desktop honors selected sizes; mobile inputs stay >=16px to prevent iOS zoom. */
@media(max-width:760px){
  [data-cx2-root] .cx2-title{font-size:var(--cx2-product-title-mobile-size,32px)!important}
  [data-cx2-root] .cx2-variants input:not([type="radio"]):not([type="checkbox"]),
  [data-cx2-root] .cx2-variants select,
  [data-cx2-root] .cx2-variants textarea,
  [data-cx2-root] .cx2-size-inputs input{font-size:max(16px,var(--cx2-product-input-size,14px))!important}
}
[data-cx2-root] .cx2-info,
[data-cx2-root] .cx2-package-block,
[data-cx2-root] .cx2-variants,
[data-cx2-root] .cx2-actions{font-family:var(--cx2-product-font,inherit)!important}

/* Modal typography + color controls. */
.cx2-checkout-host .cx2-dialog{font-family:var(--cx2-modal-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important}
body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-head="1"].cx2-dialog__head{
  background:var(--cx2-modal-header-bg,var(--cx2-modal-bg,#fff))!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__close{
  background:var(--cx2-modal-close-bg,#fff)!important;
  color:var(--cx2-modal-close-color,#111)!important;
  border-color:var(--cx2-modal-line,#e5e7eb)!important;
}
body.cx2-modal-open .cx2-modal-foreground .cx2-dialog__close svg{
  stroke:currentColor!important;
}
.cx2-checkout-host .cx2-checkout-section__head strong{
  font-size:var(--cx2-modal-section-title-size,13px)!important;
}
.cx2-checkout-host .cx2-checkout-section__head small{
  font-size:var(--cx2-modal-section-desc-size,9px)!important;
}
.cx2-checkout-host .cx2-field>span,
.cx2-checkout-host .cx2-payment-field>span{
  font-size:var(--cx2-modal-label-size,10px)!important;
}
.cx2-checkout-host .cx2-field>small,
.cx2-checkout-host .cx-field-help,
.cx2-checkout-host .cx-phone-validation-message{
  font-size:var(--cx2-modal-help-size,8px)!important;
}
.cx2-checkout-host .cx2-modal-package,
.cx2-checkout-host .cx2-payment-card{
  background:var(--cx2-modal-card-bg,var(--cx2-modal-bg,#fff))!important;
}
.cx2-checkout-host .cx2-modal-package.is-active,
.cx2-checkout-host .cx2-payment-card.is-active{
  border-color:var(--cx2-modal-selected-border,var(--cx2-accent,#168447))!important;
  background:var(--cx2-modal-card-selected-bg,#f3fff7)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-modal-selected-border,var(--cx2-accent,#168447)) 12%,transparent)!important;
}
.cx2-checkout-host .cx2-modal-package strong{
  font-size:var(--cx2-modal-package-price-size,12px)!important;
}
.cx2-checkout-host .cx2-modal-total strong{
  font-size:var(--cx2-modal-total-price-size,18px)!important;
}
.cx2-checkout-host .cx2-submit{
  min-height:var(--cx2-modal-submit-height,58px)!important;
  font-size:var(--cx2-modal-submit-size,15px)!important;
}
@media(min-width:761px){
  body.cx2-modal-open .cx2-modal-foreground [data-cx2-dialog-body="1"].cx2-dialog__body{
    padding:16px var(--cx2-modal-padding,22px) var(--cx2-modal-padding,22px)!important;
  }
  .cx2-checkout-host .cx2-field input,
  .cx2-checkout-host .cx2-field select,
  .cx2-checkout-host .cx2-field textarea,
  .cx2-checkout-host .cx2-payment-field select{
    font-size:var(--cx2-modal-input-size,14px)!important;
  }
  body.cx2-modal-open [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground{
    background:transparent!important;
  }
  body.cx2-modal-open .cx2-modal-foreground .cx2-modal__backdrop{
    background:var(--cx2-modal-backdrop,#0f172a)!important;
    opacity:var(--cx2-modal-backdrop-opacity,.56)!important;
    backdrop-filter:blur(var(--cx2-modal-backdrop-blur,5px))!important;
    -webkit-backdrop-filter:blur(var(--cx2-modal-backdrop-blur,5px))!important;
  }
}

/* Stable shell is never transformed. Animate modal content instead so scale/slide controls work without iOS keyboard regressions. */
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-scale [data-cx2-dialog-head="1"]>div,
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-scale [data-cx2-dialog-body="1"]>*{
  animation:cx2V460ModalScale var(--cx2-modal-motion,180ms) ease-out both;
}
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-fade [data-cx2-dialog-head="1"]>div,
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-fade [data-cx2-dialog-body="1"]>*{
  animation:cx2V460ModalFade var(--cx2-modal-motion,180ms) ease-out both;
}
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-slide-up [data-cx2-dialog-head="1"]>div,
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-slide-up [data-cx2-dialog-body="1"]>*{
  animation:cx2V460ModalUp var(--cx2-modal-motion,180ms) cubic-bezier(.16,1,.3,1) both;
}
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-slide-right [data-cx2-dialog-head="1"]>div,
body.cx2-modal-open .cx2-modal-foreground.cx2-modal-anim-slide-right [data-cx2-dialog-body="1"]>*{
  animation:cx2V460ModalSide var(--cx2-modal-motion,180ms) cubic-bezier(.16,1,.3,1) both;
}
@keyframes cx2V460ModalScale{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}
@keyframes cx2V460ModalFade{from{opacity:0}to{opacity:1}}
@keyframes cx2V460ModalUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cx2V460ModalSide{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}

/* Final summary: localized selection, included-price and discount settings now have a visible target. */
.cx2-checkout-host .cx2-final-summary__selections{
  display:flex;align-items:flex-start;gap:5px;padding-top:7px;border-top:1px dashed #d8e5dc;
  color:var(--cx2-modal-muted,#6b7280);font-size:8px;line-height:1.4;
}
.cx2-checkout-host .cx2-final-summary__selections small{font-weight:850;white-space:nowrap}
.cx2-checkout-host .cx2-final-summary__discount{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px dashed #d8e5dc;
  color:var(--cx2-modal-muted,#6b7280);font-size:9px;
}
.cx2-checkout-host .cx2-final-summary__discount strong{direction:ltr;unicode-bidi:isolate;color:var(--cx2-accent,#168447);font-size:10px}
.cx2-checkout-host .cx2-final-summary__discount[hidden]{display:none!important}
html.cx2-dark .cx2-final-summary__selections,
html.cx2-dark .cx2-final-summary__discount{border-color:#294235}
.cx2-checkout-host[dir="rtl"] .cx2-final-summary__selections,
.cx2-checkout-host[dir="rtl"] .cx2-final-summary__discount{flex-direction:row-reverse;text-align:right}

/* Submit animation duration follows modal motion setting; shine/pulse/bounce all remain user-selectable. */
.cx2-checkout-host .cx2-submit-anim-pulse,
.cx2-checkout-host .cx2-submit-anim-bounce{animation-duration:max(900ms,calc(var(--cx2-modal-field-motion,260ms) * 6))!important}
.cx2-checkout-host .cx2-submit-anim-shine::after{animation-duration:max(1600ms,calc(var(--cx2-modal-field-motion,260ms) * 10))!important}

@media(prefers-reduced-motion:reduce){
  body.cx2-modal-open .cx2-modal-foreground[class*="cx2-modal-anim-"] [data-cx2-dialog-head="1"]>div,
  body.cx2-modal-open .cx2-modal-foreground[class*="cx2-modal-anim-"] [data-cx2-dialog-body="1"]>*,
  [data-cx2-root] [class*="cx2-ui-anim-"],
  [data-cx2-root] [class*="cx2-package-select-anim-"] .cx2-package.is-active{animation:none!important}
}


/* =========================================================
   Ecommerce2 v461 — Paket secili durumu
   Tum 5 paket tasarim varyasyonunda ayni ✓ SECILDI rozeti.
   ========================================================= */
[data-cx2-root] .cx2-package>span:first-child{
  min-width:0;
}
[data-cx2-root] .cx2-package__selected{
  display:none;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 28%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#168447)) 10%,var(--cx2-product-package-selected-bg,#f3fff7));
  color:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  font-size:9px;
  font-weight:900;
  line-height:1;
  letter-spacing:.035em;
  white-space:nowrap;
}
[data-cx2-root] .cx2-package__selected i{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  margin-inline-end:5px;
  border-radius:50%;
  background:var(--cx2-product-package-selected-border,var(--cx2-accent,#168447));
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:950;
  line-height:1;
}
[data-cx2-root] .cx2-package__selected em{
  color:inherit;
  font-size:inherit;
  font-style:normal;
  font-weight:inherit;
  line-height:1;
}
[data-cx2-root] .cx2-package.is-active .cx2-package__selected{
  display:inline-flex;
}

/* Grid varyasyonundaki eski tek check isaretini kaldir; yeni rozet tek kaynak. */
[data-cx2-root] .cx2-package-design-grid .cx2-package.is-active::after{
  content:none!important;
  display:none!important;
}

/* Kompakt tasarimda rozet paket basliginin yaninda kalir. */
[data-cx2-root] .cx2-package-design-compact .cx2-package>span:first-child{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title selected" "sub selected";
  align-items:center;
  column-gap:7px;
  row-gap:2px;
}
[data-cx2-root] .cx2-package-design-compact .cx2-package>span:first-child>strong{grid-area:title}
[data-cx2-root] .cx2-package-design-compact .cx2-package>span:first-child>small{grid-area:sub}
[data-cx2-root] .cx2-package-design-compact .cx2-package__selected{
  grid-area:selected;
  margin-top:0;
  align-self:center;
}

/* RTL dillerde check ve metin yonu dogal olarak ters akar. */
[data-cx2-root][dir="rtl"] .cx2-package__selected,
[data-cx2-root] .cx2[dir="rtl"] .cx2-package__selected{
  direction:rtl;
}
[data-cx2-root][dir="rtl"] .cx2-package__selected i,
[data-cx2-root] .cx2[dir="rtl"] .cx2-package__selected i{
  margin-inline-end:5px;
}

@media(max-width:420px){
  [data-cx2-root] .cx2-package__selected{
    padding:4px 6px;
    font-size:8px;
  }
  [data-cx2-root] .cx2-package__selected i{
    width:15px;
    height:15px;
    font-size:9px;
  }
}


/* =========================================================
   Ecommerce2 v462 — Varsayilan paket gorunumu (liste kart)
   Referans: beyaz zemin + yesil border + solda baslik / sagda fiyat.
   Classic/default varyasyon bu gorunume cekildi.
   ========================================================= */
[data-cx2-root] .cx2-package-design-classic .cx2-packages{
  grid-template-columns:1fr;
  gap:max(8px,var(--cx2-product-package-gap,8px));
}
[data-cx2-root] .cx2-package-design-classic .cx2-package{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:14px 15px;
  border:1.5px solid color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a)) 24%,var(--cx2-line,#d6dee8));
  border-radius:max(14px,var(--cx2-product-package-radius,14px));
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.03);
}
[data-cx2-root] .cx2-package-design-classic .cx2-package:hover{
  border-color:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a)) 52%,var(--cx2-line,#d6dee8));
  box-shadow:0 4px 12px rgba(22,132,71,.06);
}
[data-cx2-root] .cx2-package-design-classic .cx2-package.is-active{
  border-color:var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a));
  background:#fff;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a)) 12%,transparent),0 6px 18px rgba(22,132,71,.08);
}
[data-cx2-root] .cx2-package-design-classic .cx2-package>span:first-child{
  display:grid;
  gap:3px;
  min-width:0;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package>span:first-child>strong{
  color:var(--cx2-product-package-title-color,var(--cx2-text,#111827));
  font-size:var(--cx2-product-package-title-size,15px);
  font-weight:800;
  line-height:1.22;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package.is-active>span:first-child>strong{
  color:var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a));
}
[data-cx2-root] .cx2-package-design-classic .cx2-package>span:first-child>small{
  color:var(--cx2-product-package-sub-color,var(--cx2-muted,#9ca3af));
  font-size:var(--cx2-product-package-sub-size,10px);
  line-height:1.3;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package__price{
  display:grid;
  justify-items:end;
  align-content:center;
  gap:3px;
  text-align:right;
  min-width:max-content;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package__price del{
  color:#b8c0cc;
  font-size:10px;
  line-height:1;
  font-weight:700;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package__price b,
[data-cx2-root] .cx2-package-design-classic .cx2-package__price strong{
  color:var(--cx2-product-package-price-color,var(--cx2-text,#111827));
  font-size:max(20px,var(--cx2-package-price,18px));
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
}
[data-cx2-root] .cx2-package-design-classic .cx2-package__selected{
  margin-top:6px;
  padding:3px 7px;
  font-size:9px;
  border-color:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a)) 22%,transparent);
  background:color-mix(in srgb,var(--cx2-product-package-selected-border,var(--cx2-accent,#16a34a)) 9%,#fff);
}
[data-cx2-root] .cx2-package-design-classic .cx2-package__selected i{
  width:15px;
  height:15px;
  font-size:9px;
}
[data-cx2-root][dir="rtl"] .cx2-package-design-classic .cx2-package,
[data-cx2-root] .cx2[dir="rtl"] .cx2-package-design-classic .cx2-package{
  grid-template-columns:auto minmax(0,1fr);
}
[data-cx2-root][dir="rtl"] .cx2-package-design-classic .cx2-package__price,
[data-cx2-root] .cx2[dir="rtl"] .cx2-package-design-classic .cx2-package__price{
  justify-items:start;
  text-align:left;
}
@media(max-width:460px){
  [data-cx2-root] .cx2-package-design-classic .cx2-package{
    gap:10px;
    min-height:58px;
    padding:12px 13px;
  }
  [data-cx2-root] .cx2-package-design-classic .cx2-package__price b,
  [data-cx2-root] .cx2-package-design-classic .cx2-package__price strong{
    font-size:max(18px,calc(var(--cx2-package-price,18px) - 1px));
  }
}


/* =========================================================
   Ecommerce2 v463 — Secili paket / sepet ozeti karti
   Product detail summary card modernized.
   ========================================================= */
[data-cx2-root] .cx2-selected{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--cx2-line,#d8dee8) 88%,#fff);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  box-shadow:0 8px 28px rgba(15,23,42,.05);
  overflow:hidden;
}
[data-cx2-root] .cx2-selected::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block:0;
  width:4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cx2-accent,#168447) 88%,#fff),color-mix(in srgb,var(--cx2-accent,#168447) 48%,#fff));
}
[data-cx2-root] .cx2-selected__label{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-inline-start:2px;
  color:color-mix(in srgb,var(--cx2-text,#171717) 80%,#6b7280);
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
}
[data-cx2-root] .cx2-selected__label::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-accent,#168447) 10%,#fff);
  color:var(--cx2-accent,#168447);
  font-size:11px;
  font-weight:950;
  line-height:1;
}
[data-cx2-root] .cx2-selected__price{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px 10px;
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
}
[data-cx2-root] .cx2-selected__price del{
  order:1;
  align-self:flex-end;
  color:#b3bcc8;
  font-size:14px;
  font-weight:700;
  line-height:1.05;
  text-decoration-thickness:1.5px;
  text-decoration-color:#c4cbd5;
}
[data-cx2-root] .cx2-selected__price strong{
  order:2;
  color:#0f172a;
  font-size:clamp(30px,3.1vw,40px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}
[data-cx2-root] .cx2-selected__price em{
  order:3;
  display:inline-flex;
  align-items:center;
  align-self:center;
  min-height:24px;
  margin-inline-start:2px;
  padding:0 10px;
  border:1px solid color-mix(in srgb,var(--cx2-accent,#168447) 14%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--cx2-accent,#168447) 10%,#fff);
  color:var(--cx2-accent,#168447);
  font-size:10px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.015em;
  white-space:nowrap;
}
[data-cx2-root][dir="rtl"] .cx2-selected,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected{
  direction:rtl;
}
[data-cx2-root][dir="rtl"] .cx2-selected__price,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected__price{
  justify-content:flex-start;
  text-align:right;
}
[data-cx2-root][dir="rtl"] .cx2-selected__label,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected__label{
  padding-inline-start:0;
  padding-inline-end:2px;
}
@media(max-width:640px){
  [data-cx2-root] .cx2-selected{
    padding:13px 14px;
    gap:8px;
    border-radius:16px;
  }
  [data-cx2-root] .cx2-selected__price{
    gap:6px 8px;
  }
  [data-cx2-root] .cx2-selected__price del{
    font-size:12px;
  }
  [data-cx2-root] .cx2-selected__price strong{
    font-size:clamp(26px,7.5vw,34px);
  }
  [data-cx2-root] .cx2-selected__price em{
    min-height:22px;
    padding:0 8px;
    font-size:9px;
  }
}



/* =========================================================
   Ecommerce2 v464 — Secili Paket Ozeti Tema Merkezi
   Yalniz urun detayindaki .cx2-selected karti.
   ========================================================= */
[data-cx2-root] .cx2-selected{
  --cx2-summary-bg:var(--cx2-selected-summary-bg,#fff);
  --cx2-summary-border:var(--cx2-selected-summary-border,#dfe6e2);
  --cx2-summary-accent:var(--cx2-selected-summary-accent,#168447);
  --cx2-summary-label:var(--cx2-selected-summary-label,#475569);
  --cx2-summary-price:var(--cx2-selected-summary-price,#0f172a);
  --cx2-summary-old:var(--cx2-selected-summary-old,#a8b1bd);
  --cx2-summary-discount-bg:var(--cx2-selected-summary-discount-bg,#ecfdf3);
  --cx2-summary-discount-color:var(--cx2-selected-summary-discount-color,#15803d);
  position:relative!important;
  isolation:isolate;
  min-width:0;
  padding:var(--cx2-selected-summary-padding,16px)!important;
  border:1px solid var(--cx2-summary-border)!important;
  border-radius:var(--cx2-selected-summary-radius,18px)!important;
  background:var(--cx2-summary-bg)!important;
  color:var(--cx2-summary-price);
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}

/* shadow levels */
[data-cx2-root] .cx2-selected-shadow-none{box-shadow:none!important}
[data-cx2-root] .cx2-selected-shadow-soft{box-shadow:0 5px 18px rgba(15,23,42,.045)!important}
[data-cx2-root] .cx2-selected-shadow-medium{box-shadow:0 10px 30px rgba(15,23,42,.075)!important}
[data-cx2-root] .cx2-selected-shadow-strong{box-shadow:0 16px 44px rgba(15,23,42,.12)!important}

/* layout */
[data-cx2-root] .cx2-selected-layout-stacked{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
}
[data-cx2-root] .cx2-selected-layout-horizontal{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
}
[data-cx2-root] .cx2-selected__meta{
  position:relative;
  z-index:2;
  display:grid;
  gap:4px;
  min-width:0;
}
[data-cx2-root] .cx2-selected__label{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  max-width:100%;
  gap:7px;
  padding:0!important;
  color:var(--cx2-summary-label)!important;
  font-size:var(--cx2-selected-summary-label-size,11px)!important;
  font-weight:800!important;
  line-height:1.2;
  letter-spacing:.01em;
}
[data-cx2-root] .cx2-selected__label::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  width:19px!important;
  height:19px!important;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-summary-accent) 11%,#fff)!important;
  color:var(--cx2-summary-accent)!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1;
}
[data-cx2-root] .cx2-selected__title{
  display:block;
  min-width:0;
  color:var(--cx2-summary-price);
  font-size:13px;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
}
[data-cx2-root] .cx2-selected__price{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px 10px!important;
  min-width:0;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
}
[data-cx2-root] .cx2-selected-layout-horizontal .cx2-selected__price{
  justify-content:flex-end!important;
  max-width:360px;
}
[data-cx2-root] .cx2-selected__price del{
  order:1;
  align-self:flex-end;
  color:var(--cx2-summary-old)!important;
  font-size:var(--cx2-selected-summary-old-size,13px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  text-decoration-thickness:1.5px;
}
[data-cx2-root] .cx2-selected__price strong{
  order:2;
  color:var(--cx2-summary-price)!important;
  font-size:var(--cx2-selected-summary-price-size,36px)!important;
  font-weight:950!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
  white-space:nowrap;
}
[data-cx2-root] .cx2-selected__price em{
  order:3;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:center;
  min-height:25px;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid color-mix(in srgb,var(--cx2-summary-discount-color) 16%,transparent)!important;
  border-radius:999px!important;
  background:var(--cx2-summary-discount-bg)!important;
  color:var(--cx2-summary-discount-color)!important;
  font-size:var(--cx2-selected-summary-discount-size,10px)!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em;
  white-space:nowrap;
}

/* 1 · Premium (default) */
[data-cx2-root] .cx2-selected-theme-premium{
  border-color:color-mix(in srgb,var(--cx2-summary-accent) 24%,var(--cx2-summary-border))!important;
  background:linear-gradient(145deg,var(--cx2-summary-bg) 0%,color-mix(in srgb,var(--cx2-summary-accent) 4%,var(--cx2-summary-bg)) 100%)!important;
}
[data-cx2-root] .cx2-selected-theme-premium::before{
  content:"";
  position:absolute;
  z-index:0;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:linear-gradient(180deg,var(--cx2-summary-accent),color-mix(in srgb,var(--cx2-summary-accent) 42%,#fff));
}
[data-cx2-root] .cx2-selected-theme-premium::after{
  content:"";
  position:absolute;
  z-index:0;
  width:150px;
  height:150px;
  inset-inline-end:-70px;
  inset-block-start:-85px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-summary-accent) 5%,transparent);
  pointer-events:none;
}

/* 2 · Clean */
[data-cx2-root] .cx2-selected-theme-clean{
  border-color:var(--cx2-summary-border)!important;
  background:var(--cx2-summary-bg)!important;
}
[data-cx2-root] .cx2-selected-theme-clean::before,
[data-cx2-root] .cx2-selected-theme-clean::after{content:none!important}
[data-cx2-root] .cx2-selected-theme-clean .cx2-selected__label::before{
  width:18px!important;height:18px!important;background:transparent!important;border:1px solid color-mix(in srgb,var(--cx2-summary-accent) 30%,transparent)!important;
}

/* 3 · Soft */
[data-cx2-root] .cx2-selected-theme-soft{
  border-color:transparent!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--cx2-summary-accent) 6%,var(--cx2-summary-bg)),color-mix(in srgb,var(--cx2-summary-accent) 2%,var(--cx2-summary-bg)))!important;
}
[data-cx2-root] .cx2-selected-theme-soft::before,
[data-cx2-root] .cx2-selected-theme-soft::after{content:none!important}
[data-cx2-root] .cx2-selected-theme-soft .cx2-selected__price em{
  border-color:transparent!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cx2-summary-discount-color) 9%,transparent);
}

/* 4 · Outline */
[data-cx2-root] .cx2-selected-theme-outline{
  border:2px solid var(--cx2-summary-accent)!important;
  background:var(--cx2-summary-bg)!important;
  box-shadow:none!important;
}
[data-cx2-root] .cx2-selected-theme-outline::before{
  content:"";
  position:absolute;
  inset-inline-start:8px;
  inset-block:10px;
  width:3px;
  border-radius:99px;
  background:var(--cx2-summary-accent);
}
[data-cx2-root] .cx2-selected-theme-outline::after{content:none!important}
[data-cx2-root] .cx2-selected-theme-outline .cx2-selected__meta{
  padding-inline-start:9px;
}

/* 5 · Dark */
[data-cx2-root] .cx2-selected-theme-dark{
  --cx2-summary-price:#f8fafc;
  --cx2-summary-label:#94a3b8;
  --cx2-summary-old:#64748b;
  --cx2-summary-discount-bg:#173f2a;
  --cx2-summary-discount-color:#9af0b9;
  border-color:color-mix(in srgb,var(--cx2-summary-accent) 28%,#273449)!important;
  background:linear-gradient(145deg,#111827,#0b1220)!important;
  box-shadow:0 14px 38px rgba(2,6,23,.22)!important;
}
[data-cx2-root] .cx2-selected-theme-dark::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:var(--cx2-summary-accent);
}
[data-cx2-root] .cx2-selected-theme-dark::after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  inset-inline-end:-55px;inset-block-start:-70px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-summary-accent) 10%,transparent);
}
[data-cx2-root] .cx2-selected-theme-dark .cx2-selected__title{color:#f8fafc!important}
[data-cx2-root] .cx2-selected-theme-dark .cx2-selected__label::before{
  background:color-mix(in srgb,var(--cx2-summary-accent) 22%,#0b1220)!important;
}

/* RTL */
[data-cx2-root][dir="rtl"] .cx2-selected__price,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected__price{
  justify-content:flex-start!important;
  text-align:right!important;
}
[data-cx2-root][dir="rtl"] .cx2-selected-layout-horizontal,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected-layout-horizontal{
  grid-template-columns:auto minmax(0,1fr)!important;
}
[data-cx2-root][dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__meta,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__meta{
  grid-column:2;
}
[data-cx2-root][dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__price,
[data-cx2-root] .cx2[dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__price{
  grid-column:1;
  grid-row:1;
}

/* Mobile keeps the card tidy even if horizontal was selected. */
@media(max-width:520px){
  [data-cx2-root] .cx2-selected-layout-horizontal{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  [data-cx2-root] .cx2-selected-layout-horizontal .cx2-selected__meta,
  [data-cx2-root] .cx2[dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__meta,
  [data-cx2-root] .cx2-selected-layout-horizontal .cx2-selected__price,
  [data-cx2-root] .cx2[dir="rtl"] .cx2-selected-layout-horizontal .cx2-selected__price{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  [data-cx2-root] .cx2-selected-layout-horizontal .cx2-selected__price{
    justify-content:flex-start!important;
    max-width:none;
  }
  [data-cx2-root] .cx2-selected{
    padding:max(12px,calc(var(--cx2-selected-summary-padding,16px) - 2px))!important;
  }
  [data-cx2-root] .cx2-selected__price strong{
    font-size:min(var(--cx2-selected-summary-price-size,36px),34px)!important;
  }
}


/* =========================================================
   Ecommerce2 v465 — Optional modal selected-summary theme sync
   IMPORTANT: applies ONLY when .cx2-modal-total--summary-sync exists.
   When disabled, legacy modal total remains untouched.
   ========================================================= */
.cx2-checkout-host .cx2-modal-total.cx2-modal-total--summary-sync{
  --cx2-summary-bg:var(--cx2-selected-summary-bg,#fff);
  --cx2-summary-border:var(--cx2-selected-summary-border,#dfe6e2);
  --cx2-summary-accent:var(--cx2-selected-summary-accent,#168447);
  --cx2-summary-label:var(--cx2-selected-summary-label,#475569);
  --cx2-summary-price:var(--cx2-selected-summary-price,#0f172a);
  --cx2-summary-old:var(--cx2-selected-summary-old,#a8b1bd);
  position:relative;
  isolation:isolate;
  min-width:0;
  padding:clamp(11px,var(--cx2-selected-summary-padding,16px),18px)!important;
  border:1px solid var(--cx2-summary-border)!important;
  border-radius:var(--cx2-selected-summary-radius,18px)!important;
  background:var(--cx2-summary-bg)!important;
  color:var(--cx2-summary-price)!important;
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cx2-checkout-host .cx2-modal-total--summary-sync>span{
  position:relative;
  z-index:2;
  display:grid;
  gap:4px;
  min-width:0;
  color:var(--cx2-summary-price)!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync .cx2-modal-total__label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  gap:6px;
  color:var(--cx2-summary-label)!important;
  font-size:var(--cx2-selected-summary-label-size,11px)!important;
  font-weight:800!important;
  line-height:1.2;
}
.cx2-checkout-host .cx2-modal-total--summary-sync .cx2-modal-total__label::before{
  content:"✓";
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:18px;
  height:18px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-summary-accent) 11%,#fff);
  color:var(--cx2-summary-accent);
  font-size:10px;
  font-weight:950;
  line-height:1;
}
.cx2-checkout-host .cx2-modal-total--summary-sync>span>b{
  color:var(--cx2-summary-price)!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.cx2-checkout-host .cx2-modal-total--summary-sync>div{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  flex-wrap:wrap;
  gap:6px 8px!important;
  min-width:0;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync>div>del{
  color:var(--cx2-summary-old)!important;
  font-size:min(var(--cx2-selected-summary-old-size,13px),13px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  text-decoration-thickness:1.4px;
}
.cx2-checkout-host .cx2-modal-total--summary-sync>div>strong{
  color:var(--cx2-summary-price)!important;
  font-size:clamp(20px,calc(var(--cx2-selected-summary-price-size,36px) * .72),30px)!important;
  font-weight:950!important;
  line-height:.98!important;
  letter-spacing:-.03em!important;
  white-space:nowrap;
}

/* Layout is inherited from the same selected-summary setting. */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-layout-stacked{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-layout-stacked>div{
  justify-content:flex-start!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-layout-horizontal{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}

/* Shared shadow levels. */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-shadow-none{box-shadow:none!important}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-shadow-soft{box-shadow:0 5px 16px rgba(15,23,42,.045)!important}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-shadow-medium{box-shadow:0 9px 24px rgba(15,23,42,.07)!important}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-shadow-strong{box-shadow:0 13px 34px rgba(15,23,42,.11)!important}

/* Theme 1 — Premium */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-premium{
  border-color:color-mix(in srgb,var(--cx2-summary-accent) 24%,var(--cx2-summary-border))!important;
  background:linear-gradient(145deg,var(--cx2-summary-bg),color-mix(in srgb,var(--cx2-summary-accent) 4%,var(--cx2-summary-bg)))!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-premium::before{
  content:"";
  position:absolute;
  z-index:0;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:linear-gradient(180deg,var(--cx2-summary-accent),color-mix(in srgb,var(--cx2-summary-accent) 42%,#fff));
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-premium::after{
  content:"";
  position:absolute;
  z-index:0;
  width:110px;
  height:110px;
  inset-inline-end:-52px;
  inset-block-start:-62px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cx2-summary-accent) 5%,transparent);
  pointer-events:none;
}

/* Theme 2 — Clean */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-clean{
  border-color:var(--cx2-summary-border)!important;
  background:var(--cx2-summary-bg)!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-clean::before,
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-clean::after{content:none!important}

/* Theme 3 — Soft */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-soft{
  border-color:transparent!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--cx2-summary-accent) 6%,var(--cx2-summary-bg)),color-mix(in srgb,var(--cx2-summary-accent) 2%,var(--cx2-summary-bg)))!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-soft::before,
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-soft::after{content:none!important}

/* Theme 4 — Outline */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-outline{
  border:2px solid var(--cx2-summary-accent)!important;
  background:var(--cx2-summary-bg)!important;
  box-shadow:none!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-outline::before{
  content:"";
  position:absolute;
  inset-inline-start:7px;
  inset-block:9px;
  width:3px;
  border-radius:99px;
  background:var(--cx2-summary-accent);
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-outline>span{
  padding-inline-start:8px;
}

/* Theme 5 — Dark */
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-dark{
  --cx2-summary-price:#f8fafc;
  --cx2-summary-label:#94a3b8;
  --cx2-summary-old:#64748b;
  border-color:color-mix(in srgb,var(--cx2-summary-accent) 28%,#273449)!important;
  background:linear-gradient(145deg,#111827,#0b1220)!important;
  box-shadow:0 12px 30px rgba(2,6,23,.20)!important;
}
.cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-theme-dark::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:var(--cx2-summary-accent);
}

/* RTL + mobile safety. */
.cx2-checkout-host[dir="rtl"] .cx2-modal-total--summary-sync>div{
  justify-content:flex-start!important;
  text-align:right!important;
}
@media(max-width:600px){
  .cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-layout-horizontal{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px!important;
  }
  .cx2-checkout-host .cx2-modal-total--summary-sync.cx2-selected-layout-horizontal>div{
    justify-content:flex-start!important;
  }
}


/* =========================================================
   Ecommerce2 v466 — iOS VisualViewport / Keyboard Stability
   Only active while iOS keyboard is detected as open.
   No form fields, names, submit flow or modal DOM are changed.
   ========================================================= */
@supports (-webkit-touch-callout:none){
  html.cx2-modal-open-root.cx2-ios-keyboard-safe.cx2-ios-keyboard-open,
  html.cx2-modal-open-root.cx2-ios-keyboard-safe.cx2-ios-keyboard-open body.cx2-modal-open{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:var(--cx2-modal-bg,#fff)!important;
  }

  /* Safari keyboard mode: use the real VisualViewport box.
     Removing the old forced GPU layer prevents fields from being clipped/repainted away. */
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open[data-cx2-dialog-layer="1"]{
    position:fixed!important;
    inset:auto 0 auto 0!important;
    top:var(--cx2-modal-visual-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100vw!important;
    height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    min-height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    max-height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
    contain:none!important;
    background:var(--cx2-modal-bg,#fff)!important;
  }

  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-shell="1"].cx2-dialog{
    position:relative!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
    contain:none!important;
    background:var(--cx2-modal-bg,#fff)!important;
  }

  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-head="1"].cx2-dialog__head{
    position:relative!important;
    top:0!important;
    flex:0 0 auto!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    contain:none!important;
    background:var(--cx2-modal-bg,#fff)!important;
  }

  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"].cx2-dialog__body{
    position:relative!important;
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:auto!important;
    overscroll-behavior:contain!important;
    scroll-behavior:auto!important;
    scroll-padding-block:20px min(34vh,150px)!important;
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
    contain:none!important;
    content-visibility:visible!important;
    background:var(--cx2-modal-bg,#fff)!important;
  }

  /* Force Safari to keep all sibling form sections painted while one input owns focus. */
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] .cx2-checkout-section,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] .cx2-fields,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] .cx2-field,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] .cx2-payment-field,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] .cx2-final-summary{
    opacity:1!important;
    visibility:visible!important;
    content-visibility:visible!important;
    contain:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }

  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] input:not([type="hidden"]),
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] select,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] textarea{
    position:relative!important;
    z-index:1!important;
    opacity:1!important;
    visibility:visible!important;
    font-size:16px!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
    scroll-margin-block:72px min(32vh,140px)!important;
  }

  /* No modal entrance/field animations during keyboard transition:
     avoids compositor layers disappearing until the keyboard closes. */
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-body="1"] *,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open [data-cx2-dialog-head="1"] *{
    animation-play-state:paused!important;
  }

  /* Background/backdrop stays an opaque modal surface so Safari cannot expose page content. */
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open .cx2-modal__backdrop{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:var(--cx2-modal-bg,#fff)!important;
    opacity:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* Keyboard-open mobile layout remains a single visible scroll surface. */
@media(max-width:760px){
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open .cx2-fields{
    grid-template-columns:1fr!important;
  }
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open .cx2-field--full,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open .cx2-fields>.cx-country-switch,
  body.cx2-modal-open .cx2-modal-foreground.cx2-ios-keyboard-open .cx2-bank{
    grid-column:1!important;
  }
}


/* v466 final iOS compositor override — intentionally higher specificity than legacy V504. */
@supports (-webkit-touch-callout:none){
  html.cx2-modal-open-root.cx2-ios-keyboard-safe.cx2-ios-keyboard-open
  body.cx2-modal-open.cx2-ios-keyboard-safe.cx2-ios-keyboard-open
  [data-cx2-dialog-layer="1"].cx2-modal.cx2-modal-foreground.cx2-ios-keyboard-open{
    inset:auto 0 auto 0!important;
    top:var(--cx2-modal-visual-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    min-height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    max-height:var(--cx2-modal-visual-height,var(--cx2-modal-open-height,100dvh))!important;
    transform:none!important;
    -webkit-transform:none!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
}


/* =========================================================
   Ecommerce2 v467 — iOS keyboard field-flow repair
   The form field grid is temporarily converted to a simple
   vertical flow only while the iOS keyboard is open.
   ========================================================= */
@supports (-webkit-touch-callout:none){
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-fields{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-payment-field{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    align-self:stretch!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
  }

  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field>span,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field>.inputtitleclass,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-payment-field>span{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field input:not([type="hidden"]),
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field select,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-payment-field select{
    display:block!important;
    flex:0 0 var(--cx2-modal-input-height,52px)!important;
    width:100%!important;
    height:var(--cx2-modal-input-height,52px)!important;
    min-height:var(--cx2-modal-input-height,52px)!important;
    max-height:var(--cx2-modal-input-height,52px)!important;
    margin:0!important;
    padding:0 12px!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    -webkit-transform:none!important;
  }

  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx2-field textarea{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:96px!important;
    max-height:180px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    transform:none!important;
    -webkit-transform:none!important;
  }

  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx-phone-validation-message,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] .cx-field-help{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    position:relative!important;
  }

  /* Never freeze an element in the middle of an entrance animation.
     Disable animation/transition while Safari is resizing around the keyboard. */
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"] *,
  body.cx2-modal-open.cx2-ios-keyboard-open
  .cx2-modal-foreground.cx2-ios-keyboard-open
  [data-cx2-dialog-head="1"] *{
    animation:none!important;
    transition:none!important;
  }

  /* Reflow pulse used by JS after Safari finishes each keyboard resize frame. */
  body.cx2-modal-open.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"].cx2-ios-fields-reflow .cx2-fields,
  body.cx2-modal-open.cx2-ios-keyboard-open
  [data-cx2-dialog-body="1"].cx2-ios-fields-reflow .cx2-field{
    contain:none!important;
    content-visibility:visible!important;
  }
}