.welcome-dialog{width:min(940px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:22px;overflow:auto;background:#f8f9fa;color:#22262a;box-shadow:0 32px 110px #0006;overscroll-behavior:contain}
.welcome-dialog::backdrop{background:#121519b8;backdrop-filter:blur(7px)}
.welcome-poster{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;min-height:560px;overflow:hidden;background:#f9fafb}
.welcome-poster::before{content:"";position:absolute;z-index:2;top:0;left:0;width:180px;height:7px;background:#a9362a;transform:skewX(-35deg);transform-origin:top left;pointer-events:none}
.welcome-close{position:absolute;z-index:5;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #dfe2e5;border-radius:50%;background:#ffffffed;color:#30343a;cursor:pointer}
.welcome-close svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor}
.welcome-close:hover{background:#fff;border-color:#a9362a;color:#a9362a}
.welcome-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;padding:36px 0 42px 44px}
.welcome-logo{width:112px;height:78px;object-fit:contain;margin-bottom:29px}
.welcome-copy h2{margin:0;font:600 clamp(62px,7vw,82px)/.99 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1.4px}
.welcome-copy h2 span{color:#a9362a}
.welcome-copy p{max-width:320px;margin:20px 0 30px;font:600 28px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:0;color:#555d64}
.welcome-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;max-width:100%;padding:20px 24px;border:1px solid #ffffff35;border-radius:13px;background:linear-gradient(135deg,#c73c2b,#a92e23);color:#fff;text-decoration:none;font:600 20px/1.3 "Bahnschrift SemiBold","Bahnschrift",Arial,sans-serif;box-shadow:0 12px 28px #b7332c40,0 2px 0 #ffffff24 inset;cursor:pointer;transition:transform .2s,box-shadow .2s}
.welcome-cta svg{width:26px;height:26px;flex:0 0 26px;stroke:currentColor;fill:none;stroke-width:2}
.welcome-cta:hover{background:#a92e23;transform:translateY(-2px);box-shadow:0 16px 32px #b7332c50}
.welcome-dialog :is(button,a):focus-visible{outline:3px solid #a9362a;outline-offset:4px}
.welcome-art{position:relative;min-width:0;background:linear-gradient(135deg,#f9fafb,#edf0f2)}
.welcome-art::after{content:"";position:absolute;z-index:3;right:-64px;bottom:-22px;width:100px;height:270px;background:#a9362a;transform:rotate(35deg);box-shadow:-16px 0 0 #252b2e}
.welcome-art-grid{position:absolute;inset:0;background-image:linear-gradient(#acb2b912 1px,transparent 1px),linear-gradient(90deg,#acb2b912 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000)}
.welcome-product{position:absolute;overflow:hidden;border:1px solid #e1e5e8;border-radius:18px;background:#f5f6f7;box-shadow:0 16px 38px #27313b13}
.welcome-product img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.welcome-product-tank{width:240px;height:290px;top:45px;right:34px;transform:rotate(7deg)}
.welcome-product-tank img{object-fit:cover;object-position:center}
.welcome-product-pump{z-index:1;width:350px;height:272px;left:-12px;bottom:56px;transform:rotate(-5deg)}
.welcome-product-valve{z-index:2;width:168px;height:176px;right:28px;bottom:25px;transform:rotate(6deg)}
.welcome-dialog[open]{animation:welcome-arrive .32s ease both}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
  .welcome-dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);border-radius:18px}
  .welcome-poster{grid-template-columns:1fr;min-height:0}
  .welcome-copy{padding:24px 26px 25px}
  .welcome-logo{width:87px;height:60px;margin-bottom:19px}
  .welcome-copy h2{font-size:clamp(52px,14vw,65px);letter-spacing:-.8px}
  .welcome-copy p{font-size:26px;margin:15px 0 22px}
  .welcome-cta{width:100%;min-height:64px;font-size:17px;padding:17px 18px;gap:12px}
  .welcome-close{top:15px;right:15px;width:40px;height:40px;padding:9px}
  .welcome-art{height:200px;margin-top:-8px}
  .welcome-product-pump{left:20px;bottom:22px;width:58%;height:175px}
  .welcome-product-tank{right:36px;top:-20px;width:39%;height:185px}
  .welcome-product-valve{right:26px;bottom:8px;width:28%;height:110px}
  .welcome-art::after{width:65px;height:170px;right:-47px;bottom:-29px;box-shadow:-12px 0 0 #252b2e}
}
@media(max-height:720px) and (max-width:700px){.welcome-copy{padding-top:20px;padding-bottom:21px}.welcome-logo{width:74px;height:51px;margin-bottom:14px}.welcome-copy h2{font-size:54px}.welcome-copy p{font-size:24px;margin:12px 0 18px}.welcome-art{height:160px}.welcome-product-pump{height:145px;bottom:15px}.welcome-product-tank{height:157px;top:-17px}.welcome-product-valve{height:94px}}
@media(prefers-reduced-motion:reduce){.welcome-dialog[open]{animation:none}.welcome-cta{transition:none}.welcome-cta:hover{transform:none}}

/* Görsel popup (yönetim panelinden). Ölçüler GPT popup'ıyla aynı: 940 × 560 */
.welcome-dialog.is-image{background:#fff}
.popup-image{position:relative;aspect-ratio:940/560;overflow:hidden;background:#f8f9fa}
.popup-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}