section.breadcrumb .wrapper nav{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 0}section.breadcrumb .wrapper nav p{font-size:1.125rem;margin-bottom:0;font-weight:600;position:relative;padding-left:24px}section.breadcrumb .wrapper nav p:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>'),no-repeat;width:16px;height:16px;background-size:contain;position:absolute;top:3px;left:4px;font-family:Lato,sans-serif;font-weight:500;font-size:1.125rem;color:#000;line-height:1.3}section.breadcrumb .wrapper nav a{font-size:1.125rem;font-weight:600;text-decoration:none}section.breadcrumb .wrapper nav a:hover{color:#4fb973}section.details .wrapper .listing-container{display:grid;grid-template-columns:2fr 1.5fr;gap:2rem;max-width:1200px;margin:3rem auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:2rem}section.details .wrapper .image-gallery{display:flex;flex-direction:column;gap:1rem}section.details .wrapper .main-image img{width:100%;border-radius:10px;object-fit:cover}section.details .wrapper .thumbnail-row{display:flex;gap:.5rem}section.details .wrapper .thumbnail-row img{width:19%;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}section.details .wrapper .thumbnail-row img:hover{border-color:#3b9f62}section.details .wrapper .details{display:flex;flex-direction:column;justify-content:space-between}section.details .wrapper .details h1{font-size:1.8rem;margin-bottom:.3rem}section.details .wrapper .badges{margin-bottom:1rem}section.details .wrapper .badge{display:inline-block;background:#d4f3d8;color:#347a42;padding:.3rem .7rem;border-radius:5px;font-size:.85rem;margin-right:.4rem}section.details .wrapper .price{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:#222}section.details .wrapper .buttons{display:flex;gap:.8rem;margin-bottom:2rem}section.details .wrapper button,section.details .wrapper .btn{background:#3b9f62;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .3s ease}section.details .wrapper button:hover,section.details .wrapper .btn:hover{background:#2e804e}section.details .wrapper .contact{margin-top:1.5rem;border-top:1px solid #eee;padding-top:1.2rem}section.details .wrapper .contact a{display:block;margin-bottom:.3rem;font-size:.95rem}section.details .wrapper .specs{margin-top:2rem}section.details .wrapper .specs h3{font-size:1.2rem;margin-bottom:.8rem;border-bottom:2px solid #3b9f62;display:inline-block;padding-bottom:.2rem}section.details .wrapper .specs-table{width:100%;border-collapse:collapse}section.details .wrapper .specs-table th,section.details .wrapper .specs-table td{text-align:left;padding:.5rem 0;border-bottom:1px solid #eee}section.details .wrapper .specs-table th{font-weight:600;color:#555}section.details .wrapper .features{margin-top:2rem;line-height:1.6;color:#555}@media (only screen and (min-width: 992px)){section.details .listing-container{grid-template-columns:1fr}section.details .thumbnail-row img{width:22%}}