/* 383 · shared loading shapes and compact reassurance. Real content is never hidden. */
:root{--svp-skeleton-base:#eeedf3;--svp-skeleton-shine:#f8f7fb}
.svp-image-pending{background:var(--svp-skeleton-base)}
.svp-skeleton-pending{position:relative!important;isolation:isolate;overflow:hidden;box-sizing:border-box;color:#625d70;font-size:12px;line-height:1.4}
.svp-skeleton-pending::before{content:"";display:block;pointer-events:none;background:linear-gradient(100deg,var(--svp-skeleton-base) 30%,var(--svp-skeleton-shine) 48%,var(--svp-skeleton-base) 66%);background-size:240% 100%;animation:svp-skeleton-shimmer 1.8s ease-in-out infinite;animation-play-state:var(--svp-skeleton-motion,running)}
.svp-lazy-slider-placeholder.svp-skeleton-pending{display:block;min-height:300px;width:100%;padding:0 0 10px;text-align:left}
.svp-lazy-slider-placeholder.svp-skeleton-pending::before{height:266px;margin-bottom:12px;border-radius:12px;mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(20% - 16px),transparent calc(20% - 16px),transparent 20%),linear-gradient(to bottom,#000 0 180px,transparent 180px 194px,#000 194px 205px,transparent 205px 216px,#000 216px 227px,transparent 227px 244px,#000 244px 262px,transparent 262px);mask-composite:intersect;background-color:var(--svp-skeleton-base)}
.svp-lazy-slider-placeholder:not(.svp-skeleton-pending) button{margin-left:8px;border-radius:8px;padding:8px 14px}
.svp-quick-loading.svp-skeleton-pending{min-height:390px;padding:20px;display:flex;flex-direction:column;gap:14px}
.svp-quick-loading.svp-skeleton-pending::before{width:100%;height:310px;border-radius:12px}
.svp-variation-picker__loading.svp-skeleton-pending{min-height:180px;padding:20px;display:flex;flex-direction:column;gap:16px}
.svp-variation-picker__loading.svp-skeleton-pending::before{height:100px;border-radius:10px}
.svp-compare__placeholder.svp-skeleton-pending{min-height:200px;display:flex;flex-direction:column;gap:14px;padding:20px}
.svp-compare__placeholder.svp-skeleton-pending::before{height:140px;border-radius:10px;mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(25% - 14px),transparent calc(25% - 14px),transparent 25%)}
@keyframes svp-skeleton-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.svp-skeleton-pending::before{animation:none;background:var(--svp-skeleton-base)}}
@media(max-width:992px){.svp-lazy-slider-placeholder.svp-skeleton-pending::before{mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(33.333% - 14px),transparent calc(33.333% - 14px),transparent 33.333%),linear-gradient(to bottom,#000 0 180px,transparent 180px 194px,#000 194px 205px,transparent 205px 216px,#000 216px 227px,transparent 227px 244px,#000 244px 262px,transparent 262px)}}
@media(max-width:544px){.svp-lazy-slider-placeholder.svp-skeleton-pending::before{mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(72% - 14px),transparent calc(72% - 14px),transparent 72%),linear-gradient(to bottom,#000 0 180px,transparent 180px 194px,#000 194px 205px,transparent 205px 216px,#000 216px 227px,transparent 227px 244px,#000 244px 262px,transparent 262px)}.svp-quick-loading.svp-skeleton-pending{min-height:360px}.svp-quick-loading.svp-skeleton-pending::before{height:280px}}
/* Same trust surface in checkout, cart and any existing safe-info hook. */
body :is(.safe-info-hook.safe-info,.service-commitment){box-sizing:border-box;min-width:0;margin:16px 0 0;padding:20px;border:1px solid #e5e0ef;border-radius:16px;background:#faf9fd;box-shadow:0 3px 14px #25123b05;color:#292331;font-family:inherit;text-align:left}
body .safe-info-hook.safe-info{background:linear-gradient(130deg,#f5f0ff,#fbfaff);border-color:#ddd3f1}
body .safe-info__heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body .safe-info__heading strong{flex:1 1 140px;font-size:15px;line-height:1.35;color:#292331}
body .safe-info__heading img{width:72px;height:auto;max-height:22px;object-fit:contain}
body .svp-trust-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;background:#ebe3fb;color:#5832a0;border-radius:10px}
body .svp-trust-icon svg{width:21px;height:21px}
body .safe-info-hook.safe-info p{margin:12px 0;color:#625b6d;font-size:13px;line-height:1.5}
body .safe-info__marks{display:flex;gap:8px 16px;flex-wrap:wrap;color:#51425f;font-size:12px;font-weight:500}
body :is(.safe-info-hook,.service-commitment) a{color:#532ab1;text-underline-offset:3px;text-decoration:underline;overflow-wrap:anywhere}
body :is(.safe-info-hook,.service-commitment) a:focus-visible{outline:2px solid #6338ce;outline-offset:3px;border-radius:2px}
body .service-commitment h3{margin:0 0 16px;font-size:16px;line-height:1.4;color:#292331}
body .service-commitment .service-commitment__benefits{display:grid;gap:16px;padding:0;margin:0;list-style:none}
body .service-commitment__benefits li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:13px;line-height:1.45}
body .service-commitment__benefits li div{min-width:0;display:grid;gap:4px}
body .service-commitment__benefits strong{color:#352c40;font-weight:600}
body .service-commitment__benefits li div>span{color:#625b6d}
body .service-commitment .svp-payment-methods{padding-top:16px;margin-top:16px;border-top:1px solid #e8e2f0;gap:8px}
body .svp-product-delivery-estimate{font-size:12px;font-weight:500;line-height:1.5;padding:8px 10px;max-width:100%;text-wrap:pretty}
@media(max-width:544px){body :is(.safe-info-hook.safe-info,.service-commitment){padding:16px;border-radius:12px}body .safe-info__heading strong{font-size:14px}}

/* 384 · Payment badges wrap inside reassurance cards at narrow widths. */
body .service-commitment .svp-monei-methods.svp-payment-methods{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal;max-width:100%;width:100%;gap:7px}
body .service-commitment .svp-monei-methods .svp-monei-method{flex:0 1 auto!important;min-width:0!important;white-space:normal}