/* Local design refinements: concise navigation and a softly integrated landscape. */
/* A compact product benefit stays in the text area, clear of the illustrations. */
.sticker-feature{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;width:fit-content;max-width:100%;padding:5px 9px;border:1px solid rgba(54,109,103,.24);border-radius:999px;background:rgba(144,185,181,.14);color:var(--pine);font:500 11px/1.4 var(--body);letter-spacing:.01em}
.sticker-feature svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.species-info>.sticker-feature{margin:0 0 14px}
.landscape-card>.sticker-feature{align-self:center;margin:0 14px 12px}
#detailPurchase>.sticker-feature{margin-bottom:12px}
html[data-theme=night] .sticker-feature{color:var(--night-text);border-color:rgba(144,185,181,.4);background:rgba(144,185,181,.12)}
.trekking-official-map{display:flex;align-items:center;gap:12px;padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:10px;background:rgba(144,185,181,.12);color:var(--action);font:600 13px/1.5 var(--body);text-decoration:underline;text-underline-offset:4px}
.trekking-official-map:hover{background:rgba(144,185,181,.22)}
.site-header #mainNavigation .header-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:9px 15px;border:1px solid rgba(16,43,41,.22);border-radius:24px;background:rgba(255,250,240,.45);backdrop-filter:blur(12px);transition:background .2s,border-color .2s,box-shadow .2s}
.header-contact>span{color:var(--orange)}
.site-header #mainNavigation .header-contact:hover{background:rgba(255,250,240,.85);border-color:var(--orange);box-shadow:0 4px 14px rgba(16,43,41,.09)}
.site-header #mainNavigation .header-instagram{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:40px;height:40px;border:1px solid rgba(16,43,41,.22);border-radius:50%;background:rgba(255,250,240,.45);backdrop-filter:blur(12px);transition:background .2s,border-color .2s,color .2s}
.header-instagram svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65}
.site-header #mainNavigation .header-instagram:hover{color:var(--orange);border-color:var(--orange);background:rgba(255,250,240,.85)}
.header-instagram-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.contact-section{isolation:isolate}
.contact-section .contact-landscape{position:absolute;inset:0 0 0 auto;z-index:0;width:74%;height:100%;object-fit:cover;object-position:center 46%;opacity:.27;pointer-events:none;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 32%,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 32%,#000 70%)}
.contact-photo-credit{position:absolute;z-index:1;right:clamp(22px,5.5vw,80px);bottom:12px;max-width:calc(100% - 44px);margin:0;padding:4px 7px;border-radius:4px;color:#dce8e4;background:rgba(9,30,30,.32);font:9px/1.5 var(--body);backdrop-filter:blur(6px)}
.contact-photo-credit a{text-decoration:underline;text-underline-offset:2px}
html[data-theme=night] .site-header #mainNavigation :is(.header-contact,.header-instagram){color:var(--night-text);background:rgba(18,40,39,.7);border-color:rgba(234,250,240,.26)}
html[data-theme=night] .site-header #mainNavigation :is(.header-contact,.header-instagram):hover{border-color:var(--gold);color:var(--gold);background:rgba(34,62,57,.86)}
@media(max-width:760px){
 .site-header #mainNavigation .header-contact{justify-content:space-between;padding:10px 14px;margin-top:8px;border-radius:9px;min-height:48px}
 .site-header #mainNavigation .header-instagram{justify-content:flex-start;padding:10px 14px;margin-top:8px;width:100%;height:auto;min-height:48px;border-radius:9px}
 .header-instagram-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
 .contact-section{padding-bottom:78px}
 .contact-section .contact-landscape{width:100%;opacity:.22;object-position:58% center;mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.45) 32%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.45) 32%,#000)}
 .contact-photo-credit{right:22px;bottom:17px;font-size:8px}
}
@media(prefers-reduced-transparency:reduce){.site-header #mainNavigation :is(.header-contact,.header-instagram){background:var(--paper);backdrop-filter:none}.contact-photo-credit{background:#173f41}}
