/* The homepage trends module. All selectors are isolated from the listing feed. */
#page-home #hmTrend .tr242-shell{position:relative;isolation:isolate;max-width:1400px;margin:0 auto;padding:32px!important;background:linear-gradient(125deg,#fff9f5 0%,#fff 36%)!important;border:1px solid #e1e7ed!important;border-radius:6px!important;box-shadow:0 12px 34px -26px #17324d38!important;overflow:hidden;color:#17324d;}
#page-home #hmTrend .tr242-shell::before,#page-home #hmTrend .tr242-shell::after{content:none!important;display:none!important;}
#page-home #hmTrend .tr242-header{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding-block:12px;margin-bottom:0;}
/* A rounded right edge leads into a longer fade beyond the centered heading. */
#page-home #hmTrend .tr242-header::before{
 content:'';position:absolute;grid-column:1/-1;grid-row:1;
 top:-12px;bottom:-12px;right:0;
 width:68%;border-radius:0 14px 14px 0;z-index:-1;pointer-events:none;
 background:linear-gradient(270deg,#b63726 0%,#cf4b37 18%,#cf4b376b 48%,#cf4b371a 72%,#cf4b3700 96%);
}
#page-home #hmTrend .tr242-heading{display:grid;grid-column:2;grid-template-columns:42px auto 42px;column-gap:12px;align-items:center;min-width:0;text-align:center;transform:translateY(4px);}
#page-home #hmTrend .tr242-flame{display:grid;place-items:center;width:36px;height:36px;grid-row:1/3;border-radius:6px;background:#fff0ec;border:1px solid #f3beb2;transform:rotate(-6deg);}
#page-home #hmTrend .tr242-flame svg{display:block;width:20px;height:25px;fill:#ce442d;}
#page-home #hmTrend #trend89-title{grid-column:2;margin:0!important;font:700 36px/1.1 var(--font-head)!important;letter-spacing:0!important;color:#111!important;}
#page-home #hmTrend #trend89-title em{font-style:italic;color:inherit!important;}
#page-home #hmTrend .tr242-subtitle{grid-column:2;margin:5px 0 0;font:400 12px/1.5 var(--font-body);color:#627588;}
#page-home #hmTrend .tr242-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 8px;border-top:1px solid #e8edf1;font:500 11px/1.5 var(--font-body);color:#667b8d;}
#page-home #hmTrend .tr242-period{display:flex;align-items:center;gap:8px;color:#a33829;font-weight:650;}
#page-home #hmTrend .tr242-period i{width:6px;height:6px;flex:0 0 6px;background:#cf4934;border-radius:50%;}
#page-home #hmTrend #hmTrendGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-rows:auto;align-items:stretch;gap:16px!important;overflow:visible;padding:0;margin:0;}
#page-home #hmTrend #hmTrendGrid[data-count="1"]{grid-template-columns:minmax(0,360px)!important;}
#page-home #hmTrend #hmTrendGrid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px;}
#page-home #hmTrend #hmTrendGrid[data-count="0"]{grid-template-columns:1fr!important;}
#page-home #hmTrend .tr242-card{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;position:relative;min-width:0;width:100%;padding:0;text-align:left;white-space:normal;border:1px solid #dce5ec;border-radius:6px;background:#fff;color:#17324d;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #17324d04;transition:transform .22s,border-color .22s,box-shadow .22s;}
#page-home #hmTrend .tr242-photo{display:block;position:relative;isolation:isolate;width:100%;height:auto;max-height:190px;aspect-ratio:1.85;background:#edf2f5;overflow:hidden;flex-shrink:0;}
#page-home #hmTrend .tr242-photo .dc89-image{transition:transform .5s ease;}
#page-home #hmTrend .tr242-photo .dc89-brand{display:none!important;}
#page-home #hmTrend .tr242-photo .dc89-no-photo{color:#6b8193;background:linear-gradient(135deg,#f1f5f7,#e4edf2);font-size:12px;}
#page-home #hmTrend .tr242-rank{position:absolute;top:13px;left:13px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:1px solid #ffffffa6;background:#fffffff0;color:#17324d;box-shadow:0 2px 8px #17324d12;font:650 10px/1.4 var(--font-body);}
#page-home #hmTrend .tr242-rank b{font:750 14px/1.3 var(--font-head);letter-spacing:0;}
#page-home #hmTrend .tr242-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#page-home #hmTrend .tr242-card:first-child{border-color:#df9888;}
#page-home #hmTrend .tr242-card:first-child .tr242-rank{background:#b63726;border-color:#b63726;color:#fff;}
#page-home #hmTrend .tr242-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:12px;min-width:0;}
#page-home #hmTrend .tr242-location{display:flex;align-items:flex-start;gap:6px;color:#687c8f;font:400 11px/1.5 var(--font-body);min-width:0;}
#page-home #hmTrend .tr242-location svg{width:14px;height:15px;flex:0 0 14px;margin-top:1px;}
#page-home #hmTrend .tr242-location>span{overflow-wrap:anywhere;}
#page-home #hmTrend .tr242-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.25em;margin:0;color:#153651;font:750 18px/1.25 var(--font-head);letter-spacing:0;overflow-wrap:anywhere;}
#page-home #hmTrend .tr242-specs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:20px;color:#5f7487;font:400 11px/1.6 var(--font-body);}
#page-home #hmTrend .tr242-specs>span{color:#a9b6c1;}
#page-home #hmTrend .tr290-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 3px;}
#page-home #hmTrend .tr290-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;}
#page-home #hmTrend .tr290-ring{position:relative;isolation:isolate;display:grid;place-items:center;width:52px;height:52px;max-width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ring-color) var(--ring-fill),#e5ebef 0);}
#page-home #hmTrend .tr290-ring::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#fff;z-index:-1;}
#page-home #hmTrend .tr290-ring>span{font:650 10px/1.2 var(--font-body);letter-spacing:0;color:#365368;}
#page-home #hmTrend .tr290-ring.is-unavailable{background:#e5ebef;}
#page-home #hmTrend .tr290-ring.is-unavailable>span{color:#718493;}
#page-home #hmTrend .tr290-stat>strong{max-width:100%;font:750 15px/1.25 var(--font-head);font-variant-numeric:tabular-nums;letter-spacing:0;color:#173a56;overflow-wrap:anywhere;text-align:center;}
#page-home #hmTrend .tr242-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #e8edf1;}
#page-home #hmTrend .tr242-price{color:#133b5c;font:750 22px/1.15 var(--font-head);letter-spacing:0;}
#page-home #hmTrend .tr242-price small{font-size:.7em;font-weight:550;}
#page-home #hmTrend .tr242-open{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #e4e2f3;border-radius:6px;background:#f0eef9;color:#6560a9;transition:background .2s,color .2s,border-color .2s;}
#page-home #hmTrend .tr242-open svg{width:19px;height:19px;}
#page-home #hmTrend .tr242-card:is(:hover,:focus-visible) .tr242-open{background:#ce442d;border-color:#ce442d;color:#fff;}
#page-home #hmTrend .tr242-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:14px;padding-top:10px;border-top:1px solid #e8edf1;}
#page-home #hmTrend .tr242-method{flex:1;max-width:680px;min-width:0;font:400 11px/1.65 var(--font-body);color:#63798c;}
#page-home #hmTrend .tr242-method summary{display:flex;align-items:center;gap:8px;list-style:none;width:fit-content;min-height:44px;cursor:pointer;color:#526d83;font-weight:550;}
#page-home #hmTrend .tr242-method summary::-webkit-details-marker{display:none;}
#page-home #hmTrend .tr242-method summary>svg{width:16px;height:16px;flex:0 0 16px;}
#page-home #hmTrend .tr242-method summary::after{content:'+';font-size:16px;margin-left:4px;}
#page-home #hmTrend .tr242-method[open] summary::after{content:'−';}
#page-home #hmTrend .tr242-method p{margin:6px 0 0;max-width:65ch;}
#page-home #hmTrend .tr242-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;flex-shrink:0;min-height:44px;padding:11px 16px;background:#173e5e;border:1px solid #173e5e;border-radius:6px;color:#fff;font:650 12px/1.5 var(--font-body);cursor:pointer;transition:background .2s;}
#page-home #hmTrend .tr242-explore>svg{width:19px;height:19px;flex:0 0 19px;}
#page-home #hmTrend .tr242-browse{display:flex;align-items:center;gap:10px;margin-left:auto;}
#page-home #hmTrend .tr242-browse[hidden]{display:none!important;}
#page-home #hmTrend .tr242-browse button{display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;border:1px solid #ccd9e4;border-radius:50%;background:#fff;color:#173e5e;cursor:pointer;}
#page-home #hmTrend .tr242-browse button:disabled{opacity:.35;cursor:default;}
#page-home #hmTrend .tr242-browse button svg{width:18px;height:18px;}
#page-home #hmTrend #tr242-position{font-variant-numeric:tabular-nums;min-width:32px;text-align:center;color:#667b8d;}
#page-home #hmTrend #tr242-count{white-space:nowrap;color:#7b8d9c;}
#page-home #hmTrend .tr-region-empty{box-sizing:border-box;grid-column:1/-1;flex:1;padding:32px 25px;background:#f6f9fb;border:1px dashed #d2dfe9;border-radius:6px;color:#59738a;font:400 13px/1.7 var(--font-body);}
#page-home #hmTrend :is(.tr242-card,.tr242-explore,.tr242-browse button,.tr242-method summary):focus-visible{outline:3px solid #6784c2;outline-offset:3px;}
@media(hover:hover) and (pointer:fine){
 #page-home #hmTrend .tr242-card:hover{transform:translateY(-3px);border-color:#9ab4c9;box-shadow:0 12px 22px -15px #17324d47;}
 #page-home #hmTrend .tr242-card:hover .dc89-image{transform:scale(1.025);}
 #page-home #hmTrend .tr242-explore:hover{background:#245376;}
 #page-home #hmTrend .tr242-browse button:not(:disabled):hover{background:#edf3f8;}
}
@media(max-width:1000px){
 #page-home #hmTrend .tr242-shell{padding:26px!important;}
}
@media(max-width:900px){
 #page-home #hmTrend #hmTrendGrid,#page-home #hmTrend #hmTrendGrid[data-count]{display:flex!important;max-width:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:4px;gap:14px!important;padding:4px 4px 14px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#becddb transparent;}
 #page-home #hmTrend .tr242-card{flex:0 0 calc(50% - 7px);scroll-snap-align:start;}
 #page-home #hmTrend #hmTrendGrid[data-count="1"] .tr242-card{max-width:380px;flex-basis:100%;}
 #page-home #hmTrend .tr242-header{grid-template-columns:minmax(0,1fr);gap:20px;}
 #page-home #hmTrend .tr242-heading{grid-column:1;justify-self:center;}
}
@media(max-width:600px){
 #page-home #hmTrend .tr242-shell{padding:23px 18px!important;border-radius:6px!important;}
 #page-home #hmTrend .tr242-header{align-items:stretch;gap:14px;margin-bottom:16px;}
 #page-home #hmTrend .tr242-heading{column-gap:12px;}
 #page-home #hmTrend #trend89-title{font-size:32px!important;}
 #page-home #hmTrend .tr242-flame{width:36px;height:36px;}
 #page-home #hmTrend .tr242-toolbar{gap:9px;flex-wrap:wrap;padding-top:12px;}
 #page-home #hmTrend .tr242-period{flex:1 1 160px;}
 #page-home #hmTrend #tr242-count{display:none;}
 #page-home #hmTrend .tr242-browse{gap:7px;}
 #page-home #hmTrend .tr242-browse button{width:36px;height:36px;}
 #page-home #hmTrend .tr242-card{flex-basis:87%;}
 #page-home #hmTrend .tr242-footer{flex-direction:column-reverse;gap:8px;}
 #page-home #hmTrend .tr242-explore{width:100%;box-sizing:border-box;}
 #page-home #hmTrend .tr242-method{width:100%;}
}
@media(prefers-reduced-motion:reduce){
 #page-home #hmTrend .tr242-card,#page-home #hmTrend .dc89-image,#page-home #hmTrend .tr242-open,#page-home #hmTrend .tr242-open svg,#page-home #hmTrend .tr242-explore{transition:none!important;transform:none!important;}
}

/* More photo space, with the identifying details condensed into two rows. */
#page-home #hmTrend .tr242-flame{width:42px;height:42px;}
#page-home #hmTrend .tr296-summary{display:flex;flex-direction:column;gap:8px;min-width:0;}
#page-home #hmTrend .tr296-summary .tr242-name{display:block;min-height:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:17px;line-height:1.3;}
#page-home #hmTrend .tr296-meta{display:flex;align-items:center;gap:8px;min-width:0;}
#page-home #hmTrend .tr296-meta .tr242-location{flex:1;align-items:center;gap:4px;overflow:hidden;font-size:10px;}
#page-home #hmTrend .tr296-meta .tr242-location>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-home #hmTrend .tr296-meta .tr242-location svg{width:12px;height:13px;flex-basis:12px;margin:0;}
#page-home #hmTrend .tr296-meta .tr242-specs{flex:0 0 auto;flex-wrap:nowrap;gap:5px;min-height:0;white-space:nowrap;font-size:10px;}
#page-home #hmTrend .tr242-body{gap:12px;padding:14px;}

#page-home #hmTrend .tr242-card:first-child{border-color:#dce5ec;}

/* Compact phone layout; keep the horizontal, snap-scrolling cards. */
@media(max-width:680px){
 #page-home #hmTrend .tr242-shell{padding:12px!important;}
 #page-home #hmTrend .tr242-header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:6px;}
 #page-home #hmTrend .tr242-heading{grid-template-columns:34px auto 34px;column-gap:10px;}
 #page-home #hmTrend #trend89-title{font-size:25px!important;}
 #page-home #hmTrend .tr242-flame{width:34px;height:34px;}
 #page-home #hmTrend .tr242-flame svg{width:17px;height:21px;}
 #page-home #hmTrend .tr242-subtitle{display:none;}
 #page-home #hmTrend .tr242-heading>.tr242-period{grid-column:2;justify-content:center;margin-top:2px;font-size:11px;font-weight:400;line-height:1.4;color:#627588;}
 #page-home #hmTrend .tr242-heading>.tr242-period i{display:none;}
 #page-home #hmTrend .tr242-toolbar{display:none;}
 #page-home #hmTrend .tr242-period{flex:1 1 120px;font-size:10px;}
 #page-home #hmTrend .tr242-browse{gap:4px;}
 #page-home #hmTrend .tr242-browse button{width:44px;height:44px;}
 #page-home #hmTrend #tr242-count{display:none;}
 #page-home #hmTrend #hmTrendGrid{padding-bottom:8px;gap:10px!important;}
 #page-home #hmTrend .tr242-card{flex-basis:87%;}
 #page-home #hmTrend .tr242-photo{aspect-ratio:2.4;max-height:128px;}
 #page-home #hmTrend .tr242-body{gap:6px;padding:8px;}
 #page-home #hmTrend .tr296-summary{gap:3px;}
 #page-home #hmTrend .tr290-stats{gap:6px;margin:0;}
 #page-home #hmTrend .tr290-ring{width:36px;height:36px;}
 #page-home #hmTrend .tr242-bottom{padding-top:6px;}
 #page-home #hmTrend .tr242-price{font-size:20px;}
 #page-home #hmTrend .tr242-footer{flex-direction:column-reverse;gap:2px;margin-top:8px;padding-top:8px;}
 #page-home #hmTrend .tr242-explore{width:100%;box-sizing:border-box;}
}