.dcs-split{--dcs-pdp-ms:.52s;--dcs-pdp-ease:cubic-bezier(.16, 1, .3, 1);--dcs-pdp-from-x:28%;--dcs-content-max:846px;--dcs-side-inset:5%;--dcs-pane-w:45%;--dcs-pdp-max:600px;--dcs-pdp-w:min(var(--dcs-pdp-max), var(--dcs-pane-w))}[dir=rtl] .dcs-split{--dcs-pdp-from-x:-28%}.dcs-split__collection{z-index:1;box-sizing:border-box;overscroll-behavior:contain;background:#fff;border-inline-end:1px solid #0000;width:100%;height:100%;min-height:0;position:relative;overflow:auto}.dcs-split__inner{box-sizing:border-box;width:100%;max-width:var(--dcs-content-max);margin:0 auto;padding:16px 16px 56px}.dcs-split.is-pdp-open .dcs-split__collection{width:calc(100% - (var(--dcs-side-inset) * 2) - var(--dcs-pdp-w));border-inline-end-color:#00000014;flex:none;margin-inline-start:var(--dcs-side-inset)}.dcs-split.is-pdp-open .dcs-split__inner{max-width:none;container:dcs-products/inline-size}.dcs-back{--dcs-back-w:88px;z-index:3;height:28px;top:16px;background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:4px;padding-block:0;padding-inline:5px 10px;display:flex;position:absolute;inset-inline-start:max(16px, calc((100% - min(100%, var(--dcs-content-max))) / 2 - var(--dcs-back-w) - 8px));overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 0 1px #00000017,0 1px 2px -.3px #00000014}.dcs-split.is-pdp-open .dcs-back{inset-inline-start:max(8px, calc(var(--dcs-side-inset) - var(--dcs-back-w) - 8px))}.dcs-pdp-slot{top:0;bottom:0;z-index:2;width:var(--dcs-pdp-w);max-width:var(--dcs-pdp-max);pointer-events:none;background:var(--agora-surface-canvas,#fff);border-inline-start:1px solid #00000014;min-width:0;height:100%;position:absolute;inset-inline-start:auto;inset-inline-end:var(--dcs-side-inset);overflow:hidden}.dcs-split:not(.is-pdp-open) .dcs-pdp-slot{width:var(--dcs-pdp-w);max-width:var(--dcs-pdp-max);border-inline-start-color:#0000;inset-inline:100% auto}.dcs-pdp-slot.is-open{pointer-events:auto}.dcs-inline-pdp{box-sizing:border-box;width:100%;max-width:var(--dcs-pdp-max);min-width:0;height:100%;transform:translate3d(var(--dcs-pdp-from-x), 0, 0);opacity:0;backface-visibility:hidden;background:#fff;flex-direction:column;transition:none;display:flex}.dcs-pdp-slot.is-open .dcs-inline-pdp{opacity:1;transition:transform var(--dcs-pdp-ms) var(--dcs-pdp-ease), opacity var(--dcs-pdp-ms) var(--dcs-pdp-ease);transform:translate(0,0)}.dcs-split.is-pdp-open .dcs-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@container dcs-products (max-width:560px){.dcs-split.is-pdp-open .dcs-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dcs-split--page{--dcs-pdp-max:500px;--dcs-pdp-w:500px}.dcs-mobile-pdp-back{padding:0 16px 16px}.dcs-mobile-pdp-back__btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;height:28px;padding:0;display:inline-flex}@media (prefers-reduced-motion:reduce){.dcs-inline-pdp,.dcs-pdp-slot.is-open .dcs-inline-pdp{transition-duration:.01ms!important}}