body.cmcp-delivery-payment { --cmcp-dp-blue:#0a6cff; --cmcp-dp-blue-dark:#0058d8; --cmcp-dp-ink:#172033; --cmcp-dp-muted:#667085; --cmcp-dp-border:#e4e9f0; overflow-x:clip; background:#fff; color:var(--cmcp-dp-ink); }
html:has(body.cmcp-delivery-payment) { overflow-x:clip; }
body.cmcp-delivery-payment .site-content>.ast-container,body.cmcp-delivery-payment .cmcp-dp-main { width:100%; max-width:none; margin:0; padding:0; }
body.cmcp-delivery-payment article.page,body.cmcp-delivery-payment .entry-header { display:none; }
.cmcp-dp-page,.cmcp-dp-page * { box-sizing:border-box; }
.cmcp-dp-container { width:min(1440px,100%); margin-inline:auto; padding-inline:32px; }
.cmcp-dp-hero { background:transparent; }
.cmcp-dp-hero__inner { padding-block:24px 0; }
.cmcp-dp-hero__inner>img { display:block; width:100%; height:auto; border-radius:16px; }
.cmcp-dp-content { padding-block:40px 48px; }
.cmcp-dp-section { padding-block:28px; }
.cmcp-dp-content>.cmcp-dp-section--delivery { padding-top:0; }
.cmcp-dp-section+.cmcp-dp-section { margin-top:18px; }
.cmcp-dp-section__heading { margin-bottom:24px; }
.cmcp-dp-section__heading h2 { margin:0; color:#18243a; font-size:29px; font-weight:730; line-height:1.2; letter-spacing:-.015em; text-transform:none; }
.cmcp-dp-section__heading p { margin:6px 0 0; color:var(--cmcp-dp-muted); font-size:14.5px; line-height:1.5; }
.cmcp-dp-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
.cmcp-dp-card { min-width:0; min-height:258px; padding:25px 24px; border:1px solid var(--cmcp-dp-border); border-radius:15px; background:#fff; box-shadow:0 5px 20px rgba(16,36,68,.045); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.cmcp-dp-card:hover { border-color:#c9dafa; box-shadow:0 8px 24px rgba(16,36,68,.075); transform:translateY(-1px); }
.cmcp-dp-card__icon { display:grid; width:46px; height:46px; place-items:center; margin-bottom:20px; border-radius:12px; background:#eaf3ff; color:var(--cmcp-dp-blue); }
.cmcp-dp-card__icon--locker { background:#f2edff; color:#7357c8; }
.cmcp-dp-card__icon--courier { background:#e8f7f3; color:#16866c; }
.cmcp-dp-card__icon--payment { background:#edf2ff; color:#3b60c9; }
.cmcp-dp-card__icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cmcp-dp-card h3 { margin:0 0 10px; color:#1e2a40; font-size:17px; font-weight:720; line-height:1.3; text-transform:none; }
.cmcp-dp-card p { margin:0; color:#626e7f; font-size:14px; line-height:1.55; }
.cmcp-dp-card ul { display:grid; gap:8px; margin:18px 0 0; padding:16px 0 0; border-top:1px solid #edf0f4; list-style:none; }
.cmcp-dp-card li { position:relative; padding-left:17px; color:#4d596b; font-size:13.5px; line-height:1.45; }
.cmcp-dp-card li::before { position:absolute; top:.57em; left:1px; width:5px; height:5px; border-radius:50%; background:var(--cmcp-dp-blue); content:''; }
.cmcp-dp-card--payment { min-height:210px; }
.cmcp-dp-card .cmcp-dp-card__note { margin-top:16px; padding-top:14px; border-top:1px solid #edf0f4; color:#7a8493; font-size:13px; }
.cmcp-dp-info { display:flex; align-items:center; gap:15px; margin-top:20px; padding:17px 20px; border:1px solid #d7e8ff; border-radius:12px; background:#eff6ff; }
.cmcp-dp-info>svg { width:24px; height:24px; flex:0 0 24px; fill:none; stroke:var(--cmcp-dp-blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cmcp-dp-info p { display:flex; flex-wrap:wrap; gap:4px 10px; margin:0; color:#496078; font-size:14px; line-height:1.5; }
.cmcp-dp-info strong { color:#24466f; }
.cmcp-dp-faq { max-width:1040px; }
.cmcp-dp-faq__list { display:grid; gap:10px; }
.cmcp-dp-faq__item { overflow:hidden; border:1px solid var(--cmcp-dp-border); border-radius:11px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.cmcp-dp-faq__item.is-open { border-color:#cbdcf7; box-shadow:0 5px 18px rgba(15,41,80,.05); }
.cmcp-dp-faq__item h3 { margin:0; }
.cmcp-dp-faq__item button { display:flex; width:100%; min-height:60px; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; border:0; background:#fff; color:#263449; font:inherit; font-size:15px; font-weight:650; line-height:1.4; text-align:left; cursor:pointer; }
.cmcp-dp-faq__item button:focus-visible { outline:3px solid rgba(10,108,255,.25); outline-offset:-3px; }
.cmcp-dp-faq__item i { position:relative; width:18px; height:18px; flex:0 0 18px; }
.cmcp-dp-faq__item i::before,.cmcp-dp-faq__item i::after { position:absolute; top:8px; left:3px; width:12px; height:1.5px; border-radius:2px; background:var(--cmcp-dp-blue); content:''; transition:transform .2s ease; }
.cmcp-dp-faq__item i::after { transform:rotate(90deg); }
.cmcp-dp-faq__item button[aria-expanded=true] i::after { transform:rotate(0); }
.cmcp-dp-faq__answer p { margin:0; padding:0 20px 19px; color:#667085; font-size:14px; line-height:1.6; }
.cmcp-dp-support { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; margin-top:38px; padding:25px 28px; border:1px solid #d9e7fb; border-radius:16px; background:linear-gradient(105deg,#f6faff,#eef5ff); }
.cmcp-dp-support__icon { display:grid; width:54px; height:54px; place-items:center; border-radius:14px; background:#fff; color:var(--cmcp-dp-blue); box-shadow:0 4px 14px rgba(15,54,105,.08); }
.cmcp-dp-support__icon svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cmcp-dp-support h2 { margin:0; color:#1c2b42; font-size:21px; font-weight:720; line-height:1.25; text-transform:none; }
.cmcp-dp-support p { margin:5px 0 0; color:#667085; font-size:14px; line-height:1.45; }
.cmcp-dp-support>a { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:10px 22px; border-radius:9px; background:var(--cmcp-dp-blue); color:#fff; font-size:13px; font-weight:750; letter-spacing:.02em; text-decoration:none; text-transform:uppercase; transition:background .18s,transform .18s; }
.cmcp-dp-support>a:hover { background:var(--cmcp-dp-blue-dark); color:#fff; transform:translateY(-1px); }
.cmcp-dp-footer { background:#073e94; color:#d8e7ff; }
.cmcp-dp-footer__grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:48px; padding-block:52px 40px; }
.cmcp-dp-footer__brand>a { display:inline-block; margin-bottom:15px; color:#fff; font-size:28px; font-weight:800; line-height:1.1; text-decoration:none; letter-spacing:-.04em; }
.cmcp-dp-footer__brand>a span { color:#62a2ff; }
.cmcp-dp-footer p { max-width:310px; margin:0; color:#bfd2ee; font-size:13.5px; line-height:1.65; }
.cmcp-dp-footer h2 { margin:2px 0 16px; color:#fff; font-size:14px; font-weight:750; line-height:1.3; text-transform:none; }
.cmcp-dp-footer__grid>div:not(.cmcp-dp-footer__brand) { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.cmcp-dp-footer a { color:#cfdef3; font-size:13.5px; line-height:1.45; text-decoration:none; }
.cmcp-dp-footer a:hover { color:#fff; }
.cmcp-dp-footer__bottom { padding-block:18px; border-top:1px solid rgba(255,255,255,.14); color:#a9c2e4; font-size:12.5px; }
@media (min-width:1025px) {
	.cmcp-dp-grid--delivery:has(>:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.cmcp-dp-grid--payment:has(>:only-child) { grid-template-columns:minmax(0,340px); }
}
@media (max-width:1024px) {
	.cmcp-dp-container { padding-inline:24px; }
	.cmcp-dp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cmcp-dp-footer__grid { grid-template-columns:1.25fr repeat(3,1fr); gap:26px; }
}
@media (max-width:768px) {
	.cmcp-dp-content { padding-block:26px 38px; }
	.cmcp-dp-section { padding-block:23px; }
	.cmcp-dp-section+.cmcp-dp-section { margin-top:8px; }
	.cmcp-dp-section__heading h2 { font-size:25px; }
	.cmcp-dp-card { min-height:0; padding:22px; }
	.cmcp-dp-support { grid-template-columns:auto minmax(0,1fr); }
	.cmcp-dp-support>a { grid-column:1/-1; }
	.cmcp-dp-footer__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px) {
	.cmcp-dp-container { padding-inline:16px; }
	.cmcp-dp-grid { grid-template-columns:1fr; gap:14px; }
	.cmcp-dp-info { align-items:flex-start; padding:15px 16px; }
	.cmcp-dp-info p { display:block; }
	.cmcp-dp-info span { display:block; margin-top:3px; }
	.cmcp-dp-faq__item button { min-height:58px; padding:14px 16px; font-size:14px; }
	.cmcp-dp-faq__answer p { padding:0 16px 17px; }
	.cmcp-dp-support { grid-template-columns:1fr; padding:22px 20px; text-align:center; }
	.cmcp-dp-support__icon { margin:auto; }
	.cmcp-dp-support>a { grid-column:auto; width:100%; }
	.cmcp-dp-footer__grid { grid-template-columns:1fr; gap:28px; padding-block:42px 32px; }
}
@media (prefers-reduced-motion:reduce) {
	.cmcp-dp-card,.cmcp-dp-support>a,.cmcp-dp-faq__item i::after { transition:none; }
}


/* Unified lavender-blue delivery/support CTA — Sep 2026 */
.cmcp-dp-support>a{
    background:#786fbd!important;
    color:#fff!important;
}
.cmcp-dp-support>a:hover{
    background:#675ca8!important;
    color:#fff!important;
}