/* DETA Cari: checkout, stock and account detail styling. */
body.is-dp-pos-product{--pos-accent:var(--teal);--pos-violet:var(--purple);--pos-orange:var(--orange)}
body.is-dp-pos-product .statement-section#pos-overview{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding-inline-end:clamp(160px,25vw,320px);border:1px solid color-mix(in srgb,var(--pos-accent) 28%,var(--line));border-radius:18px 26px 17px 22px;background:radial-gradient(ellipse at 86% 42%,color-mix(in srgb,var(--pos-accent) 15%,transparent),transparent 33%),radial-gradient(ellipse at 92% 58%,color-mix(in srgb,var(--pos-violet) 11%,transparent),transparent 29%),color-mix(in srgb,var(--panel) 94%,transparent)}
body.is-dp-pos-product .statement-section#pos-overview:after{content:"";position:absolute;z-index:-1;inset-inline-end:7%;top:50%;width:205px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--pos-accent) 62%,transparent);border-radius:50%;box-shadow:0 0 0 16px color-mix(in srgb,var(--pos-violet) 8%,transparent),0 0 0 34px color-mix(in srgb,var(--pos-orange) 8%,transparent),inset 0 0 0 26px color-mix(in srgb,var(--pos-accent) 9%,transparent);transform:translateY(-50%);animation:pos-orbit 32s linear infinite}
body.is-dp-pos-product .statement-section#pos-overview:before{content:"DETA";position:absolute;z-index:-1;inset-inline-end:calc(7% + 66px);top:50%;width:72px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pos-violet) 55%,var(--line));border-radius:50%;background:var(--panel);color:var(--pos-violet);font:800 20px var(--sans);letter-spacing:-.06em;transform:translateY(-50%) rotate(-7deg);box-shadow:0 0 0 8px color-mix(in srgb,var(--panel) 78%,transparent),0 0 0 12px color-mix(in srgb,var(--pos-orange) 22%,transparent)}
body.is-dp-pos-product .features-section[id^="pos-"] .section-heading,body.is-dp-pos-product .process-section[id^="pos-"] .section-heading{max-width:930px;margin-inline:auto;margin-bottom:28px}
body.is-dp-pos-product .features-section[id^="pos-"] .feature-list{max-width:1260px;margin-inline:auto;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.is-dp-pos-product .features-section[id^="pos-"] .product-feature-item{min-height:144px;padding:20px 18px;border:1px solid color-mix(in srgb,var(--pos-accent) 20%,var(--line));border-radius:13px 18px 11px 15px;background:color-mix(in srgb,var(--panel) 93%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pos-accent) 5%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
body.is-dp-pos-product .features-section[id^="pos-"] .product-feature-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pos-accent) 48%,var(--line));box-shadow:0 18px 42px color-mix(in srgb,var(--pos-accent) 10%,transparent)}
body.is-dp-pos-product .features-section[id^="pos-"] .product-feature-item>span{color:var(--pos-accent)}
body.is-dp-pos-product .features-section[id^="pos-"] .product-feature-item>i{color:var(--pos-violet)}
body.is-dp-pos-product .process-section#pos-workflow .process-track{max-width:1260px;margin-inline:auto}
body.is-dp-pos-product .process-section#pos-workflow .process-step>span{color:var(--pos-accent);border-color:color-mix(in srgb,var(--pos-accent) 48%,var(--line))}
body.is-dp-pos-product .statement-section#pos-compliance{border-inline-start:3px solid color-mix(in srgb,var(--pos-orange) 76%,transparent);background:color-mix(in srgb,var(--pos-orange) 6%,var(--panel))}
body.is-dp-pos-product .cta-section#pos-demo{border-color:color-mix(in srgb,var(--pos-violet) 38%,var(--line));background:radial-gradient(ellipse at 82% 40%,color-mix(in srgb,var(--pos-violet) 17%,transparent),transparent 42%),linear-gradient(115deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--pos-accent) 8%,var(--panel)))}
body.is-dp-pos-product .cta-section#pos-demo .cta-mark{border-radius:50%;border-color:color-mix(in srgb,var(--pos-violet) 60%,var(--line));color:var(--pos-violet)}
@keyframes pos-orbit{to{rotate:360deg}}
@media(max-width:900px){body.is-dp-pos-product .features-section[id^="pos-"] .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.is-dp-pos-product .statement-section#pos-overview{min-height:0;padding-inline-end:24px;padding-top:168px}body.is-dp-pos-product .statement-section#pos-overview:after{inset-inline-end:auto;left:50%;top:86px;width:120px;transform:translate(-50%,-50%)}body.is-dp-pos-product .statement-section#pos-overview:before{inset-inline-end:auto;left:50%;top:86px;width:54px;transform:translate(-50%,-50%) rotate(-7deg)}body.is-dp-pos-product .features-section[id^="pos-"] .feature-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.is-dp-pos-product .statement-section#pos-overview:after{animation:none}body.is-dp-pos-product .features-section[id^="pos-"] .product-feature-item{transition:none}}
