.tp-dsp{position:relative;width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;background:transparent;font-family:var(--ff);color:var(--color-text)}[data-tptheme=light] .tp-dsp{background:radial-gradient(64% 52% at 50% -4%,color-mix(in srgb,var(--tp-blue) 9%,transparent),transparent 70%),radial-gradient(42% 44% at 90% 6%,color-mix(in srgb,var(--tp-green) 12%,transparent),transparent 72%),linear-gradient(180deg,var(--surface) 0%,var(--color-page) 78%)}.tp-dsp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.tp-dsp__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:linear-gradient(rgba(var(--color-text-rgb),.4) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-text-rgb),.4) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 75%)}[data-tptheme=light] .tp-dsp__grid{opacity:.22}.tp-dsp__head{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:var(--sp-16) var(--sp-6) var(--sp-8);text-align:center;color:var(--color-text)}.tp-dsp__eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--sp-4)}.tp-dsp__title{font-family:var(--ff);font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:var(--fw-extra);line-height:1.05;letter-spacing:-.025em;margin:0 0 var(--sp-4)}.tp-dsp__title em{font-style:normal;color:var(--tp-green)}[data-tptheme=light] .tp-dsp__title em{color:var(--tp-green-deep)}.tp-dsp__sub{font-size:var(--fs-lg);line-height:1.55;color:var(--color-muted);max-width:46ch;margin:0 auto}.tp-dsp__split{position:relative;z-index:1;height:440px}.tp-dsp__panel{position:absolute;top:0;height:100%;width:56%;display:flex;align-items:center;text-decoration:none;transition:width var(--dur-slow) var(--ease),filter var(--dur) var(--ease)}.tp-dsp__panel--mail{left:0;background:linear-gradient(135deg,var(--tp-blue),var(--tp-blue-deep));clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.tp-dsp__panel--wa{right:0;background:linear-gradient(135deg,var(--tp-green-fill-deep),#075e54);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.tp-dsp__panel:hover{width:60%;filter:brightness(1.06);z-index:3}.tp-dsp__inner{width:100%;max-width:340px;margin:0 auto;padding:0 var(--sp-6);color:var(--tp-white);text-align:center;display:flex;flex-direction:column;align-items:center}.tp-dsp__ico{width:60px;height:60px;border-radius:var(--r-md);background:#ffffff29;display:grid;place-items:center;margin-bottom:var(--sp-4)}.tp-dsp__ico svg{width:32px;height:32px}.tp-dsp__keyebrow{font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:var(--sp-1)}.tp-dsp__ktitle{font-family:var(--ff);font-size:var(--fs-2xl);font-weight:var(--fw-extra);line-height:1.1;margin-bottom:var(--sp-3)}.tp-dsp__list{list-style:none;margin:0 0 var(--sp-5);padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.tp-dsp__list li{font-size:var(--fs-sm);color:#ffffffeb}.tp-dsp__btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-sm);font-weight:var(--fw-extra);font-size:var(--fs-base);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease)}.tp-dsp__panel:hover .tp-dsp__btn{transform:translateY(-2px)}.tp-dsp__btn--mail{background:var(--tp-white);color:var(--tp-blue)}.tp-dsp__btn--wa{background:#06311c;color:var(--tp-white)}.tp-dsp__or{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:var(--r-pill);background:var(--color-page);color:var(--color-text);display:grid;place-items:center;font-weight:var(--fw-extra);font-size:var(--fs-sm);box-shadow:0 0 0 6px rgba(var(--color-page-rgb),.45);pointer-events:none}@media(max-width:820px){.tp-dsp__split{height:auto;display:flex;flex-direction:column}.tp-dsp__panel{position:relative;width:100%;height:auto;clip-path:none!important;padding:var(--sp-12) 0}.tp-dsp__panel:hover{width:100%}.tp-dsp__or{position:relative;top:auto;left:auto;transform:none;margin:-27px auto}}@media(prefers-reduced-motion:reduce){.tp-dsp__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tp-deals-split.css.map */