@import url("./ultraline-catalog-v43.css");

:root {
  --ul-ink: #111827;
  --ul-ink-soft: #344054;
  --ul-navy: #13243a;
  --ul-navy-hover: #0b1929;
  --ul-gold: #b58a46;
  --ul-gold-soft: #f1e7d5;
  --ul-warm: #f7f5f0;
  --ul-surface: #ffffff;
  --ul-line: #d9dee7;
  --ul-success: #237a45;
  --ul-danger: #b42318;
  --ul-radius-sm: .5rem;
  --ul-radius: .875rem;
  --ul-radius-lg: 1.25rem;
  --ul-shadow: 0 8px 28px rgba(17, 24, 39, .08);
  --ul-content: 1440px;
  --ul-space-1: .25rem;
  --ul-space-2: .5rem;
  --ul-space-3: .75rem;
  --ul-space-4: 1rem;
  --ul-space-5: 1.5rem;
  --ul-space-6: 2rem;
  --ul-space-7: 3rem;
  --ul-space-8: 4rem;
}
html { font-size: 100%; scroll-behavior: smooth; }
body {
  color: var(--ul-ink);
  background: var(--ul-surface);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body, button, input, select, textarea { letter-spacing: -.005em; }
h1, h2, h3, h4, h5, h6 {
  color: var(--ul-ink);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
}
h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
h2 { font-size: clamp(1.625rem, 3vw, 2.5rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
a { color: var(--ul-navy); text-underline-offset: .2em; }
a:hover { color: var(--ul-gold); }
.container, .page-width, .header-top > .container {
  width: min(100% - 2rem, var(--ul-content));
  margin-inline: auto;
}
.btn, button, [type="button"], [type="submit"] {
  min-height: 2.75rem;
  border-radius: var(--ul-radius-sm);
  font-weight: 650;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.btn-primary, .add-to-cart, [data-button-action="add-to-cart"] {
  border-color: var(--ul-navy);
  background: var(--ul-navy);
  color: #fff;
  min-height: 3rem;
  padding: .75rem 1.25rem;
}
.btn-primary:hover, .add-to-cart:hover, [data-button-action="add-to-cart"]:hover {
  border-color: var(--ul-navy-hover);
  background: var(--ul-navy-hover);
  color: #fff;
  transform: translateY(-1px);
}
.btn-secondary {
  border: 1px solid var(--ul-navy);
  background: #fff;
  color: var(--ul-navy);
}
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ul-gold) 75%, white);
  outline-offset: 3px;
}
input, select, textarea, .form-control {
  min-height: 3rem;
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius-sm);
  background: #fff;
  color: var(--ul-ink);
  font-size: 1rem;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--ul-navy);
  box-shadow: 0 0 0 3px rgba(19, 36, 58, .12);
}
.header-banner, #header .header-banner {
  background: var(--ul-navy);
  color: #fff;
}
.header-banner a { color: #fff; }
#header {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid var(--ul-line);
  background: rgba(255,255,255,.98);
}
#header .header-top { padding-block: 1rem; }
#header .header-nav { min-height: 2.75rem; }
#header .logo { max-height: 4rem; width: auto; }
#search_widget, .search-widget { width: min(100%, 44rem); }
#search_widget form, .search-widget form { position: relative; }
#search_widget input, .search-widget input {
  width: 100%;
  min-height: 3.5rem;
  padding-inline: 1.125rem 3.5rem;
  border: 2px solid var(--ul-navy);
  border-radius: 999px;
  font-size: 1.0625rem;
}
#search_widget button, .search-widget button {
  position: absolute;
  inset-block: .375rem;
  inset-inline-end: .375rem;
  min-width: 2.75rem;
  border-radius: 999px;
}
#_desktop_top_menu, .top-menu { font-size: 1rem; font-weight: 650; }
.top-menu a { min-height: 2.75rem; display: flex; align-items: center; }
.top-menu .sub-menu {
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius);
  box-shadow: var(--ul-shadow);
}
#wrapper { background: var(--ul-warm); }
#wrapper > .container { padding-block: var(--ul-space-6); }
.breadcrumb { font-size: .9375rem; }
.products, .product-list, #js-product-list .products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
.product-miniature, .product-miniature .thumbnail-container {
  height: 100%;
}
.product-miniature .thumbnail-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius);
  background: var(--ul-surface);
  box-shadow: 0 2px 10px rgba(17,24,39,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.product-miniature .thumbnail-container:hover {
  transform: translateY(-3px);
  border-color: #c1c8d3;
  box-shadow: var(--ul-shadow);
}
.product-miniature .product-thumbnail {
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #fff;
}
.product-miniature .product-thumbnail img,
.product-cover img, .product-images img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.product-miniature .product-description {
  position: static;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem;
  background: #fff;
}
.product-miniature .product-title {
  min-height: 3.1em;
  margin: 0 0 .75rem;
  color: var(--ul-ink);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.45;
}
.product-miniature .product-price-and-shipping {
  margin-top: auto;
  color: var(--ul-ink);
  font-size: 1.25rem;
  font-weight: 750;
}
.product-miniature .regular-price { color: var(--ul-ink-soft); font-size: .9375rem; }
.product-miniature .product-flags { inset: .75rem auto auto .75rem; }
.product-flag, .badge {
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .8125rem;
  font-weight: 700;
}
.product-flag.new { background: var(--ul-navy); color: #fff; }
.product-flag.discount { background: var(--ul-gold); color: var(--ul-ink); }
.product-availability, .availability {
  color: var(--ul-success);
  font-size: .9375rem;
  font-weight: 650;
}
.product-miniature .highlighted-informations {
  position: static;
  padding: 0 1rem 1rem;
  background: #fff;
}
.category-cover img, .block-category img, .carousel img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.card, .block-category, .featured-products {
  border-radius: var(--ul-radius-lg);
}
.trust-bar, .ul-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  padding: .875rem max(1rem, calc((100% - var(--ul-content))/2));
  background: var(--ul-navy);
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  text-align: center;
}
#footer { border-top: 1px solid var(--ul-line); background: #fff; }
#footer .footer-container { padding-block: var(--ul-space-7); }
@media (max-width: 1199px) {
  .products, .product-list, #js-product-list .products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  :root { --ul-space-7: 2.25rem; --ul-space-8: 3rem; }
  body { font-size: 1rem; }
  .container, .page-width, .header-top > .container { width: min(100% - 1.25rem, var(--ul-content)); }
  #header .header-top { padding-block: .75rem; }
  #search_widget, .search-widget { width: 100%; }
  #search_widget input, .search-widget input { min-height: 3.25rem; font-size: 1rem; }
  .products, .product-list, #js-product-list .products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .product-miniature .product-description { padding: .75rem; }
  .product-miniature .product-title { font-size: .9375rem; }
  .product-miniature .product-price-and-shipping { font-size: 1.0625rem; }
  .trust-bar, .ul-trust-bar { grid-template-columns: repeat(2, 1fr); text-align: start; }
}
@media (max-width: 420px) {
  .products, .product-list, #js-product-list .products { grid-template-columns: 1fr; }
  .trust-bar, .ul-trust-bar { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Header composition: preserve native Hummingbird hooks and improve hierarchy. */
.ul-trust-bar a { color: #fff; font-weight: 750; white-space: nowrap; }
.ul-trust-item { min-width: 0; }
.ul-trust-item strong { color: #fff; }
#header .header-top > .container,
#header .header-top .row {
  align-items: center;
}
#header .header-top .row {
  row-gap: 1rem;
}
#header .header-top .header-logo,
#header #_desktop_logo {
  flex: 0 1 18rem;
}
#header .header-top .header-logo img,
#header #_desktop_logo img,
#header .logo {
  display: block;
  width: min(100%, 17.8125rem);
  height: auto;
  aspect-ratio: 570 / 106;
  object-fit: contain;
}
#header #_desktop_search_filters_clear_all,
#header #search_widget,
#header .search-widget {
  flex: 1 1 30rem;
  margin-inline: clamp(1rem, 3vw, 3rem);
}
#header .header-block,
#header .user-info,
#header .blockcart {
  min-width: 2.75rem;
}
#header .header-block__action-btn,
#header .user-info a,
#header .blockcart a {
  min-height: 2.75rem;
  border-radius: var(--ul-radius-sm);
}
#header .header-nav {
  border-top: 1px solid var(--ul-line);
  border-bottom: 0;
  background: #fff;
}
#header .header-nav-full-width {
  border-top: 1px solid var(--ul-line);
  background: #fff;
}
#header .top-menu > li > a {
  position: relative;
  padding-inline: 1rem;
  color: var(--ul-ink);
}
#header .top-menu > li > a::after {
  position: absolute;
  right: 1rem;
  bottom: .25rem;
  left: 1rem;
  height: 2px;
  background: var(--ul-gold);
  content: "";
  transform: scaleX(0);
  transition: transform .18s ease;
}
#header .top-menu > li > a:hover::after,
#header .top-menu > li.current > a::after {
  transform: scaleX(1);
}
@media (max-width: 991px) {
  #header .header-top .header-logo img,
  #header #_desktop_logo img,
  #header .logo { width: min(100%, 14rem); }
  #header #search_widget,
  #header .search-widget { order: 10; flex-basis: 100%; margin-inline: 0; }
}
@media (max-width: 767px) {
  .ul-trust-bar { display: flex; overflow-x: auto; gap: 1.5rem; padding-block: .65rem; scroll-snap-type: x mandatory; }
  .ul-trust-item { flex: 0 0 auto; scroll-snap-align: start; }
  #header .header-top .header-logo img,
  #header #_desktop_logo img,
  #header .logo { width: min(100%, 11.5rem); }
}

.ul-primary-nav { border-top: 1px solid var(--ul-line); border-bottom: 1px solid var(--ul-line); background: #fff; }
.ul-primary-nav__scroll { display: flex; align-items: center; gap: .25rem; overflow-x: auto; scrollbar-width: thin; }
.ul-primary-nav a { display: flex; flex: 0 0 auto; align-items: center; min-height: 3.25rem; padding: .5rem .9rem; color: var(--ul-ink); font-size: .9375rem; font-weight: 700; text-decoration: none; }
.ul-primary-nav a:hover { color: var(--ul-navy); background: var(--ul-warm); }
.page-content--home { display: grid; gap: var(--ul-space-8); }
.ul-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); min-height: 32rem; overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: linear-gradient(135deg,#fff 0%,#f8f5ee 58%,#eee3cf 100%); box-shadow: var(--ul-shadow); }
.ul-hero__content { position: relative; z-index: 2; align-self: center; padding: clamp(2rem,6vw,5rem); }
.ul-eyebrow { margin: 0 0 .75rem; color: var(--ul-gold); font-size: .8125rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ul-hero h1 { max-width: 12ch; margin: 0; }
.ul-hero__lead { max-width: 43rem; margin: 1.25rem 0 0; color: var(--ul-ink-soft); font-size: clamp(1.0625rem,2vw,1.25rem); }
.ul-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.ul-hero__proof { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 2rem 0 0; padding: 0; color: var(--ul-ink-soft); font-size: .9375rem; list-style: none; }
.ul-hero__proof li::before { color: var(--ul-success); content: "✓"; margin-right: .45rem; font-weight: 900; }
.ul-hero__visual { position: relative; min-height: 24rem; background: radial-gradient(circle at 62% 45%,rgba(255,255,255,.98) 0 9%,rgba(255,246,213,.8) 10% 24%,rgba(181,138,70,.13) 25% 44%,transparent 45%); }
.ul-light-line { position: absolute; display: block; height: .75rem; border-radius: 999px; background: #fff; box-shadow: 0 0 2.5rem rgba(255,223,146,.95); transform: rotate(-18deg); }
.ul-light-line--one { top: 28%; right: 3%; width: 82%; }
.ul-light-line--two { right: 10%; bottom: 27%; width: 60%; transform: rotate(23deg); }
.ul-light-disc { position: absolute; top: 50%; left: 50%; width: 7rem; height: 7rem; border: 1px solid rgba(181,138,70,.4); border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 0 4rem rgba(255,220,135,.8); transform: translate(-50%,-50%); }
.ul-category-section { display: grid; gap: 1.5rem; }
.ul-section-heading { display: grid; grid-template-columns: 1fr minmax(18rem,34rem); align-items: end; gap: 2rem; }
.ul-section-heading h2,.ul-section-heading p { margin-block: 0; }
.ul-section-heading > p { color: var(--ul-ink-soft); }
.ul-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.ul-category-card { position: relative; display: flex; min-height: 14rem; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 1.5rem; border: 1px solid var(--ul-line); border-radius: var(--ul-radius); background: #fff; color: var(--ul-ink); text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.ul-category-card--wide { grid-column: span 2; }
.ul-category-card::before { position: absolute; top: -3rem; right: -2rem; width: 10rem; height: 10rem; border: 1px solid var(--ul-gold-soft); border-radius: 50%; background: var(--ul-warm); content: ""; }
.ul-category-card:hover { color: var(--ul-ink); border-color: var(--ul-gold); box-shadow: var(--ul-shadow); transform: translateY(-3px); }
.ul-category-card__mark { position: absolute; top: 1rem; left: 1.25rem; color: var(--ul-gold); font-size: .8125rem; font-weight: 800; }
.ul-category-card strong { position: relative; font-size: 1.25rem; }
.ul-category-card small { position: relative; margin-top: .35rem; color: var(--ul-ink-soft); font-size: .9375rem; }
.ul-category-card__arrow { position: absolute; right: 1.5rem; bottom: 1.5rem; color: var(--ul-gold); font-size: 1.5rem; }
@media(max-width:991px){.ul-hero{grid-template-columns:1fr}.ul-hero__visual{position:absolute;right:0;bottom:0;width:45%;height:100%;opacity:.55}.ul-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ul-section-heading{grid-template-columns:1fr}.ul-category-card--wide{grid-column:span 1}}
@media(max-width:575px){.ul-hero{min-height:35rem}.ul-hero__content{padding:2rem 1.25rem}.ul-hero__visual{top:auto;width:70%;height:45%}.ul-hero__proof{display:grid}.ul-category-grid{grid-template-columns:1fr}.ul-category-card{min-height:11rem}}

/* Product cards: clear commercial hierarchy and stable image geometry. */
.product-miniature .thumbnail-container { position: relative; }
.product-miniature .product-thumbnail img { transition: transform .25s ease; }
.product-miniature:hover .product-thumbnail img { transform: scale(1.025); }
.product-miniature .product-description { text-align: left; }
.product-miniature .product-title a { color: inherit; text-decoration: none; }
.product-miniature .product-title a:hover { color: var(--ul-navy); }
.product-miniature .product-price-and-shipping { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .65rem; }
.product-miniature .price { color: var(--ul-ink); font-variant-numeric: tabular-nums; }
.product-miniature .regular-price { order: 2; }
.product-miniature .product-availability { display: flex; align-items: center; gap: .4rem; margin-top: .65rem; }
.product-miniature .product-availability::before { width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; content: ""; }
.product-miniature .product__add-to-cart,
.product-miniature .add-to-cart { width: 100%; margin-top: .75rem; }
.product-miniature .product__add-to-cart-button,
.product-miniature [data-button-action="add-to-cart"] { width: 100%; }
.product-miniature .quick-view { min-width: 2.75rem; min-height: 2.75rem; border-radius: 50%; background: rgba(255,255,255,.95); box-shadow: 0 2px 10px rgba(17,24,39,.12); }

/* Product detail: image-first layout with a focused purchase panel. */
.product-container { align-items: flex-start; gap: clamp(1.5rem,4vw,4rem); }
.product-cover { overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; }
.product-cover img { display: block; aspect-ratio: 1 / 1; object-fit: contain; }
.product-images { gap: .75rem; margin-top: 1rem; }
.product-images .thumb-container { overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-sm); background: #fff; }
.product-images .thumb.selected, .product-images .thumb:hover { border-color: var(--ul-gold); }
.product__infos { padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; box-shadow: var(--ul-shadow); }
.product__title { margin-bottom: 1rem; }
.product__title h1 { font-size: clamp(1.75rem,3vw,2.5rem); line-height: 1.16; }
.product__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin-block: 1.25rem; }
.product__current-price { color: var(--ul-ink); font-size: clamp(1.75rem,3vw,2.25rem); font-weight: 800; font-variant-numeric: tabular-nums; }
.product__tax-label { color: var(--ul-ink-soft); font-size: .875rem; }
.product__description-short { color: var(--ul-ink-soft); font-size: 1.0625rem; line-height: 1.65; }
.product__variants { display: grid; gap: 1rem; margin-block: 1.5rem; }
.product__variants .control-label { display: block; margin-bottom: .5rem; color: var(--ul-ink); font-weight: 700; }
.product__variants select { width: 100%; }
.product__variants .input-color,
.product__variants .input-radio { min-width: 2.75rem; min-height: 2.75rem; }
.product-add-to-cart { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--ul-line); }
.product__actions-qty-add, .product-quantity { display: grid; grid-template-columns: minmax(6.5rem,.35fr) minmax(12rem,1fr); gap: .75rem; }
.product__add-to-cart-button { width: 100%; min-height: 3.5rem; font-size: 1.0625rem; }
.product__quantity input, #quantity_wanted { min-height: 3.5rem; text-align: center; font-weight: 700; }
.product-availability { margin-block: 1rem; }
.product-availability .material-icons { color: var(--ul-success); }
.product__additional-info { margin-top: 1.5rem; color: var(--ul-ink-soft); font-size: .9375rem; }
.tabs, .product-tabs { margin-top: var(--ul-space-6); border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; }
.tabs .nav-tabs { gap: .25rem; padding: .75rem .75rem 0; border-bottom: 1px solid var(--ul-line); }
.tabs .nav-link { min-height: 2.75rem; border-radius: var(--ul-radius-sm) var(--ul-radius-sm) 0 0; color: var(--ul-ink-soft); font-weight: 700; }
.tabs .nav-link.active { color: var(--ul-navy); border-bottom-color: var(--ul-gold); }
.tabs .tab-content { padding: clamp(1.25rem,3vw,2rem); }
.product-features > dl { display: grid; grid-template-columns: minmax(9rem,.4fr) 1fr; margin: 0; border-top: 1px solid var(--ul-line); }
.product-features dt, .product-features dd { margin: 0; padding: .75rem; border-bottom: 1px solid var(--ul-line); }
.product-features dt { color: var(--ul-ink-soft); font-weight: 600; }
@media(min-width:992px){.product__infos{position:sticky;top:1rem}}
@media(max-width:767px){.product__infos{padding:1rem}.product__actions-qty-add,.product-quantity{grid-template-columns:1fr}.product-features>dl{grid-template-columns:1fr}.product-features dt{padding-bottom:.25rem;border-bottom:0}.product-features dd{padding-top:.25rem}}

/* Approved homepage reference alignment — 2026-08-24 */
body{background:#fff}.page-content--home{gap:0!important}#wrapper{background:#fff}#wrapper>.container{max-width:none!important;width:100%!important;padding:0!important}
#header{background:#050505!important;border:0;color:#fff}#header .header-top,#header .header-nav,#header .header-nav-full-width{background:#050505!important;border-color:#282828!important}#header .header-top{padding:1rem 2rem!important}#header .header-top>.container{width:min(100%,1500px)!important}.header-top a,#header a,#header .material-icons{color:#fff!important}#header #search_widget input,#header .search-widget input{min-height:2.8rem;border:0!important;border-radius:.3rem!important;background:#fff;color:#111}#header #search_widget button,#header .search-widget button{color:#111!important}
.ul-primary-nav{display:none!important}.ul-mock-nav{background:#050505;border-top:1px solid #252525}.ul-mock-nav .container{display:flex;gap:.25rem;overflow:auto;max-width:1500px}.ul-mock-nav a{display:flex;align-items:center;min-height:2.7rem;padding:.45rem .9rem;color:#fff!important;font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:none}.ul-mock-nav a:hover{background:#1b1b1b;color:#d5a33e!important}
.ul-mock-home{width:100%;overflow:hidden}.ul-mock-hero{position:relative;height:clamp(330px,38vw,590px);background:#ddd}.ul-mock-hero>img{width:100%;height:100%;object-fit:cover}.ul-mock-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.62) 30%,transparent 58%);content:""}.ul-mock-hero__copy{position:absolute;z-index:2;top:50%;left:max(5%,calc((100% - 1450px)/2));max-width:680px;transform:translateY(-50%)}.ul-mock-hero h1{margin:0;color:#070707;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02}.ul-mock-hero p{margin:1rem 0 1.5rem;color:#111;font-size:clamp(1.05rem,1.7vw,1.55rem)}.ul-mock-hero .btn{background:#050505;border-color:#050505;border-radius:.25rem;padding:.8rem 1.3rem}
.ul-mock-trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddd;background:#fff}.ul-mock-trust div{display:flex;align-items:center;justify-content:center;gap:.9rem;min-height:4.2rem;border-right:1px solid #ddd;font-size:1rem}.ul-mock-trust b{font-size:1.8rem;font-weight:400}
.ul-mock-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 2rem}.ul-mock-categories a{position:relative;height:190px;overflow:hidden;border-radius:.35rem;background:#111}.ul-mock-categories img{width:100%;height:100%;object-fit:cover;transition:.25s}.ul-mock-categories a:after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));content:""}.ul-mock-categories strong{position:absolute;z-index:2;bottom:1rem;left:1rem;color:#fff;font-size:1.05rem}.ul-mock-categories i{position:absolute;z-index:2;right:1rem;bottom:.8rem;color:#fff;font-size:1.7rem;font-style:normal}.ul-mock-categories a:hover img{transform:scale(1.04)}
.ul-mock-products{padding:0 2rem 2rem}.ul-mock-products header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}.ul-mock-products h2{margin:0;font-size:1.55rem}.ul-mock-products header a{color:#b37a10}.ul-mock-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.ul-mock-product-grid article{display:grid;grid-template-rows:170px auto auto auto auto;gap:.45rem;padding:1rem;border:1px solid #ddd;border-radius:.45rem;background:#fff}.ul-mock-product-grid img{width:100%;height:170px;object-fit:contain}.ul-mock-product-grid h3{margin:0;font-size:.95rem;line-height:1.35}.ul-mock-product-grid article>strong{font-size:1.15rem}.ul-mock-product-grid span{color:#16802b;font-size:.88rem}.ul-mock-product-grid article>a{justify-self:start;padding:.55rem .8rem;border-radius:.25rem;background:#050505;color:#fff;text-decoration:none}
.ul-cases-intro{margin:1rem 2rem 3rem;padding:3rem;border-radius:.5rem;background:#f5f2ec;text-align:center}.ul-cases-intro p{color:#b58a46;font-weight:800;letter-spacing:.12em}.ul-cases-intro h2{margin:.4rem 0}
@media(max-width:991px){.ul-mock-product-grid{grid-template-columns:repeat(3,1fr)}.ul-mock-categories{grid-template-columns:repeat(2,1fr)}.ul-mock-hero__copy{left:2rem}.ul-mock-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){#header .header-top{padding:.8rem!important}.ul-mock-hero{height:520px}.ul-mock-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.42))}.ul-mock-hero__copy{left:1rem;right:1rem}.ul-mock-categories{grid-template-columns:1fr;padding:.75rem}.ul-mock-product-grid{display:flex;overflow:auto}.ul-mock-product-grid article{min-width:75vw}.ul-mock-products{padding:.5rem .75rem 1.5rem}.ul-mock-trust div{justify-content:flex-start;padding-left:1rem}.ul-cases-intro{margin:1rem .75rem}}

#header #_desktop_logo img,#header .header-logo img{display:none!important}#header #_desktop_logo a,#header .header-logo a{display:flex!important;align-items:center;min-height:3rem;text-decoration:none!important}#header #_desktop_logo a:before,#header .header-logo a:before{content:'ultraline';color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.06em}#header #_desktop_logo a:after,#header .header-logo a:after{content:'shop';color:#d5a33e;font-size:2rem;font-weight:800;letter-spacing:-.06em}

/* Accessible two-image hero rotation */
.ul-mock-hero{position:relative;overflow:hidden}
.ul-hero-slides{position:absolute;inset:0}
.ul-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;animation:ulHeroFade 10s infinite ease-in-out}
.ul-hero-slide--work{animation-delay:0s}
.ul-hero-slide--home{animation-delay:5s}
@keyframes ulHeroFade{0%{opacity:0}8%{opacity:1}48%{opacity:1}58%{opacity:0}100%{opacity:0}}
.ul-mock-hero__copy{position:relative;z-index:2}
.ul-mock-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.48) 32%,rgba(255,255,255,0) 58%)}
@media (prefers-reduced-motion:reduce){.ul-hero-slide{animation:none}.ul-hero-slide--work{opacity:1}.ul-hero-slide--home{display:none}}

/* Compact premium header */
#header .header-nav{min-height:32px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
#header .header-nav .container,#header .header-nav .row{min-height:32px!important;align-items:center!important}
#header .header-nav a,#header .header-nav span{font-size:.875rem!important;line-height:1.2!important}
#header .header-top{min-height:66px!important;padding:9px 0!important}
#header .header-top>.container,#header .header-top .row{min-height:48px!important;align-items:center!important}
#header .header-top .search-widget form input[type=text],#header .header-top input[type=search]{height:46px!important;padding-top:0!important;padding-bottom:0!important}
#header .ul-mock-nav{min-height:42px!important;padding:0 3.25rem!important}
#header .ul-mock-nav a{min-height:42px!important;display:flex!important;align-items:center!important;padding:0 1rem!important;font-size:.82rem!important}
#header #_desktop_logo img,#header .header-logo img{display:none!important}
#header #_desktop_logo a,#header .header-logo a{display:flex!important;align-items:center!important;min-height:42px!important;text-decoration:none!important}
#header #_desktop_logo a:before,#header .header-logo a:before{content:"ultraline";color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.055em}
#header #_desktop_logo a:after,#header .header-logo a:after{content:"shop";color:#d5a33e;font-size:1.75rem;font-weight:800;letter-spacing:-.055em}
@media(max-width:991px){#header .header-nav{min-height:28px!important}#header .header-top{min-height:56px!important;padding:6px 0!important}#header .ul-mock-nav{padding:0 1rem!important;overflow-x:auto!important;white-space:nowrap!important}}

/* Refined compact header */
#header .header-top{min-height:24px!important;height:24px!important;padding:0!important}
#header .header-top>.container,#header .header-top .container,#header .header-top .row{min-height:24px!important;height:24px!important}
#header .header-top a,#header .header-top span{font-size:.75rem!important;line-height:24px!important}
#header .header-bottom{min-height:54px!important;padding:0!important}
#header .header-bottom__container,#header .header-bottom__row{min-height:54px!important}
#header .header-bottom__logo{min-height:54px!important}
#header .header-bottom__logo img.logo{display:block!important;width:auto!important;height:34px!important;max-width:184px!important;object-fit:contain!important}
#header .header-bottom__logo a:before,#header .header-bottom__logo a:after{content:none!important;display:none!important}
#header .header-bottom .search-widget form input[type=text],#header .header-bottom input[type=search],#header .header-bottom input[type=text]{height:38px!important;background:#161616!important;border:1px solid #3c3c3c!important;border-radius:8px!important;color:#f5f5f5!important;box-shadow:none!important;padding:.45rem 3rem .45rem 1rem!important}
#header .header-bottom input::placeholder{color:#a7a7a7!important;opacity:1!important}
#header .header-bottom .search-widget form button{color:#e8e8e8!important;background:transparent!important}
#header .ul-mock-nav{min-height:36px!important;height:36px!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:0 3.25rem!important}
#header .ul-mock-nav a{min-height:36px!important;height:36px!important;padding:0 .9rem!important;font-size:.78rem!important}
@media(max-width:991px){#header .header-top{display:none!important}#header .header-bottom,#header .header-bottom__container,#header .header-bottom__row,#header .header-bottom__logo{min-height:52px!important}#header .header-bottom__logo img.logo{height:28px!important;max-width:150px!important}#header .ul-mock-nav{height:34px!important;min-height:34px!important;padding:0 .75rem!important}#header .ul-mock-nav a{height:34px!important;min-height:34px!important}}

/* Balanced, clearly defined search */
#header #_desktop_ps_searchbar{width:clamp(250px,24vw,340px)!important;max-width:340px!important;margin-left:auto!important;padding-left:12px!important}
#header .ps-searchbar,#header .ps-searchbar__form{width:100%!important;position:relative!important}
#header .ps-searchbar__input{width:100%!important;height:36px!important;background:#242424!important;border:2px solid #515151!important;border-radius:7px!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset!important;padding:0 40px 0 44px!important;font-size:.94rem!important;line-height:32px!important}
#header .ps-searchbar__input::placeholder{color:#bdbdbd!important;opacity:1!important}
#header .ps-searchbar__magnifier{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;color:#e7e7e7!important;font-size:21px!important;line-height:1!important;margin:0!important;pointer-events:none!important}
#header .ps-searchbar__clear{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important}
#header .ps-searchbar__input:focus{border-color:#d5a33e!important;box-shadow:0 0 0 2px rgba(213,163,62,.18)!important;outline:0!important}
@media(max-width:1199px){#header #_desktop_ps_searchbar{width:280px!important}}

/* Safe search correction — no forced header clipping */
#header #_desktop_ps_searchbar{width:300px!important;max-width:300px!important;padding-left:12px!important}
#header .ps-searchbar__magnifier{display:none!important}
#header .ps-searchbar__input,#header .header-bottom input.ps-searchbar__input[type=text]{box-sizing:border-box!important;width:300px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 36px 0 14px!important;line-height:32px!important;background:#292929!important;border:2px solid #626262!important;border-radius:7px!important;color:#fff!important;font-size:.9rem!important}
#header .ps-searchbar__input::placeholder{color:#c7c7c7!important;opacity:1!important}

/* Comfortable slim utility bar */
#header .header-top{height:30px!important;min-height:30px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;overflow:visible!important}
#header .header-top>.container,#header .header-top .container,#header .header-top .row{height:30px!important;min-height:30px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
#header .header-top a,#header .header-top span,#header .header-top i{line-height:1.15!important;margin-top:0!important;margin-bottom:0!important;vertical-align:middle!important}
#header .header-top .row>*,#header .header-top [class*="user"],#header .header-top [class*="cart"]{align-self:center!important}

/* Unified black header surface */
#header .header-top{border-bottom:0!important;box-shadow:none!important}
#header .header-bottom{border-top:0!important;border-bottom:0!important;box-shadow:none!important}
#header .header-top,#header .header-bottom,#header .header-top>.container,#header .header-bottom__container{background:#050505!important}
#header .ul-mock-nav{border-top:1px solid rgba(255,255,255,.16)!important}

/* Nordic homepage refinement */
.ul-mock-home{background:#f7f5f1;color:#111827}
.ul-mock-trust{max-width:1440px;margin:0 auto;background:#fff;border-bottom:1px solid #e8e4dc;box-shadow:0 8px 28px rgba(19,31,45,.05)}
.ul-mock-trust>div{padding:1rem 1.25rem;gap:.75rem}
.ul-mock-trust span{font-size:.92rem;font-weight:650;color:#273241}
.ul-mock-categories{max-width:1440px;margin:0 auto;padding:1.25rem 2rem 2.5rem;gap:14px;background:#f7f5f1}
.ul-mock-categories a{height:210px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(21,31,43,.09);transition:transform .25s ease,box-shadow .25s ease}
.ul-mock-categories a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(21,31,43,.16)}
.ul-mock-categories img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ul-mock-categories a:hover img{transform:scale(1.035)}
.ul-mock-categories strong{font-size:1rem;letter-spacing:.015em}
.ul-mock-products{max-width:1440px;margin:0 auto;padding:2.6rem 2rem 3.2rem;background:#fff;border-radius:16px 16px 0 0}
.ul-mock-products header{margin-bottom:1.4rem}
.ul-mock-products h2{font-size:clamp(1.65rem,2.2vw,2.25rem);letter-spacing:-.035em}
.ul-mock-product-grid{gap:14px}
.ul-mock-product-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 5px 18px rgba(15,23,42,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ul-mock-product-grid article:hover{transform:translateY(-4px);border-color:#d8c49a;box-shadow:0 14px 30px rgba(15,23,42,.11)}
.ul-mock-product-grid article img{height:175px;object-fit:contain;background:#fafafa;border-radius:8px}
.ul-mock-product-grid article h3{min-height:2.8em;font-size:.96rem;line-height:1.38;margin:.85rem 0 .5rem}
.ul-mock-product-grid article>strong{font-size:1.2rem;color:#101827}
.ul-mock-product-grid article>span{color:#16752b;font-size:.85rem;font-weight:650}
.ul-mock-product-grid article>a{border-radius:7px;background:#111;color:#fff;padding:.68rem .85rem;text-align:center;font-weight:700;transition:background .2s ease}
.ul-mock-product-grid article>a:hover{background:#17304a}
.ul-cases{max-width:1440px;margin:0 auto;padding:4.5rem 2rem;background:#eef1f3}
.ul-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.ul-section-heading>div>span,.ul-project-help>div>span{display:block;color:#a87318;font-size:.75rem;font-weight:800;letter-spacing:.13em;margin-bottom:.55rem}
.ul-section-heading h2{font-size:clamp(2rem,3vw,3.25rem);letter-spacing:-.055em;margin:0 0 .65rem}
.ul-section-heading p{max-width:650px;color:#52606d;font-size:1.04rem;line-height:1.6;margin:0}
.ul-section-heading>a{white-space:nowrap;color:#172d43;font-weight:750;border-bottom:2px solid #c9993d;padding-bottom:.25rem}
.ul-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ul-case-card{position:relative;height:380px;border-radius:14px;overflow:hidden;color:#fff;box-shadow:0 14px 38px rgba(17,30,43,.14)}
.ul-case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(4,10,17,.85) 100%)}
.ul-case-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.ul-case-card:hover img{transform:scale(1.035)}
.ul-case-card>div{position:absolute;z-index:2;left:1.6rem;right:1.6rem;bottom:1.45rem}
.ul-case-card small{font-weight:800;letter-spacing:.12em;color:#f1c66c}
.ul-case-card h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.18;margin:.45rem 0 .75rem;max-width:560px}
.ul-case-card span{font-weight:700}
.ul-project-help{max-width:1440px;margin:0 auto 4rem;padding:3.25rem 3.5rem;display:flex;justify-content:space-between;align-items:center;gap:3rem;background:linear-gradient(120deg,#10273c,#183a57);color:#fff;border-radius:0 0 16px 16px;box-shadow:0 18px 45px rgba(16,39,60,.17)}
.ul-project-help h2{font-size:clamp(1.8rem,2.8vw,3rem);letter-spacing:-.045em;max-width:720px;margin:.2rem 0 .75rem}
.ul-project-help p{color:#d7e0e8;max-width:700px;line-height:1.6;margin:0}
.ul-project-help .btn{flex:none;background:#d3a03d;color:#111;border:0;border-radius:8px;padding:1rem 1.25rem;font-weight:800}
.ul-project-help .btn:hover{background:#e1b65d}
@media(max-width:991px){.ul-mock-categories{grid-template-columns:1fr 1fr;padding:1rem}.ul-mock-products{padding:2rem 1rem}.ul-mock-product-grid{grid-template-columns:repeat(2,1fr)}.ul-cases{padding:3rem 1rem}.ul-case-grid{grid-template-columns:1fr}.ul-case-card{height:330px}.ul-project-help{margin:0 1rem 2rem;padding:2.2rem;align-items:flex-start;flex-direction:column}.ul-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.ul-mock-categories{grid-template-columns:1fr}.ul-mock-categories a{height:180px}.ul-mock-product-grid{grid-template-columns:1fr}.ul-project-help{padding:1.7rem}.ul-case-card{height:290px}}

/* Discreet service strip */
.ul-mock-trust{min-height:46px!important;background:#fbfaf7!important;box-shadow:none!important;border-color:#ebe7df!important}
.ul-mock-trust>div{padding:.58rem 1rem!important;gap:.55rem!important;border-color:#e9e5dd!important}
.ul-mock-trust b{font-size:1rem!important;opacity:.66!important}
.ul-mock-trust span{font-size:.8rem!important;font-weight:600!important;color:#56606b!important}
/* Full category carousel */
.ul-category-carousel{max-width:1440px;margin:0 auto;padding:2.6rem 2rem 3.2rem;background:#f7f5f1;overflow:hidden}
.ul-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}
.ul-category-heading>div>span{display:block;color:#a87318;font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:.4rem}
.ul-category-heading h2{font-size:clamp(1.65rem,2.5vw,2.5rem);letter-spacing:-.045em;margin:0}
.ul-carousel-controls{display:flex;gap:.55rem}
.ul-carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #cfd3d6;background:#fff;color:#152a3e;font-size:1.2rem;cursor:pointer;transition:.2s ease}
.ul-carousel-controls button:hover{background:#152a3e;color:#fff;border-color:#152a3e}
.ul-category-track{--visible:5;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--visible) - 1)*14px)/var(--visible));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:3px 1px 16px}
.ul-category-track::-webkit-scrollbar{display:none}
.ul-category-card{scroll-snap-align:start;position:relative;height:196px;border-radius:12px;overflow:hidden;background:#182330;color:#fff;box-shadow:0 7px 20px rgba(15,28,41,.09);transition:transform .25s ease,box-shadow .25s ease}
.ul-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,9,14,.85) 100%)}
.ul-category-card:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(15,28,41,.16)}
.ul-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ul-category-card:hover img{transform:scale(1.04)}
.ul-category-card span{position:absolute;z-index:2;left:1rem;right:2.3rem;bottom:.9rem;font-weight:760;font-size:.94rem;line-height:1.22}
.ul-category-card i{position:absolute;z-index:2;right:.9rem;bottom:.88rem;font-style:normal;font-size:1.15rem}
@media(max-width:1199px){.ul-category-track{--visible:4}}
@media(max-width:767px){.ul-category-carousel{padding:2rem 1rem 2.5rem}.ul-category-track{--visible:2}.ul-category-card{height:175px}}
@media(max-width:430px){.ul-category-track{--visible:1.35}.ul-category-card{height:165px}}

/* Accessible project CTA contrast */
.ul-project-help h2{color:#fff!important}
.ul-project-help p{color:#e3eaf0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn,.ul-project-help .btn span{color:#111820!important}

/* Refined category art direction */
.ul-category-carousel{padding-top:2.25rem!important;padding-bottom:2.8rem!important}
.ul-category-heading{margin-bottom:1.1rem!important}
.ul-carousel-controls{gap:.45rem!important}
.ul-carousel-controls button{width:38px!important;height:38px!important;border:1px solid #d9d5ce!important;background:#fbfaf7!important;color:#24384c!important;font-size:1.05rem!important;box-shadow:0 3px 10px rgba(20,35,50,.05)!important}
.ul-category-track{gap:16px!important;padding-top:5px!important}
.ul-category-card{height:184px!important;border-radius:10px!important;background:#172b3d!important;border:1px solid rgba(21,46,66,.12)!important;box-shadow:0 6px 18px rgba(19,34,48,.08)!important}
.ul-category-card:before{content:"";position:absolute;z-index:2;top:-1px;right:-1px;width:43%;height:44%;background:linear-gradient(145deg,#1d3b54,#12283a);border-left:1px solid rgba(211,160,61,.38);border-bottom:1px solid rgba(211,160,61,.38);border-bottom-left-radius:70px;pointer-events:none}
.ul-category-card:after{background:linear-gradient(180deg,rgba(10,24,36,.02) 35%,rgba(9,20,30,.78) 78%,rgba(7,16,24,.95) 100%)!important}
.ul-category-card img{filter:saturate(.88) contrast(.98)!important}
.ul-category-card span{left:1rem!important;right:2.5rem!important;bottom:.82rem!important;font-size:.9rem!important;font-weight:720!important;text-shadow:0 1px 7px rgba(0,0,0,.35)!important}
.ul-category-card i{right:.9rem!important;bottom:.78rem!important;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;font-size:.9rem!important;color:#fff!important}
.ul-category-card:hover{transform:translateY(-3px)!important;border-color:rgba(211,160,61,.55)!important;box-shadow:0 12px 26px rgba(19,34,48,.14)!important}
@media(max-width:767px){.ul-category-card{height:168px!important}.ul-category-card:before{width:40%;height:42%}}

/* Light editorial project invitation */
.ul-project-help{position:relative!important;max-width:1376px!important;margin:1.5rem auto 4rem!important;padding:2.35rem 3rem 2.35rem 3.4rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:3rem!important;background:#f2eee6!important;color:#172331!important;border:1px solid #ded7ca!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(28,39,49,.06)!important;overflow:hidden!important}
.ul-project-help:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#c78d28,#e0b760)}
.ul-project-help>div>span{color:#9b6815!important;font-size:.7rem!important;letter-spacing:.15em!important;margin-bottom:.45rem!important}
.ul-project-help h2{color:#172331!important;font-size:clamp(1.65rem,2.3vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;max-width:790px!important;margin:0 0 .6rem!important}
.ul-project-help p{color:#5f6871!important;font-size:.96rem!important;line-height:1.55!important;max-width:760px!important;margin:0!important}
.ul-project-help .btn{background:#17344d!important;color:#fff!important;border:1px solid #17344d!important;border-radius:7px!important;padding:.9rem 1.15rem!important;font-size:.92rem!important;font-weight:750!important;box-shadow:none!important;white-space:nowrap!important}
.ul-project-help .btn span{color:#fff!important}
.ul-project-help .btn:hover{background:#0d263b!important;border-color:#0d263b!important;transform:translateY(-1px)}
@media(max-width:991px){.ul-project-help{margin:1rem!important;padding:2rem 1.75rem 2rem 2.1rem!important;grid-template-columns:1fr!important;gap:1.4rem!important;align-items:start!important}.ul-project-help .btn{justify-self:start!important}}

/* New standalone project card */
.ul-project-card-light{position:relative;max-width:1376px;margin:1.5rem auto 4rem;padding:2.25rem 3rem 2.25rem 3.4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;background:#f3efe7;color:#172331;border:1px solid #ddd5c8;border-radius:10px;box-shadow:0 8px 24px rgba(28,39,49,.05);overflow:hidden}
.ul-project-card-light:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#c79231}
.ul-project-card-light>div>span{display:block;color:#956515;font-size:.7rem;font-weight:800;letter-spacing:.15em;margin-bottom:.45rem}
.ul-project-card-light h2{color:#172331;font-size:clamp(1.65rem,2.3vw,2.45rem);line-height:1.08;letter-spacing:-.04em;max-width:790px;margin:0 0 .6rem}
.ul-project-card-light p{color:#5f6871;font-size:.96rem;line-height:1.55;max-width:760px;margin:0}
.ul-project-card-light .btn{justify-self:end;background:#17344d;color:#fff;border:1px solid #17344d;border-radius:7px;padding:.9rem 1.15rem;font-size:.92rem;font-weight:750;white-space:nowrap}
.ul-project-card-light .btn span{color:#fff}
.ul-project-card-light .btn:hover{background:#0d263b;color:#fff}
@media(max-width:991px){.ul-project-card-light{margin:1rem;padding:2rem 1.75rem 2rem 2.1rem;grid-template-columns:1fr;gap:1.35rem}.ul-project-card-light .btn{justify-self:start}}

/* Clean Scandinavian category cards — replaces dark overlay design */
.ul-category-card{height:190px!important;display:grid!important;grid-template-rows:142px 48px!important;background:#fff!important;border:1px solid #dedede!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(28,38,48,.06)!important;color:#1b2733!important}
.ul-category-card:before,.ul-category-card:after{content:none!important;display:none!important}
.ul-category-card img{grid-row:1!important;width:100%!important;height:142px!important;object-fit:cover!important;object-position:left bottom!important;background:#fff!important;filter:none!important;transform:scale(1.04)!important;transform-origin:left bottom!important;border-bottom:1px solid #ece9e3!important}
.ul-category-card span{grid-row:2!important;position:static!important;z-index:auto!important;display:flex!important;align-items:center!important;padding:0 2.65rem 0 .9rem!important;color:#1c2936!important;font-size:.84rem!important;font-weight:700!important;line-height:1.18!important;text-shadow:none!important;background:#fff!important}
.ul-category-card i{position:absolute!important;right:.75rem!important;bottom:12px!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border:1px solid #c9cdd0!important;border-radius:50%!important;color:#263b4e!important;background:#fff!important;font-size:.82rem!important}
.ul-category-card:hover{transform:translateY(-3px)!important;border-color:#c8b382!important;box-shadow:0 10px 24px rgba(28,38,48,.11)!important}
.ul-category-card:hover img{transform:scale(1.075)!important}
.ul-category-card:hover i{background:#17344d!important;border-color:#17344d!important;color:#fff!important}
@media(max-width:767px){.ul-category-card{height:180px!important;grid-template-rows:134px 46px!important}.ul-category-card img{height:134px!important}.ul-category-card i{bottom:11px!important}}

/* Restored dark project banner, aligned with the case-card row */
.ul-project-help{box-sizing:border-box!important;width:calc(100% - 4rem)!important;max-width:1440px!important;margin:0 auto 4rem!important;background:linear-gradient(120deg,#10273c,#183a57)!important;color:#fff!important;border:0!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 45px rgba(16,39,60,.17)!important}
.ul-project-help h2{color:#fff!important}
.ul-project-help p{color:#e3eaf0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn{background:#d3a03d!important;color:#111820!important;border:0!important}
.ul-project-help .btn span{color:#111820!important}
@media(max-width:991px){.ul-project-help{width:calc(100% - 2rem)!important;margin:0 1rem 2rem!important}}

/* Same approved banner, slightly wider */
.ul-project-help{width:calc(100% - 2rem)!important;max-width:1504px!important}
@media(max-width:991px){.ul-project-help{width:calc(100% - 1rem)!important;margin-left:.5rem!important;margin-right:.5rem!important}}

/* Exact restoration of the approved project banner */
.ul-project-help{box-sizing:content-box!important;width:auto!important;max-width:1440px!important;margin:0 auto 4rem!important;padding:3.25rem 3.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:3rem!important;background:linear-gradient(120deg,#10273c,#183a57)!important;color:#fff!important;border:0!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 45px rgba(16,39,60,.17)!important}
.ul-project-help h2{color:#fff!important;font-size:clamp(1.8rem,2.8vw,3rem)!important;letter-spacing:-.045em!important;max-width:720px!important;margin:.2rem 0 .75rem!important}
.ul-project-help p{color:#e3eaf0!important;max-width:700px!important;line-height:1.6!important;margin:0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn{flex:none!important;background:#d3a03d!important;color:#111820!important;border:0!important;border-radius:8px!important;padding:1rem 1.25rem!important;font-weight:800!important}
.ul-project-help .btn span{color:#111820!important}
@media(max-width:991px){.ul-project-help{box-sizing:border-box!important;width:calc(100% - 2rem)!important;margin:0 1rem 2rem!important;padding:2.2rem!important;align-items:flex-start!important;flex-direction:column!important}}

/* Project banner: approved width plus only about 1 cm */
.ul-project-help{
  box-sizing:content-box!important;
  width:auto!important;
  max-width:1478px!important;
  margin:0 auto 4rem!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 18px 45px rgba(16,39,60,.17)!important;
}
.ul-project-help:before,
.ul-project-help:after{
  content:none!important;
  display:none!important;
}
@media(max-width:991px){
  .ul-project-help{
    box-sizing:border-box!important;
    width:calc(100% - 2rem)!important;
    max-width:none!important;
    margin:0 1rem 2rem!important;
  }
}

/* Premium popular-products presentation */
.ul-mock-products{
  box-sizing:border-box!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:3.4rem 2rem 4rem!important;
  background:#f7f5f1!important;
  border-radius:0!important;
}
.ul-mock-products header{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:1.5rem!important;
  margin:0 0 1.6rem!important;
}
.ul-mock-products header:before{
  content:"UDVALGT TIL DIG";
  position:absolute;
  color:#b27a19;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
}
.ul-mock-products header h2{
  margin:1.35rem 0 0!important;
  color:#111b28!important;
  font-size:clamp(1.7rem,2.4vw,2.4rem)!important;
  letter-spacing:-.04em!important;
}
.ul-mock-products header>a{
  color:#8d620f!important;
  font-weight:750!important;
  text-decoration:none!important;
  padding-bottom:.25rem!important;
  border-bottom:1px solid rgba(141,98,15,.35)!important;
}
.ul-mock-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:1rem!important;
  align-items:stretch!important;
}
.ul-mock-product-grid article{
  position:relative!important;
  display:grid!important;
  grid-template-rows:210px auto auto auto 44px!important;
  gap:.62rem!important;
  min-width:0!important;
  padding:.75rem .75rem .85rem!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5e1da!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(17,27,40,.06)!important;
}
.ul-mock-product-grid article:first-child:before{
  content:"BESTSELLER";
  position:absolute;
  z-index:2;
  top:.7rem;
  left:.7rem;
  padding:.35rem .55rem;
  color:#fff;
  background:#17344d;
  border-radius:4px;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
}
.ul-mock-product-grid article img{
  width:100%!important;
  height:210px!important;
  padding:1rem!important;
  object-fit:contain!important;
  background:#faf9f7!important;
  border-radius:8px!important;
}
.ul-mock-product-grid article h3{
  min-height:2.55em!important;
  margin:.25rem .15rem 0!important;
  color:#172333!important;
  font-size:.98rem!important;
  font-weight:700!important;
  line-height:1.28!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:2.4em!important;
  margin:0 .15rem!important;
  color:#6c737b!important;
  font-size:.75rem!important;
  line-height:1.35!important;
}
.ul-mock-product-grid article>strong{
  margin:0 .15rem!important;
  color:#111820!important;
  font-size:1.18rem!important;
  font-weight:800!important;
}
.ul-mock-product-grid article>span{
  display:flex!important;
  align-items:center!important;
  gap:.42rem!important;
  margin:0 .15rem!important;
  color:#18712c!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
.ul-mock-product-grid article>span:before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#21913a;
}
.ul-mock-product-grid article>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  margin-top:.1rem!important;
  color:#fff!important;
  background:#111820!important;
  border:1px solid #111820!important;
  border-radius:7px!important;
  font-size:.85rem!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.ul-mock-product-grid article:hover{
  transform:translateY(-3px)!important;
  border-color:#cdb77f!important;
  box-shadow:0 14px 32px rgba(17,27,40,.12)!important;
}
.ul-mock-product-grid article>a:hover{background:#17344d!important;border-color:#17344d!important}
@media(max-width:1199px){
  .ul-mock-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .ul-mock-products{padding:2.6rem 1rem 3rem!important}
  .ul-mock-products header{align-items:flex-start!important;flex-direction:column!important;gap:.6rem!important}
  .ul-mock-product-grid{
    display:flex!important;
    gap:.8rem!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    padding-bottom:.5rem!important;
  }
  .ul-mock-product-grid::-webkit-scrollbar{display:none!important}
  .ul-mock-product-grid article{flex:0 0 82%!important;scroll-snap-align:start!important}
}

/* Clean white commerce sections and richer product information */
.ul-mock-products,
.ul-cases{
  background:#fff!important;
}
.ul-mock-product-grid article img{
  background:#fff!important;
}
.ul-mock-product-grid article{
  grid-template-rows:210px auto auto minmax(4.2em,auto) auto auto 44px!important;
  height:100%!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:0!important;
}
.ul-mock-product-grid article .ul-product-description{
  margin:0 .15rem!important;
  color:#515b66!important;
  font-size:.79rem!important;
  line-height:1.48!important;
}
.ul-mock-product-grid article>a{
  box-sizing:border-box!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 .85rem!important;
  align-self:end!important;
}
@media(max-width:767px){
  .ul-mock-product-grid article{
    grid-template-rows:210px auto auto auto auto auto 44px!important;
  }
}

/* Seamless white homepage canvas: no enclosing section panels */
body#index #wrapper,
body#index #content-wrapper,
body#index #main,
body#index #content{
  background:#fff!important;
}
.ul-mock-products,
.ul-cases{
  background:transparent!important;
  box-shadow:none!important;
}

/* Strict product-card alignment: image, title, specs, price, stock and CTA */
.ul-mock-product-grid article{
  grid-template-rows:210px 3.4em 2.8em 1.65em 1.45em 44px!important;
  row-gap:.62rem!important;
}
.ul-mock-product-grid article h3{
  min-height:0!important;
  max-height:3.4em!important;
  overflow:hidden!important;
  align-self:start!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:0!important;
  max-height:2.8em!important;
  overflow:hidden!important;
  align-self:start!important;
}
.ul-mock-product-grid article>strong{
  align-self:end!important;
  line-height:1.35!important;
}
.ul-mock-product-grid article>span{
  align-self:center!important;
  line-height:1.2!important;
}
.ul-mock-product-grid article>a{
  align-self:end!important;
}
@media(max-width:767px){
  .ul-mock-product-grid article{
    grid-template-rows:210px 3.4em 2.8em 1.65em 1.45em 44px!important;
  }
}

/* Product-only primary navigation */
.ul-mock-nav{display:none!important}
.ul-product-nav{
  width:100%;
  background:#050505;
  border-top:1px solid rgba(255,255,255,.18);
}
.ul-product-nav__inner{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  column-gap:2rem;
  row-gap:.15rem;
  width:100%;
  max-width:1540px;
  min-height:62px;
  margin:0 auto;
  padding:.45rem 1.5rem;
}
.ul-product-nav a{
  display:flex;
  align-items:center;
  min-height:25px;
  color:#fff!important;
  font-size:.75rem;
  font-weight:750;
  line-height:1.15;
  letter-spacing:.015em;
  text-decoration:none!important;
  white-space:nowrap;
}
.ul-product-nav a:hover,
.ul-product-nav a:focus-visible{color:#e0ac45!important}

/* Useful information belongs in the footer */
.ul-footer-info{
  color:#fff;
  background:#0b1118;
  border-top:1px solid rgba(255,255,255,.12);
}
.ul-footer-info__inner{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:1.4rem 2rem;
}
.ul-footer-info strong{
  color:#e0ac45;
  font-size:.72rem;
  letter-spacing:.14em;
  white-space:nowrap;
}
.ul-footer-info nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.65rem 1.5rem;
}
.ul-footer-info a{
  color:#e7edf2!important;
  font-size:.84rem;
  text-decoration:none!important;
}
.ul-footer-info a:hover{color:#e0ac45!important}
@media(max-width:991px){
  .ul-product-nav__inner{justify-content:flex-start;column-gap:1.25rem;padding:.65rem 1rem}
  .ul-footer-info__inner{align-items:flex-start;flex-direction:column;padding:1.5rem 1rem}
  .ul-footer-info nav{justify-content:flex-start}
}

/* Balanced 8 + 7 desktop category navigation */
.ul-product-nav__toggle{display:none}
.ul-product-nav__inner{
  display:grid!important;
  grid-template-columns:repeat(16,minmax(0,1fr))!important;
  column-gap:0!important;
  row-gap:.2rem!important;
  max-width:1540px!important;
  min-height:68px!important;
  padding:.45rem 1.25rem!important;
}
.ul-product-nav__inner a{
  grid-column:span 2;
  justify-content:center;
  min-width:0;
  padding:0 .35rem;
  text-align:center;
  white-space:normal!important;
}
.ul-product-nav__inner a:nth-child(9){grid-column:2 / span 2}
@media(min-width:768px) and (max-width:1199px){
  .ul-product-nav__inner{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-height:0!important;
    padding:.55rem 1rem!important;
  }
  .ul-product-nav__inner a,
  .ul-product-nav__inner a:nth-child(9){grid-column:auto!important;min-height:34px}
}
@media(max-width:767px){
  .ul-product-nav__toggle{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:48px;
    padding:.7rem 1rem;
    color:#fff;
    background:#050505;
    border:0;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.04em;
  }
  .ul-product-nav__toggle span:last-child{font-size:1.25rem;line-height:1;transition:transform .2s ease}
  .ul-product-nav.is-open .ul-product-nav__toggle span:last-child{transform:rotate(45deg)}
  .ul-product-nav__inner{
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    min-height:0!important;
    padding:.35rem .65rem .65rem!important;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .ul-product-nav.is-open .ul-product-nav__inner{display:grid!important}
  .ul-product-nav__inner a,
  .ul-product-nav__inner a:nth-child(9){
    grid-column:auto!important;
    justify-content:flex-start!important;
    min-height:46px!important;
    padding:.55rem .5rem!important;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:.7rem!important;
    text-align:left!important;
    white-space:normal!important;
  }
}

/* Optical alignment for the downlight category image */
.ul-category-track .ul-category-card:nth-child(3) img{
  object-position:center center!important;
  transform:translateY(12px) scale(1.04)!important;
}
.ul-category-track .ul-category-card:nth-child(3):hover img{
  transform:translateY(12px) scale(1.075)!important;
}

/* Lightweight guided-selling section */
.ul-light-guide{
  box-sizing:border-box;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:4.5rem 2rem;
  background:transparent;
}
.ul-light-guide__header{max-width:760px;margin-bottom:2rem}
.ul-light-guide__header>span{
  color:#b47d1b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
}
.ul-light-guide__header h2{
  margin:.55rem 0 .6rem;
  color:#111b28;
  font-size:clamp(1.8rem,2.7vw,2.75rem);
  letter-spacing:-.045em;
}
.ul-light-guide__header p{margin:0;color:#626c76;font-size:1rem}
.ul-light-guide__grid{
  display:grid;
  width:100%;
  max-width:980px;
  margin-inline:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.ul-light-guide__card{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:1rem;
  min-height:190px;
  padding:1.45rem;
  color:#172333!important;
  background:#fff;
  border:1px solid #dddfe1;
  border-radius:12px;
  text-decoration:none!important;
  box-shadow:0 7px 22px rgba(17,27,40,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ul-light-guide__icon{
  box-sizing:border-box;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  color:#fff;
  background:#17344d;
  border-radius:50%;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:-.02em;
}
.ul-light-guide__icon--dim{font-size:1.45rem;font-weight:500}
.ul-light-guide__card h3{
  margin:.15rem 0 .55rem;
  color:#172333;
  font-size:1rem;
  line-height:1.3;
}
.ul-light-guide__card p{
  min-height:4.2em;
  margin:0 0 .8rem;
  color:#626c76;
  font-size:.82rem;
  line-height:1.45;
}
.ul-light-guide__card strong{color:#9b6a12;font-size:.8rem}
.ul-light-guide__card:hover{
  transform:translateY(-3px);
  border-color:#cdb77f;
  box-shadow:0 13px 30px rgba(17,27,40,.09);
}
@media(max-width:991px){
  .ul-light-guide{padding:3.5rem 1rem}
  .ul-light-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .ul-light-guide{padding:3rem 1rem}
  .ul-light-guide__grid{grid-template-columns:1fr}
  .ul-light-guide__card{min-height:0}
  .ul-light-guide__card p{min-height:0}
}

/* Ultralineshop lighting-guide CMS pages */
.ul-guide-page{
  box-sizing:border-box;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:2.5rem 1rem 4rem;
  color:#23303d;
}
.ul-guide-kicker{margin:0;color:#ae7718;font-size:.72rem;font-weight:800;letter-spacing:.15em}
.ul-guide-page h1{max-width:900px;margin:.55rem 0 1rem;color:#111b28;font-size:clamp(2.15rem,4.5vw,4.1rem);line-height:1.03;letter-spacing:-.055em}
.ul-guide-page h2{margin:3rem 0 1rem;color:#152334;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.035em}
.ul-guide-lead{max-width:850px;margin:0 0 2.2rem;color:#55616d;font-size:1.08rem;line-height:1.7}
.ul-guide-visual,.ul-ip-visual,.ul-driver-flow{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:2rem 0 3rem;padding:1.5rem;background:#f7f5f1;border-radius:14px}
.ul-guide-visual>div{display:flex;align-items:center;gap:1rem;flex:1;padding:1.25rem;background:#fff;border:1px solid #e3e1dc;border-radius:10px}
.ul-guide-visual strong{display:grid;place-items:center;flex:0 0 54px;height:54px;color:#fff;background:#17344d;border-radius:50%;font-size:1rem}
.ul-guide-visual span{color:#4f5b66;line-height:1.4}
.ul-guide-visual>b,.ul-driver-flow>b{align-self:center;color:#bf8a28;font-size:1.4rem}
.ul-guide-formula{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.5rem;border-left:4px solid #d3a03d;background:#faf8f4}
.ul-guide-formula strong{color:#172333;font-size:1.05rem}.ul-guide-formula span{color:#626c76;line-height:1.55}
.ul-guide-table{width:100%;overflow-x:auto;border:1px solid #e1e3e5;border-radius:10px}
.ul-guide-table table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}
.ul-guide-table th,.ul-guide-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #e7e8ea}
.ul-guide-table th{color:#fff;background:#17344d;font-size:.78rem;letter-spacing:.02em}
.ul-guide-table td{color:#48545f;font-size:.86rem;line-height:1.45}.ul-guide-table tr:last-child td{border-bottom:0}
.ul-guide-note{margin:1.25rem 0;padding:1.1rem 1.25rem;color:#4f5963;background:#fff8e9;border:1px solid #ead49c;border-radius:8px;line-height:1.55}
.ul-guide-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;padding:0;list-style:none}
.ul-guide-checks li{position:relative;padding:.75rem .75rem .75rem 2rem;border-bottom:1px solid #e5e6e7}
.ul-guide-checks li:before{content:"✓";position:absolute;left:.4rem;color:#168139;font-weight:800}
.ul-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding:1.5rem 1.75rem;color:#fff;background:linear-gradient(120deg,#10273c,#183a57);border-radius:12px}
.ul-guide-cta>div{display:flex;flex-direction:column;gap:.3rem}.ul-guide-cta span{color:#dfe7ed}
.ul-guide-cta a{flex:none;padding:.8rem 1rem;color:#111820!important;background:#d3a03d;border-radius:7px;font-weight:800;text-decoration:none!important}
.ul-guide-source{margin-top:1.25rem;color:#707982;font-size:.76rem;line-height:1.5}
.ul-kelvin-scale{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;margin:2rem 0 3rem;border:1px solid #dedede;border-radius:12px}
.ul-kelvin-scale span{display:flex;flex-direction:column;gap:.25rem;min-height:115px;padding:1rem;background:var(--c);border-right:1px solid rgba(20,30,40,.12)}
.ul-kelvin-scale span:last-child{border-right:0}.ul-kelvin-scale b{margin-top:auto}.ul-kelvin-scale small{color:#53606b}
.ul-guide-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ul-guide-feature-grid article{padding:1.3rem;border:1px solid #e0e2e4;border-radius:10px}.ul-guide-feature-grid strong{color:#17344d}.ul-guide-feature-grid p{margin:.55rem 0 0;color:#5c6670;line-height:1.55}
.ul-ip-visual>div{flex:1;padding:1.4rem;text-align:center;background:#fff;border:1px solid #e1e3e5;border-radius:10px}
.ul-ip-visual small{display:block;color:#6a737c}.ul-ip-visual strong{display:block;margin:.5rem 0;color:#172333;font-size:3rem;letter-spacing:-.08em}.ul-ip-visual strong span{color:#c28a22}.ul-ip-visual p{margin:0;color:#59646e}
.ul-driver-flow{align-items:center}.ul-driver-flow span{flex:1;padding:1rem;text-align:center;background:#fff;border:1px solid #dfe1e3;border-radius:8px;font-weight:700}
.ul-guide-steps{display:grid;gap:.7rem;padding:0;counter-reset:guide-step;list-style:none}.ul-guide-steps li{position:relative;padding:1rem 1rem 1rem 3.6rem;border:1px solid #e1e3e5;border-radius:9px;counter-increment:guide-step}.ul-guide-steps li:before{content:counter(guide-step);position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#17344d;border-radius:50%;font-weight:800}.ul-guide-steps strong,.ul-guide-steps span{display:block}.ul-guide-steps span{margin-top:.25rem;color:#5d6770;line-height:1.5}
@media(max-width:767px){
  .ul-guide-page{padding:1.75rem 0 3rem}
  .ul-guide-visual,.ul-ip-visual,.ul-driver-flow{align-items:stretch;flex-direction:column;padding:1rem}
  .ul-guide-visual>b,.ul-driver-flow>b{transform:rotate(90deg)}
  .ul-guide-checks,.ul-guide-feature-grid{grid-template-columns:1fr}
  .ul-kelvin-scale{grid-template-columns:1fr}
  .ul-kelvin-scale span{min-height:72px;border-right:0;border-bottom:1px solid rgba(20,30,40,.12)}
  .ul-guide-cta{align-items:flex-start;flex-direction:column}
  .ul-guide-cta a{width:100%;text-align:center}
}
/* Guide pages: keep only the article H1; hide PrestaShop automatic title and breadcrumb. */
body.cms-id-6 .breadcrumb__wrapper,body.cms-id-7 .breadcrumb__wrapper,body.cms-id-8 .breadcrumb__wrapper,body.cms-id-9 .breadcrumb__wrapper,body.cms-id-6 .page-header,body.cms-id-7 .page-header,body.cms-id-8 .page-header,body.cms-id-9 .page-header{display:none!important}

/* Guide refinements: Kelvin, IP and LED dimming */
.ul-kelvin-windows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:2rem 0 2.5rem}
.ul-kelvin-window{position:relative;min-height:220px;padding:1.35rem;border:1px solid rgba(18,35,51,.12);border-radius:12px;box-shadow:0 12px 28px rgba(18,35,51,.08);overflow:hidden}
.ul-kelvin-window:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.05) 55%,rgba(16,32,48,.08));pointer-events:none}
.ul-kelvin-window>*{position:relative;z-index:1;display:block}
.ul-kelvin-window strong{font-size:1.45rem;color:#172333}.ul-kelvin-window span{margin-top:.4rem;font-weight:800;color:#172333}.ul-kelvin-window small{margin-top:4.7rem;color:#28333d;line-height:1.45}
.ul-kelvin-2200{background:#ffd18a}.ul-kelvin-2700{background:#ffe0a8}.ul-kelvin-3000{background:#ffebc7}.ul-kelvin-4000{background:#f4f6f3}.ul-kelvin-5000{background:#e2efff}
.ul-ip-code{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:2rem 0 2.5rem}
.ul-ip-code>div{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem;background:#fff;border:1px solid #dfe3e6;border-radius:10px}
.ul-ip-code b{display:grid;place-items:center;flex:0 0 48px;height:48px;color:#fff;background:#17344d;border-radius:8px;font-size:1.4rem}
.ul-ip-code span,.ul-ip-code strong,.ul-ip-code small{display:block}.ul-ip-code small{margin-top:.35rem;color:#5b6670;line-height:1.45}
.ul-guide-table-wrap{margin:1.3rem 0 2rem;overflow-x:auto;border:1px solid #dfe3e6;border-radius:10px}
.ul-guide-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.ul-guide-table th,.ul-guide-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #e6e8ea}.ul-guide-table th{color:#fff;background:#17344d}.ul-guide-table tr:last-child td{border-bottom:0}.ul-guide-table tr:nth-child(even) td{background:#f8f8f6}
.ul-guide-alert{margin:1.5rem 0 2.5rem;padding:1.2rem 1.3rem;border-left:4px solid #c9922e;background:#fff8e9;border-radius:0 9px 9px 0}.ul-guide-alert p{margin:.35rem 0 0;line-height:1.6}
.ul-dimming-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.3rem 0 1.6rem}.ul-dimming-compare article{padding:1.4rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}.ul-dimming-compare h3{margin:.25rem 0 1rem;color:#172333;font-size:1.2rem}.ul-dimming-compare ul{margin:0;padding-left:1.15rem;color:#4f5c67}.ul-dimming-compare li+li{margin-top:.55rem}
.ul-wave{height:72px;margin:-.15rem 0 1.15rem;border-radius:8px;background-color:#f4f5f5;background-repeat:no-repeat;background-position:center;background-size:calc(100% - 2rem) 42px}
.ul-wave-leading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60'%3E%3Cpath d='M0 30h38V8c35 0 47 44 83 44s48-44 84-44 48 44 85 44h30' fill='none' stroke='%2317344d' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M38 55V5' stroke='%23c9922e' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E")}
.ul-wave-trailing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60'%3E%3Cpath d='M0 30c25-31 48-22 62 0v22h59c35 0 48-44 84-44 25 0 39 22 47 44h68' fill='none' stroke='%2317344d' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M62 55V5' stroke='%23c9922e' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E")}
@media(max-width:1050px){.ul-kelvin-windows{grid-template-columns:repeat(3,1fr)}.ul-ip-code{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ul-kelvin-windows,.ul-ip-code,.ul-dimming-compare{grid-template-columns:1fr}.ul-kelvin-window{min-height:175px}.ul-kelvin-window small{margin-top:2.8rem}}

/* Expanded phase-cut and smart dimming guide */
.ul-triac-explainer{display:grid;grid-template-columns:130px 1fr;gap:1.4rem;align-items:center;margin:1.2rem 0 1.4rem;padding:1.4rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}
.ul-triac-badge{display:grid;place-items:center;min-height:105px;color:#fff;background:#17344d;border-radius:10px;font-size:1.45rem;font-weight:900;letter-spacing:.08em}.ul-triac-explainer p{margin:0;line-height:1.6}.ul-triac-explainer p+p{margin-top:.65rem}
.ul-phase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1rem 0 2.6rem}.ul-phase-summary article{padding:1.15rem;border:1px solid #dfe3e6;border-radius:10px;background:#fff}.ul-phase-summary span,.ul-phase-summary strong{display:block}.ul-phase-summary span{color:#a66f12;font-size:.78rem;font-weight:900;letter-spacing:.1em}.ul-phase-summary strong{margin:.45rem 0;color:#172333}.ul-phase-summary p{margin:0;color:#58636d;line-height:1.5}.ul-phase-summary .is-recommended{border:2px solid #c9922e;background:#fffaf0}
.ul-smart-dimming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.3rem 0 1.7rem}.ul-smart-dimming-grid article{padding:1.35rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}.ul-smart-name{display:inline-block;margin-bottom:.75rem;padding:.35rem .65rem;color:#fff;background:#17344d;border-radius:6px;font-weight:900}.ul-smart-dimming-grid strong,.ul-smart-dimming-grid small{display:block}.ul-smart-dimming-grid p{margin:.55rem 0;color:#4f5c67;line-height:1.55}.ul-smart-dimming-grid small{padding-top:.7rem;border-top:1px solid #e5e7e8;color:#6a737c;line-height:1.45}
@media(max-width:767px){.ul-triac-explainer{grid-template-columns:1fr}.ul-triac-badge{min-height:70px}.ul-phase-summary,.ul-smart-dimming-grid{grid-template-columns:1fr}}

/* Previous/next navigation between the four lighting guides */
.ul-guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.4rem;padding-top:1.5rem;border-top:1px solid #dfe3e6}
.ul-guide-pagination__link{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:1.1rem 1.25rem;color:#172333!important;background:#fff;border:1px solid #d9dee2;border-radius:11px;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ul-guide-pagination__link:hover{border-color:#c9922e;box-shadow:0 10px 24px rgba(18,35,51,.09);transform:translateY(-2px)}
.ul-guide-pagination__link span{color:#9b6917;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ul-guide-pagination__link strong{display:block;margin-top:.45rem;font-size:1.05rem;line-height:1.35}
.ul-guide-pagination__link--next{text-align:right}.ul-guide-pagination__spacer{display:block}
@media(max-width:767px){.ul-guide-pagination{grid-template-columns:1fr}.ul-guide-pagination__spacer{display:none}.ul-guide-pagination__link--next{text-align:left}.ul-guide-pagination__link{min-height:92px}}

/* Compact, readable Ultralineshop footer */
.footer__before{padding:1.15rem 0!important;background:#f5f6f7!important;border-top:1px solid #e1e4e7}
.footer__before>.container{max-width:1540px!important}.footer__before .row{align-items:center;margin-top:0!important;margin-bottom:0!important}.footer__before .block_newsletter,.footer__before .email_subscription{margin:0!important;padding-top:0!important;padding-bottom:0!important}.footer__before h2,.footer__before h3,.footer__before p{margin-top:0}.footer__before form{margin-bottom:0!important}
.ul-footer{padding:0!important;color:#e8edf1!important;background:#171c21!important}
.ul-footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr .9fr;gap:2.2rem;max-width:1540px!important;padding-top:2.2rem;padding-bottom:1.8rem}
.ul-footer__brand,.ul-footer__column{min-width:0}.ul-footer__logo{display:inline-block;color:#fff!important;font-size:2rem;font-weight:800;letter-spacing:-.055em;line-height:1;text-decoration:none!important}.ul-footer__logo span{color:#dda536}.ul-footer__brand small{display:block;margin:.35rem 0 1rem;color:#aeb8c1;font-size:.58rem;letter-spacing:.42em}.ul-footer__brand p{max-width:330px;margin:0 0 .75rem;color:#cbd3da!important;line-height:1.5}.ul-footer__contact{color:#fff!important;font-weight:700;text-decoration:none!important}
.ul-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.ul-footer__column strong{margin-bottom:.25rem;color:#fff!important;font-size:.92rem}.ul-footer__column a,.ul-footer__column span{color:#cbd3da!important;font-size:.86rem;line-height:1.35;text-decoration:none!important}.ul-footer__column a:hover,.ul-footer__contact:hover{color:#dda536!important}
.ul-footer__bottom{display:flex;justify-content:space-between;gap:1rem;max-width:1540px!important;padding-top:1rem;padding-bottom:1rem;color:#909ba5!important;border-top:1px solid rgba(255,255,255,.12);font-size:.75rem}
@media(max-width:991px){.ul-footer__grid{grid-template-columns:repeat(2,1fr);gap:1.8rem;padding-top:1.8rem}.footer__before{padding:1rem 0!important}}
@media(max-width:575px){.ul-footer__grid{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.4rem}.ul-footer__bottom{align-items:flex-start;flex-direction:column}.ul-footer__column{gap:.65rem}.ul-footer__logo{font-size:1.75rem}}

/* Original logo and verified contact details in footer */
.ul-footer__logo{display:block!important;width:min(285px,100%);font-size:0!important;line-height:0!important}.ul-footer__logo img{display:block;width:100%;height:auto;max-height:53px;object-fit:contain;object-position:left center}.ul-footer__brand>p{margin-top:1rem}.ul-footer__contacts{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
@media(max-width:575px){.ul-footer__logo{width:min(245px,100%)}}


/* 2026-08-26 FINAL HOMEPAGE RESTORE — scoped, desktop-safe */
@media (min-width: 992px){
  body#index .ul-category-track{
    --visible:5!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 64px)/5)!important;
    gap:16px!important;
    align-items:stretch!important;
    overflow-x:auto!important;
  }
  body#index .ul-category-track .ul-category-card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:142px 52px!important;
    width:auto!important;
    min-width:0!important;
    height:194px!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #d9dee3!important;
    outline:0!important;
    border-radius:10px!important;
    box-shadow:0 5px 16px rgba(22,34,46,.06)!important;
    overflow:hidden!important;
    color:#172331!important;
  }
  body#index .ul-category-track .ul-category-card::before,
  body#index .ul-category-track .ul-category-card::after{content:none!important;display:none!important}
  body#index .ul-category-track .ul-category-card img,
  body#index .ul-category-track .ul-category-card:nth-child(3) img{
    box-sizing:border-box!important;
    display:block!important;
    grid-row:1!important;
    width:100%!important;
    height:142px!important;
    max-width:none!important;
    margin:0!important;
    padding:12px 16px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #ece9e3!important;
    filter:none!important;
    transform:none!important;
  }
  body#index .ul-category-track .ul-category-card span{
    box-sizing:border-box!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-row:2!important;
    min-width:0!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    color:#172331!important;
    background:#fff!important;
    font-size:.86rem!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    text-shadow:none!important;
  }
  body#index .ul-category-track .ul-category-card i{
    position:absolute!important;
    right:12px!important;
    bottom:13px!important;
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    color:#24394c!important;
    background:#fff!important;
    border:1px solid #cbd1d6!important;
    border-radius:50%!important;
    font-size:.82rem!important;
  }
  body#index .ul-category-track .ul-category-card:hover{
    border-color:#c9ad70!important;
    box-shadow:0 9px 22px rgba(22,34,46,.10)!important;
    transform:translateY(-2px)!important;
  }
  body#index .ul-category-track .ul-category-card:hover img,
  body#index .ul-category-track .ul-category-card:nth-child(3):hover img{transform:none!important}
  body#index .ul-light-guide{max-width:1504px!important;padding-left:2rem!important;padding-right:2rem!important}
  body#index .ul-light-guide__grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:stretch!important;
  }
  body#index .ul-light-guide__card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
    column-gap:14px!important;
    min-width:0!important;
    min-height:230px!important;
    margin:0!important;
    padding:24px!important;
    align-items:start!important;
  }
  body#index .ul-light-guide__icon{grid-column:1!important;grid-row:1 / span 2!important}
  body#index .ul-light-guide__card h3{grid-column:2!important;grid-row:1!important;margin:2px 0 8px!important}
  body#index .ul-light-guide__card p{grid-column:2!important;grid-row:2!important;margin:0!important}
  body#index .ul-light-guide__card strong{grid-column:2!important;grid-row:3!important;align-self:end!important;margin-top:18px!important}
}

/* 2026-08-26 RESTORE MEGA GROUPS — keep all three columns aligned */
@media (min-width:992px){
  .ul-desktop-products .ul-mega-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:28px!important;align-items:start!important;}
  .ul-desktop-products .ul-mega-menu__group{grid-column:auto!important;grid-row:auto!important;min-width:0!important;margin:0!important;align-self:start!important;}
}

@media (min-width:992px){
.ul-desktop-products .ul-mega-menu>.ul-mega-menu__group:nth-child(1){grid-column:1!important;grid-row:1!important}
.ul-desktop-products .ul-mega-menu>.ul-mega-menu__group:nth-child(2){grid-column:2!important;grid-row:1!important}
.ul-desktop-products .ul-mega-menu>.ul-mega-menu__group:nth-child(3){grid-column:3!important;grid-row:1!important}
}
@import url("./ultraline-catalog-v43.css");

:root {
  --ul-ink: #111827;
  --ul-ink-soft: #344054;
  --ul-navy: #13243a;
  --ul-navy-hover: #0b1929;
  --ul-gold: #b58a46;
  --ul-gold-soft: #f1e7d5;
  --ul-warm: #f7f5f0;
  --ul-surface: #ffffff;
  --ul-line: #d9dee7;
  --ul-success: #237a45;
  --ul-danger: #b42318;
  --ul-radius-sm: .5rem;
  --ul-radius: .875rem;
  --ul-radius-lg: 1.25rem;
  --ul-shadow: 0 8px 28px rgba(17, 24, 39, .08);
  --ul-content: 1440px;
  --ul-space-1: .25rem;
  --ul-space-2: .5rem;
  --ul-space-3: .75rem;
  --ul-space-4: 1rem;
  --ul-space-5: 1.5rem;
  --ul-space-6: 2rem;
  --ul-space-7: 3rem;
  --ul-space-8: 4rem;
}
html { font-size: 100%; scroll-behavior: smooth; }
body {
  color: var(--ul-ink);
  background: var(--ul-surface);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body, button, input, select, textarea { letter-spacing: -.005em; }
h1, h2, h3, h4, h5, h6 {
  color: var(--ul-ink);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
}
h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
h2 { font-size: clamp(1.625rem, 3vw, 2.5rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
a { color: var(--ul-navy); text-underline-offset: .2em; }
a:hover { color: var(--ul-gold); }
.container, .page-width, .header-top > .container {
  width: min(100% - 2rem, var(--ul-content));
  margin-inline: auto;
}
.btn, button, [type="button"], [type="submit"] {
  min-height: 2.75rem;
  border-radius: var(--ul-radius-sm);
  font-weight: 650;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.btn-primary, .add-to-cart, [data-button-action="add-to-cart"] {
  border-color: var(--ul-navy);
  background: var(--ul-navy);
  color: #fff;
  min-height: 3rem;
  padding: .75rem 1.25rem;
}
.btn-primary:hover, .add-to-cart:hover, [data-button-action="add-to-cart"]:hover {
  border-color: var(--ul-navy-hover);
  background: var(--ul-navy-hover);
  color: #fff;
  transform: translateY(-1px);
}
.btn-secondary {
  border: 1px solid var(--ul-navy);
  background: #fff;
  color: var(--ul-navy);
}
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ul-gold) 75%, white);
  outline-offset: 3px;
}
input, select, textarea, .form-control {
  min-height: 3rem;
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius-sm);
  background: #fff;
  color: var(--ul-ink);
  font-size: 1rem;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--ul-navy);
  box-shadow: 0 0 0 3px rgba(19, 36, 58, .12);
}
.header-banner, #header .header-banner {
  background: var(--ul-navy);
  color: #fff;
}
.header-banner a { color: #fff; }
#header {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid var(--ul-line);
  background: rgba(255,255,255,.98);
}
#header .header-top { padding-block: 1rem; }
#header .header-nav { min-height: 2.75rem; }
#header .logo { max-height: 4rem; width: auto; }
#search_widget, .search-widget { width: min(100%, 44rem); }
#search_widget form, .search-widget form { position: relative; }
#search_widget input, .search-widget input {
  width: 100%;
  min-height: 3.5rem;
  padding-inline: 1.125rem 3.5rem;
  border: 2px solid var(--ul-navy);
  border-radius: 999px;
  font-size: 1.0625rem;
}
#search_widget button, .search-widget button {
  position: absolute;
  inset-block: .375rem;
  inset-inline-end: .375rem;
  min-width: 2.75rem;
  border-radius: 999px;
}
#_desktop_top_menu, .top-menu { font-size: 1rem; font-weight: 650; }
.top-menu a { min-height: 2.75rem; display: flex; align-items: center; }
.top-menu .sub-menu {
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius);
  box-shadow: var(--ul-shadow);
}
#wrapper { background: var(--ul-warm); }
#wrapper > .container { padding-block: var(--ul-space-6); }
.breadcrumb { font-size: .9375rem; }
.products, .product-list, #js-product-list .products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
.product-miniature, .product-miniature .thumbnail-container {
  height: 100%;
}
.product-miniature .thumbnail-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ul-line);
  border-radius: var(--ul-radius);
  background: var(--ul-surface);
  box-shadow: 0 2px 10px rgba(17,24,39,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.product-miniature .thumbnail-container:hover {
  transform: translateY(-3px);
  border-color: #c1c8d3;
  box-shadow: var(--ul-shadow);
}
.product-miniature .product-thumbnail {
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #fff;
}
.product-miniature .product-thumbnail img,
.product-cover img, .product-images img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.product-miniature .product-description {
  position: static;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem;
  background: #fff;
}
.product-miniature .product-title {
  min-height: 3.1em;
  margin: 0 0 .75rem;
  color: var(--ul-ink);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.45;
}
.product-miniature .product-price-and-shipping {
  margin-top: auto;
  color: var(--ul-ink);
  font-size: 1.25rem;
  font-weight: 750;
}
.product-miniature .regular-price { color: var(--ul-ink-soft); font-size: .9375rem; }
.product-miniature .product-flags { inset: .75rem auto auto .75rem; }
.product-flag, .badge {
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .8125rem;
  font-weight: 700;
}
.product-flag.new { background: var(--ul-navy); color: #fff; }
.product-flag.discount { background: var(--ul-gold); color: var(--ul-ink); }
.product-availability, .availability {
  color: var(--ul-success);
  font-size: .9375rem;
  font-weight: 650;
}
.product-miniature .highlighted-informations {
  position: static;
  padding: 0 1rem 1rem;
  background: #fff;
}
.category-cover img, .block-category img, .carousel img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.card, .block-category, .featured-products {
  border-radius: var(--ul-radius-lg);
}
.trust-bar, .ul-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  padding: .875rem max(1rem, calc((100% - var(--ul-content))/2));
  background: var(--ul-navy);
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  text-align: center;
}
#footer { border-top: 1px solid var(--ul-line); background: #fff; }
#footer .footer-container { padding-block: var(--ul-space-7); }
@media (max-width: 1199px) {
  .products, .product-list, #js-product-list .products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  :root { --ul-space-7: 2.25rem; --ul-space-8: 3rem; }
  body { font-size: 1rem; }
  .container, .page-width, .header-top > .container { width: min(100% - 1.25rem, var(--ul-content)); }
  #header .header-top { padding-block: .75rem; }
  #search_widget, .search-widget { width: 100%; }
  #search_widget input, .search-widget input { min-height: 3.25rem; font-size: 1rem; }
  .products, .product-list, #js-product-list .products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .product-miniature .product-description { padding: .75rem; }
  .product-miniature .product-title { font-size: .9375rem; }
  .product-miniature .product-price-and-shipping { font-size: 1.0625rem; }
  .trust-bar, .ul-trust-bar { grid-template-columns: repeat(2, 1fr); text-align: start; }
}
@media (max-width: 420px) {
  .products, .product-list, #js-product-list .products { grid-template-columns: 1fr; }
  .trust-bar, .ul-trust-bar { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Header composition: preserve native Hummingbird hooks and improve hierarchy. */
.ul-trust-bar a { color: #fff; font-weight: 750; white-space: nowrap; }
.ul-trust-item { min-width: 0; }
.ul-trust-item strong { color: #fff; }
#header .header-top > .container,
#header .header-top .row {
  align-items: center;
}
#header .header-top .row {
  row-gap: 1rem;
}
#header .header-top .header-logo,
#header #_desktop_logo {
  flex: 0 1 18rem;
}
#header .header-top .header-logo img,
#header #_desktop_logo img,
#header .logo {
  display: block;
  width: min(100%, 17.8125rem);
  height: auto;
  aspect-ratio: 570 / 106;
  object-fit: contain;
}
#header #_desktop_search_filters_clear_all,
#header #search_widget,
#header .search-widget {
  flex: 1 1 30rem;
  margin-inline: clamp(1rem, 3vw, 3rem);
}
#header .header-block,
#header .user-info,
#header .blockcart {
  min-width: 2.75rem;
}
#header .header-block__action-btn,
#header .user-info a,
#header .blockcart a {
  min-height: 2.75rem;
  border-radius: var(--ul-radius-sm);
}
#header .header-nav {
  border-top: 1px solid var(--ul-line);
  border-bottom: 0;
  background: #fff;
}
#header .header-nav-full-width {
  border-top: 1px solid var(--ul-line);
  background: #fff;
}
#header .top-menu > li > a {
  position: relative;
  padding-inline: 1rem;
  color: var(--ul-ink);
}
#header .top-menu > li > a::after {
  position: absolute;
  right: 1rem;
  bottom: .25rem;
  left: 1rem;
  height: 2px;
  background: var(--ul-gold);
  content: "";
  transform: scaleX(0);
  transition: transform .18s ease;
}
#header .top-menu > li > a:hover::after,
#header .top-menu > li.current > a::after {
  transform: scaleX(1);
}
@media (max-width: 991px) {
  #header .header-top .header-logo img,
  #header #_desktop_logo img,
  #header .logo { width: min(100%, 14rem); }
  #header #search_widget,
  #header .search-widget { order: 10; flex-basis: 100%; margin-inline: 0; }
}
@media (max-width: 767px) {
  .ul-trust-bar { display: flex; overflow-x: auto; gap: 1.5rem; padding-block: .65rem; scroll-snap-type: x mandatory; }
  .ul-trust-item { flex: 0 0 auto; scroll-snap-align: start; }
  #header .header-top .header-logo img,
  #header #_desktop_logo img,
  #header .logo { width: min(100%, 11.5rem); }
}

.ul-primary-nav { border-top: 1px solid var(--ul-line); border-bottom: 1px solid var(--ul-line); background: #fff; }
.ul-primary-nav__scroll { display: flex; align-items: center; gap: .25rem; overflow-x: auto; scrollbar-width: thin; }
.ul-primary-nav a { display: flex; flex: 0 0 auto; align-items: center; min-height: 3.25rem; padding: .5rem .9rem; color: var(--ul-ink); font-size: .9375rem; font-weight: 700; text-decoration: none; }
.ul-primary-nav a:hover { color: var(--ul-navy); background: var(--ul-warm); }
.page-content--home { display: grid; gap: var(--ul-space-8); }
.ul-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); min-height: 32rem; overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: linear-gradient(135deg,#fff 0%,#f8f5ee 58%,#eee3cf 100%); box-shadow: var(--ul-shadow); }
.ul-hero__content { position: relative; z-index: 2; align-self: center; padding: clamp(2rem,6vw,5rem); }
.ul-eyebrow { margin: 0 0 .75rem; color: var(--ul-gold); font-size: .8125rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ul-hero h1 { max-width: 12ch; margin: 0; }
.ul-hero__lead { max-width: 43rem; margin: 1.25rem 0 0; color: var(--ul-ink-soft); font-size: clamp(1.0625rem,2vw,1.25rem); }
.ul-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.ul-hero__proof { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 2rem 0 0; padding: 0; color: var(--ul-ink-soft); font-size: .9375rem; list-style: none; }
.ul-hero__proof li::before { color: var(--ul-success); content: "✓"; margin-right: .45rem; font-weight: 900; }
.ul-hero__visual { position: relative; min-height: 24rem; background: radial-gradient(circle at 62% 45%,rgba(255,255,255,.98) 0 9%,rgba(255,246,213,.8) 10% 24%,rgba(181,138,70,.13) 25% 44%,transparent 45%); }
.ul-light-line { position: absolute; display: block; height: .75rem; border-radius: 999px; background: #fff; box-shadow: 0 0 2.5rem rgba(255,223,146,.95); transform: rotate(-18deg); }
.ul-light-line--one { top: 28%; right: 3%; width: 82%; }
.ul-light-line--two { right: 10%; bottom: 27%; width: 60%; transform: rotate(23deg); }
.ul-light-disc { position: absolute; top: 50%; left: 50%; width: 7rem; height: 7rem; border: 1px solid rgba(181,138,70,.4); border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 0 4rem rgba(255,220,135,.8); transform: translate(-50%,-50%); }
.ul-category-section { display: grid; gap: 1.5rem; }
.ul-section-heading { display: grid; grid-template-columns: 1fr minmax(18rem,34rem); align-items: end; gap: 2rem; }
.ul-section-heading h2,.ul-section-heading p { margin-block: 0; }
.ul-section-heading > p { color: var(--ul-ink-soft); }
.ul-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.ul-category-card { position: relative; display: flex; min-height: 14rem; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 1.5rem; border: 1px solid var(--ul-line); border-radius: var(--ul-radius); background: #fff; color: var(--ul-ink); text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.ul-category-card--wide { grid-column: span 2; }
.ul-category-card::before { position: absolute; top: -3rem; right: -2rem; width: 10rem; height: 10rem; border: 1px solid var(--ul-gold-soft); border-radius: 50%; background: var(--ul-warm); content: ""; }
.ul-category-card:hover { color: var(--ul-ink); border-color: var(--ul-gold); box-shadow: var(--ul-shadow); transform: translateY(-3px); }
.ul-category-card__mark { position: absolute; top: 1rem; left: 1.25rem; color: var(--ul-gold); font-size: .8125rem; font-weight: 800; }
.ul-category-card strong { position: relative; font-size: 1.25rem; }
.ul-category-card small { position: relative; margin-top: .35rem; color: var(--ul-ink-soft); font-size: .9375rem; }
.ul-category-card__arrow { position: absolute; right: 1.5rem; bottom: 1.5rem; color: var(--ul-gold); font-size: 1.5rem; }
@media(max-width:991px){.ul-hero{grid-template-columns:1fr}.ul-hero__visual{position:absolute;right:0;bottom:0;width:45%;height:100%;opacity:.55}.ul-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ul-section-heading{grid-template-columns:1fr}.ul-category-card--wide{grid-column:span 1}}
@media(max-width:575px){.ul-hero{min-height:35rem}.ul-hero__content{padding:2rem 1.25rem}.ul-hero__visual{top:auto;width:70%;height:45%}.ul-hero__proof{display:grid}.ul-category-grid{grid-template-columns:1fr}.ul-category-card{min-height:11rem}}

/* Product cards: clear commercial hierarchy and stable image geometry. */
.product-miniature .thumbnail-container { position: relative; }
.product-miniature .product-thumbnail img { transition: transform .25s ease; }
.product-miniature:hover .product-thumbnail img { transform: scale(1.025); }
.product-miniature .product-description { text-align: left; }
.product-miniature .product-title a { color: inherit; text-decoration: none; }
.product-miniature .product-title a:hover { color: var(--ul-navy); }
.product-miniature .product-price-and-shipping { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .65rem; }
.product-miniature .price { color: var(--ul-ink); font-variant-numeric: tabular-nums; }
.product-miniature .regular-price { order: 2; }
.product-miniature .product-availability { display: flex; align-items: center; gap: .4rem; margin-top: .65rem; }
.product-miniature .product-availability::before { width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; content: ""; }
.product-miniature .product__add-to-cart,
.product-miniature .add-to-cart { width: 100%; margin-top: .75rem; }
.product-miniature .product__add-to-cart-button,
.product-miniature [data-button-action="add-to-cart"] { width: 100%; }
.product-miniature .quick-view { min-width: 2.75rem; min-height: 2.75rem; border-radius: 50%; background: rgba(255,255,255,.95); box-shadow: 0 2px 10px rgba(17,24,39,.12); }

/* Product detail: image-first layout with a focused purchase panel. */
.product-container { align-items: flex-start; gap: clamp(1.5rem,4vw,4rem); }
.product-cover { overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; }
.product-cover img { display: block; aspect-ratio: 1 / 1; object-fit: contain; }
.product-images { gap: .75rem; margin-top: 1rem; }
.product-images .thumb-container { overflow: hidden; border: 1px solid var(--ul-line); border-radius: var(--ul-radius-sm); background: #fff; }
.product-images .thumb.selected, .product-images .thumb:hover { border-color: var(--ul-gold); }
.product__infos { padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; box-shadow: var(--ul-shadow); }
.product__title { margin-bottom: 1rem; }
.product__title h1 { font-size: clamp(1.75rem,3vw,2.5rem); line-height: 1.16; }
.product__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin-block: 1.25rem; }
.product__current-price { color: var(--ul-ink); font-size: clamp(1.75rem,3vw,2.25rem); font-weight: 800; font-variant-numeric: tabular-nums; }
.product__tax-label { color: var(--ul-ink-soft); font-size: .875rem; }
.product__description-short { color: var(--ul-ink-soft); font-size: 1.0625rem; line-height: 1.65; }
.product__variants { display: grid; gap: 1rem; margin-block: 1.5rem; }
.product__variants .control-label { display: block; margin-bottom: .5rem; color: var(--ul-ink); font-weight: 700; }
.product__variants select { width: 100%; }
.product__variants .input-color,
.product__variants .input-radio { min-width: 2.75rem; min-height: 2.75rem; }
.product-add-to-cart { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--ul-line); }
.product__actions-qty-add, .product-quantity { display: grid; grid-template-columns: minmax(6.5rem,.35fr) minmax(12rem,1fr); gap: .75rem; }
.product__add-to-cart-button { width: 100%; min-height: 3.5rem; font-size: 1.0625rem; }
.product__quantity input, #quantity_wanted { min-height: 3.5rem; text-align: center; font-weight: 700; }
.product-availability { margin-block: 1rem; }
.product-availability .material-icons { color: var(--ul-success); }
.product__additional-info { margin-top: 1.5rem; color: var(--ul-ink-soft); font-size: .9375rem; }
.tabs, .product-tabs { margin-top: var(--ul-space-6); border: 1px solid var(--ul-line); border-radius: var(--ul-radius-lg); background: #fff; }
.tabs .nav-tabs { gap: .25rem; padding: .75rem .75rem 0; border-bottom: 1px solid var(--ul-line); }
.tabs .nav-link { min-height: 2.75rem; border-radius: var(--ul-radius-sm) var(--ul-radius-sm) 0 0; color: var(--ul-ink-soft); font-weight: 700; }
.tabs .nav-link.active { color: var(--ul-navy); border-bottom-color: var(--ul-gold); }
.tabs .tab-content { padding: clamp(1.25rem,3vw,2rem); }
.product-features > dl { display: grid; grid-template-columns: minmax(9rem,.4fr) 1fr; margin: 0; border-top: 1px solid var(--ul-line); }
.product-features dt, .product-features dd { margin: 0; padding: .75rem; border-bottom: 1px solid var(--ul-line); }
.product-features dt { color: var(--ul-ink-soft); font-weight: 600; }
@media(min-width:992px){.product__infos{position:sticky;top:1rem}}
@media(max-width:767px){.product__infos{padding:1rem}.product__actions-qty-add,.product-quantity{grid-template-columns:1fr}.product-features>dl{grid-template-columns:1fr}.product-features dt{padding-bottom:.25rem;border-bottom:0}.product-features dd{padding-top:.25rem}}

/* Approved homepage reference alignment — 2026-08-24 */
body{background:#fff}.page-content--home{gap:0!important}#wrapper{background:#fff}#wrapper>.container{max-width:none!important;width:100%!important;padding:0!important}
#header{background:#050505!important;border:0;color:#fff}#header .header-top,#header .header-nav,#header .header-nav-full-width{background:#050505!important;border-color:#282828!important}#header .header-top{padding:1rem 2rem!important}#header .header-top>.container{width:min(100%,1500px)!important}.header-top a,#header a,#header .material-icons{color:#fff!important}#header #search_widget input,#header .search-widget input{min-height:2.8rem;border:0!important;border-radius:.3rem!important;background:#fff;color:#111}#header #search_widget button,#header .search-widget button{color:#111!important}
.ul-primary-nav{display:none!important}.ul-mock-nav{background:#050505;border-top:1px solid #252525}.ul-mock-nav .container{display:flex;gap:.25rem;overflow:auto;max-width:1500px}.ul-mock-nav a{display:flex;align-items:center;min-height:2.7rem;padding:.45rem .9rem;color:#fff!important;font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:none}.ul-mock-nav a:hover{background:#1b1b1b;color:#d5a33e!important}
.ul-mock-home{width:100%;overflow:hidden}.ul-mock-hero{position:relative;height:clamp(330px,38vw,590px);background:#ddd}.ul-mock-hero>img{width:100%;height:100%;object-fit:cover}.ul-mock-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.62) 30%,transparent 58%);content:""}.ul-mock-hero__copy{position:absolute;z-index:2;top:50%;left:max(5%,calc((100% - 1450px)/2));max-width:680px;transform:translateY(-50%)}.ul-mock-hero h1{margin:0;color:#070707;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02}.ul-mock-hero p{margin:1rem 0 1.5rem;color:#111;font-size:clamp(1.05rem,1.7vw,1.55rem)}.ul-mock-hero .btn{background:#050505;border-color:#050505;border-radius:.25rem;padding:.8rem 1.3rem}
.ul-mock-trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ddd;background:#fff}.ul-mock-trust div{display:flex;align-items:center;justify-content:center;gap:.9rem;min-height:4.2rem;border-right:1px solid #ddd;font-size:1rem}.ul-mock-trust b{font-size:1.8rem;font-weight:400}
.ul-mock-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 2rem}.ul-mock-categories a{position:relative;height:190px;overflow:hidden;border-radius:.35rem;background:#111}.ul-mock-categories img{width:100%;height:100%;object-fit:cover;transition:.25s}.ul-mock-categories a:after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));content:""}.ul-mock-categories strong{position:absolute;z-index:2;bottom:1rem;left:1rem;color:#fff;font-size:1.05rem}.ul-mock-categories i{position:absolute;z-index:2;right:1rem;bottom:.8rem;color:#fff;font-size:1.7rem;font-style:normal}.ul-mock-categories a:hover img{transform:scale(1.04)}
.ul-mock-products{padding:0 2rem 2rem}.ul-mock-products header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}.ul-mock-products h2{margin:0;font-size:1.55rem}.ul-mock-products header a{color:#b37a10}.ul-mock-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.ul-mock-product-grid article{display:grid;grid-template-rows:170px auto auto auto auto;gap:.45rem;padding:1rem;border:1px solid #ddd;border-radius:.45rem;background:#fff}.ul-mock-product-grid img{width:100%;height:170px;object-fit:contain}.ul-mock-product-grid h3{margin:0;font-size:.95rem;line-height:1.35}.ul-mock-product-grid article>strong{font-size:1.15rem}.ul-mock-product-grid span{color:#16802b;font-size:.88rem}.ul-mock-product-grid article>a{justify-self:start;padding:.55rem .8rem;border-radius:.25rem;background:#050505;color:#fff;text-decoration:none}
.ul-cases-intro{margin:1rem 2rem 3rem;padding:3rem;border-radius:.5rem;background:#f5f2ec;text-align:center}.ul-cases-intro p{color:#b58a46;font-weight:800;letter-spacing:.12em}.ul-cases-intro h2{margin:.4rem 0}
@media(max-width:991px){.ul-mock-product-grid{grid-template-columns:repeat(3,1fr)}.ul-mock-categories{grid-template-columns:repeat(2,1fr)}.ul-mock-hero__copy{left:2rem}.ul-mock-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){#header .header-top{padding:.8rem!important}.ul-mock-hero{height:520px}.ul-mock-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.42))}.ul-mock-hero__copy{left:1rem;right:1rem}.ul-mock-categories{grid-template-columns:1fr;padding:.75rem}.ul-mock-product-grid{display:flex;overflow:auto}.ul-mock-product-grid article{min-width:75vw}.ul-mock-products{padding:.5rem .75rem 1.5rem}.ul-mock-trust div{justify-content:flex-start;padding-left:1rem}.ul-cases-intro{margin:1rem .75rem}}

#header #_desktop_logo img,#header .header-logo img{display:none!important}#header #_desktop_logo a,#header .header-logo a{display:flex!important;align-items:center;min-height:3rem;text-decoration:none!important}#header #_desktop_logo a:before,#header .header-logo a:before{content:'ultraline';color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.06em}#header #_desktop_logo a:after,#header .header-logo a:after{content:'shop';color:#d5a33e;font-size:2rem;font-weight:800;letter-spacing:-.06em}

/* Accessible two-image hero rotation */
.ul-mock-hero{position:relative;overflow:hidden}
.ul-hero-slides{position:absolute;inset:0}
.ul-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;animation:ulHeroFade 10s infinite ease-in-out}
.ul-hero-slide--work{animation-delay:0s}
.ul-hero-slide--home{animation-delay:5s}
@keyframes ulHeroFade{0%{opacity:0}8%{opacity:1}48%{opacity:1}58%{opacity:0}100%{opacity:0}}
.ul-mock-hero__copy{position:relative;z-index:2}
.ul-mock-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.48) 32%,rgba(255,255,255,0) 58%)}
@media (prefers-reduced-motion:reduce){.ul-hero-slide{animation:none}.ul-hero-slide--work{opacity:1}.ul-hero-slide--home{display:none}}

/* Compact premium header */
#header .header-nav{min-height:32px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
#header .header-nav .container,#header .header-nav .row{min-height:32px!important;align-items:center!important}
#header .header-nav a,#header .header-nav span{font-size:.875rem!important;line-height:1.2!important}
#header .header-top{min-height:66px!important;padding:9px 0!important}
#header .header-top>.container,#header .header-top .row{min-height:48px!important;align-items:center!important}
#header .header-top .search-widget form input[type=text],#header .header-top input[type=search]{height:46px!important;padding-top:0!important;padding-bottom:0!important}
#header .ul-mock-nav{min-height:42px!important;padding:0 3.25rem!important}
#header .ul-mock-nav a{min-height:42px!important;display:flex!important;align-items:center!important;padding:0 1rem!important;font-size:.82rem!important}
#header #_desktop_logo img,#header .header-logo img{display:none!important}
#header #_desktop_logo a,#header .header-logo a{display:flex!important;align-items:center!important;min-height:42px!important;text-decoration:none!important}
#header #_desktop_logo a:before,#header .header-logo a:before{content:"ultraline";color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.055em}
#header #_desktop_logo a:after,#header .header-logo a:after{content:"shop";color:#d5a33e;font-size:1.75rem;font-weight:800;letter-spacing:-.055em}
@media(max-width:991px){#header .header-nav{min-height:28px!important}#header .header-top{min-height:56px!important;padding:6px 0!important}#header .ul-mock-nav{padding:0 1rem!important;overflow-x:auto!important;white-space:nowrap!important}}

/* Refined compact header */
#header .header-top{min-height:24px!important;height:24px!important;padding:0!important}
#header .header-top>.container,#header .header-top .container,#header .header-top .row{min-height:24px!important;height:24px!important}
#header .header-top a,#header .header-top span{font-size:.75rem!important;line-height:24px!important}
#header .header-bottom{min-height:54px!important;padding:0!important}
#header .header-bottom__container,#header .header-bottom__row{min-height:54px!important}
#header .header-bottom__logo{min-height:54px!important}
#header .header-bottom__logo img.logo{display:block!important;width:auto!important;height:34px!important;max-width:184px!important;object-fit:contain!important}
#header .header-bottom__logo a:before,#header .header-bottom__logo a:after{content:none!important;display:none!important}
#header .header-bottom .search-widget form input[type=text],#header .header-bottom input[type=search],#header .header-bottom input[type=text]{height:38px!important;background:#161616!important;border:1px solid #3c3c3c!important;border-radius:8px!important;color:#f5f5f5!important;box-shadow:none!important;padding:.45rem 3rem .45rem 1rem!important}
#header .header-bottom input::placeholder{color:#a7a7a7!important;opacity:1!important}
#header .header-bottom .search-widget form button{color:#e8e8e8!important;background:transparent!important}
#header .ul-mock-nav{min-height:36px!important;height:36px!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:0 3.25rem!important}
#header .ul-mock-nav a{min-height:36px!important;height:36px!important;padding:0 .9rem!important;font-size:.78rem!important}
@media(max-width:991px){#header .header-top{display:none!important}#header .header-bottom,#header .header-bottom__container,#header .header-bottom__row,#header .header-bottom__logo{min-height:52px!important}#header .header-bottom__logo img.logo{height:28px!important;max-width:150px!important}#header .ul-mock-nav{height:34px!important;min-height:34px!important;padding:0 .75rem!important}#header .ul-mock-nav a{height:34px!important;min-height:34px!important}}

/* Balanced, clearly defined search */
#header #_desktop_ps_searchbar{width:clamp(250px,24vw,340px)!important;max-width:340px!important;margin-left:auto!important;padding-left:12px!important}
#header .ps-searchbar,#header .ps-searchbar__form{width:100%!important;position:relative!important}
#header .ps-searchbar__input{width:100%!important;height:36px!important;background:#242424!important;border:2px solid #515151!important;border-radius:7px!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset!important;padding:0 40px 0 44px!important;font-size:.94rem!important;line-height:32px!important}
#header .ps-searchbar__input::placeholder{color:#bdbdbd!important;opacity:1!important}
#header .ps-searchbar__magnifier{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;color:#e7e7e7!important;font-size:21px!important;line-height:1!important;margin:0!important;pointer-events:none!important}
#header .ps-searchbar__clear{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important}
#header .ps-searchbar__input:focus{border-color:#d5a33e!important;box-shadow:0 0 0 2px rgba(213,163,62,.18)!important;outline:0!important}
@media(max-width:1199px){#header #_desktop_ps_searchbar{width:280px!important}}

/* Safe search correction — no forced header clipping */
#header #_desktop_ps_searchbar{width:300px!important;max-width:300px!important;padding-left:12px!important}
#header .ps-searchbar__magnifier{display:none!important}
#header .ps-searchbar__input,#header .header-bottom input.ps-searchbar__input[type=text]{box-sizing:border-box!important;width:300px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 36px 0 14px!important;line-height:32px!important;background:#292929!important;border:2px solid #626262!important;border-radius:7px!important;color:#fff!important;font-size:.9rem!important}
#header .ps-searchbar__input::placeholder{color:#c7c7c7!important;opacity:1!important}

/* Comfortable slim utility bar */
#header .header-top{height:30px!important;min-height:30px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;overflow:visible!important}
#header .header-top>.container,#header .header-top .container,#header .header-top .row{height:30px!important;min-height:30px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
#header .header-top a,#header .header-top span,#header .header-top i{line-height:1.15!important;margin-top:0!important;margin-bottom:0!important;vertical-align:middle!important}
#header .header-top .row>*,#header .header-top [class*="user"],#header .header-top [class*="cart"]{align-self:center!important}

/* Unified black header surface */
#header .header-top{border-bottom:0!important;box-shadow:none!important}
#header .header-bottom{border-top:0!important;border-bottom:0!important;box-shadow:none!important}
#header .header-top,#header .header-bottom,#header .header-top>.container,#header .header-bottom__container{background:#050505!important}
#header .ul-mock-nav{border-top:1px solid rgba(255,255,255,.16)!important}

/* Nordic homepage refinement */
.ul-mock-home{background:#f7f5f1;color:#111827}
.ul-mock-trust{max-width:1440px;margin:0 auto;background:#fff;border-bottom:1px solid #e8e4dc;box-shadow:0 8px 28px rgba(19,31,45,.05)}
.ul-mock-trust>div{padding:1rem 1.25rem;gap:.75rem}
.ul-mock-trust span{font-size:.92rem;font-weight:650;color:#273241}
.ul-mock-categories{max-width:1440px;margin:0 auto;padding:1.25rem 2rem 2.5rem;gap:14px;background:#f7f5f1}
.ul-mock-categories a{height:210px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(21,31,43,.09);transition:transform .25s ease,box-shadow .25s ease}
.ul-mock-categories a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(21,31,43,.16)}
.ul-mock-categories img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ul-mock-categories a:hover img{transform:scale(1.035)}
.ul-mock-categories strong{font-size:1rem;letter-spacing:.015em}
.ul-mock-products{max-width:1440px;margin:0 auto;padding:2.6rem 2rem 3.2rem;background:#fff;border-radius:16px 16px 0 0}
.ul-mock-products header{margin-bottom:1.4rem}
.ul-mock-products h2{font-size:clamp(1.65rem,2.2vw,2.25rem);letter-spacing:-.035em}
.ul-mock-product-grid{gap:14px}
.ul-mock-product-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 5px 18px rgba(15,23,42,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ul-mock-product-grid article:hover{transform:translateY(-4px);border-color:#d8c49a;box-shadow:0 14px 30px rgba(15,23,42,.11)}
.ul-mock-product-grid article img{height:175px;object-fit:contain;background:#fafafa;border-radius:8px}
.ul-mock-product-grid article h3{min-height:2.8em;font-size:.96rem;line-height:1.38;margin:.85rem 0 .5rem}
.ul-mock-product-grid article>strong{font-size:1.2rem;color:#101827}
.ul-mock-product-grid article>span{color:#16752b;font-size:.85rem;font-weight:650}
.ul-mock-product-grid article>a{border-radius:7px;background:#111;color:#fff;padding:.68rem .85rem;text-align:center;font-weight:700;transition:background .2s ease}
.ul-mock-product-grid article>a:hover{background:#17304a}
.ul-cases{max-width:1440px;margin:0 auto;padding:4.5rem 2rem;background:#eef1f3}
.ul-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.ul-section-heading>div>span,.ul-project-help>div>span{display:block;color:#a87318;font-size:.75rem;font-weight:800;letter-spacing:.13em;margin-bottom:.55rem}
.ul-section-heading h2{font-size:clamp(2rem,3vw,3.25rem);letter-spacing:-.055em;margin:0 0 .65rem}
.ul-section-heading p{max-width:650px;color:#52606d;font-size:1.04rem;line-height:1.6;margin:0}
.ul-section-heading>a{white-space:nowrap;color:#172d43;font-weight:750;border-bottom:2px solid #c9993d;padding-bottom:.25rem}
.ul-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ul-case-card{position:relative;height:380px;border-radius:14px;overflow:hidden;color:#fff;box-shadow:0 14px 38px rgba(17,30,43,.14)}
.ul-case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(4,10,17,.85) 100%)}
.ul-case-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.ul-case-card:hover img{transform:scale(1.035)}
.ul-case-card>div{position:absolute;z-index:2;left:1.6rem;right:1.6rem;bottom:1.45rem}
.ul-case-card small{font-weight:800;letter-spacing:.12em;color:#f1c66c}
.ul-case-card h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.18;margin:.45rem 0 .75rem;max-width:560px}
.ul-case-card span{font-weight:700}
.ul-project-help{max-width:1440px;margin:0 auto 4rem;padding:3.25rem 3.5rem;display:flex;justify-content:space-between;align-items:center;gap:3rem;background:linear-gradient(120deg,#10273c,#183a57);color:#fff;border-radius:0 0 16px 16px;box-shadow:0 18px 45px rgba(16,39,60,.17)}
.ul-project-help h2{font-size:clamp(1.8rem,2.8vw,3rem);letter-spacing:-.045em;max-width:720px;margin:.2rem 0 .75rem}
.ul-project-help p{color:#d7e0e8;max-width:700px;line-height:1.6;margin:0}
.ul-project-help .btn{flex:none;background:#d3a03d;color:#111;border:0;border-radius:8px;padding:1rem 1.25rem;font-weight:800}
.ul-project-help .btn:hover{background:#e1b65d}
@media(max-width:991px){.ul-mock-categories{grid-template-columns:1fr 1fr;padding:1rem}.ul-mock-products{padding:2rem 1rem}.ul-mock-product-grid{grid-template-columns:repeat(2,1fr)}.ul-cases{padding:3rem 1rem}.ul-case-grid{grid-template-columns:1fr}.ul-case-card{height:330px}.ul-project-help{margin:0 1rem 2rem;padding:2.2rem;align-items:flex-start;flex-direction:column}.ul-section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.ul-mock-categories{grid-template-columns:1fr}.ul-mock-categories a{height:180px}.ul-mock-product-grid{grid-template-columns:1fr}.ul-project-help{padding:1.7rem}.ul-case-card{height:290px}}

/* Discreet service strip */
.ul-mock-trust{min-height:46px!important;background:#fbfaf7!important;box-shadow:none!important;border-color:#ebe7df!important}
.ul-mock-trust>div{padding:.58rem 1rem!important;gap:.55rem!important;border-color:#e9e5dd!important}
.ul-mock-trust b{font-size:1rem!important;opacity:.66!important}
.ul-mock-trust span{font-size:.8rem!important;font-weight:600!important;color:#56606b!important}
/* Full category carousel */
.ul-category-carousel{max-width:1440px;margin:0 auto;padding:2.6rem 2rem 3.2rem;background:#f7f5f1;overflow:hidden}
.ul-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}
.ul-category-heading>div>span{display:block;color:#a87318;font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:.4rem}
.ul-category-heading h2{font-size:clamp(1.65rem,2.5vw,2.5rem);letter-spacing:-.045em;margin:0}
.ul-carousel-controls{display:flex;gap:.55rem}
.ul-carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #cfd3d6;background:#fff;color:#152a3e;font-size:1.2rem;cursor:pointer;transition:.2s ease}
.ul-carousel-controls button:hover{background:#152a3e;color:#fff;border-color:#152a3e}
.ul-category-track{--visible:5;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--visible) - 1)*14px)/var(--visible));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:3px 1px 16px}
.ul-category-track::-webkit-scrollbar{display:none}
.ul-category-card{scroll-snap-align:start;position:relative;height:196px;border-radius:12px;overflow:hidden;background:#182330;color:#fff;box-shadow:0 7px 20px rgba(15,28,41,.09);transition:transform .25s ease,box-shadow .25s ease}
.ul-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,9,14,.85) 100%)}
.ul-category-card:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(15,28,41,.16)}
.ul-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ul-category-card:hover img{transform:scale(1.04)}
.ul-category-card span{position:absolute;z-index:2;left:1rem;right:2.3rem;bottom:.9rem;font-weight:760;font-size:.94rem;line-height:1.22}
.ul-category-card i{position:absolute;z-index:2;right:.9rem;bottom:.88rem;font-style:normal;font-size:1.15rem}
@media(max-width:1199px){.ul-category-track{--visible:4}}
@media(max-width:767px){.ul-category-carousel{padding:2rem 1rem 2.5rem}.ul-category-track{--visible:2}.ul-category-card{height:175px}}
@media(max-width:430px){.ul-category-track{--visible:1.35}.ul-category-card{height:165px}}

/* Accessible project CTA contrast */
.ul-project-help h2{color:#fff!important}
.ul-project-help p{color:#e3eaf0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn,.ul-project-help .btn span{color:#111820!important}

/* Refined category art direction */
.ul-category-carousel{padding-top:2.25rem!important;padding-bottom:2.8rem!important}
.ul-category-heading{margin-bottom:1.1rem!important}
.ul-carousel-controls{gap:.45rem!important}
.ul-carousel-controls button{width:38px!important;height:38px!important;border:1px solid #d9d5ce!important;background:#fbfaf7!important;color:#24384c!important;font-size:1.05rem!important;box-shadow:0 3px 10px rgba(20,35,50,.05)!important}
.ul-category-track{gap:16px!important;padding-top:5px!important}
.ul-category-card{height:184px!important;border-radius:10px!important;background:#172b3d!important;border:1px solid rgba(21,46,66,.12)!important;box-shadow:0 6px 18px rgba(19,34,48,.08)!important}
.ul-category-card:before{content:"";position:absolute;z-index:2;top:-1px;right:-1px;width:43%;height:44%;background:linear-gradient(145deg,#1d3b54,#12283a);border-left:1px solid rgba(211,160,61,.38);border-bottom:1px solid rgba(211,160,61,.38);border-bottom-left-radius:70px;pointer-events:none}
.ul-category-card:after{background:linear-gradient(180deg,rgba(10,24,36,.02) 35%,rgba(9,20,30,.78) 78%,rgba(7,16,24,.95) 100%)!important}
.ul-category-card img{filter:saturate(.88) contrast(.98)!important}
.ul-category-card span{left:1rem!important;right:2.5rem!important;bottom:.82rem!important;font-size:.9rem!important;font-weight:720!important;text-shadow:0 1px 7px rgba(0,0,0,.35)!important}
.ul-category-card i{right:.9rem!important;bottom:.78rem!important;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;font-size:.9rem!important;color:#fff!important}
.ul-category-card:hover{transform:translateY(-3px)!important;border-color:rgba(211,160,61,.55)!important;box-shadow:0 12px 26px rgba(19,34,48,.14)!important}
@media(max-width:767px){.ul-category-card{height:168px!important}.ul-category-card:before{width:40%;height:42%}}

/* Light editorial project invitation */
.ul-project-help{position:relative!important;max-width:1376px!important;margin:1.5rem auto 4rem!important;padding:2.35rem 3rem 2.35rem 3.4rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:3rem!important;background:#f2eee6!important;color:#172331!important;border:1px solid #ded7ca!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(28,39,49,.06)!important;overflow:hidden!important}
.ul-project-help:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#c78d28,#e0b760)}
.ul-project-help>div>span{color:#9b6815!important;font-size:.7rem!important;letter-spacing:.15em!important;margin-bottom:.45rem!important}
.ul-project-help h2{color:#172331!important;font-size:clamp(1.65rem,2.3vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;max-width:790px!important;margin:0 0 .6rem!important}
.ul-project-help p{color:#5f6871!important;font-size:.96rem!important;line-height:1.55!important;max-width:760px!important;margin:0!important}
.ul-project-help .btn{background:#17344d!important;color:#fff!important;border:1px solid #17344d!important;border-radius:7px!important;padding:.9rem 1.15rem!important;font-size:.92rem!important;font-weight:750!important;box-shadow:none!important;white-space:nowrap!important}
.ul-project-help .btn span{color:#fff!important}
.ul-project-help .btn:hover{background:#0d263b!important;border-color:#0d263b!important;transform:translateY(-1px)}
@media(max-width:991px){.ul-project-help{margin:1rem!important;padding:2rem 1.75rem 2rem 2.1rem!important;grid-template-columns:1fr!important;gap:1.4rem!important;align-items:start!important}.ul-project-help .btn{justify-self:start!important}}

/* New standalone project card */
.ul-project-card-light{position:relative;max-width:1376px;margin:1.5rem auto 4rem;padding:2.25rem 3rem 2.25rem 3.4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;background:#f3efe7;color:#172331;border:1px solid #ddd5c8;border-radius:10px;box-shadow:0 8px 24px rgba(28,39,49,.05);overflow:hidden}
.ul-project-card-light:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#c79231}
.ul-project-card-light>div>span{display:block;color:#956515;font-size:.7rem;font-weight:800;letter-spacing:.15em;margin-bottom:.45rem}
.ul-project-card-light h2{color:#172331;font-size:clamp(1.65rem,2.3vw,2.45rem);line-height:1.08;letter-spacing:-.04em;max-width:790px;margin:0 0 .6rem}
.ul-project-card-light p{color:#5f6871;font-size:.96rem;line-height:1.55;max-width:760px;margin:0}
.ul-project-card-light .btn{justify-self:end;background:#17344d;color:#fff;border:1px solid #17344d;border-radius:7px;padding:.9rem 1.15rem;font-size:.92rem;font-weight:750;white-space:nowrap}
.ul-project-card-light .btn span{color:#fff}
.ul-project-card-light .btn:hover{background:#0d263b;color:#fff}
@media(max-width:991px){.ul-project-card-light{margin:1rem;padding:2rem 1.75rem 2rem 2.1rem;grid-template-columns:1fr;gap:1.35rem}.ul-project-card-light .btn{justify-self:start}}

/* Clean Scandinavian category cards — replaces dark overlay design */
.ul-category-card{height:190px!important;display:grid!important;grid-template-rows:142px 48px!important;background:#fff!important;border:1px solid #dedede!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(28,38,48,.06)!important;color:#1b2733!important}
.ul-category-card:before,.ul-category-card:after{content:none!important;display:none!important}
.ul-category-card img{grid-row:1!important;width:100%!important;height:142px!important;object-fit:cover!important;object-position:left bottom!important;background:#fff!important;filter:none!important;transform:scale(1.04)!important;transform-origin:left bottom!important;border-bottom:1px solid #ece9e3!important}
.ul-category-card span{grid-row:2!important;position:static!important;z-index:auto!important;display:flex!important;align-items:center!important;padding:0 2.65rem 0 .9rem!important;color:#1c2936!important;font-size:.84rem!important;font-weight:700!important;line-height:1.18!important;text-shadow:none!important;background:#fff!important}
.ul-category-card i{position:absolute!important;right:.75rem!important;bottom:12px!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border:1px solid #c9cdd0!important;border-radius:50%!important;color:#263b4e!important;background:#fff!important;font-size:.82rem!important}
.ul-category-card:hover{transform:translateY(-3px)!important;border-color:#c8b382!important;box-shadow:0 10px 24px rgba(28,38,48,.11)!important}
.ul-category-card:hover img{transform:scale(1.075)!important}
.ul-category-card:hover i{background:#17344d!important;border-color:#17344d!important;color:#fff!important}
@media(max-width:767px){.ul-category-card{height:180px!important;grid-template-rows:134px 46px!important}.ul-category-card img{height:134px!important}.ul-category-card i{bottom:11px!important}}

/* Restored dark project banner, aligned with the case-card row */
.ul-project-help{box-sizing:border-box!important;width:calc(100% - 4rem)!important;max-width:1440px!important;margin:0 auto 4rem!important;background:linear-gradient(120deg,#10273c,#183a57)!important;color:#fff!important;border:0!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 45px rgba(16,39,60,.17)!important}
.ul-project-help h2{color:#fff!important}
.ul-project-help p{color:#e3eaf0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn{background:#d3a03d!important;color:#111820!important;border:0!important}
.ul-project-help .btn span{color:#111820!important}
@media(max-width:991px){.ul-project-help{width:calc(100% - 2rem)!important;margin:0 1rem 2rem!important}}

/* Same approved banner, slightly wider */
.ul-project-help{width:calc(100% - 2rem)!important;max-width:1504px!important}
@media(max-width:991px){.ul-project-help{width:calc(100% - 1rem)!important;margin-left:.5rem!important;margin-right:.5rem!important}}

/* Exact restoration of the approved project banner */
.ul-project-help{box-sizing:content-box!important;width:auto!important;max-width:1440px!important;margin:0 auto 4rem!important;padding:3.25rem 3.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:3rem!important;background:linear-gradient(120deg,#10273c,#183a57)!important;color:#fff!important;border:0!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 45px rgba(16,39,60,.17)!important}
.ul-project-help h2{color:#fff!important;font-size:clamp(1.8rem,2.8vw,3rem)!important;letter-spacing:-.045em!important;max-width:720px!important;margin:.2rem 0 .75rem!important}
.ul-project-help p{color:#e3eaf0!important;max-width:700px!important;line-height:1.6!important;margin:0!important}
.ul-project-help>div>span{color:#e0ac45!important}
.ul-project-help .btn{flex:none!important;background:#d3a03d!important;color:#111820!important;border:0!important;border-radius:8px!important;padding:1rem 1.25rem!important;font-weight:800!important}
.ul-project-help .btn span{color:#111820!important}
@media(max-width:991px){.ul-project-help{box-sizing:border-box!important;width:calc(100% - 2rem)!important;margin:0 1rem 2rem!important;padding:2.2rem!important;align-items:flex-start!important;flex-direction:column!important}}

/* Project banner: approved width plus only about 1 cm */
.ul-project-help{
  box-sizing:content-box!important;
  width:auto!important;
  max-width:1478px!important;
  margin:0 auto 4rem!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 18px 45px rgba(16,39,60,.17)!important;
}
.ul-project-help:before,
.ul-project-help:after{
  content:none!important;
  display:none!important;
}
@media(max-width:991px){
  .ul-project-help{
    box-sizing:border-box!important;
    width:calc(100% - 2rem)!important;
    max-width:none!important;
    margin:0 1rem 2rem!important;
  }
}

/* Premium popular-products presentation */
.ul-mock-products{
  box-sizing:border-box!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:3.4rem 2rem 4rem!important;
  background:#f7f5f1!important;
  border-radius:0!important;
}
.ul-mock-products header{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:1.5rem!important;
  margin:0 0 1.6rem!important;
}
.ul-mock-products header:before{
  content:"UDVALGT TIL DIG";
  position:absolute;
  color:#b27a19;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
}
.ul-mock-products header h2{
  margin:1.35rem 0 0!important;
  color:#111b28!important;
  font-size:clamp(1.7rem,2.4vw,2.4rem)!important;
  letter-spacing:-.04em!important;
}
.ul-mock-products header>a{
  color:#8d620f!important;
  font-weight:750!important;
  text-decoration:none!important;
  padding-bottom:.25rem!important;
  border-bottom:1px solid rgba(141,98,15,.35)!important;
}
.ul-mock-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:1rem!important;
  align-items:stretch!important;
}
.ul-mock-product-grid article{
  position:relative!important;
  display:grid!important;
  grid-template-rows:210px auto auto auto 44px!important;
  gap:.62rem!important;
  min-width:0!important;
  padding:.75rem .75rem .85rem!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5e1da!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(17,27,40,.06)!important;
}
.ul-mock-product-grid article:first-child:before{
  content:"BESTSELLER";
  position:absolute;
  z-index:2;
  top:.7rem;
  left:.7rem;
  padding:.35rem .55rem;
  color:#fff;
  background:#17344d;
  border-radius:4px;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
}
.ul-mock-product-grid article img{
  width:100%!important;
  height:210px!important;
  padding:1rem!important;
  object-fit:contain!important;
  background:#faf9f7!important;
  border-radius:8px!important;
}
.ul-mock-product-grid article h3{
  min-height:2.55em!important;
  margin:.25rem .15rem 0!important;
  color:#172333!important;
  font-size:.98rem!important;
  font-weight:700!important;
  line-height:1.28!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:2.4em!important;
  margin:0 .15rem!important;
  color:#6c737b!important;
  font-size:.75rem!important;
  line-height:1.35!important;
}
.ul-mock-product-grid article>strong{
  margin:0 .15rem!important;
  color:#111820!important;
  font-size:1.18rem!important;
  font-weight:800!important;
}
.ul-mock-product-grid article>span{
  display:flex!important;
  align-items:center!important;
  gap:.42rem!important;
  margin:0 .15rem!important;
  color:#18712c!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
.ul-mock-product-grid article>span:before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#21913a;
}
.ul-mock-product-grid article>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  margin-top:.1rem!important;
  color:#fff!important;
  background:#111820!important;
  border:1px solid #111820!important;
  border-radius:7px!important;
  font-size:.85rem!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.ul-mock-product-grid article:hover{
  transform:translateY(-3px)!important;
  border-color:#cdb77f!important;
  box-shadow:0 14px 32px rgba(17,27,40,.12)!important;
}
.ul-mock-product-grid article>a:hover{background:#17344d!important;border-color:#17344d!important}
@media(max-width:1199px){
  .ul-mock-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .ul-mock-products{padding:2.6rem 1rem 3rem!important}
  .ul-mock-products header{align-items:flex-start!important;flex-direction:column!important;gap:.6rem!important}
  .ul-mock-product-grid{
    display:flex!important;
    gap:.8rem!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    padding-bottom:.5rem!important;
  }
  .ul-mock-product-grid::-webkit-scrollbar{display:none!important}
  .ul-mock-product-grid article{flex:0 0 82%!important;scroll-snap-align:start!important}
}

/* Clean white commerce sections and richer product information */
.ul-mock-products,
.ul-cases{
  background:#fff!important;
}
.ul-mock-product-grid article img{
  background:#fff!important;
}
.ul-mock-product-grid article{
  grid-template-rows:210px auto auto minmax(4.2em,auto) auto auto 44px!important;
  height:100%!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:0!important;
}
.ul-mock-product-grid article .ul-product-description{
  margin:0 .15rem!important;
  color:#515b66!important;
  font-size:.79rem!important;
  line-height:1.48!important;
}
.ul-mock-product-grid article>a{
  box-sizing:border-box!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 .85rem!important;
  align-self:end!important;
}
@media(max-width:767px){
  .ul-mock-product-grid article{
    grid-template-rows:210px auto auto auto auto auto 44px!important;
  }
}

/* Seamless white homepage canvas: no enclosing section panels */
body#index #wrapper,
body#index #content-wrapper,
body#index #main,
body#index #content{
  background:#fff!important;
}
.ul-mock-products,
.ul-cases{
  background:transparent!important;
  box-shadow:none!important;
}

/* Strict product-card alignment: image, title, specs, price, stock and CTA */
.ul-mock-product-grid article{
  grid-template-rows:210px 3.4em 2.8em 1.65em 1.45em 44px!important;
  row-gap:.62rem!important;
}
.ul-mock-product-grid article h3{
  min-height:0!important;
  max-height:3.4em!important;
  overflow:hidden!important;
  align-self:start!important;
}
.ul-mock-product-grid article .ul-product-spec{
  min-height:0!important;
  max-height:2.8em!important;
  overflow:hidden!important;
  align-self:start!important;
}
.ul-mock-product-grid article>strong{
  align-self:end!important;
  line-height:1.35!important;
}
.ul-mock-product-grid article>span{
  align-self:center!important;
  line-height:1.2!important;
}
.ul-mock-product-grid article>a{
  align-self:end!important;
}
@media(max-width:767px){
  .ul-mock-product-grid article{
    grid-template-rows:210px 3.4em 2.8em 1.65em 1.45em 44px!important;
  }
}

/* Product-only primary navigation */
.ul-mock-nav{display:none!important}
.ul-product-nav{
  width:100%;
  background:#050505;
  border-top:1px solid rgba(255,255,255,.18);
}
.ul-product-nav__inner{
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  column-gap:2rem;
  row-gap:.15rem;
  width:100%;
  max-width:1540px;
  min-height:62px;
  margin:0 auto;
  padding:.45rem 1.5rem;
}
.ul-product-nav a{
  display:flex;
  align-items:center;
  min-height:25px;
  color:#fff!important;
  font-size:.75rem;
  font-weight:750;
  line-height:1.15;
  letter-spacing:.015em;
  text-decoration:none!important;
  white-space:nowrap;
}
.ul-product-nav a:hover,
.ul-product-nav a:focus-visible{color:#e0ac45!important}

/* Useful information belongs in the footer */
.ul-footer-info{
  color:#fff;
  background:#0b1118;
  border-top:1px solid rgba(255,255,255,.12);
}
.ul-footer-info__inner{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:1.4rem 2rem;
}
.ul-footer-info strong{
  color:#e0ac45;
  font-size:.72rem;
  letter-spacing:.14em;
  white-space:nowrap;
}
.ul-footer-info nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.65rem 1.5rem;
}
.ul-footer-info a{
  color:#e7edf2!important;
  font-size:.84rem;
  text-decoration:none!important;
}
.ul-footer-info a:hover{color:#e0ac45!important}
@media(max-width:991px){
  .ul-product-nav__inner{justify-content:flex-start;column-gap:1.25rem;padding:.65rem 1rem}
  .ul-footer-info__inner{align-items:flex-start;flex-direction:column;padding:1.5rem 1rem}
  .ul-footer-info nav{justify-content:flex-start}
}

/* Balanced 8 + 7 desktop category navigation */
.ul-product-nav__toggle{display:none}
.ul-product-nav__inner{
  display:grid!important;
  grid-template-columns:repeat(16,minmax(0,1fr))!important;
  column-gap:0!important;
  row-gap:.2rem!important;
  max-width:1540px!important;
  min-height:68px!important;
  padding:.45rem 1.25rem!important;
}
.ul-product-nav__inner a{
  grid-column:span 2;
  justify-content:center;
  min-width:0;
  padding:0 .35rem;
  text-align:center;
  white-space:normal!important;
}
.ul-product-nav__inner a:nth-child(9){grid-column:2 / span 2}
@media(min-width:768px) and (max-width:1199px){
  .ul-product-nav__inner{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-height:0!important;
    padding:.55rem 1rem!important;
  }
  .ul-product-nav__inner a,
  .ul-product-nav__inner a:nth-child(9){grid-column:auto!important;min-height:34px}
}
@media(max-width:767px){
  .ul-product-nav__toggle{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:48px;
    padding:.7rem 1rem;
    color:#fff;
    background:#050505;
    border:0;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.04em;
  }
  .ul-product-nav__toggle span:last-child{font-size:1.25rem;line-height:1;transition:transform .2s ease}
  .ul-product-nav.is-open .ul-product-nav__toggle span:last-child{transform:rotate(45deg)}
  .ul-product-nav__inner{
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    min-height:0!important;
    padding:.35rem .65rem .65rem!important;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .ul-product-nav.is-open .ul-product-nav__inner{display:grid!important}
  .ul-product-nav__inner a,
  .ul-product-nav__inner a:nth-child(9){
    grid-column:auto!important;
    justify-content:flex-start!important;
    min-height:46px!important;
    padding:.55rem .5rem!important;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:.7rem!important;
    text-align:left!important;
    white-space:normal!important;
  }
}

/* Optical alignment for the downlight category image */
.ul-category-track .ul-category-card:nth-child(3) img{
  object-position:center center!important;
  transform:translateY(12px) scale(1.04)!important;
}
.ul-category-track .ul-category-card:nth-child(3):hover img{
  transform:translateY(12px) scale(1.075)!important;
}

/* Lightweight guided-selling section */
.ul-light-guide{
  box-sizing:border-box;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:4.5rem 2rem;
  background:transparent;
}
.ul-light-guide__header{max-width:760px;margin-bottom:2rem}
.ul-light-guide__header>span{
  color:#b47d1b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
}
.ul-light-guide__header h2{
  margin:.55rem 0 .6rem;
  color:#111b28;
  font-size:clamp(1.8rem,2.7vw,2.75rem);
  letter-spacing:-.045em;
}
.ul-light-guide__header p{margin:0;color:#626c76;font-size:1rem}
.ul-light-guide__grid{
  display:grid;
  width:100%;
  max-width:980px;
  margin-inline:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.ul-light-guide__card{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:1rem;
  min-height:190px;
  padding:1.45rem;
  color:#172333!important;
  background:#fff;
  border:1px solid #dddfe1;
  border-radius:12px;
  text-decoration:none!important;
  box-shadow:0 7px 22px rgba(17,27,40,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ul-light-guide__icon{
  box-sizing:border-box;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  color:#fff;
  background:#17344d;
  border-radius:50%;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:-.02em;
}
.ul-light-guide__icon--dim{font-size:1.45rem;font-weight:500}
.ul-light-guide__card h3{
  margin:.15rem 0 .55rem;
  color:#172333;
  font-size:1rem;
  line-height:1.3;
}
.ul-light-guide__card p{
  min-height:4.2em;
  margin:0 0 .8rem;
  color:#626c76;
  font-size:.82rem;
  line-height:1.45;
}
.ul-light-guide__card strong{color:#9b6a12;font-size:.8rem}
.ul-light-guide__card:hover{
  transform:translateY(-3px);
  border-color:#cdb77f;
  box-shadow:0 13px 30px rgba(17,27,40,.09);
}
@media(max-width:991px){
  .ul-light-guide{padding:3.5rem 1rem}
  .ul-light-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .ul-light-guide{padding:3rem 1rem}
  .ul-light-guide__grid{grid-template-columns:1fr}
  .ul-light-guide__card{min-height:0}
  .ul-light-guide__card p{min-height:0}
}

/* Ultralineshop lighting-guide CMS pages */
.ul-guide-page{
  box-sizing:border-box;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:2.5rem 1rem 4rem;
  color:#23303d;
}
.ul-guide-kicker{margin:0;color:#ae7718;font-size:.72rem;font-weight:800;letter-spacing:.15em}
.ul-guide-page h1{max-width:900px;margin:.55rem 0 1rem;color:#111b28;font-size:clamp(2.15rem,4.5vw,4.1rem);line-height:1.03;letter-spacing:-.055em}
.ul-guide-page h2{margin:3rem 0 1rem;color:#152334;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.035em}
.ul-guide-lead{max-width:850px;margin:0 0 2.2rem;color:#55616d;font-size:1.08rem;line-height:1.7}
.ul-guide-visual,.ul-ip-visual,.ul-driver-flow{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:2rem 0 3rem;padding:1.5rem;background:#f7f5f1;border-radius:14px}
.ul-guide-visual>div{display:flex;align-items:center;gap:1rem;flex:1;padding:1.25rem;background:#fff;border:1px solid #e3e1dc;border-radius:10px}
.ul-guide-visual strong{display:grid;place-items:center;flex:0 0 54px;height:54px;color:#fff;background:#17344d;border-radius:50%;font-size:1rem}
.ul-guide-visual span{color:#4f5b66;line-height:1.4}
.ul-guide-visual>b,.ul-driver-flow>b{align-self:center;color:#bf8a28;font-size:1.4rem}
.ul-guide-formula{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.5rem;border-left:4px solid #d3a03d;background:#faf8f4}
.ul-guide-formula strong{color:#172333;font-size:1.05rem}.ul-guide-formula span{color:#626c76;line-height:1.55}
.ul-guide-table{width:100%;overflow-x:auto;border:1px solid #e1e3e5;border-radius:10px}
.ul-guide-table table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}
.ul-guide-table th,.ul-guide-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #e7e8ea}
.ul-guide-table th{color:#fff;background:#17344d;font-size:.78rem;letter-spacing:.02em}
.ul-guide-table td{color:#48545f;font-size:.86rem;line-height:1.45}.ul-guide-table tr:last-child td{border-bottom:0}
.ul-guide-note{margin:1.25rem 0;padding:1.1rem 1.25rem;color:#4f5963;background:#fff8e9;border:1px solid #ead49c;border-radius:8px;line-height:1.55}
.ul-guide-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;padding:0;list-style:none}
.ul-guide-checks li{position:relative;padding:.75rem .75rem .75rem 2rem;border-bottom:1px solid #e5e6e7}
.ul-guide-checks li:before{content:"✓";position:absolute;left:.4rem;color:#168139;font-weight:800}
.ul-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding:1.5rem 1.75rem;color:#fff;background:linear-gradient(120deg,#10273c,#183a57);border-radius:12px}
.ul-guide-cta>div{display:flex;flex-direction:column;gap:.3rem}.ul-guide-cta span{color:#dfe7ed}
.ul-guide-cta a{flex:none;padding:.8rem 1rem;color:#111820!important;background:#d3a03d;border-radius:7px;font-weight:800;text-decoration:none!important}
.ul-guide-source{margin-top:1.25rem;color:#707982;font-size:.76rem;line-height:1.5}
.ul-kelvin-scale{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;margin:2rem 0 3rem;border:1px solid #dedede;border-radius:12px}
.ul-kelvin-scale span{display:flex;flex-direction:column;gap:.25rem;min-height:115px;padding:1rem;background:var(--c);border-right:1px solid rgba(20,30,40,.12)}
.ul-kelvin-scale span:last-child{border-right:0}.ul-kelvin-scale b{margin-top:auto}.ul-kelvin-scale small{color:#53606b}
.ul-guide-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ul-guide-feature-grid article{padding:1.3rem;border:1px solid #e0e2e4;border-radius:10px}.ul-guide-feature-grid strong{color:#17344d}.ul-guide-feature-grid p{margin:.55rem 0 0;color:#5c6670;line-height:1.55}
.ul-ip-visual>div{flex:1;padding:1.4rem;text-align:center;background:#fff;border:1px solid #e1e3e5;border-radius:10px}
.ul-ip-visual small{display:block;color:#6a737c}.ul-ip-visual strong{display:block;margin:.5rem 0;color:#172333;font-size:3rem;letter-spacing:-.08em}.ul-ip-visual strong span{color:#c28a22}.ul-ip-visual p{margin:0;color:#59646e}
.ul-driver-flow{align-items:center}.ul-driver-flow span{flex:1;padding:1rem;text-align:center;background:#fff;border:1px solid #dfe1e3;border-radius:8px;font-weight:700}
.ul-guide-steps{display:grid;gap:.7rem;padding:0;counter-reset:guide-step;list-style:none}.ul-guide-steps li{position:relative;padding:1rem 1rem 1rem 3.6rem;border:1px solid #e1e3e5;border-radius:9px;counter-increment:guide-step}.ul-guide-steps li:before{content:counter(guide-step);position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#17344d;border-radius:50%;font-weight:800}.ul-guide-steps strong,.ul-guide-steps span{display:block}.ul-guide-steps span{margin-top:.25rem;color:#5d6770;line-height:1.5}
@media(max-width:767px){
  .ul-guide-page{padding:1.75rem 0 3rem}
  .ul-guide-visual,.ul-ip-visual,.ul-driver-flow{align-items:stretch;flex-direction:column;padding:1rem}
  .ul-guide-visual>b,.ul-driver-flow>b{transform:rotate(90deg)}
  .ul-guide-checks,.ul-guide-feature-grid{grid-template-columns:1fr}
  .ul-kelvin-scale{grid-template-columns:1fr}
  .ul-kelvin-scale span{min-height:72px;border-right:0;border-bottom:1px solid rgba(20,30,40,.12)}
  .ul-guide-cta{align-items:flex-start;flex-direction:column}
  .ul-guide-cta a{width:100%;text-align:center}
}
/* Guide pages: keep only the article H1; hide PrestaShop automatic title and breadcrumb. */
body.cms-id-6 .breadcrumb__wrapper,body.cms-id-7 .breadcrumb__wrapper,body.cms-id-8 .breadcrumb__wrapper,body.cms-id-9 .breadcrumb__wrapper,body.cms-id-6 .page-header,body.cms-id-7 .page-header,body.cms-id-8 .page-header,body.cms-id-9 .page-header{display:none!important}

/* Guide refinements: Kelvin, IP and LED dimming */
.ul-kelvin-windows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:2rem 0 2.5rem}
.ul-kelvin-window{position:relative;min-height:220px;padding:1.35rem;border:1px solid rgba(18,35,51,.12);border-radius:12px;box-shadow:0 12px 28px rgba(18,35,51,.08);overflow:hidden}
.ul-kelvin-window:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.05) 55%,rgba(16,32,48,.08));pointer-events:none}
.ul-kelvin-window>*{position:relative;z-index:1;display:block}
.ul-kelvin-window strong{font-size:1.45rem;color:#172333}.ul-kelvin-window span{margin-top:.4rem;font-weight:800;color:#172333}.ul-kelvin-window small{margin-top:4.7rem;color:#28333d;line-height:1.45}
.ul-kelvin-2200{background:#ffd18a}.ul-kelvin-2700{background:#ffe0a8}.ul-kelvin-3000{background:#ffebc7}.ul-kelvin-4000{background:#f4f6f3}.ul-kelvin-5000{background:#e2efff}
.ul-ip-code{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:2rem 0 2.5rem}
.ul-ip-code>div{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem;background:#fff;border:1px solid #dfe3e6;border-radius:10px}
.ul-ip-code b{display:grid;place-items:center;flex:0 0 48px;height:48px;color:#fff;background:#17344d;border-radius:8px;font-size:1.4rem}
.ul-ip-code span,.ul-ip-code strong,.ul-ip-code small{display:block}.ul-ip-code small{margin-top:.35rem;color:#5b6670;line-height:1.45}
.ul-guide-table-wrap{margin:1.3rem 0 2rem;overflow-x:auto;border:1px solid #dfe3e6;border-radius:10px}
.ul-guide-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.ul-guide-table th,.ul-guide-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #e6e8ea}.ul-guide-table th{color:#fff;background:#17344d}.ul-guide-table tr:last-child td{border-bottom:0}.ul-guide-table tr:nth-child(even) td{background:#f8f8f6}
.ul-guide-alert{margin:1.5rem 0 2.5rem;padding:1.2rem 1.3rem;border-left:4px solid #c9922e;background:#fff8e9;border-radius:0 9px 9px 0}.ul-guide-alert p{margin:.35rem 0 0;line-height:1.6}
.ul-dimming-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.3rem 0 1.6rem}.ul-dimming-compare article{padding:1.4rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}.ul-dimming-compare h3{margin:.25rem 0 1rem;color:#172333;font-size:1.2rem}.ul-dimming-compare ul{margin:0;padding-left:1.15rem;color:#4f5c67}.ul-dimming-compare li+li{margin-top:.55rem}
.ul-wave{height:72px;margin:-.15rem 0 1.15rem;border-radius:8px;background-color:#f4f5f5;background-repeat:no-repeat;background-position:center;background-size:calc(100% - 2rem) 42px}
.ul-wave-leading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60'%3E%3Cpath d='M0 30h38V8c35 0 47 44 83 44s48-44 84-44 48 44 85 44h30' fill='none' stroke='%2317344d' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M38 55V5' stroke='%23c9922e' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E")}
.ul-wave-trailing{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 60'%3E%3Cpath d='M0 30c25-31 48-22 62 0v22h59c35 0 48-44 84-44 25 0 39 22 47 44h68' fill='none' stroke='%2317344d' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M62 55V5' stroke='%23c9922e' stroke-width='3' stroke-dasharray='5 5'/%3E%3C/svg%3E")}
@media(max-width:1050px){.ul-kelvin-windows{grid-template-columns:repeat(3,1fr)}.ul-ip-code{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ul-kelvin-windows,.ul-ip-code,.ul-dimming-compare{grid-template-columns:1fr}.ul-kelvin-window{min-height:175px}.ul-kelvin-window small{margin-top:2.8rem}}

/* Expanded phase-cut and smart dimming guide */
.ul-triac-explainer{display:grid;grid-template-columns:130px 1fr;gap:1.4rem;align-items:center;margin:1.2rem 0 1.4rem;padding:1.4rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}
.ul-triac-badge{display:grid;place-items:center;min-height:105px;color:#fff;background:#17344d;border-radius:10px;font-size:1.45rem;font-weight:900;letter-spacing:.08em}.ul-triac-explainer p{margin:0;line-height:1.6}.ul-triac-explainer p+p{margin-top:.65rem}
.ul-phase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1rem 0 2.6rem}.ul-phase-summary article{padding:1.15rem;border:1px solid #dfe3e6;border-radius:10px;background:#fff}.ul-phase-summary span,.ul-phase-summary strong{display:block}.ul-phase-summary span{color:#a66f12;font-size:.78rem;font-weight:900;letter-spacing:.1em}.ul-phase-summary strong{margin:.45rem 0;color:#172333}.ul-phase-summary p{margin:0;color:#58636d;line-height:1.5}.ul-phase-summary .is-recommended{border:2px solid #c9922e;background:#fffaf0}
.ul-smart-dimming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.3rem 0 1.7rem}.ul-smart-dimming-grid article{padding:1.35rem;border:1px solid #dfe3e6;border-radius:12px;background:#fff}.ul-smart-name{display:inline-block;margin-bottom:.75rem;padding:.35rem .65rem;color:#fff;background:#17344d;border-radius:6px;font-weight:900}.ul-smart-dimming-grid strong,.ul-smart-dimming-grid small{display:block}.ul-smart-dimming-grid p{margin:.55rem 0;color:#4f5c67;line-height:1.55}.ul-smart-dimming-grid small{padding-top:.7rem;border-top:1px solid #e5e7e8;color:#6a737c;line-height:1.45}
@media(max-width:767px){.ul-triac-explainer{grid-template-columns:1fr}.ul-triac-badge{min-height:70px}.ul-phase-summary,.ul-smart-dimming-grid{grid-template-columns:1fr}}

/* Previous/next navigation between the four lighting guides */
.ul-guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.4rem;padding-top:1.5rem;border-top:1px solid #dfe3e6}
.ul-guide-pagination__link{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:1.1rem 1.25rem;color:#172333!important;background:#fff;border:1px solid #d9dee2;border-radius:11px;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ul-guide-pagination__link:hover{border-color:#c9922e;box-shadow:0 10px 24px rgba(18,35,51,.09);transform:translateY(-2px)}
.ul-guide-pagination__link span{color:#9b6917;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ul-guide-pagination__link strong{display:block;margin-top:.45rem;font-size:1.05rem;line-height:1.35}
.ul-guide-pagination__link--next{text-align:right}.ul-guide-pagination__spacer{display:block}
@media(max-width:767px){.ul-guide-pagination{grid-template-columns:1fr}.ul-guide-pagination__spacer{display:none}.ul-guide-pagination__link--next{text-align:left}.ul-guide-pagination__link{min-height:92px}}

/* Compact, readable Ultralineshop footer */
.footer__before{padding:1.15rem 0!important;background:#f5f6f7!important;border-top:1px solid #e1e4e7}
.footer__before>.container{max-width:1540px!important}.footer__before .row{align-items:center;margin-top:0!important;margin-bottom:0!important}.footer__before .block_newsletter,.footer__before .email_subscription{margin:0!important;padding-top:0!important;padding-bottom:0!important}.footer__before h2,.footer__before h3,.footer__before p{margin-top:0}.footer__before form{margin-bottom:0!important}
.ul-footer{padding:0!important;color:#e8edf1!important;background:#171c21!important}
.ul-footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr .9fr;gap:2.2rem;max-width:1540px!important;padding-top:2.2rem;padding-bottom:1.8rem}
.ul-footer__brand,.ul-footer__column{min-width:0}.ul-footer__logo{display:inline-block;color:#fff!important;font-size:2rem;font-weight:800;letter-spacing:-.055em;line-height:1;text-decoration:none!important}.ul-footer__logo span{color:#dda536}.ul-footer__brand small{display:block;margin:.35rem 0 1rem;color:#aeb8c1;font-size:.58rem;letter-spacing:.42em}.ul-footer__brand p{max-width:330px;margin:0 0 .75rem;color:#cbd3da!important;line-height:1.5}.ul-footer__contact{color:#fff!important;font-weight:700;text-decoration:none!important}
.ul-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.ul-footer__column strong{margin-bottom:.25rem;color:#fff!important;font-size:.92rem}.ul-footer__column a,.ul-footer__column span{color:#cbd3da!important;font-size:.86rem;line-height:1.35;text-decoration:none!important}.ul-footer__column a:hover,.ul-footer__contact:hover{color:#dda536!important}
.ul-footer__bottom{display:flex;justify-content:space-between;gap:1rem;max-width:1540px!important;padding-top:1rem;padding-bottom:1rem;color:#909ba5!important;border-top:1px solid rgba(255,255,255,.12);font-size:.75rem}
@media(max-width:991px){.ul-footer__grid{grid-template-columns:repeat(2,1fr);gap:1.8rem;padding-top:1.8rem}.footer__before{padding:1rem 0!important}}
@media(max-width:575px){.ul-footer__grid{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.4rem}.ul-footer__bottom{align-items:flex-start;flex-direction:column}.ul-footer__column{gap:.65rem}.ul-footer__logo{font-size:1.75rem}}

/* Original logo and verified contact details in footer */
.ul-footer__logo{display:block!important;width:min(285px,100%);font-size:0!important;line-height:0!important}.ul-footer__logo img{display:block;width:100%;height:auto;max-height:53px;object-fit:contain;object-position:left center}.ul-footer__brand>p{margin-top:1rem}.ul-footer__contacts{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
@media(max-width:575px){.ul-footer__logo{width:min(245px,100%)}}


/* 2026-08-26 FINAL HOMEPAGE RESTORE — scoped, desktop-safe */
@media (min-width: 992px){
  body#index .ul-category-track{
    --visible:5!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 64px)/5)!important;
    gap:16px!important;
    align-items:stretch!important;
    overflow-x:auto!important;
  }
  body#index .ul-category-track .ul-category-card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:142px 52px!important;
    width:auto!important;
    min-width:0!important;
    height:194px!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #d9dee3!important;
    outline:0!important;
    border-radius:10px!important;
    box-shadow:0 5px 16px rgba(22,34,46,.06)!important;
    overflow:hidden!important;
    color:#172331!important;
  }
  body#index .ul-category-track .ul-category-card::before,
  body#index .ul-category-track .ul-category-card::after{content:none!important;display:none!important}
  body#index .ul-category-track .ul-category-card img,
  body#index .ul-category-track .ul-category-card:nth-child(3) img{
    box-sizing:border-box!important;
    display:block!important;
    grid-row:1!important;
    width:100%!important;
    height:142px!important;
    max-width:none!important;
    margin:0!important;
    padding:12px 16px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #ece9e3!important;
    filter:none!important;
    transform:none!important;
  }
  body#index .ul-category-track .ul-category-card span{
    box-sizing:border-box!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-row:2!important;
    min-width:0!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    color:#172331!important;
    background:#fff!important;
    font-size:.86rem!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    text-shadow:none!important;
  }
  body#index .ul-category-track .ul-category-card i{
    position:absolute!important;
    right:12px!important;
    bottom:13px!important;
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    color:#24394c!important;
    background:#fff!important;
    border:1px solid #cbd1d6!important;
    border-radius:50%!important;
    font-size:.82rem!important;
  }
  body#index .ul-category-track .ul-category-card:hover{
    border-color:#c9ad70!important;
    box-shadow:0 9px 22px rgba(22,34,46,.10)!important;
    transform:translateY(-2px)!important;
  }
  body#index .ul-category-track .ul-category-card:hover img,
  body#index .ul-category-track .ul-category-card:nth-child(3):hover img{transform:none!important}
  body#index .ul-light-guide{max-width:1504px!important;padding-left:2rem!important;padding-right:2rem!important}
  body#index .ul-light-guide__grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:stretch!important;
  }
  body#index .ul-light-guide__card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
    column-gap:14px!important;
    min-width:0!important;
    min-height:230px!important;
    margin:0!important;
    padding:24px!important;
    align-items:start!important;
  }
  body#index .ul-light-guide__icon{grid-column:1!important;grid-row:1 / span 2!important}
  body#index .ul-light-guide__card h3{grid-column:2!important;grid-row:1!important;margin:2px 0 8px!important}
  body#index .ul-light-guide__card p{grid-column:2!important;grid-row:2!important;margin:0!important}
  body#index .ul-light-guide__card strong{grid-column:2!important;grid-row:3!important;align-self:end!important;margin-top:18px!important}
}

/* 2026-08-26 RESTORE MEGA GROUPS — keep all three columns aligned */
@media (min-width:992px){
  .ul-desktop-products .ul-mega-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:28px!important;align-items:start!important;}
  .ul-desktop-products .ul-mega-menu__group{grid-column:auto!important;grid-row:auto!important;min-width:0!important;margin:0!important;align-self:start!important;}
}


/* Compact footer Products label aligned with the mobile header control */
@media (max-width:767px){
  .ul-footer__grid > .ul-footer__column:first-of-type > strong:first-child{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    width:100%;
    min-height:36px;
    margin:0 0 .15rem;
    padding:.4rem 0;
    color:#fff!important;
    background:transparent;
    border:0;
    font-size:.78rem;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
}


/* Footer button proxies the canonical header product menu */
.ul-footer__products{align-self:start;width:100%}
.ul-footer__products-button{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
  width:100%;max-width:220px;min-height:36px;padding:.42rem .7rem;
  color:#fff;background:transparent;border:1px solid rgba(255,255,255,.22);
  font:800 .78rem/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.04em;text-align:left;cursor:pointer;
}
.ul-footer__products-button span:last-child{font-size:1.15rem;line-height:1}
.ul-footer__products-button:hover,.ul-footer__products-button:focus-visible{
  color:#dda536;border-color:#dda536;outline:0;
}
@media(max-width:767px){
  .ul-footer__products-button{max-width:none;min-height:36px;padding:.4rem .7rem}
}


/* Responsive product search suggestions: readable variable-size rows */
.ps-searchbar__dropdown{
  box-sizing:border-box!important;
  width:max-content!important;
  min-width:min(480px,calc(100vw - 24px))!important;
  max-width:min(720px,calc(100vw - 24px))!important;
  max-height:min(70vh,640px)!important;
  left:auto!important;right:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
}
.ps-searchbar__results{width:100%!important}
.ps-searchbar__result-link{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;width:100%!important;
  height:auto!important;min-height:76px!important;
  padding:.4rem .65rem!important;
}
.ps-searchbar__result-image{
  display:block!important;width:64px!important;height:64px!important;
  max-width:64px!important;object-fit:contain!important;
}
.ps-searchbar__result-name{
  box-sizing:border-box!important;display:block!important;
  width:auto!important;height:auto!important;min-width:0!important;
  margin:0!important;padding:.45rem .7rem!important;
  font-size:.95rem!important;font-weight:500!important;line-height:1.35!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
@media(max-width:767px){
  .ps-searchbar__dropdown{width:calc(100vw - 20px)!important;min-width:0!important;max-width:none!important;right:-5px!important}
  .ps-searchbar__result-link{grid-template-columns:60px minmax(0,1fr)!important;min-height:68px!important;padding:.3rem .45rem!important}
  .ps-searchbar__result-image{width:54px!important;height:54px!important;max-width:54px!important}
  .ps-searchbar__result-name{padding:.35rem .55rem!important;font-size:.88rem!important;line-height:1.32!important}
}


/* Align mobile search suggestions to the search field, not the viewport */
@media(max-width:767px){
  .ps-searchbar{position:relative!important;width:100%!important;min-width:0!important}
  .ps-searchbar__dropdown{
    box-sizing:border-box!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    left:0!important;right:auto!important;
    max-height:min(58vh,520px)!important;
    border-radius:0 0 12px 12px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
  }
  .ps-searchbar__results{box-sizing:border-box!important;width:100%!important;min-width:0!important}
  .ps-searchbar__result-link{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}
  .ps-searchbar__result-name{min-width:0!important;max-width:100%!important}
}
