.os-pd{--pd-block: 32px;display:flex;flex-direction:column;gap:var(--pd-block);padding:16px 0 56px;color:var(--cos-fg-1);font-family:var(--web-font)}@media(min-width:768px){.os-pd{--pd-block: 56px;padding-top:24px}}@media(min-width:1200px){.os-pd{--pd-block: 80px}}.os-pd__crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:calc(16px - var(--pd-block));font-size:var(--web-t-13);color:var(--cos-fg-3)}.os-pd__crumbs a{color:var(--cos-fg-2);text-decoration:none}.os-pd__crumbs a:hover{color:var(--cos-fg-1);text-decoration:underline;text-underline-offset:3px}.os-pd__top{display:grid;gap:24px}@media(min-width:900px){.os-pd__top{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:40px;align-items:start}.os-pd__buy{position:sticky;top:calc(var(--web-head) + 24px)}}@media(min-width:1200px){.os-pd__top{gap:56px}}.os-pd__gallery{display:grid;gap:12px;min-width:0}.os-pd__stage{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--cos-r-menu);background:var(--cos-layer-card)}.os-pd__shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.os-pd__shot.is-on{opacity:1}.os-pd__noshot{position:absolute;top:0;right:0;bottom:0;left:0}.os-pd__thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.os-pd__thumbs::-webkit-scrollbar{display:none}.os-pd__thumb{flex:0 0 64px;width:64px;height:64px;padding:0;border:0;border-radius:var(--cos-r-field);background:var(--cos-layer-card);overflow:hidden;cursor:pointer;opacity:.6}.os-pd__thumb img{display:block;width:100%;height:100%;object-fit:cover}.os-pd__thumb.is-on{opacity:1;box-shadow:inset 0 0 0 2px var(--cos-fg-ink)}.os-pd__thumb:hover{opacity:1}.os-pd__buy{display:flex;flex-direction:column;gap:14px;min-width:0}.os-pd__h1{margin:0;font-size:var(--web-t-32);font-weight:600;letter-spacing:var(--web-tracking-display);line-height:var(--web-lh-title);color:var(--cos-fg-1);text-wrap:balance}@media(min-width:768px){.os-pd__h1{font-size:var(--web-t-40)}}.os-pd__label{display:block;margin:0 0 6px;padding:0;font-size:var(--web-t-13);font-weight:600;letter-spacing:var(--web-tracking-eyebrow);text-transform:uppercase;color:var(--cos-fg-3)}.os-pd__includes{margin:0;font-size:var(--web-t-16);line-height:var(--web-lh-body);color:var(--cos-fg-2)}.os-pd__includes a{color:var(--cos-fg-1);text-decoration:underline;text-decoration-color:var(--cos-hairline);text-underline-offset:4px}.os-pd__includes a:hover{text-decoration-color:currentColor}.os-pd__sep{margin:0 8px;color:var(--cos-fg-3)}.os-pd__rating{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0;font-size:var(--web-t-13);color:var(--cos-fg-2)}.os-pd__stars{width:80px;height:14px;background:linear-gradient(90deg,var(--cos-fg-ink) var(--r),var(--cos-depth-30) var(--r));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M8 0l2.1 4.6 4.9.5-3.7 3.3 1.1 4.9L8 10.8 3.6 13.3l1.1-4.9L1 5.1l4.9-.5z'/%3E%3C/svg%3E") 0 0 / 16px 14px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M8 0l2.1 4.6 4.9.5-3.7 3.3 1.1 4.9L8 10.8 3.6 13.3l1.1-4.9L1 5.1l4.9-.5z'/%3E%3C/svg%3E") 0 0 / 16px 14px repeat-x}.os-pd__role{margin:0;font-size:var(--web-t-16);line-height:var(--web-lh-body);color:var(--cos-fg-2);max-width:var(--web-measure)}.os-pd__price{display:flex;align-items:baseline;gap:10px;margin-top:4px}.os-pd__now{font-size:var(--web-t-25);font-weight:600;font-variant-numeric:tabular-nums;color:var(--cos-fg-1)}.os-pd__was{font-size:var(--web-t-16);color:var(--cos-fg-3);font-variant-numeric:tabular-nums}.os-pd__form{display:flex;flex-direction:column;gap:14px;margin:0}.os-pd__opt{margin:0;padding:0;border:0;min-width:0}.os-pd__chips{display:flex;flex-wrap:wrap;gap:8px}.os-pd__chip{position:relative}.os-pd__chip input{position:absolute;opacity:0;pointer-events:none}.os-pd__chip span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);color:var(--cos-fg-2);font-size:var(--web-t-16);font-weight:600;cursor:pointer}.os-pd__chip span:hover{background:var(--cos-layer-field);color:var(--cos-fg-1)}.os-pd__chip input:checked+span{background:var(--cos-sense);color:var(--cos-fg-inverse)}.os-pd__chip input:focus-visible+span{outline:2px solid var(--cos-fg-ink);outline-offset:2px}.os-pd__add{align-self:stretch;justify-content:center}@media(min-width:900px){.os-pd__add{align-self:flex-start;min-width:220px}}.os-pd__add[disabled]{background:var(--cos-layer-card)!important;color:var(--cos-fg-3)!important;cursor:not-allowed}.os-pd__terms{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:var(--web-t-13)}.os-pd__terms a{color:var(--cos-fg-2);text-decoration:underline;text-underline-offset:3px}.os-pd__terms a:hover{color:var(--cos-fg-1)}.os-pd__jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:16px;box-shadow:0 -1px 0 0 var(--cos-hairline)}.os-pd__jump a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);color:var(--cos-fg-1);font-size:var(--web-t-13);font-weight:600;text-decoration:none}.os-pd__jump a:hover{background:var(--cos-layer-field)}.os-pd__more{display:flex;flex-wrap:wrap;gap:8px;margin:0}.os-pd__block{display:flex;flex-direction:column;gap:16px;scroll-margin-top:calc(var(--web-head) + 16px)}.os-pd__h2{margin:0;font-size:var(--web-t-20);font-weight:600;line-height:1.25;color:var(--cos-fg-1)}@media(min-width:768px){.os-pd__h2{font-size:var(--web-t-25)}}.os-pd__rte{max-width:var(--web-measure);font-size:var(--web-t-16);line-height:var(--web-lh-body);color:var(--cos-fg-2)}.os-pd__rte>*{margin:0}.os-pd__rte>*+*{margin-top:12px}.os-pd__rte h2,.os-pd__rte h3{font-size:var(--web-t-20);font-weight:600;color:var(--cos-fg-1);margin-top:24px}.os-pd__rte strong{color:var(--cos-fg-1);font-weight:600}.os-pd__rte [style*="color: #000"],.os-pd__rte [style*="color:#000"],.os-pd__rte [style*="color: rgb(0, 0, 0)"],.os-pd__rte [style*="color: black"]{color:inherit!important}.os-pd__rte h1{font-size:var(--web-t-20);font-weight:600;color:var(--cos-fg-1);margin-top:24px}.os-pd__rte h1 span{font-size:inherit!important;font-family:inherit!important}.os-pd__rte a{color:var(--cos-sense);text-decoration:underline;text-underline-offset:3px}.os-pd__rte ul,.os-pd__rte ol{padding-inline-start:20px}.os-pd__rte img{max-width:100%;height:auto;border-radius:var(--cos-r-field)}.os-pd__specs{width:100%;max-width:820px;border-collapse:collapse;border-radius:var(--cos-r-field);background:var(--cos-layer-card);overflow:hidden;font-size:var(--web-t-16)}.os-pd__specs th,.os-pd__specs td{padding:12px 16px;text-align:start;vertical-align:top;border:0}.os-pd__specs tr+tr th,.os-pd__specs tr+tr td{box-shadow:inset 0 1px 0 0 var(--cos-hairline)}.os-pd__specs th{width:40%;font-weight:600;color:var(--cos-fg-1)}.os-pd__specs td{color:var(--cos-fg-2);font-variant-numeric:tabular-nums}.os-pd__tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--web-card-min),1fr));gap:var(--web-gap)}.os-pd__tool{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--cos-r-field);background:var(--cos-layer-card);color:var(--cos-fg-1);text-decoration:none}a.os-pd__tool:hover{background:var(--cos-layer-field)}.os-pd__tooltitle{font-size:var(--web-t-16);font-weight:600}.os-pd__toolline{font-size:var(--web-t-13);line-height:1.5;color:var(--cos-fg-3)}.os-pd__inside{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--web-gap, 12px);margin:0;padding:0;list-style:none}.os-pd__item{display:flex;flex-direction:column;gap:10px;padding:12px 12px 16px;border-radius:var(--cos-r-field);background:var(--cos-layer-card)}.os-pd__itemshot{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--cos-r-field);background:var(--cos-layer-field)}.os-pd__itemshot img{display:block;width:100%;height:100%;object-fit:cover}.os-pd__itemname{font-size:var(--web-t-16);font-weight:600;line-height:1.3;color:var(--cos-fg-1);text-decoration:none}.os-pd__itemname:hover{text-decoration:underline;text-underline-offset:3px}.os-pd__itemlinks{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--web-t-13)}.os-pd__itemlinks a{color:var(--cos-fg-2);text-decoration:underline;text-underline-offset:3px}.os-pd__itemlinks a:hover{color:var(--cos-fg-1)}.os-pd__vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.os-pd__box{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none}.os-pd__box li{padding:12px 16px;border-radius:var(--cos-r-field);background:var(--cos-layer-card);font-size:var(--web-t-16);color:var(--cos-fg-1)}.os-pd__docs{display:flex;flex-wrap:wrap;gap:8px}.os-pd__doc{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);color:var(--cos-fg-1);font-size:var(--web-t-16);font-weight:600;text-decoration:none}.os-pd__doc:hover{background:var(--cos-layer-field)}.os-pd__doc--quiet{background:transparent;color:var(--cos-fg-2);text-decoration:underline;text-underline-offset:3px;font-weight:400;padding:0 4px}.os-pd__doc--quiet:hover{background:transparent;color:var(--cos-fg-1)}.os-pd__faq{display:flex;flex-direction:column;max-width:820px;border-radius:var(--cos-r-field);background:var(--cos-layer-card)}.os-pd__q+.os-pd__q{box-shadow:0 -1px 0 0 var(--cos-hairline)}.os-pd__q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 16px;font-size:var(--web-t-16);font-weight:600;line-height:1.35;color:var(--cos-fg-1);list-style:none;cursor:pointer}.os-pd__q summary::-webkit-details-marker{display:none}.os-pd__q summary:after{content:"";flex:0 0 auto;width:8px;height:8px;margin-inline-end:4px;border-right:1.6px solid var(--cos-fg-ink);border-bottom:1.6px solid var(--cos-fg-ink);transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}.os-pd__q[open] summary:after{transform:translateY(2px) rotate(-135deg)}.os-pd__q .os-pd__rte{padding:0 16px 16px}@media(prefers-reduced-motion:reduce){.os-pd__shot,.os-pd__q summary:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/os-product.css.map */