/* START_SECTION:coc-product-landing-hero (INDEX:16) */
.coc-kit-open{display:block;margin:14px auto 5px;padding:13px 25px;border:1px solid #bfe0e0;border-radius:3px;background:#eaf4ee;color:#0b3445;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;position:relative;z-index:3}.coc-kit-open:hover,.coc-kit-open:focus-visible{background:#fff;outline:2px solid #34aab1;outline-offset:2px}.coc-kit-dialog{width:min(1040px,calc(100vw - 24px));max-height:min(90vh,850px);padding:0;border:1px solid #a6cad1;border-radius:8px;background:#f4f4ef;color:#102b3b;box-shadow:0 30px 100px #071e34aa}.coc-kit-dialog::backdrop{background:#051724bd;backdrop-filter:blur(7px)}.coc-kit-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #bed1d2}.coc-kit-dialog-header span,.coc-kit-step{font-size:10px;letter-spacing:.19em;color:#386a72;font-weight:800}.coc-kit-dialog-header h2{margin:5px 0 0;font-size:clamp(20px,3vw,32px)}.coc-kit-dialog-header button{width:42px;height:42px;border:1px solid #b7c9cb;background:transparent;color:#102b3b;cursor:pointer}.coc-kit-dialog-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:34px;padding:28px 30px}.coc-kit-image-wrap{display:grid;place-items:center;min-height:340px;background:#e3ebea}.coc-kit-image{display:block;width:100%;max-height:56vh;object-fit:contain}.coc-kit-image[hidden]{display:none}.coc-kit-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.coc-kit-side h3{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:16px 0}.coc-kit-side p{line-height:1.6}.coc-kit-side ul{padding-left:20px;line-height:1.8}.coc-kit-side .coc-kit-disclosure{font-size:12px;color:#52666b}.coc-kit-actions{display:flex;gap:10px;margin:12px 0 22px}.coc-kit-actions button{padding:12px 15px;background:#0c3346;color:white;border:0;cursor:pointer}.coc-kit-actions button:focus-visible,.coc-kit-dialog-header button:focus-visible,.coc-kit-side a:focus-visible{outline:3px solid #2b9fa6;outline-offset:3px}.coc-kit-side a{color:#0b5665;font-weight:700}@media(max-width:700px){.coc-kit-dialog{max-height:93vh}.coc-kit-dialog-header{padding:15px 18px}.coc-kit-dialog-body{display:block;padding:15px 18px}.coc-kit-image-wrap{min-height:180px}.coc-kit-image{max-height:35vh}.coc-kit-side h3{margin:8px 0;font-size:23px}.coc-kit-side p,.coc-kit-side ul{font-size:13px;margin:7px 0}.coc-kit-actions{margin:8px 0 12px}}
.coc-pdl .coc-pdl-product-card--3d{display:grid;place-items:center;overflow:visible;background:transparent;border:0;box-shadow:none;perspective:850px;touch-action:pan-y;cursor:grab}
.coc-pdl .coc-pdl-cover-wrap--3d{min-height:555px;align-content:center}
.coc-pdl .coc-pdl-cover-wrap--3d .coc-pdl-cover-note{position:relative;bottom:auto;right:auto;left:auto;margin:14px auto 0;max-width:100%}
.coc-pdl-box{--size:clamp(275px,29vw,380px);--depth:clamp(48px,5.3vw,70px);width:var(--size);height:var(--size);position:relative;transform-style:preserve-3d;will-change:transform}
.coc-pdl-box-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:0;box-shadow:none;overflow:hidden;transform:translateZ(calc(var(--depth)/2));background:#102f46}
.coc-pdl-box-front img,.coc-pdl-box-back img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;user-select:none;-webkit-user-drag:none}
.coc-pdl-box-back{transform:rotateY(180deg) translateZ(calc(var(--depth)/2));display:block;padding:0;background:#102f46}
.coc-pdl-box-back span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#71dbe0}.coc-pdl-box-back strong{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.05em;line-height:1.05}.coc-pdl-box-back p{margin:0;border-top:1px solid #c2e9e744;padding-top:8px;color:#e2f2f4;font-size:13px}.coc-pdl-box-back small{font-size:9px;letter-spacing:.1em;color:#9bbfc8}
.coc-pdl-box-spine{position:absolute;top:-1px;left:calc(50% - var(--depth)/2 - 1px);height:calc(100% + 2px);width:calc(var(--depth) + 2px);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:11px;letter-spacing:.1em;font-weight:800;color:#d3eff1;background:linear-gradient(90deg,#061b2c,#367182 52%,#0b2b42);border:0;backface-visibility:hidden}
.coc-pdl-box-spine--right{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.coc-pdl-box-spine--left{transform:rotateY(-90deg) translateZ(calc(var(--size)/2));background:#12344a}
.coc-pdl-box-edge{position:absolute;left:-1px;top:calc(50% - var(--depth)/2 - 1px);width:calc(100% + 2px);height:calc(var(--depth) + 2px);background:repeating-linear-gradient(0deg,#d3e0e2 0 3px,#aabfc5 3px 4px);border:0;backface-visibility:hidden}
.coc-pdl-box-edge--top{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.coc-pdl-box-edge--bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)/2));background:#14384b}
.coc-pdl-rotate-controls{display:flex;align-items:center;justify-content:center;gap:16px;color:#d1e7eb;font-size:10px;font-weight:800;letter-spacing:.14em;margin-top:-4px;position:relative;z-index:2}.coc-pdl-rotate-controls button{border:1px solid #b2d5de77;background:#082b4299;color:#fff;min-width:34px;min-height:34px;cursor:pointer}
@media(max-width:720px){.coc-pdl-box{--size:clamp(225px,68vw,295px);--depth:40px}.coc-pdl-box-back strong{font-size:25px}.coc-pdl-box-back p{font-size:11px}.coc-pdl-rotate-controls{font-size:8px}}
@media(max-width:530px){.coc-pdl .coc-pdl-cover-wrap--3d{min-height:440px}.coc-pdl-box{--size:clamp(235px,68vw,300px);--depth:42px}.coc-pdl-box-back span{font-size:8px}.coc-pdl-box-back strong{font-size:19px}.coc-pdl-box-back p{font-size:9px;padding-top:5px}.coc-pdl-box-back small{font-size:7px}.coc-pdl-box-spine{font-size:8px}}
@media(prefers-reduced-motion:reduce){.coc-pdl-box{will-change:auto}}
/* END_SECTION:coc-product-landing-hero */