.trade-enhanced .trade-select-wrap{display:none}.ad-trade-picker.trade-enhanced{max-width:350px}.trade-enhanced label{font-size:14px;color:#135c85}.trade-enhanced #trade-choice-hint{display:block;line-height:1.5;max-width:290px;margin-top:9px}
.trade-catalog{position:absolute;z-index:3;left:43%;right:2%;top:5%;bottom:15%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;color:#252525;--catalog-alpha:1;opacity:var(--catalog-alpha)}
.trade-wheel{position:relative;width:100%;height:min(52vh,490px);perspective:1100px;touch-action:pan-y;user-select:none;isolation:isolate}
.trade-card{position:absolute;left:50%;top:50%;width:clamp(195px,20vw,300px);height:88%;max-height:440px;padding:0;border:5px solid #fff;border-radius:7px;background:#135c85;overflow:hidden;box-shadow:0 14px 30px #15374a24;transform:translate(-50%,-50%) translateX(calc(var(--offset)*125px)) translateY(calc(var(--distance)*20px)) rotateY(calc(var(--offset)*-22deg)) rotateZ(calc(var(--offset)*5deg)) scale(calc(1 - var(--distance)*.14));opacity:calc(1 - var(--distance)*.19);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s,border-color .3s;cursor:pointer;font:inherit;color:#fff;text-align:left;backface-visibility:hidden}
.trade-card[data-position="3"],.trade-card[data-position="4"],.trade-card[data-position="-3"],.trade-card[data-position="-4"]{opacity:0;pointer-events:none}
.trade-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.trade-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#082a40e8);pointer-events:none}.trade-card-caption{position:absolute;z-index:1;left:18px;right:14px;bottom:23px;font-size:clamp(19px,2vw,28px);line-height:1.1;font-weight:500;letter-spacing:-.025em}.trade-card-check{position:absolute;z-index:1;right:13px;top:13px;border-radius:50%;width:29px;height:29px;background:#fff;color:#135c85;display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .25s,transform .35s}.trade-card.is-selected{border-color:#135c85}.trade-card.is-selected .trade-card-check{opacity:1;transform:scale(1)}.trade-card:focus-visible{outline:3px solid #135c85;outline-offset:5px}
.trade-catalog-controls{display:flex;align-items:center;gap:23px;margin-top:18px}.trade-catalog-controls button{width:48px;height:48px;border:1px solid #135c8533;border-radius:50%;background:#fff;color:#135c85;font:inherit;font-size:24px;cursor:pointer;transition:background .2s,transform .25s}.trade-catalog-controls button:hover{background:#135c85;color:white;transform:scale(1.08)}.trade-catalog-controls button:focus-visible{outline:2px solid #135c85;outline-offset:3px}.trade-catalog-count{font-size:12px;letter-spacing:.13em;color:#135c85;font-variant-numeric:tabular-nums}.trade-catalog-help{font-size:12px!important;color:#566975!important;margin:12px 0 0!important;text-align:center;line-height:1.4}
@media(max-width:1000px) and (min-width:761px){.trade-card{transform:translate(-50%,-50%) translateX(calc(var(--offset)*90px)) translateY(calc(var(--distance)*16px)) rotateY(calc(var(--offset)*-24deg)) rotateZ(calc(var(--offset)*5deg)) scale(calc(1 - var(--distance)*.16));width:210px}}
@media(max-width:760px){.has-trade-catalog .ride-copy{top:22px}.has-trade-catalog .ride-copy p{margin-top:10px}.has-trade-catalog .ad-trade-picker{margin-top:17px}.has-trade-catalog .ad-build-progress{display:none}.trade-catalog{left:0;right:0;top:245px;bottom:87px}.trade-wheel{height:100%;min-height:135px;max-height:330px}.trade-card{width:clamp(145px,46vw,220px);height:94%;max-height:290px;transform:translate(-50%,-50%) translateX(calc(var(--offset)*88px)) translateY(calc(var(--distance)*12px)) rotateY(calc(var(--offset)*-25deg)) rotateZ(calc(var(--offset)*5deg)) scale(calc(1 - var(--distance)*.16))}.trade-card-caption{font-size:19px;left:12px;bottom:16px}.trade-catalog-controls{gap:20px;margin-top:8px}.trade-catalog-controls button{width:40px;height:40px}.trade-catalog-help{margin-top:5px!important;font-size:10px!important}.has-trade-catalog .ride-hint{display:none}}
@media(max-width:760px) and (max-height:740px){.trade-catalog{top:216px;bottom:85px}.has-trade-catalog .ride-copy #hero-title{font-size:30px}.has-trade-catalog .ride-copy p{font-size:12px}.has-trade-catalog .ad-trade-picker{margin-top:11px}.trade-catalog-controls button{width:36px;height:36px}.trade-catalog-help{display:none}}
@media(prefers-reduced-motion:reduce){.trade-card,.trade-card-check,.trade-catalog-controls button{transition:none}}

/* The stack opens into two airy rows; every trade is available in the spread. */
.trade-card{transition:transform .65s cubic-bezier(.22,1,.36,1),left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),opacity .35s,border-color .3s}
.trade-catalog.is-spread .trade-card{left:var(--spread-left);top:var(--spread-top);width:calc(20% - 12px);height:44%;transform:translate(-50%,-50%) rotate(var(--spread-angle));opacity:1;pointer-events:auto;border-width:3px;box-shadow:0 8px 18px #15374a20}
.trade-catalog.is-spread .trade-card-caption{font-size:15px;left:8px;right:5px;bottom:11px;letter-spacing:-.02em}.trade-catalog.is-spread .trade-card-check{width:22px;height:22px;top:6px;right:6px;font-size:12px}
.trade-catalog.is-spread .trade-card:focus-visible{transform:translate(-50%,-56%) rotate(0deg) scale(1.06);border-color:#135c85;z-index:20!important}
.trade-catalog.is-spread .trade-catalog-controls{opacity:0;pointer-events:none}.trade-catalog-controls{transition:opacity .2s}.trade-catalog.is-committing .trade-card:not(.is-selected){opacity:0;pointer-events:none}.trade-catalog.is-committing .trade-card.is-selected{transform:translate(-50%,-50%) scale(1.12);border-color:white}
@media(max-width:760px){.trade-catalog.is-spread .trade-card{width:calc(33.333% - 11px);height:29%;border-width:2px}.trade-catalog.is-spread .trade-card-caption{font-size:12px;left:6px;bottom:7px}.trade-catalog.is-spread .trade-card-check{width:17px;height:17px;font-size:10px;top:4px;right:4px}}
@media(prefers-reduced-motion:reduce){.trade-card{transition:none}.trade-catalog.is-spread .trade-card:hover{transform:translate(-50%,-50%)}}

/* Selected image comes forward, then the scene gently pulls back to the full ad. */
.trade-catalog.is-committing .trade-card.is-selected{box-shadow:0 18px 42px #173e511c;border-color:#ffffffb3}

/* One clear invitation replaces the numbered carousel navigation. */
.trade-catalog-guide{position:absolute;top:-65px;left:0;right:0;text-align:center;color:#135c85;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.trade-catalog-guide strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.025em}.trade-catalog-guide span{display:block;font-size:12px;margin-top:5px;color:#566975}.trade-catalog-guide .guide-mobile{display:none}.trade-catalog-guide svg{position:absolute;width:80px;height:52px;left:calc(50% + 95px);top:17px;fill:none;stroke:#135c85;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trade-catalog-guide path{stroke-dasharray:140;stroke-dashoffset:140}
.awaiting-trade.trade-prompted .trade-catalog-guide{opacity:1;transform:none}.trade-prompted .trade-catalog-guide path{animation:trade-guide-draw .85s .15s ease-out forwards}.trade-prompted .trade-catalog-guide svg{animation:trade-guide-nudge 2.5s 1s ease-in-out infinite}
.trade-catalog.is-spread .trade-catalog-guide svg{opacity:0;transition:opacity .25s}.trade-catalog.is-committing .trade-catalog-guide,.trade-catalog.is-committing .trade-catalog-help{opacity:0}.trade-catalog.is-committing .trade-card-caption,.trade-catalog.is-committing .trade-card-check,.trade-catalog.is-committing .trade-card:after{opacity:0;transition:opacity .2s}
@keyframes trade-guide-draw{to{stroke-dashoffset:0}}@keyframes trade-guide-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:760px){.trade-catalog-guide{top:-37px}.trade-catalog-guide strong{font-size:18px}.trade-catalog-guide .guide-desktop{display:none}.trade-catalog-guide .guide-mobile{display:block}.trade-catalog-guide svg{width:55px;height:36px;left:calc(50% + 98px);top:17px}}
@media(prefers-reduced-motion:reduce){.trade-catalog-guide{transition:none}.trade-prompted .trade-catalog-guide svg,.trade-prompted .trade-catalog-guide path{animation:none;stroke-dashoffset:0}}

/* Keep a single visible choice prompt, beside its animated pointer. */
.ad-trade-picker.trade-enhanced,.trade-catalog-help{display:none}

/* Warm selection feedback within the blue/white catalogue. */
.trade-card.is-selected,.trade-catalog.is-committing .trade-card.is-selected{border-color:var(--accent-amber)}
.trade-card-check{background:var(--accent-amber);color:var(--accent-ink)}
.trade-catalog.is-spread .trade-card:focus-visible{border-color:var(--accent-amber)}
.trade-card:focus-visible{outline-color:var(--accent-ink)}

/* The selected image continues in 3D from its exact screen position. */
.trade-catalog.is-committing{pointer-events:none!important;opacity:0!important;transition:opacity .12s linear}
.trade-catalog.is-committing .trade-card{transition:none!important}
/* Lift the invitation as the trade catalogue spreads open. */
.trade-catalog.is-spread .trade-catalog-guide{opacity:1;transform:translateY(-26px)}
@media(max-width:760px){.trade-catalog.is-spread .trade-catalog-guide{transform:translateY(-32px)}}

/* Hover is a mouse affordance; touch must keep its chosen grid stable. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
 .trade-catalog.is-spread .trade-card:hover{transform:translate(-50%,-56%) rotate(0deg) scale(1.06);border-color:var(--accent-amber);z-index:20!important}
}
@media(max-width:760px){.trade-catalog.is-spread .trade-card:focus:not(:focus-visible){transform:translate(-50%,-50%) rotate(var(--spread-angle))}}