.pill-detail-container{display:grid;grid-template-columns:1fr;gap:30px;background-color:#fff;padding:30px}.pill-images-section{width:100%}.image-main-container{width:100%;max-width:300px;height:300px;background-color:#fff;border-radius:12px;border:1px solid var(--gray-border);position:relative;overflow:hidden;margin:0 auto}.image-slider{width:100%;height:100%;position:relative}.pill-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.5s ease;padding:20px}.pill-image.active{opacity:1;position:relative}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgb(255 255 255 / .9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px rgb(0 0 0 / .2);transition:all 0.3s ease;font-size:18px;color:var(--primary-dark)}.nav-arrow:hover{background-color:var(--white);box-shadow:0 4px 12px rgb(0 0 0 / .3);transform:translateY(-50%) scale(1.1)}.nav-arrow.prev{left:15px}.nav-arrow.next{right:15px}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow:disabled:hover{transform:translateY(-50%);background-color:rgb(255 255 255 / .9);box-shadow:0 2px 8px rgb(0 0 0 / .2)}.image-dots{display:flex;justify-content:center;gap:10px;margin-top:15px}.dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.dot:hover{background-color:#bbb}.dot.active{background-color:var(--primary-blue);width:30px;border-radius:6px}.image-counter{text-align:center;margin-top:10px;font-size:14px;color:#666}.pill-main-details{width:100%}.pill-name{font-size:28px;color:var(--primary-dark);margin-bottom:25px;font-weight:700}.details-table{background-color:var(--white);border-radius:10px;overflow:hidden}.detail-row{display:grid;grid-template-columns:140px 1fr;padding:16px 0;border-bottom:1px solid var(--gray-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--primary-dark);font-size:15px}.detail-value{color:var(--text-dark);font-size:15px;word-break:break-word}.strength-value{line-height:1.8}.pill-side-info{display:flex;flex-direction:column;gap:20px}.info-card{background-color:#f8f9fa;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:15px;border:1px solid var(--gray-border);transition:all 0.3s ease}.info-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .08);transform:translateY(-2px)}.info-icon{width:45px;height:45px;background-color:var(--primary-blue);color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon i{font-size:20px}.info-content{flex:1}.info-label{font-size:13px;color:#666;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:16px;color:var(--primary-dark);font-weight:600;line-height:1.4}.breadcrumb-container{background-color:#2E4156;padding:5px 0;text-align:center}.breadcrumb{padding:0;margin:0;font-size:16px;color:var(--white)}.breadcrumb a{color:var(--white);text-decoration:none;font-weight:600;transition:color 0.3s ease}.breadcrumb a:hover{color:#478EF7;text-decoration:underline}.breadcrumb span{margin:0 12px;color:#a0c1e0;font-weight:400}.breadcrumb .current{color:var(--white);font-weight:700}.pill-description{background-color:#fff;padding:25px 30px;border-bottom:2px solid var(--primary-blue);box-shadow:0 2px 8px rgb(0 0 0 / .06)}.pill-description h2{color:var(--primary-dark);font-size:22px;margin-bottom:15px;display:flex;align-items:center;gap:10px}.pill-description h2 i{color:var(--primary-blue)}.description-text{font-size:16px;line-height:1.6;color:var(--text-dark);text-align:justify}.description-text strong{color:var(--primary-dark);font-weight:600}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-content{position:relative;max-width:90%;max-height:90%;width:auto;height:auto;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgb(0 0 0 / .3);transform:scale(.9);transition:transform 0.3s ease}.lightbox.active .lightbox-image{transform:scale(1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background-color:rgb(255 255 255 / .2);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;z-index:1001}.lightbox-nav:hover{background-color:rgb(255 255 255 / .3);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav:disabled:hover{background-color:rgb(255 255 255 / .2);transform:translateY(-50%)}.lightbox-close{position:absolute;top:30px;right:30px;width:50px;height:50px;background-color:rgb(255 255 255 / .2);border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;z-index:1001}.lightbox-close:hover{background-color:rgb(255 255 255 / .3);transform:rotate(90deg)}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;font-size:18px;background-color:rgb(0 0 0 / .5);padding:8px 16px;border-radius:20px;z-index:1001}.image-main-container .pill-image{cursor:pointer;transition:transform 0.3s ease}.image-main-container .pill-image:hover{transform:scale(1.05)}@media (max-width:768px){.lightbox-nav{width:50px;height:50px;font-size:20px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-close{top:20px;right:20px;width:40px;height:40px;font-size:24px}.lightbox-counter{bottom:20px;font-size:16px}}@media (hover:none) and (pointer:coarse){.lightbox-nav{width:70px;height:70px;font-size:28px}}@media (min-width:768px){.breadcrumb-container{padding:30px 20}.breadcrumb{font-size:18px}.pill-description{padding:30px 40px}.pill-description h2{font-size:24px}}@media (min-width:1024px){.breadcrumb-container{padding:35px 0}.pill-description h2{font-size:26px}}@media (min-width:768px){.pill-detail-container{grid-template-columns:450px 1fr;padding:40px}.pill-side-info{grid-column:1 / -1;flex-direction:row}.info-card{flex:1}.nav-arrow{width:45px;height:45px;font-size:20px}.nav-arrow.prev{left:20px}.nav-arrow.next{right:20px}}@media (min-width:1024px){.pill-detail-container{grid-template-columns:450px 1fr 280px}.pill-side-info{grid-column:3;flex-direction:column}.pill-name{font-size:32px}.detail-label{font-size:16px}.detail-value{font-size:16px}}