html{scroll-behavior:smooth;touch-action:manipulation}.profile-hero{min-height:clamp(280px, 40vh, 420px);background:url(https://www.hizlibul.com/upload/217808-profilarka.jpg) center / cover no-repeat;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 10px 40px rgb(0 0 0 / .1);overflow:hidden}.profile-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .4),rgb(0 0 0 / .2),transparent)}.profile-section{position:relative;background:#fff;border-radius:5px;padding:1rem;margin-top:-80px;z-index:10}@media (min-width:1200px){.border-end-xl{border-right:1px solid rgb(0 0 0 / .08)!important}}.avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.profile-avatar{width:clamp(100px, 12vw, 128px);height:clamp(100px, 12vw, 128px);border-radius:50%;border:5px solid #f4f4f4;box-shadow:0 4px 20px rgb(0 0 0 / .05);object-fit:cover;transition:all 0.3s ease}.avatar-status{position:absolute;bottom:10px;right:10px;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px rgb(0 0 0 / .1)}.avatar-container .online{background:#10b981}.avatar-container .offline{background:#f44336}.fblue{color:#007bff}.fwsize1-5{font-size:1.5em}.btn-contact-primary,.btn-contact-secondary{width:100%;padding:15px;font-size:1rem;border-radius:5px;transition:all 0.3s ease}.btn-contact-primary:hover,.btn-contact-secondary:hover{transform:translateY(-2px)}.btn-content-inner{display:flex;align-items:center;justify-content:center}.btn-contact-primary svg,.btn-contact-secondary svg{width:20px;height:20px;margin-right:12px;flex-shrink:0}.btn-text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.text-main{font-size:1rem;font-weight:700}.text-sub{font-size:.75rem;font-weight:500;opacity:.8}.btn-contact-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-contact-primary:hover{background-color:#0056b3;border-color:#0056b3;color:#fff}.btn-contact-secondary{background-color:#fff;border:1px solid #ced4da;color:#495057}.btn-contact-secondary svg{color:#007bff}.btn-contact-secondary:hover{background-color:#f8f9fa;border-color:#007bff;color:#007bff}.performance-horizontal-card{border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;padding:0 5px}.card-title-horizontal{font-size:1rem;font-weight:700;color:#343a40;padding:10px 0;border-bottom:1px solid #e9ecef;margin-bottom:10px}.metrics-triple-row{display:flex;justify-content:space-between;align-items:flex-start;gap:5px}.metric-block{flex:1 1 30%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px 0;border-right:1px solid #f0f0f0}.metric-block:last-child{border-right:none}.icon-sm-wrapper{width:27px;height:27px;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-bottom:4px;flex-shrink:0}.metric-label-sm{font-size:.775rem;color:#6c757d;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value-sm{font-size:1.1rem;font-weight:600;line-height:1.32}.blue-bg-light{background-color:#e6f0ff}.green-bg-light{background-color:#e6ffe6}.red-bg-light{background-color:#ffe6e6}.blue-text{color:#007bff;fill:#007bff}.green-text{color:#28a745;fill:#28a745}.red-text{color:#dc3545;fill:#dc3545}.about-section-modern{padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.section-title-modern{font-size:1.3rem;font-weight:700;color:#343a40;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding:5px 0 12px 0}.content-toggle-area{position:relative}.collapse-text-content{overflow:hidden;transition:max-height 0.3s ease-out}.collapse-text-content:not(.is-expanded){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:767.98px){.collapse-text-content:not(.is-expanded){-webkit-line-clamp:2;max-height:calc(2 * 1.5em + 10px)}}@media (min-width:768px){.collapse-text-content:not(.is-expanded){-webkit-line-clamp:5;max-height:calc(5 * 1.5em + 10px)}}.collapse-text-content.is-expanded{max-height:2000px;overflow:visible;display:block}.fade-overlay-mask{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,#fff0,#ffffff);opacity:1;transition:opacity 0.3s ease-out;display:none}.collapse-text-content.is-expanded~.fade-overlay-mask{opacity:0}.btn-toggle-content{display:none;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:8px;background:none;border:none;color:#007bff;font-weight:600;cursor:pointer;transition:color 0.2s ease}.btn-toggle-content:hover{color:#0056b3;background-color:#f8f9fa}.btn-toggle-content i{transition:transform 0.3s ease}.btn-toggle-content i.rotated{transform:rotate(180deg)}.modern-segmented-control{border-radius:5px;overflow:hidden}.btn-tab-control{background-color:#fff;color:#6c757d;border:none;padding:12px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:0!important;display:flex;align-items:center;justify-content:center}.btn-tab-control.active{background-color:#007bff;color:#fff;box-shadow:0 2px 6px rgb(0 123 255 / .4);transform:scale(1.02)}.btn-tab-control:hover:not(.active){background-color:#f0f4f8;color:#343a40}.contact-actions-wrapper{width:60%}@media (max-width:576px){.contact-actions-wrapper{width:100%}}.comment-card{background:#fff;border-radius:5px;border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;height:100%}.comment-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .1)}.comment-card .avatar{width:39px;height:39px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background-color:#f7f7f7}.comment-card .avatar img{width:36px;height:36px}.comment-card .star-rating .bi-star-fill{color:#f7c948;font-size:1rem;transition:transform 0.2s ease}.comment-card .star-rating .bi-star{color:#e9ecef;font-size:1rem}.comment-card .star-rating .bi-star-fill:hover{transform:scale(1.2)}.comment-card .seller-reply{background:#e8f0fe;border-left:4px solid #0d6efd;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.comment-card .product-link{color:#0d6efd;text-decoration:none;font-weight:500;transition:color 0.2s ease}.comment-card .product-link:hover{color:#005cbf;text-decoration:underline}.comment-card .comment-text{font-size:1rem;line-height:1.5;color:#343a40;letter-spacing:.2px}.comment-card .comment-date{font-size:.8rem;color:#6c757d}.comment-card .section-title{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:1.5rem}.comment-card .card-body{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;padding:1rem;justify-content:flex-start}.comment-card .spacer{flex-grow:1}.star-rating svg{width:0.7rem!important;height:0.7rem!important}