.product-tabs-section{width:100%;position:relative}.tabs-navigation{display:flex;justify-content:center;align-items:center;gap:6px;padding:1px 12px;position:absolute;top:25px;left:50%;transform:translate(-50%);z-index:5;background:#fff;border-radius:50px;box-shadow:0 2px 12px #00000014}.tab-button{width:72px;height:42px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50px;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tab-button:hover{opacity:.85}.tab-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tab-icon img{width:100%;height:100%;object-fit:contain}.tab-placeholder{font-size:14px;font-weight:600;color:#666}.tab-panels{position:relative}.tab-panel{display:none;padding:120px 5% 80px;min-height:650px;animation:fadeIn .5s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:120px}.content-left{flex:0 0 30%;max-width:30%;padding-top:40px}.subtitle{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;color:inherit;display:flex;align-items:center;gap:8px}.subtitle:before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%}.main-title{font-size:46px;font-weight:700;line-height:1.1;margin-bottom:20px;color:inherit}.description{font-size:16px;line-height:1.7;margin-bottom:32px;color:inherit;opacity:.9}.description p{margin:0}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#333;color:#fff;text-decoration:none;border-radius:30px;font-size:16px;font-weight:500;transition:all .3s ease}.cta-button:hover{opacity:.9;transform:translate(5px)}.cta-button svg{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover svg{transform:translate(3px)}.content-right{flex:0 0 58%;max-width:58%;position:relative;height:480px}.images-container{position:relative;width:100%;height:100%}.photo-item{position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.photo-item a{display:block;position:relative;border:4px solid;border-radius:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;box-shadow:0 8px 25px #0000002e,0 4px 10px #0000001a}.photo-item a:hover{z-index:10;transform:translateY(-6px) scale(1.03) rotate(0)!important;box-shadow:0 18px 35px #00000038,0 8px 15px #0000001f}.photo-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.main-image{right:45%;left:auto;top:50%;transform:translateY(-50%) rotate(-2deg);width:45%;max-width:280px;aspect-ratio:280 / 340;z-index:2}.main-image a{width:100%;height:100%}.main-image:hover{transform:translateY(-55%) rotate(0)}.small-image-1{top:5%;right:12%;left:auto;width:32%;max-width:200px;aspect-ratio:1 / 1;z-index:3;transform:rotate(4deg)}.small-image-2{top:35%;right:-5%;left:auto;width:35%;max-width:220px;aspect-ratio:1 / 1;z-index:4;transform:rotate(-3deg)}.small-image-3{bottom:-5%;right:5%;left:auto;width:29%;max-width:180px;aspect-ratio:1 / 1;z-index:5;transform:rotate(2deg)}.small-image{position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.small-image a{display:block;position:relative;border:4px solid;border-radius:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;box-shadow:0 8px 25px #0000002e,0 4px 10px #0000001a}.small-image a:hover{z-index:10!important;transform:translateY(-6px) scale(1.03) rotate(0)!important;box-shadow:0 18px 35px #00000038,0 8px 15px #0000001f}.small-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px) rotate(0)}to{opacity:1}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px) rotate(0)}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px) rotate(0)}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7) translateY(-50%)}to{opacity:1}}.tab-panel.active .main-image{animation:scaleIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.tab-panel.active .small-image-1{animation:slideInFromTop .5s cubic-bezier(.25,.46,.45,.94) .15s forwards;opacity:0}.tab-panel.active .small-image-2{animation:slideInFromRight .5s cubic-bezier(.25,.46,.45,.94) .25s forwards;opacity:0}.tab-panel.active .small-image-3{animation:slideInFromBottom .5s cubic-bezier(.25,.46,.45,.94) .35s forwards;opacity:0}.tab-panel[data-panel="2"] .main-image{right:15%;transform:translateY(-50%) rotate(2deg)}.tab-panel[data-panel="2"] .small-image-1{top:8%;right:55%;transform:rotate(-3deg)}.tab-panel[data-panel="2"] .small-image-2{top:45%;right:48%;transform:rotate(4deg)}.tab-panel[data-panel="2"] .small-image-3{bottom:0;right:38%;transform:rotate(-2deg)}.tab-panel[data-panel="3"] .main-image{right:30%;top:45%;transform:translateY(-50%) rotate(-3deg)}.tab-panel[data-panel="3"] .small-image-1{top:0;right:5%;transform:rotate(5deg)}.tab-panel[data-panel="3"] .small-image-2{top:55%;right:-3%;transform:rotate(-4deg)}.tab-panel[data-panel="3"] .small-image-3{bottom:5%;right:50%;transform:rotate(3deg)}.tab-panel[data-panel="4"] .main-image{right:25%;transform:translateY(-50%) rotate(0)}.tab-panel[data-panel="4"] .small-image-1{top:0;right:45%;transform:rotate(-4deg)}.tab-panel[data-panel="4"] .small-image-2{top:15%;right:0;transform:rotate(3deg)}.tab-panel[data-panel="4"] .small-image-3{bottom:5%;right:8%;transform:rotate(-3deg)}.tab-panel[data-panel="5"] .main-image{right:35%;transform:translateY(-50%) rotate(2deg)}.tab-panel[data-panel="5"] .small-image-1{top:5%;right:8%;transform:rotate(-2deg)}.tab-panel[data-panel="5"] .small-image-2{top:30%;right:-5%;transform:rotate(2deg)}.tab-panel[data-panel="5"] .small-image-3{bottom:-5%;right:15%;transform:rotate(-4deg)}@media (min-width: 1600px){.panel-content{max-width:1500px;gap:140px}.main-title{font-size:52px}.content-right{height:520px}.main-image{max-width:300px}.small-image-1{max-width:220px}.small-image-2{max-width:240px}.small-image-3{max-width:200px}}@media (max-width: 1200px){.tabs-navigation{padding:1px 10px;gap:5px}.tab-button{width:65px;height:38px}.panel-content{gap:80px}.main-title{font-size:38px}.content-left{flex:0 0 32%;max-width:32%}.content-right{flex:0 0 55%;max-width:55%;height:420px}.main-image{max-width:240px;right:42%}.small-image-1{max-width:170px;right:10%;top:0}.small-image-2{max-width:180px;right:-6%}.small-image-3{max-width:150px;right:3%;bottom:-8%}}@media (max-width: 1024px){.tabs-navigation{padding:1px 10px;gap:5px}.tab-button{width:58px;height:34px}.tab-panel{padding:80px 4% 50px}.panel-content{gap:60px}.main-title{font-size:30px}.description{font-size:14px}.content-right{height:380px}.main-image{max-width:210px;right:40%}.small-image-1{max-width:150px;right:8%}.small-image-2{max-width:160px;right:-5%}.small-image-3{max-width:130px;right:2%;bottom:-8%}}@media (max-width: 768px){.tabs-navigation{position:relative;top:0;left:0;transform:none;margin:0 auto;width:100%;padding:12px 20px;gap:8px;border-radius:0;box-shadow:none;background:transparent;z-index:2}.tab-button{width:68px;height:40px}.tab-panel{padding:15px 5% 40px;min-height:auto}.panel-content{flex-direction:column;gap:25px}.content-left{flex:none;max-width:100%;width:100%;text-align:center;padding-top:0;order:1}.subtitle{justify-content:center}.main-title{font-size:26px}.description{font-size:14px}.content-right{flex:none;max-width:100%;width:100%;height:320px;order:2}.images-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;height:100%}.main-image{left:0;right:auto;top:50%;transform:translateY(-50%) rotate(-2deg);width:140px;max-width:none;aspect-ratio:auto;height:175px}.small-image-1{top:5%;left:115px;right:auto;width:105px;max-width:none;aspect-ratio:auto;height:105px;transform:rotate(3deg)}.small-image-2{top:38%;left:180px;right:auto;width:115px;max-width:none;aspect-ratio:auto;height:115px;transform:rotate(-2deg)}.small-image-3{bottom:8%;left:90px;right:auto;width:100px;max-width:none;aspect-ratio:auto;height:100px;transform:rotate(2deg)}.small-image a,.main-image a{border-width:3px}}@media (max-width: 480px){.tabs-navigation{padding:10px 15px;gap:6px}.tab-button{width:58px;height:34px}.main-title{font-size:22px}.subtitle{font-size:11px}.cta-button{padding:10px 20px;font-size:13px}.content-right{height:260px}.images-container{width:280px}.main-image{width:120px;height:150px}.small-image-1{left:100px;width:90px;height:90px}.small-image-2{left:155px;width:100px;height:100px}.small-image-3{left:75px;width:85px;height:85px}.small-image a,.main-image a{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/product-tabs-photo-wall.css.map */