.detail-modern-container{position:relative;width:100%;height:100%}.detail-image-area{position:absolute;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1}.detail-info-card{position:absolute;bottom:0;right:0;width:100%;max-width:100%;background:#fff;box-shadow:0 -10px 40px #00000026;z-index:10}@media(min-width:640px){.detail-info-card{top:2rem;bottom:auto;right:2rem;max-width:420px;max-height:calc(100vh - 4rem);overflow-y:auto;border-radius:1rem;box-shadow:0 20px 60px #0003}.detail-image-area{border-radius:1.5rem}.detail-image-area #detail-main-image{max-width:calc(100% - 520px);max-height:80vh;-o-object-fit:contain;object-fit:contain}}.detail-description-toggle{cursor:pointer}.detail-description-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.detail-description-content:not(.hidden){max-height:none}.detail-icon-btn-modern{flex-shrink:0}.detail-icon-btn-modern.active{border-color:#ef4444!important;color:#ef4444!important;background:#fef2f2}.detail-icon-btn-modern.active svg path{fill:#ef4444}@media(max-width:639px){.detail-info-card{max-height:70vh;overflow-y:auto}}