/* Home-only CSS. Preserve source order: legacy base, theme, home refinement, shared shell refinement. No remote font imports. */
/* /css/styles.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height: 1;}ol, ul{list-style: none;}:root{--bg-color-primary: #000000;--bg-color-secondary: #1a1a1a;--bg-color-tertiary: #2b2b2b;--bg-color-quaternary: #3d3d3d;--bg-color-quinary: #4d4d4d;--text-color-primary: #ffffff;--text-color-secondary: #eeeeee;--default-color-primary: #0188E0;--default-color-secondary: #FF0063;}.single-line{white-space: nowrap;}.hidden{display: none !important;}body, header, main, footer{box-sizing: border-box;}html, body{overflow-x: hidden;}html{background-color: var(--bg-color-primary);font-family: 'Montserrat', sans-serif;background-color: var(--bg-color-primary);color: var(--text-color-primary);}body{display: flex;flex-direction: column;justify-content: space-between;min-height: calc(100dvh - (7dvh + 1px));margin-bottom: calc(7dvh + 1px);}main{padding-top: calc(7dvh + 1px);}h1, h2, h3{font-weight: 600;}h1{font-size: 3em;color: var(--text-color-primary);}h2{font-size: 1.5em;}h3{font-size: 1.2em;}p{font-size: 1em;color: #8a8a8a;}a{text-decoration: none;}a i, a span{color: var(--text-color-primary);}.row{display: flex;flex-direction: row;}.flex-gap-0--5{gap: 0.5em;}select{width: 100%;padding: 0.8em 1em;font-size: 1em;border-radius: 0.5em;border: 1px solid var(--bg-color-quaternary);background-color: var(--bg-color-secondary);color: var(--text-color-primary);appearance: none;-webkit-appearance: none;-moz-appearance: none;text-align: center;}select option{background-color: var(--bg-color-primary);color: var(--text-color-primary);}.confirm-button{background-color: var(--default-color-primary);box-shadow: 0 4px 20px rgba(1, 136, 224, 0.25);}.confirm-button, .decline-button{border: none;padding: 1em;font-size: 1em;color: var(--text-color-primary);font-weight: 700;border-radius: 0.5em;text-align: center;}header{background-color: var(--bg-color-primary);color: var(--text-color-primary);border-bottom: 1px solid var(--bg-color-quaternary);position: fixed;top: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 1001;box-sizing: border-box;transition: transform .35s ease, opacity .35s ease;}.header-line{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;max-width: 1200px;height: 7dvh;overflow: visible;}.header-line img{height: 7dvh;width: 16dvh;object-fit: cover;object-position: center 52.5%;}#iconMenu{position: relative;flex-shrink: 0;width: 7dvh;height: 7dvh;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1.5em;-webkit-tap-highlight-color: transparent;}.notification-badge{position: absolute;top: 0.5dvh;right: 0.5dvh;min-width: 18px;height: 18px;box-sizing: border-box;padding: 0 5px;display: flex;align-items: center;justify-content: center;background: red;color: white;border-radius: 999px;font-size: 11px;font-weight: bold;line-height: 1;z-index: 2;}.notification-badge.hidden{display: none !important;}#nav-placeholder{display: flex;width: 100%;min-height: 60px;background-color: #000;transition: height .35s ease, min-height .35s ease, opacity .35s ease;}.nav-bar{position: fixed;top: calc(7dvh + 1px);bottom: calc(7dvh + 1px);left: 0;right: 0;width: 100%;box-sizing: border-box;background: rgba(0, 0, 0, .65);z-index: 1000;visibility: hidden;opacity: 0;pointer-events: none;transition: opacity .25s ease, visibility .25s ease;}.nav-bar.active{visibility: visible;opacity: 1;pointer-events: auto;}.nav-column{position: absolute;top: 0;left: 0;right: auto;width: clamp(0px, 75vw, 400px);height: 100%;min-height: 100%;margin: 0;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;background: var(--bg-color-tertiary);transform: translateX(-100%);transition: transform .35s ease;will-change: transform;}.nav-bar.active .nav-column{transform: translateX(0);}.nav-notification-wrapper{position: relative;display: flex;align-items: center;justify-content: center;min-width: 40px;min-height: 40px;}.nav-container{background-color: var(--bg-color-primary);color: var(--text-color-primary);border-top: 1px solid var(--bg-color-quaternary);position: fixed;bottom: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 1002;}.nav-row{display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;width: 100%;max-width: 1200px;height: 7dvh;overflow: hidden;}.nav-notification-wrapper{position: relative;}#notificationPopup{position: absolute;top: calc(100% + 8px);left: calc(100% - min(75vw, 400px) + 16px);right: auto;width: min(75vw, 400px);max-height: 60dvh;overflow-y: auto;box-sizing: border-box;background: var(--bg-color-tertiary);border: 1px solid var(--bg-color-quaternary);z-index: 3000;box-shadow: 0 8px 24px rgba(0, 0, 0, .45);}.notification-item{padding: 15px;border-bottom: 1px solid var(--bg-color-quaternary);}.notification-item:last-child{border-bottom: none;}.notification-item h3{color: var(--text-color-primary);font-size: 15px;margin: 0 0 6px;}.notification-item p{color: var(--text-color-secondary);font-size: 13px;line-height: 1.4;margin: 0;}#userBalanceWrapper{display: flex;align-items: center;gap: .5em;border: 1px solid var(--default-color-secondary);border-radius: 2em;padding: .5em 1em;margin-right: 1em;text-decoration: none;color: var(--text-color-primary);white-space: nowrap;}#userBalanceWrapper.hidden, #headerRegister.hidden{display: none !important;}@media (prefers-reduced-motion: reduce){.nav-column, .nav-bar, header{transition-duration: .01ms;}}footer{background-color: var(--bg-color-secondary);align-items: center;padding-bottom: 2em;}footer img{height: 6dvh;width: 12dvh;object-fit: cover;object-position: center 40%;filter: grayscale(100%);}footer a{color: var(--text-color-primary);text-decoration: none;}.footer-cnpj{margin: 1dvh 0;}#btnTop{color: #ffffff;background-color: var(--bg-color-quinary);border: var(--bg-color-quinary) solid;height: 4dvh;font-size: 0.8em;width: 100%;border: none;padding: 0;}#location_results{position: absolute;background: var(--bg-color-primary);width: calc(90% + 1em + 2px);list-style: none;max-height: 220px;overflow-y: auto;z-index: 10;top: 100%;}#ageVerificationOverlay{position: fixed;top: 0;left: 0;width: 100vw;height: 100dvh;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(8px);display: flex;justify-content: center;align-items: center;z-index: 999999;overflow-y: hidden;padding: 2em;box-sizing: border-box;}.age-modal{width: 90%;max-width: 420px;background: var(--bg-color-secondary);border: 1px solid rgba(255,255,255,0.08);border-radius: 1.5em;padding: 2em;display: flex;flex-direction: column;gap: 1.25em;text-align: center;box-shadow:0 0 30px rgba(0,0,0,0.4);margin: auto;}.age-badge{display: flex;align-items: center;justify-content: center;gap: 0.5em;color: var(--default-color-primary);font-weight: 600;}.age-badge i{font-size: 1.1em;}.age-modal h2{font-size: 2em;line-height: 1.1;}.age-modal p{line-height: 1.6;}.age-buttons{display: flex;flex-direction: column;gap: 1em;margin-top: 0.5em;}.age-buttons button{width: 100%;padding: 1em;cursor: pointer;}html.age-lock, body.age-lock{overflow: hidden !important;height: 100dvh !important;max-height: 100dvh !important;touch-action: none !important;overscroll-behavior: none !important;}body.age-lock{margin-bottom: 0 !important;}@keyframes slideUp{from{transform: translateY(100%);}to{transform: translateY(0);}}.premium-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(6px);display: flex;justify-content: center;align-items: center;z-index: 9999;}.premium-box{width: 400px;max-width: 90%;background: #111;border-radius: 12px;padding: 25px;color: white;position: relative;animation: fadeIn 0.2s ease;}.premium-header{display: flex;align-items: center;gap: 10px;}.premium-icon{color: #1da1f2;font-size: 24px;}.premium-content ul{margin: 15px 0;padding-left: 20px;}.premium-btn{width: 100%;padding: 12px;border: none;border-radius: 8px;background: #1da1f2;color: white;font-weight: bold;cursor: pointer;font-size: 16px;}.premium-btn:hover{opacity: 0.9;}.premium-close{position: absolute;right: 15px;top: 15px;background: none;border: none;color: white;font-size: 18px;cursor: pointer;}@keyframes fadeIn{from{opacity: 0;transform: scale(0.95);}to{opacity: 1;transform: scale(1);}}.hidden{display: none !important;}.premium-overlay{position: fixed;inset: 0;width: 100vw;height: 100dvh;background: rgba(0,0,0,.75);backdrop-filter: blur(8px);display: flex;justify-content: center;align-items: center;z-index: 999999;}.premium-modal{width: 100vw;max-width: 1300px;max-height: 95dvh;background: var(--bg-color-primary);border-radius: 20px;position: relative;}.premium-close{position: absolute;right: 20px;top: 20px;width: 40px;height: 40px;border: none;border-radius: 50%;background: #222;color: white;cursor: pointer;z-index: 10;}@keyframes pop{0%{transform: scale(1);}50%{transform: scale(1.4);}100%{transform: scale(1);}}
/* Dynamic home states: suggestions, authenticated header, existing confirmation controls and static fallback navigation. */
.decline-button{ background-color: var(--default-color-secondary); box-shadow: 0 4px 20px rgba(224, 1, 194, 0.25); }.confirm-button, .decline-button{ border: none; padding: 1em; font-size: 1em; color: var(--text-color-primary); font-weight: 700; border-radius: 0.5em; text-align: center; }#iconNotification{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 1.2em; cursor: pointer; border-radius: 50%; -webkit-tap-highlight-color: transparent; }#iconNotification:hover{ background-color: rgba(255, 255, 255, .08); }.nav-line{ display: flex; flex-direction: row; align-items: center; gap: 1em; border-bottom: 1px solid var(--text-color-primary); margin: 0 1em; padding: 1.5em 0; cursor: pointer; }.nav-line p{ color: var(--text-color-primary); font-size: 1.2em; font-weight: 700; }#location_results{ position: absolute; background: var(--bg-color-primary); width: calc(90% + 1em + 2px); list-style: none; max-height: 220px; overflow-y: auto; z-index: 10; top: 100%; }#location_results li{ padding: 8px; cursor: pointer; border-bottom: 1px solid var(--text-color-primary) ; }#location_results li:hover{ background: var(--bg-color-primary); }
/* /css/theme.css */
:root{--dm-text: #252525;--dm-secondary: #555;--dm-muted: #666;--dm-line: #e4e4e4;--dm-bg: #fff;--dm-sidebar: #fafafa;--dm-surface: #f7f7f7;--dm-hover: #f1f1f1;--dm-active: #ededed;--dm-button: #282828;--dm-button-text: #fff;--dm-media: #f5f4f2;--dm-error: #a12936;--dm-success: #276344;--dm-sidebar-width: 232px;--bg-color-primary: var(--dm-bg);--bg-color-secondary: var(--dm-sidebar);--bg-color-tertiary: var(--dm-surface);--bg-color-quaternary: var(--dm-line);--bg-color-quinary: var(--dm-active);--text-color-primary: var(--dm-text);--text-color-secondary: var(--dm-secondary);--default-color-primary: var(--dm-button);--default-color-secondary: var(--dm-muted);color-scheme: light;}:root[data-tema="preto"]{--dm-text:#f1f1f3;--dm-secondary:#d4d4dc;--dm-muted:#b6b6c1;--dm-line:#45454f;--dm-bg:#161618;--dm-sidebar:#1d1d21;--dm-surface:#25252b;--dm-hover:#34343b;--dm-active:#34343b;--dm-button:#eeeef2;--dm-button-text:#202025;--dm-media:#222226;--dm-error:#ffb3bd;--dm-success:#a8ddbb;color-scheme:dark;}:root[data-tema="cinza"]{--dm-text:#25262b;--dm-secondary:#484a53;--dm-muted:#575a65;--dm-line:#c3c6ce;--dm-bg:#e9eaee;--dm-sidebar:#e0e2e7;--dm-surface:#f1f2f5;--dm-hover:#d7dae2;--dm-active:#d3d6de;--dm-media:#dfe1e7;}:root[data-tema="azul"]{--dm-text:#25313e;--dm-secondary:#455b70;--dm-muted:#52677c;--dm-line:#cbdde9;--dm-bg:#eff7fd;--dm-sidebar:#e8f2fa;--dm-surface:#e5f0f8;--dm-hover:#dbeaf6;--dm-active:#dbeaf6;--dm-button:#293e51;--dm-media:#e3edf3;}:root[data-tema="lavanda"]{--dm-text:#302b39;--dm-secondary:#595066;--dm-muted:#6a5e79;--dm-line:#e0d6eb;--dm-bg:#fff;--dm-sidebar:#faf7fd;--dm-surface:#f4eff9;--dm-hover:#eee6f6;--dm-active:#eee6f6;--dm-button:#41364f;--dm-media:#f3eef7;}*{box-sizing:border-box;}html{font-family:Arial,Helvetica,sans-serif;color:var(--dm-text);background:var(--dm-bg);scroll-padding-top:88px;}body{background:var(--dm-bg) !important;color:var(--dm-text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;margin:0;min-height:100svh;}body.dm-shell{display:block;margin:0;min-width:0;}button,input,select,textarea{font:inherit;}a{color:inherit;text-decoration:none;}a,button,select{-webkit-tap-highlight-color:transparent;}button,a,input,select,textarea{touch-action:manipulation;}button{cursor:pointer;}button:disabled{cursor:not-allowed;opacity:.65;}button:active:not(:disabled){transform:translateY(1px);}:focus-visible{outline:2px solid var(--dm-text);outline-offset:4px;}img,video{max-width:100%;}h1,h2,h3{color:var(--dm-text);line-height:1.25;font-weight:600;text-shadow:none !important;}h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.25px;}h2{font-size:22px;letter-spacing:-.6px;}h3{font-size:17px;letter-spacing:-.3px;}p{color:var(--dm-muted);font-size:14px;line-height:1.75;}a i,a span{color:inherit;}.hidden{display:none !important;}.skip-link,.dm-skip-link{position:fixed;z-index:1000000;left:250px;top:-100px;padding:12px 18px;background:var(--dm-button);color:var(--dm-button-text);border-radius:8px;}.skip-link:focus,.dm-skip-link:focus{top:12px;}body.dm-shell > main{width:auto;max-width:none;min-height:65svh;margin:0 0 0 var(--dm-sidebar-width) !important;padding:104px 40px 64px;align-items:stretch;gap:32px;}body.dm-shell .main-header{position:fixed;inset:0 0 auto var(--dm-sidebar-width);width:auto;height:72px;min-height:0;z-index:80;border-bottom:1px solid var(--dm-line);background:var(--dm-bg);box-shadow:none;}.header-line{width:100%;max-width:none;height:72px;min-height:0;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.header-line > div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-left:auto;}.header-line > .dm-brand{opacity:0;visibility:hidden;pointer-events:none;}.dm-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--dm-text);}.dm-brand-art{display:block;width:160px;max-width:100%;flex-shrink:0;aspect-ratio:5 / 2;}.dm-brand-art .dm-brand-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:5 / 2;object-fit:contain;object-position:center;filter:none;transform:none;}.dm-brand-art .dm-brand-on-dark{display:none;}:root[data-tema="preto"] .dm-brand-art .dm-brand-on-dark{display:block;}:root[data-tema="preto"] .dm-brand-art .dm-brand-on-light{display:none;}.header-line .dm-brand-art{width:128px;}.dm-sidebar-brand .dm-brand-art{width:174px;}.dm-footer-logo .dm-brand-art,.status-brand .dm-brand-art{width:180px;}.dm-header-login{min-height:44px;display:inline-flex;align-items:center;font-size:13px;color:var(--dm-secondary);}#headerRegister{margin:0 !important;min-height:40px;padding:9px 17px !important;font-size:12px;border-radius:8px;}#userBalanceWrapper{color:var(--dm-text);border:1px solid var(--dm-line);border-radius:8px;padding:8px 12px;min-height:40px;}#iconMenu{display:none;color:var(--dm-text);}#iconMenu svg{width:21px;height:21px;}body.dm-shell .nav-bar{display:block;position:fixed;inset:0 auto 0 0;width:var(--dm-sidebar-width);height:100dvh;padding:0;background:var(--dm-sidebar);border-right:1px solid var(--dm-line);z-index:90;transform:none;visibility:visible;opacity:1;pointer-events:auto;box-shadow:none;transition:none;}body.dm-shell .nav-column{position:static;inset:auto;transform:none;width:100%;max-width:none;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:28px 18px 22px;border:0;background:var(--dm-sidebar);border-radius:0;}.dm-sidebar-brand{margin:0 8px 35px;}.dm-nav-group{margin-bottom:22px;}.dm-nav-caption{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--dm-muted);margin:0 13px 10px;}.dm-nav-link{display:flex;align-items:center;gap:12px;color:var(--dm-secondary);font-size:12px;font-weight:400;line-height:1.3;min-height:44px;border:0;border-radius:8px;padding:12px 13px;margin:3px 0;width:100%;text-align:left;background:transparent;}.dm-nav-link svg,.dm-theme-control svg{width:19px;height:19px;flex-shrink:0;}.dm-nav-link:hover{color:var(--dm-text);background:var(--dm-hover);}.dm-nav-link.is-current{background:var(--dm-active);color:var(--dm-text);font-weight:600;}.dm-sidebar-bottom{margin-top:auto;padding-top:20px;}.dm-theme-control{display:flex;align-items:center;gap:11px;color:var(--dm-muted);font-size:11px;padding:10px 13px;flex-wrap:wrap;}.dm-theme-control select{width:100%;margin-left:30px;max-width:133px;min-height:34px;padding:6px 9px;border-radius:6px;font-size:11px;background:var(--dm-bg);border:1px solid var(--dm-line);color:var(--dm-text);}.dm-sidebar-note{border-top:1px solid var(--dm-line);padding:24px 13px 0;margin-top:18px;}.dm-mini-line{display:block;height:2px;width:24px;background:var(--dm-muted);margin-bottom:16px;}.dm-sidebar-note p{font-size:12px;line-height:1.8;margin-bottom:14px;}.dm-sidebar-note small{color:var(--dm-muted);font-size:9px;line-height:1.6;}.dm-bottom-nav{display:none !important;}body.dm-shell > footer{width:auto;max-width:none;margin:0 0 0 var(--dm-sidebar-width);padding:32px 40px 20px;border-top:1px solid var(--dm-line);background:var(--dm-sidebar);gap:12px;color:var(--dm-muted);}body.dm-shell > footer h2{font-size:14px;margin-bottom:5px;}body.dm-shell > footer p,body.dm-shell > footer a{font-size:11px;line-height:1.8;}body.dm-shell > footer a{color:var(--dm-secondary);}body.dm-shell > footer a:hover{text-decoration:underline;}#btnTop{width:auto;min-height:36px;padding:8px 12px;align-self:flex-end;color:var(--dm-muted);background:transparent;border:1px solid var(--dm-line);border-radius:7px;font-size:11px;margin-bottom:14px;}body.dm-shell > main.dm-home{padding:94px 40px 70px;}.dm-home-container{max-width:1120px;margin-inline:auto;width:100%;}.dm-hero{padding:54px 24px 46px;border-bottom:1px solid var(--dm-line);text-align:center;}.dm-hero-copy{max-width:710px;margin-inline:auto;}.dm-hero-eyebrow,.dm-home-kicker{color:var(--dm-muted);font-size:10px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;}.dm-hero-title{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2.4px;line-height:1.08;font-weight:600;max-width:650px;margin:18px auto;}.dm-hero-description{max-width:495px;margin:0 auto;font-size:15px;line-height:1.8;}.dm-hero-search{position:relative;max-width:590px;margin:28px auto 0;text-align:left;}.dm-hero-search > label{display:block;margin-bottom:9px;color:var(--dm-secondary);font-size:11px;font-weight:500;}.dm-hero-search-field{display:flex;align-items:center;position:relative;gap:12px;border:1px solid var(--dm-line);background:var(--dm-bg);border-radius:12px;padding:7px 8px 7px 17px;box-shadow:0 4px 16px #00000004;}.dm-hero-search-field:focus-within{border-color:var(--dm-text);box-shadow:0 0 0 3px var(--dm-hover);}.dm-hero-search-icon{color:var(--dm-muted);display:flex;flex-shrink:0;}.dm-hero-search-icon svg{width:21px;height:21px;}.dm-hero-search #location_search{border:0;border-radius:0;box-shadow:none;background:none;color:var(--dm-text);height:45px;min-height:45px;padding:8px 0;width:100%;font-size:14px;flex:1;min-width:0;}.dm-hero-search #location_search:focus{outline:0;}.dm-hero-search-field > a{min-height:44px;font-size:11px;white-space:nowrap;}.dm-home-button,.dm-home-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:8px;padding:11px 19px;font-size:12px;font-weight:500;border:1px solid var(--dm-button);background:var(--dm-button);color:var(--dm-button-text);}.dm-home-button:hover{opacity:.88;}.dm-hero-search-hint{font-size:11px;margin:10px 2px 0;color:var(--dm-muted);}.dm-hero-shortcuts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:22px auto 0;font-size:11px;color:var(--dm-muted);}.dm-hero-shortcuts a:hover{text-decoration:underline;color:var(--dm-text);}.dm-home-section{padding:38px 0;border-bottom:1px solid var(--dm-line);}.dm-home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:23px;}.dm-home-section-heading h2{font-size:24px;margin-top:7px;letter-spacing:-.7px;}.dm-home-section-heading p:not(.dm-home-kicker){margin-top:8px;font-size:12px;}.dm-home-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;color:var(--dm-secondary);white-space:nowrap;}.dm-home-text-link:hover{text-decoration:underline;}.dm-home-arrow{font-size:17px;line-height:1;}.dm-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}.dm-home-category{min-width:0;border-radius:12px;border:1px solid var(--dm-line);background:var(--dm-bg);overflow:hidden;transition:border-color 160ms ease;}.dm-home-category:hover{border-color:var(--dm-muted);}.dm-home-category-media{display:block;position:relative;overflow:hidden;background:var(--dm-media);aspect-ratio:4/4.4;}.dm-home-category-media > img{display:block;width:100%;height:100%;object-fit:cover;}.dm-home-category-media-video img{filter:saturate(.6);}.dm-home-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0005;backdrop-filter:blur(5px);}.dm-home-play svg{width:20px;height:20px;}.dm-home-category-body{padding:17px 15px 14px;}.dm-home-category-body h3{font-size:15px;margin:0 0 5px;}.dm-home-category-body p{font-size:11px;line-height:1.65;}.dm-home-category-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--dm-line);margin-top:15px;padding-top:12px;font-size:11px;color:var(--dm-secondary);}.dm-home-inclusive-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:23px;font-size:11px;color:var(--dm-muted);}.dm-home-inclusive-links a:hover{text-decoration:underline;}.dm-home-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.dm-home-city{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:12px 16px;background:var(--dm-sidebar);border:1px solid var(--dm-line);border-radius:8px;font-size:12px;}.dm-home-city:hover{background:var(--dm-hover);}.dm-home-city span:last-child{color:var(--dm-muted);font-size:10px;}.dm-home-city > span:first-child{font-size:12px;color:var(--dm-text);}.dm-home-city small{display:block;color:var(--dm-muted);font-size:10px;line-height:1.65;margin-top:2px;}.dm-home-join{margin:36px 0;padding:30px 32px;border:1px solid var(--dm-line);background:var(--dm-sidebar);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;}.dm-home-join h2{font-size:25px;margin:8px 0;}.dm-home-join p:not(.dm-home-kicker){font-size:12px;max-width:460px;}.dm-home-join-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}.dm-home-faq{border-top:1px solid var(--dm-line);padding-top:32px;}.dm-home-faq-list{max-width:840px;margin-top:20px;}.dm-home-faq details{border-bottom:1px solid var(--dm-line);padding:0;}.dm-home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:16px 0;font-size:13px;font-weight:500;color:var(--dm-text);cursor:pointer;list-style:none;}.dm-home-faq summary::-webkit-details-marker{display:none;}.dm-home-faq summary::after{content:"+";font-size:23px;font-weight:300;color:var(--dm-muted);}.dm-home-faq details p{padding:0 30px 21px 0;font-size:13px;max-width:720px;}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{color:var(--dm-text);background:var(--dm-bg);border:1px solid var(--dm-line);border-radius:8px;min-height:46px;padding:11px 13px;box-shadow:none;max-width:100%;}input::placeholder,textarea::placeholder{color:var(--dm-muted);opacity:.8;}.confirm-button,.panel-btn,.action-btn,.google-button,.email-button,.premium-btn,.subscription-btn{min-height:44px;padding:11px 18px;border-radius:8px;border:1px solid var(--dm-button);background:var(--dm-button);color:var(--dm-button-text);box-shadow:none;font-size:12px;font-weight:500;transition:opacity 140ms ease;}.confirm-button:hover,.panel-btn:hover,.action-btn:hover{box-shadow:none;filter:none;opacity:.88;}.coins-page-content,.coins-intro{max-width:620px;width:100%;margin:auto;}.coins-intro{display:flex;align-items:flex-start;flex-direction:column;gap:22px;border:1px solid var(--dm-line);padding:30px;border-radius:12px;}.coins-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--dm-line);color:var(--dm-text);background:var(--dm-sidebar);}.nav-notification-wrapper{position:relative;display:flex;align-items:center;}#notificationPopup{position:absolute;top:calc(100% + 12px);right:0;width:min(330px,calc(100vw - 40px));padding:8px;background:var(--dm-bg);border:1px solid var(--dm-line);border-radius:12px;box-shadow:0 10px 40px #0002;}.notification-item{padding:14px 12px;border-bottom:1px solid var(--dm-line);}.notification-item:last-child{border:0;}.notification-item h3{font-size:13px;margin-bottom:5px;}.notification-item p{font-size:11px;}.notification-badge{min-width:16px;height:16px;font-size:9px;background:var(--dm-button);color:var(--dm-button-text);position:absolute;top:0;right:0;border-radius:50%;display:grid;place-items:center;}.plans-container{width:calc(100% - 32px);max-width:600px;background:var(--dm-bg);color:var(--dm-text);border:1px solid var(--dm-line);border-radius:14px;padding:26px;}.plans-container .confirm-button:has(input){background:var(--dm-bg);color:var(--dm-text);border-color:var(--dm-line);padding:12px;}.plans-container .confirm-button:has(input:checked){border-color:var(--dm-text);background:var(--dm-surface);}.plans-container label{cursor:pointer;}.plans-container #closeCoinsBtn{width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--dm-text);font-size:20px;}.role-selector input:not(:checked) + .role-option{border-color:var(--dm-line);}.coins-page-content p{margin-block:12px;}#location_results{left:0;right:0;top:calc(100% + 6px);width:100%;margin:0;border:1px solid var(--dm-line);border-radius:10px;background:var(--dm-bg);box-shadow:0 10px 30px #0000000d;max-height:300px;overflow:auto;z-index:30;}#location_results:empty{display:none;}.modal-content,.premium-modal,.premium-box,.viewer-modal{background:var(--dm-bg);color:var(--dm-text);border:1px solid var(--dm-line);border-radius:14px;box-shadow:0 15px 70px #0002;}.premium-modal,.premium-box{max-height:calc(100dvh - 32px);overflow:auto;}.subscription-price,.subscription-header h2,.premium-header h2{color:var(--dm-text);}.premium-close,.premium-btn{border-radius:8px;}@media(min-width:1440px){body.dm-shell > main{padding-inline:56px;}.header-line{padding-inline:56px;}.dm-hero{padding-block:65px 53px;}}@media(max-width:1150px){:root{--dm-sidebar-width:200px;}body.dm-shell .nav-column{padding-inline:12px;}body.dm-shell > main,body.dm-shell > main.dm-home{padding-inline:28px;}.header-line{padding-inline:28px;}.dm-home-grid{gap:12px;}.dm-home-category-body{padding:13px 12px;}.dm-home-cities{grid-template-columns:repeat(3,minmax(0,1fr));}.dm-home-join{flex-wrap:wrap;}}@media(max-width:760px){:root{--dm-sidebar-width:0px;}html{scroll-padding-top:76px;}body.dm-shell > main,body.dm-shell > main.dm-home{margin:0 !important;width:100%;min-height:60svh;padding:86px 20px 42px;gap:24px;}body.dm-shell .main-header{inset:0 0 auto;height:60px;}.header-line{height:60px;padding:0 16px;gap:12px;}#iconMenu{display:grid;place-items:center;width:36px;height:44px;min-width:36px;cursor:pointer;border:0;background:transparent;padding:0;}.header-line > .dm-brand{opacity:1;visibility:visible;pointer-events:auto;margin-right:auto;}.header-line .dm-brand-art{width:120px;}.header-line > div:last-child{gap:9px;margin-left:0;}.dm-header-login{display:none;}#headerRegister{font-size:10px;min-height:34px;padding:8px 10px !important;}#userBalanceWrapper{font-size:11px;min-height:34px;padding:7px 9px;}body.dm-shell .nav-bar{display:none;inset:60px 0 0;width:100%;height:calc(100dvh - 60px);background:#0005;border:0;}body.dm-shell .nav-bar.active{display:block;}body.dm-shell .nav-column{width:min(300px,calc(100vw - 44px));height:100%;padding:24px 18px;background:var(--dm-bg);border-right:1px solid var(--dm-line);}.dm-sidebar-brand{margin-bottom:25px;}.dm-sidebar-note{padding-top:18px;}.dm-nav-link{min-height:46px;font-size:13px;}.dm-menu-open{overflow:hidden;}.dm-bottom-nav{display:block !important;position:fixed;inset:auto 0 0;height:auto;min-height:64px;padding:4px 10px max(4px,env(safe-area-inset-bottom));background:var(--dm-bg) !important;border-top:1px solid var(--dm-line);z-index:75;}.dm-bottom-nav .nav-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:500px;margin:auto;width:100%;height:auto;background:var(--dm-bg) !important;}.dm-bottom-nav .dm-nav-link{flex-direction:column;justify-content:center;gap:5px;min-height:52px;padding:5px 3px;border-radius:8px;margin:0;font-size:9px;}.dm-bottom-nav .dm-nav-link svg{width:20px;height:20px;}.dm-bottom-nav .dm-nav-link.is-current{background:transparent;}.dm-bottom-nav .dm-nav-link.is-current svg{stroke-width:2;}body.dm-shell > footer{margin:0;padding:26px 20px 92px;gap:12px;}#btnTop{align-self:center;margin:0 0 10px;}.skip-link,.dm-skip-link{left:16px;}.dm-hero{padding:34px 0 32px;}.dm-hero-title{font-size:42px;line-height:1.09;letter-spacing:-1.7px;max-width:370px;margin:16px auto;}.dm-hero-description{font-size:13px;max-width:350px;}.dm-hero-eyebrow,.dm-home-kicker{font-size:9px;letter-spacing:1.6px;}.dm-hero-search{margin-top:24px;}.dm-hero-search-field{gap:9px;padding:6px 8px 6px 13px;border-radius:10px;}.dm-hero-search #location_search{font-size:12px;min-height:43px;}.dm-hero-search-field > a{font-size:10px;padding:10px;}.dm-hero-search-hint{font-size:10px;line-height:1.6;}.dm-hero-shortcuts{gap:9px 16px;font-size:10px;margin-top:19px;}.dm-home-section{padding:28px 0;}.dm-home-section-heading{margin-bottom:18px;align-items:flex-start;gap:10px;}.dm-home-section-heading h2{font-size:22px;}.dm-home-text-link{font-size:10px;white-space:normal;text-align:right;line-height:1.5;max-width:100px;}.dm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.dm-home-category-media{aspect-ratio:4/4.2;}.dm-home-category-body{padding:13px 12px;}.dm-home-category-body h3{font-size:14px;}.dm-home-category-body p{font-size:10px;}.dm-home-category-action{font-size:10px;margin-top:12px;padding-top:10px;}.dm-home-inclusive-links{font-size:10px;gap:9px 18px;}.dm-home-cities{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.dm-home-city{font-size:11px;padding:11px 12px;min-height:51px;}.dm-home-join{margin:28px 0;padding:24px 20px;gap:21px;}.dm-home-join h2{font-size:23px;}.dm-home-join-actions{flex-wrap:wrap;gap:10px;}.dm-home-join p:not(.dm-home-kicker){font-size:12px;}.dm-home-faq{padding-top:26px;}.dm-home-faq summary{font-size:12px;min-height:60px;padding-block:15px;}.dm-home-faq details p{font-size:12px;padding-right:15px;}}@media(max-width:360px){body.dm-shell > main,body.dm-shell > main.dm-home{padding-inline:16px;}.dm-hero-title{font-size:36px;}.dm-hero-search-field > a{max-width:85px;white-space:normal;text-align:center;line-height:1.35;}.dm-home-grid{gap:10px;}.header-line .dm-brand-art{width:112px;}.dm-home-join-actions{width:100%;}.dm-home-join-actions > a{width:100%;}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}@media(prefers-contrast:more){:root{--dm-line:var(--dm-muted);}a:focus-visible,button:focus-visible{outline-width:3px;}}body.dm-shell > #footer-placeholder.dm-site-footer{display:block;padding:0;background:var(--dm-sidebar);color:var(--dm-secondary);text-align:left;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-inner{width:100%;max-width:1232px;margin-inline:auto;padding:40px 40px 0;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .85fr 1.25fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--dm-line);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-grid > *{min-width:0;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-logo{display:inline-flex;min-height:44px;margin-bottom:16px;color:var(--dm-text);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-logo:hover{text-decoration:none;}body.dm-shell > #footer-placeholder.dm-site-footer p{margin:0;font-size:.8125rem;line-height:1.8;color:var(--dm-muted);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-brand > p{max-width:29rem;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-social a{display:grid;place-items:center;width:40px;min-height:40px;border:1px solid var(--dm-line);border-radius:9px;color:var(--dm-secondary);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-social a:hover{color:var(--dm-text);background:var(--dm-hover);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-social svg{width:20px;height:20px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-heading{margin:6px 0 16px;font-size:.75rem;font-weight:650;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-links{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-links a{display:flex;align-items:center;gap:6px;min-height:32px;padding:5px 0;font-size:.8125rem;line-height:1.6;color:var(--dm-secondary);text-underline-offset:4px;overflow-wrap:anywhere;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-links a:hover{color:var(--dm-text);text-decoration:underline;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:0;padding:32px 0;border-bottom:1px solid var(--dm-line);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-callout h2{margin:0 0 10px;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:600;line-height:1.3;letter-spacing:-.035em;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-callout p{max-width:40rem;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-cta{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-width:190px;min-height:48px;padding:12px 20px;border:1px solid var(--dm-button);border-radius:10px;background:var(--dm-button);color:var(--dm-button-text);font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-cta:hover{opacity:.9;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-company{margin:0;padding:24px 0;font-style:normal;overflow-wrap:anywhere;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-company p{font-size:.6875rem;line-height:1.9;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-company a{display:inline;min-height:0;font-size:inherit;color:var(--dm-secondary);text-underline-offset:3px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-bottom{border-top:1px solid var(--dm-line);}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-bottom > .dm-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-bottom p{font-size:.6875rem;line-height:1.8;}body.dm-shell > #footer-placeholder.dm-site-footer #btnTop{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--dm-secondary);font-size:.75rem;}body.dm-shell > #footer-placeholder.dm-site-footer #btnTop:hover{color:var(--dm-text);background:var(--dm-hover);}@media(max-width:1200px){body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-grid{grid-template-columns:1fr 1fr;gap:32px 40px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-callout{grid-template-columns:1fr;gap:20px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-cta{justify-self:start;}}@media(max-width:760px){body.dm-shell > #footer-placeholder.dm-site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom));}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-inner{padding:32px 20px 0;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-links a{min-height:44px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-social a{width:44px;min-height:44px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-bottom > .dm-footer-inner{flex-direction:column;align-items:flex-start;gap:12px;padding-block:20px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-company a{display:inline-flex;align-items:center;min-height:44px;}}@media(max-width:600px){body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-grid{grid-template-columns:1fr;gap:26px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-callout{padding-block:28px;}body.dm-shell > #footer-placeholder.dm-site-footer .dm-footer-cta{justify-self:stretch;}}
/* Dynamic home states: suggestions, authenticated header, existing confirmation controls and static fallback navigation. */
.dm-session-name{ font-size:12px; margin:0 13px 14px; overflow-wrap:anywhere; }.decline-button,.google-button,.action-btn{ color:var(--dm-text); background:var(--dm-bg); border:1px solid var(--dm-line); box-shadow:none; }.decline-button:hover{ box-shadow:none; background:var(--dm-hover); }#iconNotification{ display:grid; place-items:center; color:var(--dm-text); background:transparent; border:0; width:40px; height:40px; border-radius:8px; }#iconNotification svg{ width:19px; height:19px; }#location_results{ left:0; right:0; top:calc(100% + 6px); width:100%; margin:0; border:1px solid var(--dm-line); border-radius:10px; background:var(--dm-bg); box-shadow:0 10px 30px #0000000d; max-height:300px; overflow:auto; z-index:30; }#location_results:empty{ display:none; }#location_results li{ padding:0; border:0; font-size:12px; color:var(--dm-text); }#location_results .location-option{ width:100%; min-height:44px; padding:12px 15px; border:0; border-bottom:1px solid var(--dm-line); border-radius:0; background:var(--dm-bg); color:var(--dm-text); text-align:left; font-size:12px; }#location_results .location-option:hover,#location_results .location-option.active{ background:var(--dm-hover); }
/* /css/experiments/apple-home.css */
html.apple-home-experiment { --apple-system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-optical-sizing: auto; } .apple-home-experiment body.dm-home-page { font-family: var(--apple-system-font); -webkit-font-smoothing: antialiased; } .apple-home-experiment .dm-home { font-family: var(--apple-system-font); --apple-content-width: 90rem; --apple-page-gutter: clamp(2rem, 2.5vw, 3rem); } .apple-home-experiment .dm-home-container { max-width: var(--apple-content-width); } .apple-home-experiment body.dm-home-page > main.dm-home { padding: 5.25rem var(--apple-page-gutter) 3rem; } .apple-home-experiment .dm-hero { padding: 1rem 0; } .apple-home-experiment .dm-hero-copy { max-width: 46rem; } .apple-home-experiment .dm-hero-eyebrow, .apple-home-experiment .dm-home-kicker { font-size: .75rem; font-weight: 600; letter-spacing: .09em; line-height: 1.6; } .apple-home-experiment .dm-hero-title { font-size: clamp(2.25rem, 3.5vw, 3.5rem); font-weight: 650; letter-spacing: -.045em; line-height: 1.055; max-width: 40rem; margin: .75rem auto; text-wrap: balance; overflow-wrap: anywhere; } .apple-home-experiment .dm-hero-title > span { color: var(--dm-secondary); } .apple-home-experiment .dm-hero-description { max-width: 42rem; font-size: 1rem; line-height: 1.6; letter-spacing: -.01em; text-wrap: pretty; } .apple-home-experiment .dm-hero-search { max-width: 42rem; margin-top: 1rem; } .apple-home-experiment .dm-hero-search > label { margin: 0 0 .5rem .125rem; font-size: .875rem; font-weight: 550; } .apple-home-experiment .dm-hero-search-field { min-height: 3.625rem; padding: .25rem 1rem; gap: .875rem; border-radius: .875rem; background: var(--dm-surface); box-shadow: 0 1px 1px #00000006, 0 6px 20px #00000005; transition: border-color 140ms ease, box-shadow 140ms ease; } .apple-home-experiment .dm-hero-search-field:focus-within { border-color: var(--dm-muted); box-shadow: 0 0 0 3px var(--dm-hover), 0 4px 16px #00000008; } .apple-home-experiment .dm-hero-search #location_search { font-size: 1rem; min-height: 3rem; padding: .5rem 0; letter-spacing: -.01em; } .apple-home-experiment .dm-hero-search-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .375rem .75rem; margin-top: .375rem; } .apple-home-experiment .dm-hero-search-hint { font-size: .875rem; line-height: 1.5; margin: 0; overflow-wrap: anywhere; } .apple-home-experiment .dm-hero-search .dm-hero-brazil-link { flex: 0 0 auto; min-height: 2.75rem; padding: .5rem .125rem; border: 0; background: transparent; color: var(--dm-secondary); font-size: .875rem; text-underline-offset: .25em; } .apple-home-experiment .dm-hero-brazil-link:hover { text-decoration: underline; color: var(--dm-text); } .apple-home-experiment .dm-hero-search-field #location_results { inset: calc(100% + .5rem) 0 auto; width: 100%; border-radius: .875rem; box-shadow: 0 12px 32px #00000014; background: var(--dm-bg); } .apple-home-experiment #location_results .location-option { min-height: 3rem; padding: .875rem 1rem; font-size: .875rem; } .apple-home-experiment #location_results .location-option.active { background: var(--dm-active); color: var(--dm-text); } .apple-home-experiment .dm-hero-shortcuts { margin-top: .25rem; gap: .125rem 1.125rem; font-size: .875rem; line-height: 1.5; } .apple-home-experiment .dm-hero-shortcuts a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: .25rem .125rem; text-underline-offset: .25em; } .apple-home-experiment .dm-home-section { padding: 1.5rem 0; } .apple-home-experiment .dm-home-section-heading { align-items: center; margin-bottom: 1.25rem; gap: 1.5rem; } .apple-home-experiment .dm-home-section-heading h2 { font-size: clamp(1.5rem, 2vw, 1.875rem); font-weight: 620; line-height: 1.2; letter-spacing: -.035em; margin-top: .375rem; text-wrap: balance; } .apple-home-experiment .dm-home-section-heading p:not(.dm-home-kicker) { font-size: .9375rem; line-height: 1.6; margin-top: .5rem; } .apple-home-experiment .dm-home-text-link { font-size: .875rem; line-height: 1.5; gap: .5rem; min-height: 2.75rem; } .apple-home-experiment .dm-home-grid { gap: 1.25rem; } .apple-home-experiment .dm-home-category { display: flex; flex-direction: column; border-radius: 1rem; background: var(--dm-sidebar); min-width: 0; box-shadow: 0 1px 3px color-mix(in srgb, var(--dm-text) 4%, transparent); transform-origin: center; transition: border-color 140ms ease, box-shadow 160ms ease; } .apple-home-experiment .dm-home-category-media { aspect-ratio: 4 / 3; background: var(--dm-media); } .apple-home-experiment .dm-home-category-media > img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 0%; } .apple-home-experiment .dm-home-category-body { display: flex; flex-direction: column; flex: 1; padding: 1.125rem 1rem 1rem; } .apple-home-experiment .dm-home-category-body h3 { font-size: 1.125rem; font-weight: 600; line-height: 1.3; letter-spacing: -.025em; margin-bottom: .375rem; overflow-wrap: anywhere; } .apple-home-experiment .dm-home-category-body p { font-size: .9375rem; line-height: 1.6; margin-bottom: .75rem; } .apple-home-experiment .dm-home-category-action { margin-top: auto; padding-top: .75rem; font-size: .875rem; font-weight: 500; min-height: 2.75rem; } .apple-home-experiment .dm-home-category-action > span:last-child { font-size: 1.125rem; } .apple-home-experiment .dm-home-inclusive-links { margin-top: .75rem; align-items: center; font-size: .875rem; gap: .25rem 1.25rem; } .apple-home-experiment .dm-home-inclusive-links a { display: inline-flex; align-items: center; min-height: 2.75rem; } .apple-home-experiment .dm-home-cities { gap: .75rem; } .apple-home-experiment .dm-home-city { border-radius: .75rem; padding: .875rem 1rem; min-height: 4.25rem; background: var(--dm-sidebar); transition: background-color 140ms ease, border-color 140ms ease; } .apple-home-experiment .dm-home-city > span:first-child { font-size: .9375rem; font-weight: 500; line-height: 1.5; } .apple-home-experiment .dm-home-city small { font-size: .875rem; line-height: 1.6; font-weight: 400; } .apple-home-experiment .dm-home-join { padding: 2rem; border-radius: 1rem; margin: 2.5rem 0; } .apple-home-experiment .dm-home-join h2 { font-size: clamp(1.75rem, 2.5vw, 2.125rem); font-weight: 620; letter-spacing: -.035em; line-height: 1.2; margin: .625rem 0 .75rem; } .apple-home-experiment .dm-home-join p:not(.dm-home-kicker) { font-size: .875rem; line-height: 1.75; } .apple-home-experiment .dm-home-button, .apple-home-experiment .dm-home-button-secondary { border-radius: .6875rem; min-height: 2.875rem; font-size: .8125rem; padding: .8125rem 1.125rem; font-weight: 550; } .apple-home-experiment .dm-home-faq { padding-top: 2.5rem; } .apple-home-experiment .dm-home-faq-list { max-width: 56rem; margin-top: 1.5rem; } .apple-home-experiment .dm-home-faq summary { font-size: .9375rem; font-weight: 500; line-height: 1.5; letter-spacing: -.01em; padding: 1.25rem .125rem; min-height: 4.25rem; } .apple-home-experiment .dm-home-faq summary::after { content: "+"; font-size: 1.5rem; line-height: 1; transition: transform 160ms ease; } .apple-home-experiment .dm-home-faq details[open] summary::after { content: "+"; transform: rotate(45deg); } .apple-home-experiment .dm-home-faq details p { font-size: .875rem; line-height: 1.8; padding: 0 2rem 1.5rem .125rem; } .apple-home-experiment body.dm-home-page .dm-nav-link { font-family: var(--apple-system-font); font-size: .8125rem; min-height: 2.875rem; } .apple-home-experiment body.dm-home-page .dm-nav-caption { font-size: .625rem; letter-spacing: .12em; } .apple-home-experiment body.dm-home-page .dm-nav-link > span { min-width: 0; overflow-wrap: anywhere; } .apple-home-experiment body.dm-home-page .dm-sidebar-note p { font-size: .8125rem; } .apple-home-experiment body.dm-home-page .dm-sidebar-note small { font-size: .6875rem; } .apple-home-experiment body.dm-home-page .dm-theme-control { font-size: .75rem; } .apple-home-experiment body.dm-home-page .dm-theme-control select { min-height: 2.5rem; font-size: .75rem; } .apple-home-experiment body.dm-home-page .main-header { background: var(--dm-bg); } .apple-home-experiment body.dm-home-page #headerRegister { font-family: var(--apple-system-font); min-height: 2.75rem; padding: .75rem 1rem !important; font-size: .75rem; } .apple-home-experiment body.dm-home-page #iconMenu { min-width: 2.75rem; min-height: 2.75rem; border-radius: .625rem; } .apple-home-experiment :is(.dm-home-button,.dm-home-button-secondary,.dm-home-category,.dm-home-city,.dm-home-faq summary,#headerRegister,#iconMenu) { transform: scale(var(--apple-press-scale, 1)); -webkit-tap-highlight-color: transparent; } .apple-home-experiment [data-apple-pressed="true"] { filter: brightness(.94); } .apple-home-experiment :is(.dm-home a,.dm-home summary,#iconMenu,#headerRegister,.dm-nav-link):focus-visible { outline: 2px solid var(--dm-text); outline-offset: 4px; } @supports (background: color-mix(in srgb, black, transparent)) { .apple-home-experiment body.dm-home-page .main-header { background: color-mix(in srgb, var(--dm-bg) 90%, transparent); backdrop-filter: blur(16px) saturate(110%); -webkit-backdrop-filter: blur(16px) saturate(110%); } } @media (hover: hover) and (pointer: fine) { .apple-home-experiment .dm-home-category:hover { border-color: var(--dm-muted); box-shadow: 0 8px 24px #0000000b; } .apple-home-experiment .dm-home-city:hover { border-color: var(--dm-muted); background: var(--dm-hover); } } @media (max-width: 1150px) { .apple-home-experiment .dm-home { --apple-page-gutter: 1.5rem; } .apple-home-experiment .dm-home-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(9rem, calc((100% - 1rem) / 2))), 1fr)); gap: 1rem; } .apple-home-experiment .dm-home-category-body { padding: 1rem .875rem .875rem; } } @media (min-width: 761px) and (max-height: 800px) { .apple-home-experiment .dm-hero { padding-block: 1rem .75rem; } .apple-home-experiment .dm-hero-search { margin-top: 1rem; } .apple-home-experiment .dm-home-section { padding-block: 1.25rem; } } @media (max-width: 760px) { .apple-home-experiment body.dm-home-page > main.dm-home { padding: 5rem 1.25rem 2.5rem; } .apple-home-experiment .dm-hero { padding: 1rem 0 .75rem; } .apple-home-experiment .dm-hero-eyebrow,.apple-home-experiment .dm-home-kicker { font-size: .6875rem; letter-spacing: .08em; } .apple-home-experiment .dm-hero-title { font-size: clamp(2.25rem, 10vw, 3.125rem); line-height: 1.075; letter-spacing: -.045em; margin: .75rem auto; } .apple-home-experiment .dm-hero-description { font-size: .9375rem; line-height: 1.7; max-width: 24rem; } .apple-home-experiment .dm-hero-search { margin-top: 1rem; } .apple-home-experiment .dm-hero-search-field { min-height: 3.625rem; padding: .25rem .875rem; gap: .625rem; border-radius: .875rem; } .apple-home-experiment .dm-hero-search #location_search { font-size: 1rem; min-height: 2.875rem; } .apple-home-experiment .dm-hero-search-meta { margin-top: .5rem; } .apple-home-experiment .dm-hero-search-hint { font-size: .875rem; line-height: 1.5; } .apple-home-experiment .dm-hero-shortcuts { justify-content: flex-start; margin-top: .25rem; gap: .125rem 1rem; font-size: .875rem; } .apple-home-experiment .dm-hero-shortcuts > span { flex-basis: 100%; } .apple-home-experiment .dm-home-section { padding: 1.5rem 0; } .apple-home-experiment .dm-home-section-heading { flex-wrap: wrap; align-items: flex-start; gap: .5rem; margin-bottom: 1rem; } .apple-home-experiment .dm-home-section-heading h2 { font-size: 1.5rem; line-height: 1.25; } .apple-home-experiment .dm-home-section-heading p:not(.dm-home-kicker) { font-size: .9375rem; line-height: 1.6; } .apple-home-experiment .dm-home-text-link { font-size: .875rem; line-height: 1.5; max-width: none; } .apple-home-experiment .dm-home-grid { gap: .875rem; } .apple-home-experiment .dm-home-category { border-radius: .875rem; } .apple-home-experiment .dm-home-category-body { padding: .9375rem .8125rem .8125rem; } .apple-home-experiment .dm-home-category-media { aspect-ratio: 1; } .apple-home-experiment .dm-home-category-body h3 { font-size: 1rem; line-height: 1.3; } .apple-home-experiment .dm-home-category-body p { font-size: .875rem; line-height: 1.6; margin-bottom: .75rem; } .apple-home-experiment .dm-home-category-action { font-size: .875rem; padding-top: .6875rem; flex-wrap: wrap; gap: .25rem; } .apple-home-experiment .dm-home-inclusive-links { gap: .125rem 1rem; font-size: .875rem; } .apple-home-experiment .dm-home-cities { gap: .625rem; } .apple-home-experiment .dm-home-cities { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(9rem, calc((100% - 1rem) / 2))), 1fr)); } .apple-home-experiment .dm-home-city > span:first-child { min-width: 0; overflow-wrap: anywhere; } .apple-home-experiment .dm-home-city { min-height: 4.25rem; padding: .8125rem .75rem; } .apple-home-experiment .dm-home-join { padding: 1.5rem 1.25rem; margin: 1.875rem 0; } .apple-home-experiment .dm-home-join h2 { font-size: 1.75rem; } .apple-home-experiment .dm-home-join-actions { width: 100%; gap: .5rem .75rem; } .apple-home-experiment .dm-home-join-actions > .dm-home-text-link { max-width: none; text-align: left; } .apple-home-experiment .dm-home-faq { padding-top: 1.875rem; } .apple-home-experiment .dm-home-faq summary { min-height: 4rem; font-size: .875rem; padding: 1.125rem .125rem; } .apple-home-experiment .dm-home-faq details p { font-size: .8125rem; line-height: 1.8; } .apple-home-experiment body.dm-home-page .dm-bottom-nav .dm-nav-link { font-size: .6875rem; min-height: 3.5rem; gap: .3125rem; } .apple-home-experiment body.dm-home-page #headerRegister { font-size: .6875rem; min-height: 2.5rem; padding: .625rem .75rem !important; } } @media (max-width: 360px) { .apple-home-experiment body.dm-home-page > main.dm-home { padding-inline: 1rem; } .apple-home-experiment .dm-home-grid { gap: .625rem; } .apple-home-experiment .dm-home-category-body { padding: .8125rem .6875rem .6875rem; } } @media (max-width: 339px) { .apple-home-experiment .dm-home-grid { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .apple-home-experiment [style*="--apple-press-scale"], .apple-home-experiment :is(.dm-home-button,.dm-home-button-secondary,.dm-home-category,.dm-home-city,.dm-home-faq summary,#headerRegister,#iconMenu) { transform: none !important; } .apple-home-experiment .dm-home-faq summary::after { transition: none; } } @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) { .apple-home-experiment body.dm-home-page .main-header { background: var(--dm-bg); backdrop-filter: none; -webkit-backdrop-filter: none; } } @media (prefers-contrast: more) { .apple-home-experiment :is(.dm-home-category,.dm-home-city,.dm-hero-search-field) { border-color: var(--dm-text); } } .apple-home-experiment body.dm-home-page>main.dm-home{padding-top:1.75rem}.apple-home-experiment .dm-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:center;gap:2rem;min-height:570px;padding:0;margin-bottom:28px;text-align:left}.apple-home-experiment .dm-hero-copy{max-width:none;min-width:0;text-align:left}.apple-home-experiment .dm-hero-eyebrow{font-size:.6875rem;letter-spacing:.25em;margin:0 0 28px}.apple-home-experiment .dm-hero-title{font-size:clamp(2.75rem,4.6vw,5rem);font-weight:750;line-height:.99;letter-spacing:-.055em;margin:0 0 18px;max-width:none}.apple-home-experiment .dm-hero-title span{display:inline;color:#ef4594}.apple-home-experiment .dm-hero-description{font-size:clamp(1.125rem,1.5vw,1.55rem);line-height:1.3;max-width:30rem;margin:0 0 30px;color:var(--dm-muted)}.apple-home-experiment .dm-hero-search{width:100%;max-width:32rem;margin:0;position:relative}.apple-home-experiment .dm-hero-search-field{height:60px;display:flex;gap:12px;padding:6px 6px 6px 18px;border-radius:16px;border:1px solid var(--dm-line);box-shadow:0 4px 10px #10121605;background:var(--dm-sidebar)}.apple-home-experiment .dm-hero-search-field input{font-size:16px;min-width:0;padding:0}.apple-home-experiment .dm-hero-search-field button{width:58px;min-width:58px;min-height:44px;border:0;border-radius:12px;background:var(--dm-text);color:var(--dm-bg);display:grid;place-items:center;cursor:pointer}.apple-home-experiment .dm-hero-search-meta{display:none}.apple-home-experiment .dm-hero-shortcuts{display:flex;flex-wrap:wrap;justify-content:start;gap:8px;margin:12px 0 16px}.apple-home-experiment .dm-hero-shortcuts a{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--dm-line);border-radius:99px;padding:7px 16px;background:var(--dm-hover);font-size:.8125rem}.apple-home-experiment .dm-hero-explore{font-size:1rem;display:inline-flex;min-height:44px;align-items:center;gap:12px;text-decoration:underline;text-underline-offset:4px}.dm-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .dm-hero-portraits{position:relative;width:100%;aspect-ratio:1.38;min-width:0;isolation:isolate}.dm-hero-portraits::before,.dm-hero-portraits::after{content:"";position:absolute;inset:-15% -2%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 19% 38%,#f26bb444,transparent 49%),radial-gradient(ellipse at 80% 79%,#f26bb43b,transparent 44%);filter:blur(26px)}.dm-hero-portraits::after{background:radial-gradient(ellipse at 83% 17%,#70baf136,transparent 48%),radial-gradient(ellipse at 39% 86%,#70baf13b,transparent 48%)}.dm-hero-portrait{position:absolute;overflow:hidden;border-radius:17px;background:var(--dm-media);box-shadow:0 16px 26px #10121617;border:1px solid #ffffff70;aspect-ratio:.66}.dm-hero-portrait img{width:100%;height:100%;object-fit:cover;display:block}.dm-hero-left{left:2%;top:13%;width:36%;transform:rotate(-6deg);z-index:1}.dm-hero-center{left:28%;top:0;width:44%;z-index:3}.dm-hero-right{right:2%;top:13%;width:36%;transform:rotate(6deg);z-index:2}.dm-home-photo-empty{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:14px;box-sizing:border-box;color:var(--dm-muted);font-size:.8125rem;background:var(--dm-hover)} .apple-home-experiment .dm-home-section:has(#dm-categories-title){padding-top:0}.apple-home-experiment .dm-home-section:has(#dm-categories-title) .dm-home-section-heading{margin-bottom:18px}.apple-home-experiment #dm-categories-title{font-size:clamp(1.5rem,2.15vw,2rem);font-weight:700;letter-spacing:-.035em}.apple-home-experiment .dm-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.apple-home-experiment .dm-home-category-media{aspect-ratio:4/4.7}.apple-home-experiment .dm-home-category-body{padding:15px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.apple-home-experiment .dm-home-category-body h3{font-size:1rem;margin:0}.apple-home-experiment .dm-home-category-body p{display:none}.apple-home-experiment .dm-home-category-action{font-size:0;padding:0;min-height:0;margin:0}.apple-home-experiment .dm-home-category-action span{font-size:1.125rem}.apple-home-experiment .dm-home-category{border-radius:12px;border:1px solid var(--dm-line);box-shadow:0 3px 7px #10121608}.apple-home-experiment .dm-home-grid .dm-home-photo-empty{min-height:120px}.apple-home-experiment .dm-home-inclusive-links{margin-top:8px} @media(min-width:1400px){.apple-home-experiment .dm-hero{min-height:560px}.dm-hero-portraits{max-width:800px}.apple-home-experiment .dm-hero-title{white-space:nowrap}} @media(min-width:761px) and (max-width:1100px){.apple-home-experiment .dm-hero{gap:16px;min-height:440px;grid-template-columns:1fr 1.05fr}.apple-home-experiment .dm-hero-title{font-size:clamp(2.4rem,4.5vw,3.5rem)}.apple-home-experiment .dm-home-grid{gap:12px}.apple-home-experiment .dm-home-category-body{padding:12px}} @media(max-width:760px){.apple-home-experiment body.dm-home-page>main.dm-home{padding-top:24px}.apple-home-experiment .dm-hero{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;margin-bottom:30px}.apple-home-experiment .dm-hero-copy{text-align:left}.apple-home-experiment .dm-hero-eyebrow{margin-bottom:14px;font-size:.625rem}.apple-home-experiment .dm-hero-title{font-size:clamp(2.5rem,9.5vw,3.5rem);line-height:1.02;margin-bottom:14px}.apple-home-experiment .dm-hero-description{font-size:1rem;margin-bottom:20px;max-width:26rem}.apple-home-experiment .dm-hero-search-field{height:54px;border-radius:13px}.apple-home-experiment .dm-hero-shortcuts{gap:6px;margin:10px 0}.apple-home-experiment .dm-hero-shortcuts a{font-size:.6875rem;padding:5px 10px;min-height:34px}.apple-home-experiment .dm-hero-explore{font-size:.875rem}.dm-hero-portraits{width:92%;max-width:440px;margin:0 auto;aspect-ratio:1.5}.dm-hero-portrait{border-radius:12px}.dm-hero-portraits::before,.dm-hero-portraits::after{filter:blur(20px);inset:-5% -2%}.apple-home-experiment .dm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.apple-home-experiment .dm-home-category-body{padding:12px}.apple-home-experiment .dm-home-category-body h3{font-size:.875rem}.apple-home-experiment #dm-categories-title{font-size:1.375rem}.apple-home-experiment .dm-home-section:has(#dm-categories-title) .dm-home-section-heading>.dm-home-text-link{display:none}} @media(prefers-contrast:more){.dm-hero-portraits::before,.dm-hero-portraits::after{display:none}} @media(min-width:761px){.apple-home-experiment body.dm-home-page>main.dm-home{padding-top:calc(var(--dm-header-height,68px) + 12px)}.apple-home-experiment body.dm-home-page .main-header{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}} @media(max-width:760px){.apple-home-experiment body.dm-home-page>main.dm-home{padding-top:calc(var(--dm-header-height,64px) + 12px)}.apple-home-experiment .dm-hero-shortcuts a{min-height:44px}} @media(min-width:761px){.apple-home-experiment .dm-hero-description{max-width:26rem}} @media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.apple-home-experiment body.dm-home-page .main-header{background:var(--dm-bg)}.dm-hero-portraits::before,.dm-hero-portraits::after{display:none}} @media(min-width:1200px){ .apple-home-experiment body.dm-home-page{--dm-sidebar-width:222px} .apple-home-experiment body.dm-home-page>main.dm-home{padding:56px 40px 3rem 52px} .apple-home-experiment .dm-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.43fr);min-height:540px} .apple-home-experiment .dm-hero-copy{margin:0;width:100%;padding-top:24px;justify-self:stretch} .apple-home-experiment .dm-hero-portraits{aspect-ratio:1.5} .apple-home-experiment .dm-hero-center{left:27%;width:43%} .apple-home-experiment.apple-site-refinement body.dm-home-page .main-header{background:transparent;border-bottom-color:transparent} } .apple-home-experiment .dm-home-section:has(#dm-categories-title){border-top:0} @media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.apple-home-experiment.apple-site-refinement body.dm-home-page .main-header{background:var(--dm-bg)}} .apple-home-experiment .dm-home-grid .dm-home-category { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; isolation: isolate; } .apple-home-experiment .dm-home-grid .dm-home-category-media { position: absolute; inset: 0; aspect-ratio: auto; } .apple-home-experiment .dm-home-grid .dm-home-category-media > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .apple-home-experiment .dm-home-grid .dm-home-category-body { position: absolute; inset: auto 0 0; z-index: 1; flex: none; padding: 3rem 1rem 1rem; background: linear-gradient(180deg, transparent, #000b 55%, #000d); color: #fff; } .apple-home-experiment .dm-home-grid .dm-home-category-body h3, .apple-home-experiment .dm-home-grid .dm-home-category-action span { color: #fff; } @media (max-width: 760px) { .apple-home-experiment .dm-home-grid .dm-home-category-body { padding: 2.5rem .75rem .875rem; } } @media (prefers-contrast: more) { .apple-home-experiment .dm-home-grid .dm-home-category-body { background: #161618; } }
/* /css/experiments/apple-site.css */
html.apple-site-refinement { font-family:var(--apple-system-font); font-optical-sizing:auto; --dm-sidebar-width:216px; --dm-header-height:4.25rem; --dm-page-gutter:clamp(2rem,2.5vw,3rem); } .account-privacy-dialog { width:calc(100% - 2rem); max-width:34rem; max-height:calc(100dvh - 2rem); overflow:auto; border:1px solid var(--dm-line); border-radius:1.25rem; padding:1.75rem; color:var(--dm-text); background:var(--dm-sidebar); } .account-privacy-dialog::backdrop { background:#0009; } .account-privacy-dialog input { width:100%; font-size:1rem; } .account-privacy-dialog .row { flex-wrap:wrap; } #account-privacy { max-width:60rem; width:100%; align-items:stretch; height:auto; } #content-report-form { display:flex; flex-direction:column; gap:.75rem; margin-top:1.5rem; padding:1.5rem; border:1px solid var(--dm-line); border-radius:1rem; background:var(--dm-sidebar); } #content-report-form :is(input,select,textarea) { width:100%; } #content-report-form label { font-size:.875rem; color:var(--dm-secondary); } .sensitive-consent { width:100%; text-align:left; } .sensitive-consent .checkbox-line { align-items:flex-start; } .sensitive-consent label { font-size:.875rem; line-height:1.7; } .sensitive-consent a { text-decoration:underline; text-underline-offset:.2em; } .sensitive-consent input[type=checkbox] { flex:0 0 auto; margin-top:.3rem; } #content-report-form .checkbox-line input { width:1.125rem; } .apple-site-refinement body { font-family:var(--apple-system-font); font-size:.9375rem; -webkit-font-smoothing:antialiased; } .apple-site-refinement :is(button,input,select,textarea) { font-family:inherit; } .apple-site-refinement body:not(.dm-home-page) :is(h1,h2,h3,p,li) { overflow-wrap:anywhere; } .apple-site-refinement body:not(.dm-home-page) h1 { font-size:clamp(2rem,3.25vw,2.75rem); font-weight:650; letter-spacing:-.04em; line-height:1.12; text-wrap:balance; } .apple-site-refinement body:not(.dm-home-page) h2 { font-size:1.375rem; font-weight:620; letter-spacing:-.025em; line-height:1.3; } .apple-site-refinement body:not(.dm-home-page) h3 { font-size:1.0625rem; letter-spacing:-.02em; line-height:1.4; } .apple-site-refinement body:not(.dm-home-page) p { font-size:.9375rem; line-height:1.75; } .apple-site-refinement body:not(.dm-home-page) > main { gap:2rem; padding-top:7rem; } .apple-site-refinement .page-heading { margin-bottom:.5rem; } .apple-site-refinement .page-heading h1 { margin:.625rem 0 1rem; } .apple-site-refinement .page-eyebrow { font-size:.6875rem; letter-spacing:.115em; line-height:1.6; } .apple-site-refinement .page-intro { max-width:38rem; font-size:.9375rem; line-height:1.75; } .apple-site-refinement body.dm-shell .main-header, .apple-site-refinement .header-line { height:var(--dm-header-height); } .apple-site-refinement .header-line { padding-inline:var(--dm-page-gutter); } .apple-site-refinement body.dm-shell .nav-column { padding-inline:12px; } .apple-site-refinement .dm-header-login { font-size:.875rem; } .apple-site-refinement .dm-header-account { position:relative; color:var(--dm-text); } .apple-site-refinement .dm-header-account > summary { display:flex; align-items:center; gap:.625rem; min-height:44px; padding:.625rem .75rem; list-style:none; border:1px solid var(--dm-line); border-radius:.75rem; background:var(--dm-sidebar); cursor:pointer; font-size:.875rem; } .apple-site-refinement .dm-header-account > summary::-webkit-details-marker { display:none; } .apple-site-refinement .dm-header-account > summary svg { width:20px; height:20px; flex-shrink:0; } .apple-site-refinement .dm-header-account > .dm-nav-account { position:absolute; inset:calc(100% + .5rem) 0 auto auto; width:16rem; max-width:calc(100vw - 2rem); padding:.75rem; margin:0; border:1px solid var(--dm-line); border-radius:.875rem; background:var(--dm-sidebar); box-shadow:0 8px 24px color-mix(in srgb,var(--dm-text) 10%,transparent); } .apple-site-refinement .dm-header-account .dm-session-name { margin:.25rem .8125rem .75rem; } .apple-site-refinement .dm-header-account .dm-nav-caption { display:none; } .apple-site-refinement body.dm-home-page > #footer-placeholder .dm-footer-inner { max-width:calc(90rem + 2 * var(--dm-page-gutter)); padding-inline:var(--dm-page-gutter); } @media(min-width:761px) { .apple-site-refinement .dm-sidebar-account-slot > .dm-nav-account[data-logged="false"] { display:none; } } @media(min-width:761px) and (max-width:1150px) { html.apple-site-refinement { --dm-sidebar-width:200px; --dm-page-gutter:1.5rem; } } .apple-site-refinement .dm-nav-link { font-size:.8125rem; min-height:2.875rem; border-radius:.6875rem; } .apple-site-refinement .dm-nav-link > span { min-width:0; overflow-wrap:anywhere; } .apple-site-refinement .dm-nav-caption { font-size:.625rem; letter-spacing:.12em; } .apple-site-refinement .dm-sidebar-note p { font-size:.8125rem; } .apple-site-refinement .dm-sidebar-note small { font-size:.6875rem; } .apple-site-refinement .dm-theme-control { font-size:.75rem; } .apple-site-refinement .dm-theme-control select { font-size:.75rem; min-height:2.75rem; } .apple-site-refinement #headerRegister { min-height:2.75rem; font-size:.75rem; padding:.75rem 1rem !important; } .apple-site-refinement #iconMenu { min-width:2.75rem; min-height:2.75rem; border-radius:.625rem; } .apple-site-refinement #userBalanceWrapper { min-height:2.75rem; font-size:.8125rem; border-radius:.6875rem; } .apple-site-refinement body.dm-shell > footer { padding-top:2.5rem; } .apple-site-refinement body.dm-shell > footer :is(a,p) { font-size:.75rem; line-height:1.75; } .apple-site-refinement body.dm-shell > footer a { min-height:2.75rem; display:inline-flex; align-items:center; } .apple-site-refinement #btnTop { min-height:2.75rem; border-radius:.6875rem; font-size:.8125rem; } .apple-site-refinement body:not(.dm-home-page) :is(input:not([type=checkbox],[type=radio],[type=range],[type=hidden]),select,textarea) { min-height:3rem; font-size:1rem; border-radius:.75rem; padding:.75rem .875rem; } .apple-site-refinement :is(input,select,textarea):focus-visible { outline:2px solid var(--dm-text); outline-offset:3px; } .apple-site-refinement .field-label { font-size:.8125rem; line-height:1.5; margin:1rem 0 .5rem; } .apple-site-refinement .field-hint { font-size:.75rem; line-height:1.65; } .apple-site-refinement :is(.confirm-button,.decline-button,.panel-btn,.action-btn,.google-button,.email-button,.premium-btn,.subscription-btn,.btn-next,.btn-back) { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:3rem; border-radius:.75rem; font-size:.875rem; font-weight:550; line-height:1.4; padding:.8125rem 1.125rem; } .apple-site-refinement .page-auth > main :is(.auth-panel,.login-container,.register-container) { max-width:30rem; padding:2rem; border-radius:1.25rem; background:var(--dm-sidebar); gap:1.5rem; } .apple-site-refinement .page-auth .page-heading { max-width:30rem; } .apple-site-refinement .auth-panel :is(.terms,.terms-row,.register-terms),.apple-site-refinement .register-tab label { font-size:.8125rem; line-height:1.65; } .apple-site-refinement .auth-panel > a,.apple-site-refinement .auth-panel #emailForm > a { min-height:2.75rem; display:inline-flex; align-items:center; justify-content:center; font-size:.8125rem; } .apple-site-refinement .auth-panel > .row:has(>hr) { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:1rem; align-items:center; } .apple-site-refinement .auth-panel > .row:has(>hr) p { white-space:nowrap; margin:0; } .apple-site-refinement .auth-panel > .row:has(>hr) hr { width:100%; } .apple-site-refinement .register-title { width:100%; text-align:left; } .apple-site-refinement .register-tab h2 { font-size:1.5rem; } .apple-site-refinement :is(.card-grid .card,.role-option) { border-radius:.75rem; min-height:3rem; padding:.875rem; font-size:.875rem; } .apple-site-refinement .checkbox-line label { font-size:.8125rem; line-height:1.65; } .apple-site-refinement .checkbox-line { padding-block:.5rem; } .apple-site-refinement :is(.panel-box,.perfil-header,.verify-section,.composer-panel,.editor-section,.coins-intro) { background:var(--dm-sidebar); border-radius:1.125rem; padding:1.75rem; } .apple-site-refinement #panel-actions { display:grid; align-items:stretch; gap:1.25rem; padding-block:0; } .apple-site-refinement :is(#ranking-box,#verification-box,#edit-model-box,#indicate-dojob-box,#location-model-box) { background:var(--dm-sidebar); border-color:var(--dm-line); } .apple-site-refinement .panel-box { display:flex; flex-direction:column; align-items:stretch; gap:1.5rem; height:100%; } .apple-site-refinement .panel-box > .panel-btn { margin-top:auto; width:100%; } .apple-site-refinement .panel-box-content p { font-size:.875rem; line-height:1.75; } .apple-site-refinement .panel-box-content h2 { font-size:1.25rem; text-align:left; align-self:flex-start; } .apple-site-refinement .panel-box hr { background:var(--dm-line); } .apple-site-refinement :is(#verification-box,#edit-model-box) .panel-btn { background:var(--dm-button); color:var(--dm-button-text); } .apple-site-refinement .profile-completion { gap:1rem; } .apple-site-refinement .profile-completion-circle { flex-shrink:0; } .apple-site-refinement .perfil-header { display:flex; align-items:flex-start; flex-direction:column; gap:1.5rem; } .apple-site-refinement .perfil-info { width:100%; gap:1rem; } .apple-site-refinement .perfil-botoes { display:flex; flex-wrap:wrap; gap:.625rem; width:100%; } .apple-site-refinement .perfil-botoes button { min-height:2.875rem; padding:.75rem 1rem; font-size:.8125rem; background:var(--dm-bg); border:1px solid var(--dm-line); color:var(--dm-secondary); border-radius:.6875rem; box-shadow:none; } .apple-site-refinement .perfil-botoes button:is(.active,:hover) { background:var(--dm-active); color:var(--dm-text); } .apple-site-refinement #btn-editar { background:var(--dm-button); color:var(--dm-button-text); border-color:var(--dm-button); } .apple-site-refinement :is(.tab-section-div,.edicao-usuario-container,.assinatura-container) { background:var(--dm-sidebar); color:var(--dm-text); border-color:var(--dm-line); border-radius:1rem; } .apple-site-refinement .editor-section { margin-bottom:1.5rem; gap:1.5rem; } .apple-site-refinement .editor-section :is(ul,li) { width:100%; max-width:100%; min-width:0; } .apple-site-refinement .editor-section li > :is(input,select,textarea) { width:100%; } .apple-site-refinement :is(.upload-box,#uploadBox,.upload-box-image) { border-radius:1rem; border-color:var(--dm-muted); background:var(--dm-bg); } .apple-site-refinement .upload-trigger { min-height:3rem; font-size:.875rem; border-radius:.75rem; } .apple-site-refinement .composer-panel #tab1 { gap:1.5rem; } .apple-site-refinement .composer-panel > .page-heading { margin-bottom:1.75rem; } .apple-site-refinement .verify-info { font-size:.875rem; line-height:1.75; padding:1.25rem; border-radius:.875rem; background:var(--dm-bg); } .apple-site-refinement .verify-section { gap:1.5rem; } .apple-site-refinement .acompanhantes-location-search { max-width:38rem; } .apple-site-refinement .acompanhantes-search-block { justify-content:flex-start; } .apple-site-refinement .acompanhantes-filters-wrapper { height:auto; overflow:visible; } .apple-site-refinement .acompanhantes-filters-wrapper::before { display:none; } .apple-site-refinement .acompanhantes-category-filters { gap:.625rem; padding-bottom:1rem; } .apple-site-refinement .filter-item { display:inline-flex; align-items:center; min-height:2.875rem; height:auto; border-radius:2rem; padding:.75rem 1rem; font-size:.8125rem; box-shadow:none; } .apple-site-refinement .page-listing .location-badge { font-size:clamp(1.75rem,2.8vw,2.25rem); letter-spacing:-.035em; } .apple-site-refinement .actions-bar { gap:1rem; align-items:center; } .apple-site-refinement .sort-select { flex:0 1 15rem; max-width:15rem; background:var(--dm-bg); border:1px solid var(--dm-line); color:var(--dm-text); } .apple-site-refinement .models-grid { gap:1.5rem; align-items:stretch; } .apple-site-refinement .model-card-container { background:var(--dm-sidebar); border-radius:1rem; transition:border-color 140ms ease; } .apple-site-refinement .model-name-user { padding:1.125rem 1.125rem .875rem; } .apple-site-refinement .model-nome { font-size:1.125rem; letter-spacing:-.025em; line-height:1.35; overflow-wrap:anywhere; } .apple-site-refinement .model-username { font-size:.75rem; } .apple-site-refinement .model-verified { font-size:.6875rem; letter-spacing:.025em; } .apple-site-refinement .model-card-row { padding:1rem 1.125rem 1.125rem; } .apple-site-refinement body:not(.dm-home-page) .model-card-info-description p { font-size:.8125rem; line-height:1.6; margin:0; } .apple-site-refinement body:not(.dm-home-page) .model-card-values .model-valor { font-size:1.375rem; line-height:1.3; margin:0; } .apple-site-refinement body:not(.dm-home-page) .model-card-values .model-valor-text { font-size:.75rem; line-height:1.5; margin:0; } .apple-site-refinement :is(.model-valor-text,.model-card-info-row span) { font-size:.75rem; } .apple-site-refinement :is(.carousel-btn,.modal-header button,.premium-close) { min-width:2.75rem; min-height:2.75rem; } .apple-site-refinement .breadcrumb { white-space:normal; flex-wrap:wrap; font-size:.75rem; line-height:1.65; } .apple-site-refinement .breadcrumb a { white-space:normal; } .apple-site-refinement .nearby-city-link { display:inline-flex; align-items:center; min-height:2.75rem; font-size:.8125rem; border-radius:.75rem; } .apple-site-refinement :is(.modal-content,.premium-modal,.premium-box,.plans-container) { border-radius:1.25rem; padding:1.75rem; } .apple-site-refinement .filter-group label { font-size:.875rem; margin-bottom:.625rem; } .apple-site-refinement .apple-filter-open { overflow:hidden; } .apple-site-refinement .filter-buttons { display:flex; flex-wrap:wrap; gap:.75rem; } .apple-site-refinement .filter-buttons button { min-height:3rem; padding:.8125rem 1.125rem; border-radius:.75rem; font-size:.875rem; flex:1; } .apple-site-refinement #applyFilters { background:var(--dm-button); color:var(--dm-button-text); border:1px solid var(--dm-button); } .apple-site-refinement #clearFilters { background:var(--dm-bg); color:var(--dm-text); border:1px solid var(--dm-line); } .apple-site-refinement #videos-grid { gap:1.25rem; } .apple-site-refinement :is(.video-card,.video-thumbnail-wrapper) { border-radius:1rem; overflow:hidden; } .apple-site-refinement .model-card-link .model-name-user { padding:.75rem .875rem .375rem; gap:.125rem; } .apple-site-refinement .model-card-link .model-nome { min-height:0; line-height:1.3; } .apple-site-refinement .model-card-link .model-verified { margin-bottom:.125rem; } .apple-site-refinement .model-card-link .model-card-row { flex:0 0 auto; gap:.5rem; padding:.375rem .875rem .875rem; } .apple-site-refinement .model-card-link .model-card-info-column { gap:.25rem .625rem; } .apple-site-refinement .model-card-link .model-card-values { display:flex; flex-direction:row; flex-wrap:wrap; align-items:baseline; min-height:0; gap:.125rem .5rem; padding-bottom:.5rem; } .apple-site-refinement .model-card-link .model-card-values > p:first-child { flex-basis:100%; } .apple-site-refinement .model-card-link .model-card-values > p:empty { display:none; } .apple-site-refinement .model-card-link .model-valor { max-width:100%; } .apple-site-refinement .model-card-link .model-card-info-row { gap:.375rem; align-items:baseline; } .apple-site-refinement .model-card-link .model-card-info-description { margin-top:0; } .apple-site-refinement .model-card-link .model-card-info-description p { min-height:0; -webkit-line-clamp:2; } .apple-site-refinement .model-card-link .model-card-info-description:has(>p:empty) { display:none; } .apple-site-refinement .page-profile main > :is(.background-img,.profile-row,.profile-details) { width:100%; max-width:60rem; margin-inline:auto; } .apple-site-refinement .page-profile .background-img { aspect-ratio:3.2; max-height:19rem; border-radius:1.25rem; object-position:center 35%; } .apple-site-refinement .page-profile .profile-row { display:grid; grid-template-columns:7.5rem minmax(0,1fr) minmax(12rem,16rem); grid-template-areas:"foto info botoes"; align-items:center; gap:1.5rem; padding:0 1.5rem 1.75rem; margin-top:-3.5rem; margin-bottom:0; } .apple-site-refinement .page-profile .profile-img { position:static !important; width:7.5rem; max-width:100%; height:7.5rem; padding:0; border:.375rem solid var(--dm-bg); background:var(--dm-bg); box-shadow:0 0 0 1px var(--dm-line); } .apple-site-refinement .page-profile .profile-info { min-width:0; padding-top:3.5rem; height:auto !important; } .apple-site-refinement .page-profile .profile-info h1 { font-size:1.875rem; margin:0 0 .5rem; } .apple-site-refinement .page-profile .profile-info p { font-size:.875rem; margin-bottom:.5rem; } .apple-site-refinement .page-profile .profile-buttons { padding-top:3.5rem; gap:.625rem; } .apple-site-refinement .page-profile .profile-buttons button { height:auto; min-height:3rem; padding:.75rem 1rem; border-radius:.75rem; font-size:.8125rem; font-weight:550; line-height:1.4; box-shadow:none; backdrop-filter:none; } .apple-site-refinement #whatsapp-btn { background:var(--dm-button); color:var(--dm-button-text); border:1px solid var(--dm-button); box-shadow:none; } .apple-site-refinement #share-btn { background:var(--dm-bg); color:var(--dm-text); border:1px solid var(--dm-line); } .apple-site-refinement #whatsapp-btn:hover { box-shadow:none; } .apple-site-refinement #share-btn:hover { background:var(--dm-hover); border-color:var(--dm-muted); } .apple-site-refinement .profile-buttons button:hover { transform:scale(var(--apple-press-scale,1)); } .apple-site-refinement .profile-details { padding-top:2rem; gap:1.5rem; align-items:stretch; } .apple-site-refinement .profile-details > .row:has(>h2,>h3) { justify-content:flex-start !important; gap:0; margin:1.25rem 0 0; } .apple-site-refinement .profile-details > .row:has(>h2,>h3) hr { display:none; } .apple-site-refinement .profile-details .single-line { white-space:normal; text-align:left !important; } .apple-site-refinement .profile-details > :is(div,section) { width:100%; min-width:0; align-items:stretch; } .apple-site-refinement .profile-details #descricao { align-items:flex-start; font-size:.9375rem; line-height:1.8; color:var(--dm-secondary); } .apple-site-refinement .galeria-modelo-grid { gap:.875rem; } .apple-site-refinement .galeria-item { border-radius:1rem; overflow:hidden; } .apple-site-refinement .pagamentos-grid { flex-wrap:wrap; gap:.75rem; } .apple-site-refinement .pagamentos-grid li { border-radius:.75rem; padding:.875rem 1rem; font-size:.875rem; } .apple-site-refinement :is(.reading-document,.page-reading .info-section) { max-width:46rem; } .apple-site-refinement :is(.reading-document,.page-reading .info-section) :is(p,li) { font-size:1rem; line-height:1.9; margin-bottom:1.25rem; } .apple-site-refinement :is(.reading-document,.page-reading .info-section) h2 { margin:2.5rem 0 1rem; } .apple-site-refinement .meta-date { font-size:.8125rem !important; line-height:1.65; padding-bottom:1.5rem; } .apple-site-refinement .status-page.dm-shell > main { padding:2.5rem; max-width:34rem; border-radius:1.5rem; background:var(--dm-sidebar); } .apple-site-refinement .status-card h1 { margin:2rem 0 1rem; } .apple-site-refinement .status-links a { min-height:2.75rem; display:inline-flex; align-items:center; } .apple-site-refinement [data-apple-pressed] { transform:scale(var(--apple-press-scale,1)); transform-origin:center; } .apple-site-refinement [style*="--apple-press-scale"] { transform:scale(var(--apple-press-scale,1)); } .apple-site-refinement [data-apple-pressed="true"] { filter:brightness(.92); } .apple-site-refinement :is(a,button,summary,[role=button]):focus-visible { outline:2px solid var(--dm-text); outline-offset:4px; } @supports (background:color-mix(in srgb,black,transparent)) { .apple-site-refinement body.dm-shell .main-header { background:color-mix(in srgb,var(--dm-bg) 90%,transparent); backdrop-filter:blur(16px) saturate(110%); -webkit-backdrop-filter:blur(16px) saturate(110%); } } @media(hover:hover) and (pointer:fine) { .apple-site-refinement .model-card-link:hover .model-card-container { border-color:var(--dm-muted); } } @media(max-width:1000px) and (min-width:761px) { .apple-site-refinement .page-profile .profile-row { grid-template-columns:6rem minmax(0,1fr); grid-template-areas:"foto info" "botoes botoes"; } .apple-site-refinement .page-profile .profile-img { width:6rem; height:6rem; } .apple-site-refinement .page-profile .profile-buttons { padding-top:0; flex-direction:row; } } @media(max-width:760px) { html.apple-site-refinement { --dm-header-height:4rem; --dm-page-gutter:1.25rem; } .apple-site-refinement .header-line > .dm-brand { flex:0 1 120px; min-width:0; } .apple-site-refinement .header-line .dm-brand-art { width:100%; max-width:120px; } .apple-site-refinement #iconMenu { flex:0 0 44px; min-width:44px; width:44px; min-height:44px; } .apple-site-refinement body.dm-shell .nav-bar { top:var(--dm-header-height); height:calc(100dvh - var(--dm-header-height)); } .apple-site-refinement body:not(.dm-home-page):not(.status-page) > main { padding:5.5rem 1.25rem 2.5rem; gap:1.75rem; } .apple-site-refinement body:not(.dm-home-page) h1 { font-size:2rem; line-height:1.15; } .apple-site-refinement body:not(.dm-home-page) h2 { font-size:1.375rem; } .apple-site-refinement .header-line { padding-inline:.875rem; gap:.625rem; } .apple-site-refinement .dm-bottom-nav .dm-nav-link { font-size:.6875rem; min-height:3.5rem; gap:.3125rem; } .apple-site-refinement #headerRegister { min-height:2.5rem; font-size:.6875rem; padding:.625rem .75rem !important; } .apple-site-refinement #userBalanceWrapper { font-size:.75rem; padding:.625rem .75rem; } .apple-site-refinement .page-auth > main :is(.auth-panel,.login-container,.register-container) { padding:1.5rem 1.25rem; border-radius:1rem; } .apple-site-refinement :is(.panel-box,.perfil-header,.verify-section,.composer-panel,.editor-section,.coins-intro) { padding:1.5rem 1.25rem; border-radius:1rem; } .apple-site-refinement #panel-actions { grid-template-columns:1fr; gap:1rem; } .apple-site-refinement .perfil-botoes button { flex:1 1 auto; } .apple-site-refinement .models-grid { gap:.875rem; } .apple-site-refinement .model-card-container { border-radius:.875rem; } .apple-site-refinement .model-name-user { padding:.875rem .75rem .625rem; } .apple-site-refinement .model-nome { font-size:.9375rem; } .apple-site-refinement .model-username { font-size:.6875rem; } .apple-site-refinement .model-card-row { padding:.75rem .75rem .875rem; } .apple-site-refinement .model-verified { font-size:.625rem; } .apple-site-refinement .model-card-info-row span { font-size:.75rem; } .apple-site-refinement .actions-bar { flex-wrap:wrap; gap:.75rem; } .apple-site-refinement .actions-bar > :is(button,select) { flex:1; min-width:0; } .apple-site-refinement .page-profile .background-img { aspect-ratio:1.85; border-radius:1rem; } .apple-site-refinement .page-profile .profile-row { grid-template-columns:5.25rem minmax(0,1fr); grid-template-areas:"foto info" "botoes botoes"; gap:1.25rem .875rem; padding:0 .25rem 1.5rem; margin-top:-3rem; } .apple-site-refinement .page-profile .profile-img { width:5.25rem; height:5.25rem; border-width:.25rem; align-self:start; } .apple-site-refinement .page-profile .profile-info { padding-top:3rem; } .apple-site-refinement .page-profile .profile-info h1 { font-size:1.5rem; line-height:1.2; } .apple-site-refinement .page-profile .profile-info p { font-size:.8125rem; } .apple-site-refinement .page-profile .profile-buttons { padding:0; flex-direction:column; } .apple-site-refinement .profile-details { padding-top:1.5rem; gap:1.25rem; } .apple-site-refinement .profile-details > .row:has(>h2,>h3) { margin-top:1rem; } .apple-site-refinement .status-page.dm-shell > main { padding:2rem 1.25rem; } .apple-site-refinement .modal-content { padding:1.5rem 1.25rem; max-height:calc(100dvh - 2rem); } } @media(max-width:360px) { .apple-site-refinement body:not(.dm-home-page):not(.status-page) > main { padding-inline:1rem; } .apple-site-refinement .models-grid { gap:.625rem; } .apple-site-refinement .header-line { padding-inline:.625rem; gap:.375rem; } .apple-site-refinement .dm-brand-word { font-size:1.25rem; } } @media(prefers-reduced-motion:reduce) { .apple-site-refinement [data-apple-pressed],.apple-site-refinement [style*="--apple-press-scale"] { transform:none !important; } .apple-site-refinement *, .apple-site-refinement *::before,.apple-site-refinement *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } } @media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .apple-site-refinement body.dm-shell .main-header { background:var(--dm-bg); backdrop-filter:none; -webkit-backdrop-filter:none; } } .apple-site-refinement .model-carousel .carousel-btn{transform:translateY(-50%) scale(var(--apple-press-scale,1))!important;transform-origin:center}
/* Account loading/error feedback; no motion and no change to the saved appearance. */
body > main[data-session-blocked] { display:none !important; }
body[data-session-changing] > :not(header):not(#accountSessionStatus):not(#ageVerificationOverlay) { display:none !important; }
body > .dm-session-status { position:fixed; z-index:120; inset:88px 24px auto calc(var(--dm-sidebar-width) + 24px); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:20px; background:var(--dm-bg); color:var(--dm-text); border:1px solid var(--dm-line); border-radius:12px; box-shadow:0 8px 24px #0000000b; }
.dm-session-status p { margin:0; flex:1 1 220px; font-size:14px; line-height:1.6; color:var(--dm-text); }
.dm-session-status button { min-height:44px; padding:10px 16px; border:1px solid var(--dm-line); border-radius:8px; background:var(--dm-button); color:var(--dm-button-text); font:inherit; cursor:pointer; }
#sessionLogoutError { font-size:12px; line-height:1.6; color:var(--dm-error); margin:8px 12px; }
@media(max-width:760px) { body > .dm-session-status { inset:80px 16px auto; padding:16px; } }
#notificationLoadError { position:fixed; inset:80px 16px auto auto; width:min(280px,calc(100vw - 32px)); margin:0; padding:12px; border:1px solid var(--dm-line); border-radius:8px; background:var(--dm-bg); color:var(--dm-text); font-size:12px; line-height:1.6; box-shadow:0 8px 24px #0000000b; }
body.dm-menu-open > .dm-session-status, body.dm-menu-open #notificationLoadError { visibility:hidden; pointer-events:none; }