/*
 * DontTELL.US Core Frontend
 * Global refinements for WordPress-rendered theme areas.
 */

:root {
    --dtu-fluid-shell-max: 1320px;
    --dtu-fluid-shell-width: min(var(--dtu-fluid-shell-max), calc(100% - clamp(24px, 4vw, 80px)));
    --dtu-page-max: var(--dtu-fluid-shell-max);
    --dtu-chrome-max: var(--dtu-fluid-shell-max);
    --dtu-content-max: 760px;
    --dtu-gutter: clamp(16px, 4vw, 32px);
    --dtu-space-1: 8px;
    --dtu-space-2: 16px;
    --dtu-space-3: 24px;
    --dtu-space-4: 32px;
    --dtu-space-5: 48px;
    --dtu-space-6: 64px;
    --dtu-section-gap: clamp(48px, 7vw, 88px);
    --dtu-grid-gap: 24px;
    --dtu-card-pad: clamp(16px, 2vw, 24px);
    --dtu-radius: 8px;
}

html,
body {
    overflow-x: hidden !important;
}

body {
    letter-spacing: 0 !important;
}

body .site-footer,
body footer.wp-block-template-part,
body .wp-site-blocks > footer,
body .footer,
body footer {
    width: 100% !important;
    max-width: none !important;
}

body .site-header .hostinger-ai-menu,
body header.site-header .hostinger-ai-menu {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(16px, 3vw, 32px) !important;
    padding-right: clamp(16px, 3vw, 32px) !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body .site-header .hostinger-ai-menu-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(18px, 3vw, 42px) !important;
    width: min(100%, 1320px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body .site-header .hostinger-ai-site-navigation-wrapper,
body .site-header .wp-block-navigation,
body .site-header .wp-block-navigation__container {
    min-width: 0 !important;
    max-width: 100% !important;
}

body .site-header .wp-block-navigation__container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: clamp(12px, 1.6vw, 24px) !important;
}

body .site-header .wp-block-navigation-item__content,
body .site-header .hostinger-ai-site-navigation a {
    line-height: 1.25 !important;
    white-space: normal !important;
}

body .site-header .custom-logo {
    width: clamp(52px, 5vw, 80px) !important;
    height: clamp(52px, 5vw, 80px) !important;
}

body .site-header .wp-block-site-title,
body .site-header .wp-block-site-title a {
    line-height: 1.05 !important;
}

body:not(.dtu-commerce-page) .wp-site-blocks,
body:not(.dtu-commerce-page) main,
body:not(.dtu-commerce-page) #wp--skip-link--target,
body:not(.dtu-commerce-page) .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body:not(.dtu-commerce-page) .entry-content > :not(.alignfull),
body:not(.dtu-commerce-page) main > :not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
body:not(.dtu-commerce-page) #wp--skip-link--target > :not(.alignfull) {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .entry-content > .alignfull,
body:not(.dtu-commerce-page) main > .alignfull,
body:not(.dtu-commerce-page) #wp--skip-link--target > .alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body:not(.dtu-commerce-page) .alignfull > .wp-block-group__inner-container,
body:not(.dtu-commerce-page) .alignfull > .wp-block-cover__inner-container,
body:not(.dtu-commerce-page) .alignfull > .wp-block-columns,
body:not(.dtu-commerce-page) .has-global-padding > .wp-block-group__inner-container,
body:not(.dtu-commerce-page) .is-layout-constrained > :not(.alignfull) {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .entry-content :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption),
body:not(.dtu-commerce-page) main :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption) {
    overflow-wrap: anywhere;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .mockup-page,
body:not(.dtu-commerce-page) .shell.mockup-page,
body:not(.dtu-commerce-page) .home-page {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body:not(.dtu-commerce-page) .mockup-page .topbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .topbar {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-chrome-max)) !important;
    max-width: var(--dtu-chrome-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-chrome-max)) !important;
    max-width: var(--dtu-chrome-max) !important;
    margin: 14px auto 18px !important;
    display: grid !important;
    grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(144, 221, 255, .18) !important;
    border-radius: 18px !important;
    background: rgba(8, 18, 29, .94) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
    box-sizing: border-box !important;
    color: #edf7fc !important;
    position: relative !important;
    z-index: 900 !important;
}

body:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"] {
    order: -9999 !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
}

@media (min-width: 1025px) {
    body:not(.dtu-commerce-page) .dtu-mobile-nav-toggle,
    body:not(.dtu-commerce-page) .dtu-mobile-nav-panel,
    body:not(.dtu-commerce-page) .dtu-mobile-bottom-nav,
    body:not(.dtu-commerce-page) .dtu-mobile-language {
        display: none !important;
    }

    body:not(.dtu-commerce-page) .topbar .legal-nav,
    body:not(.dtu-commerce-page) .topbar .topbar-socials {
        display: flex !important;
    }

    body:not(.dtu-commerce-page) .topbar,
    body:not(.dtu-commerce-page) .dtu-global-top-nav {
        width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-chrome-max)) !important;
        max-width: var(--dtu-chrome-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.dtu-free-mobile-first:not(.dtu-commerce-page) .dtu-free-hub,
    body.dtu-recommendation-first:not(.dtu-commerce-page) .dtu-free-hub {
        width: min(calc(100% - 40px), 1320px) !important;
        max-width: 1320px !important;
    }

    body.dtu-free-mobile-first:not(.dtu-commerce-page) .dtu-free-hub__hero,
    body.dtu-recommendation-first:not(.dtu-commerce-page) .dtu-free-hub__hero,
    body.dtu-free-mobile-first:not(.dtu-commerce-page) .dtu-free-featured-preview,
    body.dtu-recommendation-first:not(.dtu-commerce-page) .dtu-free-featured-preview {
        grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr) !important;
    }
}

body:not(.dtu-commerce-page) .dtu-global-top-nav a {
    color: #edf7fc !important;
    text-decoration: none !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__brand {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__brand strong {
    font-size: .98rem !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__brand span {
    color: rgba(226, 239, 247, .72) !important;
    font-size: .82rem !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__links {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
    scrollbar-width: thin;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__links a {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .04) !important;
    color: #edf7fc !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__links a:hover,
body:not(.dtu-commerce-page) .dtu-global-top-nav__links a:focus-visible {
    border-color: rgba(83, 218, 255, .58) !important;
    background: rgba(83, 218, 255, .12) !important;
    outline: none !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__links .dtu-global-top-nav__account {
    border-color: rgba(83, 218, 255, .34) !important;
}

body:not(.dtu-commerce-page) .dtu-global-top-nav__links .dtu-global-top-nav__account:last-child {
    background: #36cdff !important;
    border-color: #36cdff !important;
    color: #031019 !important;
}

body:not(.dtu-commerce-page) .home-page .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
    gap: var(--dtu-grid-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .mockup-page .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
    gap: var(--dtu-grid-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .home-page .hero-copy {
    min-height: clamp(460px, 42vw, 560px) !important;
}

body:not(.dtu-commerce-page) .mockup-page .hero-copy {
    min-height: clamp(460px, 42vw, 560px) !important;
}

body:not(.dtu-commerce-page) .home-page .hero-copy h1 {
    max-width: 16ch !important;
    font-size: clamp(2.65rem, 3.6vw, 4.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .mockup-page .hero-copy h1,
body:not(.dtu-commerce-page) .mockup-page .hero h1 {
    max-width: 16ch !important;
    font-size: clamp(2.65rem, 3.6vw, 4.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .home-page .hero-sidecar {
    grid-column: 1 / -1 !important;
}

body:not(.dtu-commerce-page) .home-page .hero-sidecar-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

body:not(.dtu-commerce-page) .home-page .section-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--dtu-grid-gap) !important;
    align-items: end !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.dtu-commerce-page) .mockup-page .section-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--dtu-grid-gap) !important;
    align-items: end !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.dtu-commerce-page) .home-page .section-heading h2 {
    max-width: 28ch !important;
    font-size: clamp(2rem, 3vw, 3.15rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .mockup-page .section-heading h2 {
    max-width: 28ch !important;
    font-size: clamp(2rem, 3vw, 3.15rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .home-page .section-heading > p {
    display: none !important;
    max-width: 34ch !important;
    justify-self: end !important;
}

body:not(.dtu-commerce-page) .mockup-page .section-heading > p {
    display: none !important;
    max-width: 38ch !important;
    justify-self: end !important;
}

body:not(.dtu-commerce-page) .home-page .mockup-feature-grid,
body:not(.dtu-commerce-page) .home-page .mockup-rail-grid,
body:not(.dtu-commerce-page) .home-page .mockup-price-grid,
body:not(.dtu-commerce-page) .home-page .mockup-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
    gap: var(--dtu-grid-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid,
body:not(.dtu-commerce-page) .mockup-page .grid.cards,
body:not(.dtu-commerce-page) .mockup-page .story-principle-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
    gap: var(--dtu-grid-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .mockup-page :where(
    .mockup-feature-grid,
    .mockup-rail-grid,
    .mockup-price-grid,
    .mockup-stat-grid,
    .grid.cards,
    .story-principle-grid,
    .hero,
    .hero-sidecar-grid
) > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .mockup-page :where(img, video, iframe, canvas, svg) {
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .home-page .mockup-feature-card,
body:not(.dtu-commerce-page) .home-page .mockup-rail-card,
body:not(.dtu-commerce-page) .home-page .mockup-price-card,
body:not(.dtu-commerce-page) .home-page .mockup-summary {
    padding: var(--dtu-card-pad) !important;
    border-radius: var(--dtu-radius) !important;
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-card,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-card {
    display: grid !important;
    align-content: start !important;
    gap: var(--dtu-space-2) !important;
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-card img,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-card img {
    margin-bottom: 0 !important;
}

body:not(.dtu-commerce-page) .home-page .hero-copy,
body:not(.dtu-commerce-page) .mockup-page .hero-copy,
body:not(.dtu-commerce-page) .dtu-access-hero,
body:not(.dtu-commerce-page) .dtu-membership-hero,
body:not(.dtu-commerce-page) .dtu-commerce-hero {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
}

body:not(.dtu-commerce-page) :where(.mockup-feature-card, .mockup-rail-card, .video-card, .preview-card, .dtu-account-live-item, .dtu-casting-side, .dtu-access-side) {
    overflow: hidden !important;
}

body:not(.dtu-commerce-page) :where(.mockup-feature-card, .mockup-rail-card, .video-card, .preview-card) > img,
body:not(.dtu-commerce-page) :where(.mockup-feature-card, .mockup-rail-card, .video-card, .preview-card) picture > img,
body:not(.dtu-commerce-page) :where(.preview-thumb, .dtu-card-media, .dtu-account-live-item) img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 8px !important;
    background: #050b12 !important;
}

body:not(.dtu-commerce-page) img.dtu-media-portrait {
    object-position: center 34% !important;
}

body:not(.dtu-commerce-page) img.dtu-media-landscape {
    object-position: center center !important;
}

body:not(.dtu-commerce-page) :where(.brand-mark, .custom-logo, .wp-block-site-logo img, .trp-flag-image, img[src*="/flags/"]) {
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
}

body:not(.dtu-commerce-page) :where(.dtu-casting-side img, .dtu-access-side img, .dtu-register-panel img, .dtu-login-panel-primary img) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: clamp(220px, 28vw, 420px) !important;
    aspect-ratio: 4 / 3 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 8px !important;
    background: #050b12 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side img.dtu-media-portrait,
body:not(.dtu-commerce-page) .dtu-access-side img.dtu-media-portrait {
    object-position: center 28% !important;
}

body:not(.dtu-commerce-page) :where(.dtu-detail-image, .dtu-detail-media, .dtu-detail-poster) {
    overflow: hidden !important;
    border-radius: 8px !important;
}

body:not(.dtu-commerce-page) :where(.dtu-detail-image, .dtu-detail-media, .dtu-detail-poster) img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 8px !important;
    background: #050b12 !important;
}

body:not(.dtu-commerce-page) :where(.dtu-detail-image, .dtu-detail-media, .dtu-detail-poster) img.dtu-media-portrait {
    aspect-ratio: 4 / 5 !important;
    object-position: center 30% !important;
}

body:not(.dtu-commerce-page) :where(.dtu-detail-image, .dtu-detail-media, .dtu-detail-poster) img.dtu-media-landscape {
    aspect-ratio: 16 / 9 !important;
}

@media (max-width: 720px) {
    body:not(.dtu-commerce-page) .dtu-membership-hero {
        background-size: cover, min(132vw, 620px) auto !important;
        background-position: center top, center top !important;
    }
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid + .section-heading,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid + .section-heading,
body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid + .section-heading,
body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid + .section-heading {
    margin-top: var(--dtu-section-gap) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .72fr) !important;
    gap: clamp(18px, 3vw, 34px) !important;
    align-items: stretch !important;
    margin-top: 18px !important;
    padding: clamp(22px, 4vw, 44px) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 84% 8%, rgba(54, 205, 255, .18), transparent 28%), linear-gradient(135deg, rgba(15, 33, 48, .96), rgba(4, 9, 15, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-copy {
    display: grid !important;
    gap: 14px !important;
    align-content: center !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-copy h3 {
    max-width: 16ch !important;
    margin: 0 !important;
    color: #f4f7fb !important;
    font-size: clamp(2rem, 4.4vw, 4.9rem) !important;
    line-height: .94 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-copy p {
    max-width: 760px !important;
    margin: 0 !important;
    color: #c8d7e5 !important;
    line-height: 1.62 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-visual {
    min-height: clamp(260px, 34vw, 520px) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(113, 217, 255, .18) !important;
    background: #050b12 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-visual img,
body:not(.dtu-commerce-page) .dtu-free-live-offers img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 36% !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-offers {
    margin-top: 18px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-offers .mockup-price-card {
    grid-template-rows: auto auto auto auto 1fr !important;
    gap: 10px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-offers .mockup-price-card img {
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 8px !important;
    margin-bottom: 4px !important;
}

body:not(.dtu-commerce-page) .dtu-live-flow {
    display: grid !important;
    gap: 18px !important;
    margin-top: 18px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    background: linear-gradient(135deg, rgba(12, 24, 36, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-live-flow .dtu-performer-pool-grid {
    margin-top: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-live-streaming {
    display: grid !important;
    gap: 18px !important;
    margin-top: 18px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-color: rgba(54, 205, 255, .28) !important;
    background: radial-gradient(circle at 88% 0, rgba(54, 205, 255, .16), transparent 30%), linear-gradient(135deg, rgba(12, 25, 38, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-grid {
    align-items: stretch !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card,
body:not(.dtu-commerce-page) .dtu-live-stream-card:active {
    min-height: 0 !important;
    height: 100% !important;
}
body:not(.dtu-commerce-page) .dtu-live-stream-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #f4f7fb !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card:hover,
body:not(.dtu-commerce-page) .dtu-live-stream-card:focus-visible {
    transform: translateY(-3px) !important;
    border-color: rgba(87, 209, 255, .72) !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .30), 0 0 0 1px rgba(87, 209, 255, .13) inset !important;
    outline: none !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center 38% !important;
    display: block !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card span {
    color: #8ce6ff !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    letter-spacing: .12em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card strong {
    color: #ffffff !important;
    font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
    line-height: 1.18 !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-card em {
    color: #c8d7e5 !important;
    font-size: .92rem !important;
    font-style: normal !important;
    line-height: 1.5 !important;
}

body:not(.dtu-commerce-page) .dtu-live-stream-actions {
    margin-top: 2px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-note {
    display: grid !important;
    gap: 8px !important;
    margin-top: 18px !important;
    padding: clamp(18px, 3vw, 28px) !important;
    border-color: rgba(255, 209, 122, .28) !important;
    background: linear-gradient(135deg, rgba(255, 209, 122, .10), rgba(7, 14, 21, .94)) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-note strong {
    color: #ffd17a !important;
    font-size: 1.08rem !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-note p {
    margin: 0 !important;
    color: #d8e4ee !important;
    line-height: 1.6 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-inquiry,
body:not(.dtu-commerce-page) .dtu-free-live-seo,
body:not(.dtu-commerce-page) .dtu-performer-pool,
body:not(.dtu-commerce-page) .dtu-youth-support {
    display: grid !important;
    gap: 18px !important;
    margin-top: 18px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    background: linear-gradient(135deg, rgba(12, 24, 36, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-inquiry-head,
body:not(.dtu-commerce-page) .dtu-performer-pool-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr) !important;
    gap: 18px !important;
    align-items: end !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-inquiry-head h3,
body:not(.dtu-commerce-page) .dtu-free-live-seo h3,
body:not(.dtu-commerce-page) .dtu-performer-pool-head h3 {
    margin: 0 !important;
    color: #f4f7fb !important;
    font-size: clamp(1.65rem, 3.3vw, 3.2rem) !important;
    line-height: 1 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-inquiry-head p,
body:not(.dtu-commerce-page) .dtu-free-live-seo p,
body:not(.dtu-commerce-page) .dtu-performer-pool-head p,
body:not(.dtu-commerce-page) .dtu-performer-pool p,
body:not(.dtu-commerce-page) .dtu-youth-support p {
    margin: 0 !important;
    color: #c8d7e5 !important;
    line-height: 1.6 !important;
}

body:not(.dtu-commerce-page) .dtu-performer-pool {
    border-color: rgba(135, 246, 187, .20) !important;
    background: radial-gradient(circle at 8% 0, rgba(135, 246, 187, .10), transparent 26%), linear-gradient(135deg, rgba(12, 24, 36, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-marketplace-split {
    display: grid !important;
    gap: 18px !important;
    margin-top: 18px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-color: rgba(191, 146, 255, .24) !important;
    background: radial-gradient(circle at 8% 0, rgba(191, 146, 255, .10), transparent 26%), linear-gradient(135deg, rgba(12, 24, 36, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-marketplace-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-marketplace-columns article {
    display: grid !important;
    gap: 8px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    min-width: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-marketplace-columns strong {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
}

body:not(.dtu-commerce-page) .dtu-youth-support {
    border-color: rgba(255, 193, 106, .24) !important;
    background: radial-gradient(circle at 92% 0, rgba(255, 193, 106, .12), transparent 28%), linear-gradient(135deg, rgba(14, 24, 32, .98), rgba(5, 10, 16, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-performer-pool-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-performer-pool-grid article {
    display: grid !important;
    gap: 8px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
}

body:not(.dtu-commerce-page) .dtu-performer-pool-grid strong {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-form {
    display: grid !important;
    gap: 16px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-field {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
    color: #eef5fb !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-field.is-full,
body:not(.dtu-commerce-page) .dtu-free-live-fieldset.is-full {
    grid-column: 1 / -1 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-field input,
body:not(.dtu-commerce-page) .dtu-free-live-field select,
body:not(.dtu-commerce-page) .dtu-free-live-field textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 8px !important;
    background: rgba(1, 5, 9, .74) !important;
    color: #f8fbff !important;
    padding: 13px 14px !important;
    font: inherit !important;
    outline: none !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-field textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-field input:focus,
body:not(.dtu-commerce-page) .dtu-free-live-field select:focus,
body:not(.dtu-commerce-page) .dtu-free-live-field textarea:focus {
    border-color: rgba(87, 209, 255, .74) !important;
    box-shadow: 0 0 0 4px rgba(87, 209, 255, .14) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-fieldset {
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-fieldset legend {
    padding: 0 8px !important;
    color: #8ce6ff !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-fieldset label,
body:not(.dtu-commerce-page) .dtu-free-live-consent label {
    display: inline-flex !important;
    gap: 8px !important;
    align-items: flex-start !important;
    min-width: min(100%, 170px) !important;
    color: #d7e4ef !important;
    line-height: 1.35 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-fieldset input,
body:not(.dtu-commerce-page) .dtu-free-live-consent input {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
    margin-top: 1px !important;
    accent-color: #36cdff !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-consent {
    display: grid !important;
    gap: 10px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-consent label {
    width: 100% !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-status {
    color: #aebdcc !important;
    font-size: .9rem !important;
    line-height: 1.45 !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-status.is-error {
    color: #ff9a9a !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-status.is-success {
    color: #87f6bb !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-faq {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-faq article {
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
}

body:not(.dtu-commerce-page) .dtu-free-live-faq strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
}

@media (max-width: 900px) {
    body:not(.dtu-commerce-page) .dtu-free-live-stage {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-live-visual {
        min-height: clamp(230px, 56vw, 430px) !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-live-inquiry-head,
    body:not(.dtu-commerce-page) .dtu-free-live-form-grid,
    body:not(.dtu-commerce-page) .dtu-free-live-faq,
    body:not(.dtu-commerce-page) .dtu-live-stream-grid,
    body:not(.dtu-commerce-page) .dtu-marketplace-columns,
    body:not(.dtu-commerce-page) .dtu-performer-pool-head,
    body:not(.dtu-commerce-page) .dtu-performer-pool-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-live-field.is-full,
    body:not(.dtu-commerce-page) .dtu-free-live-fieldset.is-full {
        grid-column: auto !important;
    }
}

body .site-footer.wp-block-template-part {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
}

body .site-footer .has-global-padding,
body .site-footer .is-layout-constrained,
body .site-footer .alignwide,
body .site-footer .wp-block-group,
body .site-footer .wp-block-group__inner-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body .site-footer > *,
body footer.wp-block-template-part > *,
body .wp-site-blocks > footer > *,
body footer .wp-block-group,
body footer .wp-block-group__inner-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body footer .wp-block-columns,
body footer .is-layout-flex.wp-block-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .95fr) minmax(0, 1.1fr) !important;
    gap: clamp(24px, 3vw, 52px) !important;
    align-items: start !important;
    justify-content: space-between !important;
    width: min(calc(100% - 40px), var(--dtu-chrome-max)) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body footer .wp-block-column {
    min-width: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    max-width: none !important;
}

body footer .wp-block-navigation__container,
body footer nav ul,
body footer .wp-block-page-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    column-gap: 42px !important;
    row-gap: 10px !important;
    align-items: start !important;
}

body footer .wp-block-navigation-item,
body footer .wp-block-navigation-item__content,
body footer nav a {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body footer .wp-block-social-links,
body footer .social-links,
body footer .topbar-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    max-width: 420px !important;
}

body footer form,
body footer .wp-block-search,
body footer .wp-block-jetpack-subscriptions__form {
    width: 100% !important;
    max-width: 460px !important;
}

body footer input[type="email"],
body footer input[type="text"] {
    width: 100% !important;
    box-sizing: border-box !important;
}

body footer button,
body footer input[type="submit"] {
    width: 100% !important;
}

.dtu-packaging-offers {
    width: min(100%, 1320px);
    margin: clamp(34px, 5vw, 72px) auto;
    padding: clamp(22px, 4vw, 46px);
    border: 1px solid rgba(83, 218, 255, .22);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 0%, rgba(54, 205, 255, .20), transparent 32%),
        linear-gradient(135deg, rgba(8, 18, 28, .96), rgba(13, 35, 49, .92));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .38);
    box-sizing: border-box;
}

.dtu-packaging-offers__head {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .65fr);
    gap: clamp(22px, 4vw, 70px);
    align-items: end;
    margin-bottom: clamp(24px, 4vw, 44px);
}

.dtu-packaging-offers__head h2 {
    max-width: 980px;
    margin: 8px 0 0;
    color: #f6fbff;
    font-size: clamp(2.1rem, 4.7vw, 5.4rem);
    line-height: 1.04;
    letter-spacing: 0;
}

.dtu-packaging-offers__head p,
.dtu-packaging-archive-value {
    color: rgba(226, 239, 247, .82);
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    line-height: 1.65;
}

.dtu-packaging-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: var(--dtu-grid-gap);
}

.dtu-packaging-card {
    position: relative;
    display: flex;
    min-height: 320px;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(18px, 1.6vw, 28px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--dtu-radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
        rgba(13, 24, 35, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 22px 54px rgba(0, 0, 0, .22);
}

.dtu-packaging-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 0%, rgba(255, 198, 109, .22), transparent 34%);
    opacity: .75;
    pointer-events: none;
}

.dtu-packaging-card > * {
    position: relative;
    z-index: 1;
}

.dtu-packaging-mark {
    position: absolute;
    right: -10px;
    bottom: -18px;
    z-index: 0;
    color: rgba(255, 255, 255, .055);
    font-size: clamp(4.3rem, 6.2vw, 8rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: .78;
    pointer-events: none;
}

.dtu-packaging-badge {
    align-self: flex-start;
    padding: 8px 12px;
    border-radius: 999px;
    background: #36cdff;
    color: #04111a;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dtu-packaging-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 1.55vw, 2rem);
    line-height: 1.03;
}

.dtu-packaging-card p {
    margin: 0;
    color: rgba(232, 242, 248, .82);
    line-height: 1.55;
}

.dtu-packaging-price {
    display: block;
    margin-top: auto;
    color: #ffc66d;
    font-size: clamp(1.35rem, 1.6vw, 2.1rem);
    font-style: italic;
}

.dtu-plan-choice--package {
    border-color: rgba(255, 198, 109, .52) !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 198, 109, .22), transparent 42%),
        rgba(17, 28, 39, .92) !important;
}

@media (max-width: 1320px) {
    .dtu-packaging-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .dtu-packaging-offers__head {
        grid-template-columns: 1fr;
    }

    .dtu-packaging-grid {
        grid-template-columns: 1fr;
    }

    .dtu-packaging-card {
        min-height: 0;
    }
}

body .dtu-participate-nav {
    border-color: rgba(54, 205, 255, .42) !important;
    background: linear-gradient(135deg, rgba(54, 205, 255, .18), rgba(255, 198, 109, .12)) !important;
    box-shadow: 0 10px 28px rgba(54, 205, 255, .12) !important;
}

body footer .dtu-footer-participate-item,
body footer .dtu-footer-participate-link,
body footer .dtu-footer-membership-item,
body footer .dtu-footer-membership-link {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

body footer .dtu-footer-participate-link:hover,
body footer .dtu-footer-membership-link:hover,
body .dtu-participate-nav:hover {
    color: #36cdff !important;
}

body.page-id-497 .hostinger-ai-page-title {
    display: none !important;
}

@media (min-width: 1280px) {
    body footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1279px) {
    body .site-header .hostinger-ai-menu,
    body header.site-header .hostinger-ai-menu {
        padding-left: clamp(14px, 4vw, 28px) !important;
        padding-right: clamp(14px, 4vw, 28px) !important;
    }

    body .site-header .hostinger-ai-menu-wrapper {
        width: min(100%, 1180px) !important;
        gap: 22px !important;
    }

    body .site-header .wp-block-navigation__container {
        gap: 14px !important;
    }

    body:not(.dtu-commerce-page) .entry-content > :not(.alignfull),
    body:not(.dtu-commerce-page) main > :not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :not(.alignfull),
    body:not(.dtu-commerce-page) .alignfull > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-cover__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-columns,
    body:not(.dtu-commerce-page) .has-global-padding > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .is-layout-constrained > :not(.alignfull) {
        width: min(100% - 28px, 1180px) !important;
        max-width: 1180px !important;
    }

    body footer .wp-block-columns,
    body footer .is-layout-flex.wp-block-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 32px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: clamp(28px, 5vw, 56px) !important;
        padding-right: clamp(28px, 5vw, 56px) !important;
    }
}

@media (max-width: 860px) {
    body .site-header .hostinger-ai-menu-wrapper {
        width: min(100%, 820px) !important;
    }

    body .site-header .custom-logo {
        width: 52px !important;
        height: 52px !important;
    }

    body .site-header .wp-block-navigation__container {
        gap: 10px !important;
    }

    body:not(.dtu-commerce-page) .entry-content > :not(.alignfull),
    body:not(.dtu-commerce-page) main > :not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :not(.alignfull),
    body:not(.dtu-commerce-page) .alignfull > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-cover__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-columns,
    body:not(.dtu-commerce-page) .has-global-padding > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .is-layout-constrained > :not(.alignfull) {
        width: min(100% - 24px, 820px) !important;
        max-width: 820px !important;
    }

    body footer .wp-block-columns,
    body footer .is-layout-flex.wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body footer .wp-block-navigation__container,
    body footer nav ul,
    body footer .wp-block-page-list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    body .site-header .hostinger-ai-menu,
    body header.site-header .hostinger-ai-menu {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body .site-header .hostinger-ai-menu-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body .site-header .custom-logo {
        width: 46px !important;
        height: 46px !important;
    }

    body .site-header .wp-block-site-title,
    body .site-header .wp-block-site-title a {
        font-size: 1rem !important;
        letter-spacing: .06em !important;
    }

    body .site-header .hostinger-ai-site-navigation-wrapper {
        flex: 0 0 auto !important;
    }

    body .site-header .wp-block-navigation__responsive-container-open {
        min-width: 42px !important;
        min-height: 42px !important;
        border: 1px solid rgba(255, 255, 255, .14) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .06) !important;
    }

    body:not(.dtu-commerce-page) .entry-content > :not(.alignfull),
    body:not(.dtu-commerce-page) main > :not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :not(.alignfull),
    body:not(.dtu-commerce-page) .alignfull > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-cover__inner-container,
    body:not(.dtu-commerce-page) .alignfull > .wp-block-columns,
    body:not(.dtu-commerce-page) .has-global-padding > .wp-block-group__inner-container,
    body:not(.dtu-commerce-page) .is-layout-constrained > :not(.alignfull) {
        width: min(100% - 20px, 620px) !important;
        max-width: 620px !important;
    }

    body footer .wp-block-columns,
    body footer .is-layout-flex.wp-block-columns {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body footer .wp-block-column,
    body footer form,
    body footer .wp-block-search,
    body footer .wp-block-jetpack-subscriptions__form {
        width: 100% !important;
        max-width: 100% !important;
    }

    body footer .wp-block-social-links,
    body footer .social-links,
    body footer .topbar-socials {
        max-width: 100% !important;
    }
}

.mockup-rail-card,
.mockup-feature-card {
    position: relative;
}

.mockup-rail-card.dtu-lightbox-card,
.mockup-feature-card.dtu-lightbox-card {
    cursor: zoom-in;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.mockup-rail-card.dtu-lightbox-card:hover,
.mockup-feature-card.dtu-lightbox-card:hover,
.mockup-rail-card.dtu-lightbox-card:focus-visible,
.mockup-feature-card.dtu-lightbox-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(54, 205, 255, .46) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35), 0 0 0 1px rgba(54, 205, 255, .22) !important;
    outline: none;
}

.mockup-rail-card.dtu-lightbox-card::after,
.mockup-feature-card.dtu-lightbox-card::after {
    content: "Großansicht";
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(4, 8, 14, .78);
    color: #f4f7fb;
    border: 1px solid rgba(255, 255, 255, .18);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .22s ease, transform .22s ease;
    pointer-events: none;
    backdrop-filter: blur(12px);
}

html[lang^="en"] .mockup-rail-card.dtu-lightbox-card::after,
html[lang^="en"] .mockup-feature-card.dtu-lightbox-card::after {
    content: "Open image";
}

html[lang^="es"] .mockup-rail-card.dtu-lightbox-card::after,
html[lang^="es"] .mockup-feature-card.dtu-lightbox-card::after {
    content: "Abrir imagen";
}

html[lang^="fr"] .mockup-rail-card.dtu-lightbox-card::after,
html[lang^="fr"] .mockup-feature-card.dtu-lightbox-card::after {
    content: "Ouvrir l'image";
}

.mockup-rail-card.dtu-lightbox-card:hover::after,
.mockup-feature-card.dtu-lightbox-card:hover::after,
.mockup-rail-card.dtu-lightbox-card:focus-visible::after,
.mockup-feature-card.dtu-lightbox-card:focus-visible::after {
    opacity: 1;
    transform: translateY(0);
}

.dtu-image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 4vw, 56px);
    background: rgba(2, 5, 10, .86);
    backdrop-filter: blur(18px);
}

.dtu-image-lightbox.is-open {
    display: flex;
}

.dtu-image-lightbox__panel {
    position: relative;
    width: min(1320px, 96vw);
    max-height: 92vh;
    border-radius: 30px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 0%, rgba(54, 205, 255, .18), transparent 28rem),
        linear-gradient(180deg, rgba(13, 23, 35, .98), rgba(3, 6, 11, .98));
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 36px 120px rgba(0, 0, 0, .65);
}

.dtu-image-lightbox__media {
    display: block;
    width: 100%;
    max-height: calc(92vh - 120px);
    object-fit: contain;
    background: #03070d;
}

.dtu-image-lightbox__caption {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px 22px 20px;
}

.dtu-image-lightbox__caption h3 {
    margin: 0 0 6px;
    color: #f4f7fb;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.dtu-image-lightbox__caption p {
    margin: 0;
    color: #b9c7d6;
    line-height: 1.55;
}

.dtu-image-lightbox__close {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(4, 8, 14, .78);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(12px);
}

.dtu-image-lightbox__close:hover,
.dtu-image-lightbox__close:focus-visible {
    background: #36cdff;
    color: #031019;
    outline: none;
}

body.dtu-lightbox-open {
    overflow: hidden;
}

body.home .video-showcase > .section-heading > p,
body.home .new-release-section > .section-heading > p,
body.home .popular-week-section > .section-heading > p,
body.home .section-heading > p[data-lkey="free_shelf_body"],
body.home .section-heading > p[data-lkey="new_posts_body"],
body.home .section-heading > p[data-lkey="member_shelf_body"],
body.home .section-heading > p[data-lkey="image_shelf_body"] {
    display: none !important;
}

body.dtu-commerce-page {
    background:
        radial-gradient(circle at 8% 0%, rgba(54, 205, 255, .20), transparent 36rem),
        radial-gradient(circle at 78% 5%, rgba(255, 198, 109, .14), transparent 30rem),
        radial-gradient(circle at 50% 88%, rgba(82, 197, 169, .10), transparent 34rem),
        linear-gradient(135deg, #06121f 0%, #02060b 48%, #071722 100%) !important;
    color: #eef6fb !important;
    overflow-x: hidden !important;
}

body.dtu-commerce-page .wp-site-blocks,
body.dtu-commerce-page main,
body.dtu-commerce-page .entry-content,
body.dtu-commerce-page .woocommerce {
    width: 100% !important;
    max-width: none !important;
    overflow-x: clip !important;
}

body.dtu-commerce-page .wp-site-blocks {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

body.dtu-commerce-page :where(header.site-header, .site-header, .wp-site-blocks > header, .wp-block-template-part:has(header), .wp-block-template-part:has(.wp-block-site-logo), .wp-block-group:has(.wp-block-site-logo):has(.wp-block-woocommerce-customer-account), .wp-block-group:has(.wc-block-mini-cart), .wp-block-woocommerce-customer-account, .wc-block-mini-cart) {
    display: none !important;
}

body.dtu-commerce-page .dtu-global-top-nav {
    width: min(calc(100% - 40px), var(--dtu-chrome-max, 1320px)) !important;
    max-width: var(--dtu-chrome-max, 1320px) !important;
    margin: 14px auto 18px !important;
    display: grid !important;
    grid-template-columns: minmax(190px, .44fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(10, 20, 32, .98), rgba(15, 27, 40, .96)) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, .32) !important;
    box-sizing: border-box !important;
    order: -9999 !important;
}

body.dtu-commerce-page .dtu-global-top-nav a {
    color: #edf7fc !important;
    text-decoration: none !important;
}

body.dtu-commerce-page .dtu-global-top-nav__brand {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body.dtu-commerce-page .dtu-global-top-nav__brand strong {
    color: #f7fbff !important;
    font-size: .98rem !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

body.dtu-commerce-page .dtu-global-top-nav__brand span {
    color: rgba(226, 239, 247, .72) !important;
    font-size: .82rem !important;
}

body.dtu-commerce-page .dtu-global-top-nav__links {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

body.dtu-commerce-page .dtu-global-top-nav__links::-webkit-scrollbar {
    display: none !important;
}

body.dtu-commerce-page .dtu-global-top-nav__links a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #edf7fc !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

body.dtu-commerce-page .dtu-global-top-nav__links .dtu-global-top-nav__account {
    border-color: rgba(83, 218, 255, .34) !important;
}

body.dtu-commerce-page .dtu-global-top-nav__links .dtu-global-top-nav__account:last-child {
    background: #36cdff !important;
    border-color: #36cdff !important;
    color: #031019 !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing,
body.dtu-commerce-page .dtu-confirmed-pricing.alignfull {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: var(--dtu-chrome-max, 1320px) !important;
}

body.dtu-commerce-page .hostinger-ai-menu,
body.dtu-commerce-page .hostinger-ai-menu.has-background,
body.dtu-commerce-page .wp-block-group.hostinger-ai-menu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background:
        linear-gradient(180deg, rgba(4, 9, 15, .98), rgba(7, 17, 27, .96)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

body.dtu-commerce-page .hostinger-ai-menu a,
body.dtu-commerce-page .hostinger-ai-site-title a,
body.dtu-commerce-page .hostinger-ai-site-navigation a {
    color: #f4f8fb !important;
}

body.dtu-commerce-page .entry-content,
body.dtu-commerce-page .woocommerce {
    box-sizing: border-box !important;
    padding-left: clamp(18px, 4vw, 76px) !important;
    padding-right: clamp(18px, 4vw, 76px) !important;
}

body.dtu-commerce-page .woocommerce {
    margin: 0 auto 72px !important;
}

body.dtu-commerce-page main,
body.dtu-commerce-page #wp--skip-link--target {
    padding-top: 0 !important;
}

body.dtu-commerce-page .wp-block-post-title,
body.dtu-commerce-page .entry-title,
body.dtu-commerce-page .woocommerce-products-header__title {
    display: none !important;
}

.dtu-commerce-hero {
    position: relative;
    overflow: hidden;
    width: min(1320px, 100%) !important;
    margin: clamp(28px, 5vw, 72px) auto 28px !important;
    padding: clamp(28px, 5vw, 64px) !important;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: clamp(24px, 3vw, 42px);
    background:
        linear-gradient(90deg, rgba(2, 7, 12, .18), rgba(2, 7, 12, .78)),
        linear-gradient(135deg, rgba(9, 19, 30, .96), rgba(18, 33, 45, .88)),
        radial-gradient(circle at 12% 18%, rgba(54, 205, 255, .30), transparent 20rem),
        radial-gradient(circle at 92% 16%, rgba(255, 198, 109, .14), transparent 18rem);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.dtu-commerce-hero::before {
    content: "";
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: inherit;
    pointer-events: none;
}

.dtu-commerce-hero::after {
    content: "DONTTELL.US";
    position: absolute;
    right: clamp(-60px, -2vw, -20px);
    bottom: -34px;
    color: rgba(255, 255, 255, .035);
    font-size: clamp(4rem, 12vw, 11rem);
    font-weight: 950;
    letter-spacing: .07em;
    pointer-events: none;
}

.dtu-commerce-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #36cdff, #8be9ff);
    color: #031019;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.dtu-commerce-hero h1 {
    position: relative;
    z-index: 1;
    max-width: 1080px;
    margin: 0;
    color: #f6fbff;
    font-size: clamp(2.1rem, 5.8vw, 5.8rem);
    line-height: 1.04;
    letter-spacing: 0;
}

.dtu-commerce-hero p {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 18px 0 0;
    color: #c2d3df;
    font-size: clamp(1rem, 1.7vw, 1.28rem);
    line-height: 1.65;
}

.dtu-commerce-trust {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.dtu-commerce-trust span {
    display: inline-flex;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(2, 7, 12, .58);
    color: #e9f4fa;
    font-size: .9rem;
    font-weight: 800;
}

body.dtu-commerce-page .woocommerce-notices-wrapper,
body.dtu-commerce-page .woocommerce-cart-form,
body.dtu-commerce-page .cart-collaterals,
body.dtu-commerce-page form.checkout,
body.dtu-commerce-page .woocommerce-order,
body.dtu-commerce-page .woocommerce-MyAccount-navigation,
body.dtu-commerce-page .woocommerce-MyAccount-content,
.dtu-empty-cart-panel {
    width: min(1320px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.dtu-cart-page .wp-block-woocommerce-empty-cart-block > h2,
body.dtu-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-heading,
body.dtu-cart-page .wp-block-woocommerce-empty-cart-block .wc-block-grid,
body.dtu-cart-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__products,
body.dtu-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-separator {
    display: none !important;
}

body.dtu-cart-page .wp-block-woocommerce-empty-cart-block {
    width: min(1320px, 100%) !important;
    margin: 0 auto 72px !important;
}

body.dtu-commerce-page .woocommerce-cart-form,
body.dtu-commerce-page .cart_totals,
body.dtu-commerce-page form.checkout,
body.dtu-commerce-page .woocommerce-order,
body.dtu-commerce-page .woocommerce-MyAccount-navigation,
body.dtu-commerce-page .woocommerce-MyAccount-content,
.dtu-empty-cart-panel {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(54, 205, 255, .10), transparent 22rem),
        linear-gradient(180deg, rgba(17, 31, 44, .92), rgba(5, 10, 16, .94)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32) !important;
}

body.dtu-commerce-page .woocommerce-cart-form {
    position: relative !important;
}

body.dtu-commerce-page .woocommerce-cart-form::before,
body.dtu-commerce-page form.checkout::before {
    content: "";
    display: block;
    height: 6px;
    margin: calc(clamp(18px, 3vw, 34px) * -1) calc(clamp(18px, 3vw, 34px) * -1) clamp(18px, 2vw, 28px);
    background: linear-gradient(90deg, #36cdff, #ffc66d, #52c5a9);
    opacity: .9;
}

body.dtu-commerce-page .woocommerce-cart-form,
body.dtu-commerce-page form.checkout,
body.dtu-commerce-page .woocommerce-order,
body.dtu-commerce-page .woocommerce-MyAccount-content,
.dtu-empty-cart-panel {
    padding: clamp(18px, 3vw, 34px) !important;
}

.dtu-crypto-minimum-notice {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) minmax(220px, auto) !important;
    gap: clamp(16px, 2.5vw, 28px) !important;
    align-items: center !important;
    width: min(1320px, 100%) !important;
    margin: 0 auto 24px !important;
    padding: clamp(18px, 2.4vw, 30px) !important;
    border: 1px solid rgba(54, 205, 255, .22) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(54, 205, 255, .16), transparent 20rem),
        linear-gradient(135deg, rgba(13, 31, 44, .96), rgba(7, 12, 19, .94)) !important;
    box-shadow: 0 20px 58px rgba(0, 0, 0, .28) !important;
    color: #edf7fc !important;
}

.dtu-crypto-minimum-copy {
    min-width: 0 !important;
}

.dtu-crypto-minimum-notice.is-warning {
    border-color: rgba(255, 198, 109, .42) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 198, 109, .15), transparent 20rem),
        linear-gradient(135deg, rgba(28, 24, 17, .96), rgba(7, 12, 19, .94)) !important;
}

.dtu-crypto-minimum-notice.is-ok {
    border-color: rgba(68, 226, 125, .46) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(68, 226, 125, .16), transparent 20rem),
        linear-gradient(135deg, rgba(12, 36, 27, .96), rgba(7, 12, 19, .94)) !important;
}

.dtu-crypto-ok-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: fit-content !important;
    margin-top: 16px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(68, 226, 125, .42) !important;
    border-radius: 999px !important;
    background: rgba(68, 226, 125, .12) !important;
    color: #c9ffd9 !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
}

.dtu-crypto-ok-badge b {
    display: inline-grid !important;
    width: 22px !important;
    height: 22px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #44e27d !important;
    color: #031019 !important;
    line-height: 1 !important;
}

.dtu-billing-privacy-notice {
    margin: 0 0 18px !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(54, 205, 255, .24) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 6% 0%, rgba(54, 205, 255, .12), transparent 14rem),
        rgba(255, 255, 255, .045) !important;
    color: #edf7fc !important;
}

.dtu-billing-privacy-notice strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: #ffffff !important;
    font-size: .98rem !important;
    font-weight: 950 !important;
}

.dtu-billing-privacy-notice p,
.dtu-billing-privacy-notice small {
    display: block !important;
    max-width: 880px !important;
    margin: 0 !important;
    color: #c7d7e3 !important;
    line-height: 1.55 !important;
}

.dtu-billing-privacy-notice small {
    margin-top: 6px !important;
    color: #9fb1bf !important;
}

.dtu-crypto-minimum-copy h2 {
    margin: 8px 0 10px !important;
    color: #fff !important;
    font-size: clamp(1.45rem, 2.6vw, 2.45rem) !important;
    line-height: 1.05 !important;
}

.dtu-crypto-minimum-copy p {
    max-width: 760px !important;
    margin: 0 !important;
    color: #c7d7e3 !important;
    font-size: clamp(.98rem, 1.2vw, 1.1rem) !important;
}

.dtu-crypto-minimum-meter {
    display: grid !important;
    gap: 10px !important;
}

.dtu-crypto-minimum-meter span {
    display: grid !important;
    gap: 4px !important;
    min-width: 190px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #fff !important;
    font-weight: 950 !important;
}

.dtu-crypto-minimum-meter b {
    color: #9feaff !important;
    font-size: .72rem !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.dtu-crypto-minimum-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    grid-column: 1 / -1 !important;
}

body.dtu-commerce-page table.shop_table {
    overflow: hidden;
    border: 0 !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #edf7fc !important;
}

body.dtu-commerce-page table.shop_table th,
body.dtu-commerce-page table.shop_table td {
    border-color: rgba(255, 255, 255, .10) !important;
    color: #edf7fc !important;
}

body.dtu-commerce-page table.shop_table th {
    background: rgba(54, 205, 255, .10) !important;
    color: #9feaff !important;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
}

body.dtu-commerce-page table.shop_table td.product-name {
    min-width: min(520px, 46vw) !important;
}

body.dtu-commerce-page table.shop_table a,
body.dtu-commerce-page .woocommerce-privacy-policy-text a,
body.dtu-commerce-page .woocommerce-info a,
body.dtu-commerce-page .woocommerce-message a {
    color: #36cdff !important;
}

body.dtu-commerce-page .product-name a {
    color: #fff !important;
    font-weight: 950;
    text-decoration: none !important;
}

body.dtu-commerce-page .product-remove {
    width: 72px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.dtu-commerce-page .product-remove a.remove {
    display: inline-grid !important;
    width: 42px !important;
    height: 42px !important;
    place-items: center !important;
    border: 1px solid rgba(255, 125, 125, .34) !important;
    border-radius: 999px !important;
    background: rgba(255, 91, 91, .10) !important;
    color: #ffb3b3 !important;
    font-size: 1.4rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.dtu-commerce-page .product-remove a.remove::after {
    content: "Remove";
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

html[lang^="de"] body.dtu-commerce-page .product-remove a.remove::after {
    content: "Entfernen";
}

body.dtu-commerce-page .product-remove a.remove:hover,
body.dtu-commerce-page .product-remove a.remove:focus-visible,
.dtu-cart-remove-line:hover,
.dtu-cart-remove-line:focus-visible {
    border-color: rgba(255, 125, 125, .78) !important;
    background: rgba(255, 91, 91, .18) !important;
    color: #ffffff !important;
    outline: none !important;
}

body.dtu-commerce-page .product-thumbnail {
    width: 170px !important;
}

.dtu-cart-product-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 132px;
    min-height: 132px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 42%),
        radial-gradient(circle at 22% 18%, rgba(54, 205, 255, .42), transparent 36px),
        radial-gradient(circle at 84% 82%, rgba(255, 198, 109, .24), transparent 46px),
        linear-gradient(145deg, rgba(13, 31, 45, .98), rgba(3, 8, 14, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 42px rgba(0, 0, 0, .28);
}

.dtu-cart-product-icon::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 42%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 9px);
    opacity: .72;
}

.dtu-cart-product-icon::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 56px;
    height: 56px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, .26);
    transform: rotate(-8deg);
    box-shadow:
        0 0 0 8px rgba(54, 205, 255, .07),
        inset 0 0 18px rgba(54, 205, 255, .20);
}

.dtu-cart-product-icon span {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
    padding: 7px 9px;
    border-radius: 999px;
    background: #36cdff;
    color: #031019;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .10em;
}

.dtu-cart-product-icon span::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
    vertical-align: 1px;
}

.dtu-cart-product-icon b {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .90);
    font-size: 1.55rem;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 0 24px rgba(54, 205, 255, .30);
}

.dtu-cart-product-icon--premium span,
.dtu-cart-product-icon--bundle span {
    background: #ffc66d;
}

.dtu-cart-product-icon--ppv,
.dtu-cart-product-icon--minute_pack {
    background:
        radial-gradient(circle at 22% 18%, rgba(255, 198, 109, .34), transparent 34px),
        radial-gradient(circle at 86% 80%, rgba(54, 205, 255, .18), transparent 42px),
        linear-gradient(145deg, rgba(34, 27, 17, .96), rgba(3, 8, 14, .98));
}

.dtu-cart-product-icon--premium::after {
    border-radius: 50%;
    box-shadow:
        0 0 0 9px rgba(255, 198, 109, .08),
        inset 0 0 22px rgba(255, 198, 109, .22);
}

.dtu-cart-product-icon--premium b,
.dtu-cart-product-icon--bundle b {
    color: #ffe3b1;
    text-shadow: 0 0 24px rgba(255, 198, 109, .34);
}

.dtu-cart-product-icon--bundle::after {
    width: 64px;
    height: 44px;
    border-radius: 16px;
}

.dtu-cart-product-icon--ppv::after,
.dtu-cart-product-icon--minute_pack::after {
    width: 46px;
    height: 64px;
    border-radius: 14px;
}

.dtu-minute-packages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    width: 100%;
}

.dtu-minute-packages strong,
.dtu-minute-packages span {
    flex-basis: 100%;
}

.dtu-minute-packages strong {
    color: #f4f7fb;
    font-size: .92rem;
}

.dtu-minute-packages span {
    color: #aebdca;
    font-size: .86rem;
}

.dtu-minute-packages small,
.dtu-minute-packages em {
    flex-basis: 100%;
    font-size: .82rem;
    line-height: 1.45;
}

.dtu-minute-packages small {
    color: #aebdca;
}

.dtu-minute-packages em,
.dtu-ppv-crypto-badge {
    font-style: normal;
    color: #c9ffd9;
}

.dtu-minute-packages--crypto {
    padding: 12px;
    border: 1px solid rgba(68, 226, 125, .24);
    border-radius: 18px;
    background: rgba(68, 226, 125, .07);
}

.dtu-minute-packages a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(54, 205, 255, .12);
    border: 1px solid rgba(54, 205, 255, .28);
    color: #f4f7fb;
    text-decoration: none;
    font-weight: 900;
}

.dtu-ppv-crypto-badge {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 4px 9px;
    align-items: center;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(68, 226, 125, .28);
    border-radius: 16px;
    background: rgba(68, 226, 125, .08);
}

.dtu-ppv-crypto-badge b {
    display: inline-grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 999px;
    background: #44e27d;
    color: #031019;
    line-height: 1;
}

.dtu-ppv-crypto-badge span {
    color: #f4fff7;
    font-weight: 950;
}

.dtu-ppv-crypto-badge em {
    grid-column: 2;
    color: #b8c8d3;
    font-size: .82rem;
}

.dtu-ppv-bundle-upsell--crypto a {
    min-width: 150px;
}

.dtu-minute-unlock-inline {
    border: 0;
    cursor: pointer;
}

.dtu-cart-product-name {
    display: grid;
    gap: 8px;
    max-width: 720px;
}

.dtu-cart-product-name > strong,
.dtu-cart-product-name > strong a {
    color: #ffffff !important;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    line-height: 1.1;
}

.dtu-cart-product-name p {
    max-width: 620px;
    margin: 0 !important;
    color: #b9c7d6;
    font-size: .94rem;
    line-height: 1.5;
}

.dtu-cart-product-kicker,
.dtu-cart-product-runtime {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-cart-product-kicker {
    margin-right: 8px;
    padding: 4px 7px;
    background: rgba(54, 205, 255, .12);
    color: #8feaff;
    border: 1px solid rgba(54, 205, 255, .24);
    font-size: .66rem;
    vertical-align: 1px;
}

.dtu-cart-product-runtime {
    margin-top: 2px;
    padding: 5px 8px;
    background: rgba(255, 255, 255, .06);
    color: #cfdbe7;
    border: 1px solid rgba(255, 255, 255, .12);
    font-size: .68rem;
}

.dtu-cart-product-badge {
    display: inline-flex;
    width: max-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(54, 205, 255, .14);
    color: #8feaff;
    border: 1px solid rgba(54, 205, 255, .30);
    font-size: .70rem;
    font-weight: 950;
    letter-spacing: .12em;
}

.dtu-cart-remove-line {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    margin-top: 4px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(255, 125, 125, .26) !important;
    border-radius: 999px !important;
    background: rgba(255, 91, 91, .08) !important;
    color: #ffc4c4 !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .10em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

body.dtu-commerce-page table.shop_table td.product-price,
body.dtu-commerce-page table.shop_table td.product-subtotal,
body.dtu-commerce-page table.shop_table .order-total td,
body.dtu-commerce-page table.shop_table .cart-subtotal td {
    color: #ffc66d !important;
    font-weight: 950 !important;
}

body.dtu-commerce-page table.shop_table .quantity input.qty {
    max-width: 82px !important;
    min-height: 42px !important;
    text-align: center !important;
    font-weight: 950 !important;
}

body.dtu-commerce-page dl.variation {
    display: grid !important;
    gap: 6px;
    margin: 10px 0 0 !important;
}

body.dtu-commerce-page dl.variation dt,
body.dtu-commerce-page dl.variation dd {
    float: none !important;
    display: inline !important;
    margin: 0 !important;
    color: #c8d6e2 !important;
    font-size: .9rem;
}

body.dtu-commerce-page dl.variation dt {
    color: #8feaff !important;
    font-weight: 900 !important;
}

body.dtu-commerce-page .cart_totals {
    padding: clamp(18px, 3vw, 30px) !important;
}

body.dtu-commerce-page .cart_totals h2 {
    margin-top: 0 !important;
    color: #f6fbff !important;
    font-size: clamp(1.6rem, 3vw, 2.6rem) !important;
    letter-spacing: 0;
}

body.dtu-commerce-page .cart_totals::before,
body.dtu-commerce-page .woocommerce-checkout-review-order::before {
    content: "DontTELL.US premium checkout";
    display: inline-flex;
    margin: 0 0 14px;
    padding: 8px 11px;
    border: 1px solid rgba(54, 205, 255, .30);
    border-radius: 999px;
    background: rgba(54, 205, 255, .12);
    color: #9feaff;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html[lang^="de"] body.dtu-commerce-page .cart_totals::before,
html[lang^="de"] body.dtu-commerce-page .woocommerce-checkout-review-order::before {
    content: "DontTELL.US Zugangskasse";
}

html[lang^="es"] body.dtu-commerce-page .cart_totals::before,
html[lang^="es"] body.dtu-commerce-page .woocommerce-checkout-review-order::before {
    content: "Caja de acceso DontTELL.US";
}

html[lang^="fr"] body.dtu-commerce-page .cart_totals::before,
html[lang^="fr"] body.dtu-commerce-page .woocommerce-checkout-review-order::before {
    content: "Paiement d'accès DontTELL.US";
}

.dtu-commerce-actions,
body.dtu-commerce-page .wc-proceed-to-checkout {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

body.dtu-commerce-page .wc-proceed-to-checkout {
    flex-direction: column;
}

.dtu-commerce-button,
body.dtu-commerce-page .button,
body.dtu-commerce-page button.button,
body.dtu-commerce-page a.button,
body.dtu-commerce-page #place_order {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 13px 20px !important;
    border: 1px solid rgba(54, 205, 255, .32) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #36cdff, #1aa6d8) !important;
    color: #02101a !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    box-shadow: 0 16px 42px rgba(54, 205, 255, .18) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.dtu-commerce-button:hover,
body.dtu-commerce-page .button:hover,
body.dtu-commerce-page button.button:hover,
body.dtu-commerce-page a.button:hover,
body.dtu-commerce-page #place_order:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 52px rgba(54, 205, 255, .28) !important;
}

.dtu-commerce-button--secondary,
body.dtu-commerce-page .coupon .button,
body.dtu-commerce-page .actions .button {
    background: rgba(255, 255, 255, .06) !important;
    color: #f6fbff !important;
    border-color: rgba(255, 255, 255, .18) !important;
    box-shadow: none !important;
}

.dtu-commerce-button--wide {
    width: 100% !important;
    margin-top: 12px !important;
}

.dtu-empty-cart-panel h2 {
    margin: 0 0 10px;
    color: #f6fbff;
    font-size: clamp(1.8rem, 4vw, 3.8rem);
    line-height: 1;
}

.dtu-empty-cart-panel p {
    max-width: 720px;
    margin: 0 0 24px;
    color: #c2d3df;
    line-height: 1.65;
}

body.dtu-commerce-page .woocommerce-info,
body.dtu-commerce-page .woocommerce-message,
body.dtu-commerce-page .woocommerce-error {
    width: min(1320px, 100%) !important;
    margin: 0 auto 18px !important;
    border: 1px solid rgba(54, 205, 255, .18) !important;
    border-radius: 18px !important;
    background: rgba(17, 31, 44, .92) !important;
    color: #edf7fc !important;
}

body.dtu-commerce-page input,
body.dtu-commerce-page select,
body.dtu-commerce-page textarea {
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 16px !important;
    background: rgba(239, 246, 255, .94) !important;
    color: #07111b !important;
}

body.dtu-commerce-page label,
body.dtu-commerce-page .woocommerce form .form-row label,
body.dtu-commerce-page .woocommerce-billing-fields h3,
body.dtu-commerce-page #order_review_heading {
    color: #f6fbff !important;
}

body.dtu-commerce-page .woocommerce-checkout-review-order,
body.dtu-commerce-page .woocommerce-billing-fields,
body.dtu-commerce-page .woocommerce-additional-fields {
    color: #edf7fc !important;
}

body.dtu-commerce-page #payment {
    margin-top: 22px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(11, 22, 34, .98), rgba(7, 13, 22, .98)) !important;
    overflow: hidden !important;
}

body.dtu-commerce-page #payment ul.payment_methods {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 0 !important;
}

body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #edf7fc !important;
    overflow: hidden !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method:hover {
    border-color: rgba(54, 205, 255, .36) !important;
    background: rgba(54, 205, 255, .065) !important;
    transform: translateY(-1px);
}

body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method:has(input:checked) {
    border-color: rgba(54, 205, 255, .64) !important;
    background: linear-gradient(135deg, rgba(54, 205, 255, .16), rgba(255, 198, 109, .075)) !important;
    box-shadow: 0 18px 46px rgba(54, 205, 255, .14) !important;
}

body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method > input.input-radio {
    position: absolute !important;
    top: 22px !important;
    left: 18px !important;
    width: 18px !important;
    height: 18px !important;
    accent-color: #36cdff !important;
    z-index: 2 !important;
}

body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method > label {
    display: flex !important;
    min-height: 62px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px 18px 16px 48px !important;
    color: #f6fbff !important;
    font-size: .98rem !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}

body.dtu-commerce-page #payment ul.payment_methods li.payment_method_dtu_netdebit_card > label::after,
body.dtu-commerce-page #payment ul.payment_methods li.payment_method_dtu_netdebit_debit > label::after {
    content: "NetDebit";
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #9feaff;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-payment-brand-row {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    margin-left: auto;
}

.dtu-paymark,
.dtu-netdebit-payment-panel__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 25px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 7px;
    background: #f8fbff;
    color: #06111e;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .04em;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.dtu-paymark--visa,
.dtu-netdebit-payment-panel__badge--visa {
    color: #1434cb;
}

.dtu-paymark--mastercard,
.dtu-netdebit-payment-panel__badge--mastercard {
    background: linear-gradient(90deg, #ff5f00 0 48%, #eb001b 48% 68%, #f79e1b 68% 100%);
    color: #fff;
}

.dtu-paymark--card,
.dtu-netdebit-payment-panel__badge--card {
    background: linear-gradient(135deg, #101827, #26364f);
    color: #e8f3ff;
}

.dtu-paymark--sepa,
.dtu-netdebit-payment-panel__badge--sepa {
    background: linear-gradient(135deg, #173d2c, #1d7a54);
    color: #dcfff0;
}

.dtu-paymark--iban,
.dtu-netdebit-payment-panel__badge--iban {
    background: #eef7ff;
    color: #0a4c75;
}

.dtu-paymark--debit,
.dtu-netdebit-payment-panel__badge--debit {
    min-width: 78px;
    background: linear-gradient(135deg, #213045, #0f708b);
    color: #f2fbff;
}

body.dtu-commerce-page #payment .payment_box {
    margin: 0 !important;
    padding: 0 18px 18px 48px !important;
    border: 0 !important;
    background: transparent !important;
    color: #c9d9e5 !important;
}

body.dtu-commerce-page #payment .payment_box::before {
    display: none !important;
}

body.dtu-commerce-page #payment .payment_box p {
    margin: 0 0 12px !important;
    color: #c9d9e5 !important;
    font-size: .9rem !important;
    line-height: 1.5 !important;
}

.dtu-netdebit-payment-panel {
    display: grid;
    gap: 14px;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid rgba(54, 205, 255, .18);
    border-radius: 16px;
    background: rgba(2, 12, 22, .48);
}

.dtu-netdebit-payment-panel__brand {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.dtu-netdebit-payment-panel__brand strong,
.dtu-netdebit-payment-panel__brand small {
    display: block;
}

.dtu-netdebit-payment-panel__brand strong {
    color: #f6fbff;
    font-size: .96rem;
}

.dtu-netdebit-payment-panel__brand small {
    margin-top: 4px;
    color: #9fb4c4;
    font-size: .82rem;
    line-height: 1.45;
}

.dtu-netdebit-payment-panel__lock {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #36cdff;
    color: #03121e;
    font-weight: 950;
}

.dtu-netdebit-payment-panel__methods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dtu-netdebit-payment-panel__checks {
    display: grid;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.dtu-netdebit-payment-panel__checks li {
    position: relative;
    margin: 0 !important;
    padding-left: 20px !important;
    color: #b9cbd8;
    font-size: .84rem;
    line-height: 1.45;
}

.dtu-netdebit-payment-panel__checks li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #8feaff;
    font-weight: 950;
}

body.dtu-commerce-page #payment .place-order {
    padding: 4px 14px 16px !important;
}

@media (min-width: 1040px) {
    body.dtu-cart-page .cart-collaterals {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
        gap: 24px !important;
        align-items: start !important;
    }

    body.dtu-cart-page .cart-collaterals::before {
        content: "Access path";
        display: flex;
        min-height: 100%;
        align-items: center;
        justify-content: center;
        padding: 34px;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 28px;
        background:
            linear-gradient(135deg, rgba(54, 205, 255, .13), rgba(255, 198, 109, .08)),
            rgba(5, 10, 16, .72);
        color: rgba(255, 255, 255, .74);
        font-size: clamp(2rem, 4vw, 4.4rem);
        font-weight: 950;
        letter-spacing: 0;
    }
}

@media (max-width: 700px) {
    body.dtu-commerce-page #payment ul.payment_methods li.wc_payment_method > label {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        padding-right: 14px !important;
    }

    body.dtu-commerce-page #payment ul.payment_methods li.payment_method_dtu_netdebit_card > label::after,
    body.dtu-commerce-page #payment ul.payment_methods li.payment_method_dtu_netdebit_debit > label::after {
        grid-column: 2;
        grid-row: 1;
    }

    .dtu-payment-brand-row {
        grid-column: 1 / -1;
        justify-content: flex-start;
        margin: 10px 0 0;
    }

    body.dtu-commerce-page #payment .payment_box {
        padding: 0 14px 16px 48px !important;
    }
}

@media (max-width: 1279px) {
    body:not(.dtu-commerce-page) .mockup-page,
    body:not(.dtu-commerce-page) .shell.mockup-page,
    body:not(.dtu-commerce-page) .home-page {
        width: min(100% - 28px, 1180px) !important;
        max-width: 1180px !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero,
    body:not(.dtu-commerce-page) .mockup-page .hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr) !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero-sidecar,
    body:not(.dtu-commerce-page) .mockup-page .hero-sidecar {
        grid-column: 1 / -1 !important;
    }

}

@media (max-width: 1024px) {
    body:not(.dtu-commerce-page) .mockup-page,
    body:not(.dtu-commerce-page) .shell.mockup-page,
    body:not(.dtu-commerce-page) .home-page {
        width: min(100% - 40px, 980px) !important;
        max-width: 980px !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero,
    body:not(.dtu-commerce-page) .mockup-page .hero {
        grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr) !important;
        gap: clamp(18px, 2.4vw, 28px) !important;
        align-items: stretch !important;
    }

    body:not(.dtu-commerce-page) .home-page .section-heading,
    body:not(.dtu-commerce-page) .mockup-page .section-heading {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr) !important;
        gap: clamp(16px, 2vw, 24px) !important;
    }

    body:not(.dtu-commerce-page) .home-page .section-heading > p,
    body:not(.dtu-commerce-page) .mockup-page .section-heading > p {
        display: block !important;
        max-width: 62ch !important;
        justify-self: end !important;
        color: rgba(232, 242, 248, .78) !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero-copy,
    body:not(.dtu-commerce-page) .mockup-page .hero-copy {
        min-height: clamp(420px, 54vw, 520px) !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero-copy h1,
    body:not(.dtu-commerce-page) .mockup-page .hero-copy h1,
    body:not(.dtu-commerce-page) .mockup-page .hero h1 {
        max-width: 15ch !important;
        font-size: clamp(2.35rem, 5.2vw, 3.65rem) !important;
        line-height: 1.04 !important;
    }

    body:not(.dtu-commerce-page) .home-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .home-page .hero-sidecar-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .mockup-page .hero-sidecar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(16px, 2vw, 24px) !important;
    }

    body:not(.dtu-commerce-page) :where(.mockup-feature-card, .mockup-rail-card, .mockup-price-card, .video-card, .preview-card) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.dtu-commerce-page) :where(.mockup-feature-card, .mockup-rail-card, .mockup-price-card, .video-card, .preview-card) :where(h2, h3, strong, p, span) {
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: auto !important;
    }
}

@media (max-width: 760px) {
    body:not(.dtu-commerce-page) .mockup-page,
    body:not(.dtu-commerce-page) .shell.mockup-page,
    body:not(.dtu-commerce-page) .home-page {
        width: min(100% - 20px, 620px) !important;
        max-width: 620px !important;
    }

    body:not(.dtu-commerce-page) .home-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .home-page .hero-sidecar-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .mockup-page .hero-sidecar-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero-copy,
    body:not(.dtu-commerce-page) .mockup-page .hero-copy {
        min-height: 0 !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero-copy h1,
    body:not(.dtu-commerce-page) .mockup-page .hero-copy h1,
    body:not(.dtu-commerce-page) .mockup-page .hero h1 {
        max-width: 16ch !important;
        font-size: clamp(2.15rem, 9vw, 3.1rem) !important;
        line-height: 1.08 !important;
    }

    body:not(.dtu-commerce-page) .home-page .section-heading h2,
    body:not(.dtu-commerce-page) .mockup-page .section-heading h2 {
        max-width: none !important;
        font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
    }

    body.dtu-commerce-page .entry-content,
    body.dtu-commerce-page .woocommerce {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .dtu-commerce-hero,
    body.dtu-commerce-page .woocommerce-cart-form,
    body.dtu-commerce-page .cart_totals,
    body.dtu-commerce-page form.checkout,
    .dtu-empty-cart-panel {
        border-radius: 22px !important;
    }

    body.dtu-commerce-page table.shop_table_responsive tr {
        background: rgba(255, 255, 255, .035) !important;
        border-radius: 16px !important;
        margin-bottom: 12px !important;
        padding: 10px !important;
    }

    body.dtu-commerce-page table.shop_table_responsive tr td::before {
        color: #9feaff !important;
    }

    body.dtu-commerce-page .product-thumbnail {
        width: auto !important;
    }

    .dtu-cart-product-icon {
        width: 92px;
        min-height: 92px;
        margin-left: auto;
    }

    .dtu-cart-product-icon::after {
        width: 38px;
        height: 38px;
    }

    .dtu-cart-product-name {
        text-align: right;
        justify-items: end;
    }

    body.dtu-commerce-page .product-remove {
        text-align: right !important;
    }

    body.dtu-commerce-page .product-remove a.remove {
        margin-left: auto !important;
    }

    body.dtu-commerce-page table.shop_table td.product-name {
        min-width: 0 !important;
    }

    .dtu-packaging-grid {
        grid-template-columns: 1fr !important;
    }
}

.video-showcase > .section-heading > p[data-lkey="free_shelf_body"],
.video-showcase > .section-heading > p[data-lkey="member_shelf_body"],
.video-showcase > .section-heading > p[data-lkey="image_shelf_body"],
.new-release-section > .section-heading > p[data-lkey="new_posts_body"],
.popular-week-section > .section-heading > p {
    display: none !important;
}

body:not(.dtu-commerce-page) .home-page > .section-heading > p[data-lkey="feature_body"],
body:not(.dtu-commerce-page) .home-page > .section-heading > p[data-lkey="rails_body"],
body:not(.dtu-commerce-page) .home-page > .section-heading > p[data-lkey="monetization_body"] {
    display: none !important;
    max-width: 34ch !important;
    justify-self: end !important;
}

body:not(.dtu-commerce-page) .home-page > .section-heading:has([data-lkey="monetization_title"]),
body:not(.dtu-commerce-page) .home-page > .mockup-price-grid {
    display: none !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path {
    display: grid !important;
    gap: clamp(18px, 2.4vw, 28px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(28px, 4vw, 54px) 0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    border: 1px solid rgba(54, 205, 255, 0.22) !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, rgba(8, 16, 25, 0.94), rgba(11, 39, 58, 0.78)) !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__head {
    display: grid !important;
    gap: 10px !important;
    max-width: 760px !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__head span,
body:not(.dtu-commerce-page) .dtu-home-access-path__card em {
    color: #63dcff !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    font-style: normal !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__head h2 {
    margin: 0 !important;
    color: #f4f8fc !important;
    font-size: clamp(2rem, 5vw, 4.2rem) !important;
    line-height: 0.96 !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__head p,
body:not(.dtu-commerce-page) .dtu-home-access-path__card p {
    margin: 0 !important;
    color: #c7d6e1 !important;
    line-height: 1.55 !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__card {
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: clamp(18px, 2.4vw, 26px) !important;
    border: 1px solid rgba(126, 220, 255, 0.26) !important;
    border-radius: 20px !important;
    background: rgba(9, 21, 34, 0.88) !important;
    color: #f4f8fc !important;
    text-decoration: none !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2) !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__card strong {
    color: #ffffff !important;
    font-size: clamp(1.15rem, 2vw, 1.55rem) !important;
}

body:not(.dtu-commerce-page) .dtu-home-access-path__card small {
    align-self: end !important;
    display: inline-flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    background: #35cdfd !important;
    color: #04111b !important;
    font-weight: 950 !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) .dtu-home-access-path__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) .dtu-home-access-path {
        border-radius: 22px !important;
        padding: 20px !important;
    }

    body:not(.dtu-commerce-page) .dtu-home-access-path__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 761px) and (max-width: 1024px) {
    body .site-header .hostinger-ai-menu,
    body header.site-header .hostinger-ai-menu {
        padding-left: clamp(18px, 3vw, 30px) !important;
        padding-right: clamp(18px, 3vw, 30px) !important;
    }

    body .site-header .hostinger-ai-menu-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: min(100%, 980px) !important;
        max-width: 980px !important;
        gap: 18px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    body .site-header .hostinger-ai-site-navigation-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 12px !important;
    }

    body .site-header .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

    body .site-header .dtu-mobile-nav-toggle,
    body .dtu-mobile-nav-toggle {
        display: none !important;
    }

    body .site-header nav.hostinger-ai-site-navigation:has(.wp-block-navigation__responsive-container-content:empty),
    body .site-header nav.hostinger-ai-site-navigation:has(.wp-block-navigation__responsive-container-content:not(:has(*))) {
        display: none !important;
    }

    body:not(.dtu-commerce-page) .home-page,
    body:not(.dtu-commerce-page) .mockup-page,
    body:not(.dtu-commerce-page) .shell.mockup-page {
        width: min(100% - 40px, 980px) !important;
        max-width: 980px !important;
    }

    body:not(.dtu-commerce-page) .home-page .hero,
    body:not(.dtu-commerce-page) .mockup-page .hero {
        grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr) !important;
        gap: clamp(18px, 2.4vw, 28px) !important;
    }

    body:not(.dtu-commerce-page) .home-page .section-heading,
    body:not(.dtu-commerce-page) .mockup-page .section-heading {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .52fr) !important;
        gap: clamp(16px, 2vw, 24px) !important;
    }

    body:not(.dtu-commerce-page) .home-page .section-heading > p,
    body:not(.dtu-commerce-page) .mockup-page .section-heading > p,
    body.home .video-showcase > .section-heading > p,
    body.home .new-release-section > .section-heading > p,
    body.home .popular-week-section > .section-heading > p,
    body.home .section-heading > p[data-lkey] {
        display: block !important;
        max-width: 58ch !important;
        justify-self: end !important;
        color: rgba(232, 242, 248, .78) !important;
    }

    body:not(.dtu-commerce-page) .home-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .home-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .home-page .hero-sidecar-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid,
    body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid,
    body:not(.dtu-commerce-page) .mockup-page .hero-sidecar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(16px, 2vw, 24px) !important;
    }
}

body:not(.dtu-commerce-page) :where(
    .panel,
    .mockup-feature-card,
    .mockup-rail-card,
    .mockup-price-card,
    .mockup-stat-card,
    .mockup-summary,
    .video-card,
    .preview-thumb,
    .hero-copy,
    .hero-media,
    .hero-sidecar,
    .hero-sidecar-card,
    .catalog-toolbar,
    .concept-teaser,
    .concept-page,
    .auth-panel,
    .dtu-auth-card,
    .dtu-casting-panel,
    .legal-card
) {
    border-radius: var(--dtu-radius) !important;
}

body:not(.dtu-commerce-page) :where(h1, h2, h3, .price, .dtu-access-hero h1, .dtu-casting-head h2) {
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-card,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-card,
body:not(.dtu-commerce-page) .mockup-page .mockup-price-card,
body:not(.dtu-commerce-page) .mockup-page .mockup-stat-card,
body:not(.dtu-commerce-page) .mockup-page .story-principle-card,
body:not(.dtu-commerce-page) .mockup-page .video-card {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .mockup-page .mockup-feature-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-rail-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-price-grid,
body:not(.dtu-commerce-page) .mockup-page .mockup-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
}

body:not(.dtu-commerce-page) .hero-actions,
body:not(.dtu-commerce-page) .hero-copy .hero-actions {
    position: relative !important;
    z-index: 60 !important;
    pointer-events: auto !important;
}

body:not(.dtu-commerce-page) .hero-actions a,
body:not(.dtu-commerce-page) .hero-copy a.btn,
body:not(.dtu-commerce-page) a[data-route-key="free"],
body:not(.dtu-commerce-page) a[data-route-key="memberships"],
body:not(.dtu-commerce-page) a[data-dtu-safe-href],
body:not(.dtu-commerce-page) button[data-dtu-safe-href],
.dtu-locked-btn[data-dtu-safe-href] {
    position: relative !important;
    z-index: 61 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

body:not(.dtu-commerce-page) .hero-media,
body:not(.dtu-commerce-page) .hero::before,
body:not(.dtu-commerce-page) .hero::after {
    pointer-events: none !important;
}

body.single-dtu_video .dtu-detail-shell,
body.single-dtu_image_series .dtu-detail-shell,
body:not(.dtu-commerce-page) .dtu-detail-shell {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.single-dtu_video .dtu-detail-grid,
body.single-dtu_image_series .dtu-detail-grid,
body.single-dtu_video .dtu-detail-hero,
body.single-dtu_image_series .dtu-detail-hero,
body.single-dtu_video .dtu-image-chapter-flow,
body.single-dtu_image_series .dtu-image-chapter-flow {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.single-dtu_video .dtu-image-chapter-flow,
body.single-dtu_image_series .dtu-image-chapter-flow {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)) !important;
    gap: clamp(16px, 2vw, 24px) !important;
}

body.single-dtu_video .dtu-detail-shell :where(.panel, .dtu-locked-panel, .dtu-locked-card, .dtu-unlock-panel, .dtu-paywall-card),
body.single-dtu_image_series .dtu-detail-shell :where(.panel, .dtu-locked-panel, .dtu-locked-card, .dtu-unlock-panel, .dtu-paywall-card) {
    min-width: min(100%, 280px) !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.single-dtu_video .dtu-detail-shell :where(.panel h2, .panel h3, .dtu-locked-panel h2, .dtu-locked-panel h3, .dtu-locked-card h2, .dtu-locked-card h3, .dtu-unlock-panel h2, .dtu-unlock-panel h3),
body.single-dtu_image_series .dtu-detail-shell :where(.panel h2, .panel h3, .dtu-locked-panel h2, .dtu-locked-panel h3, .dtu-locked-card h2, .dtu-locked-card h3, .dtu-unlock-panel h2, .dtu-unlock-panel h3) {
    max-width: 18ch !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.single-dtu_video .dtu-detail-shell :where(.dtu-locked-actions, .dtu-unlock-actions, .dtu-paywall-actions),
body.single-dtu_image_series .dtu-detail-shell :where(.dtu-locked-actions, .dtu-unlock-actions, .dtu-paywall-actions) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

body.single-dtu_video .dtu-detail-shell :where(.dtu-locked-btn, .dtu-unlock-btn, .dtu-paywall-card a, .dtu-locked-panel a, .dtu-unlock-panel a),
body.single-dtu_image_series .dtu-detail-shell :where(.dtu-locked-btn, .dtu-unlock-btn, .dtu-paywall-card a, .dtu-locked-panel a, .dtu-unlock-panel a) {
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.dtu-account-cockpit {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin: 18px auto 24px !important;
    color: #f4f7fb !important;
    box-sizing: border-box !important;
}

.dtu-account-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 18px;
    align-items: stretch;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 0, rgba(54, 205, 255, .20), transparent 34%),
        linear-gradient(135deg, rgba(18, 31, 44, .96), rgba(5, 10, 16, .98));
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
}

.dtu-account-eyebrow {
    display: inline-flex;
    margin-bottom: 14px;
    color: #8ce6ff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-account-hero h1 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(2rem, 3.4vw, 3.6rem);
    line-height: 1;
    letter-spacing: 0 !important;
}

.dtu-account-hero p {
    max-width: 58ch;
    margin: 0;
    color: #c8d6e2;
    font-size: 1rem;
    line-height: 1.7;
}

.dtu-account-status {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    border: 1px solid rgba(54, 205, 255, .25);
    border-radius: 8px;
    background: rgba(54, 205, 255, .08);
}

.dtu-account-status small {
    color: #8ce6ff;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-account-dot {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #4dff9a;
    box-shadow: 0 0 0 8px rgba(77, 255, 154, .10);
}

.dtu-account-status strong {
    color: #fff;
    font-size: 1.35rem;
}

.dtu-account-status em {
    color: #9fb3c6;
    font-style: normal;
    overflow-wrap: anywhere;
}

.dtu-account-incentive {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
    gap: 14px;
    align-items: center;
    margin: 14px 0 16px;
    padding: 16px;
    border: 1px solid rgba(255, 198, 109, .34);
    border-radius: 8px;
    background: radial-gradient(circle at 12% 0, rgba(255, 198, 109, .20), transparent 18rem), rgba(255, 255, 255, .045);
    box-sizing: border-box;
}

.dtu-account-incentive span {
    display: block;
    margin-bottom: 6px;
    color: #ffc66d;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-account-incentive strong {
    display: block;
    color: #ffffff;
    font-size: 1.18rem;
}

.dtu-account-incentive p {
    margin: 7px 0 0;
    color: #cbd8e4;
}

.dtu-account-incentive ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dtu-account-incentive li {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background: rgba(5, 12, 20, .62);
}

.dtu-account-incentive b {
    color: #8ce6ff;
    font-size: 1rem;
}

.dtu-account-incentive em {
    color: #aebfce;
    font-size: .78rem;
    font-style: normal;
}

.dtu-account-incentive small,
.dtu-incentive-toast {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ffc66d;
    color: #031019;
    font-weight: 900;
}

.dtu-account-incentive small {
    justify-self: start;
    padding: 8px 11px;
}

.dtu-incentive-toast {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 99999;
    max-width: min(360px, calc(100vw - 28px));
    padding: 13px 16px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .34);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .28s ease, transform .28s ease;
}

.dtu-incentive-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.dtu-dashboard-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0 16px;
}

.dtu-dashboard-strip a {
    position: relative;
    display: grid;
    gap: 7px;
    align-content: center;
    min-height: 96px;
    padding: 16px 56px 16px 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    color: #f4f7fb !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

.dtu-dashboard-strip a:hover,
.dtu-dashboard-strip a:focus-visible {
    border-color: rgba(54, 205, 255, .48);
    background: rgba(54, 205, 255, .08);
    outline: none;
}

.dtu-dashboard-strip strong {
    color: #ffffff;
    font-size: 1rem;
}

.dtu-dashboard-strip em {
    color: #aebfce;
    font-style: normal;
    line-height: 1.5;
}

.dtu-dashboard-strip b {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 999px;
    background: #36cdff;
    color: #031019;
    font-size: .82rem;
    font-weight: 950;
}

.dtu-member-account-chip {
    display: inline-grid !important;
    gap: 2px !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 8px 14px !important;
    border-color: rgba(54, 205, 255, .36) !important;
    background: rgba(54, 205, 255, .10) !important;
    color: #f4f7fb !important;
    line-height: 1.1 !important;
}

.dtu-member-account-chip span {
    color: #9feaff !important;
    font-size: .74rem !important;
    font-weight: 850 !important;
}

.dtu-member-account-chip strong {
    color: #ffffff !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
}

.member-access-nav,
.dtu-member-nav {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.member-access-nav .login-pill,
.member-access-nav .signup-pill,
.dtu-member-nav .member-access-nav,
.dtu-member-nav .member-register-nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 13px !important;
    border: 1px solid rgba(54, 205, 255, .32) !important;
    border-radius: 999px !important;
    background: rgba(54, 205, 255, .10) !important;
    color: #f4f7fb !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.member-access-nav .signup-pill,
.dtu-member-nav .member-register-nav {
    background: #36cdff !important;
    color: #031019 !important;
    border-color: #36cdff !important;
}

.member-access-nav .recover-link {
    display: inline-flex !important;
    color: #9fb3c6 !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

header .dtu-member-nav,
.site-header .dtu-member-nav {
    margin-left: auto !important;
}

.wp-block-navigation .wp-block-navigation-item.dtu-member-nav,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item.dtu-member-nav {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin-left: 0 !important;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation-item.dtu-member-nav {
    margin-top: 0 !important;
}

@media (max-width: 720px) {
    .member-access-nav,
    .dtu-member-nav {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

.dtu-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0 16px;
}

.dtu-account-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    line-height: 1.1;
    padding: 0 20px;
    border-radius: 999px;
    text-decoration: none !important;
    font-weight: 900;
}

.dtu-account-actions .dtu-account-logout-top {
    border-color: rgba(255, 198, 109, .34) !important;
    color: #ffd17a !important;
}

.dtu-account-actions .dtu-account-logout-top:hover,
.dtu-account-actions .dtu-account-logout-top:focus-visible {
    border-color: rgba(255, 198, 109, .66) !important;
    background: rgba(255, 198, 109, .10) !important;
    color: #ffffff !important;
}

.dtu-account-upgrade-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 18px 0 0;
    padding: 14px;
    border: 1px solid rgba(83, 218, 255, .18);
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
}

.dtu-account-upgrade-row strong {
    margin-right: auto;
    color: #f6fbff;
    font-size: .95rem;
}

.dtu-account-upgrade-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid rgba(54, 205, 255, .28);
    border-radius: 999px;
    background: rgba(54, 205, 255, .12);
    color: #f6fbff;
    font-weight: 900;
    text-decoration: none;
}

.dtu-account-upgrade-row a:nth-child(3) {
    background: #36cdff;
    color: #03111a;
}

.dtu-ppv-inline-offer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, auto);
    gap: clamp(16px, 2.4vw, 28px);
    align-items: center;
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max));
    max-width: var(--dtu-page-max);
    margin: 22px auto 34px;
    padding: clamp(18px, 2.6vw, 30px);
    border: 1px solid rgba(54, 205, 255, .28);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 0, rgba(54, 205, 255, .14), transparent 34%),
        linear-gradient(135deg, rgba(17, 31, 44, .94), rgba(6, 10, 16, .98));
    color: #f4f7fb;
    box-sizing: border-box;
}

.dtu-ppv-inline-eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: #8ce6ff;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dtu-ppv-inline-offer h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: clamp(1.35rem, 2vw, 2rem) !important;
    line-height: 1.12 !important;
}

.dtu-ppv-inline-offer p {
    max-width: 64ch;
    margin: 0 !important;
    color: #c8d6e2 !important;
    line-height: 1.6 !important;
}

.dtu-ppv-inline-actions {
    display: grid;
    gap: 10px;
    justify-items: stretch;
}

.dtu-ppv-inline-actions strong {
    color: #fff;
    font-size: 1rem;
}

.dtu-ppv-inline-offer,
.dtu-ppv-inline-offer * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.single-dtu_image_series .dtu-story-dossier > .dtu-ppv-inline-offer {
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(18px, 2.4vw, 30px) auto !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
}

.dtu-ppv-bundle-upsell {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
}

.dtu-ppv-bundle-upsell small {
    flex-basis: 100%;
    color: #ffd17a;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dtu-ppv-bundle-upsell a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(255, 198, 109, .34);
    border-radius: 999px;
    background: rgba(255, 198, 109, .08);
    color: #ffe2a6 !important;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none !important;
}

.dtu-account-primary {
    background: #36cdff;
    color: #031019 !important;
}

.dtu-account-secondary {
    border: 1px solid rgba(255, 255, 255, .16);
    color: #f4f7fb !important;
    background: rgba(255, 255, 255, .05);
}

.dtu-account-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 12px;
}

.dtu-account-card {
    display: grid;
    gap: 8px;
    min-height: 118px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 31, 44, .88), rgba(8, 13, 20, .96));
    color: #f4f7fb !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

.dtu-account-card span {
    color: #8ce6ff;
    font-size: .78rem;
    font-weight: 900;
}

.dtu-account-card strong {
    color: #fff;
    font-size: 1.04rem;
}

.dtu-account-card em {
    color: #aebfce;
    font-style: normal;
    line-height: 1.55;
}

.dtu-account-live {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.dtu-account-live > div {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 31, 44, .82), rgba(8, 13, 20, .94));
}

.dtu-account-live h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(1.25rem, 1.7vw, 1.8rem);
    line-height: 1.15;
}

.dtu-account-live p {
    margin: 0 0 12px;
    color: #aebfce;
    line-height: 1.55;
}

.dtu-account-live-list {
    display: grid;
    gap: 9px;
}

.dtu-account-live-item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 72px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: #f4f7fb !important;
    text-decoration: none !important;
}

.dtu-account-live-item img,
.dtu-account-live-item > span {
    width: 72px;
    height: 48px;
    border-radius: 6px;
    object-fit: cover;
    background: rgba(54, 205, 255, .12);
}

.dtu-account-live-item strong,
.dtu-account-live-item em {
    grid-column: 2;
}

.dtu-account-live-item strong {
    color: #ffffff;
    font-size: .96rem;
    line-height: 1.25;
}

.dtu-account-live-item em {
    color: #aebfce;
    font-style: normal;
    font-size: .88rem;
}

.dtu-account-card:hover,
.dtu-account-card:focus-visible {
    border-color: rgba(54, 205, 255, .54);
    transform: translateY(-1px);
    outline: none;
}

body.woocommerce-account .woocommerce {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce {
    margin-top: 10px !important;
    margin-bottom: 28px !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-MyAccount-navigation {
    display: none !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-MyAccount-content {
    float: none !important;
    width: min(calc(100% - (var(--dtu-gutter) * 2)), 1024px) !important;
    max-width: 1024px !important;
    margin: 18px auto 0 !important;
    padding: clamp(18px, 2.4vw, 30px) !important;
    border: 1px solid rgba(54, 205, 255, .26) !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 14% 0, rgba(54, 205, 255, .12), transparent 32%),
        linear-gradient(180deg, rgba(13, 24, 35, .94), rgba(5, 9, 15, .98)) !important;
    color: #f4f7fb !important;
    box-shadow: 0 18px 58px rgba(0, 0, 0, .26) !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-MyAccount-content > p:first-child {
    margin-top: 0 !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table,
body.woocommerce-account.dtu-account-enhanced table.shop_table {
    width: 100% !important;
    margin: 8px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(255, 255, 255, .035) !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table thead th,
body.woocommerce-account.dtu-account-enhanced table.shop_table thead th {
    padding: 11px 12px !important;
    border: 0 !important;
    background: rgba(54, 205, 255, .13) !important;
    color: #8ce6ff !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table td,
body.woocommerce-account.dtu-account-enhanced table.shop_table td {
    padding: 14px 12px !important;
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    color: #f4f7fb !important;
    vertical-align: middle !important;
}

.dtu-order-item-summary {
    display: block !important;
    margin-top: 6px !important;
    color: #aebfce !important;
    font-size: .82rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table a:not(.button),
body.woocommerce-account.dtu-account-enhanced table.shop_table a:not(.button) {
    color: #36cdff !important;
    font-weight: 900 !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table .button,
body.woocommerce-account.dtu-account-enhanced table.shop_table .button,
body.woocommerce-account.dtu-account-enhanced .woocommerce-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(54, 205, 255, .52) !important;
    border-radius: 999px !important;
    background: #36cdff !important;
    color: #031019 !important;
    font-weight: 950 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

body.woocommerce-account.dtu-account-enhanced .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account.dtu-account-enhanced table.shop_table .woocommerce-orders-table__cell-order-actions {
    text-align: right !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #f4f7fb !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    border-color: rgba(54, 205, 255, .48) !important;
    background: rgba(54, 205, 255, .10) !important;
}

@media (max-width: 860px) {
    .dtu-account-hero {
        grid-template-columns: 1fr;
    }

    .dtu-dashboard-strip {
        grid-template-columns: 1fr;
    }

    .dtu-account-live {
        grid-template-columns: 1fr;
    }

    .dtu-account-actions {
        display: grid;
    }

    .dtu-ppv-inline-offer {
        grid-template-columns: 1fr;
    }
}

.dtu-access-stage {
    width: min(1320px, calc(100vw - 32px)) !important;
    margin-inline: auto !important;
}

.dtu-register-panel .dtu-quick-choice {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.dtu-register-panel .dtu-plan-choice {
    position: relative !important;
    min-height: 172px !important;
    padding: 22px 54px 22px 22px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        rgba(16, 28, 41, .88) !important;
    color: #f5fbff !important;
    text-align: left !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
    cursor: pointer !important;
}

.dtu-register-panel .dtu-plan-choice.is-active {
    border-color: rgba(54, 205, 255, .82) !important;
    background:
        radial-gradient(circle at 20% 0, rgba(54, 205, 255, .28), transparent 52%),
        linear-gradient(150deg, rgba(54, 205, 255, .16), rgba(255, 198, 109, .08)),
        rgba(11, 25, 37, .96) !important;
    box-shadow: 0 22px 60px rgba(54, 205, 255, .18) !important;
}

.dtu-register-panel .dtu-plan-choice.is-active::after {
    content: "✓";
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    background: #36cdff;
    color: #031019;
    font-weight: 950;
}

.dtu-register-panel .dtu-plan-choice span,
.dtu-register-panel .dtu-plan-choice strong,
.dtu-register-panel .dtu-plan-choice em {
    display: block !important;
}

.dtu-register-panel .dtu-plan-choice > span:first-child {
    color: #99e8ff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.dtu-register-panel .dtu-plan-choice strong {
    margin-top: 10px !important;
    color: #fff !important;
    font-size: 1.28rem !important;
    line-height: 1.15 !important;
}

.dtu-register-panel .dtu-plan-price {
    margin: 10px 0 !important;
    color: #ffc66d !important;
    font-style: normal !important;
    font-size: 1.1rem !important;
    font-weight: 950 !important;
}

.dtu-register-panel .dtu-register-primary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: end !important;
    margin-top: 22px !important;
}

.dtu-register-panel .dtu-register-primary label {
    margin: 0 !important;
}

.dtu-register-panel .dtu-register-primary input[type="email"] {
    min-height: 58px !important;
    border-radius: 18px !important;
}

.dtu-register-panel .dtu-auth-check {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 12px 0 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #d9e7f2 !important;
    line-height: 1.45 !important;
}

.dtu-register-panel .dtu-auth-check input {
    width: 20px !important;
    height: 20px !important;
    margin: 2px 0 0 !important;
    accent-color: #36cdff !important;
}

.dtu-register-panel .dtu-auth-note {
    display: block !important;
    margin-top: 14px !important;
    color: #b8c9d8 !important;
}

.dtu-register-panel .dtu-register-mini {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.dtu-register-panel .dtu-register-mini span {
    display: inline-flex !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(54, 205, 255, .18) !important;
    border-radius: 999px !important;
    background: rgba(54, 205, 255, .08) !important;
    color: #cceeff !important;
    font-size: .88rem !important;
}

.dtu-register-panel .form-status {
    margin-top: 14px !important;
    color: #9feaff !important;
}

.dtu-register-panel .form-status.is-error {
    color: #ff9b9b !important;
}

.dtu-register-panel .form-status.is-success {
    color: #9cffc8 !important;
}

.dtu-login-status {
    display: block !important;
    margin-top: 14px !important;
    color: #9feaff !important;
    font-weight: 750 !important;
}

.dtu-login-status.is-error {
    color: #ff9b9b !important;
}

.dtu-login-status.is-success {
    color: #9cffc8 !important;
}

.dtu-geo-answer-block {
    width: min(100% - 48px, 1320px);
    margin: clamp(34px, 5vw, 86px) auto;
    padding: clamp(22px, 3vw, 46px);
    border: 1px solid rgba(120, 198, 255, .18);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 12%, rgba(54, 205, 255, .14), transparent 30%),
        linear-gradient(135deg, rgba(9, 20, 31, .96), rgba(16, 33, 47, .88));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .38);
    color: #eef6ff;
}

.dtu-geo-answer-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: clamp(18px, 3vw, 44px);
    align-items: end;
    margin-bottom: 28px;
}

.dtu-geo-answer-head .dtu-section-kicker {
    margin: 0 0 12px;
    color: #68dbff;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.dtu-geo-answer-head h2 {
    margin: 0;
    max-width: 28ch;
    color: #f4f8ff;
    font-size: clamp(2rem, 3.2vw, 3.8rem);
    line-height: 1.02;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.dtu-geo-answer-head p:not(.dtu-section-kicker) {
    margin: 0;
    color: #c5d7e7;
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    line-height: 1.7;
}

.dtu-geo-answer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: var(--dtu-grid-gap);
}

.dtu-geo-answer-card,
.dtu-geo-faq {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--dtu-radius);
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.dtu-geo-answer-card {
    min-height: 172px;
    padding: 22px;
}

.dtu-geo-answer-card h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 1.08rem;
    letter-spacing: 0;
}

.dtu-geo-answer-card p {
    margin: 0;
    color: #c6d5e2;
    line-height: 1.62;
}

.dtu-geo-faq {
    margin-top: 16px;
    padding: 20px 22px;
}

.dtu-geo-faq h3 {
    margin: 0 0 12px;
    color: #9eeaff;
    font-size: .9rem;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.dtu-geo-faq details {
    border-top: 1px solid rgba(255, 255, 255, .09);
    padding: 14px 0;
}

.dtu-geo-faq details:first-of-type {
    border-top: 0;
}

.dtu-geo-faq summary {
    cursor: pointer;
    color: #ffffff;
    font-weight: 850;
}

.dtu-geo-faq p {
    margin: 10px 0 0;
    color: #c6d5e2;
    line-height: 1.62;
}

@media (max-width: 1100px) {
    body .dtu-membership-hero,
    body .dtu-membership-production-grid,
    body .dtu-membership-provider-grid--recurring,
    body .dtu-membership-provider-grid--bundles,
    body .dtu-membership-faq-grid,
    body .dtu-membership-flow div {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dtu-crypto-minimum-notice {
        grid-template-columns: 1fr !important;
    }

    .dtu-crypto-minimum-actions {
        justify-content: flex-start !important;
    }

    .dtu-register-panel .dtu-quick-choice {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dtu-geo-answer-head,
    .dtu-geo-answer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    body .dtu-membership-guide {
        width: min(100% - 24px, 1320px) !important;
    }

    body .dtu-membership-guide-nav {
        gap: 8px !important;
    }

    body .dtu-membership-guide-nav a {
        flex: 1 1 calc(50% - 8px) !important;
        min-width: 0 !important;
        text-align: center !important;
    }

    body .dtu-membership-hero,
    body .dtu-membership-production-grid,
    body .dtu-membership-appeal,
    body .dtu-membership-provider-grid,
    body .dtu-membership-provider-grid--bundles,
    body .dtu-membership-compare-grid,
    body .dtu-membership-faq-grid,
    body .dtu-membership-flow div {
        grid-template-columns: 1fr !important;
    }

    body .dtu-membership-appeal div {
        justify-content: flex-start !important;
    }

    body .dtu-membership-appeal a {
        width: 100% !important;
        white-space: normal !important;
    }

    body .dtu-membership-hero {
        min-height: 0 !important;
        padding: 24px !important;
    }

    body .dtu-membership-hero h1 {
        max-width: 11ch !important;
        font-size: clamp(2.4rem, 13vw, 3.6rem) !important;
    }

    body .dtu-funnel-strip {
        grid-template-columns: 1fr !important;
        width: min(calc(100% - 24px), 1320px) !important;
        padding: 18px !important;
    }

    body .dtu-funnel-strip nav {
        justify-content: flex-start !important;
    }

    body .dtu-funnel-strip a {
        flex: 1 1 100% !important;
        white-space: normal !important;
    }

    .dtu-register-panel .dtu-quick-choice,
    .dtu-register-panel .dtu-register-primary {
        grid-template-columns: 1fr !important;
    }

    .dtu-register-panel .dtu-plan-choice {
        min-height: 0 !important;
        padding: 18px !important;
    }

    .dtu-geo-answer-block {
        width: min(100% - 24px, 1320px);
        border-radius: 24px;
    }

    .dtu-geo-answer-card {
        min-height: 0;
        padding: 18px;
    }
}

/* Membership guide page. */
body.dtu-membership-guide-page main,
body.dtu-membership-guide-page .entry-content {
    max-width: none !important;
    width: 100% !important;
}

body .dtu-membership-guide {
    width: min(100% - 32px, 1320px) !important;
    margin: clamp(18px, 3vw, 40px) auto !important;
    display: grid !important;
    gap: clamp(18px, 2.4vw, 28px) !important;
    color: #f4f7fb !important;
}

body .dtu-membership-guide-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(7, 13, 20, .86) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .20) !important;
}

body .dtu-membership-guide-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #dcebf5 !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body .dtu-membership-guide-nav a:first-child {
    border-color: rgba(54, 205, 255, .55) !important;
    background: rgba(54, 205, 255, .14) !important;
    color: #8ce6ff !important;
}

body .dtu-membership-guide-nav a:hover,
body .dtu-membership-guide-nav a:focus-visible {
    border-color: rgba(54, 205, 255, .66) !important;
    color: #ffffff !important;
    outline: none !important;
}

body .dtu-membership-hero,
body .dtu-membership-production,
body .dtu-membership-provider-section,
body .dtu-membership-compare,
body .dtu-membership-faq,
body .dtu-membership-flow {
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: radial-gradient(circle at 86% 0, rgba(54, 205, 255, .16), transparent 32%), linear-gradient(135deg, rgba(13, 27, 39, .96), rgba(5, 8, 13, .98)) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .24) !important;
}

body .dtu-membership-hero {
    min-height: min(680px, 72vh) !important;
    padding: clamp(32px, 6vw, 78px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    gap: clamp(22px, 4vw, 54px) !important;
    align-items: end !important;
    background: linear-gradient(90deg, rgba(4, 8, 12, .90), rgba(6, 12, 18, .64)), url("https://www.donttellus.com/wp-content/uploads/2026/07/homepage-hero.png") center / cover no-repeat !important;
}

body .dtu-membership-eyebrow {
    display: inline-flex !important;
    width: max-content !important;
    color: #8ce6ff !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body .dtu-membership-hero h1 {
    max-width: 12ch !important;
    margin: 12px 0 18px !important;
    color: #f4f7fb !important;
    font-size: clamp(3.1rem, 6vw, 6.2rem) !important;
    line-height: .95 !important;
    letter-spacing: 0 !important;
}

body .dtu-membership-hero p,
body .dtu-membership-section-head p {
    max-width: 78ch !important;
    margin: 0 !important;
    color: #d6e4ef !important;
    font-size: clamp(.96rem, 1.2vw, 1.12rem) !important;
    line-height: 1.62 !important;
}

body .dtu-membership-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 26px !important;
}

body .dtu-membership-actions a,
body .dtu-membership-plan small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    color: #f4f7fb !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

body .dtu-membership-actions a:first-child,
body .dtu-membership-plan:hover small,
body .dtu-membership-plan:focus-visible small {
    border-color: rgba(54, 205, 255, .72) !important;
    background: #36cdff !important;
    color: #031019 !important;
}

body .dtu-membership-brand-panel {
    display: grid !important;
    gap: 18px !important;
    padding: 24px !important;
    border: 1px solid rgba(54, 205, 255, .22) !important;
    border-radius: 8px !important;
    background: rgba(7, 13, 20, .78) !important;
    backdrop-filter: blur(10px) !important;
}

body .dtu-membership-brand-panel strong {
    color: #fff !important;
    font-size: clamp(1.9rem, 4vw, 3.4rem) !important;
    line-height: .95 !important;
    font-weight: 950 !important;
}

body .dtu-membership-brand-panel div,
body .dtu-membership-section-head {
    display: grid !important;
    gap: 8px !important;
}

body .dtu-membership-brand-panel span {
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #dcebf5 !important;
    font-weight: 800 !important;
}

body .dtu-membership-provider-section,
body .dtu-membership-production,
body .dtu-membership-compare,
body .dtu-membership-faq,
body .dtu-membership-flow {
    padding: clamp(22px, 3vw, 34px) !important;
    display: grid !important;
    gap: 18px !important;
}

body .dtu-membership-section-head h2,
body .dtu-membership-flow h2 {
    margin: 0 !important;
    color: #f4f7fb !important;
    font-size: clamp(1.6rem, 3vw, 2.55rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

body .dtu-membership-provider-grid,
body .dtu-membership-production-grid,
body .dtu-membership-compare-grid,
body .dtu-membership-faq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body .dtu-membership-production-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body .dtu-membership-provider-grid--recurring {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body .dtu-membership-provider-grid--bundles {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body .dtu-membership-plan,
body .dtu-membership-production-grid article,
body .dtu-membership-compare-grid article,
body .dtu-membership-faq-grid article {
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    min-height: 100% !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px !important;
    background: radial-gradient(circle at 92% 0, rgba(54, 205, 255, .12), transparent 32%), rgba(255, 255, 255, .045) !important;
    color: #f4f7fb !important;
    text-decoration: none !important;
}

body .dtu-membership-plan:hover,
body .dtu-membership-plan:focus-visible {
    border-color: rgba(54, 205, 255, .55) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

body .dtu-membership-logo {
    width: max-content !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(54, 205, 255, .14) !important;
    color: #8ce6ff !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
}

body .dtu-membership-plan strong,
body .dtu-membership-production-grid strong,
body .dtu-membership-compare-grid strong,
body .dtu-membership-faq-grid strong {
    color: #fff !important;
    font-size: 1.12rem !important;
    line-height: 1.18 !important;
}

body .dtu-membership-plan em {
    color: #ffd17a !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

body .dtu-membership-plan p,
body .dtu-membership-production-grid p,
body .dtu-membership-compare-grid p,
body .dtu-membership-faq-grid p {
    margin: 0 !important;
    color: #c4d3e1 !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
}

body .dtu-membership-plan--flat {
    border-color: rgba(255, 209, 122, .34) !important;
    background: radial-gradient(circle at 88% 0, rgba(255, 209, 122, .16), transparent 34%), rgba(255, 255, 255, .045) !important;
}

body .dtu-membership-faq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body .dtu-funnel-strip {
    width: min(calc(100% - 32px), 1320px) !important;
    margin: clamp(16px, 2.8vw, 28px) auto !important;
    padding: clamp(18px, 2.4vw, 26px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    border: 1px solid rgba(54, 205, 255, .22) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(8, 20, 31, .96), rgba(13, 34, 48, .94)) !important;
    box-shadow: 0 18px 56px rgba(0, 0, 0, .24) !important;
    box-sizing: border-box !important;
}

body .dtu-funnel-strip div {
    display: grid !important;
    gap: 7px !important;
}

body .dtu-funnel-strip span {
    color: #8ce6ff !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body .dtu-funnel-strip strong {
    color: #ffffff !important;
    font-size: clamp(1.2rem, 2vw, 1.75rem) !important;
    line-height: 1.12 !important;
}

body .dtu-funnel-strip p {
    max-width: 70ch !important;
    margin: 0 !important;
    color: #c9d8e5 !important;
    font-size: .96rem !important;
    line-height: 1.5 !important;
}

body .dtu-funnel-strip nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

body .dtu-funnel-strip a {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 15px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    color: #f4f7fb !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body .dtu-funnel-strip a:first-child {
    border-color: rgba(54, 205, 255, .72) !important;
    background: #36cdff !important;
    color: #031019 !important;
}

body .dtu-membership-appeal {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 198, 109, .26) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(255, 198, 109, .10), rgba(54, 205, 255, .07)) !important;
}

body .dtu-membership-appeal p {
    margin: 0 !important;
    color: #edf7fc !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
}

body .dtu-membership-appeal div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

body .dtu-membership-appeal a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    color: #f4f7fb !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body .dtu-membership-appeal a:first-child {
    border-color: rgba(54, 205, 255, .72) !important;
    background: #36cdff !important;
    color: #031019 !important;
}

body .dtu-membership-flow div {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body .dtu-membership-flow span {
    display: grid !important;
    gap: 8px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #dcebf5 !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body .dtu-membership-flow b {
    width: 32px !important;
    height: 32px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #36cdff !important;
    color: #031019 !important;
}

/* Access page polish: compact hero, fitted media, readable text, stable forms. */
body:not(.dtu-commerce-page) .dtu-access-page {
    padding-bottom: clamp(36px, 6vw, 72px) !important;
}

body:not(.dtu-commerce-page) .dtu-access-toplinks {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: min(calc(100% - 32px), 1320px) !important;
    margin: clamp(16px, 2.5vw, 28px) auto 0 !important;
}

body:not(.dtu-commerce-page) .dtu-access-home-link,
body:not(.dtu-commerce-page) .dtu-access-free-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #f4f7fb !important;
    font-size: .9rem !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body:not(.dtu-commerce-page) .dtu-access-home-link::before,
body:not(.dtu-commerce-page) .dtu-access-free-link::before {
    content: "<" !important;
    margin-right: 8px !important;
    color: #36cdff !important;
    font-weight: 950 !important;
}

body:not(.dtu-commerce-page) .dtu-access-free-link::before {
    content: ">" !important;
}

body:not(.dtu-commerce-page) .dtu-access-home-link:hover,
body:not(.dtu-commerce-page) .dtu-access-home-link:focus-visible,
body:not(.dtu-commerce-page) .dtu-access-free-link:hover,
body:not(.dtu-commerce-page) .dtu-access-free-link:focus-visible {
    border-color: rgba(54, 205, 255, .46) !important;
    background: rgba(54, 205, 255, .12) !important;
    color: #ffffff !important;
    outline: none !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-stage {
    width: 100% !important;
    max-width: 1320px !important;
    margin: clamp(18px, 3vw, 34px) auto 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(360px, .62fr) !important;
    gap: clamp(18px, 2.4vw, 28px) !important;
    align-items: start !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-upgrade-flow,
body:not(.dtu-commerce-page) .dtu-upgrade-flow {
    width: min(calc(100% - 32px), 1320px) !important;
    margin: clamp(18px, 3vw, 34px) auto clamp(24px, 4vw, 46px) !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border: 1px solid rgba(83, 218, 255, .22) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(54, 205, 255, .16), transparent 34%),
        linear-gradient(135deg, rgba(7, 17, 27, .98), rgba(12, 33, 46, .95)) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .32) !important;
    box-sizing: border-box !important;
}

body.dtu-access-simple-flow:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-plan-sections,
body.dtu-access-simple-flow:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy {
    display: none !important;
}

body.dtu-access-simple-flow:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel [data-lkey="register_title"]::after {
    content: "";
}

body.dtu-access-simple-flow:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel {
    border-color: rgba(54, 205, 255, .28) !important;
}

body.dtu-access-simple-flow:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-register-primary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__head {
    display: grid;
    gap: 10px;
    max-width: 940px;
    margin-bottom: clamp(18px, 2.8vw, 30px);
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__head span,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards span {
    color: #85eaff;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__head h2 {
    margin: 0;
    color: #f6fbff;
    font-size: clamp(2rem, 3.4vw, 4.2rem);
    line-height: 1.02;
    letter-spacing: 0;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__head p,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__grid p {
    margin: 0;
    color: rgba(226, 239, 247, .78);
    line-height: 1.6;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__grid {
    display: grid;
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
    gap: clamp(16px, 2.4vw, 28px);
    align-items: stretch;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__free,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__paid {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: clamp(18px, 2vw, 26px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__free b,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__paid b {
    color: rgba(133, 234, 255, .92);
    font-size: .8rem;
    letter-spacing: .16em;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__free > strong,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__paid > strong {
    color: #ffffff;
    font-size: clamp(1.35rem, 1.8vw, 2rem);
    line-height: 1.12;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__free > a,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards a small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 16px;
    border-radius: 999px;
    background: #36cdff;
    color: #03111a;
    font-weight: 950;
    text-decoration: none;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__free > a.dtu-upgrade-flow__login {
    background: rgba(255, 255, 255, .06);
    color: #f6fbff;
    border: 1px solid rgba(255, 255, 255, .14);
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards a {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(83, 218, 255, .18);
    border-radius: 12px;
    background: rgba(4, 14, 24, .46);
    color: #edf7fc;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards a:hover,
body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards a:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(54, 205, 255, .5);
    background: rgba(54, 205, 255, .08);
}

body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards em {
    color: #ffc66d;
    font-style: normal;
    font-weight: 900;
}

@media (max-width: 880px) {
    body:not(.dtu-commerce-page) .dtu-upgrade-flow__grid,
    body:not(.dtu-commerce-page) .dtu-upgrade-flow__cards {
        grid-template-columns: 1fr;
    }
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: clamp(440px, 48vw, 560px) !important;
    padding: clamp(28px, 4vw, 46px) !important;
    border-radius: 8px !important;
    justify-content: flex-end !important;
    background-size: cover !important;
    background-position: center center !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero h1 {
    max-width: 11ch !important;
    margin: 12px 0 14px !important;
    color: #f5f8ff !important;
    font-size: clamp(2.55rem, 4.6vw, 4.9rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero p {
    max-width: 48ch !important;
    margin: 0 !important;
    color: #d2deea !important;
    font-size: clamp(.98rem, 1.05vw, 1.08rem) !important;
    line-height: 1.65 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 680px !important;
    gap: 10px !important;
    margin-top: 22px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-proof span {
    min-height: 54px !important;
    padding: 12px 13px !important;
    border-radius: 8px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-side {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    display: grid !important;
    gap: 16px !important;
    min-width: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary {
    grid-column: 1 !important;
    grid-row: 2 !important;
    border-color: rgba(54, 205, 255, .28) !important;
    background:
        radial-gradient(circle at 12% 0, rgba(54, 205, 255, .12), transparent 36%),
        linear-gradient(180deg, rgba(16, 29, 42, .94), rgba(6, 11, 18, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary h2 {
    max-width: 18ch !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary .dtu-auth-form {
    display: grid !important;
    gap: 12px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-card {
    padding: clamp(20px, 2.2vw, 28px) !important;
    border-radius: 8px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-card h2 {
    margin: 8px 0 10px !important;
    max-width: 16ch !important;
    color: #ffffff !important;
    font-size: clamp(1.55rem, 2vw, 2.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-card p {
    max-width: 52ch !important;
    margin: 0 0 16px !important;
    color: #c4d3e1 !important;
    font-size: .98rem !important;
    line-height: 1.6 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-quick-choice {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-quick-choice.dtu-plan-sections {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section {
    display: grid !important;
    gap: 12px !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 96% 0, rgba(54, 205, 255, .10), transparent 30%),
        linear-gradient(180deg, rgba(15, 25, 38, .92), rgba(8, 13, 20, .96)) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--recurring {
    border-color: rgba(54, 205, 255, .26) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--ppv {
    border-color: rgba(156, 255, 200, .20) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--bundles {
    border-color: rgba(255, 198, 109, .30) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section__head {
    display: grid !important;
    gap: 6px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section__head h3 {
    margin: 0 !important;
    color: #f4f7fb !important;
    font-size: clamp(1.05rem, 1.4vw, 1.35rem) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section__head p {
    max-width: 74ch !important;
    margin: 0 !important;
    color: #b9c8d6 !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--free .dtu-plan-section__grid,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--ppv .dtu-plan-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section--bundles .dtu-plan-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 198, 109, .28) !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 12% 0, rgba(255, 198, 109, .16), transparent 34%),
        linear-gradient(135deg, rgba(24, 28, 32, .95), rgba(7, 12, 18, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy__eyebrow {
    color: #ffd17a !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.12rem, 1.55vw, 1.55rem) !important;
    line-height: 1.12 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy p {
    margin: 0 !important;
    color: #c4d3e1 !important;
    font-size: .94rem !important;
    line-height: 1.55 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy__steps {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy__steps span {
    padding: 9px 10px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #edf7fc !important;
    font-size: .84rem !important;
    line-height: 1.25 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-plan-choice {
    min-height: 0 !important;
    width: 100% !important;
    padding: 18px !important;
    border-radius: 8px !important;
    align-content: start !important;
}

body.dtu-free-hub-page .entry-content > :not(.dtu-free-hub),
body.dtu-free-hub-page main > :not(.dtu-free-hub):not(.entry-content) {
    max-width: var(--dtu-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin: clamp(18px, 3vw, 36px) auto var(--dtu-section-gap) !important;
    display: grid !important;
    gap: clamp(22px, 3vw, 36px) !important;
    color: #edf7fc !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-free-skip {
    position: absolute !important;
    left: 50% !important;
    top: 8px !important;
    z-index: 1000 !important;
    transform: translate(-50%, -140%) !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    color: #031019 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    background: #36cdff !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .36) !important;
}

body:not(.dtu-commerce-page) .dtu-free-skip:focus,
body:not(.dtu-commerce-page) .dtu-free-skip:focus-visible {
    transform: translate(-50%, 0) !important;
    outline: none !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 8px !important;
    background: rgba(9, 15, 23, .86) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__nav a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 999px !important;
    color: #dce8f2 !important;
    font-size: .9rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .045) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub a:focus-visible,
body .dtu-funnel-strip a:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    border-color: #36cdff !important;
    box-shadow: 0 0 0 6px rgba(54, 205, 255, .26) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__nav a:hover,
body:not(.dtu-commerce-page) .dtu-free-hub__actions a:first-child,
body:not(.dtu-commerce-page) .dtu-free-hub__upgrade a {
    border-color: rgba(54, 205, 255, .72) !important;
    background: #36cdff !important;
    color: #04111a !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__hero,
body:not(.dtu-commerce-page) .dtu-free-hub__rail,
body:not(.dtu-commerce-page) .dtu-free-adband,
body:not(.dtu-commerce-page) .dtu-free-sponsor-grid,
body:not(.dtu-commerce-page) .dtu-free-inline-promo,
body:not(.dtu-commerce-page) .dtu-free-hub__upgrade {
    border: 1px solid rgba(54, 205, 255, .18) !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 90% 0, rgba(54, 205, 255, .16), transparent 34%),
        linear-gradient(135deg, rgba(15, 29, 42, .96), rgba(6, 11, 17, .98)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24) !important;
    box-sizing: border-box !important;
    scroll-margin-top: 96px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr) !important;
    gap: clamp(18px, 3vw, 36px) !important;
    padding: clamp(24px, 4vw, 48px) !important;
    align-items: end !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__eyebrow {
    display: block !important;
    margin-bottom: 12px !important;
    color: #7de8ff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub h1,
body:not(.dtu-commerce-page) .dtu-free-hub h2 {
    margin: 0 !important;
    color: #f5f8fc !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub h1 {
    max-width: 12ch !important;
    font-size: clamp(2.25rem, 5.4vw, 4.7rem) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub h2 {
    font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub p {
    max-width: 70ch !important;
    margin: 12px 0 0 !important;
    color: #c5d4df !important;
    font-size: clamp(.98rem, 1.25vw, 1.08rem) !important;
    line-height: 1.58 !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__actions a,
body:not(.dtu-commerce-page) .dtu-free-hub__upgrade a {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    color: #f4f8fb !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .06) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__proof {
    display: grid !important;
    gap: 10px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__proof span {
    display: block !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px !important;
    color: #eaf6fb !important;
    font-weight: 800 !important;
    background: rgba(255, 255, 255, .055) !important;
}

body:not(.dtu-commerce-page) .dtu-free-adband {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    padding: clamp(20px, 3vw, 34px) !important;
    background:
        linear-gradient(90deg, rgba(54, 205, 255, .18), rgba(255, 179, 71, .12)),
        linear-gradient(135deg, rgba(15, 31, 43, .98), rgba(6, 12, 18, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-free-adband span,
body:not(.dtu-commerce-page) .dtu-free-sponsor-grid span {
    display: block !important;
    color: #8ce6ff !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-free-adband strong {
    display: block !important;
    margin-top: 6px !important;
    color: #f6fbff !important;
    font-size: clamp(1.45rem, 2.6vw, 2.3rem) !important;
    line-height: 1.08 !important;
}

body:not(.dtu-commerce-page) .dtu-free-adband p {
    max-width: 68ch !important;
}

body:not(.dtu-commerce-page) .dtu-free-adband a,
body:not(.dtu-commerce-page) .dtu-free-inline-promo a {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(54, 205, 255, .52) !important;
    border-radius: 999px !important;
    color: #06131b !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: #36cdff !important;
}

body:not(.dtu-commerce-page) .dtu-free-sponsor-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 14px !important;
    background: rgba(8, 15, 22, .78) !important;
}

body:not(.dtu-commerce-page) .dtu-free-sponsor-grid a {
    min-height: 132px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px !important;
    color: #f3f8fb !important;
    text-decoration: none !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(54, 205, 255, .18), transparent 32%),
        rgba(255, 255, 255, .045) !important;
}

body:not(.dtu-commerce-page) .dtu-free-sponsor-grid strong {
    color: #f3f8fb !important;
    font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
    line-height: 1.22 !important;
}

body:not(.dtu-commerce-page) .dtu-free-inline-promo {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: clamp(16px, 2.2vw, 24px) !important;
    background: rgba(9, 17, 25, .86) !important;
}

body:not(.dtu-commerce-page) .dtu-free-inline-promo strong {
    color: #f4f9fc !important;
    font-size: clamp(1.05rem, 1.5vw, 1.28rem) !important;
    line-height: 1.2 !important;
}

body:not(.dtu-commerce-page) .dtu-free-inline-promo p {
    max-width: 78ch !important;
    margin-top: 6px !important;
    font-size: .94rem !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__rail {
    padding: clamp(18px, 2.5vw, 28px) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__head {
    display: grid !important;
    grid-template-columns: minmax(0, .55fr) minmax(280px, .45fr) !important;
    gap: 18px !important;
    align-items: end !important;
    margin-bottom: 18px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__head p {
    margin: 0 !important;
    font-size: .96rem !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__shelf {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__shelf .video-card {
    min-width: 0 !important;
    width: 100% !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__shelf .preview-launch,
body:not(.dtu-commerce-page) .dtu-free-hub__shelf a,
body:not(.dtu-commerce-page) .dtu-free-hub__shelf button {
    min-height: 44px !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__shelf .video-card:focus-visible,
body:not(.dtu-commerce-page) .dtu-free-hub__shelf a:focus-visible,
body:not(.dtu-commerce-page) .dtu-free-hub__shelf button:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 7px rgba(54, 205, 255, .24) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__shelf .preview-thumb {
    aspect-ratio: 16 / 9 !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__upgrade {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: clamp(20px, 3vw, 32px) !important;
}

body:not(.dtu-commerce-page) .dtu-free-hub__upgrade p {
    margin-top: 8px !important;
}

@media (max-width: 1024px) {
    body .dtu-funnel-strip {
        grid-template-columns: 1fr !important;
        width: min(calc(100% - 28px), 1320px) !important;
    }

    body .dtu-funnel-strip nav {
        justify-content: flex-start !important;
    }

    body .dtu-funnel-strip a {
        min-height: 48px !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__hero,
    body:not(.dtu-commerce-page) .dtu-free-adband,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo,
    body:not(.dtu-commerce-page) .dtu-free-hub__head {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-adband,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo {
        align-items: stretch !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__shelf {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-sponsor-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-sponsor-grid a {
        min-height: 112px !important;
        padding: 16px !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) .dtu-free-hub {
        width: min(calc(100% - 24px), var(--dtu-page-max)) !important;
        margin-top: 12px !important;
        gap: 18px !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__nav {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: thin !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__nav a {
        white-space: nowrap !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__hero,
    body:not(.dtu-commerce-page) .dtu-free-hub__rail,
    body:not(.dtu-commerce-page) .dtu-free-adband,
    body:not(.dtu-commerce-page) .dtu-free-sponsor-grid,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo,
    body:not(.dtu-commerce-page) .dtu-free-hub__upgrade {
        padding: 18px !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub h1 {
        max-width: 100% !important;
        font-size: clamp(2rem, 11vw, 2.85rem) !important;
        line-height: 1.08 !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub h2,
    body:not(.dtu-commerce-page) .dtu-free-adband strong {
        font-size: clamp(1.35rem, 7vw, 1.75rem) !important;
        line-height: 1.12 !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub p {
        font-size: 1rem !important;
        line-height: 1.56 !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__actions,
    body:not(.dtu-commerce-page) .dtu-free-adband,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo,
    body:not(.dtu-commerce-page) .dtu-free-hub__upgrade {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__actions a,
    body:not(.dtu-commerce-page) .dtu-free-adband a,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo a,
    body:not(.dtu-commerce-page) .dtu-free-hub__upgrade a {
        width: 100% !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__shelf {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__proof,
    body:not(.dtu-commerce-page) .dtu-free-sponsor-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.dtu-commerce-page) .dtu-free-hub *,
    body .dtu-funnel-strip * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (forced-colors: active) {
    body:not(.dtu-commerce-page) .dtu-free-hub a,
    body .dtu-funnel-strip a {
        forced-color-adjust: auto !important;
        border: 1px solid ButtonText !important;
    }
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-plan-choice strong {
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-choice--explained {
    gap: 10px !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-choice--explained > span:first-child {
    color: #8ce6ff !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-price {
    font-size: .98rem !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-summary,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-best {
    display: block !important;
    color: #c4d3e1 !important;
    font-size: .9rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-best {
    margin-top: 2px !important;
    color: #ffd17a !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-included,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-excluded {
    display: grid !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-included li,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-excluded li {
    position: relative !important;
    padding-left: 18px !important;
    color: #dcebf5 !important;
    font-size: .86rem !important;
    line-height: 1.35 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-included li::before {
    content: "+";
    position: absolute;
    left: 0;
    color: #9cffc8;
    font-weight: 950;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-excluded li {
    color: #9fb3c6 !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-excluded li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #8ea2b5;
    font-weight: 950;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-primary {
    grid-template-columns: minmax(0, 1fr) minmax(120px, auto) !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-form input,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-form select,
body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-form textarea {
    min-width: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-name-field {
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
    color: #f6fbff;
    font-weight: 800;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-name-field small {
    color: rgba(226, 239, 247, .72);
    font-size: .86rem;
    font-weight: 500;
    line-height: 1.5;
}

/* Shared mobile composition for every public page. */
.dtu-mobile-nav-toggle,
.dtu-mobile-nav-panel,
.dtu-mobile-bottom-nav,
.dtu-mobile-language { display: none !important; }

@media (max-width: 1024px) {
    html, body { max-width: 100%; overflow-x: hidden; }
    .shell, .mockup-page, .entry-content, main, .wp-site-blocks { min-width: 0 !important; max-width: 100% !important; }
    .topbar { position: relative !important; gap: 10px !important; }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body { padding-bottom: 0 !important; }
    .topbar { flex-wrap: wrap !important; }
    .topbar .legal-nav {
        display: flex !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 4px 0 2px !important;
        scrollbar-width: thin;
    }
    .topbar .legal-nav a {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
    .topbar .topbar-socials { display: none !important; }
    body:not(.dtu-commerce-page) .dtu-global-top-nav {
        width: min(720px, calc(100% - 28px)) !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 13px !important;
    }
    body:not(.dtu-commerce-page) .dtu-global-top-nav__links {
        justify-content: flex-start !important;
    }
}

@media (max-width: 640px) {
    .topbar { flex-wrap: nowrap !important; }
    .topbar .legal-nav, .topbar .topbar-socials { display: none !important; }
    .dtu-mobile-language { display: block !important; }
    .dtu-mobile-nav-toggle { display: inline-flex !important; align-items:center; justify-content:center; min-height:44px; padding:0 14px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(5,14,23,.86); color:#fff; font-weight:800; }
    .dtu-mobile-nav-panel { position:absolute; display:grid !important; grid-template-columns:1fr; gap:4px; top:calc(100% + 8px); left:12px; right:12px; padding:10px; z-index:1300; border:1px solid rgba(107,224,255,.26); border-radius:14px; background:#0b1721; box-shadow:0 18px 48px rgba(0,0,0,.42); }
    .dtu-mobile-nav-panel[hidden] { display:none !important; }
    .dtu-mobile-nav-panel a { min-height:44px; display:flex; align-items:center; padding:0 12px; border-radius:9px; color:#fff; text-decoration:none; font-weight:800; }
    .dtu-mobile-nav-panel a:hover { background:rgba(83,218,255,.14); }
    body:not(.dtu-commerce-page) .dtu-global-top-nav {
        width: calc(100% - 24px) !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 10px auto 14px !important;
        padding: 12px !important;
        border-radius: 15px !important;
    }
    body:not(.dtu-commerce-page) .dtu-global-top-nav__brand span {
        display: none !important;
    }
    body:not(.dtu-commerce-page) .dtu-global-top-nav__links {
        justify-content: flex-start !important;
        gap: 7px !important;
        margin: 0 -2px !important;
        padding: 0 2px 3px !important;
    }
    body:not(.dtu-commerce-page) .dtu-global-top-nav__links a {
        min-height: 40px !important;
        padding: 0 12px !important;
        font-size: .78rem !important;
    }
    body.dtu-free-mobile-first .dtu-free-legacy-hidden { display:none !important; }
    body.dtu-free-mobile-first .dtu-free-hub { width:min(calc(100% - 28px),720px) !important; margin:14px auto 36px !important; gap:18px !important; }
    body.dtu-free-mobile-first .dtu-free-hub__nav, body.dtu-free-mobile-first .dtu-free-hub__proof, body.dtu-free-mobile-first .dtu-free-adband, body.dtu-free-mobile-first .dtu-free-sponsor-grid, body.dtu-free-mobile-first .dtu-free-inline-promo { display:none !important; }
    body.dtu-free-mobile-first .dtu-free-hub__hero, body.dtu-free-mobile-first .dtu-free-featured-preview { grid-template-columns:1fr !important; padding:22px !important; }
    body.dtu-free-mobile-first .dtu-free-hub h1 { font-size:clamp(2.25rem,10vw,3.6rem) !important; line-height:1 !important; }
    body.dtu-free-mobile-first .dtu-free-hub__actions, body.dtu-free-mobile-first .dtu-free-hub__actions a { width:100% !important; }
    body.dtu-free-mobile-first .dtu-free-hub__actions { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
    body.dtu-free-mobile-first .dtu-free-video-grid, body.dtu-free-mobile-first .dtu-free-image-grid { grid-template-columns:1fr !important; }
    input, select, textarea, button, .btn { min-height:44px; max-width:100%; box-sizing:border-box; }
}

/* Authentication is deliberately just authentication on every screen size. */
body.dtu-access-single-path .dtu-access-page .dtu-access-hero,
body.dtu-access-single-path .dtu-access-page .topbar .legal-nav,
body.dtu-access-single-path .dtu-access-page .dtu-mobile-language,
body.dtu-access-single-path .dtu-packaging-offers,
body.dtu-access-single-path .dtu-geo-answer-block {
    display: none !important;
}

body.dtu-access-single-path .dtu-access-page .dtu-access-stage {
    display: block !important;
    width: min(calc(100% - 32px), 520px) !important;
    margin: clamp(34px, 7vw, 84px) auto !important;
}

body.dtu-access-single-path .dtu-access-page .dtu-access-side {
    display: block !important;
}

body.dtu-access-single-path .dtu-access-page .dtu-login-panel-primary,
body.dtu-access-single-path .dtu-access-page .dtu-register-panel {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.dtu-auth-login-mode .dtu-access-page .dtu-register-panel,
body.dtu-auth-register-mode .dtu-access-page .dtu-login-panel-primary {
    display: none !important;
}

.dtu-access-auth-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: rgba(6, 17, 27, .82);
}

.dtu-access-auth-tabs button {
    min-height: 46px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: rgba(236, 247, 253, .72);
    font-weight: 850;
    cursor: pointer;
}

.dtu-access-auth-tabs button.is-active {
    background: #36cdff;
    color: #03111a;
}

.dtu-account-upgrade-row{display:grid!important;gap:18px!important;padding:clamp(22px,3vw,34px)!important;border:1px solid rgba(83,218,255,.24)!important;border-radius:18px!important;background:linear-gradient(135deg,#071723,#0c2839)!important}.dtu-upgrade-hub__head span{color:#85eaff;font-weight:900;letter-spacing:.12em;font-size:.75rem}.dtu-upgrade-hub__head h2{margin:7px 0;color:#fff}.dtu-upgrade-hub__head p{margin:0;color:#c8d9e3}.dtu-upgrade-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dtu-upgrade-hub__grid a{display:grid;gap:9px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;text-decoration:none}.dtu-upgrade-hub__grid span{color:#c8d9e3}.dtu-upgrade-hub__grid em{color:#85eaff;font-style:normal;font-weight:800}@media(max-width:1024px){.dtu-upgrade-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dtu-upgrade-hub__grid{grid-template-columns:1fr}}
.dtu-personal-suggestions{width:min(calc(100% - 32px),1320px);margin:28px auto;padding:clamp(22px,3vw,34px);box-sizing:border-box;border:1px solid rgba(83,218,255,.2);border-radius:18px;background:#091722;color:#fff}.dtu-personal-suggestions>div>span{color:#85eaff;font-size:.75rem;font-weight:900;letter-spacing:.12em}.dtu-personal-suggestions h2{margin:7px 0}.dtu-personal-suggestions p{color:#c8d9e3}.dtu-personal-suggestions__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dtu-personal-suggestions article{display:grid;gap:9px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05)}.dtu-personal-suggestions article>a:first-child{color:#fff;text-decoration:none}.dtu-personal-suggestions img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.dtu-personal-suggestions__cta{padding:10px;border-radius:8px;background:#36cdff;color:#03111a!important;text-align:center;font-weight:850;text-decoration:none}@media(max-width:1024px){.dtu-personal-suggestions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dtu-personal-suggestions{width:calc(100% - 28px)}.dtu-personal-suggestions__grid{grid-template-columns:1fr}}
.dtu-personal-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.dtu-personal-worlds a{display:grid;gap:7px;padding:18px;border:1px solid rgba(133,234,255,.22);border-radius:12px;background:rgba(54,205,255,.07);color:#fff;text-decoration:none}.dtu-personal-worlds span{color:#c8d9e3}@media(max-width:640px){.dtu-personal-worlds{grid-template-columns:1fr}}
.dtu-trigger-hub{display:flex;flex-wrap:wrap;gap:10px}.dtu-trigger-hub a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid rgba(133,234,255,.34);border-radius:999px;background:rgba(54,205,255,.08);color:#effbff;text-decoration:none;font-weight:850;transition:background .18s ease,color .18s ease,transform .18s ease}.dtu-trigger-hub a:hover,.dtu-trigger-hub a:focus-visible{background:#35c8ff;color:#03111a;transform:translateY(-1px)}.dtu-trigger-hub .dtu-trigger-hub__all{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.dtu-home-continue[hidden]{display:none!important}
.dtu-catalog-query-status{width:min(calc(100% - (var(--dtu-gutter) * 2)),var(--dtu-page-max));max-width:var(--dtu-page-max);margin:18px auto 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(54,205,255,.28);border-radius:16px;background:rgba(4,16,27,.78);color:#eaf7ff;box-sizing:border-box}.dtu-catalog-query-status span{font-size:.92rem}.dtu-catalog-query-status strong{color:#35c8ff}.dtu-catalog-query-status a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;text-decoration:none;font-weight:800}.dtu-catalog-query-status a:hover,.dtu-catalog-query-status a:focus-visible{background:#35c8ff;color:#03111a}
.dtu-card-triggers{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.dtu-card-triggers i{padding:3px 7px;border:1px solid rgba(133,234,255,.22);border-radius:999px;color:#9cecff;font-size:.7rem;font-style:normal;line-height:1.2}
.dtu-detail-discovery{width:min(calc(100% - 32px),1320px);margin:28px auto;padding:clamp(22px,3vw,34px);box-sizing:border-box;border:1px solid rgba(83,218,255,.2);border-radius:18px;background:linear-gradient(135deg,#071723,#0c2839);color:#fff}.dtu-detail-discovery__head>span{color:#85eaff;font-size:.75rem;font-weight:900;letter-spacing:.12em}.dtu-detail-discovery__head h2{margin:7px 0}.dtu-detail-discovery__head p{margin:0;color:#c8d9e3}.dtu-detail-trigger-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dtu-detail-trigger-list a{padding:8px 12px;border:1px solid rgba(133,234,255,.3);border-radius:999px;color:#dff9ff;text-decoration:none;font-weight:800}.dtu-detail-trigger-list a:hover,.dtu-detail-trigger-list a:focus-visible{background:#35c8ff;color:#03111a}.dtu-detail-discovery__shelf{margin-top:18px}.dtu-detail-discovery__all{display:inline-flex;margin-top:18px;padding:11px 15px;border-radius:9px;background:#35c8ff;color:#03111a;font-weight:900;text-decoration:none}@media(max-width:640px){.dtu-detail-discovery{width:calc(100% - 28px)}}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-password-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-password-fields label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-password-fields small {
    grid-column: 1 / -1;
    color: rgba(226, 239, 247, .72);
    font-size: .84rem;
    line-height: 1.45;
}

body:not(.dtu-commerce-page) .dtu-access-page img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

body:not(.dtu-commerce-page) .dtu-access-page .brand-mark {
    width: clamp(42px, 4vw, 58px) !important;
    height: clamp(42px, 4vw, 58px) !important;
    object-fit: contain !important;
}

@media (max-width: 1120px) {
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-stage {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-side {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero {
        min-height: 430px !important;
    }
}

@media (max-width: 720px) {
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-stage {
        width: 100% !important;
        gap: 14px !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-auth-card {
        padding: 20px !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero {
        min-height: 390px !important;
        background-position: center top !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero h1 {
        max-width: 12ch !important;
        font-size: clamp(2.25rem, 11vw, 3.35rem) !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-access-proof,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-bundle-strategy__steps,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-quick-choice,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section__grid,
    body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-primary {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-signup-password-fields {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-plan-section {
        padding: 14px !important;
    }

    body:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-plan-choice {
        min-height: 0 !important;
        padding: 16px 42px 16px 16px !important;
    }
}

/* Dedicated, tap-first free-preview player. */
body:not(.dtu-commerce-page) .dtu-free-featured-preview {
    display: grid !important;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
    gap: clamp(18px, 3vw, 34px) !important;
    align-items: center !important;
    padding: clamp(20px, 3vw, 38px) !important;
    border: 1px solid rgba(54, 205, 255, .34) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #102637, #071018) !important;
    scroll-margin-top: 18px !important;
}

body:not(.dtu-commerce-page) .dtu-free-featured-preview__copy > span {
    color: #7de8ff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-free-featured-preview h2 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(1.65rem, 3.2vw, 2.7rem) !important;
    line-height: 1.08 !important;
}

body:not(.dtu-commerce-page) .dtu-free-featured-preview p {
    margin: 12px 0 0 !important;
    color: #c5d4df !important;
    line-height: 1.55 !important;
}

body:not(.dtu-commerce-page) .dtu-free-featured-preview__play {
    min-height: 50px !important;
    margin-top: 22px !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #36cdff !important;
    color: #031019 !important;
    font: inherit !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body:not(.dtu-commerce-page) .dtu-free-featured-preview video {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 8px !important;
    background: #000 !important;
}

.dtu-enhanced-player {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background: #02080d;
    border-radius: 10px;
    overflow: hidden;
}

.dtu-enhanced-player > video {
    display: block !important;
    width: 100% !important;
}

.dtu-enhanced-player__controls {
    position: static;
    z-index: 5;
    display: grid !important;
    grid-template-columns: auto auto auto auto auto minmax(160px, 1fr) auto;
    gap: 8px;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .16);
    border-width: 1px 0 0;
    border-radius: 0 0 8px 8px;
    background: #071521;
    box-shadow: none;
}

.dtu-enhanced-player__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #f4f8fc;
    font: inherit;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.dtu-enhanced-player__button:hover,
.dtu-enhanced-player__button:focus {
    border-color: #36cdff;
    background: rgba(54, 205, 255, .18);
    outline: none;
}

.dtu-enhanced-player__button:disabled {
    opacity: .38;
    cursor: not-allowed;
}

.dtu-enhanced-player__play {
    min-width: 54px;
    background: #36cdff;
    border-color: #36cdff;
    color: #031019;
}

.dtu-enhanced-player__progress {
    width: 100%;
    min-width: 0;
    accent-color: #36cdff;
}

.dtu-enhanced-player__time {
    min-width: 92px;
    color: #c6d4e2;
    font-size: .84rem;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) .dtu-free-featured-preview {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }

    .dtu-enhanced-player {
        background: #02080d;
    }

    .dtu-enhanced-player > video {
        border-radius: 8px 8px 0 0;
    }

    .dtu-enhanced-player__controls {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 7px;
        padding: 8px;
    }

    .dtu-enhanced-player__button {
        min-width: 0;
        width: 100%;
        height: 40px;
        padding: 0 6px;
        font-size: .82rem;
    }

    .dtu-enhanced-player__progress,
    .dtu-enhanced-player__time {
        grid-column: 1 / -1;
    }

    .dtu-enhanced-player__time {
        min-width: 0;
        text-align: center;
    }
}

/* Final media-fit override:
   Picture Story montage/poster covers must remain fully visible in every card. */
html body:not(.dtu-commerce-page) :where(
    [data-dtu-content-type="image-series"] .preview-thumb img,
    [data-dtu-content-type="image-series"] .preview-thumb video,
    .dtx-art img,
    .dtx-card img
) {
    object-fit: contain !important;
    object-position: center center !important;
    background: #050b12 !important;
}

/* Final same-edge lock for Free Stream:
   Every visible Free container must use exactly the same outer edge as the
   header shell. No nested 1180/1280 widths, no second inset. */
html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

html body:not(.dtu-commerce-page) .dtu-free-hub > :where(
    .dtu-free-hub__nav,
    .dtu-free-hub__hero,
    .dtu-suggestion-system,
    .dtu-funnel-strip,
    .dtu-free-featured-preview,
    .dtu-free-story-path,
    .dtu-free-hub__rail,
    .dtu-free-hub__upgrade
) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

html body:not(.dtu-commerce-page) .dtu-free-hub > .dtu-funnel-strip {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 1025px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
    }
}

@media (max-width: 640px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
    }
}

/* EOF hard account shell lock — must stay after every other width rule. */
@media (min-width: 1025px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* Absolute last account commerce shell lock.
   This must remain the final width block in the file: account/cart/checkout
   pages may carry dtu-commerce-page and WooCommerce body classes at once. */
@media (min-width: 1025px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* Final account/checkout-adjacent shell lock:
   WooCommerce account pages must obey the same non-fullwidth frame as the
   header, main content and footer. This prevents theme defaults from stretching
   "Mein Konto" across the whole viewport after login/cached account views. */
@media (min-width: 1025px) {
    html body.woocommerce-account :where(
        main,
        #wp--skip-link--target,
        .entry-content,
        .woocommerce,
        .woocommerce-account,
        .woocommerce-MyAccount-content,
        .dtu-account-dashboard,
        .dtu-account-quick-nav
    ) {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.woocommerce-account :where(
        main,
        #wp--skip-link--target,
        .entry-content,
        .woocommerce,
        .woocommerce-account,
        .woocommerce-MyAccount-content,
        .dtu-account-dashboard,
        .dtu-account-quick-nav
    ) {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.woocommerce-account :where(
        main,
        #wp--skip-link--target,
        .entry-content,
        .woocommerce,
        .woocommerce-account,
        .woocommerce-MyAccount-content,
        .dtu-account-dashboard,
        .dtu-account-quick-nav
    ) {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* Absolute last WooCommerce page wrapper override:
   Gutenberg's generated .entry-content.has-global-padding rule has higher
   specificity than :where(). Keep the outer wrapper itself inside the hard
   shell so Account, Cart and Checkout never measure as fullwidth. */
@media (min-width: 1025px) {
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 1024px) {
    .dtu-account-incentive {
        grid-template-columns: 1fr;
    }

    .dtu-account-incentive ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dtu-account-incentive {
        margin: 12px 0 14px;
        padding: 14px;
    }

    .dtu-account-incentive ul {
        grid-template-columns: 1fr;
    }

    .dtu-incentive-toast {
        right: 14px;
        bottom: 78px;
    }
}

html body:not(.dtu-commerce-page) .dtu-free-hub > .dtu-suggestion-system,
html body:not(.dtu-commerce-page) .dtu-free-hub > .dtu-suggestion-system .dtu-suggestion-rail,
html body:not(.dtu-commerce-page) .dtu-free-hub > .dtu-suggestion-system .dtu-suggestion-rail__grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

/* Nested recommendations inherit the Free hub; no viewport gutter compensation. */

/* Final Free Stream shell lock:
   WordPress may mark the Free hub as alignfull; it must still align with the
   main navigation/footer shell on desktop, tablet and mobile. */
@media (min-width: 1025px) {
    html body:not(.dtu-commerce-page) :where(.dtu-free-hub.alignfull, .entry-content > .dtu-free-hub.alignfull, main > .dtu-free-hub.alignfull, #wp--skip-link--target > .dtu-free-hub.alignfull) {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: clip !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body:not(.dtu-commerce-page) :where(.dtu-free-hub.alignfull, .entry-content > .dtu-free-hub.alignfull, main > .dtu-free-hub.alignfull, #wp--skip-link--target > .dtu-free-hub.alignfull) {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: clip !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 640px) {
    html body:not(.dtu-commerce-page) :where(.dtu-free-hub.alignfull, .entry-content > .dtu-free-hub.alignfull, main > .dtu-free-hub.alignfull, #wp--skip-link--target > .dtu-free-hub.alignfull) {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: clip !important;
        box-sizing: border-box !important;
    }
}

html body:not(.dtu-commerce-page) .dtu-free-hub :where(
    .dtu-free-hub__nav,
    .dtu-free-hub__hero,
    .dtu-free-featured-preview,
    .dtu-free-story-path,
    .dtu-free-hub__rail,
    .dtu-free-hub__head,
    .dtu-free-hub__shelf,
    .dtu-free-hub__upgrade
) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

/* Picture Story covers are often designed as complete chapter/montage posters.
   They must be fully visible inside the card media box, not cropped like video stills. */
html body:not(.dtu-commerce-page) :where(
    [data-dtu-content-type="image-series"] .preview-thumb img,
    [data-dtu-content-type="image-series"] .preview-thumb video,
    .dtx-art img,
    .dtx-card img
) {
    object-fit: contain !important;
    object-position: center center !important;
    background: #050b12 !important;
}

/* 2026-09-05 global card media lock:
   All catalogue, stream and Picture Story cards use a fixed media box. */
html body:not(.dtu-commerce-page) :where(
    .video-card,
    .preview-card,
    .mockup-rail-card,
    .mockup-feature-card,
    .dtx-card,
    .dtu-personal-suggestions article,
    .dtu-live-stream-card
) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body:not(.dtu-commerce-page) :where(
    .preview-thumb,
    .dtx-art,
    .dtu-card-media,
    .mockup-rail-card > picture,
    .mockup-feature-card > picture,
    .mockup-rail-card > img,
    .mockup-feature-card > img,
    .dtu-personal-suggestions article > a:first-child,
    .dtu-live-stream-card > picture
) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    border-radius: 10px 10px 0 0 !important;
    background: #050b12 !important;
    box-sizing: border-box !important;
}

html body:not(.dtu-commerce-page) :where(
    .preview-thumb img,
    .preview-thumb video,
    .dtx-art img,
    .dtu-card-media img,
    .dtu-card-media video,
    .mockup-rail-card > img,
    .mockup-feature-card > img,
    .mockup-rail-card > picture > img,
    .mockup-feature-card > picture > img,
    .dtu-personal-suggestions article img,
    .dtu-live-stream-card img
) {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

html body:not(.dtu-commerce-page) :where(.preview-gradient) {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 52% !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

html body:not(.dtu-commerce-page) :where(.preview-badge, .preview-new-badge, .preview-date, .preview-play) {
    position: absolute !important;
    z-index: 3 !important;
    max-width: calc(100% - 22px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body:not(.dtu-commerce-page) .video-card .preview-badge {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    max-width: calc(100% - 132px) !important;
}

html body:not(.dtu-commerce-page) .video-card .preview-new-badge {
    top: 44px !important;
    left: 10px !important;
    right: auto !important;
    max-width: calc(100% - 20px) !important;
}

html body:not(.dtu-commerce-page) .video-card .preview-date {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    max-width: 112px !important;
}

html body:not(.dtu-commerce-page) .preview-thumb::after {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    max-width: calc(100% - 28px) !important;
    box-sizing: border-box !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body:not(.dtu-commerce-page) :where(.preview-thumb, .dtx-art, .dtu-card-media) {
        aspect-ratio: 16 / 9 !important;
    }

    html body:not(.dtu-commerce-page) :where(.preview-thumb img, .preview-thumb video, .dtx-art img, .dtu-card-media img, .dtu-card-media video) {
        object-position: center 40% !important;
    }
}

@media (max-width: 640px) {
    html body:not(.dtu-commerce-page) :where(.preview-thumb, .dtx-art, .dtu-card-media) {
        aspect-ratio: 16 / 10 !important;
    }

    html body:not(.dtu-commerce-page) :where(.preview-thumb img, .preview-thumb video, .dtx-art img, .dtu-card-media img, .dtu-card-media video) {
        object-position: center 40% !important;
    }

    html body:not(.dtu-commerce-page) .video-card .preview-badge {
        max-width: calc(100% - 116px) !important;
    }

    html body:not(.dtu-commerce-page) .video-card .preview-date {
        max-width: 96px !important;
    }
}

/* 2026-09-05 hard shell guard:
   No public page may render full width first and narrow later. These selectors
   intentionally beat late inline page rules that reset WordPress blocks to 100%. */
:root {
    --dtu-hard-shell-desktop: min(1320px, calc(100% - clamp(24px, 4vw, 80px)));
    --dtu-hard-shell-tablet: min(720px, calc(100% - 28px));
    --dtu-hard-shell-mobile: calc(100% - 24px);
}

html,
body {
    max-width: 100% !important;
    overflow-x: clip !important;
}

@media (min-width: 1025px) {
    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer,
    html body.dtu-commerce-page footer,
    html body.dtu-commerce-page .site-footer,
    html body.dtu-commerce-page .wp-site-blocks > footer {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    html body:not(.dtu-commerce-page) .topbar,
    html body:not(.dtu-commerce-page) .dtu-global-top-nav,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) #wp--skip-link--target .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) main .entry-content,
    html body:not(.dtu-commerce-page) footer,
    html body:not(.dtu-commerce-page) .site-footer,
    html body:not(.dtu-commerce-page) .wp-site-blocks > footer,
    html body.dtu-library-page .dtx-header,
    html body.dtu-library-page .dtx-main,
    html body.dtu-library-page .dtx-footer {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    html body:not(.dtu-commerce-page) main,
    html body:not(.dtu-commerce-page) #wp--skip-link--target,
    html body:not(.dtu-commerce-page) .wp-site-blocks {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content > .home-page,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content > .mockup-page,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content > .shell.mockup-page,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content > .dtu-detail-shell,
    html body:not(.dtu-commerce-page) .entry-content.wp-block-post-content > .home-page,
    html body:not(.dtu-commerce-page) .entry-content.wp-block-post-content > .mockup-page,
    html body:not(.dtu-commerce-page) .entry-content.wp-block-post-content > .shell.mockup-page,
    html body:not(.dtu-commerce-page) .entry-content.wp-block-post-content > .dtu-detail-shell,
    html body.dtu-library-page .dtx-header .dtx-header-inner,
    html body.dtu-library-page .dtx-main > *,
    html body.dtu-library-page .dtx-grid,
    html body.dtu-library-page #dtx-results {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer,
    html body.dtu-commerce-page footer,
    html body.dtu-commerce-page .site-footer,
    html body.dtu-commerce-page .wp-site-blocks > footer,
    html body:not(.dtu-commerce-page) .home-page,
    html body:not(.dtu-commerce-page) .mockup-page,
    html body:not(.dtu-commerce-page) .shell.mockup-page,
    html body:not(.dtu-commerce-page) .dtu-detail-shell,
    html body:not(.dtu-commerce-page) .dtu-suggestion-system,
    html body:not(.dtu-commerce-page) .dtu-free-hub,
    html body:not(.dtu-commerce-page) .dtu-growth-discovery {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    html body:not(.dtu-commerce-page) .topbar,
    html body:not(.dtu-commerce-page) .dtu-global-top-nav,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) #wp--skip-link--target .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) main .entry-content,
    html body:not(.dtu-commerce-page) footer,
    html body:not(.dtu-commerce-page) .site-footer,
    html body:not(.dtu-commerce-page) .wp-site-blocks > footer,
    html body.dtu-library-page .dtx-header,
    html body.dtu-library-page .dtx-main,
    html body.dtu-library-page .dtx-footer {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body .dtx-header.dtx-mobile-only {
        left: 50% !important;
        right: auto !important;
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer,
    html body.dtu-commerce-page footer,
    html body.dtu-commerce-page .site-footer,
    html body.dtu-commerce-page .wp-site-blocks > footer,
    html body:not(.dtu-commerce-page) .home-page,
    html body:not(.dtu-commerce-page) .mockup-page,
    html body:not(.dtu-commerce-page) .shell.mockup-page,
    html body:not(.dtu-commerce-page) .dtu-detail-shell,
    html body:not(.dtu-commerce-page) .dtu-suggestion-system,
    html body:not(.dtu-commerce-page) .dtu-free-hub,
    html body:not(.dtu-commerce-page) .dtu-growth-discovery {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    html body:not(.dtu-commerce-page) .topbar,
    html body:not(.dtu-commerce-page) .dtu-global-top-nav,
    html body:not(.dtu-commerce-page) main .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) #wp--skip-link--target .entry-content.wp-block-post-content,
    html body:not(.dtu-commerce-page) main .entry-content,
    html body:not(.dtu-commerce-page) footer,
    html body:not(.dtu-commerce-page) .site-footer,
    html body:not(.dtu-commerce-page) .wp-site-blocks > footer,
    html body.dtu-library-page .dtx-header,
    html body.dtu-library-page .dtx-main,
    html body.dtu-library-page .dtx-footer {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* One obvious next step per catalogue card. */
.dtu-card-journey-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 12px 12px;
    padding: 0 12px;
    border: 1px solid rgba(53, 200, 255, .6);
    border-radius: 10px;
    background: #35c8ff;
    color: #071722;
    font-size: .88rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}

.dtu-card-journey-action:hover,
.dtu-card-journey-action:focus-visible { background: #f5c65a; border-color: #f5c65a; color: #121b23; }

/* The player navigation is the single orientation bar on detail pages. */
.dtu-player-nav { scroll-margin-top: 18px; }
.dtu-player-nav br { display: none !important; }
.dtu-player-nav__button--primary { box-shadow: 0 0 0 2px rgba(245, 198, 90, .16); }

/* Device-specific content journey: compact desktop, touch-friendly tablet,
   and a single dominant next step on phones. */
@media (min-width: 1025px) {
    .dtu-player-nav {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 10px !important;
        align-items: stretch;
    }
    .dtu-player-nav__button {
        box-sizing: border-box;
        min-height: 50px;
        width: 100%;
        white-space: normal;
    }
    .dtu-player-nav a:nth-of-type(1) { grid-column: 1; grid-row: 1; }
    .dtu-player-nav a:nth-of-type(2) { grid-column: 2; grid-row: 1; }
    .dtu-player-nav a:nth-of-type(3) { grid-column: 3; grid-row: 1; }
    .dtu-player-nav a:nth-of-type(4) { grid-column: 4; grid-row: 1; }
    .dtu-player-nav a:nth-of-type(5) { grid-column: 5; grid-row: 1; }
    .dtu-funnel-strip { align-items: center; }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .dtu-player-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .dtu-player-nav__button { min-height: 52px; }
    .dtu-player-nav__button--primary {
        grid-column: 1 / -1;
        order: -1;
        min-height: 58px;
    }
    .dtu-funnel-strip nav a { min-height: 48px; }
}

@media (max-width: 640px) {
    .dtu-player-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 10px !important;
    }
    .dtu-player-nav__button {
        min-height: 48px !important;
        padding: 10px 8px !important;
        font-size: .82rem !important;
    }
    .dtu-player-nav__button--primary {
        grid-column: 1 / -1;
        order: -1;
        min-height: 56px !important;
        font-size: .92rem !important;
    }
    .dtu-funnel-strip nav a {
        width: 100%;
        min-height: 48px;
    }
}

/* Phones held sideways have a wide CSS viewport; treat them as phones, not tablets. */
@media (max-height: 560px) and (orientation: landscape) {
    body:not(.dtu-commerce-page) .dtu-free-hub {
        width: min(calc(100% - 24px), 900px) !important;
        margin-top: 12px !important;
        gap: 16px !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__nav,
    body:not(.dtu-commerce-page) .dtu-free-hub__hero p,
    body:not(.dtu-commerce-page) .dtu-free-hub__proof,
    body:not(.dtu-commerce-page) .dtu-free-adband,
    body:not(.dtu-commerce-page) .dtu-free-sponsor-grid,
    body:not(.dtu-commerce-page) .dtu-free-inline-promo {
        display: none !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__hero {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 20px !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub h1 {
        max-width: 18ch !important;
        font-size: clamp(2rem, 6vw, 3rem) !important;
        line-height: 1.02 !important;
    }

    body:not(.dtu-commerce-page) .dtu-free-hub__actions {
        margin-top: 14px !important;
    }

    .trp-language-switcher.trp-floating-switcher {
        position: fixed !important;
        right: 12px !important;
        bottom: 12px !important;
        left: auto !important;
        z-index: 1001 !important;
        transform: scale(.82) !important;
        transform-origin: bottom right !important;
    }
}

/* One mobile/tablet access route: preview first, account second. */
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-upgrade-flow,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-social-auth,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-quick-choice,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-mini,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-proof,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .seo-geo-block,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-packaging-offers,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-geo-answer-block {
    display: none !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-stage {
    width: min(calc(100% - 32px), 1120px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
    gap: clamp(16px, 2.4vw, 28px) !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero {
    min-height: 380px !important;
    aspect-ratio: auto !important;
    padding: clamp(24px, 4vw, 46px) !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero h1 {
    max-width: 12ch !important;
    font-size: clamp(2.5rem, 5vw, 4.8rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero p {
    max-width: 44ch !important;
    margin-bottom: 22px !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-side {
    display: contents !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel {
    grid-column: 1 / -1 !important;
    width: min(100%, 640px) !important;
    margin: 0 auto !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary {
    margin: 0 !important;
    align-self: stretch !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel h2,
body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary h2 {
    font-size: clamp(1.7rem, 3vw, 2.4rem) !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel .dtu-auth-note {
    margin-top: 8px !important;
}

body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel [name="marketing_opt_in"] {
    margin-top: 2px;
}

.trp-language-switcher.trp-floating-switcher,
.locale-switcher {
    display: none !important;
}

.dtu-mobile-language {
    display: block;
    position: relative;
    z-index: 1200;
    margin-left: auto;
}

.dtu-mobile-language > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(5, 14, 23, .86);
    color: #fff;
    font-size: 1.15rem;
    cursor: pointer;
}

.dtu-mobile-language > div {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: min(220px, calc(100vw - 28px));
    padding: 8px;
    border: 1px solid rgba(107, 224, 255, .26);
    border-radius: 14px;
    background: #0b1721;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
}

.dtu-mobile-language > div[hidden] {
    display: none !important;
}

.dtu-mobile-language a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 9px;
    color: #f7fbff;
    text-decoration: none;
    font-weight: 800;
}

.dtu-mobile-language a:hover,
.dtu-mobile-language a:focus-visible {
    background: rgba(83, 218, 255, .14);
    outline: none;
}

/* Production showcase: both halves must remain readable at desktop widths. */
body:not(.dtu-commerce-page) .dtu-production-showcase,
body:not(.dtu-commerce-page) .dtu-production-showcase__hero {
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 42px 0 42px calc(50% - 50vw) !important;
    padding: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__hero {
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__visual,
body:not(.dtu-commerce-page) .dtu-production-showcase__copy {
    min-width: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__copy {
    padding: clamp(24px, 3vw, 42px) !important;
    overflow: visible !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase h2,
body:not(.dtu-commerce-page) .dtu-production-showcase p,
body:not(.dtu-commerce-page) .dtu-production-showcase__actions {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__actions a {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
}

/* The three discovery cards are navigation, not a clipped carousel on desktop. */
body:not(.dtu-commerce-page) .dtu-production-showcase__shelf {
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__shelf a {
    min-width: 0 !important;
    min-height: 88px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-color: rgba(123, 211, 242, .22) !important;
    background: linear-gradient(145deg, rgba(19, 39, 55, .96), rgba(10, 25, 37, .98)) !important;
    box-shadow: none !important;
    color: #f4f9fc !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__shelf strong {
    margin-bottom: 5px !important;
    font-size: 1rem !important;
    line-height: 1.15 !important;
    color: #f7fbff !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__shelf span {
    display: block !important;
    line-height: 1.35 !important;
    color: rgba(216, 232, 242, .74) !important;
}

body:not(.dtu-commerce-page) .dtu-production-showcase__shelf a:hover,
body:not(.dtu-commerce-page) .dtu-production-showcase__shelf a:focus-visible {
    border-color: rgba(104, 218, 255, .58) !important;
    background: linear-gradient(145deg, rgba(27, 61, 81, .98), rgba(10, 32, 47, .98)) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    outline: none !important;
}

@media (min-width: 901px) {
    body:not(.dtu-commerce-page) .dtu-production-showcase__shelf {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body:not(.dtu-commerce-page) .dtu-production-showcase__shelf a {
        display: grid !important;
        align-content: center !important;
        padding: 16px 18px !important;
    }
}

/* A two-column showcase needs genuine room.  On ordinary laptop screens the
   vertical composition is clearer than a cramped, clipped text column. */
@media (max-width: 1500px) {
    body:not(.dtu-commerce-page) .dtu-production-showcase__hero {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-production-showcase__visual {
        min-height: 260px !important;
    }
}

@media (max-width: 900px) {
    body:not(.dtu-commerce-page) .dtu-production-showcase__shelf {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        padding: 0 0 6px !important;
        scroll-snap-type: x mandatory;
    }

    body:not(.dtu-commerce-page) .dtu-production-showcase__shelf a {
        flex: 0 0 min(78vw, 310px) !important;
        padding: 16px !important;
        scroll-snap-align: start;
    }
}

@media (max-width: 1024px) {
    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .topbar .legal-nav {
        display: none !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .topbar {
        display: flex !important;
        align-items: center !important;
        min-height: 64px !important;
        padding: 10px 16px !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .brand-copy span {
        display: none !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-stage {
        width: min(calc(100% - 28px), 720px) !important;
        grid-template-columns: 1fr !important;
        margin-top: 14px !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero {
        min-height: 0 !important;
        padding: 26px 22px !important;
        background-position: center !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-access-hero h1 {
        max-width: 13ch !important;
        font-size: clamp(2.35rem, 11vw, 3.7rem) !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .hero-actions,
    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .hero-actions .btn {
        width: 100% !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-login-panel-primary,
    body.dtu-access-single-path:not(.dtu-commerce-page) .dtu-access-page .dtu-register-panel {
        grid-column: auto !important;
        width: 100% !important;
        padding: 22px !important;
        box-sizing: border-box !important;
    }
}

/* Casting / Mitmachen page normalization. */
body:not(.dtu-commerce-page) .entry-content .dtu-casting-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-page {
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 38px) 0 clamp(42px, 6vw, 84px) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(54, 205, 255, .12), transparent 32%),
        linear-gradient(135deg, #061018 0%, #0a1622 48%, #03070d 100%) !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

body.dtu-has-casting-page {
    background: #03070d !important;
}

body:not(.dtu-commerce-page) .dtu-casting-shell {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), 1320px) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    gap: clamp(20px, 3vw, 34px) !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-casting-hero {
    grid-template-columns: minmax(0, .98fr) minmax(360px, .58fr) !important;
    gap: clamp(18px, 2.4vw, 28px) !important;
    align-items: stretch !important;
}

body:not(.dtu-commerce-page) .dtu-casting-card,
body:not(.dtu-commerce-page) .dtu-casting-benefit,
body:not(.dtu-commerce-page) .dtu-casting-note,
body:not(.dtu-commerce-page) .dtu-casting-check {
    border-radius: 8px !important;
}

body:not(.dtu-commerce-page) .dtu-casting-card {
    background:
        linear-gradient(180deg, rgba(18, 31, 44, .94), rgba(6, 11, 18, .98)) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, .30) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-copy {
    padding: clamp(26px, 3.5vw, 46px) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-eyebrow {
    margin-bottom: 12px !important;
    letter-spacing: .12em !important;
}

body:not(.dtu-commerce-page) .dtu-casting-copy h1 {
    max-width: 13ch !important;
    margin: 0 0 16px !important;
    color: #f5f8ff !important;
    font-size: clamp(2.45rem, 4.2vw, 4.8rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
}

body:not(.dtu-commerce-page) .dtu-casting-copy p {
    max-width: 58ch !important;
    color: #c8d6e2 !important;
    font-size: clamp(.98rem, 1.05vw, 1.1rem) !important;
    line-height: 1.68 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-pills {
    margin-top: 20px !important;
}

body:not(.dtu-commerce-page) .dtu-casting-pill {
    border-radius: 999px !important;
    padding: 9px 12px !important;
    font-size: .88rem !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side {
    position: relative !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    min-height: 100% !important;
    background: linear-gradient(180deg, rgba(7, 13, 20, .88), rgba(7, 13, 20, .98)) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(460px, 44vw, 620px) !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    display: block !important;
    opacity: .82 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(3, 7, 13, .12) 0%, rgba(3, 7, 13, .86) 74%, rgba(3, 7, 13, .96) 100%),
        radial-gradient(circle at 22% 14%, rgba(54, 205, 255, .22), transparent 34%) !important;
    pointer-events: none !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side h2 {
    position: relative !important;
    z-index: 1 !important;
    margin: 2px 0 0 !important;
    max-width: 16ch !important;
    font-size: clamp(1.45rem, 2vw, 2.15rem) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    padding: 0 clamp(22px, 2.4vw, 30px) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side p {
    position: relative !important;
    z-index: 1 !important;
    max-width: 44ch !important;
    font-size: .98rem !important;
    line-height: 1.6 !important;
    padding: 0 clamp(22px, 2.4vw, 30px) clamp(22px, 2.4vw, 30px) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-side .dtu-casting-eyebrow {
    position: relative !important;
    z-index: 1 !important;
    margin-top: calc(clamp(460px, 44vw, 620px) * -0.42) !important;
    padding: 0 clamp(22px, 2.4vw, 30px) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-benefits {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-casting-benefit {
    min-height: 142px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-casting-benefit h3 {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-benefit p {
    font-size: .95rem !important;
    line-height: 1.55 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-form-panel {
    padding: clamp(22px, 3vw, 38px) !important;
}

body:not(.dtu-commerce-page) .dtu-casting-form-head {
    grid-template-columns: minmax(0, .9fr) minmax(280px, .42fr) !important;
    gap: 22px !important;
    align-items: end !important;
}

body:not(.dtu-commerce-page) .dtu-casting-form-head h2 {
    max-width: 16ch !important;
    margin: 8px 0 10px !important;
    font-size: clamp(1.9rem, 3vw, 3.35rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-form-head p {
    max-width: 54ch !important;
    font-size: .98rem !important;
    line-height: 1.65 !important;
}

body:not(.dtu-commerce-page) .dtu-casting-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body:not(.dtu-commerce-page) .dtu-casting-field {
    min-width: 0 !important;
    font-size: .88rem !important;
}

body:not(.dtu-commerce-page) .dtu-casting-field input,
body:not(.dtu-commerce-page) .dtu-casting-field select,
body:not(.dtu-commerce-page) .dtu-casting-field textarea {
    min-width: 0 !important;
    border-radius: 8px !important;
    padding: 12px 13px !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-casting-field textarea {
    min-height: 98px !important;
}

body:not(.dtu-commerce-page) .dtu-casting-submit {
    border-radius: 999px !important;
    padding: 14px 22px !important;
}

@media (max-width: 1100px) {
    body:not(.dtu-commerce-page) .dtu-casting-hero,
    body:not(.dtu-commerce-page) .dtu-casting-form-head {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-copy h1 {
        max-width: 14ch !important;
    }
}

@media (max-width: 720px) {
    body:not(.dtu-commerce-page) .dtu-casting-page {
        padding-top: 16px !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-copy,
    body:not(.dtu-commerce-page) .dtu-casting-form-panel {
        padding: 20px !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-copy h1 {
        font-size: clamp(2.15rem, 10vw, 3.25rem) !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-grid,
    body:not(.dtu-commerce-page) .dtu-casting-benefits {
        grid-template-columns: 1fr !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-field.is-full {
        grid-column: auto !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-side img {
        min-height: 360px !important;
    }

    body:not(.dtu-commerce-page) .dtu-casting-side .dtu-casting-eyebrow {
        margin-top: -150px !important;
    }
}

/* Final typography cap across old inline page templates. */
body:not(.wp-admin) :where(
    .entry-content h1,
    main h1,
    .wp-block-post-title,
    .hostinger-ai-page-title,
    .mockup-page h1,
    .home-page h1,
    .hero h1,
    .hero-copy h1,
    .dtu-access-hero h1,
    .dtu-casting-copy h1,
    .dtu-commerce-hero h1,
    .dtu-account-hero h1,
    .dtu-detail-shell h1
) {
    max-width: 16ch !important;
    font-size: clamp(2.05rem, 3.2vw, 3.55rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    text-wrap: balance;
}

body:not(.wp-admin) :where(
    .entry-content h2,
    main h2,
    .mockup-page h2,
    .home-page h2,
    .section-heading h2,
    .dtu-auth-card h2,
    .dtu-casting-form-head h2,
    .dtu-casting-side h2,
    .dtu-packaging-offers__head h2,
    .dtu-geo-answer-head h2,
    .dtu-empty-cart-panel h2,
    .cart_totals h2,
    .dtu-detail-shell h2
) {
    max-width: 22ch !important;
    font-size: clamp(1.55rem, 2.35vw, 2.55rem) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body:not(.wp-admin) :where(
    .entry-content h3,
    main h3,
    .mockup-page h3,
    .home-page h3,
    .panel h3,
    .mockup-feature-card h3,
    .mockup-rail-card h3,
    .mockup-price-card h3,
    .dtu-casting-benefit h3,
    .dtu-account-card strong
) {
    font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

body:not(.wp-admin) :where(
    .price,
    .mockup-price-card .price,
    .dtu-plan-price
) {
    font-size: clamp(1.05rem, 1.6vw, 1.65rem) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

body:not(.wp-admin) :where(
    .entry-content p,
    main p,
    .mockup-page p,
    .home-page p,
    .dtu-access-hero p,
    .dtu-casting-copy p,
    .dtu-casting-side p,
    .dtu-casting-form-head p,
    .dtu-commerce-hero p,
    .dtu-account-hero p
) {
    font-size: clamp(.95rem, 1vw, 1.08rem) !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
}

body:not(.wp-admin) :where(.eyebrow, .dtu-section-kicker, .dtu-account-eyebrow, .dtu-casting-eyebrow) {
    letter-spacing: .08em !important;
}

@media (max-width: 720px) {
    body:not(.wp-admin) :where(
        .entry-content h1,
        main h1,
        .wp-block-post-title,
        .hostinger-ai-page-title,
        .mockup-page h1,
        .home-page h1,
        .hero h1,
        .hero-copy h1,
        .dtu-access-hero h1,
        .dtu-casting-copy h1,
        .dtu-commerce-hero h1,
        .dtu-account-hero h1,
        .dtu-detail-shell h1
    ) {
        max-width: 14ch !important;
        font-size: clamp(1.9rem, 8vw, 2.85rem) !important;
        line-height: 1.1 !important;
    }

    body:not(.wp-admin) :where(
        .entry-content h2,
        main h2,
        .mockup-page h2,
        .home-page h2,
        .section-heading h2,
        .dtu-auth-card h2,
        .dtu-casting-form-head h2,
        .dtu-casting-side h2,
        .dtu-packaging-offers__head h2,
        .dtu-geo-answer-head h2,
        .dtu-empty-cart-panel h2,
        .cart_totals h2,
        .dtu-detail-shell h2
    ) {
        font-size: clamp(1.45rem, 6vw, 2.05rem) !important;
        line-height: 1.15 !important;
    }
}

@media (max-width: 720px) {
    .dtu-image-lightbox {
        padding: 10px;
    }

    .dtu-image-lightbox__panel {
        width: 100%;
        border-radius: 22px;
    }

    .dtu-image-lightbox__media {
        max-height: calc(92vh - 150px);
    }

    .dtu-image-lightbox__caption {
        padding: 16px;
    }
}

body.single-dtu_image_series .dtu-detail-shell :where(.dtu-image-chapter-flow, .dtu-detail-grid) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

body.single-dtu_image_series .dtu-detail-shell :where(.panel, .dtu-locked-panel, .dtu-locked-card, .dtu-unlock-panel, .dtu-paywall-card, .dtu-paywall, .dtu-locked-content) {
    min-width: min(100%, 300px) !important;
    max-width: 100% !important;
}

body.single-dtu_image_series .dtu-detail-shell :where(.panel *, .dtu-locked-panel *, .dtu-locked-card *, .dtu-unlock-panel *, .dtu-paywall-card *, .dtu-paywall *, .dtu-locked-content *) {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.single-dtu_image_series .dtu-detail-shell :where(.dtu-locked-btn, .dtu-unlock-btn, .dtu-paywall-card a, .dtu-locked-panel a, .dtu-unlock-panel a) {
    display: inline-flex !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
}

body.single-dtu_image_series .dtu-detail-shell .dtu-ppv-inline-offer,
body.single-dtu_image_series .dtu-image-chapter-flow .dtu-ppv-inline-offer,
body.single-dtu_image_series .dtu-detail-grid .dtu-ppv-inline-offer,
body.single-dtu_image_series .dtu-story-grid .dtu-ppv-inline-offer {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: min(100%, 640px) !important;
    margin: 0 0 clamp(18px, 2.4vw, 28px) !important;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 360px) !important;
}

body.single-dtu_image_series .dtu-detail-shell .dtu-ppv-inline-offer :where(h2, p, span, strong, small, a),
body.single-dtu_image_series .dtu-image-chapter-flow .dtu-ppv-inline-offer :where(h2, p, span, strong, small, a),
body.single-dtu_image_series .dtu-detail-grid .dtu-ppv-inline-offer :where(h2, p, span, strong, small, a) {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

@media (max-width: 1024px) {
    body.single-dtu_image_series .dtu-story-dossier > .dtu-ppv-inline-offer,
    body.single-dtu_image_series .dtu-story-grid .dtu-ppv-inline-offer {
        grid-template-columns: 1fr !important;
        min-width: 0 !important;
    }
}

body:not(.dtu-commerce-page) .dtu-minute-meter {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-page-max)) !important;
    max-width: var(--dtu-page-max) !important;
    margin: 18px auto 12px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(54, 205, 255, .28) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(12, 38, 54, .96), rgba(5, 9, 15, .98)) !important;
    color: #edf8fc !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .24) !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter strong {
    color: #7de8ff !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter span {
    color: #c9d7e3 !important;
    font-size: .92rem !important;
    line-height: 1.35 !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter em {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    background: #36cdff !important;
    color: #031019 !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    color: #c9d7e3 !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    background: rgba(255, 255, 255, .055) !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter.is-running small {
    border-color: rgba(54, 205, 255, .42) !important;
    color: #06131b !important;
    background: #7de8ff !important;
}

body:not(.dtu-commerce-page) .dtu-minute-meter.is-empty {
    border-color: rgba(255, 198, 109, .36) !important;
}

@media (max-width: 720px) {
    body:not(.dtu-commerce-page) .dtu-minute-meter {
        width: min(calc(100% - 20px), 100%) !important;
        grid-template-columns: 1fr auto !important;
    }

    body:not(.dtu-commerce-page) .dtu-minute-meter span {
        grid-column: 1 / -1 !important;
        order: 3 !important;
    }

    body:not(.dtu-commerce-page) .dtu-minute-meter small {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        order: 4 !important;
    }
}
.dtu-personal-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;max-width:1180px;margin:18px auto;padding:18px 22px;border:1px solid rgba(145,214,255,.22);border-radius:18px;background:rgba(8,21,34,.84);color:#edf7ff}.dtu-personal-detail>div:first-child>span{display:block;color:#8feaff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dtu-personal-detail>div:first-child>strong{display:block;margin-top:4px;font-size:1.05rem}.dtu-personal-detail__actions{display:flex;flex-wrap:wrap;gap:8px}.dtu-personal-detail button{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:9px 14px;background:transparent;color:#f4f7fb;font:inherit;font-weight:800;cursor:pointer}.dtu-personal-detail button.is-active{background:#f5c65a;color:#101923;border-color:#f5c65a}.dtu-picture-story-detail,.dtu-live-production-detail{grid-column:1/-1;padding-top:4px}.dtu-picture-story-detail h2,.dtu-live-production-detail h2{margin:0 0 6px}.dtu-picture-story-detail p,.dtu-live-production-detail p{margin:0;color:#b9c8d6;line-height:1.55}.dtu-picture-story-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none}.dtu-picture-story-chapters li{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.055)}.dtu-picture-story-chapters b{grid-row:1/3;color:#8feaff}.dtu-picture-story-chapters strong{font-size:.92rem}.dtu-picture-story-chapters span,.dtu-detail-hint{font-size:.84rem;color:#aebdcb}@media(max-width:700px){.dtu-personal-detail{grid-template-columns:1fr;padding:16px}.dtu-picture-story-chapters{grid-template-columns:1fr}.dtu-personal-detail__actions{width:100%}.dtu-personal-detail button{flex:1}}
.dtu-catalog-format-controls{display:flex;flex-wrap:wrap;gap:9px;max-width:1180px;margin:20px auto;padding:0 20px}.dtu-catalog-format-controls a{display:inline-flex;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#dce8f2;text-decoration:none;font-weight:800}.dtu-catalog-format-controls a.is-active{background:#35c8ff;border-color:#35c8ff;color:#06121d}
.dtu-checkout-selection-summary{margin:0 0 20px;padding:18px 20px;border:1px solid rgba(53,200,255,.34);border-radius:18px;background:linear-gradient(135deg,rgba(53,200,255,.13),rgba(9,20,33,.9));color:#eef8ff}.dtu-checkout-selection-summary span{display:block;margin-bottom:7px;color:#8feaff;font-size:.72rem;font-weight:900;letter-spacing:.12em}.dtu-checkout-selection-summary strong{display:block;font-size:1.12rem}.dtu-checkout-selection-summary p{margin:8px 0;color:#c4d3df;line-height:1.5}.dtu-checkout-selection-summary small{color:#8feaff}.dtu-checkout-page .woocommerce-additional-fields{display:none}.dtu-checkout-page .woocommerce-billing-fields h3{margin-bottom:8px}.dtu-checkout-page .woocommerce-billing-fields:before{content:"Nur die Daten für Zugang und Rechnung.";display:block;margin:0 0 16px;color:#9eb2c3;font-size:.9rem}html[lang^="en"] .dtu-checkout-page .woocommerce-billing-fields:before{content:"Only the details needed for access and billing."}html[lang^="es"] .dtu-checkout-page .woocommerce-billing-fields:before{content:"Solo los datos necesarios para acceso y facturación."}html[lang^="fr"] .dtu-checkout-page .woocommerce-billing-fields:before{content:"Uniquement les données nécessaires pour l'accès et la facturation."}@media(max-width:700px){.dtu-checkout-selection-summary{padding:16px}.dtu-checkout-page .woocommerce-billing-fields__field-wrapper{display:grid;gap:4px}}
.preview-thumb{position:relative;overflow:hidden}.dtu-hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .2s ease}.video-card.is-previewing .dtu-hover-preview{opacity:1}.video-card.is-previewing .preview-thumb>img{opacity:0}.dtu-free-preview-button{width:calc(100% - 24px);margin:0 12px 12px;padding:10px 12px;border:1px solid rgba(53,200,255,.55);border-radius:10px;background:rgba(12,29,45,.94);color:#9cecff;font:inherit;font-size:.86rem;font-weight:900;cursor:pointer}.dtu-free-preview-button:hover,.dtu-free-preview-button:focus{background:#35c8ff;color:#06121d;border-color:#35c8ff}.video-card.is-previewing .dtu-free-preview-button{background:#35c8ff;color:#06121d}
.dtu-free-story-path{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.45fr);gap:22px;width:min(1180px,calc(100% - 40px));margin:22px auto 34px;padding:clamp(22px,3.2vw,38px);box-sizing:border-box;border:1px solid rgba(92,217,255,.28);border-radius:22px;background:radial-gradient(circle at 85% 12%,rgba(53,200,255,.18),transparent 30%),linear-gradient(135deg,#07131f,#111e2b);color:#f4f9fd}.dtu-free-story-path__head>span,.dtu-free-story-path__offers>section>span{display:block;color:#89e6ff;font-size:.73rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dtu-free-story-path h2{margin:8px 0 10px;color:#fff;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}.dtu-free-story-path p{margin:0;color:#c5d4df;line-height:1.55}.dtu-free-story-path__offers{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:12px}.dtu-free-story-path__offers>section{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.045)}.dtu-free-story-path__offers>section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.dtu-free-story-path__offers a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0a1824;color:#eef9ff;text-decoration:none}.dtu-free-story-path__offers a:hover,.dtu-free-story-path__offers a:focus{border-color:#51d8ff;background:#10293a}.dtu-free-story-path__offers a b{margin:5px 0;color:#fff;font-size:1.18rem}.dtu-free-story-path__offers a small{color:#9fc2d3;font-size:.72rem;line-height:1.25}.dtu-free-story-path__offers a em{margin-top:11px;color:#80e5ff;font-size:.78rem;font-style:normal;font-weight:900}.dtu-free-story-path__flat{border-color:rgba(247,198,92,.5)!important;background:linear-gradient(145deg,rgba(83,62,22,.62),rgba(13,25,35,.96))!important}.dtu-free-story-path__flat h3{margin:9px 0 8px;color:#fff;font-size:1.4rem}.dtu-free-story-path__flat del{color:#b9c5cc;font-size:.8rem}.dtu-free-story-path__flat strong{color:#ffd66d;font-size:1.55rem}.dtu-free-story-path__flat small{display:block;margin:10px 0;color:#ffe4a0;font-size:.78rem;line-height:1.35}.dtu-free-story-path__flat>a{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;background:#f6c55d;color:#101923;font-weight:900}.dtu-free-preview-ending{width:min(980px,calc(100% - 40px));margin:0 auto 28px;padding:22px;box-sizing:border-box;border:1px solid rgba(247,198,92,.38);border-radius:18px;background:linear-gradient(130deg,#1c1820,#0b1a26);color:#f5f8fb}.dtu-free-preview-ending strong{display:block;font-size:1.3rem;color:#fff}.dtu-free-preview-ending p{margin:7px 0 16px;color:#cbd7df;line-height:1.5}.dtu-free-preview-ending div{display:flex;flex-wrap:wrap;gap:9px}.dtu-free-preview-ending a{display:inline-flex;padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#eff8ff;text-decoration:none;font-weight:900}.dtu-free-preview-ending a:first-child{background:#38cdfb;border-color:#38cdfb;color:#06131d}@media(max-width:900px){.dtu-free-story-path{grid-template-columns:1fr}.dtu-free-story-path__offers{grid-template-columns:1fr}}@media(max-width:560px){.dtu-free-story-path,.dtu-free-preview-ending{width:calc(100% - 24px);padding:18px}.dtu-free-story-path__offers>section>div{grid-template-columns:1fr}.dtu-free-story-path__offers a{display:grid;grid-template-columns:1fr auto;align-items:center}.dtu-free-story-path__offers a small{grid-column:1/-1}.dtu-free-story-path__offers a em{margin-top:0;grid-column:2;grid-row:1}}
.dtu-detail-package-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.dtu-detail-package-choices a{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(5,19,30,.82);color:#eff8ff;text-decoration:none}.dtu-detail-package-choices a:hover,.dtu-detail-package-choices a:focus{border-color:#58d9ff;background:#102a3d}.dtu-detail-package-choices b{font-size:1.05rem}.dtu-detail-package-choices small{color:#94bacc;font-size:.72rem}@media(max-width:560px){.dtu-detail-package-choices{grid-template-columns:1fr}.dtu-detail-package-choices a{display:grid;grid-template-columns:1fr auto;align-items:center}.dtu-detail-package-choices small{grid-column:1/-1}}
body.dtu-free-hub-page .dtu-free-legacy-content{display:none!important}

/* Card labels occupy fixed, separate zones so image metadata never overlaps. */
body:not(.dtu-commerce-page) .video-card .preview-badge{top:10px!important;left:10px!important;right:auto!important;max-width:calc(100% - 126px)!important;min-height:26px!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:not(.dtu-commerce-page) .video-card .preview-new-badge{top:46px!important;left:10px!important;right:auto!important;max-width:calc(100% - 20px)!important;min-height:26px!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:not(.dtu-commerce-page) .video-card .preview-date{top:10px!important;right:10px!important;left:auto!important;max-width:108px!important;min-height:26px!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:640px){body:not(.dtu-commerce-page) .video-card .preview-badge{max-width:calc(100% - 116px)!important}body:not(.dtu-commerce-page) .video-card .preview-date{max-width:96px!important;font-size:.7rem!important}}

@media (max-width:1024px){
    html.dtu-tablet-player-open{overflow:hidden!important}
    body.dtu-free-hub-page .dtu-free-featured-preview__media{display:none!important}
    body.dtu-free-hub-page .dtu-free-featured-preview{min-height:0!important}
    body.dtu-free-hub-page .dtu-free-featured-preview__copy{max-width:640px!important}
    .dtu-tablet-player[hidden]{display:none!important}
    .dtu-tablet-player{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,42px);box-sizing:border-box}
    .dtu-tablet-player__backdrop{position:absolute;inset:0;background:rgba(2,9,15,.82);backdrop-filter:blur(7px)}
    .dtu-tablet-player__window{position:relative;z-index:1;width:min(100%,860px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(114,224,255,.46);border-radius:18px;background:#07131e;box-shadow:0 28px 80px rgba(0,0,0,.58)}
    .dtu-tablet-player__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px 13px;color:#f5f9fc}
    .dtu-tablet-player__head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
    .dtu-tablet-player__head button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.06);color:#f4f8fb;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer}
    .dtu-tablet-player__head button:hover,.dtu-tablet-player__head button:focus{border-color:#55d9ff;background:rgba(85,217,255,.16);outline:none}
    .dtu-tablet-player__head button:first-letter{font-size:1.25rem;line-height:.7}
    .dtu-tablet-player__window video{display:block;width:100%;max-height:calc(100vh - 132px);background:#000;object-fit:contain}
    body.dtu-free-hub-page .video-card .dtu-free-preview-button{min-height:46px;font-size:.92rem}
}
@media (max-width:640px){
    .dtu-tablet-player{padding:12px!important}
    .dtu-tablet-player__window{max-height:calc(100vh - 24px)!important;border-radius:14px!important}
    .dtu-tablet-player__head{padding:12px!important}
    .dtu-tablet-player__head button span{display:none}
    .dtu-tablet-player__head button{min-width:42px!important;justify-content:center!important;padding:8px!important}
    .dtu-tablet-player__window video{max-height:calc(100vh - 94px)!important}
}
.dtu-confirmed-pricing{width:min(1180px,calc(100% - 40px));margin:28px auto 44px;padding:clamp(22px,4vw,46px);box-sizing:border-box;border:1px solid rgba(118,217,255,.24);border-radius:24px;background:radial-gradient(circle at 90% 8%,rgba(53,200,255,.19),transparent 30%),linear-gradient(135deg,#07121e,#111c29 62%,#0a1018);color:#f5f9fd;box-shadow:0 22px 80px rgba(0,0,0,.32)}.dtu-confirmed-pricing header{max-width:720px;margin-bottom:26px}.dtu-confirmed-pricing header>span,.dtu-confirmed-pricing article>span{display:block;color:#86e5ff;font-size:.73rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dtu-confirmed-pricing h1{margin:8px 0 10px;color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1}.dtu-confirmed-pricing header p,.dtu-confirmed-pricing article p{margin:0;color:#c5d4df;line-height:1.55}.dtu-confirmed-pricing__grid{display:grid;grid-template-columns:.74fr 1.35fr 1fr;gap:14px}.dtu-confirmed-pricing article{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.045)}.dtu-confirmed-pricing article>strong,.dtu-confirmed-pricing article h2{margin:12px 0 5px;color:#fff;font-size:1.35rem}.dtu-confirmed-pricing__free>b{display:block;margin:8px 0 12px;color:#8ceaff;font-size:2rem}.dtu-confirmed-pricing a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}.dtu-confirmed-pricing__free>a,.dtu-confirmed-pricing__flat>a{margin-top:auto;padding:12px 14px;border-radius:10px;background:#38cdfb;color:#06131d}.dtu-confirmed-pricing__packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.dtu-confirmed-pricing__packs a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:126px;padding:13px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:#0b1825;color:#eaf7ff}.dtu-confirmed-pricing__packs a:hover,.dtu-confirmed-pricing__packs a:focus{border-color:#52d7ff;background:#10283a}.dtu-confirmed-pricing__packs b{font-size:1.25rem;color:#fff}.dtu-confirmed-pricing__packs small{color:#9fc0d1;font-size:.74rem;line-height:1.25}.dtu-confirmed-pricing__packs em{margin-top:auto;color:#78e2ff;font-size:.78rem;font-style:normal}.dtu-confirmed-pricing__flat{border-color:rgba(247,198,92,.5)!important;background:linear-gradient(145deg,rgba(93,67,20,.48),rgba(14,25,35,.94))!important}.dtu-confirmed-pricing__flat>div{display:flex;align-items:baseline;gap:8px;margin:12px 0}.dtu-confirmed-pricing__flat del{color:#b5bfc7;font-size:.85rem}.dtu-confirmed-pricing__flat>div strong{color:#ffd46d;font-size:2rem}.dtu-confirmed-pricing__flat>div em{color:#d9e4ea;font-style:normal}.dtu-confirmed-pricing__flat small{display:block;margin:14px 0;color:#ffe2a0;font-size:.85rem;line-height:1.4}.dtu-confirmed-pricing-page .dtu-membership-guide,.dtu-confirmed-pricing-page .dtu-packaging-offers{display:none!important}@media(max-width:900px){.dtu-confirmed-pricing__grid{grid-template-columns:1fr}.dtu-confirmed-pricing__packs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.dtu-confirmed-pricing{width:calc(100% - 24px);padding:20px 16px;border-radius:18px}.dtu-confirmed-pricing__packs{grid-template-columns:1fr}.dtu-confirmed-pricing__packs a{min-height:0;display:grid;grid-template-columns:1fr auto;align-items:center}.dtu-confirmed-pricing__packs small{grid-column:1/-1}.dtu-confirmed-pricing__packs em{margin-top:0;grid-column:2;grid-row:1}}
.dtu-confirmed-pricing .dtu-confirmed-pricing__note{margin-top:10px!important;padding:10px 12px!important;border:1px solid rgba(255,198,109,.28)!important;border-radius:10px!important;background:rgba(255,198,109,.08)!important;color:#ffe8ad!important;font-size:.86rem!important;line-height:1.45!important}
.dtu-confirmed-pricing-page .dtu-membership-legacy-content{display:none!important}
.dtu-minute-pack-logo,.dtu-flat-logo{display:inline-grid!important;place-items:center!important;width:54px!important;height:54px!important;margin-bottom:7px!important;border:1px solid rgba(126,232,255,.45)!important;border-radius:14px!important;background:linear-gradient(145deg,#dff9ff,#7fe8ff 42%,#102334 43%,#081520)!important;color:#06131d!important;box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.34)!important;overflow:hidden!important}.dtu-minute-pack-logo i,.dtu-flat-logo i{display:block!important;font-style:normal!important;font-size:1.25rem!important;font-weight:950!important;line-height:1!important}.dtu-minute-pack-logo small,.dtu-flat-logo small{display:block!important;margin:0!important;color:#aaf0ff!important;font-size:.58rem!important;font-weight:950!important;letter-spacing:.08em!important;line-height:1!important;text-transform:uppercase!important}.dtu-flat-logo{background:linear-gradient(145deg,#ffe8a3,#f4c454 43%,#2a210f 44%,#0f1822)!important;border-color:rgba(255,217,116,.62)!important}.dtu-flat-logo i{color:#101923!important;font-size:1.7rem!important}.dtu-flat-logo small{color:#ffe9ae!important}.dtu-confirmed-pricing__packs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dtu-free-story-path__offers>section>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dtu-detail-package-choices{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dtu-confirmed-pricing__packs a[data-dtu-minute-package="60"],.dtu-confirmed-pricing__packs a[data-dtu-minute-package="120"],.dtu-free-story-path__offers a[data-dtu-funnel-offer="minutes-60"],.dtu-free-story-path__offers a[data-dtu-funnel-offer="minutes-120"],.dtu-detail-package-choices a[data-dtu-detail-package="60"],.dtu-detail-package-choices a[data-dtu-detail-package="120"]{border-color:rgba(126,232,255,.45)!important;background:linear-gradient(155deg,rgba(45,198,255,.18),rgba(8,19,30,.95))!important}@media(max-width:900px){.dtu-confirmed-pricing__packs,.dtu-free-story-path__offers>section>div,.dtu-detail-package-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.dtu-confirmed-pricing__packs,.dtu-free-story-path__offers>section>div,.dtu-detail-package-choices{grid-template-columns:1fr!important}.dtu-minute-pack-logo,.dtu-flat-logo{width:48px!important;height:48px!important;margin-bottom:0!important}}
.dtu-minute-package-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}.dtu-minute-package-strip a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;padding:10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:rgba(7,22,34,.88)!important;color:#eef9ff!important;text-decoration:none!important}.dtu-minute-package-strip strong{color:#fff!important;font-size:.9rem!important}.dtu-minute-package-strip b{color:#8feaff!important;font-size:.95rem!important}.dtu-minute-package-strip em{color:#f4c85f!important;font-size:.72rem!important;font-style:normal!important;font-weight:900!important}@media(max-width:900px){.dtu-minute-package-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.dtu-minute-package-strip{grid-template-columns:1fr!important}.dtu-minute-package-strip a{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important}.dtu-minute-package-strip a b{justify-self:end!important}.dtu-minute-package-strip a em{grid-column:2/-1!important}}
@media(max-width:1024px){body.dtu-free-mobile-first .dtu-free-hub{width:calc(100% - 28px)!important;max-width:720px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}body.dtu-free-mobile-first .dtu-free-hub__hero,body.dtu-free-mobile-first .dtu-free-hub__rail,body.dtu-free-mobile-first .dtu-free-hub__upgrade,body.dtu-free-mobile-first .dtu-free-featured-preview,body.dtu-free-mobile-first .dtu-free-hub__head,body.dtu-free-mobile-first .dtu-free-hub__shelf{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important;box-sizing:border-box!important}body.dtu-free-mobile-first .dtu-funnel-strip{width:calc(100% - 28px)!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr)!important}body.dtu-free-mobile-first .dtu-funnel-strip>*,body.dtu-free-mobile-first .dtu-funnel-strip a{max-width:100%!important;min-width:0!important}}
@media(max-width:1024px){body .wp-site-blocks,body main,body .entry-content,body #wp--skip-link--target{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important;box-sizing:border-box!important}body main :is(.shell,.mockup-page,.home-page,.hero,.section,.panel,.grid,.cards,.video-shelf,.mockup-rail,.dtu-account-cockpit,.dtu-account-live,.dtu-personal-suggestions,.dtu-packaging-offers,.dtu-commerce-hero,.woocommerce,.dtu-detail-shell){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}body main :is(.hero,.section,.grid,.cards,.video-shelf,.mockup-rail,.dtu-account-grid,.dtu-account-live,.dtu-packaging-grid,.dtu-detail-shell){grid-template-columns:minmax(0,1fr)!important}body main img,body main video,body main iframe,body main canvas{max-width:100%!important;height:auto!important}}

@media (min-width:641px) and (max-width:1024px) {
    body:not(.dtu-commerce-page) .dtu-global-top-nav {
        width:calc(100% - 24px)!important;
        max-width:100%!important;
        padding:10px 12px!important;
        gap:10px!important;
        overflow:hidden!important;
    }

    body:not(.dtu-commerce-page) .dtu-global-top-nav__brand {
        flex:0 1 150px!important;
        min-width:0!important;
    }

    body:not(.dtu-commerce-page) .dtu-global-top-nav__brand span {
        display:none!important;
    }

    body:not(.dtu-commerce-page) .dtu-global-top-nav__links {
        flex:1 1 auto!important;
        min-width:0!important;
        justify-content:flex-start!important;
        overflow-x:auto!important;
        scrollbar-width:none!important;
    }

    body:not(.dtu-commerce-page) .dtu-global-top-nav__links::-webkit-scrollbar {
        display:none!important;
    }

    body:not(.dtu-commerce-page) .dtu-global-top-nav__links a {
        flex:0 0 auto!important;
        padding:9px 11px!important;
        font-size:.78rem!important;
        white-space:nowrap!important;
    }
}

/* Stable tablet/mobile card composition for video and image boxes. */
body:not(.dtu-commerce-page) :where(.video-shelf, .mockup-rail-grid, .mockup-feature-grid, .grid.cards, .dtu-free-hub__shelf, .dtu-detail-discovery__shelf, .dtu-personal-suggestions__grid) {
    align-items: stretch !important;
}

@media (min-width: 1025px) {
    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 16px !important;
        overflow-x: visible !important;
        scroll-snap-type: none !important;
    }

    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* Desktop override when a browser/emulator reports a phone viewport inside a
   real desktop window. This prevents the public site from showing the mobile
   shell in a desktop Chrome window. */
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-mobile-nav-toggle,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-mobile-nav-panel,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-mobile-bottom-nav,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-mobile-language {
    display: none !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page),
html.dtu-mode-desktop body:not(.dtu-commerce-page) .wp-site-blocks,
html.dtu-mode-desktop body:not(.dtu-commerce-page) main,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .entry-content,
html.dtu-mode-desktop body:not(.dtu-commerce-page) #wp--skip-link--target {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page) .topbar,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-global-top-nav {
    width: min(calc(100% - (var(--dtu-gutter) * 2)), var(--dtu-chrome-max)) !important;
    max-width: var(--dtu-chrome-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page) .home-page,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .mockup-page,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .shell.mockup-page,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-detail-shell,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-suggestion-system {
    width: min(calc(100% - 40px), 1320px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page) .topbar .legal-nav,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .topbar .topbar-socials {
    display: flex !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page) .home-page .hero,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .mockup-page .hero,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-free-hub__hero,
html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-free-featured-preview {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
}

html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-detail-discovery .video-shelf {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 16px !important;
    overflow-x: visible !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) .dtu-detail-discovery .video-shelf {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 16px !important;
        overflow-x: visible !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) .dtu-detail-discovery .video-shelf {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 14px !important;
        overflow-x: visible !important;
    }
}

body.single-dtu_video:not(.dtu-commerce-page) .entry-content > .dtu-detail-topbar,
body.single-dtu_image_series:not(.dtu-commerce-page) .entry-content > .dtu-detail-topbar {
    display: none !important;
}

body:not(.dtu-commerce-page) :where(.video-card, .preview-card, .mockup-rail-card, .mockup-feature-card, .dtu-personal-suggestions article) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) :where(.video-card, .preview-card) > a,
body:not(.dtu-commerce-page) :where(.mockup-rail-card, .mockup-feature-card) > a {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

body:not(.dtu-commerce-page) :where(.video-card, .preview-card) .preview-launch {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

body:not(.dtu-commerce-page) :where(.preview-thumb, .mockup-rail-card > img, .mockup-feature-card > img, .mockup-rail-card picture, .mockup-feature-card picture, .dtu-card-media) {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
    background: #050b12 !important;
}

body:not(.dtu-commerce-page) :where(.preview-thumb img, .preview-thumb video, .mockup-rail-card > img, .mockup-feature-card > img, .mockup-rail-card picture > img, .mockup-feature-card picture > img, .dtu-card-media img) {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
}

body:not(.dtu-commerce-page) :where(.preview-gradient, .preview-badge, .preview-new-badge, .preview-date, .preview-play) {
    position: absolute !important;
    z-index: 2 !important;
}

body:not(.dtu-commerce-page) :where(.preview-copy) {
    position: static !important;
    display: grid !important;
    gap: 7px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

body:not(.dtu-commerce-page) :where(.preview-copy, .mockup-rail-card, .mockup-feature-card) :where(.eyebrow, h2, h3, strong, p, span, em, small, i) {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    letter-spacing: 0 !important;
}

body:not(.dtu-commerce-page) :where(.preview-copy > .eyebrow, .mockup-rail-card > span, .mockup-feature-card > span) {
    color: #83e8ff !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body:not(.dtu-commerce-page) :where(.preview-copy > strong, .mockup-rail-card h3, .mockup-feature-card h3) {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(1.02rem, 1.6vw, 1.24rem) !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body:not(.dtu-commerce-page) :where(.preview-copy > span:last-child, .mockup-rail-card p, .mockup-feature-card p) {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #c4d3df !important;
    font-size: .9rem !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body:not(.dtu-commerce-page) .dtu-card-triggers {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body:not(.dtu-commerce-page) .dtu-card-triggers i {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) :where(.video-shelf, .mockup-rail-grid, .mockup-feature-grid, .grid.cards, .dtu-free-hub__shelf, .dtu-detail-discovery__shelf, .dtu-personal-suggestions__grid) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    body:not(.dtu-commerce-page) :where(.video-card, .preview-card, .mockup-rail-card, .mockup-feature-card, .dtu-personal-suggestions article) {
        min-height: 336px !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) :where(.video-shelf, .mockup-rail-grid, .mockup-feature-grid, .grid.cards, .dtu-free-hub__shelf, .dtu-detail-discovery__shelf, .dtu-personal-suggestions__grid) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body:not(.dtu-commerce-page) :where(.preview-copy) {
        padding: 13px !important;
    }

    body:not(.dtu-commerce-page) :where(.preview-copy > strong, .mockup-rail-card h3, .mockup-feature-card h3) {
        font-size: 1.04rem !important;
    }
}

@media (min-width: 721px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) main .video-shelf,
    body:not(.dtu-commerce-page) .entry-content .video-shelf,
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf,
    body:not(.dtu-commerce-page) main .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) .entry-content .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) #wp--skip-link--target .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) main .dtu-detail-discovery__shelf,
    body:not(.dtu-commerce-page) .entry-content .dtu-detail-discovery__shelf,
    body:not(.dtu-commerce-page) main .mockup-rail-grid,
    body:not(.dtu-commerce-page) main .mockup-feature-grid,
    body:not(.dtu-commerce-page) main .grid.cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
    }
}

@media (min-width: 641px) and (max-width: 720px) {
    body:not(.dtu-commerce-page) main .video-shelf,
    body:not(.dtu-commerce-page) .entry-content .video-shelf,
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf,
    body:not(.dtu-commerce-page) main .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) .entry-content .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) #wp--skip-link--target .dtu-free-hub__shelf,
    body:not(.dtu-commerce-page) main .dtu-detail-discovery__shelf,
    body:not(.dtu-commerce-page) .entry-content .dtu-detail-discovery__shelf,
    body:not(.dtu-commerce-page) main .mockup-rail-grid,
    body:not(.dtu-commerce-page) main .mockup-feature-grid,
    body:not(.dtu-commerce-page) main .grid.cards {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }
}

/* Clear, repeatable orientation: two small catalogue filters, three account goals,
   and a thumb-friendly navigation only on phones. */
.dtu-catalog-access-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto 18px;
}

.dtu-catalog-access-controls a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(151, 214, 241, .24);
    border-radius: 999px;
    background: rgba(8, 24, 38, .78);
    color: #e9f7ff;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
}

.dtu-catalog-access-controls a:hover,
.dtu-catalog-access-controls a:focus-visible,
.dtu-catalog-access-controls a.is-active {
    border-color: #f5c65a;
    background: #f5c65a;
    color: #0b1620;
}

.dtu-catalog-filter-empty {
    width: min(1180px, calc(100% - 40px));
    margin: -4px auto 22px;
    padding: 14px 16px;
    box-sizing: border-box;
    border: 1px solid rgba(145, 214, 255, .22);
    border-radius: 12px;
    background: rgba(8, 24, 38, .78);
    color: #d8e7ef;
}

.dtu-catalog-filter-empty a { color: #8ee9ff; font-weight: 900; }

.dtu-account-quick-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: min(1180px, calc(100% - 40px));
    margin: 18px auto 26px;
}

.dtu-account-quick-nav a {
    display: grid;
    gap: 5px;
    min-height: 76px;
    padding: 16px;
    border: 1px solid rgba(123, 214, 255, .28);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(7, 25, 39, .95), rgba(13, 42, 60, .9));
    color: #f4fbff;
    text-decoration: none;
}

.dtu-account-quick-nav a:hover,
.dtu-account-quick-nav a:focus-visible {
    border-color: #74dcff;
    transform: translateY(-1px);
}

.dtu-account-quick-nav span {
    color: #8ce6ff;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.dtu-account-quick-nav strong { font-size: 1rem; }

.dtu-mobile-bottom-nav { display: none; }

@media (max-width: 1024px) {
    .dtu-account-quick-nav { width: min(720px, calc(100% - 28px)); }
    .dtu-catalog-access-controls { width: min(720px, calc(100% - 28px)); }
    .dtu-catalog-filter-empty { width: min(720px, calc(100% - 28px)); }
}

@media (max-width: 640px) {
    body { padding-bottom: 76px; }
    .dtu-account-quick-nav { grid-template-columns: 1fr; gap: 9px; }
    .dtu-account-quick-nav a { min-height: 60px; padding: 13px 15px; }
    .dtu-catalog-access-controls { gap: 7px; margin-bottom: 14px; }
    .dtu-catalog-access-controls a { flex: 1 1 auto; justify-content: center; min-height: 42px; padding: 0 11px; }
    .dtu-mobile-bottom-nav {
        position: fixed;
        z-index: 10000;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        min-height: 64px;
        padding: 6px max(10px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
        border-top: 1px solid rgba(144, 221, 255, .25);
        background: rgba(5, 17, 28, .97);
        box-shadow: 0 -8px 26px rgba(0, 0, 0, .28);
    }
    .dtu-mobile-bottom-nav a {
        display: grid;
        place-items: center;
        gap: 2px;
        min-width: 0;
        color: #dcecf5;
        font-size: .68rem;
        font-weight: 800;
        line-height: 1.15;
        text-decoration: none;
    }
    .dtu-mobile-bottom-nav a:focus-visible,
    .dtu-mobile-bottom-nav a:hover { color: #f5c65a; }
    .dtu-mobile-bottom-nav span { font-size: 1.25rem; line-height: 1; }
}

/* Persistent orientation around every opened story. */
.dtu-detail-navigation {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: min(1180px, calc(100% - 40px));
    margin: 18px auto 14px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(137, 218, 255, .25);
    border-radius: 14px;
    background: rgba(7, 24, 37, .9);
}

.dtu-detail-navigation a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid rgba(220, 240, 250, .2);
    border-radius: 9px;
    color: #edf9ff;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.dtu-detail-navigation a:hover,
.dtu-detail-navigation a:focus-visible {
    border-color: #73deff;
    background: rgba(55, 201, 255, .14);
}

.dtu-detail-navigation__back,
.dtu-detail-navigation__catalog { justify-self: start; }
.dtu-detail-navigation__account { justify-self: end; }
.dtu-detail-navigation__sequence { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.dtu-detail-navigation__sequence a { color: #91eaff; }

body.single-dtu_video .dtu-detail-topbar,
body.single-dtu_image_series .dtu-detail-topbar {
    display: flex !important;
}

@media (max-width: 1024px) {
    .dtu-detail-navigation {
        width: min(720px, calc(100% - 28px));
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dtu-detail-navigation__back,
    .dtu-detail-navigation__catalog,
    .dtu-detail-navigation__account { justify-self: stretch; }
    .dtu-detail-navigation__sequence { grid-column: 1 / -1; order: 3; }
    .dtu-detail-navigation__account { order: 4; }
    .dtu-detail-navigation a { width: 100%; }
}

@media (max-width: 640px) {
    .dtu-detail-navigation {
        gap: 8px;
        padding: 8px;
    }
    .dtu-detail-navigation__back,
    .dtu-detail-navigation__catalog,
    .dtu-detail-navigation__account { justify-self: stretch; }
    .dtu-detail-navigation__sequence { grid-column: 1 / -1; order: 3; }
    .dtu-detail-navigation a { width: 100%; min-height: 44px; padding: 0 9px; font-size: .82rem; }
.dtu-detail-navigation__sequence a { flex: 1 1 130px; }
}

/* Search-ready editorial entry pages: desktop, tablet and phone share the
 * same short path, but their reading width and actions stay device-native. */
.dtu-growth-landing {
    width: min(1180px, calc(100% - 40px));
    margin: 34px auto 62px;
    color: #edf7fb;
}

.dtu-growth-landing *, .dtu-growth-landing *::before, .dtu-growth-landing *::after { box-sizing: border-box; }
.dtu-growth-landing__hero,
.dtu-growth-landing__why,
.dtu-growth-landing__end {
    border: 1px solid rgba(132, 219, 255, .22);
    border-radius: 20px;
    background: linear-gradient(140deg, rgba(8, 28, 43, .98), rgba(9, 18, 29, .98));
    box-shadow: 0 20px 42px rgba(0, 0, 0, .16);
}
.dtu-growth-landing__hero {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
    gap: clamp(24px, 5vw, 76px);
    align-items: start;
    padding: clamp(30px, 5vw, 72px);
    overflow: hidden;
}
.dtu-growth-landing__hero > p,
.dtu-growth-landing__why > div > p:first-child {
    margin: 0;
    color: #84e3ff;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .14em;
}
.dtu-growth-landing h1,
.dtu-growth-landing h2,
.dtu-growth-landing h3 { color: #fff; }
.dtu-growth-landing h1 {
    margin: 7px 0 0;
    font-size: clamp(2rem, 4.5vw, 4.4rem);
    line-height: .98;
    letter-spacing: -.04em;
}
.dtu-growth-landing__hero > div > p,
.dtu-growth-landing__why > div > p:not(:first-child),
.dtu-growth-landing__end > p {
    max-width: 66ch;
    margin: 0 0 14px;
    color: #d4e2e9;
    font-size: clamp(1rem, 1.35vw, 1.13rem);
    line-height: 1.65;
}
.dtu-growth-landing__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.dtu-growth-landing__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 19px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;
    color: #f5fbff;
    font-size: .92rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}
.dtu-growth-landing__actions a:first-child { border-color: #f4c65e; background: #f4c65e; color: #14202b; }
.dtu-growth-landing__actions a:hover, .dtu-growth-landing__actions a:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, .25); }
.dtu-growth-landing__steps { margin: clamp(34px, 7vw, 76px) 0; }
.dtu-growth-landing__steps > h2 { margin: 0 0 20px; font-size: clamp(1.5rem, 3vw, 2.35rem); }
.dtu-growth-landing__steps > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dtu-growth-landing__steps article { min-width: 0; padding: 23px; border: 1px solid rgba(132, 219, 255, .2); border-radius: 15px; background: rgba(12, 33, 49, .78); }
.dtu-growth-landing__steps span { color: #f4c65e; font-size: .82rem; font-weight: 900; letter-spacing: .12em; }
.dtu-growth-landing__steps h3 { margin: 13px 0 8px; font-size: 1.13rem; }
.dtu-growth-landing__steps p { margin: 0; color: #cbd9e1; line-height: 1.55; }
.dtu-growth-landing__why { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 34px; padding: clamp(26px, 4vw, 50px); }
.dtu-growth-landing__why h2, .dtu-growth-landing__end h2 { margin: 8px 0 14px; font-size: clamp(1.55rem, 3vw, 2.5rem); line-height: 1.08; }
.dtu-growth-landing__why ul { display: grid; align-content: center; gap: 11px; margin: 0; padding: 0; list-style: none; }
.dtu-growth-landing__why li { padding: 13px 15px; border-radius: 9px; background: rgba(100, 209, 244, .1); color: #e7f8ff; font-weight: 750; }
.dtu-growth-landing__end { margin-top: clamp(34px, 7vw, 76px); padding: clamp(27px, 5vw, 58px); text-align: center; }
.dtu-growth-landing__end > p { margin-right: auto; margin-left: auto; }
.dtu-growth-landing__end .dtu-growth-landing__actions { justify-content: center; }

@media (max-width: 1024px) {
    .dtu-growth-landing { width: min(720px, calc(100% - 28px)); margin-top: 24px; }
    .dtu-growth-landing__hero { grid-template-columns: 1fr; gap: 18px; }
    .dtu-growth-landing__steps > div { grid-template-columns: 1fr; }
    .dtu-growth-landing__steps article { display: grid; grid-template-columns: 54px minmax(0, 1fr); column-gap: 8px; }
    .dtu-growth-landing__steps article span { grid-row: span 2; padding-top: 3px; }
    .dtu-growth-landing__steps article h3 { margin-top: 0; }
    .dtu-growth-landing__why { grid-template-columns: 1fr; gap: 22px; }
}

@media (max-width: 640px) {
    .dtu-growth-landing { width: calc(100% - 24px); margin: 16px auto 42px; }
    .dtu-growth-landing__hero, .dtu-growth-landing__why, .dtu-growth-landing__end { border-radius: 14px; }
    .dtu-growth-landing__hero { padding: 25px 19px; }
    .dtu-growth-landing h1 { font-size: clamp(2.15rem, 11vw, 3.15rem); }
    .dtu-growth-landing__actions { display: grid; grid-template-columns: 1fr; }
    .dtu-growth-landing__actions a { width: 100%; min-height: 50px; }
    .dtu-growth-landing__steps { margin: 31px 0; }
    .dtu-growth-landing__steps article { padding: 18px; }
    .dtu-growth-landing__why, .dtu-growth-landing__end { padding: 23px 19px; }
    .dtu-growth-landing__why li { font-size: .92rem; }
}

/* Topic navigation for the public discovery hub and persistent footer. */
.dtu-growth-discovery { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr); gap: 26px; align-items: start; margin: 22px 0; padding: 24px; border: 1px solid rgba(132, 219, 255, .2); border-radius: 16px; background: rgba(7, 25, 39, .88); }
.dtu-growth-discovery > div > span { color: #8ee9ff; font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.dtu-growth-discovery h2 { margin: 7px 0 8px; color: #fff; font-size: clamp(1.45rem, 2.4vw, 2.05rem); }
.dtu-growth-discovery p { margin: 0; color: #c9dbe3; line-height: 1.55; }
.dtu-growth-discovery nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dtu-growth-discovery a { position: relative; display: grid; gap: 4px; min-height: 82px; padding: 14px 38px 14px 15px; border: 1px solid rgba(143, 231, 255, .2); border-radius: 10px; color: #effaff; background: rgba(55, 156, 195, .1); text-decoration: none; }
.dtu-growth-discovery a:hover, .dtu-growth-discovery a:focus-visible { border-color: #83e7ff; background: rgba(55, 201, 255, .16); }
.dtu-growth-discovery a strong { font-size: .94rem; }
.dtu-growth-discovery a small { color: #bcd1da; font-size: .78rem; line-height: 1.35; }
.dtu-growth-discovery a b { position: absolute; top: 50%; right: 14px; color: #f4c65e; font-size: 1.2rem; transform: translateY(-50%); }
.dtu-growth-footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; width: min(var(--dtu-chrome-max), calc(100% - 40px)); max-width: var(--dtu-chrome-max); margin: 22px auto 0; padding: 16px 0; border-top: 1px solid rgba(190, 224, 238, .18); box-sizing: border-box; }
.dtu-growth-footer-links strong { color: #fff; font-size: .87rem; }
.dtu-growth-footer-links a { width: auto !important; color: #aeeeff; font-size: .83rem; font-weight: 750; text-decoration: none; }
.dtu-growth-footer-links a:hover, .dtu-growth-footer-links a:focus-visible { color: #f4c65e; }
@media (max-width: 1024px) { .dtu-growth-discovery { grid-template-columns: 1fr; } }
@media (min-width: 1025px) { body:not(.dtu-commerce-page) footer .dtu-growth-footer-links { width: min(var(--dtu-chrome-max), calc(100% - 40px)) !important; max-width: var(--dtu-chrome-max) !important; margin-left: auto !important; margin-right: auto !important; justify-content: flex-start !important; } }
@media (min-width: 641px) and (max-width: 1024px) { body:not(.dtu-commerce-page) footer .dtu-growth-footer-links { width: min(720px, calc(100% - 28px)) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; align-items: start !important; } body:not(.dtu-commerce-page) footer .dtu-growth-footer-links strong { grid-column: 1 / -1 !important; } }
@media (max-width: 640px) { .dtu-growth-discovery { margin: 15px 0; padding: 18px; } .dtu-growth-discovery nav { grid-template-columns: 1fr; } body:not(.dtu-commerce-page) footer .dtu-growth-footer-links { width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: 1fr !important; align-items: flex-start !important; gap: 10px !important; } body:not(.dtu-commerce-page) footer .dtu-growth-footer-links a { min-height: 36px !important; display: flex !important; align-items: center !important; } }

/* Recommendation-first journey: the user sees useful titles before search and
   filter tools on desktop, tablet and phone. */
.dtu-suggestion-system {
    width: min(1180px, calc(100% - 40px));
    margin: 22px auto 34px;
    color: #f2f8fc;
}

.dtu-suggestion-system *,
.dtu-suggestion-system *::before,
.dtu-suggestion-system *::after {
    box-sizing: border-box;
}

.dtu-suggestion-system__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: end;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(137, 221, 255, .26);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(7, 23, 35, .98), rgba(13, 35, 49, .94));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}

.dtu-suggestion-system__intro span,
.dtu-suggestion-rail__head span {
    display: block;
    color: #8beaff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dtu-suggestion-system__intro h2 {
    margin: 7px 0 8px;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
}

.dtu-suggestion-system__intro p {
    max-width: 68ch;
    margin: 0;
    color: #c7d7df;
    font-size: 1rem;
    line-height: 1.55;
}

.dtu-suggestion-system__random {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 174px;
    min-height: 50px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: #f5c65a;
    color: #121b25;
    font: inherit;
    font-size: .92rem;
    font-weight: 950;
    cursor: pointer;
}

.dtu-suggestion-system__random:hover,
.dtu-suggestion-system__random:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .72);
    outline-offset: 3px;
    filter: brightness(1.06);
}

.dtu-suggestion-worlds {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 22px;
}

.dtu-suggestion-worlds a {
    display: grid;
    gap: 4px;
    min-height: 78px;
    padding: 14px;
    border: 1px solid rgba(137, 221, 255, .2);
    border-radius: 10px;
    background: rgba(6, 22, 34, .7);
    color: #effaff;
    text-decoration: none;
}

.dtu-suggestion-worlds a:hover,
.dtu-suggestion-worlds a:focus-visible {
    border-color: #80e6ff;
    background: rgba(53, 200, 255, .13);
}

.dtu-suggestion-worlds strong {
    color: #fff;
    font-size: .96rem;
    line-height: 1.2;
}

.dtu-suggestion-worlds small {
    color: #b9cbd5;
    font-size: .78rem;
    line-height: 1.35;
}

.dtu-new-production-spotlight {
    display: grid;
    grid-template-columns: minmax(280px, .88fr) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    margin: 18px 0 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 198, 109, .34);
    border-radius: 18px;
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 198, 109, .18), transparent 20rem),
        linear-gradient(135deg, rgba(11, 31, 45, .98), rgba(5, 13, 22, .98));
    box-shadow: 0 22px 62px rgba(0, 0, 0, .25);
}

.dtu-new-production-spotlight__media {
    position: relative;
    display: block;
    min-height: 300px;
    overflow: hidden;
    background: #050b12;
    text-decoration: none;
}

.dtu-new-production-spotlight__media img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: block;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
    transition: transform .38s ease, filter .38s ease;
}

.dtu-new-production-spotlight__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 58%, rgba(5, 13, 22, .82));
    pointer-events: none;
}

.dtu-new-production-spotlight__media span {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 1;
    padding: 9px 13px;
    border-radius: 999px;
    background: #ffc66d;
    color: #06111b;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.dtu-new-production-spotlight__copy {
    display: grid;
    align-content: center;
    gap: 10px;
    min-width: 0;
    padding: clamp(22px, 3vw, 40px);
}

.dtu-new-production-spotlight__copy small {
    color: #8ce6ff;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dtu-new-production-spotlight__copy h2,
.dtu-new-production-spotlight__copy h3,
.dtu-new-production-spotlight__copy p {
    margin: 0;
}

.dtu-new-production-spotlight__copy h2 {
    color: #ffc66d;
    font-size: clamp(1.55rem, 2.6vw, 2.6rem);
    line-height: .98;
}

.dtu-new-production-spotlight__copy h3 {
    color: #fff;
    font-size: clamp(1.2rem, 1.7vw, 1.75rem);
    line-height: 1.12;
}

.dtu-new-production-spotlight__copy p {
    max-width: 58ch;
    color: #c9d8e1;
    line-height: 1.58;
}

.dtu-new-production-spotlight__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 48px;
    margin-top: 6px;
    padding: 0 22px;
    border-radius: 10px;
    background: #36cdff;
    color: #06111b;
    font-weight: 950;
    text-decoration: none;
}

.dtu-new-production-spotlight:hover .dtu-new-production-spotlight__media img,
.dtu-new-production-spotlight:focus-within .dtu-new-production-spotlight__media img {
    filter: brightness(1.08) contrast(1.03);
    transform: scale(1.045);
}

.dtu-suggestion-rail {
    margin-top: 26px;
}

.dtu-suggestion-rail__head {
    display: grid;
    gap: 5px;
    margin-bottom: 12px;
}

.dtu-suggestion-rail__head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1.08;
}

.dtu-suggestion-rail__head p {
    max-width: 58ch;
    margin: 0;
    color: #bdcfd8;
    line-height: 1.5;
}

.dtu-suggestion-rail__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 14px !important;
    overflow: visible !important;
}

.dtu-suggestion-rail__grid > .video-card,
.dtu-suggestion-rail__grid > .preview-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (min-width: 1180px) {
    .dtu-suggestion-system__intro {
        grid-template-columns: minmax(0, .92fr) minmax(220px, .28fr);
    }

    .dtu-suggestion-system__random {
        align-self: center;
        min-height: 56px;
    }

    .dtu-suggestion-rail:first-of-type .dtu-suggestion-rail__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .dtu-suggestion-rail:not(:first-of-type) .dtu-suggestion-rail__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

body.dtu-recommendation-first .dtu-catalog-format-controls,
body.dtu-recommendation-first .dtu-catalog-access-controls {
    margin-top: 10px;
    opacity: .9;
}

body.dtu-recommendation-first .dtu-free-hub__nav,
body.dtu-recommendation-first .dtu-growth-discovery {
    display: none !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    .dtu-suggestion-system {
        width: min(720px, calc(100% - 28px));
        margin-top: 18px;
    }

    .dtu-suggestion-system__intro {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        padding: 24px;
    }

    .dtu-suggestion-system__random {
        width: 100%;
    }

    .dtu-suggestion-worlds,
    .dtu-suggestion-rail__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dtu-new-production-spotlight {
        grid-template-columns: 1fr;
    }

    .dtu-new-production-spotlight__media,
    .dtu-new-production-spotlight__media img {
        min-height: 320px;
    }

    .dtu-new-production-spotlight__media::after {
        background: linear-gradient(180deg, transparent 42%, rgba(5, 13, 22, .82));
    }
}

@media (max-width: 640px) {
    .dtu-suggestion-system {
        width: calc(100% - 24px);
        margin: 14px auto 28px;
    }

    .dtu-suggestion-system__intro {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 20px 16px;
        border-radius: 14px;
    }

    .dtu-suggestion-system__intro h2 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .dtu-suggestion-system__random {
        width: 100%;
        min-height: 52px;
    }

    .dtu-suggestion-worlds,
    .dtu-suggestion-rail__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .dtu-suggestion-worlds a {
        min-height: 64px;
    }

    .dtu-new-production-spotlight {
        grid-template-columns: 1fr;
        margin: 14px 0 24px;
        border-radius: 14px;
    }

    .dtu-new-production-spotlight__media,
    .dtu-new-production-spotlight__media img {
        min-height: 220px;
    }

    .dtu-new-production-spotlight__media::after {
        background: linear-gradient(180deg, transparent 38%, rgba(5, 13, 22, .86));
    }

    .dtu-new-production-spotlight__media span {
        left: 14px;
        top: 14px;
    }

    .dtu-new-production-spotlight__copy {
        padding: 18px 16px 20px;
    }

    .dtu-new-production-spotlight__copy a {
        width: 100%;
    }

    body.dtu-recommendation-first .dtu-catalog-format-controls,
    body.dtu-recommendation-first .dtu-catalog-access-controls {
        width: calc(100% - 24px);
    }
}

/* Final breakpoint guard: legacy WordPress shelves must never leak a phone rail
   into tablet or desktop layouts. */
@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 16px !important;
        overflow-x: visible !important;
        scroll-snap-type: none !important;
    }

    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid),
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 14px !important;
        overflow-x: visible !important;
        scroll-snap-type: none !important;
    }

    body:not(.dtu-commerce-page) main .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) .entry-content .video-shelf:not(.dtu-suggestion-rail__grid) > *,
    body:not(.dtu-commerce-page) #wp--skip-link--target .video-shelf:not(.dtu-suggestion-rail__grid) > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* Homepage: bewegter Trigger-Einstieg direkt unter dem Schnellzugriff. */
.dtu-home-trigger-duo,
.dtu-home-trigger-duo * {
    box-sizing: border-box;
}

.dtu-home-trigger-duo {
    width: 100%;
    margin: 18px 0 0;
    padding: 18px;
    border: 1px solid rgba(118, 217, 255, .22);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 10%, rgba(53, 200, 255, .16), transparent 34%),
        linear-gradient(145deg, rgba(8, 20, 32, .96), rgba(14, 28, 42, .88));
    box-shadow: 0 22px 70px rgba(0, 0, 0, .26);
    color: #eef8ff;
}

.dtu-home-trigger-duo__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.dtu-home-trigger-duo__head span,
.dtu-home-trigger-card__body > span {
    display: block;
    color: #67dcff;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.dtu-home-trigger-duo__head h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.1vw, 2.1rem);
    line-height: 1.04;
}

.dtu-home-trigger-duo__head p {
    max-width: 520px;
    margin: 0;
    color: #b8ccd8;
    font-size: .95rem;
    line-height: 1.45;
}

.dtu-home-trigger-duo__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dtu-home-trigger-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(2, 11, 19, .78));
}

.dtu-home-trigger-card__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #02070d;
}

.dtu-home-trigger-card__media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1.04) saturate(1.08);
}

.dtu-home-trigger-card__media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .68));
    pointer-events: none;
}

.dtu-home-trigger-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 7px 10px;
    border-radius: 999px;
    background: #ffc760;
    color: #04111c;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.dtu-home-trigger-card__play {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 3;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(3, 13, 22, .82);
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .34);
}

.dtu-home-trigger-card.is-playing .dtu-home-trigger-card__play {
    background: #35c8ff;
    color: #04111c;
}

.dtu-home-trigger-card__body {
    padding: 16px;
}

.dtu-home-trigger-card__body h3 {
    margin: 7px 0 8px;
    color: #fff;
    font-size: clamp(1.1rem, 1.6vw, 1.42rem);
    line-height: 1.08;
}

.dtu-home-trigger-card__body p {
    min-height: 3.8em;
    margin: 0;
    color: #c7d8e3;
    font-size: .94rem;
    line-height: 1.42;
}

.dtu-home-trigger-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.dtu-home-trigger-card__actions button,
.dtu-home-trigger-card__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(118, 217, 255, .34);
    border-radius: 999px;
    background: rgba(53, 200, 255, .12);
    color: #eefdff;
    font: inherit;
    font-size: .86rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.dtu-home-trigger-card__actions button:first-child {
    background: #35c8ff;
    color: #04111c;
}

@media (min-width: 1025px) {
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-home-trigger-duo {
        display: block;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) .dtu-home-trigger-duo {
        padding: 16px;
        border-radius: 20px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-duo__head {
        align-items: flex-start;
        flex-direction: column;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-duo__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-card__body {
        padding: 14px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-card__body p {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) .dtu-home-trigger-duo {
        width: 100%;
        margin-top: 16px;
        padding: 14px;
        border-radius: 18px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-duo__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-duo__head p {
        max-width: none;
        font-size: .9rem;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-duo__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-card__play {
        width: 50px;
        height: 50px;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-card__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body:not(.dtu-commerce-page) .dtu-home-trigger-card__actions button,
    body:not(.dtu-commerce-page) .dtu-home-trigger-card__actions a {
        width: 100%;
        min-height: 46px;
    }
}

@media (min-width: 1025px) {
    body.dtu-commerce-page .dtu-global-top-nav,
    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull {
        width: min(calc(100% - 56px), var(--dtu-chrome-max, 1320px)) !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav {
        margin-top: 14px !important;
    }

    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull {
        margin-top: 28px !important;
    }

    body.dtu-commerce-page .dtu-mobile-nav-toggle,
    body.dtu-commerce-page .dtu-mobile-nav-panel,
    body.dtu-commerce-page .dtu-mobile-bottom-nav,
    body.dtu-commerce-page .dtu-mobile-language,
    body.dtu-commerce-page .dtu-floating-back,
    body.dtu-commerce-page .dtu-back-home {
        display: none !important;
    }

    body.dtu-commerce-page .entry-content,
    body.dtu-commerce-page .woocommerce {
        padding-left: clamp(28px, 4vw, 76px) !important;
        padding-right: clamp(28px, 4vw, 76px) !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.dtu-commerce-page .dtu-global-top-nav,
    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull {
        width: min(720px, calc(100% - 28px)) !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav__links {
        justify-content: flex-start !important;
    }

    body.dtu-commerce-page .entry-content,
    body.dtu-commerce-page .woocommerce {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}

@media (max-width: 640px) {
    body.dtu-commerce-page .dtu-global-top-nav,
    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull {
        width: calc(100% - 24px) !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 10px auto 14px !important;
        padding: 13px !important;
        border-radius: 16px !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav__brand strong {
        font-size: .88rem !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav__links {
        justify-content: flex-start !important;
        padding-bottom: 2px !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav__links a {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: .78rem !important;
    }

    body.dtu-commerce-page .entry-content,
    body.dtu-commerce-page .woocommerce {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

body.dtu-commerce-page .dtu-confirmed-pricing {
    display: grid !important;
    gap: 16px !important;
}

html:has(body.dtu-commerce-page),
body.dtu-commerce-page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background: #061321 !important;
}

body.dtu-commerce-page .wp-site-blocks,
body.dtu-commerce-page main,
body.dtu-commerce-page #wp--skip-link--target {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
    background: #061321 !important;
}

body.dtu-commerce-page :where(.wp-site-blocks > header, header.wp-block-template-part, .wp-block-template-part:has(header), .site-header, .wp-block-navigation__responsive-container-open) {
    display: none !important;
}

body.dtu-commerce-page [data-dtu-back-button="1"],
body.dtu-commerce-page .dtu-floating-back,
body.dtu-commerce-page .dtu-back-home {
    display: none !important;
}

body.dtu-commerce-page .dtu-global-top-nav {
    display: grid !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing header {
    margin-bottom: 8px !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px 18px !important;
    align-items: center !important;
    padding: clamp(22px, 3vw, 34px) !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > span:first-child,
body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > h2,
body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > p,
body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > small {
    grid-column: 2 !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured .dtu-flat-logo {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    width: 68px !important;
    height: 68px !important;
    margin: 0 !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > div {
    grid-column: 3 !important;
    grid-row: 2 / span 2 !important;
    margin: 0 !important;
    justify-self: end !important;
}

body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > a {
    grid-column: 3 !important;
    grid-row: 4 !important;
    justify-self: end !important;
    min-width: 190px !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > div,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > a {
        grid-column: 2 !important;
        grid-row: auto !important;
        justify-self: start !important;
    }
}

@media (max-width: 640px) {
    body.dtu-commerce-page .dtu-confirmed-pricing__grid,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > span:first-child,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > h2,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > p,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > small,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured .dtu-flat-logo,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > div,
    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured > a {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: stretch !important;
    }

    body.dtu-commerce-page .dtu-confirmed-pricing__flat--featured .dtu-flat-logo {
        width: 54px !important;
        height: 54px !important;
    }
}

/* Catalog shell guard: catalogue/recommendation pages must never slide under
   the top navigation and must share the same left/right edges as the chrome. */
body.dtu-library-page:not(.dtu-commerce-page) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #050b12 !important;
}

body.dtu-library-page:not(.dtu-commerce-page) .wp-site-blocks,
body.dtu-library-page:not(.dtu-commerce-page) main,
body.dtu-library-page:not(.dtu-commerce-page) #wp--skip-link--target,
body.dtu-library-page:not(.dtu-commerce-page) .entry-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
    background: #050b12 !important;
}

body.dtu-library-page:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"],
body.dtu-library-page:not(.dtu-commerce-page) .dtu-global-top-nav {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(calc(100% - (clamp(16px, 4vw, 32px) * 2)), var(--dtu-chrome-max, 1320px)) !important;
    max-width: var(--dtu-chrome-max, 1320px) !important;
    margin: 14px auto 28px !important;
    box-sizing: border-box !important;
    z-index: 30 !important;
}

body.dtu-library-page:not(.dtu-commerce-page) :where(.dtu-suggestion-system, .dtu-catalog-format-controls, .dtu-catalog-access-controls, .dtu-catalog-query-status, .dtu-catalog-filter-empty, .dtu-account-quick-nav) {
    width: min(calc(100% - (clamp(16px, 4vw, 32px) * 2)), var(--dtu-chrome-max, 1320px)) !important;
    max-width: var(--dtu-chrome-max, 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.dtu-library-page:not(.dtu-commerce-page) .dtu-suggestion-system {
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
    margin-top: 0 !important;
}

body.dtu-library-page:not(.dtu-commerce-page) .dtu-suggestion-rail:first-of-type {
    margin-top: 30px !important;
}

body.dtu-library-page:not(.dtu-commerce-page) .dtu-catalog-format-controls {
    margin-top: 26px !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.dtu-library-page:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"],
    body.dtu-library-page:not(.dtu-commerce-page) .dtu-global-top-nav,
    body.dtu-library-page:not(.dtu-commerce-page) :where(.dtu-suggestion-system, .dtu-catalog-format-controls, .dtu-catalog-access-controls, .dtu-catalog-query-status, .dtu-catalog-filter-empty, .dtu-account-quick-nav) {
        width: min(720px, calc(100% - 28px)) !important;
        max-width: 720px !important;
    }

    body.dtu-library-page:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"],
    body.dtu-library-page:not(.dtu-commerce-page) .dtu-global-top-nav {
        margin-bottom: 22px !important;
    }
}

@media (max-width: 640px) {
    body.dtu-library-page:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"],
    body.dtu-library-page:not(.dtu-commerce-page) .dtu-global-top-nav,
    body.dtu-library-page:not(.dtu-commerce-page) :where(.dtu-suggestion-system, .dtu-catalog-format-controls, .dtu-catalog-access-controls, .dtu-catalog-query-status, .dtu-catalog-filter-empty, .dtu-account-quick-nav) {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
    }

    body.dtu-library-page:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav)[data-dtu-pinned-top="1"],
    body.dtu-library-page:not(.dtu-commerce-page) .dtu-global-top-nav {
        margin: 10px auto 18px !important;
    }
}

/* 2026-09-05 fluid monitor shell:
   On real desktops the page uses the available monitor width instead of
   sitting as a narrow island. Tablet and mobile keep their hard boundaries. */
@media (min-width: 1025px) {
    html,
    body {
        --dtu-fluid-shell-max: 1320px !important;
        --dtu-fluid-shell-width: min(var(--dtu-fluid-shell-max), calc(100% - clamp(24px, 4vw, 80px))) !important;
        --dtu-page-max: var(--dtu-fluid-shell-max) !important;
        --dtu-chrome-max: var(--dtu-fluid-shell-max) !important;
    }

    body.dtu-commerce-page .dtu-global-top-nav,
    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .topbar,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-global-top-nav,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .home-page,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .mockup-page,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .shell.mockup-page,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-detail-shell,
    html.dtu-mode-desktop body:not(.dtu-commerce-page) .dtu-suggestion-system,
    body.dtu-library-page:not(.dtu-commerce-page) :where(.dtu-suggestion-system, .dtu-catalog-format-controls, .dtu-catalog-access-controls, .dtu-catalog-query-status, .dtu-catalog-filter-empty, .dtu-account-quick-nav) {
        width: var(--dtu-fluid-shell-width) !important;
        max-width: var(--dtu-fluid-shell-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.dtu-commerce-page .entry-content,
    body.dtu-commerce-page .woocommerce {
        padding-left: clamp(24px, 2.5vw, 48px) !important;
        padding-right: clamp(24px, 2.5vw, 48px) !important;
    }

    body.dtu-commerce-page .entry-content > .woocommerce,
    body.dtu-commerce-page.woocommerce-page .woocommerce,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-cart,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wp-block-woocommerce-cart,
    body.dtu-commerce-page .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wc-block-cart,
    body.dtu-commerce-page .wc-block-checkout,
    body.dtu-commerce-page .wc-block-components-sidebar-layout {
        width: var(--dtu-fluid-shell-width) !important;
        max-width: var(--dtu-fluid-shell-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.dtu-commerce-page .wc-block-components-sidebar-layout,
    body.dtu-commerce-page .wc-block-cart,
    body.dtu-commerce-page .wc-block-checkout {
        align-items: stretch !important;
        gap: clamp(18px, 2vw, 34px) !important;
    }

    body.dtu-commerce-page :where(.wc-block-components-main, .wc-block-cart__main, .wc-block-checkout__main),
    body.dtu-commerce-page :where(.wc-block-components-sidebar, .wc-block-cart__sidebar, .wc-block-checkout__sidebar) {
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.dtu-commerce-page .entry-content > .woocommerce,
    body.dtu-commerce-page.woocommerce-page .woocommerce,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-cart,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wp-block-woocommerce-cart,
    body.dtu-commerce-page .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wc-block-cart,
    body.dtu-commerce-page .wc-block-checkout,
    body.dtu-commerce-page .wc-block-components-sidebar-layout {
        width: min(720px, calc(100% - 28px)) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.dtu-commerce-page .wc-block-components-sidebar-layout {
        display: block !important;
    }
}

@media (max-width: 640px) {
    body.dtu-commerce-page .entry-content > .woocommerce,
    body.dtu-commerce-page.woocommerce-page .woocommerce,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-cart,
    body.dtu-commerce-page .entry-content > .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wp-block-woocommerce-cart,
    body.dtu-commerce-page .wp-block-woocommerce-checkout,
    body.dtu-commerce-page .wc-block-cart,
    body.dtu-commerce-page .wc-block-checkout,
    body.dtu-commerce-page .wc-block-components-sidebar-layout {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.dtu-commerce-page .wc-block-components-sidebar-layout {
        display: block !important;
    }
}

@media (min-width: 1025px) and (max-height: 820px) {
    body.dtu-commerce-page .dtu-global-top-nav,
    body:not(.dtu-commerce-page) .dtu-global-top-nav,
    body:not(.dtu-commerce-page) .topbar {
        margin-top: 10px !important;
        margin-bottom: 14px !important;
    }

    body.dtu-commerce-page .dtu-confirmed-pricing,
    body.dtu-commerce-page .dtu-confirmed-pricing.alignfull,
    body:not(.dtu-commerce-page) .dtu-suggestion-system {
        margin-top: 18px !important;
    }
}

/* 2026-09-05 unified viewport shell:
   Visible chrome, main content and footer must share one left/right edge. */
@media (min-width: 1025px) {
    body:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav),
    body:not(.dtu-commerce-page) :where(.home-page, .mockup-page, .shell.mockup-page, .dtu-detail-shell, .dtu-suggestion-system, .dtu-free-hub, .dtu-growth-discovery),
    body:not(.dtu-commerce-page) main > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) .entry-content > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) footer,
    body:not(.dtu-commerce-page) .site-footer,
    body:not(.dtu-commerce-page) footer.wp-block-template-part,
    body:not(.dtu-commerce-page) .wp-site-blocks > footer {
        width: var(--dtu-fluid-shell-width) !important;
        max-width: var(--dtu-fluid-shell-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body:not(.dtu-commerce-page) footer :where(.wp-block-group, .wp-block-group__inner-container, .has-global-padding, .is-layout-constrained, .alignwide),
    body:not(.dtu-commerce-page) footer .wp-block-columns,
    body:not(.dtu-commerce-page) footer .is-layout-flex.wp-block-columns,
    body:not(.dtu-commerce-page) footer .dtu-growth-footer-links {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body:not(.dtu-commerce-page) :where(.entry-content, main, #wp--skip-link--target) > :where(.home-page, .mockup-page, .shell.mockup-page, .dtu-detail-shell, .dtu-suggestion-system, .dtu-geo-answer-block, .dtu-growth-discovery),
    body:not(.dtu-commerce-page) footer > :where(.wp-block-group, .wp-block-group__inner-container, .has-global-padding, .is-layout-constrained, .alignwide),
    body:not(.dtu-commerce-page) footer :where(.wp-block-columns, .is-layout-flex.wp-block-columns, .dtu-growth-footer-links) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body:not(.dtu-commerce-page) main,
    body:not(.dtu-commerce-page) #wp--skip-link--target {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.dtu-commerce-page) .entry-content {
        width: var(--dtu-fluid-shell-width) !important;
        max-width: var(--dtu-fluid-shell-max) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    body:not(.dtu-commerce-page) :where(.video-showcase, .video-shelf, [id^="home-"][id$="-shelf"], .dtu-suggestion-rail, .dtu-suggestion-rail__grid) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav),
    body:not(.dtu-commerce-page) :where(.home-page, .mockup-page, .shell.mockup-page, .dtu-detail-shell, .dtu-suggestion-system, .dtu-free-hub, .dtu-growth-discovery),
    body:not(.dtu-commerce-page) main > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) .entry-content > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) footer,
    body:not(.dtu-commerce-page) .site-footer,
    body:not(.dtu-commerce-page) footer.wp-block-template-part,
    body:not(.dtu-commerce-page) .wp-site-blocks > footer {
        width: min(720px, calc(100% - 28px)) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 640px) {
    body:not(.dtu-commerce-page) :where(.topbar, .dtu-global-top-nav),
    body:not(.dtu-commerce-page) :where(.home-page, .mockup-page, .shell.mockup-page, .dtu-detail-shell, .dtu-suggestion-system, .dtu-free-hub, .dtu-growth-discovery),
    body:not(.dtu-commerce-page) main > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) #wp--skip-link--target > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) .entry-content > :where(section, article, div):not(.alignfull):not(.site-header):not(.site-footer):not(.wp-block-template-part),
    body:not(.dtu-commerce-page) footer,
    body:not(.dtu-commerce-page) .site-footer,
    body:not(.dtu-commerce-page) footer.wp-block-template-part,
    body:not(.dtu-commerce-page) .wp-site-blocks > footer {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

/* Final cascade lock. This is deliberately the last layout block: every visible
   page shell must load already constrained, with no fullwidth flash. */
@media (min-width: 1025px) {
    html body .topbar,
    html body .dtu-global-top-nav,
    html body main .entry-content.wp-block-post-content,
    html body main .entry-content,
    html body #wp--skip-link--target .entry-content.wp-block-post-content,
    html body .home-page,
    html body .mockup-page,
    html body .shell.mockup-page,
    html body .dtu-detail-shell,
    html body .dtu-suggestion-system,
    html body .dtu-free-hub,
    html body .dtu-growth-discovery,
    html body .dtx-header,
    html body .dtx-main,
    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body .topbar,
    html body .dtu-global-top-nav,
    html body main .entry-content.wp-block-post-content,
    html body main .entry-content,
    html body #wp--skip-link--target .entry-content.wp-block-post-content,
    html body .home-page,
    html body .mockup-page,
    html body .shell.mockup-page,
    html body .dtu-detail-shell,
    html body .dtu-suggestion-system,
    html body .dtu-free-hub,
    html body .dtu-growth-discovery,
    html body .dtx-header,
    html body .dtx-main,
    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body .dtx-header.dtx-mobile-only {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    html body .topbar,
    html body .dtu-global-top-nav,
    html body main .entry-content.wp-block-post-content,
    html body main .entry-content,
    html body #wp--skip-link--target .entry-content.wp-block-post-content,
    html body .home-page,
    html body .mockup-page,
    html body .shell.mockup-page,
    html body .dtu-detail-shell,
    html body .dtu-suggestion-system,
    html body .dtu-free-hub,
    html body .dtu-growth-discovery,
    html body .dtx-header,
    html body .dtx-main,
    html body footer.site-footer,
    html body .site-footer.wp-block-template-part,
    html body .wp-site-blocks > footer.site-footer {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* Final media-fit override:
   Picture Story montage/poster covers must remain fully visible in every card. */
html body:not(.dtu-commerce-page) :where(
    [data-dtu-content-type="image-series"] .preview-thumb img,
    [data-dtu-content-type="image-series"] .preview-thumb video,
    .dtx-art img,
    .dtx-card img
) {
    object-fit: contain !important;
    object-position: center center !important;
    background: #050b12 !important;
}

/* Final same-edge lock for Free Stream:
   Every visible Free container must use exactly the same outer edge as the
   header shell. No nested 1180/1280 widths, no second inset. */
html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

html body:not(.dtu-commerce-page) .dtu-free-hub > :where(
    .dtu-free-hub__nav,
    .dtu-free-hub__hero,
    .dtu-funnel-strip,
    .dtu-free-featured-preview,
    .dtu-free-story-path,
    .dtu-free-hub__rail,
    .dtu-free-hub__upgrade
) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

html body:not(.dtu-commerce-page) .dtu-free-hub > .dtu-funnel-strip {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 1025px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
    }
}

@media (max-width: 640px) {
    html body:not(.dtu-commerce-page) .dtu-free-hub.alignfull {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
    }
}

/* EOF hard account shell lock — must stay after every other width rule. */
@media (min-width: 1025px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-desktop) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-tablet) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.woocommerce-account main .entry-content.wp-block-post-content,
    html body.woocommerce-account main .entry-content.has-global-padding,
    html body.woocommerce-account #wp--skip-link--target .entry-content.wp-block-post-content,
    html body.woocommerce-account #wp--skip-link--target .entry-content.has-global-padding,
    html body.woocommerce-account .wp-site-blocks main .entry-content {
        width: var(--dtu-hard-shell-mobile) !important;
        max-width: var(--dtu-hard-shell-mobile) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* TRUE EOF: direct account frame values, no variables, no fullwidth. */
@media (min-width: 1025px) {
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding {
        width: calc(100% - 40px) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding {
        width: calc(100% - 28px) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 640px) {
    html body.dtu-commerce-page.woocommerce-account .wp-site-blocks main .entry-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.wp-block-post-content,
    html body.dtu-commerce-page.woocommerce-account main .entry-content.has-global-padding {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }
}

/* TRUE EOF: footer legal/menu links must stay visible. */
html body footer :where(.wp-block-navigation-item__content, nav a, .wp-block-page-list a) {
    display: block !important;
    height: auto !important;
    min-height: 22px !important;
    line-height: 1.35 !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: rgba(244, 247, 251, .94) !important;
    text-decoration: none !important;
}

html body footer .dtu-footer-legal-links {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 18px !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgba(190, 224, 238, .18) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px 18px !important;
    box-sizing: border-box !important;
}

html body footer .dtu-footer-legal-links a {
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    color: rgba(244, 247, 251, .94) !important;
    font-size: .94rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

html body footer .dtu-footer-legal-links a:hover,
html body footer .dtu-footer-legal-links a:focus-visible {
    color: #35c8ff !important;
}

html body footer a[data-dtu-footer-label]:empty::before,
html body footer a[data-dtu-footer-label] span:empty::before {
    content: attr(data-dtu-footer-label) !important;
    display: inline !important;
    color: inherit !important;
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body footer .dtu-footer-legal-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    html body footer .dtu-footer-legal-links {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}