/* Listing presentation and sharing. Original advertiser photographs remain intact. */
/* The counter is below the photograph, so its surface follows the page theme. */
html #phone #detailGallery{background:transparent;border:0;overflow:visible}
html #phone .featured-star{inset:auto;top:9px;inset-inline-start:9px;inset-inline-end:auto;width:26px!important;height:26px!important;max-width:calc(100% - 18px);display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:8px;border:1px solid #f3dda0;background:linear-gradient(115deg,#f7e7b5,#d8b365);color:#493312;box-shadow:0 2px 6px #0002;transform:none}
html #phone .featured-star svg{width:13px!important;height:13px!important;flex:none;fill:currentColor;stroke:none}
html #phone .featured-star span{font-size:11px;line-height:1;font-weight:750}
html #phone :is(.v5-preview-image,.v3-similar-thumb) .featured-star{padding:0 4px;top:3px;inset-inline-start:3px;min-width:0;height:21px!important}
html #phone :is(.v5-preview-image,.v3-similar-thumb) .featured-star span{display:none}
html body :is(.card,.v2-product):has(.featured-star){border:1px solid color-mix(in srgb,#c8a35a 60%,var(--line));box-shadow:0 5px 18px #0000000d}
html body :is(.card,.v2-product):has(.featured-star) :is(.body,.v2-product-body){background:linear-gradient(125deg,rgba(207,169,91,.09),transparent 70%)}
html body :is(.card .thumb,.v2-product-image){position:relative;isolation:isolate;background-color:var(--surface-2);background-repeat:no-repeat;background-size:cover!important;background-position:center!important;border-bottom:1px solid var(--line)}
html body #phone .screen .card .thumb[style*="background-image"],html body #phone .screen .v2-product-image[style*="background-image"]{background-size:cover!important;background-position:center!important}
html body :is(.card .thumb,.v2-product-image)::after{content:'';pointer-events:none;position:absolute;inset:0;z-index:0;box-shadow:inset 0 0 0 1px #ffffff08;background:linear-gradient(180deg,#0000000a,transparent 32%,transparent 80%,#00000012)}
html #phone #detailGallery .dt-gallery-views{position:static;float:none;display:flex;width:max-content;max-width:100%;margin:9px 0 0;margin-inline-start:auto;padding:0;min-height:18px;gap:4px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:var(--mut);font-size:11px!important;line-height:1.4!important;pointer-events:none;direction:inherit}
html body .dt-gallery-views[hidden]{display:none!important}
html #phone #detailGallery .dt-gallery-views :is(b,small){font-size:11px!important;line-height:1.4!important;font-weight:500!important;color:inherit}
html #phone #detailGallery .dt-gallery-views svg{width:13px;height:13px;flex:none}
html #phone #s-detail #detailGalleryImage{object-fit:cover!important;object-position:center}
/* Android detail photos show the whole original, like the full-screen viewer.
   Keep home/market cover thumbnails and the approved iOS/web detail unchanged. */
html[data-tw-native="android"] #phone #s-detail #detailGalleryImage{object-fit:contain!important}
/* A grid item's intrinsic portrait height can exceed the available stage even
   with max-height:100%. Give contain an explicit, shrinkable viewport box. */
html[data-tw-native="android"] .dt-lightbox-stage{min-width:0}
html[data-tw-native="android"] .dt-lightbox-stage #lightboxImage{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
/* Complete cards snap inside the home collection, without a clipped neighbour. */
html #phone #s-home .v2-rail{grid-auto-columns:100%;margin-inline:0;padding:0 0 5px;gap:14px;scroll-padding-inline:0;min-width:0;max-width:100%;box-sizing:border-box}
html #phone #s-home .v2-rail>:is(.card,.v2-product){width:100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}
html #phone #s-home .v2-rail :is(.thumb,.v2-product-image){width:100%;height:auto!important;aspect-ratio:4/3;min-height:0!important}
html #phone #s-home .v2-latest .v2-fresh-rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px;padding-inline:0}
html #phone #s-home .v2-empty{width:100%;max-width:100%;box-sizing:border-box}
/* Match source-independent thumbnail sizes; text remains responsive. */
html #phone #s-market #listGrid[data-market-view="list"] .card{display:grid!important;grid-template-columns:36% minmax(0,1fr)!important;align-items:start;min-width:0}
html #phone #s-market #listGrid[data-market-view="list"] .card .thumb{width:100%!important;min-width:0!important;max-width:none!important;height:calc(176px * var(--sport-font-scale,1))!important;min-height:0!important;aspect-ratio:auto;align-self:start;flex:none}
html #phone #s-market #listGrid[data-market-view="list"] .card .body{min-width:0;padding:12px!important;gap:5px!important}
html #phone #s-market #listGrid[data-market-view="list"] .ttl{font-size:calc(15px * var(--sport-font-scale,1))!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html #phone #s-market #listGrid[data-market-view="list"] .price{font-size:calc(20px * var(--sport-font-scale,1))!important;line-height:1.3!important}
html #phone #s-market #listGrid[data-market-view="list"] :is(.rowmeta,.meta,.km){font-size:calc(11px * var(--sport-font-scale,1))!important;line-height:1.5!important}
html #phone #s-market #listGrid[data-market-view="list"] .listing-time{font-size:calc(10px * var(--sport-font-scale,1))!important;line-height:1.5!important}
@media(min-width:700px){html #phone #s-home .v2-rail{grid-auto-columns:calc((100% - 14px)/2)}}
.growth-sheet{max-width:540px;margin:auto;padding-bottom:16px}
.growth-sheet h3{font-size:21px;line-height:1.5;margin:8px 0;text-align:center}
.growth-note{color:var(--mut);font-size:13px;line-height:1.8;margin:8px 0 16px}
.growth-formats{display:flex;gap:8px;margin-bottom:14px}
.growth-formats button,.growth-secondary{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer}
.growth-formats button{flex:1}.growth-formats button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.growth-preview{display:block;width:100%;max-width:260px;max-height:370px;object-fit:contain;border-radius:16px;margin:0 auto 16px;border:1px solid var(--line);background:#101116}
.growth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.growth-actions .submit{grid-column:1/-1;margin:0}
.growth-sheet .field select,.growth-sheet .field input{min-height:48px;font-size:15px}
.growth-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8;margin:16px 0}
.growth-consent input{width:20px;height:20px;flex:none;margin-top:3px}
.growth-error{color:var(--accent);font-size:13px;line-height:1.7;min-height:22px}
.growth-sheet button:disabled{opacity:.55;cursor:wait}
.growth-share .growth-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
.growth-share .growth-actions button{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 16px;margin:0;text-align:start;font:inherit;font-size:14px;font-weight:600;border-radius:14px}
.growth-share .growth-actions button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.growth-share .growth-note{text-align:center;margin-bottom:12px}
.growth-share .growth-preview{max-width:220px;max-height:285px;margin-bottom:10px}
.growth-share .growth-error:empty{display:none}