/* HXL horse LED premium landing v0.1.0, exact Woo taxonomy term 133 only */
.hxl-horse-landing{--horse-dark:#111c29;--horse-navy:#1b2d42;--horse-amber:#fc7b2e;--horse-blue:#4fa9e7;--horse-paper:#f7f8f7;--horse-ink:#23313a;--horse-gray:#707a80;position:relative;color:var(--horse-ink);background:#fff;overflow:hidden;line-height:1.65}
.hxl-horse-landing *{box-sizing:border-box}
.hxl-horse-landing h1,.hxl-horse-landing h2,.hxl-horse-landing h3{font-family:inherit;letter-spacing:-.027em;line-height:1.13;color:inherit}
.hxl-horse-landing a{text-decoration:none}
.hxl-horse-wrap{width:min(1270px,calc(100% - 72px));margin-inline:auto}
.hxl-horse-hero{min-height:540px;background:radial-gradient(ellipse at 78% 55%,#37516d 0%,#101b2a 72%);color:#fff;position:relative;display:flex;align-items:center;isolation:isolate}
.hxl-horse-hero-photo{position:absolute;z-index:-2;inset:0 0 0 49%;display:block;overflow:hidden}
.hxl-horse-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;filter:saturate(.91)}
.hxl-horse-hero-vignette{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(12,22,35,.99) 0%,rgba(13,25,41,.96) 31%,rgba(17,30,46,.78) 51%,rgba(15,25,39,.12) 85%),linear-gradient(0deg,rgba(12,21,34,.30),transparent 58%)}
.hxl-horse-hero-inner{padding:41px 0 58px;position:relative;z-index:1}
.hxl-horse-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.71);margin-bottom:39px}
.hxl-horse-breadcrumb strong{color:#d8e5ed;font-weight:700}
.hxl-horse-kicker{font-size:11px;font-weight:850;letter-spacing:.18em;color:#b9d8ee;margin:0 0 16px!important}
.hxl-horse-dot{display:inline-block;background:#5facfb;box-shadow:0 0 12px #6fb8f6;width:7px;height:7px;border-radius:50%;margin-right:10px;vertical-align:middle}
.hxl-horse-hero h1{font-size:clamp(41px,4.55vw,69px);max-width:780px;font-weight:850;color:#fff!important;margin-bottom:19px}
.hxl-horse-hero-lead{font-size:clamp(15px,1.3vw,19px);line-height:1.65;max-width:600px;color:#edf4fa;margin-bottom:22px}
.hxl-horse-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.hxl-horse-hero-tags span{font-size:11px;color:#eff8fc;border:1px solid rgba(183,212,231,.27);border-radius:30px;padding:7px 13px;background:rgba(17,38,55,.41)}
.hxl-horse-actions{display:flex;gap:12px;flex-wrap:wrap}
.hxl-horse-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:32px;padding:14px 25px;min-height:47px;font-size:13px;font-weight:800;transition:transform .16s,background .16s}
.hxl-horse-button:hover{transform:translateY(-2px);color:#fff}
.hxl-horse-primary{background:var(--horse-amber);color:#fff!important;box-shadow:0 7px 22px rgba(0,0,0,.13)}
.hxl-horse-primary:hover{background:#e96c22}
.hxl-horse-outline{border:1px solid rgba(236,247,255,.7);color:#fff!important}
.hxl-horse-outline:hover{background:rgba(255,255,255,.11)}
.hxl-horse-hero-note{display:block;font-size:10px;color:#b1c2d0;margin-top:20px}
.hxl-horse-hero-bottom{height:5px;background:linear-gradient(90deg,#ef7a31,#5aa4e6 64%,#b0cfe8);position:absolute;bottom:0;left:0;right:0;z-index:2}
.hxl-horse-section{padding-top:59px;padding-bottom:10px}
.hxl-horse-heading{margin-bottom:23px}
.hxl-horse-eyebrow{font-size:11px;font-weight:850;letter-spacing:.145em;color:#d46934!important;margin:0 0 9px!important;text-transform:uppercase}
.hxl-horse-heading h2,.hxl-horse-story h2,.hxl-horse-faq h2,.hxl-horse-final h2{font-size:clamp(28px,2.45vw,39px);font-weight:850;margin:0 0 10px;color:#23313a}
.hxl-horse-heading>p:last-child,.hxl-horse-heading>div>p:last-child{font-size:14px;color:#68737a;max-width:780px;margin:0}
.hxl-horse-heading-inline{display:flex;justify-content:space-between;align-items:end;gap:22px}
.hxl-horse-text-link{font-size:13px;font-weight:800;color:#e46c2e!important;white-space:nowrap}
.hxl-horse-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hxl-horse-choice{border:1px solid #e7e9eb;display:flex;flex-direction:column;gap:9px;padding:25px 23px 23px;min-height:233px;border-radius:16px;background:linear-gradient(140deg,#fff 5%,#fff 58%,#f0f5fa 100%);box-shadow:0 4px 25px rgba(14,31,47,.055);transition:transform .2s,box-shadow .2s}
.hxl-horse-choice:hover{transform:translateY(-3px);box-shadow:0 13px 33px rgba(14,31,47,.105)}
.hxl-horse-icon{font-size:24px;line-height:1;height:30px}
.hxl-horse-icon-blue{color:#397ba8}.hxl-horse-icon-orange{color:#e07e3a}.hxl-horse-icon-olive{color:#718e7c}
.hxl-horse-choice-number{color:#87949c;font-size:10px;letter-spacing:.11em;font-weight:850}
.hxl-horse-choice strong{font-size:20px;font-weight:850;color:#223341;line-height:1.27}
.hxl-horse-choice>span:not(.hxl-horse-icon):not(.hxl-horse-choice-number){font-size:13px;color:#64717a;line-height:1.65}
.hxl-horse-choice em{margin-top:auto;font-size:12px;font-style:normal;font-weight:800;color:#d3662c}
.hxl-horse-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hxl-horse-product{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:13px;border:1px solid #eaece9;box-shadow:0 5px 19px rgba(28,38,41,.045);color:#252f35!important;background:#fff;transition:transform .17s,box-shadow .17s}
.hxl-horse-product:hover{box-shadow:0 14px 34px rgba(24,36,45,.11);transform:translateY(-3px)}
.hxl-horse-product-pic{display:flex;align-items:center;justify-content:center;height:220px;background:#f7f8f7;padding:13px}
.hxl-horse-product-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hxl-horse-product-body{padding:17px 16px 18px;display:flex;flex-direction:column;gap:11px;flex:1}
.hxl-horse-product-body strong{font-size:13px;font-weight:760;line-height:1.55;min-height:40px;color:#24313a}
.hxl-horse-product-price{font-size:18px;font-weight:850;color:#1d343b}
.hxl-horse-product-price .woocommerce-Price-amount{color:#24313a}
.hxl-horse-product-price del{opacity:.6;font-size:11px}
.hxl-horse-product-price ins{color:#d46731;text-decoration:none}
.hxl-horse-product-cta{margin-top:auto;color:#d96b31;font-size:12px;font-weight:800}
.hxl-horse-story{display:grid;grid-template-columns:47% 53%;background:#eff3f6;min-height:430px;margin-top:70px}
.hxl-horse-story-photo{background-image:linear-gradient(90deg,transparent 58%,rgba(239,243,246,.9)),var(--story-photo);background-size:cover;background-position:center 41%;min-height:420px}
.hxl-horse-story-copy{padding:62px max(39px,calc((100vw - 1260px)/2)) 45px 58px;max-width:760px;align-self:center}
.hxl-horse-story-copy h2{font-size:clamp(27px,2.8vw,43px);margin-bottom:15px}
.hxl-horse-story-copy>p:not(.hxl-horse-eyebrow){font-size:14px;color:#56646e;line-height:1.85}
.hxl-horse-checklist{padding-top:58px}
.hxl-horse-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.hxl-horse-steps article{background:#fafaf8;border:1px solid #e9ece8;border-radius:14px;padding:24px 19px}
.hxl-horse-steps article>span{font-weight:850;font-size:15px;color:#dd7840}
.hxl-horse-steps h3{font-size:17px;font-weight:850;margin:11px 0}
.hxl-horse-steps p{font-size:12px;color:#64717a;line-height:1.78;margin-bottom:0}
.hxl-horse-native-intro{padding-top:64px;padding-bottom:0}
.hxl-horse-native-grid{padding-bottom:15px}
.hxl-horse-native-grid .shop-loop-head{margin-top:14px}
.hxl-horse-native-grid .woocommerce-pagination{margin:23px auto}
.hxl-horse-faq{background:#f3f5f4;padding:57px 0 65px;margin-top:21px}
.hxl-horse-faq-layout{display:grid;grid-template-columns:33% 1fr;gap:65px}
.hxl-horse-faq-layout>div:first-child>p:last-child{font-size:14px;color:#778186}
.hxl-horse-faq-items{display:grid;gap:9px}
.hxl-horse-faq-items details{background:white;border-radius:11px;border:1px solid #e5e9e8;padding:0 18px}
.hxl-horse-faq-items summary{cursor:pointer;list-style:none;position:relative;padding:16px 25px 16px 4px;font-size:13px;font-weight:780}
.hxl-horse-faq-items summary::-webkit-details-marker{display:none}
.hxl-horse-faq-items summary:after{content:"+";position:absolute;right:3px;top:12px;font-size:22px;color:#dc772f}
.hxl-horse-faq-items details[open] summary:after{content:"−"}
.hxl-horse-faq-items details p{padding:0 4px 16px;margin:0;font-size:13px;color:#66747c;line-height:1.8}
.hxl-horse-final{background:radial-gradient(circle at 85% 50%,rgba(53,96,137,.53),transparent 30%),linear-gradient(100deg,#111d2a,#243e5a);padding:60px 0;color:white}
.hxl-horse-final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hxl-horse-final h2{color:#fff;font-size:clamp(25px,2.5vw,37px)}
.hxl-horse-final p:not(.hxl-horse-eyebrow){font-size:14px;color:#ccd9e3;margin:0}
.hxl-horse-final .hxl-horse-eyebrow{color:#a4d1ed!important}
/* category only: remove redundant original Elementor archive intro, not its native products */
body.term-verlichting-zichtbaarheid .elementor-widget-wd_shop_archive_archive_description{display:none!important}
body.term-verlichting-zichtbaarheid .hxl-horse-landing .elementor-element-e804e62{display:none!important}
body.term-verlichting-zichtbaarheid .hxl-horse-native-grid .elementor-element-25dd0c8{margin-bottom:0!important}
body.term-verlichting-zichtbaarheid .hxl-horse-native-grid .wd-shop-filters{max-width:100%}
body.term-verlichting-zichtbaarheid .hxl-horse-native-grid .woocommerce-ordering{display:block}
body.term-verlichting-zichtbaarheid .hxl-horse-native-grid .product-grid-item{min-width:0}
@media(max-width:1050px){
.hxl-horse-wrap{width:calc(100% - 48px)}
.hxl-horse-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hxl-horse-hero-photo{left:43%}
.hxl-horse-story-copy{padding:40px 30px}
}
@media(max-width:700px){
.hxl-horse-wrap{width:calc(100% - 32px)}
.hxl-horse-hero{min-height:608px;align-items:flex-start}
.hxl-horse-hero-photo{inset:0;opacity:.86}
.hxl-horse-hero-photo img{object-position:60% 38%}
.hxl-horse-hero-vignette{background:linear-gradient(180deg,rgba(10,19,31,.98) 0%,rgba(12,24,39,.94) 26%,rgba(13,27,44,.75) 56%,rgba(13,27,44,.32) 100%),linear-gradient(90deg,rgba(12,23,39,.60),transparent)}
.hxl-horse-hero-inner{padding-top:23px;padding-bottom:40px}
.hxl-horse-breadcrumb{font-size:10px;margin-bottom:27px;gap:7px}
.hxl-horse-kicker{font-size:10px;letter-spacing:.1em}
.hxl-horse-hero h1{font-size:clamp(36px,8.9vw,50px);max-width:520px}
.hxl-horse-hero-lead{font-size:14px;max-width:560px;line-height:1.6}
.hxl-horse-hero-tags{gap:7px;margin-bottom:23px}
.hxl-horse-hero-tags span{font-size:10px;padding:5px 9px}
.hxl-horse-actions{gap:10px}
.hxl-horse-button{font-size:12px;padding:12px 17px;min-height:42px}
.hxl-horse-hero-note{margin-top:18px}
.hxl-horse-section{padding-top:38px}
.hxl-horse-heading h2,.hxl-horse-story h2,.hxl-horse-faq h2,.hxl-horse-final h2{font-size:28px}
.hxl-horse-heading-inline{align-items:flex-start;flex-direction:column;gap:8px}
.hxl-horse-choices{grid-template-columns:1fr;gap:10px}
.hxl-horse-choice{min-height:0;padding:18px 19px}
.hxl-horse-choice strong{font-size:18px}
.hxl-horse-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.hxl-horse-product-pic{height:151px;padding:9px}
.hxl-horse-product-body{padding:12px;gap:8px}
.hxl-horse-product-body strong{font-size:12px}
.hxl-horse-product-price{font-size:16px}
.hxl-horse-story{grid-template-columns:1fr;margin-top:45px}
.hxl-horse-story-photo{min-height:250px;background-image:linear-gradient(0deg,rgba(239,243,246,.9),transparent 65%),var(--story-photo)}
.hxl-horse-story-copy{padding:17px 19px 34px}
.hxl-horse-checklist{padding-top:34px}
.hxl-horse-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hxl-horse-steps article{padding:18px 13px}
.hxl-horse-steps h3{font-size:14px}
.hxl-horse-native-intro{padding-top:39px}
.hxl-horse-native-grid{padding-bottom:16px}
.hxl-horse-faq{padding:39px 0;margin-top:22px}
.hxl-horse-faq-layout{grid-template-columns:1fr;gap:16px}
.hxl-horse-final{padding:42px 0}
.hxl-horse-final-inner{flex-direction:column;align-items:flex-start}
}

/* HXL horses v0.1.1: verified Dutch roadway lighting requirements and tighter archive top */
body.term-133 #main-content.wd-content-layout{padding-top:0!important}
.hxl-horse-law{margin-top:22px;padding:20px 24px;background:#eef5f9;border-left:4px solid #4b93c8;border-radius:9px}
.hxl-horse-law strong{font-size:14px;font-weight:800;color:#203e53}
.hxl-horse-law p{font-size:13px;line-height:1.77;margin:7px 0 0;color:#4e626c}
.hxl-horse-law p strong{font-size:inherit}
.hxl-horse-law a{color:#bc5d2d!important;text-decoration:underline;font-weight:700}
@media(max-width:700px){.hxl-horse-law{padding:16px}}

/* v0.1.2: real linked expert-advice stories, dynamic WP featured assets */
.hxl-horse-blogs{padding-top:39px;padding-bottom:47px}
.hxl-horse-blogs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.hxl-horse-blog{min-height:204px;display:grid;grid-template-columns:42% 58%;overflow:hidden;border-radius:15px;border:1px solid #e7eae9;background:#fff;box-shadow:0 5px 20px rgba(27,41,46,.04);color:#23313a!important;transition:box-shadow .15s,transform .15s}
.hxl-horse-blog:hover{transform:translateY(-3px);box-shadow:0 15px 33px rgba(27,41,46,.10)}
.hxl-horse-blog-picture{display:flex;background:linear-gradient(115deg,#142437,#49647c);overflow:hidden;min-height:180px}
.hxl-horse-blog-picture img{width:100%;height:100%;object-fit:cover}
.hxl-horse-blog-copy{padding:23px;display:flex;flex-direction:column;gap:10px}
.hxl-horse-blog-copy small{color:#c66b3b;font-weight:800;font-size:10px;letter-spacing:.1em}
.hxl-horse-blog-copy strong{font-size:19px;line-height:1.25;font-weight:850;color:#23313a}
.hxl-horse-blog-copy>span{color:#63717a;font-size:13px;line-height:1.6}
.hxl-horse-blog-copy em{margin-top:auto;color:#d46c35;font-size:12px;font-weight:850;font-style:normal}
@media(max-width:730px){.hxl-horse-blogs-grid{grid-template-columns:1fr}.hxl-horse-blog{grid-template-columns:38% 62%;min-height:166px}.hxl-horse-blog-copy{padding:14px;gap:7px}.hxl-horse-blog-copy strong{font-size:15px}.hxl-horse-blog-copy>span{font-size:11px}.hxl-horse-blog-picture{min-height:166px}}

/* v0.1.3 — exact owner-uploaded desktop/mobile WebP hero and editorial story.
   An HTML <picture> selects only one resource; below-fold story img lazy loads. */
.hxl-horse-landing .hxl-horse-story-photo{position:relative;overflow:hidden;background:#1c2934;min-height:420px}
.hxl-horse-landing .hxl-horse-story-picture{position:absolute;display:block;inset:0;width:100%;height:100%}
.hxl-horse-landing .hxl-horse-story-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 48%;filter:saturate(.92)}
.hxl-horse-landing .hxl-horse-story-photo::after{position:absolute;content:"";pointer-events:none;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(239,243,246,.86))}
@media(max-width:700px){
  .hxl-horse-landing .hxl-horse-story-photo{min-height:270px}
  .hxl-horse-landing .hxl-horse-story-picture img{object-position:55% 42%}
  .hxl-horse-landing .hxl-horse-story-photo::after{background:linear-gradient(0deg,rgba(239,243,246,.88),transparent 56%)}
  .hxl-horse-landing .hxl-horse-hero-photo img{object-position:58% 36%}
}

/* 2026-10-29 v0.1.4: preserve the full mobile sunset rider/horse composition.
   The source WebP is 780x980 portrait: old 270px "cover" window clipped
   the rider's helmet and the horse's face. Desktop composition is unchanged. */
@media(max-width:700px) {
  body.term-verlichting-zichtbaarheid .hxl-horse-landing .hxl-horse-story-photo {
    min-height:0;
    aspect-ratio:780 / 980;
  }
  body.term-verlichting-zichtbaarheid .hxl-horse-landing .hxl-horse-story-picture img {
    object-position:50% 0%;
  }
  body.term-verlichting-zichtbaarheid .hxl-horse-landing .hxl-horse-story-photo::after {
    background:linear-gradient(0deg,rgba(239,243,246,.93) 0%,rgba(239,243,246,.13) 14%,transparent 30%);
  }
}

/* HXL desktop horse story framing 2026-11-01 v2: preserve the whole horse composition. */
@media (min-width: 701px) {
  body.term-verlichting-zichtbaarheid .hxl-horse-landing .hxl-horse-story-photo {
    background: #71808c url("https://huisdierxl.com/wp-content/uploads/2026/10/paarden_led_sfeer_desktop.webp") center center / cover no-repeat;
  }
  body.term-verlichting-zichtbaarheid .hxl-horse-landing .hxl-horse-story-picture img {
    object-fit: contain;
    object-position: center center;
    transform: translateX(9%) scale(1.02);
    transform-origin: center center;
  }
}


/* 2026-11-03: horses only, 12 featured items in 3 columns x 4 rows.
   Rider cards keep their existing 4-column desktop layout. */
.hxl-horse-landing .hxl-horse-product-grid--horse {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.hxl-horse-landing .hxl-horse-product-pic {position:relative}
.hxl-horse-landing .hxl-horse-stock-label {
  position:absolute;
  top:10px;
  left:10px;
  z-index:1;
  padding:5px 8px;
  border-radius:6px;
  background:#33434b;
  color:#fff;
  font-size:11px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
}
@media (max-width:700px) {
  .hxl-horse-landing .hxl-horse-product-grid--horse {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}