/* Compact photo-preview action inside species and landscape sheets. */
.detail-content>.detail-application{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:50%;min-width:156px;min-height:40px;margin:0 0 20px;padding:8px 10px;
  border:1px solid #c9a351;border-radius:8px;background:var(--gold);color:var(--pine);
  box-shadow:0 6px 18px #102b2912;text-align:left;font:600 12px/1.4 var(--body);
  letter-spacing:0;cursor:pointer;transition:background .2s,box-shadow .2s;
}
.detail-content>.detail-application svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.detail-content>.detail-application>span{flex:1;white-space:nowrap}
.detail-content>.detail-application b{font-size:18px;font-weight:400}
.detail-content>.detail-application:hover{background:#f6d796;box-shadow:0 8px 22px #102b2922}
.detail-content>.detail-application:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* Transparent PNGs in a separate art area; text and purchase controls use normal flow. */
.landscape-card{display:flex;flex-direction:column;min-height:0;overflow:visible;background:transparent;color:var(--pine);border:0;border-radius:0}
.landscape-card:after{display:none}
.landscape-trigger{position:relative;inset:auto;display:block;height:auto;width:100%;padding:0;background:transparent;color:inherit}
.landscape-art{display:grid;place-items:center;width:100%;height:278px;padding:18px;background:transparent}
.landscape-art>img{position:relative;inset:auto;width:70%;max-width:180px;height:240px;max-height:100%;padding:0;object-fit:contain;filter:drop-shadow(0 13px 11px #102b2938);transition:transform .3s}
.landscape-text{position:relative;inset:auto;display:block;padding:10px 12px 12px;text-align:center}
.landscape-text>span{color:var(--muted);font:9px/1.65 var(--mono);letter-spacing:.035em}
.landscape-text>strong{color:var(--pine);font:600 23px/1.2 var(--display);margin-top:7px;letter-spacing:-.04em}
.landscape-text>small{margin-top:12px;color:var(--orange);font:9px/1.6 var(--mono)}
.landscape-card:hover .landscape-text small{color:var(--pine)}
.landscape-card>.product-purchase{position:relative;inset:auto;height:auto;min-height:0;margin:8px 12px 0;padding:14px 0 0;background:transparent;border-top:1px solid var(--line)}
.landscape-card .purchase-main{display:flex;flex-wrap:wrap;gap:10px}.landscape-card .add-to-cart{flex:1;min-width:145px}.landscape-card .product-price{font-size:23px}

/* The place illustration stays fully visible in its trekking sheet as well. */
.detail-dialog--landscape .detail-media{background:transparent}
.detail-dialog--landscape .detail-media .detail-art-stage{height:400px;min-height:320px;max-height:450px;padding:32px 20px;background:transparent;overflow:visible}
.detail-dialog--landscape .detail-art-stage:before{display:none}
.detail-dialog--landscape .detail-media .detail-art-stage>img{width:68%;height:82%;max-width:210px;max-height:290px;object-fit:contain}
@media(max-width:760px){
  .detail-content>.detail-application{min-height:44px;padding:9px 10px;font-size:12px;gap:8px}
  .landscape-card{min-height:0}.landscape-art{height:268px;padding:18px}.landscape-art>img{width:68%;max-width:170px;height:230px}
  .landscape-text{padding:8px 14px 12px}.landscape-text>span{font-size:10px}.landscape-text>strong{font-size:25px}.landscape-text>small{font-size:10px}
  .landscape-card>.product-purchase{height:auto;margin:8px 14px 10px;padding:15px 0 0}.landscape-card .purchase-main{display:flex;flex-wrap:wrap;gap:14px}
  .detail-dialog--landscape .detail-media .detail-art-stage{position:relative;height:290px;min-height:290px;max-height:290px;padding:35px 20px}
  .detail-dialog--landscape .detail-media .detail-art-stage>img{width:65%;height:100%;max-width:160px;max-height:220px}
}
@media(max-width:359px){.landscape-card{min-height:0}.landscape-card>.product-purchase{height:auto}.landscape-art{height:248px}.landscape-art>img{height:210px}}
@media(hover:none){.landscape-card:hover img{transform:none}}