
/* NETPC OÜ. Mandzuri kujundused kasutavad CMS-i värve ja säilitavad lehekujundaja sisu. */
body.theme-mandzuri {
    --mandzuri-line:color-mix(in srgb,var(--cms-text) 14%,transparent);
    --mandzuri-soft:color-mix(in srgb,var(--cms-text) 68%,var(--cms-bg));
    background:var(--cms-bg);
    color:var(--cms-text)}

body.theme-mandzuri .site-nav {
    background:color-mix(in srgb,var(--cms-bg) 87%,transparent);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--mandzuri-line)}

body.theme-mandzuri .navbar {
    min-height:84px;
    gap:24px}

body.theme-mandzuri .navbar-brand {
    font-weight:800;
    letter-spacing:-.055em}

body.theme-mandzuri .site-menu a {
    font-size:.88rem;
    font-weight:500}

body.theme-mandzuri .site-menu .sub-menu {
    background:var(--cms-surface);
    border-color:var(--mandzuri-line);
    border-radius:12px}

body.theme-mandzuri .nav-page-link {
    position:relative}

body.theme-mandzuri .nav-page-link::after {
    content:"";
    position:absolute;
    left:0;
    bottom:3px;
    height:1px;
    width:0;
    background:var(--cms-primary);
    transition:width .25s}

body.theme-mandzuri .nav-page-link:hover::after {
    width:100%}

body.theme-mandzuri .cms-block {
    position:relative}

body.theme-mandzuri .block-hero {
    isolation:isolate;
    overflow:hidden;
    padding-block:100px!important;
    border-bottom:1px solid var(--mandzuri-line)}

body.theme-mandzuri .hero-layout {
    position:relative;
    z-index:1}

body.theme-mandzuri .hero-copy {
    max-width:820px}

body.theme-mandzuri .block-hero h2 {
    font-size:clamp(2.7rem,6.3vw,6rem);
    font-weight:600;
    letter-spacing:-.065em;
    line-height:1.04;
    text-wrap:balance}

body.theme-mandzuri .block-copy {
    color:var(--mandzuri-soft)}

body.theme-mandzuri .block-hero .block-copy {
    max-width:56ch;
    font-size:1.08rem;
    line-height:1.8}

body.theme-mandzuri h2 {
    font-weight:600;
    letter-spacing:-.05em}

body.theme-mandzuri .cms-button {
    border-radius:100px;
    padding:14px 25px;
    background:var(--cms-text);
    border-color:var(--cms-text);
    color:var(--cms-bg);
    font-weight:650;
    transition:box-shadow .25s,transform .25s}

body.theme-mandzuri .cms-button:hover {
    background:var(--cms-text);
    color:var(--cms-bg);
    transform:translateY(-3px);
    box-shadow:0 8px 28px color-mix(in srgb,var(--cms-primary) 25%,transparent)}

body.theme-mandzuri .service-card,body.theme-mandzuri .cms-card {
    background:var(--cms-surface);
    border:1px solid var(--mandzuri-line);
    border-radius:18px;
    box-shadow:none}

body.theme-mandzuri .service-card {
    padding:36px}

body.theme-mandzuri .service-number {
    font-family:ui-monospace,monospace;
    font-weight:400;
    font-size:.82rem;
    letter-spacing:.1em}

body.theme-mandzuri .service-card h3 {
    font-size:1.45rem}

body.theme-mandzuri .service-card .rich-content {
    color:var(--mandzuri-soft);
    font-size:.96rem}

body.theme-mandzuri .hero-image,body.theme-mandzuri .content-image {
    border-radius:20px}

body.theme-mandzuri .site-footer {
    border-color:var(--mandzuri-line);
    padding-block:55px;
    color:var(--mandzuri-soft)}

body.theme-mandzuri input,body.theme-mandzuri textarea,body.theme-mandzuri select {
    accent-color:var(--cms-primary)}

body.theme-mandzuri a:focus-visible,body.theme-mandzuri button:focus-visible {
    outline:2px solid var(--cms-primary);
    outline-offset:5px}

@media(max-width:991px) {
    body.theme-mandzuri .block-hero {
    padding-block:65px!important}
body.theme-mandzuri .navbar {
    min-height:72px}
}

@media(prefers-reduced-motion:reduce) {
    body.theme-mandzuri *,body.theme-mandzuri *::before,body.theme-mandzuri *::after {
    transition:none!important}
}

body.theme-mandzuri .cms-heading {
    font-family:Georgia,serif;
    font-weight:400;
    letter-spacing:-.04em}
body.theme-mandzuri .service-card {
    border-radius:3px;
    background:transparent;
    border-width:1px 0 0;
    padding-inline:0}
body.theme-mandzuri .cms-button {
    border-radius:5px}
body.theme-mandzuri .block-hero {
    border-top:12px solid var(--cms-primary)}


/* Puidutöökoja rahulik tüpograafia ja täislaiuses sisu. */
body.theme-mandzuri .block-hero {
    border-top:0;
    padding-block:75px!important}

body.theme-mandzuri h1,body.theme-mandzuri h2,body.theme-mandzuri .cms-heading {
    font-family:Georgia,serif;
    font-weight:400;
    letter-spacing:-.045em}

body.theme-mandzuri .site-nav {
    position:sticky;
    top:0;
    z-index:100}

body.theme-mandzuri .site-footer {
    background:var(--cms-surface);
    border-top:1px solid var(--mandzuri-line)}

body.theme-mandzuri .cms-card {
    border-radius:8px;
    overflow:hidden}

body.theme-mandzuri .cms-card img,body.theme-mandzuri .gallery-grid img {
    transition:scale .65s ease}

body.theme-mandzuri .cms-card:hover img {
    scale:1.035}

body.theme-mandzuri .content-image {
    max-width:100%;
    height:auto}

body.theme-mandzuri .rich-content {
    max-width:none}

body.theme-mandzuri .cms-rich-table {
    max-width:100%}

@media(prefers-reduced-motion:reduce) {
    body.theme-mandzuri .cms-card img {
    transition:none}
}

