/* silver-sands.co.za: SilverSands brand layer and question-desk components */
:root{--bg:#1A1214;--dark:#0F0C0D;--surface:#23191C;--card:#23191C;--gold:#E8C15A;--gold-light:#F0D48A;--red:#C1162E;--red-hover:#A51228;--green:#16A34A;--muted:#D4DCE6;--border:#4A3D32;--display:"Barlow Condensed","Arial Narrow",sans-serif-condensed,sans-serif;--gold-grad:linear-gradient(90deg,#E8C15A,#F0D48A)}
body{background:#1A1214;color:#FFFFFF;font-size:16px}
p,li,td{color:var(--muted);font-size:16px;line-height:1.65}
h1,h2,h3,summary{font-family:var(--display);font-weight:700;text-transform:uppercase;color:var(--gold);letter-spacing:.01em}
h1{font-size:clamp(42px,6vw,72px);line-height:1}
h2{font-size:clamp(28px,3.4vw,38px);line-height:1.08}
h3{font-size:25px;line-height:1.1}
a:hover{color:var(--gold-light)}
main{display:block}
main p a,.qd-fine a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}
.eyebrow{font-size:12px;color:var(--gold-light)}
.topline{justify-content:center;padding:7px 16px;font-size:12px}
.header{height:auto;min-height:72px;padding-block:12px;border-bottom:0;flex-wrap:wrap}
.header>a:first-child{display:inline-flex;align-items:center;flex:none}
.header>a:first-child img{height:44px;width:auto;object-fit:contain}
.header nav{font-size:15px;font-weight:500;flex-wrap:wrap;row-gap:6px}
.header nav [aria-current]{color:var(--gold);font-weight:600}
.header-link{font-size:14px;color:var(--gold-light);border:1px solid var(--border);border-radius:8px;padding:9px 14px}
.header-link span{margin-left:6px}
body>header{position:relative}
body>header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-grad);border-radius:2px}
.claim{background:var(--red);color:#FFFFFF;border-radius:10px;gap:14px;font-size:16px;font-weight:700;padding:14px 22px;min-height:52px;justify-content:center;text-align:center}
.claim:hover{background:var(--red-hover);color:#FFFFFF}
.coupon{border:1px dashed var(--gold);border-radius:10px;gap:14px;background:var(--dark)}
.coupon strong{font-family:var(--display);font-size:22px;letter-spacing:.06em}
.copy-label{font-size:13px}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:22px 0 14px}
.back-link{font-size:15px;margin:0}
.micro{font-size:13px;line-height:1.6}

/* offer box and sticky bar: same hooks, brand colours */
html body .ss-cta-block{width:min(1240px,100% - 96px);max-width:none;margin:40px auto;padding:20px 24px;background:var(--dark);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:14px;color:#FFFFFF}
html body .ss-cta-block .ss-cta-offer{color:#FFFFFF}
html body .ss-cta-block .ss-cta-offer b{color:var(--gold)}
html body .ss-cta-block .ss-cta-small{opacity:1;color:var(--muted);font-size:13px}
html body a.ss-cta-btn{background:#C1162E!important;color:#FFFFFF!important}
html body a.ss-cta-btn:hover{background:#A51228!important;filter:none}
html body a.ss-cta-btn span{margin-left:8px}
html body .ss-cta-bar{background:#0F0C0D!important;border-top:1px solid #4A3D32!important;color:#FFFFFF!important}
html body .ss-cta-bar .ss-cta-bar-txt{color:#D4DCE6}
html body .ss-cta-bar .ss-cta-bar-txt b{color:#E8C15A}
html body .ss-cta-bar .ss-cta-x{color:#FFFFFF}
html body .ss-cta-bar a.ss-cta-btn{background:#C1162E!important;color:#FFFFFF!important}

/* shared pieces */
.qd-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px}
.qd-card>h2,.qd-card>h3{margin-bottom:12px}
.qd-card>p{margin:0 0 12px}
.qd-card>p:last-child{margin-bottom:0}
.qd-q{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
.qd-q::before{content:"Q";grid-row:span 9;width:44px;height:44px;border-radius:50%;background:var(--gold-grad);color:var(--dark);font:700 26px/44px var(--display);text-align:center}
.qd-q>*{grid-column:2}
.qd-sec{margin-block:44px}
.qd-sec-title{margin-bottom:18px}
.qd-sec-title p{margin:8px 0 0}
.qd-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.qd-tick,.qd-steps{list-style:none;margin:0;padding:0}
.qd-tick li{position:relative;padding:0 0 10px 30px}
.qd-tick li::before{content:"";position:absolute;left:3px;top:6px;width:13px;height:7px;border:solid var(--gold);border-width:0 0 3px 3px;transform:rotate(-45deg)}
.qd-steps{counter-reset:s}
.qd-steps li{counter-increment:s;position:relative;padding:0 0 18px 52px;min-height:48px}
.qd-steps li:last-child{padding-bottom:0}
.qd-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font:700 21px/32px var(--display);text-align:center}
.qd-steps li:not(:last-child)::after{content:"";position:absolute;left:17px;top:40px;bottom:4px;width:2px;background:var(--border)}
.qd-sum{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qd-sum li{background:var(--dark);border:1px solid var(--border);border-radius:12px;padding:14px;font-size:13px;line-height:1.3;text-align:center}
.qd-sum b{display:block;font:700 clamp(26px,3vw,36px)/1.1 var(--display);color:var(--gold-light);margin-bottom:4px}
.qd-sum li:last-child{border-color:var(--gold)}
.qd-sum li:last-child b{color:var(--gold)}
.qd-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin-bottom:18px}
.qd-table{width:100%;border-collapse:collapse;background:var(--card);font-size:15px}
.qd-table caption{text-align:left;padding:12px 16px;color:var(--muted);font-size:14px;background:var(--dark)}
.qd-table th,.qd-table td{padding:12px 16px;text-align:left;border-top:1px solid var(--border);font-size:15px;white-space:nowrap}
.qd-table td{color:#FFFFFF}
.qd-table thead th{font:700 18px/1.1 var(--display);text-transform:uppercase;color:var(--gold);background:var(--dark)}
.qd-table tbody th{font-weight:600;color:var(--gold-light)}
details.qd-acc{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0;margin-bottom:12px}
details.qd-acc summary{cursor:pointer;padding:16px 50px 16px 20px;font-size:23px;line-height:1.12;position:relative;list-style:none}
details.qd-acc summary::-webkit-details-marker{display:none}
details.qd-acc summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:30px;color:var(--gold-light);font-weight:600}
details.qd-acc[open] summary::after{content:"\2212"}
details.qd-acc[open] summary{border-bottom:1px solid var(--border)}
details.qd-acc p{margin:0;padding:14px 20px 0}
details.qd-acc p:last-child{padding-bottom:18px}

/* inner page intro */
.qd-head{padding-block:38px 8px}
.qd-head h1{margin:12px 0 14px;max-width:920px}
.qd-head>p{max-width:760px;margin:0;font-size:17px}

/* home: split lead with offer ticket */
.qd-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:36px;align-items:center;padding-block:44px 30px}
.qd-lead h1{margin:12px 0 14px}
.qd-lead-text>p{margin:0;font-size:17px;max-width:620px}
.qd-lead .qd-fine{font-size:14px;margin-top:6px}
.qd-ticket{position:relative;background:linear-gradient(160deg,#23191C,#23191C);border:1px solid var(--gold);border-radius:18px;padding:22px 24px}
.qd-ticket::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--gold-grad);border-radius:18px 18px 0 0}
.qd-ticket-name{display:block;font:700 15px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light)}
.qd-ticket-big{display:block;font:700 clamp(58px,7vw,84px)/1 var(--display);color:var(--gold);margin:8px 0 2px}
.qd-ticket-sub{display:block;font:700 22px/1.1 var(--display);text-transform:uppercase;color:#FFFFFF;margin-bottom:12px}
.qd-ticket dl{margin:0;border-top:1px dashed var(--border)}
.qd-ticket dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--border)}
.qd-ticket dl div:last-child{border-bottom:0;padding-bottom:0}
.qd-ticket dt{color:var(--muted);font-size:14px}
.qd-ticket dd{margin:0;color:#FFFFFF;font-weight:600;font-size:14px;text-align:right}
.qd-index{padding:14px 18px;background:var(--dark);border:1px solid var(--border);border-radius:14px}
.qd-index>span{display:block;font:700 18px/1.2 var(--display);text-transform:uppercase;color:var(--gold-light);margin-bottom:10px}
.qd-index ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.qd-index a{display:block;padding:7px 12px;border:1px solid var(--border);border-radius:999px;font-size:14px;line-height:1.3;color:#FFFFFF}
.qd-index a:hover{border-color:var(--gold);color:var(--gold-light)}
.qd-mean{margin-block:30px 20px;background:linear-gradient(120deg,#23191C,#1A1214);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:16px;padding:28px}
.qd-mean-body{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;margin-top:10px}
.qd-mean-body p{margin:0}
.qd-sumcard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px 30px;align-items:start}
.qd-sumcard h2,.qd-sumcard .qd-sum{grid-column:1/-1}
.qd-sumcard p{margin:0}
.qd-deluxe{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center}
.qd-deluxe picture img,.qd-logo picture img{display:block;max-width:100%;height:auto}
.qd-deluxe picture img{max-width:190px}
.qd-deluxe h2{margin-bottom:6px}
.qd-deluxe p{margin:0}
.qd-second{padding:22px 24px;border:1px dashed var(--border);border-radius:16px;background:var(--dark)}
.qd-second h2{font-size:26px;color:var(--gold-light)}
.qd-second>p{margin:6px 0 16px;font-size:15px}
.qd-second article{border-left:2px solid var(--border);padding-left:16px}
.qd-second h3{font-size:20px;color:var(--gold-light);margin-bottom:6px}
.qd-second article p{font-size:14px;margin:0}
.qd-second .micro{margin:16px 0 0}

/* bonus */
.qd-bhead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:center;padding-block:38px 0}
.qd-bhead h1{margin:12px 0 14px}
.qd-bhead-text>p{margin:0;font-size:17px}
.qd-bhead .coupon{margin-top:18px}
.qd-callout{border-left:4px solid var(--gold)}
.qd-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}

/* deluxe: question column beside answer */
.qd-dhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-block:38px 8px}
.qd-dhead h1{margin:12px 0 14px}
.qd-dhead-text>p{margin:0;font-size:17px;max-width:760px}
.qd-logo{background:var(--dark);border:1px solid var(--border);border-radius:16px;padding:18px 22px}
.qd-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px 34px;padding-block:24px;border-top:1px solid var(--border)}
.qd-row h2{font-size:30px}
.qd-row p{margin:0 0 10px}
.qd-row p:last-child{margin-bottom:0}
.qd-end{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding-block:18px 8px}

/* games */
.qd-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;counter-reset:g}
.qd-games>article{grid-column:span 3}
.qd-games>.qd-wide{grid-column:1/-1}
.qd-games>.qd-third{grid-column:span 2}
.qd-tag{display:inline-block;font:700 14px/1 var(--display);letter-spacing:.1em;color:var(--dark);background:var(--gold-grad);border-radius:6px;padding:5px 8px;margin-bottom:12px}
.qd-note{margin-top:14px;padding:14px 16px;background:var(--dark);border-radius:12px;border-left:3px solid var(--green)}
.qd-note p{margin:0}

/* payments: phase timeline */
.qd-phase{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0 26px;position:relative}
.qd-phase-label{position:sticky;top:16px;align-self:start;font:700 26px/1.05 var(--display);text-transform:uppercase;color:var(--gold-light);padding-top:4px}
.qd-phase-body{border-left:2px solid var(--border);padding:0 0 30px 26px;display:grid;gap:18px}
.qd-phase-body>article{position:relative}
.qd-phase-body>article::before{content:"";position:absolute;left:-34px;top:30px;width:14px;height:14px;border-radius:50%;background:var(--gold)}
.qd-receipt{margin:0 0 14px;padding:14px 16px;background:var(--dark);border:1px dashed var(--gold);border-radius:12px;max-width:420px}
.qd-receipt div{display:flex;justify-content:space-between;gap:20px;padding:4px 0}
.qd-receipt dt{color:var(--muted);font-size:15px}
.qd-receipt dd{margin:0;color:#FFFFFF;font-weight:600}
.qd-receipt div:last-child{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}
.qd-receipt div:last-child dd{color:var(--gold)}

/* faq */
.qd-faq{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:30px;align-items:start;margin-block:26px 44px}
.qd-faq h2{font-size:26px;color:var(--gold-light);margin:0 0 12px}
.qd-faq-group+.qd-faq-group{margin-top:26px}
.qd-faq-side{position:sticky;top:16px}
html body .qd-faq-side .ss-cta-block{width:auto;margin:0;flex-direction:column;align-items:stretch}

/* support, terms, privacy, contact */
.qd-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;background:linear-gradient(120deg,#23191C,#23191C);border:1px solid var(--gold);border-radius:16px;padding:22px 26px;margin-top:26px}
.qd-help-label{font:700 22px/1.1 var(--display);text-transform:uppercase;color:var(--gold-light)}
.qd-help-tel{font:700 clamp(38px,5vw,54px)/1 var(--display);color:var(--gold)}
.qd-clauses{list-style:none;margin:26px 0 30px;padding:0;counter-reset:c;max-width:900px}
.qd-clauses>li{counter-increment:c;display:grid;grid-template-columns:60px minmax(0,1fr);padding-block:22px;border-top:1px solid var(--border)}
.qd-clauses>li::before{content:counter(c,decimal-leading-zero);font:700 32px/1 var(--display);color:var(--gold)}
.qd-clauses h2{font-size:27px;margin-bottom:8px}
.qd-clauses p{margin:0}
.qd-narrow{max-width:900px}
.qd-table-rows{margin-block:26px 30px}
.qd-table-rows .qd-row h2{font-size:25px}
.qd-mail{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;background:var(--dark);border:1px solid var(--border);border-radius:14px}
.qd-mail .text-link{font-size:16px}
.qd-404{padding-block:60px 90px;max-width:760px}
.qd-404 h1{margin-bottom:14px}
.qd-404 p{margin:0 0 22px}
.qd-404 .text-link{margin-left:16px;font-size:15px}

/* footer */
footer.wrap{margin-top:40px;padding-top:24px;border-top:2px solid var(--border)}
footer .wordmark{font-weight:700;color:var(--gold)}
footer .footer-top p,footer .footer-links{font-size:14px}
footer .footer-links{margin:16px 0}
footer .micro{font-size:13px}
footer .footer-bottom{font-size:13px;margin-top:14px;padding-top:14px}
.ss80-net-backlink{margin:14px 0 0;font-size:13px}
.ss80-net-backlink a{color:var(--gold-light);text-decoration:underline}

@media (max-width:900px){
.qd-lead,.qd-bhead,.qd-faq,.qd-order,.qd-row,.qd-dhead,.qd-deluxe,.qd-sumcard{grid-template-columns:minmax(0,1fr)}
.qd-faq-side{position:static}
.qd-cols,.qd-mean-body{grid-template-columns:minmax(0,1fr)}
.qd-games>article,.qd-games>.qd-third{grid-column:1/-1}
.qd-phase{grid-template-columns:minmax(0,1fr)}
.qd-phase-label{position:static;padding-bottom:12px}
.qd-logo{justify-self:start}
}
@media (max-width:760px){html body .ss-cta-block{width:calc(100% - 36px);margin:28px auto}}
@media (max-width:760px){
html body .ss-cta-bar{flex-wrap:wrap;gap:6px 8px}
html body .ss-cta-bar .ss-cta-bar-txt{flex:1 1 calc(100% - 44px);font-size:13px;order:1}
html body .ss-cta-bar .ss-cta-x{order:2}
html body .ss-cta-bar a.ss-cta-btn{order:3;flex:1 1 100%!important;width:100%!important}
html body{padding-bottom:132px}
}
@media (max-width:600px){
.wrap{width:calc(100% - 36px)}
.header{justify-content:space-between;min-height:0;gap:8px;padding:10px 0 12px}
.header nav{font-size:14px;gap:6px 14px;justify-content:flex-start}
h1{font-size:40px}
.qd-card,.qd-mean{padding:20px}
.qd-q{grid-template-columns:34px 1fr;column-gap:10px}
.qd-q::before{width:34px;height:34px;font-size:21px;line-height:34px}
.qd-mean-body{grid-column:1/-1}
.qd-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-actions{flex-direction:column;align-items:stretch;max-width:none;margin-inline:0}
.claim,.coupon{width:100%}
.qd-table th,.qd-table td{padding:10px;font-size:14px}
.qd-clauses>li{grid-template-columns:44px minmax(0,1fr)}
.qd-phase-body{padding-left:18px}
.qd-phase-body>article::before{left:-26px}
details.qd-acc summary{font-size:21px}
.qd-404 .text-link{display:block;margin:14px 0 0}
footer{padding-bottom:28px}
}

/* Final brand and responsive interaction pass. */
.header{background:var(--dark);border-radius:0 0 14px 14px;padding-inline:18px}
.header nav a{padding-block:10px}
.qd-lead{align-items:start}
.qd-lead-text{padding-top:10px}
.qd-ticket{box-shadow:0 18px 40px #0F0C0D}
.qd-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.qd-index a{height:100%;border-radius:8px;padding:11px 14px}
.qd-index li:last-child{grid-column:1/-1}
.qd-card,.qd-ticket,.qd-lead-text,.qd-phase-body{min-width:0}
.qd-mail a{overflow-wrap:anywhere}
.qd-table-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
html body .ss-cta-cb:checked+.ss-cta-bar{display:none!important}
@media (max-width:768px){
html body .ss-cta-bar{flex-wrap:wrap;gap:6px 8px}
html body .ss-cta-bar .ss-cta-bar-txt{flex:1 1 calc(100% - 44px);font-size:13px;order:1}
html body .ss-cta-bar .ss-cta-x{order:2;min-width:44px;min-height:44px;text-align:center}
html body .ss-cta-bar a.ss-cta-btn{order:3;flex:1 1 100%!important;width:100%!important}
html body:has(.ss-cta-bar){padding-bottom:calc(150px + env(safe-area-inset-bottom))}
html body:has(.ss-cta-cb:checked){padding-bottom:0}
}
@media (max-width:600px){
.qd-index ul{grid-template-columns:minmax(0,1fr)}
.header{padding-inline:12px}
.header nav{gap:0 14px}
.qd-lead{gap:20px;padding-top:26px}
.qd-ticket{padding:22px 20px}
.qd-ticket-big{font-size:64px}
}