.image-tabs-advanced-section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);background-color:var(--section-background-color)}.image-tabs-advanced-container{width:100%;margin:0 auto;padding:0 1.5rem;max-width:var(--page-width)}.image-tabs-advanced-main-heading{text-align:center;font-weight:700;line-height:1.2;margin-bottom:60px;color:var(--heading-color);font-size:var(--heading-size)}.image-tabs-advanced-wrapper{width:100%;position:relative}.image-tabs-level1{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px;border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:20px}.image-tab-level1-button{padding:14px 36px;border:2px solid transparent;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--level1-hover-transition, .3s) ease;margin:0 5px;min-width:160px;text-align:center;font-family:inherit;position:relative;overflow:hidden;color:var(--level1-tab-color);font-size:var(--level1-tab-size);background-color:var(--level1-tab-bg);border-color:var(--level1-tab-bg)}.image-tab-level1-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.image-tab-level1-button.active{transform:translateY(-2px);box-shadow:0 6px 16px #00000026;color:var(--level1-tab-active-color)!important;background-color:var(--level1-tab-active-bg)!important;border-color:var(--level1-tab-active-bg)!important}.category-content.hidden{display:none!important}.image-tabs-level2-wrapper{width:100%;margin-bottom:30px}.image-tabs-level2{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin:0 auto;padding:10px 5px}.image-tab-level2-button{padding:10px 20px;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;transition:all var(--level2-hover-transition, .2s) ease;margin:2px;min-width:100px;text-align:center;font-family:inherit;flex-shrink:0;color:var(--level2-tab-color);font-size:var(--level2-tab-size);background-color:var(--level2-tab-bg);border-color:var(--level2-tab-bg)}.image-tab-level2-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.image-tab-level2-button.active{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;color:var(--level2-tab-active-color)!important;background-color:var(--level2-tab-active-bg)!important;border-color:var(--level2-tab-active-bg)!important}.image-tabs-panels{position:relative;min-height:500px}.image-tab-panel{display:none;animation:slideFadeIn .5s ease;opacity:0;transform:translateY(20px);transition:all .5s ease}.image-tab-panel.active{display:block;opacity:1;transform:translateY(0)}.image-tab-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:20px;background:#ffffffe6;border-radius:12px;box-shadow:0 10px 30px #00000014}.image-tab-advanced-left{position:relative}.image-advanced-wrapper{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 15px 35px #00000026}.image-tab-advanced-image{width:100%;height:auto;display:block;transition:transform .8s ease}.image-advanced-wrapper:hover .image-tab-advanced-image{transform:scale(1.05)}.placeholder-image{background-color:#f5f5f5;padding:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.placeholder-svg{width:100%;height:100%;fill:#ddd}.image-tab-advanced-right{padding:0 20px}.image-tab-advanced-content-heading{font-weight:700;margin-bottom:24px;line-height:1.3;position:relative;padding-bottom:15px;color:var(--content-heading-color);font-size:var(--content-heading-size)}.image-tab-advanced-content-heading:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--content-heading-color, #000),transparent);border-radius:2px}.image-tab-advanced-text{line-height:1.6;margin-bottom:32px;color:var(--content-text-color);font-size:var(--content-text-size)}.image-tab-advanced-text p{margin-bottom:1em}.image-tab-advanced-text p:last-child{margin-bottom:0}.image-tab-button.link-button{display:inline-block;padding:12px 32px;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease;border:2px solid #333}.hover-indicator{position:absolute;top:-40px;right:0;font-size:12px;color:#666;background:#ffffffe6;padding:6px 12px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.hover-indicator span{font-style:italic}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1200px){.image-tab-level1-button{min-width:140px;padding:12px 24px}.image-tab-level2-button{min-width:90px;padding:8px 16px}.image-tab-advanced-grid{gap:40px}}@media screen and (max-width:990px){.image-tabs-advanced-main-heading{margin-bottom:40px}.image-tabs-level1{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:10px;margin-bottom:20px}.image-tab-level1-button{flex-shrink:0}.image-tabs-level2{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.image-tab-level2-button{flex-shrink:0}.image-tab-advanced-grid{gap:30px}.hover-indicator{position:relative;top:0;right:0;margin-top:10px;text-align:center}}@media screen and (max-width:768px){.image-tabs-advanced-main-heading{margin-bottom:30px}.image-tab-advanced-grid{grid-template-columns:1fr;gap:30px;padding:15px}.image-tab-advanced-right{padding:0;text-align:center}.image-tab-advanced-content-heading:after{left:50%;transform:translate(-50%)}.image-tab-level1-button{min-width:120px;padding:10px 20px}.image-tab-level2-button{min-width:80px;padding:6px 12px}}@media screen and (max-width:480px){.image-tab-level1-button{min-width:100px;padding:8px 16px}.image-tab-level2-button{min-width:70px;padding:5px 10px}}.image-tabs-level1::-webkit-scrollbar,.image-tabs-level2::-webkit-scrollbar{height:6px}.image-tabs-level1::-webkit-scrollbar-track,.image-tabs-level2::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.image-tabs-level1::-webkit-scrollbar-thumb,.image-tabs-level2::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.image-tabs-level1::-webkit-scrollbar-thumb:hover,.image-tabs-level2::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-tabs-advanced.css.map */
