/* Task 807: compact navigation and editable company/contact page layouts. */
@media(min-width:1025px){
#header .nav>.ui.container.menu{max-width:1800px;width:96%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between}
#header .nav .box{width:auto!important;flex:0 1 auto!important;display:flex;gap:24px;margin-inline-start:auto}
#header .menu-box{width:auto!important;flex:0 1 auto!important}
#header #desktop-menu-list{display:flex!important;justify-content:flex-end!important;gap:clamp(22px,3vw,58px)!important;width:auto!important}
#header #desktop-menu-list>li{width:auto!important;flex:none!important;margin:0!important;padding:0!important}
#header #desktop-menu-list>li>a{padding-inline:0!important;white-space:nowrap}
#header .box>.h-search,#header .box>.yuy{margin:0!important;flex:none}
}
.hj807-page-heading{min-height:170px;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#08141fdd,#13334bdd),url(images/category-accessories.webp) center/cover}
.hj807-page-heading .cgb2b-breadcrumbs{justify-content:center;padding:24px;margin:0}
.hj807-page-nav{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #2c3339;gap:30px;padding-inline:3%}
.hj807-page-nav h1{background:linear-gradient(120deg,#17638b,#338ec1);border-radius:12px;padding:25px 65px;margin:-35px 0 0;min-width:300px;text-align:center;font-size:44px;line-height:1.2;color:white}
.hj807-page-nav nav{display:flex;flex-wrap:wrap;gap:30px;padding:26px 0}
.hj807-page-nav nav a{color:#aab4ba;font-size:22px;font-weight:700}
.hj807-page-nav nav a[aria-current]{color:#56b4e4}
.hj807-editorial{padding-block:80px}
.hj807-editorial.is-split{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:65px}
.hj807-editorial .cgb2b-entry-content{color:#afb9c0;font-family:Arial,sans-serif;font-size:17px;line-height:1.85}
.hj807-editorial .cgb2b-entry-content h2{font-family:inherit;font-size:38px;line-height:1.3;color:#fff;margin:0 0 32px}
.hj807-editorial .cgb2b-entry-content h3{font-size:20px;color:white;margin:25px 0 8px}
.hj807-editorial .cgb2b-entry-content h3:before{content:"•";color:#4ca3db;margin-inline-end:12px}
.hj807-editorial-media{margin:0}
.hj807-editorial-media img,.hj807-editorial-media video{width:100%;height:auto;max-height:730px;object-fit:cover;display:block}
.hj807-quote-banner{background:linear-gradient(90deg,#0b283eed,#0b283ecc),url(images/category-accessories.webp) center/cover;padding:70px 5%}
.hj807-quote-banner>div{max-width:1500px;margin:auto;display:flex;gap:35px;align-items:center;justify-content:space-between}
.hj807-quote-banner h2{font-size:34px;line-height:1.5;color:white;max-width:900px;margin:0}
.hj807-quote-banner a{border-radius:50px;background:#179ecc;color:#fff;min-width:210px;justify-content:center;white-space:nowrap;padding:18px 28px}
.hj807-contact-location{padding-top:65px}
.hj807-map{border:0;display:block;width:94%;height:440px;margin:auto;background:#10202d}
.hj807-map-placeholder{background:#0b1822 url(images/footer-world-map.png) center/contain no-repeat}
.hj807-contact-card{position:relative;display:grid;grid-template-columns:30% 70%;width:80%;max-width:1250px;margin:-240px auto 70px;background:#f1f2f4;min-height:320px}
.hj807-contact-card-title{background:linear-gradient(#299bdccc,#299bdccc),var(--card-image);background-size:cover;padding:50px 30px;display:flex;align-items:center}
.hj807-contact-card-title h2{font-size:38px;line-height:1.4;color:#fff;text-transform:uppercase}
.hj807-contact-card-body{padding:45px;color:#253643}
.hj807-contact-card-body h2{font-size:30px;color:#122432;margin:0 0 25px}
.hj807-contact-card-body>a{display:inline-flex;gap:12px;margin:12px 22px 12px 0;color:#246e99}
.hj807-contact-card-body p{color:#344653}
.hj807-contact-card-body .hj807-contact-message{display:block;border-top:1px solid #d7dce0;padding-top:20px}
.hj807-team{padding-block:30px 80px;text-align:center}
.hj807-team>h2{font-size:44px;color:white;margin-bottom:45px}
.hj807-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.hj807-team-grid img,.hj807-team-avatar{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#17364a}
.hj807-team-avatar{display:grid;place-items:center;font-size:80px;color:#5fb3df}
.hj807-team-grid h3{color:white;font-size:27px;margin:22px 0 12px}
.hj807-team-grid a{display:block;overflow-wrap:anywhere;color:#9cadb8;margin:8px 0}
.hj807-contact-form{padding-block:55px 85px}
body .hj807-simple-inquiry.cgqs-quote-wrap{display:grid!important;grid-template-columns:45% 55%!important;gap:0!important;padding:0!important;border:0!important;background:#fff!important;color:#1b2c39!important}
.hj807-inquiry-picture{grid-column:1;grid-row:1;margin:0;min-height:640px}
.hj807-inquiry-picture img{width:100%;height:100%;object-fit:cover;display:block}
body .hj807-simple-inquiry .cgqs-cart{display:none!important}
body .hj807-simple-inquiry.has-inquiry-items .cgqs-cart{display:block!important;grid-column:1;grid-row:2;background:#f3f5f7;color:#263e4b;padding:30px}
body .hj807-simple-inquiry.has-inquiry-items .cgqs-form{grid-row:1/3}
body .hj807-simple-inquiry .cgqs-form{grid-column:2;grid-row:1;min-width:0;padding:48px;background:white;color:#243541}
body .hj807-simple-inquiry .cgqs-form h2,body .hj807-simple-inquiry .cgqs-cart h2{color:#182b39!important;font-size:32px}
body .hj807-simple-inquiry .cgqs-form p{color:#6e7881!important;font-size:17px;line-height:1.65}
body .hj807-simple-inquiry .cgqs-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
body .hj807-simple-inquiry label{display:block;color:#495966!important;font-size:16px}
body .hj807-simple-inquiry .hj807-wide{grid-column:1/-1}
body .hj807-simple-inquiry input:not(.cgqs-honeypot),body .hj807-simple-inquiry textarea{width:100%;background:#f3f4fa!important;color:#263744!important;border:1px solid transparent!important;border-radius:6px!important;min-height:60px;padding:16px;margin-top:8px;box-shadow:none}
body .hj807-simple-inquiry input:focus,body .hj807-simple-inquiry textarea:focus{outline:2px solid #4ca3db;outline-offset:2px}
body .hj807-simple-inquiry .cgqs-form__message{margin-top:25px}
body .hj807-simple-inquiry textarea{min-height:170px}
body .hj807-simple-inquiry .hj807-privacy{font-size:15px;margin:25px 0}
body .hj807-simple-inquiry .cgqs-form__submit{background:#4ca3db;color:white;border-radius:4px;padding:16px 30px;width:auto}
#footer .list>ul.grid-box{display:grid!important;grid-template-columns:1.15fr .8fr 1fr 1.2fr!important;gap:40px}
#footer .list>ul.grid-box>li{width:auto!important;margin:0!important;display:block!important}
#footer .list>ul.grid-box:has(.footer-qr){grid-template-columns:1.15fr .8fr 1fr 1.2fr .8fr!important}
@media(max-width:1100px){.hj807-page-nav{align-items:center}.hj807-page-nav h1{min-width:220px;font-size:32px;padding:24px 35px}.hj807-page-nav nav{gap:18px}.hj807-page-nav nav a{font-size:18px}.hj807-editorial.is-split{gap:35px}body .hj807-simple-inquiry .cgqs-form{padding:30px}#footer .list>ul.grid-box,#footer .list>ul.grid-box:has(.footer-qr){grid-template-columns:1fr 1fr!important}}
@media(max-width:767px){
.hj807-page-heading{min-height:115px}.hj807-page-nav{display:block}.hj807-page-nav h1{display:inline-block;margin-top:-22px;font-size:28px;min-width:190px}.hj807-page-nav nav{gap:15px;padding:22px 0}.hj807-page-nav nav a{font-size:17px}
.hj807-editorial{padding-block:40px}.hj807-editorial.is-split{grid-template-columns:1fr}.hj807-editorial .cgb2b-entry-content h2{font-size:28px}
.hj807-quote-banner{padding:40px 6%}.hj807-quote-banner>div{display:block}.hj807-quote-banner h2{font-size:26px;margin-bottom:24px}.hj807-quote-banner a{display:inline-flex}
.hj807-map{height:230px}.hj807-contact-location{padding-top:35px}.hj807-contact-card{width:90%;grid-template-columns:1fr;margin:-100px auto 35px}.hj807-contact-card-title{padding:20px 25px}.hj807-contact-card-title h2{font-size:26px;margin:0}.hj807-contact-card-body{padding:25px}.hj807-contact-card-body h2{font-size:25px}
.hj807-team-grid{grid-template-columns:1fr 1fr;gap:25px}.hj807-team>h2{font-size:32px}
body .hj807-simple-inquiry.cgqs-quote-wrap{grid-template-columns:1fr!important}.hj807-inquiry-picture{grid-column:1;grid-row:1;min-height:0;height:260px}
body .hj807-simple-inquiry .cgqs-form,body .hj807-simple-inquiry.has-inquiry-items .cgqs-form{grid-column:1;grid-row:3;padding:25px}
body .hj807-simple-inquiry.has-inquiry-items .cgqs-cart{grid-column:1;grid-row:2}
body .hj807-simple-inquiry .cgqs-form h2{font-size:27px}
body .hj807-simple-inquiry .cgqs-form__grid{grid-template-columns:1fr;gap:20px}
#footer .list>ul.grid-box,#footer .list>ul.grid-box:has(.footer-qr){grid-template-columns:1fr 1fr!important;gap:25px}#footer .list>ul.grid-box>li.footer-contact{grid-column:1/-1}
}

.hj807-inquiry-picture{position:relative}
.hj807-inquiry-picture img{position:absolute;inset:0;height:100%!important;max-height:none!important}
.hj807-page-nav h1,.hj807-contact-card-title h2,.hj807-quote-banner h2,body .hj807-simple-inquiry .cgqs-form h2{font-weight:700}

#footer .footer-top{height:auto!important;min-height:0!important}
#footer .footer-top .list,#footer .footer-top .list>ul{height:auto!important;min-height:0!important}
#footer .footer-top .list>ul>li{position:static!important}
#footer .footer-bottom{clear:both}
