.home-wallpapers { overflow: hidden; padding: 68px 0; background: linear-gradient(135deg, #f5f8f4 0%, #fffaf2 100%); }
.home-wallpapers__header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.home-wallpapers__eyebrow { display: block; margin-bottom: 7px; color: #e85d12; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.home-wallpapers__title { margin: 0; color: #103f33; font-size: clamp(1.8rem, 3vw, 2.65rem); font-weight: 800; }
.home-wallpapers__view-all { display: inline-flex; align-items: center; gap: 8px; color: #0b5543; font-weight: 800; text-decoration: none; }
.home-wallpapers__view-all:hover, .home-wallpapers__view-all:focus-visible { color: #e85d12; }
.home-wallpapers__carousel { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; align-items: center; gap: 14px; outline: none; }
.home-wallpapers__stage { position: relative; height: clamp(300px, 34vw, 440px); overflow: hidden; }
.home-wallpapers__card { position: absolute; top: 0; width: 31%; height: 100%; overflow: hidden; border-radius: 18px; background: #123f35; box-shadow: 0 14px 32px rgba(15,49,40,.16); opacity: 0; pointer-events: none; transform: translateX(145%) scale(.88); transition: transform .62s cubic-bezier(.2,.75,.2,1), opacity .4s ease, filter .4s ease; }
.home-wallpapers__card[data-position="active"] { left: 50%; width: 54%; opacity: 1; pointer-events: auto; transform: translateX(-50%); z-index: 3; }
.home-wallpapers__card[data-position="previous"] { left: 0; opacity: .7; pointer-events: auto; transform: translateX(0) scale(.94); filter: saturate(.72) brightness(.8); z-index: 2; }
.home-wallpapers__card[data-position="next"] { right: 0; opacity: .7; pointer-events: auto; transform: translateX(0) scale(.94); filter: saturate(.72) brightness(.8); z-index: 2; }
.home-wallpapers__card[data-position="previous"]:hover, .home-wallpapers__card[data-position="next"]:hover { opacity: .95; filter: saturate(.9) brightness(.9); }
.home-wallpapers__image { width: 100%; height: 100%; object-fit: cover; }
.home-wallpapers__shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 36%, rgba(3,19,15,.86) 100%); }
.home-wallpapers__content { position: absolute; right: 0; bottom: 0; left: 0; padding: 28px; color: #fff; opacity: 0; transform: translateY(16px); transition: opacity .3s ease .15s, transform .3s ease .15s; z-index: 2; }
.home-wallpapers__card[data-position="active"] .home-wallpapers__content { opacity: 1; transform: translateY(0); }
.home-wallpapers__content h3 { margin: 8px 0 16px; font-size: clamp(1.25rem, 2.2vw, 1.8rem); font-weight: 800; }
.home-wallpapers__meta { display: flex; gap: 14px; margin: 0; color: rgba(255,255,255,.86); font-size: .84rem; }
.home-wallpapers__meta i { color: #ff9c58; }
.home-wallpapers__open { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: .9rem; font-weight: 800; text-decoration: none; position: relative; z-index: 3; touch-action: manipulation; }
.home-wallpapers__open:hover, .home-wallpapers__open:focus-visible { color: #ffb27c; }
.home-wallpapers__nav { display: grid; width: 48px; height: 48px; place-items: center; border: 0; border-radius: 50%; background: #0b5543; box-shadow: 0 8px 18px rgba(11,85,67,.2); color: #fff; cursor: pointer; font-size: 1.3rem; transition: background-color .2s ease, transform .2s ease; z-index: 4; touch-action: manipulation; -webkit-tap-highlight-color: rgba(232,93,18,.14); }
.home-wallpapers__nav:hover, .home-wallpapers__nav:focus-visible { background: #e85d12; transform: scale(1.06); }
.home-wallpapers__image { pointer-events: none; }
.home-wallpapers__empty { padding: 56px 20px; text-align: center; color: #607069; }
.home-wallpapers__empty i { display: block; margin-bottom: 12px; color: #e85d12; font-size: 2.6rem; }
.home-wallpapers__empty h3 { color: #103f33; }
@media (max-width: 767.98px) { .home-wallpapers { padding: 48px 0; } .home-wallpapers__header { align-items: start; flex-direction: column; gap: 12px; margin-bottom: 22px; } .home-wallpapers__carousel { grid-template-columns: 1fr; gap: 12px; } .home-wallpapers__stage { height: 390px; } .home-wallpapers__card { width: 100%; } .home-wallpapers__card[data-position="active"] { left: 0; width: 100%; transform: translateX(0); } .home-wallpapers__card[data-position="previous"] { transform: translateX(-112%) scale(.94); } .home-wallpapers__card[data-position="next"] { transform: translateX(112%) scale(.94); } .home-wallpapers__nav { position: absolute; top: 50%; z-index: 5; width: 42px; height: 42px; transform: translateY(-50%); } .home-wallpapers__nav:hover, .home-wallpapers__nav:focus-visible { transform: translateY(-50%) scale(1.06); } .home-wallpapers__nav--previous { left: 12px; } .home-wallpapers__nav--next { right: 12px; } .home-wallpapers__content { padding: 22px; } .home-wallpapers__open, .home-wallpapers__nav { pointer-events: auto; } }
@media (prefers-reduced-motion: reduce) { .home-wallpapers__card, .home-wallpapers__content, .home-wallpapers__nav { transition: none; } }