/* Measured from the live advertisement at 1440, 1366, 1024, 768 and 390px.
   The four-track reference has 10px gutters and a 10px main-column inset. */
.hj-ad-page{max-width:1280px;padding:0 10px 28px;--hj-ad-header-bg:var(--hj-surface)}
.hj-ad-page .hj-detail-grid{grid-template-columns:minmax(0,calc(75% - 2.5px)) minmax(0,1fr);gap:10px;align-items:start}
.hj-ad-page .hj-detail-main{padding-inline:10px}
.hj-ad-page .hj-breadcrumbs{min-height:60px;flex-wrap:wrap;gap:4px;color:var(--hj-muted);font-size:calc(14px * var(--hj-text-scale));line-height:20px;padding-block:8px}
.hj-ad-page .hj-breadcrumbs>a{gap:16px}
.hj-ad-page .hj-breadcrumbs svg{color:var(--hj-blue)}
.hj-ad-page .hj-ad-heading h1{font-size:calc(28px * var(--hj-text-scale));line-height:calc(36px * var(--hj-text-scale))}
.hj-ad-page .hj-ad-content{padding:20px 0}
.hj-ad-page .hj-ad-description{padding:104px 12px 56px}
.hj-ad-page .hj-ad-price{padding-inline:12px}
/* Keep detail-page currency on the physical left in both page directions.
   The shared amount stays LTR; cards retain their existing ordering. */
.hj-ad-page .hj-ad-price .hj-price-value{flex-direction:row-reverse;column-gap:2px}
.hj-ad-page .hj-ad-price .hj-currency-mark{margin-left:0}
.hj-ad-page .hj-ad-price+.hj-ad-description{padding-block-start:104px}
.hj-ad-page .hj-gallery{margin:0;gap:10px}
.hj-ad-page .hj-gallery img{max-width:100%;width:auto;height:auto;border-radius:0}
.hj-ad-page .hj-gallery video{width:calc(100% - 24px);max-width:100%;height:auto;border-radius:0}
.hj-ad-page .hj-ad-contact{display:flex;justify-content:flex-end;padding:28px 21px 0;flex-wrap:wrap;gap:8px}
.hj-ad-page .hj-ad-contact form{margin:0;max-width:100%}
.hj-ad-page .hj-ad-contact .hj-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:42px;padding:6px 14.5px;border-radius:12px;font-size:calc(18px * var(--hj-text-scale));font-weight:500;line-height:28px;max-width:100%;flex:0 1 auto;flex-wrap:wrap}
.hj-ad-page .hj-ad-contact .hj-icon{width:24px;height:24px;flex:none}
.hj-ad-page .hj-ad-contact bdi{overflow-wrap:anywhere}
.hj-ad-page .hj-ad-actions{margin:20px 12px 0;border:0;border-radius:12px}
.hj-ad-page .hj-ad-actions button,.hj-ad-page .hj-ad-actions>a{flex-direction:row;gap:6px;padding:12px 4px;font-size:calc(14px * var(--hj-text-scale));line-height:24px;background:var(--hj-card)}
.hj-ad-page .hj-ad-actions svg{width:16px;height:16px}
.hj-ad-page .hj-ad-actions>:not(:last-child){border-inline-end:1px solid var(--hj-surface)}
.hj-ad-page .hj-ad-actions button:hover,.hj-ad-page .hj-ad-actions>a:hover{color:var(--hj-blue);background:var(--hj-active)}
.hj-ad-page .hj-ad-categories{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 12px 0;padding:20px 28px;min-height:92px;border-radius:15px;background:var(--hj-card)}
.hj-ad-page .hj-ad-categories a{padding:10px 12px;border-radius:12px;background:var(--hj-surface);font-size:calc(14px * var(--hj-text-scale));line-height:24px;color:var(--hj-muted)}
.hj-ad-page .hj-ad-categories a:hover{color:var(--hj-blue)}
.hj-ad-page .hj-safety{margin:16px 12px 0;padding:10px;min-height:78px;gap:16px;align-items:center;border-radius:16px;background:var(--site-post-details-background-d9edf7);border-color:var(--site-post-details-border-color-3a87ad-alpha-02);color:var(--site-post-details-color-3a87ad);font-size:calc(16px * var(--hj-text-scale));line-height:24px}
.hj-ad-page .hj-safety svg{box-sizing:content-box;padding:14px;background:var(--site-post-details-background-ffffff-alpha-07);border-radius:12px}
.hj-ad-page .hj-ad-reference{margin-inline:12px;padding-block:16px;line-height:20px}
.hj-ad-page .hj-comments{margin:20px 12px 24px}
.hj-ad-page .hj-comments .hj-section-heading h2{font-size:calc(18px * var(--hj-text-scale));line-height:28px}
.hj-ad-page .hj-comments .hj-empty{padding:20px 12px;font-size:calc(14px * var(--hj-text-scale))}
.hj-ad-page .hj-comment{background:var(--hj-card);padding:20px 16px}
.hj-ad-page .hj-comment-form{gap:16px;margin-block:24px 16px}
.hj-ad-page .hj-comment-form textarea{min-height:200px;padding:16px;border-radius:15px;line-height:24px}
.hj-ad-page .hj-comment-form>.hj-button{min-width:132px;min-height:40px;padding:7px 20px;align-self:flex-start}
.hj-ad-page .hj-comment-guest>a{font-size:calc(14px * var(--hj-text-scale))}
.hj-ad-page .hj-related{margin-top:64px;padding:0;background:transparent;border-radius:16px;display:block}
.hj-ad-page .hj-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hj-ad-page .hj-related-card{min-width:0;display:flex;flex-direction:column;gap:0;text-align:start;font-size:calc(14px * var(--hj-text-scale));line-height:20px}
.hj-ad-page .hj-related-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
.hj-ad-page .hj-related-card span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:56px;padding:8px 8px 8px 4px}
.hj-ad-page :is(a,button):focus-visible{outline:2px solid var(--hj-blue);outline-offset:3px}
:root[data-theme=dark] .hj-ad-page{--hj-ad-header-bg:var(--site-ad-header-bg)}
:root[data-theme=dark] .hj-ad-page .hj-safety{background:var(--site-post-details-background-3a87ad-alpha-018);color:var(--hj-text)}
:root[data-theme=dark] .hj-ad-page .hj-safety svg{background:var(--hj-card)}
@media(max-width:1023px){
.hj-ad-page .hj-detail-grid{grid-template-columns:minmax(0,1fr)}
.hj-ad-page .hj-related{margin-top:64px;margin-inline:10px}
}
@media(max-width:767px){
.hj-ad-page{padding-inline:0}
.hj-ad-page .hj-related{margin:0;padding:24px 0 12px;background:transparent}
.hj-ad-page .hj-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hj-ad-page .hj-ad-heading h1{font-size:calc(20px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}
.hj-ad-page .hj-ad-actions button,.hj-ad-page .hj-ad-actions>a{font-size:calc(12px * var(--hj-text-scale));gap:4px}
.hj-ad-page .hj-ad-categories{padding-inline:16px}
.hj-ad-page .hj-ad-meta{gap:16px}
}
/* Metadata and compact related-ad panels use the reference's native spacing. */
.hj-ad-page .hj-breadcrumbs a{color:var(--hj-muted);text-decoration:underline}
.hj-ad-page .hj-ad-meta{font-size:calc(16px * var(--hj-text-scale));gap:24px}
.hj-ad-page .hj-ad-categories a{font-size:calc(16px * var(--hj-text-scale))}
.hj-ad-page .related-group-card{padding:12px;background:var(--hj-card);border-radius:16px}
.hj-ad-page .hj-related-follow{width:100%;margin:0 0 16px;min-height:58px}
.hj-ad-page .hj-related-follow>.hj-button{width:100%;min-height:58px}
.hj-ad-page .hj-related-item{min-width:0}
.hj-ad-page .hj-related-favorite{text-align:end}
.hj-ad-page .hj-related-favorite button[aria-pressed=true]{color:var(--hj-green)}
.hj-ad-page .hj-ad-seller-name{min-width:0;overflow-wrap:anywhere}
@media(max-width:639px){
.hj-ad-page .hj-ad-advertiser-row{justify-content:space-between;flex-wrap:nowrap;gap:16px}
.hj-ad-page .hj-ad-advertiser{min-width:0}
.hj-ad-page .hj-ad-advertiser-row>form,.hj-ad-page .hj-ad-advertiser-row>.hj-ad-follow{flex:none}
}
@media(max-width:767px){
.hj-ad-page .related-group-card{padding:24px 0 12px;background:transparent}
}
.hj-ad-page .hj-related-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:60px;margin-bottom:16px}
.hj-ad-page .hj-related-heading>h2{flex-shrink:0;font-size:calc(16px * var(--hj-text-scale));line-height:24px;font-weight:400;color:var(--hj-muted);margin:0;padding:10px 8px}
@media(min-width:768px) and (max-width:1023px){.hj-ad-page .hj-related{margin-inline:0 20px}}
/* Each year group owns its surface; sibling margins expose the page background. */
.hj-ad-page .hj-related-group+.hj-related-group{margin-block-start:20px}
.hj-ad-page .hj-related-heading h3{min-width:0;margin:0;font-size:calc(14px * var(--hj-text-scale));line-height:20px;font-weight:400}
.hj-ad-page .hj-related-heading h3 a{display:block;padding:10px 24px;background:var(--hj-surface);border-radius:21px;color:var(--hj-muted);text-align:center;overflow-wrap:anywhere}
.hj-ad-page .hj-related-heading h3 a:hover{color:var(--hj-blue)}
.hj-ad-page .hj-related-group+.hj-related-group .hj-related-heading{justify-content:flex-end;min-height:40px;margin-bottom:16px}

.hj-ad-page .hj-announcement{display:flex;cursor:pointer;text-decoration:none;min-height:78px;box-sizing:border-box;max-width:100%;text-align:start;gap:12px}
.hj-ad-page .hj-announcement-media{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.45)}
.hj-ad-page .hj-announcement .hj-announcement-media svg{width:26px;height:26px;padding:0;background:none;color:inherit}
.hj-ad-page .hj-announcement-media img{display:block;width:40px;height:40px;object-fit:contain;filter:none}
.hj-ad-page .hj-announcement-text{min-width:0;white-space:pre-line;overflow-wrap:anywhere;flex:1}
@media(max-width:430px){.hj-ad-page .hj-announcement{gap:10px;margin-inline:8px;padding:10px}.hj-ad-page .hj-announcement-media{flex-basis:44px;width:44px;height:44px}.hj-ad-page .hj-announcement-media img{width:34px;height:34px}}