.sop-section{position:relative;overflow:hidden}.sop-wrap{max-width:1180px;margin:0 auto}.sop-ink{color:var(--sop-ink, #210C02)}@keyframes sop-head{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes sop-butt{0%,to{transform:translate(-3px) rotate(-4deg)}50%{transform:translate(3px) rotate(4deg)}}@keyframes sop-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sop-wave{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes sop-float{0%,to{transform:translateY(0) rotate(-8deg);opacity:.35}50%{transform:translateY(-16px) rotate(10deg);opacity:.9}}@keyframes st-driftA{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-22px) rotate(6deg)}}@keyframes st-driftB{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(18px) rotate(-6deg)}}@keyframes st-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes st-sway{0%,to{transform:translate(0) rotate(-10deg)}50%{transform:translate(16px) rotate(10deg)}}.sop-sticker{position:absolute;z-index:3;pointer-events:none;height:auto;filter:drop-shadow(2px 3px 0 rgba(33,12,2,.12));will-change:transform}.sop-butterfly,.sop-laugh{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(33,12,2,.12))}.sop-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%);mask-image:linear-gradient(to bottom,transparent 0%,#000 16%)}.sop-feat-outline{filter:drop-shadow(2px 0 0 var(--sop-outline,#7A1E1E)) drop-shadow(-2px 0 0 var(--sop-outline,#7A1E1E)) drop-shadow(0 2px 0 var(--sop-outline,#7A1E1E)) drop-shadow(0 -2px 0 var(--sop-outline,#7A1E1E))}.st-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:visible}.st-layer img{position:absolute;filter:drop-shadow(2px 3px 0 rgba(33,12,2,.12));will-change:transform}.st-a{animation:st-driftA 6.5s ease-in-out infinite}.st-b{animation:st-driftB 7.5s ease-in-out infinite}.st-c{animation:st-sway 8s ease-in-out infinite}.st-spin{animation:st-spin 14s linear infinite}.sop-dance .fW{animation-name:sop-hop;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sop-dance .fH{animation-name:sop-head;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sop-dance .fB{animation-name:sop-butt;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sop-dance .fN{animation-name:sop-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sop-dance .wv{animation-name:sop-wave;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sop-tile{transition:transform .2s ease}.sop-tile:hover{transform:translateY(-3px)}.sop-thumb:hover{border-color:#210c0259!important}.sop-scroll{scrollbar-width:thin}.sop-scroll::-webkit-scrollbar{height:8px}.sop-scroll::-webkit-scrollbar-thumb{background:#210c0233;border-radius:99px}.sop-noscroll{scrollbar-width:none;-ms-overflow-style:none}.sop-noscroll::-webkit-scrollbar{display:none}.sop-nav-a{position:relative}.sop-nav-a:after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:var(--sop-accent, #C42121);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.sop-nav-a:hover:after{transform:scaleX(1)}.sop-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sop-acc summary::-webkit-details-marker{display:none}.sop-acc summary:after{content:"+";color:var(--sop-accent, #C42121);font-size:1.5em;line-height:1;margin-left:14px;transition:transform .25s ease;flex:none}.sop-acc details[open]>summary:after{transform:rotate(45deg)}.sop-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:44px}.sop-hero-grid.is-media-right .sop-hero-media{order:2}.sop-gallery{display:grid;gap:14px;align-items:start}.sop-gallery--left{grid-template-columns:74px minmax(0,1fr)}.sop-gallery--right{grid-template-columns:minmax(0,1fr) 74px}.sop-gallery--right .sop-thumbs{order:2}.sop-gallery--bottom{grid-template-columns:minmax(0,1fr)}.sop-thumbs{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding:2px}.sop-gallery--bottom .sop-thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}.sop-gallery--bottom .sop-thumb{width:74px;flex:none}.sop-thumb{position:relative;width:100%;aspect-ratio:1/1;padding:0;border:3px solid var(--sop-ink, #210C02);border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:3px 3px #210c0240;transition:box-shadow .2s ease}.sop-thumb.is-active{box-shadow:3px 3px 0 var(--sop-accent, #C42121)}.sop-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.sop-stage{position:relative;aspect-ratio:1/1.03;border-radius:26px;overflow:hidden;border:3px solid var(--sop-ink, #210C02);box-shadow:7px 7px #210c02d9}.sop-view{position:absolute;top:0;right:0;bottom:0;left:0}.sop-view[hidden]{display:none}.sop-view img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sop-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.sop-fig-row{margin-top:auto;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:0 30px 8px}.sop-fig{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:60px;transform-origin:bottom center}.sop-fig .fH{border-radius:50%;border:2px solid rgba(33,12,2,.16);box-shadow:0 4px 10px -5px #210c0280;position:relative;z-index:2;transform-origin:bottom center;display:flex;align-items:center;justify-content:center;gap:6px}.sop-fig .fB{margin-top:-3px;border-radius:20px 20px 9px 9px;border:2px solid rgba(33,12,2,.16);box-shadow:0 8px 16px -9px #210c028c;transform-origin:bottom center}.sop-fig .fH span{width:4px;height:4px;border-radius:50%;background:#210c02}.sop-player{margin-top:14px;background:var(--sop-ink, #210C02);border-radius:24px;padding:16px 18px;border:3px solid var(--sop-ink, #210C02);box-shadow:6px 6px #210c02d9}.sop-player-row{display:flex;align-items:center;gap:14px}.sop-play-btn{flex:none;width:56px;height:56px;border-radius:50%;border:3px solid var(--sop-paper, #F0EBE2);cursor:pointer;background:var(--sop-accent, #C42121);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #f0ebe259}.sop-wavebars{display:flex;align-items:flex-end;gap:2px;height:26px;margin:7px 0 6px}.sop-wavebars span{width:3px;flex:none;background:var(--sop-accent, #C42121);border-radius:2px;transform-origin:bottom;opacity:.9}.sop-progress{flex:1;height:4px;border-radius:99px;background:#f0ebe22e;overflow:hidden}.sop-progress>i{display:block;height:100%;width:0%;background:var(--sop-accent, #C42121);border-radius:99px}.sop-featuregrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px 0;border-top:2px solid var(--sop-ink, #210C02);border-bottom:2px solid var(--sop-ink, #210C02)}.sop-qty{display:flex;align-items:center;border:3px solid var(--sop-ink, #210C02);border-radius:14px;width:154px;overflow:hidden;box-shadow:3px 3px #210c0240}.sop-qty button{flex:1;height:46px;border:none;background:transparent;cursor:pointer;font-size:20px;line-height:1;color:var(--sop-ink, #210C02)}.sop-qty input{flex:1;width:40px;text-align:center;font-size:15px;font-weight:600;border:none;background:transparent;color:var(--sop-ink, #210C02);-moz-appearance:textfield}.sop-qty input::-webkit-outer-spin-button,.sop-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sop-atc{width:100%;background:var(--sop-accent, #C42121);color:#fff;border:3px solid var(--sop-ink, #210C02);border-radius:999px;padding:16px;font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0 var(--sop-ink, #210C02);font-family:var(--font-body-family);transition:transform .1s ease}.sop-atc:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--sop-ink, #210C02)}.sop-atc[disabled]{opacity:.55;cursor:not-allowed}.sop-dccheckout{margin-top:12px}.sop-dccheckout .shopify-payment-button__button{border-radius:999px!important;border:3px solid var(--sop-ink, #210C02)!important;box-shadow:5px 5px 0 var(--sop-ink, #210C02)!important;font-family:var(--font-body-family)!important}.sop-vidtrack{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:6px 2px 14px}.sop-vidcard{flex:none;width:236px;scroll-snap-align:start}.sop-vidcard .frame{position:relative;width:236px;height:344px;border-radius:22px;overflow:hidden;border:3px solid var(--sop-ink, #210C02);box-shadow:6px 6px #210c02d9;background:#000}.sop-vidcard video,.sop-vidcard img.poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sop-review-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.sop-review-card{background:var(--sop-card, #fff);border:3px solid var(--sop-ink, #210C02);border-radius:20px;padding:26px;box-shadow:6px 6px #210c02d9}.sop-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.sop-card{position:relative;background:var(--sop-card, #fff);border:3px solid var(--sop-ink, #210C02);border-radius:18px;box-shadow:6px 6px #210c02d9}.sop-step-media{position:relative;height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.sop-step-media img{max-width:100%;max-height:100%;object-fit:contain}.sop-step-num{position:absolute;right:0;top:-6px;width:42px;height:42px;border-radius:50%;background:var(--sop-accent, #C42121);color:#fff;border:3px solid var(--sop-ink, #210C02);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;box-shadow:2px 2px #210c02b3}.sop-check{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;color:#fff;border:2.5px solid var(--sop-ink, #210C02);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.sop-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.sop-rel-media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.sop-rel-media>img,img.sop-rel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;display:block}.sop-rel-media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sop-rel-title{font-size:15px;font-weight:700;line-height:1.35;margin:16px 4px 8px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.sop-rel-price{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;margin-bottom:4px}.sop-rel-price .cur{font-size:19px;font-weight:700}.sop-rel-price .old{font-size:13px;color:#210c0266;text-decoration:line-through}.sop-feat-img{width:100%;height:auto;display:block}@media(max-width:990px){.sop-hero-grid,.sop-feat-grid,.sop-rev-head,.sop-faq-grid{grid-template-columns:1fr!important}.sop-rel-grid,.sop-cards4{grid-template-columns:1fr 1fr!important}}@media(max-width:749px){.sop-hero-grid{gap:22px!important}.sop-gallery--left,.sop-gallery--right{grid-template-columns:60px minmax(0,1fr);gap:10px}.sop-gallery--bottom .sop-thumb{width:60px}.sop-review-grid{grid-template-columns:1fr!important}.sop-rel-grid,.sop-cards4{grid-template-columns:1fr 1fr!important;gap:14px!important}.st-layer img{width:52px!important}.sop-laugh,.sop-sticker--dtop{display:none!important}.sop-rel-title{font-size:13px;margin:12px 2px 6px}.sop-rel-price{gap:6px}.sop-rel-price .cur{font-size:16px}.sop-rel-price .old{font-size:12px}.sop-tile>.sop-rel-media{box-shadow:3px 3px 0 var(--sop-ink, #210C02)}.sop-card{box-shadow:4px 4px #210c02d9!important}.sop-cards4 .sop-card{padding:16px 14px 20px!important}.sop-step-media{height:120px;margin-bottom:14px}.sop-step-num{width:34px;height:34px;font-size:16px}.sop-vidcard{width:200px}.sop-vidcard .frame{width:200px;height:292px}.sop-atc{font-size:16px;padding:14px;box-shadow:4px 4px 0 var(--sop-ink, #210C02)}.sop-featuregrid{gap:10px 12px;padding:14px 0}.sop-player{padding:13px 14px;border-radius:20px}.sop-play-btn{width:48px;height:48px}.sop-breadcrumb{margin-bottom:14px!important;font-size:12px!important}.sop-stage{box-shadow:5px 5px #210c02d9;border-radius:20px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sop-product.css.map */