.deb-alltrails { padding:80px 0 100px; background:var(--deb-cream); scroll-margin-top:150px; }
.deb-alltrails h2 { margin:0 0 30px; font-size:30px; line-height:30px; }
.deb-alltrails__slider { min-width:0; visibility:visible; }
.deb-alltrails .deb-alltrails__slider:not(.is-active) .deb-alltrails__grid { display:grid; }
.deb-alltrails__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:60px 32px; }
.deb-alltrails__slider.is-active .deb-alltrails__grid { gap:0; }
.deb-alltrails__grid--1 { grid-template-columns:1fr; }
.deb-alltrails__grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.deb-alltrails__card { display:flex; flex-direction:column; min-width:0; }
.deb-alltrails__card:only-child { grid-column:1 / -1; }
.deb-alltrails__embed { flex:1; overflow-wrap:anywhere; }
.deb-alltrails__embed iframe { display:block; width:100%; height:auto; aspect-ratio:768 / 629; margin:0; border:10px solid #fff; border-radius:24px; background:#fff; }
.deb-alltrails__map + .deb-alltrails__map { margin-top:24px; }
.deb-alltrails__card:only-child iframe, .deb-alltrails__grid--1 iframe { aspect-ratio:2 / 1; min-height:400px; }
.deb-alltrails__embed p { margin:0 0 16px; }
.deb-alltrails__embed a, .deb-alltrails__embed a * { color:var(--deb-green) !important; text-decoration:underline; text-underline-offset:3px; }
.deb-alltrails__embed a:hover, .deb-alltrails__embed a:hover * { color:var(--deb-green-dark) !important; }
.deb-alltrails__actions { display:flex; justify-content:center; margin-top:30px; }
.deb-alltrails .deb-button { gap:10px; min-height:62px; padding:18px 30px; border-radius:10px; font-size:20px; line-height:26px; text-align:center; }
.deb-alltrails .deb-button img { flex:none; width:12px; height:12px; filter:brightness(0) invert(1); }
.deb-alltrails--editor iframe { pointer-events:none; }
.deb-alltrails__controls { display:none; }
.deb-alltrails .splide__toggle { display:none; place-items:center; width:44px; height:44px; margin:10px auto 0; padding:0; border:1px solid var(--deb-green); border-radius:50%; color:var(--deb-green); background:transparent; cursor:pointer; }
.deb-alltrails .splide__toggle:hover { color:#fff; background:var(--deb-green); }
.deb-alltrails .splide__toggle__play { width:0; height:0; margin-left:3px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid currentColor; }
.deb-alltrails .splide__toggle__pause { width:12px; height:14px; border-left:4px solid currentColor; border-right:4px solid currentColor; }
.deb-alltrails .splide__toggle:focus-visible, .deb-alltrails .splide__pagination__page:focus-visible, .deb-alltrails .splide__arrow:focus-visible { outline:2px solid var(--deb-ink); outline-offset:2px; }
@media (min-width:768px) and (max-width:1100px) {
	.deb-alltrails__grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
	.deb-alltrails { padding:50px 0; background:var(--deb-cream) url('../../assets/images/single-trails.svg') center top / 1100px auto no-repeat; scroll-margin-top:100px; }
	.deb-alltrails h2 { margin:0 0 50px; text-align:center; }
	.deb-alltrails__grid { grid-template-columns:1fr; gap:40px; }
	.deb-alltrails__embed iframe, .deb-alltrails__card:only-child iframe, .deb-alltrails__grid--1 iframe { aspect-ratio:371 / 298; min-height:var(--deb-alltrails-mobile-height, 400px); }
	.deb-alltrails__actions { margin-top:20px; }
	.deb-alltrails__slider.is-active .deb-alltrails__controls { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; }
	.deb-alltrails .splide__arrow { display:grid; flex:none; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:none; cursor:pointer; }
	.deb-alltrails .splide__arrow img { width:30px; height:30px; }
	.deb-alltrails .splide__arrow--prev img { transform:rotate(180deg); }
	.deb-alltrails .splide__arrow:not(:disabled):hover { background:rgb(92 121 28 / .12); }
	.deb-alltrails .splide__arrow:disabled { opacity:.35; cursor:default; }
	.deb-alltrails .splide__pagination { display:flex; flex:0 1 auto; flex-wrap:wrap; margin:0; padding:0; }
	.deb-alltrails .splide__pagination__page { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:none; cursor:pointer; }
	.deb-alltrails .splide__pagination__page::after { content:''; width:15px; height:15px; border:1px solid var(--deb-green); border-radius:50%; background:#fff; }
	.deb-alltrails .splide__pagination__page.is-active::after { background:var(--deb-green); }
	.deb-alltrails .is-active .splide__toggle { display:grid; }
}
