.opd{display:grid;grid-template-columns:1fr;gap:var(--o-6);padding-block:var(--o-5) var(--o-8)}.opd__centre{order:1}.opd__buy{order:2}.opd__tell{order:3}.opd__col{display:flex;flex-direction:column;gap:var(--o-4)}.opd__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.opd__track::-webkit-scrollbar{display:none}.opd__frame{position:relative;flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}.opd__frame img{width:100%;height:auto;max-height:52vh;object-fit:contain;display:block;transition:opacity .24s var(--o-ease)}.opd__dots{display:flex;justify-content:center;gap:var(--o-2);margin-top:var(--o-4)}.opd__dot{width:5px;height:5px;border-radius:50%;background:var(--o-line);transition:background .2s var(--o-ease)}.opd__dot.is-on{background:var(--o-ink)}.opd__hint{display:none;text-align:center;margin-top:var(--o-4)}@media screen and (max-width:989px){.opd__centre{margin-inline:calc(var(--o-gutter) * -1)}.opd__dots{padding-inline:var(--o-gutter)}.opd__frame{aspect-ratio:var(--opd-ratio, 1 / 1)}.opd__frame img{max-height:100%}}.opd__title{font-size:var(--o-text-md);font-weight:500;letter-spacing:.01em;text-transform:uppercase;color:var(--o-ink);margin:0}.opd__price{font-size:var(--o-text-base);color:var(--o-body);margin:0}.opd__price s{color:var(--o-mute);margin-right:var(--o-2)}.opd__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--o-3)}.opd__sizes{display:flex;flex-wrap:wrap;gap:var(--o-1)}.opd__size input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.opd__size label{display:flex;align-items:center;justify-content:center;min-width:3.4rem;min-height:3.4rem;padding:0 var(--o-2);border:1px solid transparent;color:var(--o-ink);font-size:var(--o-text-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .16s var(--o-ease),color .16s var(--o-ease)}@media(hover:hover){.opd__size label:hover{border-color:var(--o-line)}}.opd__size input:checked+label{border-color:var(--o-ink)}.opd__size input:focus-visible+label{outline:2px solid var(--o-ink);outline-offset:2px}.opd__size--out label{color:var(--o-ash, #c9c9c9);cursor:not-allowed;text-decoration:line-through}.opd__size--out label:hover{border-color:transparent}.opd__submit{width:100%;margin-top:var(--o-4)}.opd__stock{font-size:var(--o-text-xs);letter-spacing:var(--o-track-mid);text-transform:uppercase;color:var(--o-mute)}.product-form__error-message-wrapper{color:var(--o-ink);font-size:var(--o-text-sm);border:1px solid var(--o-line);padding:var(--o-3);margin-bottom:var(--o-3)}.opd__rte{color:var(--o-body);font-size:var(--o-text-sm);line-height:1.7}.opd__rte>*{margin:0}.opd__rte>*+*{margin-top:var(--o-3)}.opd__specs{border:1px solid var(--o-line)}.opd__spec+.opd__spec{border-top:1px solid var(--o-line)}.opd__spec summary{display:flex;align-items:center;justify-content:space-between;gap:var(--o-3);padding:var(--o-3) var(--o-4);cursor:pointer;list-style:none;font-size:var(--o-text-sm);color:var(--o-ink)}.opd__spec summary::-webkit-details-marker{display:none}.opd__sign{position:relative;width:.9rem;height:.9rem;flex-shrink:0}.opd__sign:before,.opd__sign:after{content:"";position:absolute;background:var(--o-ink);transition:opacity .16s var(--o-ease)}.opd__sign:before{top:50%;left:0;width:100%;height:1px}.opd__sign:after{left:50%;top:0;width:1px;height:100%}.opd__spec[open] .opd__sign:after{opacity:0}.opd__spec-body{padding:0 var(--o-4) var(--o-4);font-size:var(--o-text-sm);line-height:1.65;color:var(--o-body)}@media screen and (min-width:990px){.opd{grid-template-columns:var(--opd-side, 1fr) minmax(0,2fr) var(--opd-side, 1fr);align-items:center;gap:var(--o-7);min-height:76vh;padding-block:var(--o-7)}.opd__tell{order:1}.opd__centre{order:2}.opd__buy{order:3}.opd__track{display:block;overflow:visible}.opd__stage{position:relative}.opd__frame+.opd__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.opd__frame img{max-height:62vh}.opd__dots{display:none}.opd--swap .opd__stage:hover .opd__frame+.opd__frame{opacity:1}.opd--swap .opd__stage:hover .opd__frame:first-child{opacity:0}.opd--swap .opd__hint{display:block}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/omerta-product.css.map */