.trailer-page{background:#f4f6f8;color:#081a36}
.trailer-hero{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 28%,rgba(255,255,255,.36) 42%,rgba(255,255,255,0) 54%),url('hero-anhaenger.webp') center center/cover no-repeat}
.trailer-hero .container{position:relative;min-height:720px;padding-top:46px}
.trailer-hero h1{max-width:720px;margin:0;color:#082b5b;font-size:clamp(58px,6vw,92px);line-height:.96;font-weight:900;letter-spacing:0;text-transform:uppercase}
.trailer-hero h1 span{display:block;color:#49a532}
.trailer-lead{max-width:560px;margin:18px 0 0;font-size:22px;line-height:1.45;font-weight:700;color:#081a36}
.trailer-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.trailer-hero-card{position:absolute;right:36px;top:104px;display:grid;gap:12px;width:260px}
.trailer-location,.trailer-service{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border-radius:8px;padding:13px 16px;color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(2,8,23,.16)}
.trailer-location{background:#082b5b}.trailer-service{background:linear-gradient(135deg,#2f8f25,#49a532)}
.trailer-location strong,.trailer-service strong{display:block;font-size:14px;line-height:1.15;text-transform:uppercase}.trailer-location span,.trailer-service span{display:block;margin-top:3px;color:#d8f5c9;font-size:12px;line-height:1.25;text-transform:uppercase}
.trailer-icon-large{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);font-size:22px;line-height:1}
.trailer-info{background:#fff;padding:26px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.trailer-info-grid{display:grid;grid-template-columns:320px minmax(260px,.78fr) minmax(360px,1fr);gap:28px;align-items:stretch}
.trailer-photo{background:#eef2f6;border-radius:8px;padding:18px}.trailer-photo img{width:100%;height:210px;object-fit:contain}
.trailer-list h2,.trailer-process h2,.trailer-prices h2,.trailer-accessories h2,.trailer-notes h2,.trailer-request h2{margin:0 0 14px;color:#082b5b;font-size:24px;line-height:1.15;text-transform:uppercase}
.trailer-process h2{text-align:center}
.trailer-list ul,.trailer-notes ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.trailer-list li,.trailer-notes li{position:relative;padding-left:24px;line-height:1.45}
.trailer-list li:before,.trailer-notes li:before{content:"✓";position:absolute;left:0;top:0;color:#49a532;font-weight:900}
.price-line{margin-top:18px;color:#081a36}.price-line strong{color:#49a532;font-size:30px}.price-line span{font-size:17px}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.process-item{position:relative}.process-item:not(:last-child):after{content:"→";position:absolute;right:-16px;top:34px;color:#94a3b8;font-size:28px;font-weight:900}
.process-circle{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 12px;border:1px solid #49a532;border-radius:50%;font-size:34px;color:#082b5b}
.process-item h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;color:#081a36}.process-item p{margin:0;font-size:14px;line-height:1.35;color:#334155}
.trailer-lower{padding:28px 0;background:#fff}
.spec-card{background:#fff;border:1px solid #dbe3ea;border-radius:10px;padding:26px;box-shadow:0 12px 28px rgba(2,8,23,.06)}
.spec-card h2{margin:0 0 16px;color:#082b5b;font-size:24px;line-height:1.15;text-transform:uppercase}
.spec-toggle{
  padding:0;
  overflow:hidden;
  border-color:#dbe3ea;
  background:
    linear-gradient(135deg,rgba(73,165,50,.08),rgba(8,43,91,.03)),
    #fff;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}

.spec-toggle summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px;
  gap:12px;
  align-items:center;
  min-height:66px;
  padding:17px 20px;
  color:#082b5b;
  cursor:pointer;
  list-style:none;
}

.spec-toggle summary::-webkit-details-marker{
  display:none;
}

.spec-toggle summary span{
  font-size:17px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
}

.spec-toggle summary small{
  display:none;
  color:#49a532;
  font-size:13px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
}

.spec-toggle summary small span{
  display:inline;
}

.spec-toggle summary .less-label{
  display:none;
}

.spec-toggle summary::after{
  content:"+";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#49a532;
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 18px rgba(73,165,50,.24);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.spec-toggle:hover,
.spec-toggle:focus-within{
  transform:translateY(-2px);
  border-color:#b8c7d6;
  box-shadow:0 14px 28px rgba(2,8,23,.14);
}

.spec-toggle:hover summary::after,
.spec-toggle:focus-within summary::after{
  transform:scale(1.14) rotate(90deg);
  box-shadow:0 12px 24px rgba(73,165,50,.34);
}

.spec-toggle[open] summary{
  border-bottom:1px solid #e5e7eb;
}

.spec-toggle[open] summary small{
  color:#64748b;
}

.spec-toggle[open] summary .more-label{
  display:none;
}

.spec-toggle[open] summary .less-label{
  display:inline;
}

.spec-toggle[open] summary::after{
  content:"-";
  transform:rotate(180deg);
  background:#082b5b;
}

.spec-toggle-content{
  padding:0 24px 24px;
}

.spec-table{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e5e7eb}
.spec-table div{padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:14px;line-height:1.35}
.spec-table div:nth-child(odd){font-weight:800;color:#082b5b;padding-right:14px}
.spec-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.spec-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.45;color:#334155}
.spec-list li:before{content:"✓";position:absolute;left:0;color:#49a532;font-weight:900}
.spec-note{margin:16px 0 0;color:#334155;line-height:1.6}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.price-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.price-card{border:1px solid #cbd5e1;border-radius:8px;padding:18px 10px;text-align:center;min-height:130px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.price-card.featured{background:#d5a000;color:#fff;border-color:#d5a000}.price-card h3{margin:0 0 12px;font-size:13px;text-transform:uppercase}.price-card strong{display:block;font-size:34px;line-height:1}.price-card p{margin:12px 0 0;font-size:12px;line-height:1.35}
.price-note{margin:10px 0 0;font-size:13px;color:#475569}
.accessory-title{margin:0 0 14px;color:#082b5b;font-size:24px;line-height:1.15;text-transform:uppercase}
.accessory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
.accessory-card{display:grid;grid-template-rows:92px 38px auto;align-items:center;width:100%;min-width:0;overflow:hidden;border:1px solid #dbe3ea;border-radius:8px;background:#fff;padding:14px 10px;text-align:center;min-height:180px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.accessory-card img{width:100%;max-width:120px;height:88px;object-fit:contain;margin:0 auto 8px;opacity:.95;transition:transform .25s ease}
.accessory-card strong{display:block;color:#082b5b;font-size:13px;line-height:1.2}
.accessory-card span{display:block;margin-top:6px;color:#49a532;font-weight:900;font-size:18px;align-self:end}
.request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);gap:18px;align-items:start}
.request-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.request-form input,.request-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:12px;font:inherit}.request-form textarea{grid-column:1/-1;min-height:70px;resize:vertical}.request-form > button{grid-column:1/-1;border:0;cursor:pointer}.hp-field{display:none}
.date-range-picker{grid-column:1/-1;position:relative}.date-range-display{cursor:pointer;background:#fff}.range-calendar{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 18px 38px rgba(2,8,23,.16);padding:14px}.date-range-picker.open .range-calendar{display:block}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#082b5b;font-weight:900}.calendar-head button,.calendar-day{border:0;background:#eef6ea;color:#082b5b;border-radius:6px;cursor:pointer;font-weight:800}.calendar-head button{width:32px;height:30px;display:inline-grid;place-items:center;padding:0}.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px;width:100%}.calendar-grid span,.calendar-weekday,.calendar-day{min-width:0}.calendar-weekday{text-align:center;font-size:12px;font-weight:900;color:#64748b}.calendar-day{display:grid!important;place-items:center;width:100%;height:34px;min-height:34px;padding:0!important;background:#fff;border:1px solid #e5e7eb}.calendar-day:hover{border-color:#49a532}.calendar-day.selected,.calendar-day.in-range{background:#49a532;color:#fff;border-color:#49a532}.calendar-day.disabled{opacity:.35;cursor:not-allowed;background:#f8fafc}.calendar-footer{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:12px}.calendar-help{font-size:12px;line-height:1.35;color:#475569}.calendar-done{border:0;border-radius:6px;background:#49a532;color:#fff;font-weight:900;padding:8px 12px;cursor:pointer}
.contact-stack{display:grid;gap:10px;min-width:0}.contact-stack a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:10px;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 10px 22px rgba(2,8,23,.12);transition:transform .18s ease,box-shadow .18s ease}.contact-stack a:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(2,8,23,.16)}.contact-stack a::before{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);font-size:20px;line-height:1}.contact-stack .whatsapp{background:linear-gradient(135deg,#2f8f25,#49a532)}.contact-stack .phone{background:linear-gradient(135deg,#061b42,#0a2d63)}.contact-stack .mail{background:linear-gradient(135deg,#bd8600,#d5a000)}.contact-stack .whatsapp::before{content:"☎"}.contact-stack .phone::before{content:"☎"}.contact-stack .mail::before{content:"✉"}.contact-stack span,.contact-stack small{min-width:0;overflow-wrap:anywhere}.contact-stack small{display:block;margin-top:2px;font-size:12px;line-height:1.2;font-weight:700;opacity:.9}
.trailer-bottom{background:#061b42;color:#fff}.trailer-bottom .container{display:grid;grid-template-columns:1.2fr repeat(4,auto);gap:24px;align-items:center;padding-top:18px;padding-bottom:18px}.trailer-bottom strong{color:#f4c430;text-transform:uppercase}.trailer-bottom a,.trailer-bottom span{font-weight:800}
nav a.active{color:#49a532;border-bottom:2px solid #49a532;padding-bottom:8px}
@media (max-width:1100px){
  .trailer-hero-card{display:none}
  .trailer-info-grid,.request-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .process-item:not(:last-child):after{display:none}
  .trailer-bottom .container{grid-template-columns:1fr;gap:10px;text-align:center}
}
@media (max-width:700px){
  .trailer-page .container{max-width:100%;padding-left:18px;padding-right:18px;overflow:hidden}
  .trailer-page header .container{overflow:visible}
  .trailer-hero{min-height:auto;background:url('hero-anhaenger.webp') center top/auto 255px no-repeat #fff}
  .trailer-hero .container{min-height:auto;padding-top:255px;padding-bottom:34px}
  .trailer-hero-card{display:grid;top:14px;right:24px;width:128px;z-index:2}
  .trailer-service{grid-template-columns:21px minmax(0,1fr);gap:6px;width:100%;border-radius:6px;padding:7px 8px}
  .trailer-service>div{min-width:0}
  .trailer-icon-large{width:20px;height:20px;font-size:16px}
  .trailer-service strong{font-size:8px;line-height:1.08;overflow-wrap:anywhere}
  .trailer-service span{font-size:6.5px;line-height:1.12;overflow-wrap:anywhere}
  .trailer-hero h1{font-size:31px;line-height:1.02}
  .trailer-lead{font-size:14px;line-height:1.45;margin-top:12px}
  
  .trailer-actions{margin-top:22px}.trailer-actions .btn{font-size:12px;padding:9px 14px}
  .trailer-info{padding:18px 0}.trailer-info-grid{gap:20px}.trailer-photo img{height:150px}
  .spec-card{padding:20px}.spec-card h2{font-size:17px}.spec-table div,.spec-list li,.spec-note{font-size:14px}.spec-table{grid-template-columns:1fr 1fr}
  .spec-toggle{padding:0}
  .spec-toggle summary{grid-template-columns:minmax(0,1fr) 30px;gap:10px;min-height:58px;padding:14px 16px}
  .spec-toggle summary span{font-size:15px}
  .spec-toggle summary small{display:none;grid-column:1;font-size:11px}
  .spec-toggle summary::after{grid-column:2;grid-row:1}
  .spec-toggle-content{padding:0 18px 18px}
  .trailer-list h2,.trailer-process h2,.trailer-prices h2,.trailer-accessories h2,.trailer-notes h2,.trailer-request h2,.accessory-title{font-size:17px}
  .trailer-process h2{text-align:left}
  .trailer-list li,.trailer-notes li,.process-item p{font-size:14px}
  .process-steps{grid-template-columns:1fr 1fr;gap:14px}.process-circle{width:58px;height:58px;font-size:26px}.process-item h3{font-size:13px}
  .trailer-lower{padding:20px 0}.lower-grid{grid-template-columns:1fr;gap:24px}.price-cards,.accessory-grid{grid-template-columns:repeat(2,1fr)}.price-card{min-height:118px}.price-card strong{font-size:28px}.price-card:last-child{grid-column:1/-1}
  .request-form{grid-template-columns:1fr}.contact-stack a{font-size:13px}.range-calendar{position:static;margin-top:8px}
}

.trailer-hero{
  background:
    radial-gradient(ellipse 54% 30% at 20% 15%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 48%,rgba(255,255,255,0) 74%),
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 28%,rgba(255,255,255,.36) 42%,rgba(255,255,255,0) 54%),
    url('hero-anhaenger.webp') center center/cover no-repeat;
}

.trailer-benefits{
  grid-template-columns:1fr;
  max-width:420px;
  gap:12px;
}

.trailer-actions{
  flex-direction:column;
  align-items:flex-start;
}

.trailer-info,
.trailer-lower{
  padding:34px 0;
}

.trailer-info-grid,
.lower-grid{
  gap:34px;
}

.spec-card,
.price-card,
.accessory-card,
.trailer-request,
.trailer-notes{
  border-radius:10px;
}

.price-note + .price-note{
  margin-top:12px;
}

@media (max-width:700px){
  .trailer-hero{
    background:url('hero-anhaenger.webp') center top/auto 255px no-repeat #fff;
  }

  .trailer-hero .container{
    padding-top:275px;
  }

  .trailer-actions{
    gap:14px;
  }

  .trailer-info,
  .trailer-lower{
    padding:24px 0;
  }

  .trailer-info-grid,
  .lower-grid{
    gap:24px;
  }
}

.trailer-page main section:not(.trailer-hero) h2{
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}

.trailer-page main section:not(.trailer-hero) h3,
.trailer-page main section:not(.trailer-hero) .accessory-card strong{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}

.trailer-page main section:not(.trailer-hero) p,
.trailer-page main section:not(.trailer-hero) li,
.trailer-page main section:not(.trailer-hero) label,
.trailer-page main section:not(.trailer-hero) .spec-table div,
.trailer-page main section:not(.trailer-hero) .price-note{
  font-size:14px!important;
  line-height:1.4!important;
}

.trailer-info-grid{
  grid-template-columns:minmax(320px,.9fr) minmax(420px,1.25fr);
  align-items:stretch;
}

.trailer-photo{
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 28px rgba(2,8,23,.08);
}

.trailer-list{
  position:relative;
  padding:28px 30px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,253,.96)),
    #fff;
  box-shadow:0 12px 28px rgba(2,8,23,.08);
}

.trailer-eyebrow{
  display:inline-flex;
  align-items:center;
  margin:0 0 10px;
  padding:5px 10px;
  border-radius:999px;
  background:#e6f4df;
  color:#3c8f2a;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
}

.trailer-list h2{
  max-width:560px;
  margin-bottom:12px!important;
}

.trailer-list-lead{
  max-width:620px;
  margin:0 0 18px!important;
  color:#334155;
  font-weight:700;
}

.trailer-list ul{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
}

.price-line{
  display:inline-block;
  margin-top:0!important;
  padding:12px 16px;
  border-radius:10px;
  background:#f5fbf2;
  border:1px solid #d4ead0;
}

.trailer-price-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-start;
  margin-top:22px;
}

.pickup-note{
  max-width:360px;
  margin-top:0;
  overflow:hidden;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 18px rgba(2,8,23,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.pickup-note summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
  min-height:48px;
  padding:10px 12px;
  color:#082b5b;
  cursor:pointer;
  list-style:none;
}

.pickup-note summary::-webkit-details-marker{
  display:none;
}

.pickup-note summary span{
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  text-transform:uppercase;
}

.pickup-note summary::after{
  content:"+";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#49a532;
  color:#fff;
  font-size:18px;
  font-weight:900;
  line-height:1;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.pickup-note:hover,
.pickup-note:focus-within{
  transform:translateY(-1px);
  border-color:#b8c7d6;
  box-shadow:0 12px 24px rgba(2,8,23,.1);
}

.pickup-note:hover summary::after,
.pickup-note:focus-within summary::after{
  transform:scale(1.1) rotate(90deg);
  box-shadow:0 10px 20px rgba(73,165,50,.28);
}

.pickup-note[open] summary{
  border-bottom:1px solid #e5e7eb;
}

.pickup-note[open] summary::after{
  content:"-";
  transform:rotate(180deg);
  background:#082b5b;
}

.pickup-note ul{
  margin:0;
  padding:10px 12px 12px;
  list-style:none;
  display:grid;
  gap:7px;
}

.pickup-note li{
  position:relative;
  padding-left:20px;
  color:#334155;
  font-size:13px!important;
  line-height:1.35!important;
}

.pickup-note li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#49a532;
  font-weight:900;
}

.trailer-list,
.trailer-process{
  min-width:0;
}

.trailer-details{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  min-height:auto;
  min-width:0;
}

.trailer-process{
  grid-column:1/-1;
  max-width:980px;
  width:100%;
  margin:18px auto 0;
}

.process-steps{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  text-align:left;
  padding-left:4px;
}

.process-steps::before{
  content:"";
  position:absolute;
  left:22px;
  top:22px;
  bottom:22px;
  width:1px;
  background:#d4ead0;
}

.process-item{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:0 0 22px;
}

.process-item:last-child{
  padding-bottom:0;
}

.process-item:not(:last-child)::after{
  content:none;
}

.process-circle{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin:0;
  border:1px solid #49a532;
  background:#fff;
  color:#49a532;
  font-size:15px;
  line-height:1;
}

.process-item h3{
  margin:0 0 3px;
  padding-top:10px;
  color:#082b5b;
}

.process-item p{
  grid-column:2;
  margin:0;
  color:#334155;
}

.trailer-process h2{
  text-align:center;
}

.price-cards{
  gap:10px;
}

.price-card{
  display:grid;
  align-content:center;
  border-color:#dbe3ea;
  background:#fff;
  box-shadow:0 8px 18px rgba(2,8,23,.06);
}

.price-card:hover,
.price-card:focus-within,
.accessory-card:hover,
.accessory-card:focus-within{
  transform:translateY(-2px);
  border-color:#b8c7d6;
  box-shadow:0 14px 28px rgba(2,8,23,.14);
}

.price-card.featured:hover,
.price-card.featured:focus-within{
  border-color:rgba(255,255,255,.24);
  box-shadow:0 16px 34px rgba(2,8,23,.22);
}

.accessory-card:hover img,
.accessory-card:focus-within img{
  transform:scale(1.035);
}

.price-card.featured{
  background:linear-gradient(180deg,#0b2d5a 0%,#061b42 100%);
  border-color:#0b2d5a;
}

.price-card.featured strong{
  color:#fff;
}

.price-card strong{
  color:#49a532;
}

.trailer-notes{
  padding:24px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#f8fafc;
}

.trailer-request{
  grid-column:1/-1;
  justify-self:center;
  width:100%;
  max-width:980px;
  margin-top:16px;
  padding:28px 30px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 32px rgba(2,8,23,.08);
}

.trailer-request h2{
  text-align:center;
}

.request-grid{
  grid-template-columns:minmax(0,1fr) minmax(260px,320px);
}

.request-side{
  display:grid;
  align-content:start;
  gap:12px;
  min-width:0;
}

.trailer-lower .lower-grid{
  grid-template-columns:1fr;
  gap:46px;
}

.trailer-lower .trailer-process,
.trailer-prices,
.trailer-accessories{
  grid-column:1/-1;
  justify-self:center;
  width:100%;
  max-width:980px;
}

.trailer-lower .trailer-process{
  margin:0 auto;
  padding:0 0 4px;
}

.trailer-lower .process-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding-left:0;
}

.trailer-lower .process-steps::before{
  content:none;
}

.trailer-lower .process-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  min-height:118px;
  padding:16px 14px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 18px rgba(2,8,23,.06);
}

.trailer-lower .process-item p{
  grid-column:1/-1;
}

.trailer-prices h2,
.trailer-accessories h2{
  text-align:center;
}

.trailer-prices .price-note,
.trailer-accessories .price-note{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.notes-toggle{
  padding:0;
  overflow:hidden;
  border-color:#dbe3ea;
  background:
    linear-gradient(135deg,rgba(73,165,50,.08),rgba(8,43,91,.03)),
    #fff;
  box-shadow:0 8px 18px rgba(2,8,23,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}

.notes-toggle summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  gap:14px;
  align-items:center;
  min-height:72px;
  padding:20px 24px;
  color:#082b5b;
  cursor:pointer;
  list-style:none;
}

.notes-toggle summary::-webkit-details-marker{
  display:none;
}

.notes-toggle summary span{
  font-size:20px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
}

.notes-toggle summary small{
  display:none;
  color:#49a532;
  font-size:13px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
}

.notes-toggle summary .less-label{
  display:none;
}

.notes-toggle summary::after{
  content:"+";
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#49a532;
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 18px rgba(73,165,50,.24);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.notes-toggle:hover,
.notes-toggle:focus-within{
  transform:translateY(-2px);
  border-color:#b8c7d6;
  box-shadow:0 14px 28px rgba(2,8,23,.14);
}

.notes-toggle:hover summary::after,
.notes-toggle:focus-within summary::after{
  transform:scale(1.14) rotate(90deg);
  box-shadow:0 12px 24px rgba(73,165,50,.34);
}

.notes-toggle[open] summary{
  border-bottom:1px solid #e5e7eb;
}

.notes-toggle[open] summary small{
  color:#64748b;
}

.notes-toggle[open] summary .more-label{
  display:none;
}

.notes-toggle[open] summary .less-label{
  display:inline;
}

.notes-toggle[open] summary::after{
  content:"-";
  transform:rotate(180deg);
  background:#082b5b;
}

.notes-toggle-content{
  padding:0 24px 24px;
}

.request-form .notes-toggle{
  grid-column:1/-1;
}

.request-form .notes-toggle summary{
  min-height:64px;
  padding:18px 20px;
}

.request-form .notes-toggle summary span{
  font-size:17px;
}

.request-form .notes-toggle-content{
  padding:0 20px 20px;
}

@media (max-width:1100px){
  .trailer-info-grid{
    grid-template-columns:1fr;
    align-items:start;
  }

  .trailer-details{
    grid-template-columns:1fr;
  }

  .trailer-process h2{
    text-align:center;
  }
}

@media (max-width:700px){
  .trailer-page main section:not(.trailer-hero) h2{
    font-size:17px!important;
  }

  .trailer-info-grid{
    gap:28px;
  }

  .trailer-list{
    padding:20px 18px;
  }

  .trailer-list ul{
    grid-template-columns:1fr;
  }

  .trailer-price-row{
    display:grid;
    grid-template-columns:1fr;
  }

  .trailer-process{
    margin-top:8px;
  }

  .process-steps{
    grid-template-columns:1fr;
    gap:0;
  }

  .trailer-lower .process-steps{
    grid-template-columns:1fr;
    gap:10px;
  }

  .trailer-lower .process-item{
    min-height:auto;
    padding:14px 12px;
  }

  .process-circle{
    width:38px;
    height:38px;
    font-size:15px;
  }

  .process-item h3{
    font-size:14px!important;
  }

  .price-cards,
  .accessory-grid{
    grid-template-columns:1fr;
  }

  .price-card:last-child{
    grid-column:auto;
  }

  .trailer-notes,
  .trailer-request{
    padding:20px 18px;
  }

  .notes-toggle{
    padding:0;
  }

  .notes-toggle summary{
    grid-template-columns:minmax(0,1fr) 34px;
    gap:10px;
    min-height:64px;
    padding:18px;
  }

  .notes-toggle summary span{
    font-size:17px;
  }

  .notes-toggle summary small{
    display:none;
    grid-column:1;
    font-size:11px;
  }

  .notes-toggle summary::after{
    grid-column:2;
    grid-row:1;
  }

  .notes-toggle-content{
    padding:0 18px 18px;
  }

  .request-grid{
    grid-template-columns:1fr;
  }

.request-side{
  gap:10px;
  }
}

.trailer-page{
  background:
    linear-gradient(180deg,#f4f6f8 0%,#eef3f7 44%,#f7fafc 100%);
}

.trailer-hero{
  isolation:isolate;
}

.trailer-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:170px;
  z-index:0;
  background:linear-gradient(180deg,rgba(244,246,248,0),#fff 78%);
  pointer-events:none;
}

.trailer-hero .container{
  z-index:1;
}

.trailer-hero-card{
  width:285px;
}

.trailer-service{
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:999px;
  background:
    linear-gradient(135deg,rgba(8,43,91,.86),rgba(73,165,50,.9)),
    #49a532;
  box-shadow:0 16px 34px rgba(2,8,23,.2);
  backdrop-filter:blur(8px);
}

.trailer-service .trailer-icon-large{
  width:34px;
  height:34px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:18px;
}

.trailer-service strong{
  font-size:13px;
  line-height:1.1;
  letter-spacing:0;
}

.trailer-service span{
  margin-top:2px;
  color:rgba(255,255,255,.82);
  font-size:10px;
  line-height:1.1;
  letter-spacing:0;
}

.trailer-page .btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  min-height:42px;
  padding:11px 20px!important;
  border:1px solid transparent;
  border-radius:999px;
  font-size:14px!important;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(2,8,23,.12);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.trailer-page .btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.3) 45%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .45s ease;
}

.trailer-page .btn:hover,
.trailer-page .btn:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(2,8,23,.18);
}

.trailer-page .btn:hover::before,
.trailer-page .btn:focus-visible::before{
  transform:translateX(120%);
}

.trailer-photo{
  position:relative;
  display:grid;
  place-items:center;
  min-height:255px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(73,165,50,.12),transparent 54%),
    linear-gradient(145deg,#fff,#eef4f8);
}

.trailer-photo::before{
  content:"3-SEITEN-KIPPER";
  position:absolute;
  right:16px;
  top:16px;
  z-index:1;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(8,43,91,.9);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:0;
}

.trailer-photo img{
  height:230px;
  filter:drop-shadow(0 18px 24px rgba(2,8,23,.18));
  transform:scale(1.05);
  transition:transform .3s ease;
}

.trailer-photo:hover img{
  transform:scale(1.09) translateY(-2px);
}

.price-cards{
  align-items:stretch;
}

.price-card{
  position:relative;
  overflow:hidden;
}

.price-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.42) 45%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .48s ease;
  pointer-events:none;
}

.price-card:hover::after,
.price-card:focus-within::after{
  transform:translateX(130%);
}

.price-card.featured{
  transform:translateY(-8px);
}

.price-card.featured::before{
  content:"BELIEBT";
  position:absolute;
  top:10px;
  right:10px;
  padding:4px 7px;
  border-radius:999px;
  background:#49a532;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:1;
}

.price-card.featured h3{
  margin-top:10px;
}

.price-card.featured:hover,
.price-card.featured:focus-within{
  transform:translateY(-10px);
}

.price-card strong{
  text-shadow:0 8px 16px rgba(73,165,50,.14);
}

.accessory-card{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.trailer-request{
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,253,.98)),
    #fff;
}

.trailer-request h2{
  position:relative;
  width:fit-content;
  margin-left:auto!important;
  margin-right:auto!important;
}

.trailer-request h2::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin:10px auto 0;
  border-radius:999px;
  background:#49a532;
}

.request-side{
  position:relative;
}

.request-side::before{
  content:"Antwort meist innerhalb weniger Stunden";
  display:block;
  padding:11px 13px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:#f8fafc;
  color:#082b5b;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  text-transform:uppercase;
}

.contact-stack a{
  position:relative;
  overflow:hidden;
}

.contact-stack a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-130%);
  transition:transform .45s ease;
}

.contact-stack a:hover::after,
.contact-stack a:focus-visible::after{
  transform:translateX(130%);
}

.rental-accept{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:12px 14px;
  border:1px solid #dbe3ea;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(73,165,50,.08),rgba(8,43,91,.03)),#fff;
  color:#334155;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.request-form .rental-accept input{
  width:19px;
  height:19px;
  margin:2px 0 0;
  padding:0;
  border-radius:4px;
  accent-color:#49a532;
}

.rental-accept span{
  min-width:0;
  font-size:13px;
  line-height:1.42;
}

.rental-accept strong{
  display:block;
  margin-bottom:2px;
  color:#082b5b;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}

.rental-accept:hover,
.rental-accept:focus-within{
  transform:translateY(-1px);
  border-color:#b8c7d6;
  box-shadow:0 12px 24px rgba(2,8,23,.08);
}

.hero-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:min(760px,100%);
  margin:24px 0 0;
  padding:8px;
  border:1px solid rgba(8,43,91,.12);
  border-radius:10px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 38px rgba(2,8,23,.1);
  backdrop-filter:blur(10px);
}

.hero-facts div{
  min-width:0;
  padding:13px 12px;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,rgba(248,251,253,.9));
  border:1px solid rgba(219,227,234,.72);
}

.hero-facts strong,
.hero-facts span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.hero-facts strong{
  color:#082b5b;
  font-size:19px;
  line-height:1.1;
  font-weight:900;
}

.hero-facts span{
  margin-top:4px;
  color:#475569;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}

.product-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 18px;
}

.product-highlights span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border:1px solid #dbe3ea;
  border-radius:999px;
  background:#f8fafc;
  color:#082b5b;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}

.product-highlights span::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#49a532;
  box-shadow:0 0 0 4px rgba(73,165,50,.12);
}

.request-intro{
  max-width:680px;
  margin:-4px auto 22px;
  color:#475569;
  font-size:15px;
  line-height:1.55;
  text-align:center;
}

.trailer-request{
  position:relative;
  overflow:hidden;
}

.trailer-request::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#082b5b,#49a532,#d5a000);
}

.request-form input,
.request-form textarea{
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.request-form input:focus,
.request-form textarea:focus{
  outline:none;
  border-color:#49a532;
  box-shadow:0 0 0 3px rgba(73,165,50,.15);
  background:#fff;
}

.notes-toggle[open]{
  box-shadow:0 14px 28px rgba(2,8,23,.08);
}

.contact-stack{
  position:sticky;
  top:92px;
}

@media (prefers-reduced-motion:reduce){
  .trailer-page *,
  .trailer-page *::before,
  .trailer-page *::after{
    transition:none!important;
  }
}

@media (max-width:700px){
  .trailer-hero::after{
    content:none;
  }

  .trailer-photo{
    min-height:190px;
  }

  .trailer-photo img{
    height:170px;
    transform:none;
  }

  .price-card.featured,
  .price-card.featured:hover,
  .price-card.featured:focus-within{
    transform:none;
  }

  .price-card.featured::before{
    top:9px;
    right:auto;
    left:9px;
  }

  .trailer-hero-card{
    right:18px;
    width:172px;
  }

  .trailer-service{
    grid-template-columns:24px minmax(0,1fr);
    gap:7px;
    padding:8px 10px;
  }

  .trailer-service .trailer-icon-large{
    width:24px;
    height:24px;
    font-size:14px;
  }

  .trailer-service strong{
    font-size:8px;
    line-height:1.08;
    white-space:normal;
  }

  .trailer-service span{
    font-size:6.5px;
    line-height:1.12;
  }

  .hero-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:18px;
    padding:6px;
  }

  .hero-facts div{
    padding:10px 9px;
  }

  .hero-facts strong{
    font-size:15px;
  }

  .hero-facts span{
    font-size:9px;
  }

  .product-highlights{
    margin-top:14px;
  }

  .product-highlights span{
    min-height:30px;
    font-size:11px;
  }

  .request-intro{
    margin-bottom:18px;
    font-size:14px;
    text-align:left;
  }

  .contact-stack{
    position:static;
  }
}

.trailer-hero{
  background-position:center center;
}

.hero-facts{
  gap:10px;
  padding:10px;
  border-color:rgba(8,43,91,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,251,253,.72));
  box-shadow:0 24px 48px rgba(2,8,23,.14);
}

.hero-facts div{
  position:relative;
  overflow:hidden;
  border-color:rgba(203,213,225,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.hero-facts div::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#082b5b,#49a532);
  opacity:.45;
}

.hero-facts div:hover{
  transform:translateY(-2px);
  border-color:#b8c7d6;
  box-shadow:0 14px 28px rgba(2,8,23,.1);
}

.trailer-benefit{
  padding:12px;
  border:1px solid rgba(219,227,234,.9);
  border-radius:10px;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 22px rgba(2,8,23,.08);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.trailer-benefit:hover{
  transform:translateY(-2px);
  border-color:#b8c7d6;
  box-shadow:0 16px 30px rgba(2,8,23,.12);
}

.trailer-list{
  position:relative;
}

.product-highlights span{
  box-shadow:0 8px 16px rgba(2,8,23,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.product-highlights span:hover{
  transform:translateY(-1px);
  border-color:#b8c7d6;
  background:#fff;
  box-shadow:0 12px 22px rgba(2,8,23,.09);
}

.price-cards{
  gap:12px;
}

.price-card{
  display:grid;
  align-content:start;
  min-height:168px;
  padding:24px 12px 16px;
  border-color:#dbe3ea;
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
  box-shadow:0 10px 22px rgba(2,8,23,.07);
}

.price-card h3{
  color:#082b5b;
  letter-spacing:0;
}

.price-card p{
  margin-top:8px;
  color:#475569;
  font-weight:800;
}

.price-card small{
  display:block;
  align-self:end;
  margin-top:14px;
  color:#64748b;
  font-size:11px;
  line-height:1.25;
  font-weight:800;
}

.price-card.featured{
  border-color:#082b5b;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)),
    linear-gradient(180deg,#0b2d5a 0%,#061b42 100%);
  box-shadow:0 22px 42px rgba(6,27,66,.25);
}

.price-card.featured h3,
.price-card.featured p,
.price-card.featured small{
  color:#eaf2fb;
}

.price-card.featured strong{
  color:#fff;
  text-shadow:0 10px 20px rgba(0,0,0,.22);
}

.price-card:hover,
.price-card:focus-within{
  border-color:#b8c7d6;
  box-shadow:0 18px 36px rgba(2,8,23,.13);
}

.request-grid{
  grid-template-columns:minmax(0,1fr) minmax(270px,310px);
  gap:22px;
}

.request-form{
  gap:12px;
}

.request-form input,
.request-form textarea{
  border-radius:9px;
  background:#fff;
}

.request-form textarea{
  min-height:86px;
}

.request-side::before{
  content:none;
}

.contact-card{
  position:sticky;
  top:92px;
  display:grid;
  gap:13px;
  padding:16px;
  border:1px solid #dbe3ea;
  border-radius:12px;
  background:
    linear-gradient(180deg,#fff,rgba(248,251,253,.96)),
    #fff;
  box-shadow:0 16px 32px rgba(2,8,23,.09);
}

.contact-card-head{
  padding-bottom:12px;
  border-bottom:1px solid #e5e7eb;
}

.contact-card-head span,
.contact-card-head strong{
  display:block;
}

.contact-card-head span{
  color:#49a532;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}

.contact-card-head strong{
  margin-top:3px;
  color:#082b5b;
  font-size:18px;
  line-height:1.15;
  font-weight:900;
}

.contact-card .contact-stack{
  position:static;
}

.contact-card-note{
  margin:0;
  padding:11px 12px;
  border-radius:9px;
  background:#eef6ea;
  color:#2f7b23;
  font-size:12px;
  line-height:1.3;
  font-weight:900;
  text-align:center;
}

.notes-toggle{
  border-radius:12px;
}

.notes-toggle-content ul{
  gap:9px;
}

.rental-accept{
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(73,165,50,.1),rgba(8,43,91,.04)),
    #fff;
}

.rental-accept:has(input:checked){
  border-color:#49a532;
  background:
    linear-gradient(135deg,rgba(73,165,50,.16),rgba(73,165,50,.05)),
    #fff;
  box-shadow:0 12px 24px rgba(73,165,50,.12);
}

@media (max-width:700px){
  .hero-facts{
    gap:7px;
  }

  .trailer-benefit{
    padding:10px;
  }

  .price-cards{
    gap:10px;
  }

  .price-card{
    min-height:142px;
    padding:20px 12px 14px;
  }

  .request-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .contact-card{
    position:static;
    padding:14px;
  }
}

.hero-facts{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  width:fit-content;
  max-width:min(760px,100%);
  margin-top:22px;
  padding:10px 14px;
  border:1px solid rgba(8,43,91,.16);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 36px rgba(2,8,23,.1);
  backdrop-filter:blur(10px);
}

.hero-facts div{
  position:relative;
  display:flex;
  align-items:baseline;
  gap:6px;
  padding:0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.hero-facts div + div{
  border-left:1px solid rgba(8,43,91,.16);
}

.hero-facts div::after{
  content:none;
}

.hero-facts div:hover{
  transform:none;
  box-shadow:none;
}

.hero-facts strong{
  color:#082b5b;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  white-space:nowrap;
}

.hero-facts span{
  margin:0;
  color:#475569;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
}

@media (max-width:700px){
  .hero-facts{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    max-width:100%;
    gap:8px;
    padding:8px;
    border-radius:10px;
  }

  .hero-facts div{
    display:grid;
    gap:3px;
    padding:9px 10px;
    border:1px solid rgba(219,227,234,.9);
    border-radius:8px;
    background:#fff;
  }

  .hero-facts div + div{
    border-left:1px solid rgba(219,227,234,.9);
  }

  .hero-facts strong{
    font-size:14px;
  }

.hero-facts span{
  font-size:9px;
  white-space:normal;
  }
}

.hero-facts{
  display:none!important;
}

@media (max-width:700px){
  .trailer-hero{
    background-position:center top!important;
    background-size:auto 255px!important;
  }
}

.trailer-hero{
  background:
    radial-gradient(ellipse 48% 34% at 24% 18%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 54%,rgba(255,255,255,0) 78%),
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.34) 47%,rgba(255,255,255,0) 64%),
    linear-gradient(180deg,rgba(6,27,66,0) 58%,rgba(6,27,66,.08) 100%),
    url('hero-anhaenger.webp') center center/cover no-repeat;
}

.trailer-hero h1{
  position:relative;
  text-shadow:0 10px 26px rgba(2,8,23,.08);
}

.trailer-hero h1::after{
  content:"";
  display:block;
  width:96px;
  height:5px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#49a532,#d5a000);
  box-shadow:0 10px 22px rgba(73,165,50,.22);
}

.trailer-lead{
  position:relative;
  padding-left:16px;
}

.trailer-lead::before{
  content:"";
  position:absolute;
  left:0;
  top:.2em;
  bottom:.2em;
  width:4px;
  border-radius:999px;
  background:#49a532;
}

.trailer-actions .btn{
  min-width:190px;
  justify-content:center;
  border-radius:9px;
}

.trailer-actions .btn.green{
  box-shadow:0 18px 36px rgba(73,165,50,.26);
}

.trailer-actions .btn.blue{
  background:linear-gradient(135deg,#082b5b,#061b42);
  box-shadow:0 18px 36px rgba(6,27,66,.18);
}

.trailer-benefit{
  background:
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,251,253,.72)),
    rgba(255,255,255,.72);
}

.trailer-benefit-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 20px rgba(73,165,50,.16);
}

.trailer-info{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.trailer-photo{
  border:1px solid #dbe3ea;
  box-shadow:0 22px 44px rgba(2,8,23,.12);
}

.trailer-photo::after{
  content:"";
  position:absolute;
  inset:auto 24px 22px;
  height:22px;
  border-radius:50%;
  background:rgba(2,8,23,.16);
  filter:blur(14px);
  pointer-events:none;
}

.trailer-photo img{
  position:relative;
  z-index:1;
}

.trailer-list h2{
  max-width:520px;
}

.price-card{
  border-radius:12px;
}

.price-card.featured::before{
  background:linear-gradient(135deg,#49a532,#2f8f25);
  box-shadow:0 10px 18px rgba(73,165,50,.24);
}

.accessory-card{
  border-radius:12px;
  box-shadow:0 10px 22px rgba(2,8,23,.06);
}

.accessory-card:hover,
.accessory-card:focus-within{
  box-shadow:0 18px 36px rgba(2,8,23,.13);
}

.trailer-request{
  border-radius:14px;
  box-shadow:0 24px 52px rgba(2,8,23,.12);
}

.contact-card{
  border-radius:14px;
  box-shadow:0 22px 42px rgba(2,8,23,.12);
}

.contact-stack a{
  border-radius:12px;
}

@media (max-width:700px){
  .trailer-hero{
    background:url('hero-anhaenger.webp') center top/auto 255px no-repeat #fff!important;
  }

  .trailer-hero h1::after{
    width:72px;
    height:4px;
    margin-top:12px;
  }

  .trailer-lead{
    padding-left:12px;
  }

  .trailer-actions .btn{
    min-width:0;
  }

  .trailer-photo{
    box-shadow:0 16px 30px rgba(2,8,23,.1);
  }
}

.trailer-page{
  background:
    linear-gradient(180deg,#f7fafc 0%,#f3f7f0 42%,#fffaf0 100%);
}

.trailer-hero{
  background:
    radial-gradient(ellipse 44% 30% at 24% 18%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 54%,rgba(255,255,255,0) 78%),
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.34) 47%,rgba(255,255,255,0) 64%),
    radial-gradient(circle at 86% 16%,rgba(213,160,0,.18),transparent 24%),
    radial-gradient(circle at 88% 72%,rgba(73,165,50,.16),transparent 28%),
    url('hero-anhaenger.webp') center center/cover no-repeat;
}

.trailer-benefit:nth-child(1) .trailer-benefit-icon{
  background:#eaf5ff;
  color:#082b5b;
}

.trailer-benefit:nth-child(2) .trailer-benefit-icon{
  background:#fff3c4;
  color:#b98300;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 20px rgba(213,160,0,.18);
}

.trailer-benefit:nth-child(3) .trailer-benefit-icon{
  background:#d8ebce;
  color:#49a532;
}

.trailer-info{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbfd 68%,#f5f9f1 100%);
}

.trailer-photo{
  background:
    radial-gradient(circle at 50% 42%,rgba(73,165,50,.16),transparent 54%),
    radial-gradient(circle at 84% 18%,rgba(213,160,0,.18),transparent 20%),
    linear-gradient(145deg,#fff,#edf5f7);
}

.trailer-list{
  background:
    linear-gradient(180deg,#fff,rgba(248,251,253,.9));
}

.product-highlights span:nth-child(2){
  border-color:rgba(213,160,0,.35);
  background:#fff8de;
}

.product-highlights span:nth-child(2)::before{
  background:#d5a000;
  box-shadow:0 0 0 4px rgba(213,160,0,.14);
}

.trailer-lower{
  background:
    linear-gradient(180deg,#fff 0%,#f7fafc 38%,#fffaf0 100%);
}

.trailer-lower .process-item{
  background:
    linear-gradient(180deg,#fff,rgba(248,251,253,.96));
}

.trailer-lower .process-item:nth-child(2){
  background:
    linear-gradient(180deg,#fff,#f8fbfd);
  border-color:rgba(8,43,91,.18);
}

.trailer-lower .process-item:nth-child(3){
  background:
    linear-gradient(180deg,#fff,#f5fbf2);
  border-color:rgba(73,165,50,.22);
}

.price-card:nth-child(2){
  border-color:rgba(73,165,50,.22);
}

.price-card:nth-child(3){
  border-color:rgba(213,160,0,.22);
}

.price-card:nth-child(4){
  border-color:rgba(8,43,91,.18);
}

.price-card:nth-child(5){
  background:
    linear-gradient(180deg,#fff,#fff8de);
  border-color:rgba(213,160,0,.28);
}

.accessory-card:nth-child(1){
  background:linear-gradient(180deg,#fff,#f5fbf2);
}

.accessory-card:nth-child(2){
  background:linear-gradient(180deg,#fff,#f7fafc);
}

.accessory-card:nth-child(3){
  background:linear-gradient(180deg,#fff,#fff8de);
}

.accessory-card:nth-child(4){
  background:linear-gradient(180deg,#fff,#f2f7ff);
}

.trailer-request{
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,253,.96)),
    radial-gradient(circle at 92% 8%,rgba(213,160,0,.18),transparent 24%),
    #fff;
}

.notes-toggle{
  background:
    linear-gradient(135deg,rgba(73,165,50,.1),rgba(213,160,0,.08)),
    #fff;
}

.contact-card{
  background:
    linear-gradient(180deg,#fff,rgba(248,251,253,.96)),
    radial-gradient(circle at 86% 12%,rgba(73,165,50,.12),transparent 26%);
}

.contact-card-note{
  background:
    linear-gradient(135deg,#eef6ea,#fff8de);
  color:#2f7b23;
}

@media (max-width:700px){
  .trailer-hero{
    background:url('hero-anhaenger.webp') center top/auto 255px no-repeat #fff!important;
  }
}



.trailer-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  padding:11px 20px!important;
  font-size:14px!important;
  line-height:1!important;
  border-radius:999px!important;
}

@media (max-width:700px){
  .trailer-actions{
    gap:14px!important;
    margin-top:22px!important;
    align-items:flex-start!important;
  }

  .trailer-actions .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    padding:9px 14px!important;
    font-size:12px!important;
    line-height:1.35!important;
    border-radius:999px!important;
  }
}


.product-highlights span,
.product-highlights span:nth-child(2),
.trailer-list li{
  font-size:14px!important;
  min-height:34px;
  background:#f8fafc!important;
  border-color:#dbe3ea!important;
  line-height:1.4!important;
}

.product-highlights span::before,
.product-highlights span:nth-child(2)::before,
.trailer-list li::before{
  content:"✓"!important;
  background:#49a532!important;
  box-shadow:0 0 0 4px rgba(73,165,50,.12)!important;
}

@media (max-width:700px){
  .product-highlights span,
  .trailer-list li{
    font-size:14px!important;
  }
}

.trailer-hero h1::after,
.trailer-lead::before{
  content:none!important;
  display:none!important;
}

.trailer-lead{
  padding-left:0!important;
}

.trailer-actions .btn.green{
  background:linear-gradient(135deg,#082b5b 0%,#0b5d78 45%,#49a532 100%)!important;
  color:#fff!important;
  border:0;
  box-shadow:0 18px 36px rgba(8,43,91,.2),0 14px 28px rgba(73,165,50,.18)!important;
}

.trailer-actions .btn.green:hover,
.trailer-actions .btn.green:focus-visible{
  box-shadow:0 22px 42px rgba(8,43,91,.24),0 16px 34px rgba(73,165,50,.22)!important;
}

.trailer-request::before{
  background:linear-gradient(90deg,#082b5b 0%,#0b5d78 45%,#49a532 100%)!important;
}

.trailer-actions .btn.green{
  background:#49a532!important;
  color:#fff!important;
  box-shadow:0 18px 36px rgba(73,165,50,.26)!important;
}

.trailer-lower .process-item:nth-child(3){
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
  border-color:#dbe3ea;
}

.product-highlights,
.trailer-list ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.product-highlights span,
.trailer-list li{
  display:inline-flex;
  align-items:center;
  width:auto;
  min-height:32px;
  padding:7px 11px;
  border:1px solid #dbe3ea;
  border-radius:999px;
  background:#f8fafc;
  color:#082b5b;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 8px 16px rgba(2,8,23,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.product-highlights span:hover,
.trailer-list li:hover{
  transform:translateY(-1px);
  border-color:#b8c7d6;
  background:#fff;
  box-shadow:0 12px 22px rgba(2,8,23,.09);
}

.product-highlights span::before,
.trailer-list li::before{
  content:"✓";
  position:static;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin-right:7px;
  border-radius:50%;
  background:#49a532;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 4px rgba(73,165,50,.12);
}

.product-highlights span:nth-child(2)::before{
  background:#49a532;
  box-shadow:0 0 0 4px rgba(73,165,50,.12);
}

@media (max-width:700px){
  .product-highlights,
  .trailer-list ul{
    gap:7px;
  }

  .product-highlights span,
  .trailer-list li{
    min-height:30px;
    font-size:11px;
  }
}

.product-highlights span,
.product-highlights span:nth-child(2),
.trailer-list li{
  min-height:34px;
  background:#f8fafc;
  border-color:#dbe3ea;
  color:#082b5b;
  font-size:13px;
  line-height:1.2;
}

.product-highlights span::before,
.product-highlights span:nth-child(2)::before,
.trailer-list li::before{
  content:"✓";
  background:#49a532;
  box-shadow:0 0 0 4px rgba(73,165,50,.12);
}

@media (max-width:700px){
  .product-highlights span,
  .trailer-list li{
    min-height:32px;
    font-size:12px;
  }
}

.trailer-page{
  background:linear-gradient(180deg,#f4f6f8 0%,#eef3f7 44%,#f7fafc 100%);
}

.trailer-hero{
  background:
    radial-gradient(ellipse 48% 34% at 24% 18%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 54%,rgba(255,255,255,0) 78%),
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.34) 47%,rgba(255,255,255,0) 64%),
    linear-gradient(180deg,rgba(6,27,66,0) 58%,rgba(6,27,66,.08) 100%),
    url('hero-anhaenger.webp') center center/cover no-repeat;
}

.trailer-info,
.trailer-lower{
  background:#fff;
}

.trailer-list,
.trailer-lower .process-item,
.price-card,
.accessory-card,
.trailer-request,
.contact-card{
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.trailer-photo{
  background:
    radial-gradient(circle at 50% 42%,rgba(73,165,50,.12),transparent 54%),
    linear-gradient(145deg,#fff,#eef4f8);
}

.product-highlights span,
.product-highlights span:nth-child(2){
  background:#f8fafc;
  border-color:#dbe3ea;
}

.product-highlights span::before{
  background:#49a532;
  box-shadow:0 0 0 4px rgba(73,165,50,.12);
}

.product-highlights span:nth-child(2)::before{
  background:#d5a000;
  box-shadow:0 0 0 4px rgba(213,160,0,.14);
}

.price-card:nth-child(2),
.price-card:nth-child(3),
.price-card:nth-child(4),
.price-card:nth-child(5){
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
  border-color:#dbe3ea;
}

.price-card.featured{
  border-color:#082b5b;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)),
    linear-gradient(180deg,#0b2d5a 0%,#061b42 100%);
}

.accessory-card:nth-child(1),
.accessory-card:nth-child(2),
.accessory-card:nth-child(3),
.accessory-card:nth-child(4){
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
}

.notes-toggle{
  background:
    linear-gradient(135deg,rgba(73,165,50,.08),rgba(8,43,91,.03)),
    #fff;
}

.contact-card-note{
  background:#eef6ea;
  color:#2f7b23;
}

.trailer-request::before{
  background:linear-gradient(90deg,#082b5b,#49a532,#d5a000);
}

@media (max-width:700px){
  .trailer-hero{
    background:url('hero-anhaenger.webp') center top/auto 255px no-repeat #fff!important;
  }
}
/* Mobile typography scale */
@media (max-width:700px){
  .trailer-hero h1{font-size:22px!important;line-height:1.08!important;letter-spacing:0!important}
  .trailer-lead{font-size:13px!important;line-height:1.48!important}
  .trailer-page main section:not(.trailer-hero) h2,.trailer-page h2,.spec-card h2,.trailer-list h2,.trailer-process h2,.trailer-prices h2,.trailer-accessories h2,.trailer-request h2{font-size:15px!important;line-height:1.24!important}
  .trailer-page main h3,.trailer-page h3,.process-item h3,.price-card h3,.accessory-card strong{font-size:13px!important;line-height:1.22!important}
  .trailer-page p,.trailer-page li{font-size:13px!important;line-height:1.5!important}
}
/* Accessory daily price labels */
.accessory-card small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
}

.accessory-card span + small{
  align-self:start;
}
/* Closed notes behavior */
.notes-toggle:not([open]) .notes-toggle-content{
  display:none!important;
}

.notes-toggle[open] .notes-toggle-content{
  display:block!important;
}

/* Trailer request contact below form */
.trailer-request .request-grid{
  grid-template-columns:1fr!important;
  max-width:920px;
  margin:0 auto;
}

.trailer-request .request-side{
  width:100%;
}

.trailer-request .contact-card{
  position:static!important;
  width:100%;
  max-width:920px;
  margin:0 auto;
}

.trailer-request .contact-card .contact-stack{
  width:100%;
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media (max-width:700px){
  .trailer-request .contact-card .contact-stack{
    grid-template-columns:1fr!important;
  }
}