/* Commercial additions. All layout rules are scoped to the new components. */
.uk11d-commerce {
    --uk11d-commerce-ink:#29323e;
    --uk11d-commerce-muted:#647183;
    --uk11d-commerce-accent:#6268de;
    --uk11d-commerce-border:#e3e8f0;
    color:var(--uk11d-commerce-ink);
    font-family:inherit;
    font-size:16px;
    line-height:1.65;
    overflow-wrap:break-word;
}
.uk11d-commerce,.uk11d-commerce * { box-sizing:border-box; }
.uk11d-commerce h1,.uk11d-commerce h2,.uk11d-commerce h3,.uk11d-commerce p { font-family:inherit; }
.uk11d-commerce h1,.uk11d-commerce h2,.uk11d-commerce h3 { color:var(--uk11d-commerce-ink); font-weight:700; text-transform:none; letter-spacing:-.025em; }
.uk11d-commerce h1 { margin:0 0 23px; font-size:clamp(34px,3.4vw,52px); line-height:1.13; }
.uk11d-commerce h2 { margin:0; font-size:clamp(27px,2.5vw,36px); line-height:1.22; }
.uk11d-commerce h3 { margin:0 0 13px; font-size:21px; line-height:1.35; }
.uk11d-commerce p { margin:0; line-height:1.65; }
.uk11d-commerce a { text-decoration:none; }
.uk11d-commerce a:hover { text-decoration:none; }
.uk11d-commerce a:focus-visible,.uk11d-commerce button:focus-visible,.uk11d-commerce summary:focus-visible { outline:3px solid #38439a; outline-offset:5px; border-radius:5px; }
.uk11d-commerce svg { display:block; width:22px; height:22px; flex:0 0 22px; }
.uk11d-commerce__container { width:calc(100% - 64px); max-width:1280px; margin:0 auto; min-width:0; }
.uk11d-commerce__section { padding:68px 0; }
.uk11d-commerce__eyebrow { display:block; margin:0 0 14px; color:#646ccc; font-size:11px; font-weight:700; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; }
.uk11d-commerce__section-head { display:grid; grid-template-columns:1.05fr 1fr; align-items:end; gap:44px; margin-bottom:32px; }
.uk11d-commerce__section-head>* { min-width:0; }
.uk11d-commerce__section-head>p { max-width:540px; color:var(--uk11d-commerce-muted); font-size:15px; }
.uk11d-commerce__button {
    display:inline-flex; align-items:center; justify-content:center; gap:12px;
    width:auto; max-width:100%; min-height:54px; height:auto; margin:0; padding:15px 23px;
    border:1px solid var(--uk11d-commerce-accent); border-radius:11px;
    background:var(--uk11d-commerce-accent); color:#fff!important;
    font-family:inherit; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:0;
    text-align:center; text-transform:none; text-decoration:none; white-space:normal; cursor:pointer;
    box-shadow:none; transition:background .16s ease,border-color .16s ease;
}
.uk11d-commerce__button:hover { color:#fff!important; background:#5057c7; border-color:#5057c7; }
.uk11d-commerce__button--outline { background:transparent; color:#4b54a9!important; border-color:#bfc6e7; }
.uk11d-commerce__button--outline:hover { color:#37418f!important; background:#eef0fc; border-color:#8a93d4; }
.uk11d-commerce__button--light { color:#3d49a0!important; background:#fff; border-color:#d1d7ed; }
.uk11d-commerce__button--light:hover { color:#344091!important; background:#f0f2ff; border-color:#aeb9e6; }
.uk11d-commerce__text-link { display:inline-flex; align-items:center; gap:12px; max-width:100%; color:#505bc2; font-size:15px; font-weight:600; line-height:1.5; }
.uk11d-commerce__text-link:hover { color:#333e93; }
.uk11d-commerce__note { margin:23px 0 0!important; color:#6a7586; font-size:13px; line-height:1.6!important; }
.uk11d-commerce__empty { padding:34px; border:1px solid var(--uk11d-commerce-border); border-radius:18px; background:#f7f9fc; }
.uk11d-commerce__empty p { max-width:740px; color:var(--uk11d-commerce-muted); }
.uk11d-commerce__empty .uk11d-commerce__button { margin-top:24px; }
.uk11d-commerce__icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:22px; border:1px solid #e3e7fa; border-radius:13px; background:#f0f2ff; color:#6069c9; }
.uk11d-commerce__icon svg { width:25px; height:25px; flex-basis:25px; }
.uk11d-commerce .uk11d-related-card h3 { font-size:19px; line-height:1.38; letter-spacing:-.015em; }
.uk11d-commerce .uk11d-related-card { min-width:0; }

/* Production hero: the photo remains separate from the readable copy. */
.uk11d-production { width:100%; background:#fff; }
.uk11d-production__hero { padding:28px 0 64px; background:linear-gradient(118deg,#f5f6ff 0%,#f8fafc 62%,#fff 100%); border-bottom:1px solid #edf0f6; }
.uk11d-commerce__breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:0; margin:0 0 40px; background:transparent; color:#798497; font-size:12px; line-height:1.5; box-shadow:none; border:0; }
.uk11d-commerce__breadcrumbs a { color:#6570a2; }
.uk11d-production__hero-grid { display:grid; grid-template-columns:1.15fr .95fr; align-items:center; gap:54px; }
.uk11d-production__hero-grid>* { min-width:0; }
.uk11d-production__lead { max-width:610px; color:#586578; font-size:17px; line-height:1.7!important; }
.uk11d-production__hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.uk11d-production__location { display:flex; align-items:center; gap:10px; margin-top:26px; color:#6b7588; font-size:13px; }
.uk11d-production__location svg { width:18px; height:20px; flex-basis:18px; }
.uk11d-production__hero-photo { min-width:0; margin:0; border:1px solid #e3e7f0; border-radius:21px; background:#fff; box-shadow:0 15px 40px #2d385c0a; overflow:hidden; }
.uk11d-production__hero-photo>img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.uk11d-production__hero-photo figcaption { padding:20px 24px 23px; }
.uk11d-production__hero-photo figcaption>span { display:block; margin-bottom:8px; color:#748093; font-size:11px; line-height:1.5; }
.uk11d-production__hero-photo figcaption>a { display:flex; align-items:center; justify-content:space-between; gap:18px; color:#394457; font-size:14px; font-weight:600; line-height:1.5; }
.uk11d-production__hero-photo figcaption svg { color:#7077cd; }
.uk11d-production__hero-brief { padding:34px; border:1px solid #dde3f1; border-radius:20px; background:#fff; }
.uk11d-production__hero-brief h2 { margin-bottom:18px; font-size:27px; }
.uk11d-production__hero-brief ul { margin:16px 0 0; padding-left:20px; color:#677387; }
.uk11d-production__hero-brief li+li { margin-top:12px; }
.uk11d-production__offers { align-items:stretch; }
#uk11d-production-offers,#uk11d-office-warehouse { scroll-margin-top:112px; }

/* One table on larger screens; the same source values become per-object cards on phones. */
.uk11d-production__comparison { background:#f7f9fc; border-block:1px solid #edf0f5; }
.uk11d-production__table-wrap { width:100%; min-width:0; border:1px solid #dfe5ef; border-radius:16px; background:#fff; overflow:hidden; }
.uk11d-production__table { width:100%; margin:0; border:0; border-collapse:collapse; table-layout:fixed; background:#fff; color:#3c4858; font-size:14px; line-height:1.55; }
.uk11d-production__table caption { padding:17px 22px; background:#fff; color:#7a8494; font-size:12px; text-align:left; caption-side:top; }
.uk11d-production__table th,.uk11d-production__table td { padding:18px 21px; border:0; border-top:1px solid #e7ebf2; text-align:left; vertical-align:top; overflow-wrap:break-word; }
.uk11d-production__table thead th { background:#edf0f9; color:#3b475d; font-weight:600; font-size:14px; }
.uk11d-production__table thead th:first-child { width:23%; }
.uk11d-production__table th a { color:#4c59af; line-height:1.5; }
.uk11d-production__table tbody th { background:#fafbfd; color:#59677b; font-size:13px; font-weight:500; }
.uk11d-production__table td+td,.uk11d-production__table th+th { border-left:1px solid #e7ebf2; }
.uk11d-production__compare-cards { display:none; }
.uk11d-production__compare-card { min-width:0; padding:24px; border:1px solid #dee5f0; border-radius:16px; background:#fff; }
.uk11d-production__compare-card h3 { padding:0 0 20px; margin:0; font-size:19px; line-height:1.45; }
.uk11d-production__compare-card h3 a { color:#4857ac; }
.uk11d-production__compare-card dl { margin:0; }
.uk11d-production__compare-card dl>div { display:grid; grid-template-columns:.95fr 1fr; gap:16px; padding:13px 0; border-top:1px solid #e8ecf3; }
.uk11d-production__compare-card dt,.uk11d-production__compare-card dd { min-width:0; margin:0; font-size:13px; font-weight:400; line-height:1.5; }
.uk11d-production__compare-card dt { color:#738095; }
.uk11d-production__compare-card dd { color:#364256; }
.uk11d-production__requirements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uk11d-production__requirements>article { min-width:0; padding:30px; border:1px solid var(--uk11d-commerce-border); border-radius:17px; background:#fff; }
.uk11d-production__requirements>article>.uk11d-commerce__icon { margin-inline:auto; }
.uk11d-production__requirements>article>h3 { text-align:center; }
.uk11d-production__requirements p { color:var(--uk11d-commerce-muted); font-size:14px; }
.uk11d-production__office { display:grid; grid-template-columns:48px minmax(0,1fr) minmax(200px,285px); align-items:center; gap:24px; margin-top:30px; padding:30px; border:1px solid #e1e5f5; border-radius:17px; background:#f4f5fd; }
.uk11d-production__office .uk11d-commerce__icon { margin:0; background:#fff; }
.uk11d-production__office h2 { margin:0 0 10px; font-size:22px; }
.uk11d-production__office p { max-width:650px; color:#68758a; font-size:14px; }
.uk11d-production__reading { background:#fafbfe; border-block:1px solid #edf0f6; }
.uk11d-production__faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:68px; align-items:start; }
.uk11d-production__faq-layout>div { min-width:0; }
.uk11d-production__faq-layout>div>p { margin-top:20px; color:#748095; font-size:15px; }
.uk11d-production__faq { border-top:1px solid #e0e6ef; }
.uk11d-production__faq details { margin:0; border-bottom:1px solid #e0e6ef; }
.uk11d-production__faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; color:#354156; font-size:17px; font-weight:600; line-height:1.45; list-style:none; cursor:pointer; }
.uk11d-production__faq summary::-webkit-details-marker { display:none; }
.uk11d-production__faq summary::after { content:'+'; flex:0 0 26px; width:26px; height:26px; border-radius:50%; background:#f0f2fb; color:#6875b9; font-size:23px; font-weight:400; line-height:24px; text-align:center; }
.uk11d-production__faq details[open]>summary::after { content:'−'; }
.uk11d-production__faq details p { padding:0 38px 24px 0; color:#68768b; font-size:14px; }
.uk11d-production__final { padding-top:0; }
.uk11d-production__cta { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr); align-items:center; gap:60px; padding:44px 48px; border:1px solid #dfe4f5; border-radius:20px; background:linear-gradient(110deg,#f0f2fe,#f7f9fd); }
.uk11d-production__cta h2 { max-width:700px; }
.uk11d-production__cta p { max-width:650px; margin-top:18px; color:#69768b; font-size:15px; }
.uk11d-production__cta-actions { display:flex; flex-direction:column; align-items:center; min-width:0; gap:13px; }
.uk11d-production__cta-actions .uk11d-commerce__button { width:100%; }
.uk11d-production__phone { margin-top:6px; color:#3f4c66; font-size:21px; font-weight:600; line-height:1.5; }
.uk11d-production__cta-actions>span { color:#8390a4; font-size:12px; }

/* Office + warehouse: separate, independently available property groups. */
.uk11d-office-pair { margin:52px 0 60px; padding:36px; border:1px solid #e1e5f2; border-radius:20px; background:linear-gradient(135deg,#f3f5ff,#f9fafc); }
.uk11d-office-pair__heading { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:40px; margin-bottom:30px; }
.uk11d-office-pair__heading p { color:#68758a; font-size:15px; }
.uk11d-office-pair__groups { display:grid; grid-template-columns:1fr 2fr; align-items:start; gap:24px; }
.uk11d-office-pair__group { min-width:0; }
.uk11d-office-pair__group>h3 { margin:0 0 16px; font-size:20px; letter-spacing:-.01em; }
.uk11d-office-pair__cards { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
.uk11d-office-pair__group:last-child .uk11d-office-pair__cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.uk11d-office-pair__actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px 32px; margin-top:28px; }
.uk11d-office-pair .uk11d-related-card h3 { font-size:17px; line-height:1.45; }
.uk11d-office-pair .uk11d-commerce__empty { background:#fff; }
.uk11d-commerce-link { display:flex; align-items:center; justify-content:space-between; gap:32px; width:calc(100% - 40px); max-width:1200px; margin:28px auto 62px; padding:30px 34px; border:1px solid #e0e5f6; border-radius:17px; background:#f3f5fe; }
.uk11d-commerce-link>div { min-width:0; }
.uk11d-commerce-link h2 { margin:0 0 10px; font-size:25px; }
.uk11d-commerce-link p { color:#69768a; font-size:14px; }
.uk11d-commerce-link>.uk11d-commerce__button { flex:0 1 320px; }
.uk11d-commerce-link .uk11d-commerce__eyebrow { margin-bottom:9px; font-size:10px; }
.spp-cat-objects__grid>.uk11d-property-card { min-width:0; align-self:start; }
.spp-cat-info .spp-cat-objects__grid>.uk11d-property-card h3 { font-size:19px!important; line-height:1.4!important; margin:0 0 12px!important; }

@media(max-width:1099px) {
    .uk11d-production__hero-grid { gap:32px; grid-template-columns:1.1fr .9fr; }
    .uk11d-commerce h1 { font-size:38px; }
    .uk11d-production__hero-actions { flex-direction:column; align-items:stretch; }
    .uk11d-production__hero-photo figcaption { padding:18px 20px; }
    .uk11d-commerce__section-head { gap:32px; }
    .uk11d-production__requirements { gap:17px; }
    .uk11d-production__requirements>article { padding:24px; }
    .uk11d-production__office { grid-template-columns:48px minmax(0,1fr); }
    .uk11d-production__office>.uk11d-commerce__text-link { grid-column:2; }
    .uk11d-production__faq-layout { gap:40px; }
    .uk11d-production__cta { padding:36px; gap:30px; }
    .uk11d-office-pair { padding:28px; }
    .uk11d-office-pair__groups { grid-template-columns:1fr; gap:30px; }
    .uk11d-office-pair__group:first-child .uk11d-office-pair__cards { max-width:480px; }
}
@media(min-width:768px) and (max-width:899px) {
    .uk11d-production__hero-grid { grid-template-columns:1fr; }
    .uk11d-production__hero-photo { max-width:620px; }
}
@media(max-width:767px) {
    .uk11d-commerce__container { width:calc(100% - 36px); }
    .uk11d-commerce__section { padding:44px 0; }
    .uk11d-commerce h1 { font-size:clamp(26px,7.7vw,33px); line-height:1.16; overflow-wrap:normal; word-break:normal; }
    .uk11d-commerce h2 { font-size:27px; }
    .uk11d-commerce h3 { font-size:20px; }
    .uk11d-commerce__eyebrow { font-size:10px; margin-bottom:11px; }
    .uk11d-commerce__section-head { grid-template-columns:1fr; gap:16px; margin-bottom:26px; }
    .uk11d-commerce__section-head>p { max-width:none; font-size:14px; }
    .uk11d-commerce__button { padding:14px 19px; font-size:14px; }
    .uk11d-commerce__empty { padding:25px; }
    .uk11d-commerce__breadcrumbs { margin-bottom:28px; font-size:11px; gap:8px; }
    .uk11d-production__hero { padding:22px 0 38px; }
    .uk11d-production__hero-grid { grid-template-columns:1fr; gap:30px; }
    .uk11d-production__lead { font-size:15px; }
    .uk11d-production__hero-actions { margin-top:24px; }
    .uk11d-production__location { margin-top:22px; font-size:12px; }
    .uk11d-production__hero-photo { max-width:560px; border-radius:17px; }
    .uk11d-production__hero-photo>img { aspect-ratio:16/10; }
    .uk11d-production__table-wrap { display:none; }
    .uk11d-production__compare-cards { display:grid; grid-template-columns:1fr; gap:19px; }
    .uk11d-production__compare-card { padding:22px; }
    .uk11d-production__requirements { grid-template-columns:1fr; gap:16px; }
    .uk11d-production__requirements>article { padding:25px; }
    .uk11d-production__requirements .uk11d-commerce__icon { margin-bottom:18px; }
    .uk11d-production__office { grid-template-columns:1fr; gap:18px; padding:26px; }
    .uk11d-production__office>.uk11d-commerce__text-link { grid-column:auto; }
    .uk11d-production__office h2 { font-size:23px; }
    .uk11d-production__faq-layout { grid-template-columns:1fr; gap:26px; }
    .uk11d-production__faq-layout>div>p { margin-top:14px; font-size:14px; }
    .uk11d-production__faq summary { font-size:16px; padding:20px 0; }
    .uk11d-production__faq details p { padding-right:15px; }
    .uk11d-production__final { padding-top:0; }
    .uk11d-production__cta { grid-template-columns:1fr; gap:28px; padding:28px 24px; }
    .uk11d-production__cta p { font-size:14px; }
    .uk11d-production__phone { font-size:21px; }
    .uk11d-office-pair { padding:24px 20px; margin:36px 0 42px; }
    .uk11d-office-pair__heading { grid-template-columns:1fr; gap:18px; margin-bottom:26px; }
    .uk11d-office-pair__heading p { font-size:14px; }
    .uk11d-office-pair__group:first-child .uk11d-office-pair__cards { max-width:none; }
    .uk11d-office-pair__actions { align-items:flex-start; gap:22px; }
    .uk11d-office-pair__actions .uk11d-commerce__button { width:100%; }
    .uk11d-commerce-link { flex-direction:column; align-items:flex-start; width:calc(100% - 36px); gap:22px; margin:24px auto 42px; padding:25px; }
    .uk11d-commerce-link h2 { font-size:23px; }
    .uk11d-commerce-link>.uk11d-commerce__button { flex:auto; width:100%; }
    #uk11d-production-offers,#uk11d-office-warehouse { scroll-margin-top:25px; }
}
@media(max-width:599px) {
    .uk11d-office-pair__group:last-child .uk11d-office-pair__cards { grid-template-columns:1fr; }
    .uk11d-production__compare-card dl>div { gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
    .uk11d-commerce__button { transition:none; }
}