.sccl-ov{position:fixed;inset:0;z-index:999999;background:rgba(24,20,14,.55);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s ease}
.sccl-ov.sccl-in{opacity:1}
.sccl-box{position:relative;width:100%;max-width:440px;max-height:92vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr;transform:translateY(14px);transition:transform .3s ease;color:#2b2b2b}
.sccl-in .sccl-box{transform:none}
.sccl-box.sccl-has-img{max-width:760px;grid-template-columns:44% 56%}
.sccl-img{background-size:cover;background-position:center;min-height:100%}
.sccl-body{position:relative;padding:40px 34px 26px}
.sccl-x{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;background:transparent;font-size:28px;line-height:1;color:#777;cursor:pointer;padding:0}
.sccl-x:hover{color:#111}
.sccl-title{font-size:28px;line-height:1.2;font-weight:500;margin:0 0 12px;color:#1d1d1d;letter-spacing:-.01em;text-transform:none}
.sccl-text{font-size:15px;line-height:1.6;margin:0 0 20px;color:#555}
.sccl-form{margin:0}
.sccl-email{display:block;width:100%;box-sizing:border-box;height:48px;border:1px solid #d9d3c7;border-radius:4px;padding:0 14px;font-size:16px;background:#fff;color:#1d1d1d;margin:0 0 12px}
.sccl-email:focus{outline:none;border-color:var(--sccl-c,#a8862e);box-shadow:0 0 0 3px rgba(168,134,46,.15)}
.sccl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sccl-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;color:#666;margin:0 0 16px;cursor:pointer;text-align:left}
.sccl-consent input{margin:2px 0 0;flex:none;width:16px;height:16px;accent-color:var(--sccl-c,#a8862e)}
.sccl-consent a{color:inherit;text-decoration:underline}
.sccl-btn{display:block;width:100%;height:50px;border:0;border-radius:4px;background:var(--sccl-c,#a8862e);color:#fff;font-size:15px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:filter .15s}
.sccl-btn:hover{filter:brightness(.93)}
.sccl-btn.sccl-busy{opacity:.7;cursor:wait}
.sccl-msg{font-size:13px;color:#b42318;min-height:18px;margin-top:8px}
.sccl-no{display:block;margin:6px auto 0;border:0;background:none;color:#888;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px}
.sccl-ok-ico{width:52px;height:52px;border-radius:50%;background:var(--sccl-c,#a8862e);color:#fff;font-size:26px;line-height:52px;text-align:center;margin:0 0 16px}
@media (max-width:640px){
  .sccl-ov{align-items:flex-end;padding:0}
  .sccl-box,.sccl-box.sccl-has-img{max-width:100%;grid-template-columns:1fr;border-radius:14px 14px 0 0;max-height:90vh}
  .sccl-img{min-height:150px;max-height:170px}
  .sccl-body{padding:30px 22px 22px}
  .sccl-title{font-size:24px}
}

/* łagodny popup: wysuwany w rogu, bez przyciemnienia strony */
.sccl-ov.sccl-slide{inset:auto 20px 20px auto;background:none;padding:0;display:block;width:360px;max-width:calc(100vw - 32px)}
.sccl-slide .sccl-box{max-width:360px;box-shadow:0 10px 40px rgba(0,0,0,.22)}
.sccl-slide .sccl-body{padding:26px 22px 16px}
.sccl-slide .sccl-title{font-size:21px;margin-bottom:8px}
.sccl-slide .sccl-text{font-size:14px;margin-bottom:14px}
.sccl-slide .sccl-email{height:44px}
.sccl-slide .sccl-btn{height:44px}
.sccl-sms{margin:4px 0 6px;padding-top:14px;border-top:1px solid #eee7da}
.sccl-sms-l{font-size:14px;color:#333;margin:0 0 10px}
.sccl-sms-l span{color:#888}
@media (max-width:640px){
  .sccl-ov.sccl-slide{inset:auto 0 0 0;width:100%;max-width:100%}
  .sccl-slide .sccl-box{max-width:100%;border-radius:14px 14px 0 0;max-height:62vh}
  .sccl-slide .sccl-body{padding:22px 18px 12px}
}
