
/* Componenti e adattamenti: progettazione mobile first. */
:root{--red:#b44545;--shadow:0 10px 30px rgba(17,58,45,.055)}
img,svg{max-width:100%}a{text-underline-offset:3px}a:hover{color:#086a47}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a7d8c3;outline-offset:3px}.skip-link{position:fixed;top:-90px;left:12px;background:var(--deep);color:#fff;padding:9px 14px;border-radius:8px;z-index:99}.skip-link:focus{top:12px}.header-cta:hover,.hero-link:hover{background:#0d6247;color:white}.listing-section{padding-block:31px 30px;scroll-margin-top:90px}.listing-section>h2{font-size:clamp(1.45rem,3.4vw,2.3rem);line-height:1.22;letter-spacing:-.04em;color:var(--deep);margin:0 0 8px}.intro-note,.listing-footnote{color:var(--muted);font-size:.92rem;max-width:900px}.cards-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}.casino-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px;position:relative;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);min-width:0}.rank-number{font-size:.78rem;font-weight:900;color:#07724b;background:#e1f4e9;border-radius:8px;padding:5px 9px;align-self:flex-start}.card-main{display:flex;align-items:center;gap:14px;min-width:0}.brand-visual{width:104px;height:auto;aspect-ratio:360/152;object-fit:contain;border:1px solid #e2eae6;border-radius:10px;background:#f5f9f6;flex:none}.brand-head{min-width:0}.brand-head h3{margin:0;color:var(--deep);font-size:1.15rem;line-height:1.25}.card-subtitle{font-size:.77rem;color:var(--muted);margin:4px 0 0;line-height:1.35}.card-offer{background:#f2f8f4;padding:10px 12px;border-radius:10px}.bonus-amount{font-size:1.24rem;font-weight:820;color:var(--deep);margin:2px 0 0;line-height:1.3}.card-features{padding-left:19px;margin:0;display:grid;gap:5px;font-size:.92rem}.card-restriction{margin:0;color:var(--muted);font-size:.82rem}.card-restriction strong{color:var(--ink)}.card-link{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 14px;background:#e7f4ec;color:#086a49;border-radius:10px;font-weight:800;text-decoration:none;margin-top:auto}.card-link:hover{background:#cfebdc}.page-layout{padding-bottom:65px}.main-article{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(17px,3vw,40px);overflow-wrap:anywhere}.main-article h2,.editorial-section h2,.legal-notice h2{font-size:clamp(1.38rem,3vw,1.83rem);line-height:1.3;letter-spacing:-.026em;margin:34px 0 14px;color:var(--deep);scroll-margin-top:92px}.main-article h2:first-child{margin-top:0}.main-article h3{font-size:1.17rem;line-height:1.35;margin:25px 0 9px;color:#25574a;scroll-margin-top:92px}.main-article p,.editorial-section p,.legal-notice p{margin:10px 0 18px}.main-article ol,.main-article ul{padding-left:22px}.main-article li{padding-left:3px;margin-bottom:10px}.main-article strong{color:#214d40}.table-scroll{width:100%;overflow-x:auto;margin:17px 0 21px;border:1px solid var(--line);border-radius:11px;overscroll-behavior-inline:contain}.main-article table{width:100%;border-collapse:collapse;min-width:580px;font-size:.89rem}.main-article th{background:#e7f4ec;color:#1b4839;text-align:left;font-weight:750}.main-article td,.main-article th{padding:11px 12px;vertical-align:top;border-bottom:1px solid var(--line)}.main-article tr:last-child td{border-bottom:0}.main-article tr:nth-child(even) td{background:#fafdfa}.casino-review-img{margin:17px 0 27px;max-width:650px}.casino-review-img img{display:block;width:100%;height:auto;aspect-ratio:720/320;object-fit:cover;border:1px solid var(--line);border-radius:13px;background:#f5f8f6}.supplemental{max-width:900px;margin-top:22px;display:grid;gap:16px}.editorial-section,.legal-notice{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.editorial-section h2,.legal-notice h2{margin-top:0}.legal-notice{border-left:4px solid var(--red)}.site-footer{background:#133d32;color:#ebf5ef;margin-top:0;padding:35px 0 15px}.site-footer .brand{color:white}.footer-top{display:flex;flex-direction:column;gap:22px}.footer-about{max-width:510px}.footer-about p,.footer-bottom{color:#c4dcd1;font-size:.88rem}.footer-nav{display:flex;flex-wrap:wrap;gap:10px 22px;align-content:start}.footer-nav a{color:#e6f2eb;text-decoration:none;font-size:.92rem}.footer-nav a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff2d;margin-top:26px;padding-top:10px}.footer-bottom p{margin:7px 0}.privacy-layout{max-width:950px;padding-top:33px;padding-bottom:60px}.back-link{font-weight:700;text-decoration:none}.privacy-header h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;color:var(--deep);letter-spacing:-.04em;margin:12px 0}.privacy-header p{color:var(--muted)}.privacy-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,35px);margin-top:20px}.privacy-content h2{font-size:1.28rem;margin:23px 0 7px;color:var(--deep)}.privacy-content section:first-child h2{margin-top:0}.privacy-content p{margin:5px 0 15px}.privacy-content strong{color:#9a3939}
@media (min-width:660px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.casino-card{padding:19px}.brand-visual{width:126px}.hero{padding:39px 0 32px}.listing-section{padding-top:38px}}
@media (min-width:930px){.desktop-nav{display:flex;gap:19px;align-items:center;margin-left:auto}.desktop-nav a{font-size:.87rem;color:var(--ink);text-decoration:none;font-weight:680}.desktop-nav a:hover{color:var(--green)}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:45px 0 35px}.footer-top{flex-direction:row;justify-content:space-between}.footer-nav{max-width:510px}.casino-card{gap:13px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Мобільна адаптація: текст і картки не повинні розширювати документ. */
@media (max-width:659px){.container,.hero-inner,.main-article,.privacy-content,.editorial-section,.legal-notice,.casino-card,.card-main,.brand-head{min-width:0;max-width:100%}.main-article,.privacy-content{overflow-wrap:anywhere}.table-scroll{max-width:100%}.brand-head h3,.card-subtitle{overflow-wrap:anywhere}}
