@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;1,500&family=Manrope:wght@400;500;600;700&display=swap');

/* =========================================================
   Steelmec landing — tokens
   ========================================================= */
:root {
    --sm-accent: #087da3;
    --sm-dark: #182226;
    --sm-darker: #171c1f;
    --sm-light: #f3f6f7;
    --sm-ink: #101415;
    --sm-title: #151a1d;
    --sm-line: rgba(16, 20, 21, .16);
    --sm-head-font: 'Barlow Condensed', sans-serif;
    --sm-body-font: 'Manrope', sans-serif;
    --sm-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }
#system-message-container:empty { display: none; }

/* Home: sezioni a tutta larghezza (il template avvolge l'articolo in .container) */
body.itemid-112 .art-postcontent > .container,
body.itemid-112 #article-center { max-width: none; padding: 0; }
body.itemid-112 .com-content-article__body { margin: 0; }
body.itemid-112 .art-sheet { padding: 0; }
body.itemid-112 .art-postcontent { margin: 0; padding: 0; }

/* =========================================================
   Header
   ========================================================= */
header.container-header { background: #fff; border-bottom: 1px solid var(--sm-line); }
header .art-nav-container { padding: 0 32px; }
header .navbar { min-height: 96px; padding: 0; justify-content: space-between; flex-wrap: nowrap; }
header .art-logo img { width: 236px; height: auto; display: block; }
header .navbar-nav { align-items: center; gap: 36px; }
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link {
    padding: 0; color: var(--sm-ink); font: 600 14px/21px var(--sm-body-font);
    letter-spacing: .08em; text-transform: uppercase;
}
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-item { height: auto; }
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link { height: auto; line-height: 21px; }
header .offcanvas-body { align-items: center; }
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link:hover { color: var(--sm-accent); }
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link.sm-cta {
    display: inline-flex; align-items: center; gap: 18px; min-height: 46px; padding: 0 18px;
    background: var(--sm-accent); border: 1px solid var(--sm-accent); border-radius: 4px; color: #fff;
}
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link.sm-cta:hover { background: #066a8c; color: #fff; }
header .menu-bootstrap5 .mod-menu_bootstrap5 .nav-link.sm-cta::after {
    content: ""; width: 15.39px; height: 15.39px; background: currentColor;
    -webkit-mask: var(--sm-arrow) center / 12.25px 14px no-repeat; mask: var(--sm-arrow) center / 12.25px 14px no-repeat;
}

/* =========================================================
   Elementi comuni
   ========================================================= */
.sm-sec, .sm-footer { font-family: var(--sm-body-font); scroll-margin-top: 96px; }
.sm-sec { position: relative; overflow: hidden; }
.sm-sec .section-container { position: relative; z-index: 1; }
.sm-light, .sm-dark { padding: 115px 0; }
.sm-wrap { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }

.sm-arr {
    display: inline-block; flex: none; width: 15.39px; height: 15.39px; background: currentColor;
    -webkit-mask: var(--sm-arrow) center / 12.25px 14px no-repeat; mask: var(--sm-arrow) center / 12.25px 14px no-repeat;
}

.sm-sec .sm-eyebrow {
    display: flex; align-items: center; gap: 12px; margin: 0; font: 700 14px/21px var(--sm-body-font);
    letter-spacing: .18em; text-transform: uppercase; color: #777d80;
}
.sm-sec .sm-eyebrow span { width: 28px; height: 2px; background: var(--sm-accent); }
.sm-dark .sm-eyebrow, .sm-hero .sm-eyebrow { color: rgba(255, 255, 255, .68); }

.sm-sec .sm-h1, .sm-sec .sm-h2 {
    margin: 0; font-family: var(--sm-head-font); font-weight: 600; text-transform: uppercase; line-height: .9;
    letter-spacing: -.035em; color: var(--sm-title);
}
.sm-sec .sm-h1 { margin-top: 56px; font-size: clamp(56px, 10.1vw, 122px); color: #fff; }
.sm-sec .sm-h2 { margin-top: 32px; font-size: clamp(42px, 6.3vw, 76px); }
.sm-dark .sm-h2 { color: #fff; }
.sm-sec .sm-h1 em, .sm-sec .sm-h2 em { font-style: italic; font-weight: 500; color: var(--sm-accent); }

.sm-sec .sm-label {
    margin: 0; font: 700 14px/21px var(--sm-body-font); letter-spacing: .16em; text-transform: uppercase; color: var(--sm-accent);
}

.sm-sec a.sm-btn, .sm-sec a.sm-textlink {
    display: inline-flex; align-items: center; text-decoration: none;
    font: 700 14px/21px var(--sm-body-font); text-transform: uppercase;
}
.sm-sec a.sm-btn {
    justify-content: center; gap: 35px; min-height: 55px; padding: 0 22px; border-radius: 4px;
    background: var(--sm-accent); color: #fff; letter-spacing: .13em; transition: background .2s;
}
.sm-sec a.sm-btn:hover { background: #066a8c; color: #fff; }
.sm-sec a.sm-textlink { gap: 15px; letter-spacing: .1em; color: inherit; }
.sm-sec a.sm-textlink:hover { color: var(--sm-accent); }
.sm-sec a.sm-textlink.sm-accent { gap: 18px; color: var(--sm-accent); letter-spacing: .14em; }
.sm-sec a.sm-textlink.sm-accent:hover { color: #fff; }

.sm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
.sm-sec .sm-head-text { flex: none; width: 375px; margin: 0; padding-bottom: 16px; font-size: 14px; line-height: 1.8; color: #686e71; }
.sm-dark .sm-head-text { color: #b5c0c4; }

.sm-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 120px 100px; }

/* =========================================================
   Hero
   ========================================================= */
.sm-hero {
    min-height: 704px; padding: 114px 0 46px; color: #fff;
    background-image:
        linear-gradient(90deg, rgba(13, 17, 19, .94) 0%, rgba(13, 17, 19, .76) 46%, rgba(13, 17, 19, .15) 100%),
        linear-gradient(0deg, rgba(13, 17, 19, .64) 0%, rgba(13, 17, 19, 0) 50%),
        url('../../../images/landing/hero.jpg');
    background-size: cover; background-position: center;
}
.sm-hero .sm-wrap { position: relative; }
.sm-hero .sm-wrap::before {
    content: ""; position: absolute; top: -300px; bottom: -300px; left: 0; right: 0;
    border-inline: 1px solid rgba(255, 255, 255, .08); pointer-events: none;
}
.sm-hero .sm-lead { max-width: 560px; margin: 60px 0 0; font-size: 15px; line-height: 27px; color: rgba(255, 255, 255, .72); }
.sm-hero .sm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 34px; margin-top: 64px; }
.sm-sec.sm-hero a.sm-textlink { gap: 14px; color: #fff; letter-spacing: .12em; }
.sm-sec.sm-hero a.sm-textlink:hover { color: var(--sm-accent); }
.sm-hero .sm-down { font-size: 18px; line-height: 27px; color: var(--sm-accent); }

/* =========================================================
   Chi siamo
   ========================================================= */
.sm-chi-sec::after { content: ""; position: absolute; top: 0; bottom: 0; left: 91.9%; width: 1px; background: var(--sm-line); }
.sm-chi-body { padding-top: 41px; }
.sm-sec .sm-big { margin: 0; font-size: 22px; line-height: 33px; font-weight: 500; color: var(--sm-ink); }
.sm-sec .sm-copy { margin: 32px 0 0; font-size: 14px; line-height: 1.85; color: #5c6265; }
.sm-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 52px 0 0; padding-top: 25px; border-top: 1px solid var(--sm-line); }
.sm-facts dt { font: 700 18px/27px var(--sm-head-font); text-transform: uppercase; color: var(--sm-title); }
.sm-facts dd { margin: 7px 0 0; font-size: 14px; line-height: 21px; color: #858a8c; }

/* =========================================================
   Servizi
   ========================================================= */
.sm-svc-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 84px;
    border-block: 1px solid rgba(255, 255, 255, .15);
}
@media (min-width: 1300px) { .sm-svc-grid { margin-inline: -36px; } }
.sm-svc { display: flex; flex-direction: column; align-items: flex-start; padding: 40px 26px 34px; border-inline: 1px solid rgba(255, 255, 255, .15); }
.sm-svc-top { display: flex; align-items: flex-start; height: 45px; }
.sm-svc-top img { margin: 4.5px; }
.sm-svc-top span { font: 400 14px/21px var(--sm-head-font); color: #707679; }
.sm-sec .sm-svc h3 { margin: 72px 0 13px; font: 600 25px/1.5 var(--sm-head-font); text-transform: uppercase; color: #fff; }
.sm-sec .sm-svc p { margin: 0; font-size: 14px; line-height: 1.8; color: #b5c0c4; }

/* =========================================================
   Lavorazioni
   ========================================================= */
.sm-lav::before { content: ""; position: absolute; right: 0; top: 502px; width: 38%; height: 639px; background: #e8edef; }
.sm-sec.sm-lav .sm-head-text { width: 410px; }
.sm-lav-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 84px; }
.sm-lav-card { display: flex; flex-direction: column; min-height: 610px; background: var(--sm-darker); }
.sm-lav-2 { background: var(--sm-dark); }
.sm-lav-img { position: relative; display: flex; height: 230px; overflow: hidden; }
.sm-lav-img img { flex: 1 1 0; min-width: 0; width: 100%; height: 100%; object-fit: cover; }
.sm-lav-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(16, 20, 22, .7), rgba(16, 20, 22, 0) 60%); }
.sm-lav-badge {
    position: absolute; z-index: 1; right: 24px; bottom: 18px; display: grid; grid-template-columns: auto auto;
    justify-items: end; align-items: end; column-gap: 9px;
}
.sm-lav-badge small { grid-column: 1 / -1; font: 700 14px/21px var(--sm-body-font); letter-spacing: .15em; text-transform: uppercase; color: rgba(255, 255, 255, .82); }
.sm-lav-badge b { font: 600 66px/52.8px var(--sm-head-font); letter-spacing: -.04em; color: var(--sm-accent); }
.sm-lav-badge span { padding-bottom: 2px; font: 600 14px/21px var(--sm-body-font); text-transform: uppercase; color: #fff; }
.sm-lav-body { padding: 40px 38px 30px; }
.sm-sec .sm-lav-body h3, .sm-sec .sm-partner h3 { margin: 12px 0 0; font: 600 29px/1.5 var(--sm-head-font); text-transform: uppercase; color: #fff; }
.sm-list { margin: 32px 0 0; padding: 0; list-style: none; }
.sm-list li {
    display: grid; grid-template-columns: 30px 1fr; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .11);
    font-size: 14px; line-height: 21px; color: #d0d4d5;
}
.sm-list li span { font-family: var(--sm-head-font); color: #676f72; }
.sm-lav-2 .sm-list li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .11); }
.sm-partner { margin-top: 40px; padding: 40px 38px; background: var(--sm-darker); }
.sm-sec .sm-partner p:last-child { margin: 12px 0 0; font-size: 14px; line-height: 1.8; color: #c7d1db; }

/* =========================================================
   Approccio
   ========================================================= */
.sm-app { gap: 120px 110px; }
.sm-steps { margin: 0; padding: 0; list-style: none; }
.sm-steps li {
    display: grid; grid-template-columns: 55px 1fr; column-gap: 28px; min-height: 160px; padding-top: 22px;
    border-top: 1px solid var(--sm-line);
}
.sm-steps li:last-child { border-bottom: 1px solid var(--sm-line); }
.sm-steps b { font: 700 38px/30px var(--sm-head-font); color: var(--sm-accent); }
.sm-sec .sm-steps h3 { margin: 2px 0 0; font: 700 22px/33px var(--sm-head-font); text-transform: uppercase; color: var(--sm-title); }
.sm-sec .sm-steps p { margin: 7px 0 0; font-size: 14px; line-height: 1.7; color: #747a7d; }

/* =========================================================
   Contatti
   ========================================================= */
.sm-sec.sm-contact .sm-head-text { width: 390px; padding-bottom: 32px; }
.sm-contact-grid.row { display: grid; grid-template-columns: 697fr 418fr; gap: 45px; margin-top: 96px; align-items: start; }
.sm-contact-grid.row > * { width: auto; max-width: none; }
.sm-form { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, .16); }
.sm-form .art-captcha { margin: 0 !important; }
.sm-form .row { --bs-gutter-x: 25px; }
.sm-form .mb-3 { margin-bottom: 32px !important; }
.sm-form .form-label {
    margin-bottom: 9px; font: 600 14px/21px var(--sm-body-font); letter-spacing: .1em; text-transform: uppercase; color: #949a9d;
}
.sm-form .form-label sup { top: 0; font-size: inherit; color: var(--sm-accent); }
.sm-form .form-control {
    height: 38px; padding: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .18); border-radius: 0;
    background: transparent; box-shadow: none; font: 600 14px var(--sm-body-font); color: #fff;
}
.sm-form textarea.form-control { height: 92px; padding-top: 10px; }
.sm-form .form-control:focus { border-bottom-color: var(--sm-accent); }
.sm-form .form-control::placeholder { color: #5d6467; }
.sm-form .kw-dropzone {
    display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 24px; text-align: center;
    border: 1.5px dashed #0a80b0; border-radius: 4px; background: rgba(255, 255, 255, .04); transition: background .2s;
}
.sm-form .kw-dropzone:hover, .sm-form .kw-dropzone:focus-within { background: rgba(255, 255, 255, .08); }
.sm-form .kw-dropzone-text { font: 600 14px/1.4 var(--sm-body-font); color: #d9e0e5; }
.sm-form .kw-dropzone-hint { font: 600 12px/1.4 var(--sm-body-font); color: #8c99a6; }
.sm-form .kw-dropzone { position: relative; }
.sm-form .kw-dropzone-active {
    position: absolute; inset: 0; display: none; align-items: center; justify-content: center; border-radius: 3px;
    background: rgba(8, 125, 163, .22); font: 700 14px/1.4 var(--sm-body-font); letter-spacing: .13em; text-transform: uppercase;
    color: #fff; pointer-events: none;
}
.sm-form .kw-dropzone.is-dragover { border-style: solid; border-color: var(--sm-accent); background: rgba(8, 125, 163, .1); }
.sm-form .kw-dropzone.is-dragover > :not(.kw-dropzone-active) { opacity: .2; }
.sm-form .kw-dropzone.is-dragover .kw-dropzone-active { display: flex; }
.sm-form .kw-dropzone input[type=file].form-control {
    width: auto; max-width: 100%; height: auto; padding: 0; border: 0; background: transparent; font-size: 12px; color: #8c99a6;
}
.sm-form .kw-dropzone input[type=file]::file-selector-button {
    margin-right: 12px; padding: 9px 18px; border: 1px solid #0a80b0; border-radius: 2px; background: transparent;
    font: 600 12px var(--sm-body-font); text-transform: uppercase; color: #0a80b0; cursor: pointer;
}
.sm-form .form-check { display: flex; align-items: flex-start; gap: 10px; max-width: 330px; padding: 0; }
.sm-form .form-check-input { flex: none; float: none; margin: 5px 0 0; }
.sm-form .form-check-label { font: 600 14px/1.6 var(--sm-body-font); letter-spacing: .05em; text-transform: uppercase; color: #949a9d; }
.sm-form .form-check-label a { color: inherit; text-decoration: underline; }
.sm-form .kw-form-footer { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.sm-form .kw-form-footer.has-consent { justify-content: space-between; }
.sm-form .kw-form-footer > .mb-3 { flex: 0 1 330px; width: auto; margin: 0 !important; }
.sm-form .art-button, .sm-form button[type=submit] {
    display: inline-flex; align-items: center; gap: 35px; min-height: 55px; padding: 0 22px; border: 0; border-radius: 4px;
    background: var(--sm-accent); color: #fff; font: 700 14px/21px var(--sm-body-font); letter-spacing: .13em; text-transform: uppercase;
}
.sm-form button[type=submit]::after {
    content: ""; width: 15.39px; height: 15.39px; background: currentColor;
    -webkit-mask: var(--sm-arrow) center / 12.25px 14px no-repeat; mask: var(--sm-arrow) center / 12.25px 14px no-repeat;
}
.sm-form button[type=submit]:hover { background: #066a8c; }

.sm-side { background: #232a2e; }
.sm-side iframe { display: block; width: 100%; height: 270px; border: 0; background: #eee; }
.sm-side-body { padding: 26px 28px 29px; }
.sm-sec .sm-side h3 { margin: 10px 0 0; font: 400 28px/42px var(--sm-head-font); text-transform: uppercase; color: #fff; }
.sm-side address { margin: 4px 0 0; font-size: 14px; line-height: 23.8px; color: #b5c0c4; }
.sm-side-links { display: flex; flex-direction: column; gap: 8px; margin: 20px 0 24px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .12); }
.sm-sec .sm-side-links a { font: 600 14px/21px var(--sm-body-font); color: #fff; text-decoration: none; }
.sm-sec .sm-side a.sm-textlink { color: #fff; letter-spacing: .1em; }
.sm-sec .sm-side a.sm-textlink:hover { color: var(--sm-accent); }

/* =========================================================
   Footer
   ========================================================= */
.art-footer { padding: 0; background: #fff; }
.sm-footer { padding: 64px 0 24px; }
.sm-foot-grid {
    display: grid; grid-template-columns: 334px 230px 230px 1fr; gap: 60px 45px; min-height: 280px;
    border-bottom: 1px solid var(--sm-line);
}
.art-footer .sm-foot-grid p { width: 290px; max-width: 100%; margin: 28px 0 0; font-size: 14px; line-height: 23.8px; color: #60696c; }
.art-footer .sm-foot-grid h3 { margin: 0 0 16px; font: 600 20px/30px var(--sm-head-font); text-transform: uppercase; color: var(--sm-accent); }
.art-footer .sm-foot-grid a, .art-footer .sm-foot-grid span, .art-footer .sm-foot-grid address { display: block; margin: 0 0 8px; font-size: 14px; line-height: 23.8px; color: #596265; text-decoration: none; }
.art-footer .sm-foot-grid joomla-hidden-mail { display: block; }
.art-footer .sm-foot-grid a:hover { color: var(--sm-accent); }
.art-footer .sm-foot-grid > div:first-child a { margin: 0; }
.art-footer .sm-foot-bar, .art-footer .sm-foot-bar p { color: #667074; }
.sm-foot-bar { display: flex; align-items: center; justify-content: space-between; min-height: 64px; margin-top: 32px; font-size: 14px; line-height: 21px; color: #667074; }
.art-footer .sm-foot-bar p { margin: 0; }
.art-footer .sm-foot-bar a { margin-left: 22px; color: inherit; text-decoration: none; }
.art-footer .sm-foot-bar a:first-child { margin-left: 0; }
.art-footer .sm-foot-bar a:hover { color: var(--sm-accent); }

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1199.98px) {
    .sm-svc-grid { grid-template-columns: repeat(2, 1fr); }
    .sm-foot-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 991.98px) {
    header .art-nav-container { padding: 0 16px; }
    header .art-logo img { width: 180px; }
    header .navbar-nav { align-items: flex-start; gap: 20px; padding-top: 12px; }
    .sm-light, .sm-dark { padding: 72px 0; }
    .sm-grid-2, .sm-app, .sm-lav-grid, .sm-contact-grid.row { grid-template-columns: 1fr; gap: 48px; }
    .sm-head { flex-direction: column; align-items: flex-start; gap: 24px; }
    .sm-sec .sm-head-text, .sm-sec.sm-lav .sm-head-text, .sm-sec.sm-contact .sm-head-text { width: auto; padding-bottom: 0; }
    .sm-chi-body { padding-top: 0; }
    .sm-chi-sec::after, .sm-lav::before { display: none; }
    .sm-svc-grid, .sm-lav-grid, .sm-contact-grid.row { margin-top: 48px; }
    .sm-hero { padding-top: 72px; }
}

@media (max-width: 575.98px) {
    .sm-svc-grid, .sm-foot-grid, .sm-facts { grid-template-columns: 1fr; }
    .sm-svc-grid { gap: 0; }
    .sm-svc { border-bottom: 1px solid rgba(255, 255, 255, .15); }
    .sm-lav-body, .sm-partner { padding-inline: 24px; }
    .sm-lav-badge b { font-size: 48px; line-height: 40px; }
    .sm-form .kw-form-footer { flex-direction: column; align-items: flex-start; }
    .sm-form .kw-form-footer > .mb-3 { flex-basis: auto; }
    .sm-foot-bar { flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 0; }
}

/* =========================================================
   Cookie banner + preferenze (mod_kw_cookies)
   ========================================================= */
body #kw_cookie {
    --bs-gutter-x: 0;
    align-items: center; gap: 16px 32px; padding: 20px max(24px, calc(50% - 580px));
    border-top: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 -12px 32px rgba(13, 17, 19, .28);
    font: 400 14px/1.7 var(--sm-body-font);
}
body #kw_cookie > .col-lg-9 { flex: 1 1 0; width: auto; padding: 0; }
body #kw_cookie > .col-lg-3 { flex: none; width: auto; display: flex; flex-wrap: wrap; gap: 12px; padding: 0; }
body #kw_cookie span:first-child { margin-right: 6px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; }
body #kw_cookie .infoplus { white-space: nowrap; }
body #kw_cookie .infoplus a { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }

.mc-btn, #modalCookieType .art-button, #manageCookieButton {
    display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; padding: 0 22px;
    border: 1px solid var(--sm-accent); border-radius: 4px; background: var(--sm-accent); color: #fff;
    font: 700 14px/21px var(--sm-body-font); letter-spacing: .13em; text-transform: uppercase; cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}
body #kw_cookie .accept { margin: 0; min-width: 0; }
.mc-btn:hover, #modalCookieType .art-button:hover, #manageCookieButton:hover { background: #066a8c; border-color: #066a8c; color: #fff; }
.mc-btn--ghost, #modalCookieType .deny-all { background: transparent; border-color: rgba(255, 255, 255, .4); }
.mc-btn--ghost:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
#modalCookieType .deny-all { margin-right: 16px; border-color: var(--sm-line); color: var(--sm-ink); }
#modalCookieType .deny-all:hover { background: var(--sm-light); border-color: var(--sm-ink); color: var(--sm-ink); }
#modalCookieType .modal-footer .art-button:hover { margin-left: auto !important; }
#manageCookieButton { padding: 0; }

#modalCookieType .modal-content { border: 0; border-radius: 0; font-family: var(--sm-body-font); }
#modalCookieType .modal-header, #modalCookieType .modal-footer, #modalCookieType .border-bottom { border-color: var(--sm-line) !important; }
#modalCookieType .modal-header, #modalCookieType .modal-footer { padding: 24px 32px; }
#modalCookieType .modal-title { font: 600 28px/1 var(--sm-head-font); letter-spacing: -.01em; text-transform: uppercase; color: var(--sm-title); }
#modalCookieType h6 { margin: 0 0 6px; font: 700 18px/27px var(--sm-head-font); text-transform: uppercase; color: var(--sm-title); }
#modalCookieType p { margin: 0; font-size: 14px; line-height: 1.7; color: #5c6265; }
#modalCookieType .modal-body .row { padding: 24px 32px !important; }
#modalCookieType .form-check-input { cursor: pointer; }
#modalCookieType .form-check-input:checked { background-color: var(--sm-accent); border-color: var(--sm-accent); }
#modalCookieType .form-check-input:focus { border-color: var(--sm-accent); box-shadow: 0 0 0 .25rem rgba(8, 125, 163, .25); }
#modalCookieType .btn-close:focus { box-shadow: 0 0 0 .25rem rgba(8, 125, 163, .25); }

@media (max-width: 991.98px) {
    body #kw_cookie { flex-direction: column; align-items: flex-start; padding: 16px 24px; }
    body #kw_cookie > .col-lg-3 { width: 100%; }
    body #kw_cookie .mc-btn { flex: 1 1 auto; }
    #modalCookieType .modal-header, #modalCookieType .modal-footer { padding: 16px 20px; }
    #modalCookieType .modal-body .row { padding: 16px 20px !important; }
}