/* Tab Home GPT Styles */
.tab-home-gpt-container{width:100%;box-sizing:border-box;}
.tab-home-gpt-wrapper{display:flex;gap:30px;align-items:flex-start;}
.tab-home-gpt-buttons{flex:0 0 250px;display:flex;flex-direction:column;gap:10px;}
.tab-home-gpt-btn{width:100%;padding:15px 20px;background: var(--tab-passive-background-color);border: 2px solid var(--tab-passive-border-color);border-radius:8px;cursor:pointer;text-align:left;transition:all 0.3s ease;font-size:1rem;font-weight:500;color: var(--tab-passive-color);position:relative;outline:none;}
.tab-home-gpt-btn:hover{background:#eeeeee;border-color:#ddd;}
.tab-home-gpt-btn.active{background: var(--tab-background-color);border-color: var(--tab-border-color);color: var(--tab-color);font-weight:bold;box-shadow:0 2px 8px rgba(255,102,0,0.15);}
.tab-home-gpt-btn.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background: var(--tab-icon-color);border-radius:0 4px 4px 0;}
.tab-home-gpt-btn-text{display:block;}
.tab-home-gpt-content{flex:1;min-width:0;position:relative;}
.tab-home-gpt-panel{display:none;min-height:400px;grid-template-columns: repeat(4,1fr);gap:20px;}
.tab-home-gpt-panel.active{display:grid;animation:fadeIn 0.3s ease;}
.tab-home-gpt-panel.loading{display:grid;}
.tab-home-gpt-preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:400px;}
.tab-home-gpt-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6600;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;}
.tab-home-gpt-preloader span{color:#666;font-size:0.95rem;}
.tab-home-gpt-lazy{opacity:0;transition:opacity 0.3s ease;}
.tab-home-gpt-lazy[src^="data:image"]{opacity:0.3;}
.tab-home-gpt-lazy:not([data-src]){opacity:1;}
.tab-home-gpt-empty,.tab-home-gpt-error{padding:40px 20px;text-align:center;color:#666;font-size:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #e5e5e5;}
.tab-home-gpt-panel .prod{width:100%;border: none;border-radius: 10px;}
.tab-home-gpt-panel .prod .gorsel{width:100%;position:relative;overflow:hidden;}
.tab-home-gpt-panel .prod .gorsel a{display:block;width:100%;position:relative;}
.tab-home-gpt-panel .prod .gorsel a img{width:100%;height:auto;display:block;opacity:1;transition:opacity 0.3s ease;object-fit:contain;}
.tab-home-gpt-panel .prod .gorsel img[data-original]:not([src*="imager"]),.tab-home-gpt-panel .prod .gorsel img[data-src]:not([src*="imager"]){opacity:0.3;}
.tab-home-gpt-panel .prod .gorsel img[src*="imager"]{opacity:1 !important;}
/* Animations */
@keyframes fadeIn{
    from{opacity:0;transform:translateY(10px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes spin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* Responsive Design */
@media (max-width:992px){
    .tab-home-gpt-wrapper{flex-direction:column;gap:20px;}
    .tab-home-gpt-buttons{flex:0 0 auto;width:100%;flex-direction:row;overflow-x:auto;padding-bottom:10px;}
    .tab-home-gpt-btn{flex:0 0 auto;min-width:180px;white-space:nowrap;}
    .tab-home-gpt-btn.active::before{display:none;}
    .tab-home-gpt-btn.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px 3px 0 0;}
}
@media (max-width:768px){
    .tab-home-gpt-buttons{gap:8px;}
    .tab-home-gpt-btn{padding:12px 15px;font-size:0.9rem;min-width:150px;}
    .tab-home-gpt-panel{min-height:300px;grid-template-columns:repeat(2,1fr);gap:15px;}
    .tab-home-gpt-preloader{padding:40px 15px;min-height:300px;}
}
@media (max-width:480px){
    .tab-home-gpt-btn{padding: 10px 8px;font-size:0.85rem;width: unset;display: flex;justify-content: center;min-width: unset;}
    .tab-home-gpt-panel{grid-template-columns: 2fr 2fr;gap: 7px;width: 100%;min-width: 100%;}
    .tab-home-gpt-spinner{width:40px;height:40px;border-width:
        3px;}
    .tab-home-gpt-preloader span{font-size:0.85rem;}
    .tab-home-gpt-content {display: grid;}
}