.carousel-section{padding:0;text-align:center;background:var(--color-dark)}.carousel-header{display:flex;justify-content:center;align-items:center;padding:48px 0 40px}.carousel-section h2{font-size:2.2rem;margin:0;color:#fff}.carousel{position:relative;width:100%;margin:0 auto}.carousel-slides{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow:hidden;background:var(--color-dark)}.carousel-details{display:flex;flex-direction:column;justify-content:center;padding:60px 8%;color:#fff;background:var(--color-dark)}.carousel-boat-name{font-family:var(--font-decorative);font-size:2.4rem;color:var(--color-orange);margin:0 0 4px;line-height:1.2}.carousel-boat-type{font-size:.95rem;opacity:.7;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em}.carousel-boat-brand{font-size:.85rem;opacity:.5;margin:0 0 24px}.carousel-specs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.carousel-spec{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.carousel-spec-label{opacity:.6}.carousel-spec-value{font-weight:600}.carousel-image-wrapper{position:relative;min-height:480px;max-height:600px;background:var(--color-dark)}.carousel-image{opacity:0;transition:opacity .5s ease}.carousel-image--active{opacity:1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;backdrop-filter:blur(4px)}.carousel-arrow:hover{background:var(--color-orange);border-color:var(--color-orange)}.carousel-arrow--prev{left:calc(50% + 16px)}.carousel-arrow--next{right:16px}.carousel-dots{display:flex;justify-content:center;gap:10px;padding:24px 0 48px}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;padding:0;transition:background .2s,border-color .2s}.carousel-dot--active{background:var(--color-orange);border-color:var(--color-orange)}@media (max-width:768px){.carousel-header{padding:32px 0 24px}.carousel-section h2{font-size:1.6rem}.carousel-slides{grid-template-columns:1fr}.carousel-image-wrapper{order:-1;min-height:240px}.carousel-details{padding:24px 20px}.carousel-boat-name{font-size:1.5rem}.carousel-arrow{width:40px;height:40px;font-size:1rem}.carousel-arrow--prev{left:12px}.carousel-arrow--next{right:12px}}