/* Scent Emotions corporate visual system — commercial enquiry.
   Names, validation and POST target remain owned by commercial.php. */
:root{--se-ink:#17232b;--se-blue:#405767;--se-muted:#71828e;--se-line:#dce3e7;--se-mist:#e8edf0;--se-powder:#c5d2d9;}
html{scroll-behavior:smooth}
body.se-commercial-page{margin:0;background:#fff;color:var(--se-ink);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.65;min-height:100vh}
.se-commercial-page *{box-sizing:border-box}
.se-commercial-page a{text-decoration:none;color:inherit}
.se-commercial-page .se-shell{max-width:1520px;padding-left:min(5.3vw,90px);padding-right:min(5.3vw,90px);margin-left:auto;margin-right:auto}
.se-commercial-page .se-header{padding:0;border-bottom:1px solid var(--se-line);background:#fff;position:relative;z-index:20}
.se-commercial-page .se-nav{max-width:1900px;min-height:100px;padding:16px min(5.3vw,90px);margin:auto;display:flex;align-items:center;gap:28px;justify-content:space-between}
.se-commercial-page .se-brand{flex:0 0 auto;display:block;line-height:0}
.se-commercial-page .se-brand img{width:clamp(170px,18vw,280px);height:auto;max-height:60px;display:block;object-fit:contain}
.se-commercial-page .se-links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,29px);margin-left:auto}
.se-commercial-page .se-links a{font-size:12px;white-space:nowrap;line-height:1.5;font-weight:500}
.se-commercial-page .se-links a:hover{color:#718c9b}
.se-commercial-page .se-nav-actions{display:flex;gap:10px;align-items:center}
.se-commercial-page .se-nav-contact{border:1px solid #586b79;border-radius:100px;padding:11px 22px;font-size:12px;white-space:nowrap;font-weight:600}
.se-commercial-page .se-nav-contact span{margin-left:13px}
.se-commercial-page .se-nav-contact:hover{background:var(--se-ink);color:#fff}
.se-commercial-page .se-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--se-line);background:#fff;cursor:pointer}
.se-commercial-page .se-menu-toggle span{width:19px;height:1px;background:var(--se-ink);display:block}
.se-commercial-page .se-mobile-menu{padding:18px 5.3vw 25px;border-top:1px solid var(--se-line);background:#fff}
.se-commercial-page .se-mobile-menu[hidden]{display:none}
.se-commercial-page .se-mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid var(--se-line);font-size:14px}
.se-commercial-page .se-hero{background:linear-gradient(115deg,#f7f9fa 0%,#e8edf0 60%,#c5d2d9 100%);border-bottom:1px solid #e2e8eb;overflow:hidden}
.se-commercial-page .se-hero-content{padding-top:88px;padding-bottom:46px}
.se-commercial-page .se-overline{letter-spacing:.23em;font-size:10px;font-weight:600;color:#71828e;line-height:1.7}
.se-commercial-page .se-line{width:36px;height:1px;display:inline-block;background:#92a6b2;vertical-align:middle;margin:0 8px}
.se-commercial-page .se-hero h1{font-family:"DM Sans",Arial,sans-serif;font-weight:300;font-size:clamp(46px,6vw,88px);letter-spacing:-.063em;line-height:1.04;max-width:1050px;margin:26px 0 26px;color:#18242c}
.se-commercial-page .se-hero h1 em{font-style:normal;color:#718a99}
.se-commercial-page .se-hero p{max-width:610px;color:#526675;font-size:17px;line-height:1.72;margin:0 0 68px}
.se-commercial-page .se-hero-meta{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #b9c8d0;padding-top:18px;font-size:10px;letter-spacing:.17em;color:#657b88}
.se-commercial-page .se-content-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.4fr);gap:clamp(38px,6vw,120px);padding-top:95px;padding-bottom:110px}
.se-commercial-page .se-side{padding-top:10px;max-width:380px}
.se-commercial-page .se-side h2{font-family:"DM Sans",Arial,sans-serif;font-weight:300;font-size:clamp(32px,3vw,46px);line-height:1.15;letter-spacing:-.047em;margin:20px 0 24px}
.se-commercial-page .se-side>p{color:#6d7b84;font-size:14px;line-height:1.85;margin-bottom:35px}
.se-commercial-page .se-note{display:flex;gap:18px;border-top:1px solid var(--se-line);padding:17px 0}
.se-commercial-page .se-note-number{font-size:11px;color:#96a8b2;letter-spacing:.08em;padding-top:3px}
.se-commercial-page .se-note p{font-size:13px;line-height:1.75;color:#6c7a83;margin:0}
.se-commercial-page .se-note strong{color:#293d4c}
.se-commercial-page .se-side-links{margin-top:37px}
.se-commercial-page .se-side-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--se-line);padding:13px 0;font-size:12px;font-weight:600}
.se-commercial-page .se-side-links a span{font-size:16px}
.se-commercial-page .se-form-panel{min-width:0}
.se-commercial-page .se-form-top{display:flex;justify-content:space-between;align-items:end;gap:15px;padding-bottom:30px;border-bottom:1px solid var(--se-line)}
.se-commercial-page .se-form-top h2{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(27px,2.8vw,38px);font-weight:400;letter-spacing:-.044em;line-height:1.25;margin:13px 0 0}
.se-commercial-page .se-required-note{font-size:11px;color:#91a0a9;white-space:nowrap}
.se-commercial-page .form{padding:18px 0 0;display:block;margin:0}
.se-commercial-page .form .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.se-commercial-page .form label{font:500 12px/1.55 "DM Sans",Arial,sans-serif;letter-spacing:.015em;color:#374d5a;display:block;margin:20px 0}
.se-commercial-page .form input:not([type=checkbox]),.se-commercial-page .form select,.se-commercial-page .form textarea{display:block;width:100%;max-width:100%;padding:15px 15px;background:#f8fafb;border:1px solid #d9e2e7;border-radius:0;color:#17232b;margin-top:9px;font:400 14px/1.5 "DM Sans",Arial,sans-serif;transition:border-color .2s,background-color .2s,box-shadow .2s}
.se-commercial-page .form input:not([type=checkbox]),.se-commercial-page .form select{min-height:52px}
.se-commercial-page .form textarea{resize:vertical;min-height:110px}
.se-commercial-page .form input:focus,.se-commercial-page .form select:focus,.se-commercial-page .form textarea:focus{outline:none;border-color:#718a99;background:#fff;box-shadow:0 0 0 3px #c5d2d955}
.se-commercial-page .form input::placeholder,.se-commercial-page .form textarea::placeholder{color:#9caab2}
.se-commercial-page .form .consent{display:flex!important;gap:13px;align-items:flex-start;border-top:1px solid var(--se-line);padding-top:29px;margin-top:32px;font-size:12px;line-height:1.8;font-weight:400;color:#61737f}
.se-commercial-page .form .consent input[type=checkbox]{width:17px!important;height:17px;flex:0 0 17px;accent-color:#405767;margin:3px 0 0!important}
.se-commercial-page .form>button[type=submit]{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:0;background:#263d4c;color:#fff;padding:19px 24px;margin-top:26px;min-height:62px;font:600 13px "DM Sans",Arial,sans-serif;cursor:pointer;transition:background .2s}
.se-commercial-page .form>button[type=submit]:hover{background:#405767}
.se-commercial-page .form>button[type=submit] span{font-size:21px;font-weight:300}
.se-commercial-page .se-footer{padding:0;border:0;border-top:1px solid var(--se-line);color:#87949b}
.se-commercial-page .se-footer-inner{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding-top:34px;padding-bottom:34px;font-size:11px}
.se-commercial-page .se-footer-inner>a:first-child{font-size:18px;color:#354a57;font-weight:400}
.se-commercial-page .se-footer-inner>a:nth-of-type(2){margin-left:auto}
.se-commercial-page .se-footer-inner small{width:100%;color:#9ba7ae}
@media(max-width:1250px){.se-commercial-page .se-links{gap:12px}.se-commercial-page .se-nav{gap:16px}.se-commercial-page .se-brand img{width:190px}}
@media(max-width:1080px){.se-commercial-page .se-links,.se-commercial-page .se-nav-contact{display:none}.se-commercial-page .se-menu-toggle{display:flex}.se-commercial-page .se-nav{min-height:82px}.se-commercial-page .se-content-grid{gap:40px}}
@media(max-width:760px){.se-commercial-page .se-content-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:75px}.se-commercial-page .se-side{max-width:none}.se-commercial-page .se-form-panel{width:100%}.se-commercial-page .se-hero-content{padding-top:65px}.se-commercial-page .se-hero p{font-size:15px;margin-bottom:42px}.se-commercial-page .se-hero-meta span:last-child{display:none}.se-commercial-page .form .grid2{grid-template-columns:1fr}.se-commercial-page .se-form-top{align-items:start;flex-direction:column}.se-commercial-page .se-shell{padding-left:22px;padding-right:22px}.se-commercial-page .se-hero h1{font-size:clamp(43px,8vw,65px)}}