.lucky-wheel-section{background:var(--deep);color:#fff;padding-block:58px;border-top:1px solid #dbb66d55}
.lucky-wheel-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.lucky-wheel-copy{max-width:530px;min-width:0}.lucky-wheel-copy .eyebrow{color:#edcc94}
.lucky-wheel-copy h2{font-size:clamp(32px,4vw,49px);line-height:1.5;margin:0 0 14px}.lucky-wheel-copy h2 b{color:#edc681;display:inline-block;font-family:Arial,sans-serif}
.lucky-wheel-copy>p{color:#cfdee7;font-size:16px;margin:0 0 22px}
.wheel-service-label{display:block;font-size:16px;margin-bottom:8px;font-weight:700}
.wheel-service-select{display:block;width:100%;max-width:460px;min-height:52px;padding:10px 14px;border:1px solid #849eab;border-radius:5px;background:#fff;color:var(--navy);font:inherit;font-size:16px}
.wheel-service-select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.wheel-spin-button{margin-top:17px;cursor:pointer;min-height:54px;font:700 16px var(--font);padding:14px 26px;border:1px solid var(--gold);border-radius:5px;background:var(--gold);color:var(--deep)}
.wheel-spin-button:disabled{cursor:default;opacity:.7}.wheel-service-select:disabled{opacity:.7}
.wheel-stage{position:relative;width:min(100%,380px);aspect-ratio:1;margin:0 auto;padding:15px;direction:ltr;isolation:isolate}
.wheel-disc{position:relative;width:100%;height:100%;border-radius:50%;border:8px solid #e5bf7b;box-shadow:0 0 0 5px #816031,0 15px 45px #0006;background:conic-gradient(from -30deg,#254b5e 0deg 60deg,#e9c88c 60deg 120deg,#254b5e 120deg 180deg,#e9c88c 180deg 240deg,#254b5e 240deg 300deg,#e9c88c 300deg 360deg);transition:transform 3.6s cubic-bezier(.12,.68,.1,1);direction:ltr}
.wheel-disc>span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font:700 clamp(22px,4vw,29px)/1.2 Arial,sans-serif;color:#fff}
.wheel-disc>span:nth-child(even){color:#102a37}
.wheel-pointer{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:33px solid #f8e3b7;filter:drop-shadow(0 3px 2px #0005)}
.wheel-hub{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:28%;aspect-ratio:1;border-radius:50%;background:var(--deep);border:3px solid #e3bd76;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 18px #0005;line-height:1.5}
.wheel-hub strong{font:800 clamp(20px,4vw,28px)/1.2 Arial,sans-serif;color:#edcc94}.wheel-hub span{font-size:14px;color:#f4e2c3}
.wheel-visual{text-align:center;min-width:0}.wheel-visual>p{color:#d5e1e7;margin:24px 0 0;font-size:14px}
.wheel-status{margin-top:18px;color:#f4d7a3;min-height:1.9em;font-size:16px}
.wheel-result{margin-top:12px;border:1px solid #dcba77;padding:19px 22px;border-radius:7px;background:#163846}.wheel-result>strong{display:block;font-size:22px;color:#f6d496}.wheel-result p{font-size:16px;color:#dfebf0;margin:8px 0 16px}.wheel-result .button{font-size:16px;min-height:50px}.wheel-result small{display:block;color:#b8ccd7;font-size:14px;line-height:1.9;margin-top:15px}
.hero-wheel-link{display:inline-flex;align-items:center;gap:10px;color:#f4d7a3;border-bottom:1px solid #e3bd7690;padding:9px 0;font-size:16px;font-weight:700;margin-top:13px}
.request-wheel-offer{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #c99a4f;background:#fff6e3;padding:18px 20px;border-radius:8px;margin:0 0 25px}.request-wheel-offer strong{font-size:16px}.request-wheel-offer small{display:block;font-size:14px;color:#536572}.request-wheel-offer button{border:0;background:transparent;color:#744c0b;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;min-height:44px;padding:6px}
@media(max-width:760px){.lucky-wheel-layout{grid-template-columns:1fr;gap:30px}.lucky-wheel-section{padding-block:44px}.lucky-wheel-copy{max-width:none}.wheel-service-select{max-width:none}.wheel-spin-button{width:100%}.wheel-stage{width:min(100%,320px)}.wheel-disc>span{font-size:25px}.wheel-visual{grid-row:2}.wheel-result .button{display:flex;justify-content:center}.request-wheel-offer{align-items:flex-start;padding:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}}
