/* Premium black & gold theme (logo colours). Loaded after styles.css; only restyles – same layout and functions. */
.premium{
  --ink:#0b0b0c;--ink2:#17181a;--char:#1f2023;--y:#f2c230;--gold:#e9b21b;
  --goldg:linear-gradient(135deg,#fde58a 0%,#f4c430 32%,#d99a06 68%,#f6d35a 100%);
  --goldt:linear-gradient(180deg,#fff1b0 0%,#f4c430 45%,#c98a04 100%);
  --mut:#6a6c70;--line:#e6e3da;--bg:#f7f6f2;--r:16px;
  background:var(--bg);color:#141518;
}
.premium h1,.premium h2,.premium h3{letter-spacing:.01em}

/* top info bar */
.topbar{background:#000;color:#cfcfcf;font-size:14px;border-bottom:1px solid #2a2618}
.tb-in{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px}
.tb-k{color:var(--y);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.tb-r{display:flex;gap:22px;align-items:center}.tb-r a{color:#fff;text-decoration:none;display:flex;gap:6px;align-items:center;font-weight:600}
.tb-r a:hover{color:var(--y)}.tb-r .ico{width:16px;height:16px;color:#25d366}
@media(max-width:820px){.topbar{display:none}}

/* header */
.premium .top{background:rgba(11,11,12,.96);backdrop-filter:blur(8px);border-bottom:1px solid #2b2615;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.premium .nav a{color:#e9e9e9;position:relative;padding:6px 0}
.premium .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--goldg);transition:right .25s}
.premium .nav a:hover{color:#fff}.premium .nav a:hover:after{right:0}
.btn.gold,.premium .btn:not(.wa):not(.dark):not(.ghost):not(.chip){background:var(--goldg);color:#111;box-shadow:0 2px 0 #9b6a00 inset,0 6px 18px rgba(217,154,6,.28)}
.premium .btn:not(.wa):not(.dark):not(.ghost):hover{filter:brightness(1.05);transform:translateY(-1px)}
.premium .btn.dark{background:#0b0b0c;color:#fff;border:1px solid #2c2c2e}
.premium .btn.dark:hover{background:#000;color:var(--y)}
.premium .btn:disabled{background:#e6e4dd;color:#9b9b9b;box-shadow:none}
@media(max-width:820px){.hide-m{display:none}}

/* hero */
.premium .hero{background:radial-gradient(1200px 520px at 78% 30%,rgba(242,194,48,.16),transparent 60%),radial-gradient(800px 400px at 0% 100%,rgba(242,194,48,.07),transparent 60%),linear-gradient(180deg,#0b0b0c,#141416);padding:56px 0 54px}
.premium .hero:after{display:none}
.premium .hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.premium .kicker{color:var(--y);letter-spacing:.22em}
.premium .hero h1{font-size:clamp(42px,5.6vw,72px);line-height:.98}
.premium .hero h1 span{background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium .lead{color:#c9c9c9}
.premium .dates{border:1px solid rgba(242,194,48,.55);box-shadow:0 0 0 6px rgba(242,194,48,.07),0 24px 60px rgba(0,0,0,.45);border-radius:18px}
.premium .dsum{background:var(--goldg);color:#111}
.premium .trust{color:#bdbdbd}.premium .trust .ico{color:var(--y)}
.hero-r{margin:0;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(242,194,48,.5);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 8px rgba(242,194,48,.06)}
.hero-r img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-r figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));color:#fff;font-weight:600}
.hero-r figcaption b{font:700 30px "Barlow Condensed";color:var(--y);margin-right:6px}.hero-r figcaption span{display:block;font-weight:400;font-size:14px;color:#d6d6d6}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-r{display:none}}

/* stats */
.stats{background:#0f0f11;border-top:1px solid #2b2615;border-bottom:1px solid #2b2615}
.st-in{display:grid;grid-template-columns:repeat(4,1fr)}
.st-in div{padding:22px 18px;border-left:1px solid #26262a;display:flex;flex-direction:column;gap:2px}.st-in div:first-child{border-left:0}
.st-in b{font:700 38px "Barlow Condensed";background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.st-in span{color:#bdbdbd;font-size:14px}
@media(max-width:820px){.st-in{grid-template-columns:1fr 1fr}.st-in div:nth-child(3){border-left:0}.st-in div{border-top:1px solid #26262a}}

/* live strip */
.premium .livebar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.04)}
.premium .lh b{color:#0b0b0c;background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium .lc{background:#fbfaf6;border-color:#ece6cf}.premium .lc b{color:#b07a00}
.premium .bar i{background:var(--goldg)}

/* sections + trailer cards */
.premium .sec-head h2{font-size:46px;position:relative;padding-bottom:12px}
.premium .sec-head h2:after{content:"";position:absolute;left:0;bottom:0;width:84px;height:4px;border-radius:2px;background:var(--goldg)}
.premium .grp{border-bottom:0;background:linear-gradient(90deg,#0b0b0c,#1d1e21);color:#fff;border-radius:14px;padding:14px 18px;margin-top:30px}
.premium .grp p{color:#bdbdbd}.premium .grp .w{background:var(--goldg);color:#111}
.premium .cat{background:#fff;border:1px solid var(--line)}.premium .cat[aria-selected=true]{background:#0b0b0c;color:#fff;border-color:#0b0b0c}.premium .cat[aria-selected=true] small{color:var(--y)}
.premium .chip[aria-pressed=true]{background:#0b0b0c;border-color:#0b0b0c}
.premium .tcard{border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.premium .tcard:hover{box-shadow:0 18px 44px rgba(0,0,0,.12);border-color:#e6cf86;transform:translateY(-3px)}
.premium .tcard .pic{background:#ebeae6}
.premium .tbody h4{font-size:26px}
.premium .price b{background:linear-gradient(180deg,#d69a0a,#9c6a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium .badge.k{background:#0b0b0c;color:var(--y)}
.premium .avail{background:rgba(255,255,255,.95)}

/* info + contact + footer */
.premium #info.band{background:linear-gradient(180deg,#0b0b0c,#141416);color:#eee}
.premium #info .sec-head h2{color:#fff}.premium #info .mut{color:#bdbdbd}
.premium .icard{background:#18191b;border:1px solid #2a2a2e;color:#e6e6e6}
.premium .icard h3{color:var(--y)}.premium .icard.y{background:var(--goldg);color:#111;border:0}.premium .icard.y h3{color:#111}
.premium .lic b{background:var(--goldg);color:#111}
.premium .band.dark{background:#000}.premium .contact h2{background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium .contact a{color:#fff}.premium .contact a:hover{color:var(--y)}
.premium .foot{background:#000;border-top:1px solid #2b2615;color:#9a9a9a}.premium .foot img{filter:none;opacity:1;height:46px}
.premium .fab{box-shadow:0 0 0 3px rgba(242,194,48,.5),0 10px 26px rgba(0,0,0,.35)}
.premium .sheet{border-top:4px solid var(--y)}
.premium .sum .t{border-top-color:#0b0b0c}
/* booking card inside the two-column hero: two rows so the time boxes have room */
.premium .hero-grid .dates{grid-template-columns:1fr 1fr}
.premium .hero-grid .dates .arrow{display:none}
.premium .hero-grid .dates .dsum{grid-column:1/-1}
@media(max-width:820px){.premium .hero-grid .dates{grid-template-columns:1fr}}
/* availability badge top-right, clear of the logo in the photo */
.premium .avail{left:auto;right:10px}

/* staff Dashboard button in the dark header */
.premium .top .dashbtn{color:#fff;border:1.5px solid rgba(242,194,48,.75);background:transparent}
.premium .top .dashbtn:hover{background:rgba(242,194,48,.12);color:#fff}

/* keep the header on one line */
.premium .nav{gap:18px}.premium .nav a,.premium .top .btn{white-space:nowrap}
.premium .logo img{height:66px}
@media(max-width:1180px){.premium .top .btn.gold{display:none}}

/* ---- FAQ, About, footer, trailer-type & legal pages (Google / sharing update, Oct 2026) ---- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:0 18px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font:700 19px "Barlow",sans-serif;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:26px;color:var(--gold);font-weight:700}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 16px;color:#3b3d40}
.about{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.about h2{font-size:40px;text-transform:uppercase;margin:0 0 12px}
.about-pts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.about-pts li{background:#0b0b0c;color:#fff;border-radius:16px;padding:18px 20px;border:1px solid #2b2615}
.about-pts b{display:block;font:700 24px "Barlow Condensed";text-transform:uppercase;background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-pts span{color:#cfcfcf}
.seo-foot{padding:40px 0 90px}.seo-foot .wrap{display:block}
.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.ft-grid h4{color:#fff;font:700 18px "Barlow Condensed";letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.ft-grid a{display:block;color:#bdbdbd;text-decoration:none;padding:3px 0}.ft-grid a:hover{color:var(--y)}
.ft-grid p{margin:10px 0 0;line-height:1.7}.ft-grid p a{display:inline}
.ft-legal{border-top:1px solid #2b2615;margin:26px 0 0;padding-top:16px;font-size:13px;color:#8a8a8a}
.seo-hero .wrap{display:block}.seo-hero h1{margin:6px 0 12px}.seo-hero .lead{max-width:720px}.seo-hero p .btn{margin:6px 8px 0 0}
.crumbs{font-size:14px;color:#9a9a9a;margin-bottom:18px}.crumbs a{color:#d9d9d9}
.premium .legal .crumbs,.premium .legal .crumbs a{color:var(--mut)}
.seo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.seo-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.seo-card img,.seo-card .noimg{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;background:#eeece6}
.seo-card .noimg{display:flex;align-items:center;justify-content:center;color:var(--mut)}
.sc-b{padding:16px 18px 18px}.sc-b h3{font:700 28px "Barlow Condensed";margin:0}.sc-b p{margin:4px 0}
.sc-b .wt{background:#0b0b0c;color:var(--y);border-radius:8px;padding:3px 8px;font-weight:700;font-size:14px}
.sc-b .pr{font:700 30px "Barlow Condensed";color:#b88300;margin:10px 0}.sc-b .pr small{font:500 15px "Barlow";color:var(--mut)}
.sc-b .btn{margin-top:8px;width:100%}
.seo-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.seo-links a{display:block;background:#fff;border:1px solid var(--line);border-left:5px solid var(--y);border-radius:14px;padding:14px 16px;font-weight:700;color:#111;text-decoration:none}
.seo-links a small{display:block;font-weight:500;color:var(--mut)}.seo-links a:hover{border-color:var(--gold)}
.legal h1{font:700 44px "Barlow Condensed";text-transform:uppercase;margin:0}.legal h2{font-size:26px;text-transform:uppercase;margin:28px 0 8px}
.legal li{margin:6px 0}.legal a{color:#9a6b00}
@media(max-width:820px){.about{grid-template-columns:1fr;gap:22px}.ft-grid{grid-template-columns:1fr 1fr}.about h2{font-size:32px}}
@media(max-width:520px){.ft-grid{grid-template-columns:1fr}.legal h1{font-size:36px}}
/* phone header: logo + Dashboard + WhatsApp must fit on one line */
@media(max-width:820px){.premium .top-in{gap:8px}.premium .logo{margin-right:auto;min-width:0}.premium .logo img{height:44px;max-width:52vw}.premium .top .btn.sm{padding:8px 11px;font-size:14px}}
@media(max-width:420px){.premium .logo img{height:38px;max-width:46vw}.premium .top .btn.wa span{display:none}.premium .top .btn.wa{padding:8px 10px}}
/* 19 Oct 2026: WhatsApp-only booking – hero buttons instead of the dates form */
.premium .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.premium .hero-cta .btn{font-size:18px;padding:15px 24px}
.premium .tcard .acts .btn.wa.book{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}
/* 20 Oct 2026: SEO sections – trust, quick facts, areas, footer towns */
.premium .trustband{background:#111214;color:#e9e7e2}.premium .trustband .sec-head h2{color:#fff}
.premium .trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.premium .trust-grid div{border-top:3px solid #f2c230;padding:14px 4px 4px}.premium .trust-grid b{display:block;font:700 20px "Barlow Condensed",sans-serif;letter-spacing:.02em;color:#fff;text-transform:uppercase}
.premium .trust-grid span{display:block;color:#bdbab3;margin-top:6px;line-height:1.5}
.premium .qfacts dl{display:grid;gap:4px}.premium .qfacts dt{font-weight:700;margin-top:12px}.premium .qfacts dd{margin:2px 0 0;color:#5c6064;line-height:1.55}
.premium .seo-links.big a{font-size:17px}
.premium .ft-areas{font-size:13px;color:#a9a6a0;margin:18px 0 0;line-height:1.9}.premium .ft-areas a{color:#d8d5ce}.premium .ft-areas b{color:#fff;margin-right:6px}
@media (max-width:820px){.premium .trust-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.premium .trust-grid{grid-template-columns:1fr}}
/* 20 Oct 2026: New Trend group links in the footer */
.premium .ft-group{margin:28px 0 6px;padding-top:24px;border-top:1px solid rgba(242,194,48,.25)}
.premium .ft-group-k{font:700 12px/1 "Barlow",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#f2c230;margin:0 0 14px}
.premium .ft-group-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.premium .gcard{position:relative;display:flex;align-items:center;gap:20px;padding:20px 54px 20px 22px;border-radius:14px;text-decoration:none;color:#d8d5ce;
  background:linear-gradient(135deg,#1b1d20,#121315);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .25s,border-color .25s,box-shadow .25s}
.premium .gcard img{width:190px;height:auto;flex:none}
.premium .gcard span{font-size:13px;line-height:1.45;color:#a9a6a0}.premium .gcard b{display:block;color:#fff;font:700 16px "Barlow",sans-serif;margin-bottom:2px}
.premium .gcard i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;color:#f2c230;transition:transform .25s}
.premium .gcard:hover,.premium .gcard:focus-visible{transform:translateY(-3px);border-color:rgba(242,194,48,.6);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.premium .gcard:hover i{transform:translate(3px,-50%)}
@media (max-width:820px){.premium .ft-group-cards{grid-template-columns:1fr}.premium .gcard{flex-direction:column;align-items:flex-start;gap:10px}.premium .gcard img{width:170px}}

/* 20 Oct 2026: homepage hero = large moving showcase of our best trailers */
.premium .hero.hero-show{position:relative;padding:0;background:#0b0b0c;min-height:clamp(600px,82vh,860px);display:flex;align-items:stretch;overflow:hidden}
.premium .hero.hero-show:before{display:none}
.hs-slides{position:absolute;inset:0}
.hs-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .55s ease}
.hs-slide.on{opacity:1;z-index:1}
.hs-slide img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;display:block;transform:scale(1.0);transform-origin:96% 60%}
.hs-slide.on img{animation:hsZoom calc(var(--show,2000ms) + 600ms) ease-out forwards}
@keyframes hsZoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.hs-shade{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,8,9,.92) 0%,rgba(8,8,9,.78) 26%,rgba(8,8,9,.25) 48%,rgba(8,8,9,0) 62%),
             linear-gradient(0deg,rgba(8,8,9,.72) 0%,rgba(8,8,9,0) 30%),linear-gradient(180deg,rgba(8,8,9,.45) 0%,rgba(8,8,9,0) 16%)}
.hero-show .hs-in{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:70px;padding-bottom:30px}
.hero-show .hero-l{max-width:540px}
.premium .hero-show h1{font-size:clamp(46px,5.4vw,78px);line-height:.95;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hero-show .lead{font-size:20px;color:#ececec;max-width:520px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hero-show .trust li{color:#f1f1f1}
.hero-show .hero-l>*{animation:hsUp .9s cubic-bezier(.2,.7,.2,1) both}
.hero-show .hero-l>*:nth-child(2){animation-delay:.12s}.hero-show .hero-l>*:nth-child(3){animation-delay:.24s}.hero-show .hero-l>*:nth-child(4){animation-delay:.36s}.hero-show .hero-l>*:nth-child(5){animation-delay:.48s}
@keyframes hsUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hs-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:auto;padding-top:40px}
.hs-cap{background:rgba(14,14,16,.55);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(242,194,48,.45);border-radius:16px;padding:14px 20px;color:#fff;display:grid;grid-template-columns:auto auto;column-gap:22px;align-items:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.hs-cap small{grid-column:1/-1;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--y)}
.hs-cap b{font:700 26px "Barlow Condensed";letter-spacing:.01em;white-space:nowrap}
.hs-cap span{grid-column:1;color:#cfcfcf;font-size:14px}
.hs-cap em{grid-column:2;grid-row:2/4;font:700 40px "Barlow Condensed";font-style:normal;background:var(--goldt);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;text-align:right}
.hs-cap em small{font:600 13px Barlow;letter-spacing:0;text-transform:none;color:#cfcfcf;-webkit-text-fill-color:#cfcfcf}
.hs-cap .hs-book{grid-column:1/-1;margin-top:8px;color:var(--y);font-weight:700;text-decoration:none}.hs-cap .hs-book:hover{text-decoration:underline}
.hs-cap.in{animation:hsUp .7s cubic-bezier(.2,.7,.2,1) both}
.hs-thumbs{display:flex;gap:7px}
.hs-th{position:relative;width:62px;height:46px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.35);padding:0;cursor:pointer;background:#000;opacity:.72;transition:.3s;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.hs-th img{width:100%;height:100%;object-fit:cover;display:block}
.hs-th:hover{opacity:1}.hs-th.on{opacity:1;border-color:var(--y);transform:translateY(-4px)}
.hs-th i{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--goldt)}
.hs-th.on i{animation:hsBar var(--show,2000ms) linear forwards}.hero-show.paused .hs-th.on i{animation-play-state:paused}
@keyframes hsBar{to{width:100%}}
@media(max-width:1240px){.hs-thumbs{display:none}}
@media(max-width:760px){
  .premium .hero.hero-show{display:block;min-height:0}
  .hs-slides{position:relative;inset:auto;aspect-ratio:4/3}
  .hs-slide img{object-position:50% 50%}
  .hs-shade{height:calc(100vw * .75);background:linear-gradient(0deg,rgba(11,11,12,1) 0%,rgba(11,11,12,0) 32%)}
  .hs-in{padding-top:0;margin-top:-34px}
  .premium .hero-show h1{font-size:clamp(38px,11vw,52px)}
  .hero-show .lead{font-size:17px}
  .hs-bar{order:-1;padding:0 0 18px}
  .hs-cap{width:100%;padding:12px 16px}.hs-cap b{font-size:22px}.hs-cap em{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.hs-slide.on img,.hero-show .hero-l>*,.hs-cap.in{animation:none}.hs-slide{transition:none}}

/* 20 Oct 2026 (v2): light premium hero + two moving rows of white trailer cards */
.premium .hero.hero-cards{position:relative;overflow:hidden;padding:64px 0 54px;color:var(--ink);
  background:radial-gradient(900px 420px at 50% -10%,rgba(242,194,48,.22),transparent 70%),radial-gradient(700px 380px at 100% 100%,rgba(242,194,48,.10),transparent 70%),linear-gradient(180deg,#fbfaf6 0%,#f3f1ea 100%)}
.premium .hero.hero-cards:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,11,12,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,12,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.premium .hero.hero-cards:after{display:none}
.hc-top{position:relative;z-index:1;text-align:center;max-width:920px}
.hero-cards .kicker{color:#a87a00}
.premium .hero-cards h1{color:#0b0b0c;font-size:clamp(40px,5.2vw,74px);line-height:.98;margin:8px auto 14px}
.premium .hero-cards h1 span{background:linear-gradient(180deg,#e9b21b 0%,#c98a04 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-cards .lead{color:#3c3f42;font-size:19px;max-width:620px;margin:0 auto}
.premium .hero-cards .hero-cta{justify-content:center;margin:24px 0 16px}
.hero-cards .trust{justify-content:center;color:#3c3f42}.hero-cards .trust li{color:#3c3f42}.hero-cards .trust .ico{color:#c98a04}
.hc-rows{position:relative;z-index:1;margin-top:40px;display:flex;flex-direction:column;gap:22px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hc-row{overflow:hidden;padding:10px 0 16px}
.hc-track{display:flex;gap:22px;width:max-content;animation:hcMove 38s linear infinite}
.hc-row.r2 .hc-track{animation-direction:reverse;animation-duration:34s}
.hc-row:hover .hc-track,.hc-row.hold .hc-track{animation-play-state:paused}
@keyframes hcMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}
.hc-card{flex:none;width:300px;background:#fff;border-radius:20px;padding:10px 10px 0;text-decoration:none;color:var(--ink);
  border:1px solid rgba(11,11,12,.06);box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 34px rgba(30,24,8,.10);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.hc-card:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 24px 50px rgba(30,24,8,.18);border-color:rgba(233,178,27,.55)}
.hc-img{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#eee}
.hc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.hc-card:hover .hc-img img{transform:scale(1.05)}
.hc-info{display:block;padding:12px 6px 14px}
.hc-info b{display:block;font:700 21px/1.1 "Barlow Condensed";letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-info>span{display:block;color:#6b6f72;font-size:14px;margin-top:2px}
.hc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #efece4}
.hc-foot em{font:700 28px "Barlow Condensed";font-style:normal;color:#0b0b0c;line-height:1}.hc-foot em small{font:600 13px Barlow;color:#6b6f72;margin-left:2px}
.hc-foot i{font-style:normal;font-weight:700;font-size:14px;color:#fff;background:#1fa855;border-radius:999px;padding:7px 13px;display:inline-flex;align-items:center;gap:6px}
.hc-foot i .ico{width:15px;height:15px}
.hc-card:hover .hc-foot i{background:#178a45}
@media(max-width:760px){
  .premium .hero.hero-cards{padding:38px 0 34px}
  .hero-cards .lead{font-size:16.5px}
  .hc-rows{margin-top:28px;gap:14px}
  .hc-card{width:224px;border-radius:16px;padding:8px 8px 0}
  .hc-info b{font-size:18px}.hc-foot em{font-size:23px}.hc-foot i{padding:6px 10px;font-size:13px}
  .hc-track{gap:14px;animation-duration:30s}.hc-row.r2 .hc-track{animation-duration:27s}
  @keyframes hcMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
}
@media(prefers-reduced-motion:reduce){.hc-track{animation:none}.hc-row{overflow-x:auto}}
/* v2 fixes: price left / Book right, compact so both rows show on one screen */
.hc-info>.hc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;color:inherit}
.premium .hero.hero-cards{padding:34px 0 30px}
.premium .hero-cards h1{font-size:clamp(34px,3.9vw,58px);max-width:1100px;margin:6px auto 10px}
.hc-top{max-width:1100px}
.hero-cards .lead{font-size:17.5px;max-width:680px}
.premium .hero-cards .hero-cta{margin:18px 0 12px}
.premium .hero-cards .hero-cta .btn{padding:13px 22px;font-size:17px}
.hc-rows{margin-top:24px;gap:6px}
.hc-row{padding:8px 0 12px}
.hc-track{gap:18px}
@keyframes hcMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.hc-card{width:248px;border-radius:18px;padding:8px 8px 0}
.hc-img{border-radius:12px}
.hc-info{padding:9px 4px 11px}
.hc-info b{font-size:19px}.hc-info>span{font-size:13px}
.hc-foot em{font-size:25px}.hc-foot i{padding:6px 11px;font-size:13px}
@media(max-width:760px){.hc-card{width:216px}.hc-track{gap:12px}.hc-rows{gap:2px}@keyframes hcMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}}
/* v3: headline on one line, smaller cards, trust points under the rows -> both rows on one screen */
.premium .hero.hero-cards{padding:30px 0 22px}
.premium .hero-cards h1{font-size:clamp(32px,3.5vw,54px);max-width:none;white-space:normal}
.hc-top{max-width:1320px}
.premium .hero-cards .hero-cta{margin:16px 0 0}
.hc-rows{margin-top:22px;gap:0}
.hc-row{padding:7px 0 11px}
.hc-card{width:226px;border-radius:16px;padding:7px 7px 0}
.hc-info{padding:8px 4px 10px}
.hc-info b{font-size:18px}.hc-foot em{font-size:23px}.hc-foot i{padding:5px 10px}
.hc-trust{position:relative;z-index:1;margin-top:10px}.hc-trust .trust{justify-content:center;margin:0}
@media(max-width:760px){.hc-card{width:206px}}
.hero-cards .lead{max-width:780px}
/* 20 Oct: moving rows show photos only (no names, sizes or prices), larger */
.hc-info{display:none}
.hc-card{width:420px;padding:8px;border-radius:18px}
.hc-img{border-radius:12px}
.hc-track{gap:20px}
@media(max-width:760px){.hc-card{width:300px;padding:6px;border-radius:14px}.hc-img{border-radius:10px}.hc-track{gap:12px}}
/* 20 Oct (2): moving photos larger, on an angled dark band with gold frames */
.hc-rows{position:relative;z-index:1;margin:46px -6% 34px;padding:34px 0 30px;gap:14px;
  transform:rotate(-2.6deg);background:radial-gradient(120% 140% at 50% 50%,#1d1a12 0%,#0d0d0e 60%,#080809 100%);
  box-shadow:0 30px 60px -20px rgba(20,16,4,.45);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.hc-rows::before,.hc-rows::after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c98a04 15%,#f4d06a 50%,#c98a04 85%,transparent)}
.hc-rows::before{top:0}.hc-rows::after{bottom:0}
.hc-row{padding:10px 0;overflow:hidden}
.hc-track{--g:26px;gap:var(--g);animation-name:hcMove2;animation-duration:58s}
.hc-row.r2 .hc-track{animation-duration:50s}
@keyframes hcMove2{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--g) / 2))}}
.hc-card{width:470px;padding:3px;border:0;border-radius:18px;background:linear-gradient(135deg,#f4d06a,#a87a00 40%,#3a2c08 60%,#e9b21b);
  box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)}
.hc-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 60px rgba(0,0,0,.65),0 0 30px rgba(233,178,27,.35)}
.hc-img{position:relative;border-radius:15px;background:#111}
.hc-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,240,200,.28) 50%,transparent 60%);background-size:250% 100%;background-position:150% 0;
  animation:hcShine 7s ease-in-out infinite}
.hc-card:nth-child(3n+2) .hc-img::after{animation-delay:2.3s}
.hc-card:nth-child(3n) .hc-img::after{animation-delay:4.6s}
@keyframes hcShine{0%,70%{background-position:150% 0}100%{background-position:-50% 0}}
.hc-card:hover .hc-img img{transform:scale(1.07)}
@media(max-width:760px){
  .hc-rows{margin:30px -12% 22px;padding:22px 0 18px;gap:8px;transform:rotate(-3deg)}
  .hc-track{--g:14px;animation-duration:44s}.hc-row.r2 .hc-track{animation-duration:38s}
  .hc-card{width:330px;padding:2px;border-radius:14px}.hc-img{border-radius:12px}
  .hc-row{padding:6px 0}
}
@media(prefers-reduced-motion:reduce){.hc-track{animation:none}.hc-img::after{animation:none}}
/* 20 Oct (3): same look as the New Trend Manufacturing photo strip – straight, large, moving left to right */
.hc-rows{transform:none;margin:26px 0 0;padding:0;gap:0;background:#0b0b0d;box-shadow:none;border-block:1px solid rgba(233,178,27,.22);
  -webkit-mask-image:none;mask-image:none}
.hc-rows::before,.hc-rows::after{content:"";position:absolute;top:0;bottom:0;height:auto;width:7%;z-index:2;pointer-events:none}
.hc-rows::before{left:0;right:auto;background:linear-gradient(90deg,#0b0b0d,transparent)}
.hc-rows::after{right:0;left:auto;background:linear-gradient(-90deg,#0b0b0d,transparent)}
.hc-row{height:clamp(320px,62vh,620px);padding:14px 0;overflow:hidden}
.hc-row[hidden]{display:none}
.hc-track{--g:14px;gap:var(--g);height:100%;animation:hcRight 90s linear infinite}
.hc-row.r2 .hc-track{animation:hcLeft 80s linear infinite}
@keyframes hcRight{from{transform:translateX(calc(-50% - var(--g) / 2))}to{transform:translateX(0)}}
@keyframes hcLeft{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--g) / 2))}}
.hc-card{height:100%;width:auto;aspect-ratio:4/3;padding:0;border-radius:0;background:#111;box-shadow:none;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .3s}
.hc-card:hover{transform:none;box-shadow:none;border-color:#e9b21b}
.hc-img{height:100%;aspect-ratio:auto;border-radius:0;background:#111}
.hc-img::after{display:none}
.hc-img img{transition:transform 1.2s ease}
.hc-card:hover .hc-img img{transform:scale(1.04)}
@media(max-width:640px){
  .hc-rows{margin-top:20px;padding:6px 0}
  .hc-row{height:210px;padding:3px 0}
  .hc-track{--g:6px;animation-duration:60s}
  .hc-row.r2 .hc-track{animation-duration:70s}
  .hc-rows::before,.hc-rows::after{width:5%}
}
@media(prefers-reduced-motion:reduce){.hc-track{animation:none}}
/* 20 Oct (4): fit on every phone – small phones and phones turned sideways */
.premium .ft-group-cards>*{min-width:0}
@media (max-width:1000px){.premium .ft-group-cards{grid-template-columns:1fr}}
.hs-cap{grid-template-columns:minmax(0,1fr) auto;max-width:100%}
@media(max-width:380px){
  .hs-cap{padding:10px 12px;column-gap:10px}
  .hs-cap b{white-space:normal;font-size:19px;line-height:1.05}
  .hs-cap em{font-size:28px}
  .hs-cap span{font-size:13px}
  .premium .hero-show h1{font-size:34px}
}
.info-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.grid,.seo-cards{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.legal,.legal *{overflow-wrap:anywhere}
/* Tablets held upright: same stacked layout as phones (whole photo on top, text below) */
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
  .premium .hero.hero-show{display:block;min-height:0}
  .hs-slides{position:relative;inset:auto;aspect-ratio:4/3}
  .hs-slide img{object-position:50% 50%}
  .hs-shade{height:calc(100vw * .75);background:linear-gradient(0deg,rgba(11,11,12,1) 0%,rgba(11,11,12,0) 28%)}
  .hs-in{padding-top:0;margin-top:-40px}
  .premium .hero-show h1{font-size:56px}
  .hs-bar{order:-1;padding:0 0 22px}
  .hs-cap{width:100%;max-width:560px}
}

/* ===== 20 Oct 2026: PHONE LAYOUT (Charl) – dropdowns, fold-open blocks, compact footer. Computers unchanged. ===== */
.m-s{display:none}
.mfilters{display:none}
details.icard>summary,details.ft-col>summary,.qf details>summary{list-style:none}
details.icard>summary::-webkit-details-marker,details.ft-col>summary::-webkit-details-marker{display:none}
@media(min-width:761px){details.icard>summary,details.ft-col>summary,.qf details>summary{pointer-events:none}.qf summary:after{display:none}}
@media(max-width:760px){
  .sec{padding-top:34px;padding-bottom:34px}
  .sec-head h2{font-size:30px}
  .sec-head .mut{font-size:14px;margin-top:4px}
  /* top of the homepage: short and clear */
  .hero-show .lead{font-size:15px;line-height:1.45}
  .premium .hero-show .hero-cta{gap:8px;margin:14px 0 4px;flex-wrap:nowrap}
  .premium .hero-show .hero-cta .btn{flex:1;font-size:15px;padding:12px 8px;justify-content:center;text-align:center;white-space:nowrap}
  .hero-show .trust{display:none}
  .st-in{grid-template-columns:repeat(4,1fr)}
  .st-in div,.st-in div:nth-child(3){padding:10px 3px;border-top:0;border-left:1px solid #26262a;align-items:center;text-align:center}
  .st-in div:first-child{border-left:0}
  .st-in b{font-size:17px;line-height:1.05}
  .st-in span{display:none}
  .st-in .m-s{display:block;font-style:normal;font-size:10.5px;color:#bdbdbd;margin-top:3px;line-height:1.2}
  /* choose your trailer: two dropdowns, compact list */
  #trailers .sec-head .mut{display:none}
  #helper,#cats{display:none}
  .mfilters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 10px;position:sticky;top:76px;z-index:9;background:var(--bg,#f6f5f1);padding:8px 0}
  .mfilters label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;color:#6b6f72;text-transform:uppercase;letter-spacing:.04em;min-width:0}
  .mfilters select{-webkit-appearance:none;appearance:none;width:100%;font:600 14.5px Barlow,sans-serif;color:#111;padding:11px 30px 11px 12px;border:1.5px solid #d9d6cc;border-radius:12px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c98a04' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 11px center;text-overflow:ellipsis}
  .mfilters select:focus{outline:2px solid #f2c230;border-color:#f2c230}
  .premium .grp{margin:18px 0 6px;padding:9px 14px;border-radius:12px;gap:8px;align-items:center}
  .grp h3,.premium .grp h3{font-size:19px}
  .grp .w{font-size:12px;padding:1px 8px}
  .grp p{display:none}
  .grid{grid-template-columns:1fr;gap:10px;margin:8px 0}
  .premium .tcard{display:grid;grid-template-columns:42% 1fr;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
  .premium .tcard:hover{transform:none}
  .tcard .pic{aspect-ratio:auto;height:100%;min-height:128px}
  .tcard .sim{font-size:9.5px;padding:2px 6px}
  .tbody{padding:10px 12px 12px;gap:4px}
  .premium .tbody h4{font-size:19px;line-height:1.1}
  .tbody .d{font-size:12.5px;margin-top:0;line-height:1.3}
  .tcard .badges,.tcard .note{display:none}
  .price b{font-size:23px}.price span{font-size:12px}
  .acts{grid-template-columns:1fr}
  .premium .tcard .acts .btn.wa.book{padding:8px 6px;font-size:13.5px;gap:6px;border-radius:10px}
  /* fold-open blocks: Before you hire, quick facts, questions */
  .info-grid{grid-template-columns:1fr;gap:8px}
  details.icard{padding:0 16px;border-radius:12px}
  details.icard>summary{cursor:pointer;position:relative;padding:14px 26px 14px 0}
  details.icard>summary h3,.premium details.icard>summary h3{font-size:19px;margin:0}
  details.icard>summary:after{content:"+";position:absolute;right:0;top:9px;font-size:24px;font-weight:700;color:#f2c230}
  details.icard.y>summary:after{color:#111}
  details.icard[open]>summary:after{content:"–"}
  details.icard[open]{padding-bottom:14px}
  details.icard li{font-size:14px}
  .faq details{margin:7px 0;padding:0 14px;border-radius:12px}
  .faq summary{font-size:15.5px;padding:13px 26px 13px 0}
  .faq summary:after{top:8px;font-size:22px}
  .faq details p{font-size:14px}
  .qfacts .sec-head h2{font-size:24px}
  /* why hire from us: small 2 x 3 blocks */
  .premium .trust-grid{grid-template-columns:1fr 1fr;gap:10px 12px}
  .premium .trust-grid div{padding:9px 2px 2px;border-top-width:2px}
  .premium .trust-grid b{font-size:15px}
  .premium .trust-grid span{font-size:12.5px;line-height:1.4;margin-top:3px}
  /* about + contact */
  .about h2{font-size:26px}
  .about p{font-size:14.5px}
  .about-pts{grid-template-columns:repeat(3,1fr);gap:8px}
  .about-pts li{padding:10px;border-radius:12px}
  .about-pts b{font-size:17px}.about-pts span{font-size:11.5px;line-height:1.35;display:block}
  .contact iframe,#map{height:220px}
  /* footer: fold-open columns, small group cards side by side */
  .premium .foot{padding:22px 0 96px}
  .ft-grid{grid-template-columns:1fr;gap:0}
  .ft-grid>div:first-child{padding-bottom:12px}
  .ft-grid>div:first-child img{height:38px}
  .ft-grid>div:first-child p{font-size:13.5px;line-height:1.6;margin-top:8px}
  details.ft-col{border-top:1px solid #222}
  details.ft-col>summary{cursor:pointer;position:relative;padding:13px 26px 13px 0}
  details.ft-col>summary h4{margin:0;font-size:16px}
  details.ft-col>summary:after{content:"+";position:absolute;right:2px;top:8px;font-size:22px;color:#f2c230;font-weight:700}
  details.ft-col[open]>summary:after{content:"–"}
  details.ft-col a{font-size:14px;padding:6px 0}
  details.ft-col[open]{padding-bottom:10px}
  .ft-group{margin-top:12px;padding-top:14px}
  .ft-group-k{font-size:11px;margin-bottom:8px}
  .premium .ft-group-cards{grid-template-columns:1fr 1fr;gap:8px}
  .premium .gcard{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:12px}
  .premium .gcard img{width:100%;max-width:150px;height:auto}
  .premium .gcard span{font-size:11px;line-height:1.35}
  .premium .gcard span b{font-size:12.5px;display:block}
  .premium .gcard i{display:none}
  .ft-areas{font-size:12.5px;line-height:1.7}
  .ft-legal{font-size:11.5px}
}
@media(max-width:760px){.premium .gcard span{font-size:0}.premium .gcard span b{font-size:12.5px;margin:0}}
/* trailer groups: always open on computers, fold-open on phones */
details.grpd>summary{list-style:none}details.grpd>summary::-webkit-details-marker{display:none}
.grp .n{display:none}
@media(min-width:761px){details.grpd>summary{pointer-events:none}}
@media(max-width:760px){
  details.grpd>summary{cursor:pointer;position:relative;padding-right:40px;flex-wrap:wrap;margin-bottom:6px}
  details.grpd>summary:after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font:700 24px Barlow;color:#f2c230}
  details.grpd[open]>summary:after{content:"–"}
  .grp .n{display:block;flex-basis:100%;font-size:12.5px;color:#cfcfcf;margin-top:-2px}
}
@media(max-width:760px){
  .premium .sec-head h2,.premium .sec h2,.premium .trustband h2{font-size:28px;line-height:1.05}
  .areas .seo-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .areas .seo-links a{padding:10px 12px;font-size:14px;border-radius:10px}
  .areas .seo-links a small{font-size:11.5px}
  .premium .contact iframe,.premium #map{height:230px!important;min-height:0!important;border-radius:14px}
  .contact .big{font-size:17px}
  .contact .hours td{padding:3px 0;font-size:14px}
}
@media(max-width:760px){.contact .hours td:first-child{padding-right:18px}}

/* ===== 20 Oct 2026 (v2): PHONE panels in the propworths style – one smart fold-open panel per section ===== */
.m-zone{display:none}
@media(max-width:760px){
  .m-zone{display:block;background:radial-gradient(500px 260px at 50% 0,rgba(242,194,48,.14),transparent 70%),linear-gradient(180deg,#0b0b0c,#131416);padding:24px 14px 28px}
  .m-zone-k{color:#f2c230;letter-spacing:.22em;font:700 11px Barlow,sans-serif;text-transform:uppercase;text-align:center;margin:0 0 14px}
  .m-zone-k:before,.m-zone-k:after{content:"";display:inline-block;width:26px;height:1px;background:rgba(242,194,48,.6);vertical-align:middle;margin:0 10px}
  .m-panel{background:linear-gradient(180deg,#18191c,#121315);border:1px solid rgba(242,194,48,.26);border-radius:16px;margin:0 0 10px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:border-color .25s}
  .m-panel.open{border-color:rgba(242,194,48,.75);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 0 3px rgba(242,194,48,.07)}
  .m-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .m-n{flex:none;font:700 13px Barlow,sans-serif;color:#111;background:linear-gradient(180deg,#fff1b0 0%,#f4c430 45%,#c98a04 100%);border-radius:9px;width:32px;height:32px;display:grid;place-items:center}
  .m-t{flex:1;min-width:0}
  .m-t b{display:block;font:700 19px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.03em}
  .m-t small{display:block;color:#a9a6a0;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-head i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(242,194,48,.55);transition:transform .3s,background-color .3s;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f2c230' stroke-width='2'/%3E%3C/svg%3E") center no-repeat}
  .m-panel.open .m-head i{transform:rotate(180deg);background-color:rgba(242,194,48,.14)}
  .m-body{display:none!important}
  .m-panel.open .m-body{display:block!important;background:transparent!important;border:0!important;padding:0 12px 14px!important;margin:0!important;color:#e6e4df;animation:mIn .35s ease}
  @keyframes mIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .m-body .sec,.m-body.sec,.m-body .wrap,.m-body.wrap{padding:0!important;margin:0!important;max-width:none!important;width:auto!important}
  .m-body .sec-head,#about .kicker,#about h2,#contact h2{display:none!important}
  /* inside the panels: dark blocks with a gold edge */
  .m-body .info-grid{gap:8px}
  .m-body details.icard,.m-body .faq details{background:#202125!important;border:1px solid #2d2e33!important;border-left:3px solid #f2c230!important;border-radius:11px!important;box-shadow:none!important;color:#e6e4df;margin:0 0 8px!important}
  .m-body details.icard.y{background:linear-gradient(90deg,rgba(242,194,48,.22),#202125 70%)!important}
  .m-body details.icard>summary h3{color:#f2c230!important;font-size:17px!important}
  .m-body details.icard>summary:after,.m-body details.icard.y>summary:after{color:#f2c230}
  .m-body .faq summary{color:#fff!important;font-size:15px!important}
  .m-body .faq details p,.m-body details.icard p,.m-body details.icard li,.m-body .lic span{color:#cfccc5!important;font-size:14px}
  .m-body .hours td{color:#e6e4df}
  .m-body .lic b{background:#f2c230;color:#111}
  .m-body .icard .btn.wa{margin-top:8px}
  .m-body .trust-grid{grid-template-columns:1fr 1fr;gap:8px}
  .m-body .trust-grid div{background:#202125;border:1px solid #2d2e33;border-top:2px solid #f2c230!important;border-radius:11px;padding:10px!important}
  .m-body .trust-grid b{font-size:15px}.m-body .trust-grid span{font-size:12px;color:#bdbab3}
  #about.m-body .about,#about .about{display:block}
  #about p{color:#d6d3cc!important;font-size:14px}
  #about p b{color:#fff}
  #about .btn.dark{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);color:#111;font-size:14px;padding:10px 16px}
  #about .about-pts{margin-top:10px}
  #about .about-pts li{background:#202125;border:1px solid #2d2e33;border-top:2px solid #f2c230}
  #contact .contact{display:block}
  #contact .big{color:#fff;margin-top:0}
  #contact a{color:#f2c230}
  #contact iframe{margin-top:12px}
}
@media(max-width:760px){details.icard>summary:after,.faq summary:after,details.ft-col>summary:after{top:50%!important;transform:translateY(-50%);line-height:1}}

/* ===== 20 Oct 2026 (v3): PHONE in New Trend colours – black, gold & white; own dropdowns ===== */
@media(max-width:760px){
  body.premium.home,.premium.home main{background:#0b0b0c}
  #trailers{background:radial-gradient(420px 220px at 50% 0,rgba(242,194,48,.12),transparent 70%),#0b0b0c;color:#e6e4df;max-width:none;padding-left:14px;padding-right:14px;padding-top:26px}
  #trailers .sec-head h2{color:#fff;font-size:26px}
  #trailers .sec-head h2:after{width:60px;height:3px}
  /* our own dropdowns (the phone's own list is always white) */
  .mfilters{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#0b0b0c!important;top:76px;padding:8px 0 10px;margin:0 0 6px;z-index:20}
  .mfilters label{display:none}
  .ndd{position:relative;min-width:0}
  .ndd-b{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;background:linear-gradient(180deg,#1b1c1f,#131416);border:1px solid rgba(242,194,48,.45);border-radius:13px;padding:8px 34px 9px 12px;position:relative;-webkit-tap-highlight-color:transparent}
  .ndd-b small{display:block;font:700 9.5px Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f2c230}
  .ndd-b b{display:block;font:600 14.5px Barlow,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
  .ndd-b i{position:absolute;right:11px;top:50%;width:18px;height:18px;margin-top:-9px;transition:transform .25s;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f2c230' stroke-width='2'/%3E%3C/svg%3E") center no-repeat}
  .ndd.open .ndd-b{border-color:#f2c230;box-shadow:0 0 0 3px rgba(242,194,48,.14)}
  .ndd.open .ndd-b i{transform:rotate(180deg)}
  .ndd-l{display:none;position:absolute;top:calc(100% + 6px);left:0;width:min(78vw,300px);max-height:62vh;overflow:auto;background:#141517;border:1px solid rgba(242,194,48,.55);border-radius:14px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.6);z-index:30}
  .ndd[data-dd="cat"] .ndd-l{left:auto;right:0}
  .ndd.open .ndd-l{display:block;animation:mIn .2s ease}
  .ndd-o{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:9px;cursor:pointer;color:#e6e4df;font:500 15px Barlow,sans-serif}
  .ndd-o small{color:#8f8c86;font-size:12px;white-space:nowrap}
  .ndd-o:hover,.ndd-o:focus-visible{background:#1f2024}
  .ndd-o.on{background:linear-gradient(90deg,rgba(242,194,48,.22),rgba(242,194,48,.05));color:#fff;font-weight:700}
  .ndd-o.on:before{content:"";width:6px;height:6px;border-radius:50%;background:#f2c230;flex:none;margin-right:-2px}
  .ndd-o.on span{margin-right:auto}
  /* trailer groups + dark trailer blocks */
  .premium .grp{background:linear-gradient(90deg,#17181b,#202125);border:1px solid rgba(242,194,48,.28);margin:10px 0 6px}
  details.grpd[open]>.grp{border-color:#f2c230}
  .premium .tcard{background:#17181b;border:1px solid #2a2b30;box-shadow:none}
  .premium .tbody h4{color:#fff}
  .tbody .d{color:#a9a6a0}
  .premium .price b{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#e0a50c);-webkit-background-clip:text;background-clip:text;color:transparent}
  .price span{color:#8f8c86}
  .premium .tcard .acts .btn.wa.book{white-space:nowrap;font-size:13px;padding:8px 6px}
  .tcard .pic{background:#222}
  .empty{color:#e6e4df}
  /* stats strip and section joins stay black */
  .stats{border-top:0}
  .m-zone{padding-top:18px}
}
@media(max-width:360px){.premium .tcard .acts .btn.wa.book{font-size:12px;gap:4px}.ndd-b b{font-size:13.5px}}
/* footer: contact details in a "Contact us" dropdown on phones; computers show it open as before */
@media(min-width:761px){.ft-contact>summary{display:none}.ft-contact p{margin:10px 0 0}}
@media(max-width:760px){.ft-first img{display:block;margin-bottom:12px}.ft-grid>div.ft-first{padding-bottom:0}.ft-contact p{margin:0 0 8px;font-size:14px;line-height:1.7}}
/* footer v3: logo centred on phones; computers: contact + information columns */
@media(min-width:761px){.premium .ft-grid{grid-template-columns:1.3fr 1fr}}
@media(max-width:760px){.ft-first img{margin:0 auto 14px!important}.ft-first{text-align:left}.ft-legal{justify-content:center;text-align:center}.ft-legal .midan-credit{margin-left:0!important}}
/* footer: Contact us and Information rows identical */
@media(max-width:760px){
  .premium .ft-group{margin:0 0 6px;padding-top:16px;border-top:0}
  .ft-grid{border-bottom:1px solid #222;margin-bottom:6px}
  details.ft-col>summary{padding:14px 26px 14px 0!important}
  details.ft-col>summary h4{font-size:16px!important;line-height:1.2;margin:0!important}
}

/* ===== 20 Oct 2026: hire dates + booking sheet ===== */
/* the two phone dropdowns: exactly the same size */
@media(max-width:760px){
  .ndd{display:flex}.ndd-b{height:100%;min-height:54px;display:flex!important;flex-direction:column;justify-content:center}
  .ndd-b small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.08em}
}
/* "Your hire dates" – fold-open, under Choose your trailer */
.hdates{margin:4px 0 14px;border-radius:14px;background:#0b0b0c;border:1px solid rgba(242,194,48,.55);color:#fff;overflow:hidden;max-width:560px}
.hdates>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hdates>summary::-webkit-details-marker{display:none}
.hd-i{flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center no-repeat}
.hd-t{flex:1;min-width:0}.hd-t small{display:block;font:700 10px Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f2c230}
.hd-t b{display:block;font:600 15px Barlow,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdates>summary>i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(242,194,48,.55);transition:transform .25s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f2c230' stroke-width='2'/%3E%3C/svg%3E") center no-repeat}
.hdates[open]>summary>i{transform:rotate(180deg)}
.hd-b{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px}
.hd-b label,.bk-d label,.bk-n{display:flex;flex-direction:column;gap:4px;font:700 11px Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f2c230}
.hd-b input,.bk-d input,.bk-n input{font:600 16px Barlow,sans-serif;color:#fff;background:#1b1c1f;border:1px solid #34353a;border-radius:10px;padding:10px;min-width:0;color-scheme:dark;width:100%;box-sizing:border-box}
.hd-b input:focus,.bk-d input:focus,.bk-n input:focus{outline:2px solid #f2c230;border-color:#f2c230}
.hd-w{grid-column:1/-1;margin:2px 0 0;font-size:12.5px;color:#a9a6a0}.hd-w.bad{color:#ff8a7a}
.price .tot{margin-left:auto;font-size:13px;font-weight:700;color:#c98a04;align-self:center}
@media(max-width:760px){.price .tot{display:none}}
/* booking sheet */
.bk{border:1px solid rgba(242,194,48,.6);border-radius:20px;padding:20px 18px 16px;width:min(440px,calc(100vw - 24px));background:linear-gradient(180deg,#17181b,#0e0f11);color:#e6e4df;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bk::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.bk[open]{animation:mIn .25s ease}
.bk-x{position:absolute;right:10px;top:8px;background:none;border:0;color:#f2c230;font-size:30px;line-height:1;cursor:pointer}
.bk-t{display:flex;gap:12px;align-items:center;margin-right:26px}
.bk-t img{width:96px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.bk-t b{display:block;font:700 22px/1.1 "Barlow Condensed",sans-serif;color:#fff}.bk-t span{display:block;font-size:13px;color:#a9a6a0}
.bk-t em{display:block;font:700 18px "Barlow Condensed";font-style:normal;color:#f2c230;margin-top:2px}
.bk-k{margin:16px 0 8px;font:700 11px Barlow,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f2c230}
.bk-d{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bk-sum{margin:10px 0 12px;padding:10px 12px;border-radius:10px;background:#1b1c1f;border-left:3px solid #f2c230;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline}
.bk-sum b{color:#fff}.bk-sum em{margin-left:auto;font:700 22px "Barlow Condensed";font-style:normal;color:#f2c230}.bk-sum .w{color:#ff8a7a}
.bk-n{margin-bottom:12px}.bk-n small{text-transform:none;letter-spacing:0;color:#8f8c86;font-weight:500}
.bk-go{display:flex!important;justify-content:center;align-items:center;gap:8px;width:100%;box-sizing:border-box;font-size:17px;padding:14px}
.bk-f{margin:10px 0 0;font-size:12px;color:#8f8c86;text-align:center}
.hd-i{display:block}

/* ===== 20 Oct 2026: full dropdown label, date/time buttons, calendar + clock picker ===== */
@media(max-width:760px){.ndd-b small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:.06em!important;line-height:1.2;font-size:9.5px}}
.hd-b{display:block}
.dt{display:grid;grid-template-columns:62px 1fr 92px;gap:8px;align-items:center;margin:0 0 8px}
.dt-k{font:700 11px Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f2c230}
.dt-b{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;
  background:#1b1c1f;border:1px solid #34353a;border-radius:11px;padding:11px 10px;color:#fff;font:600 15px Barlow,sans-serif;white-space:nowrap;overflow:hidden}
.dt-b:active,.dt-b:hover{border-color:#f2c230}
.dt-b i{flex:none;width:18px;height:18px;background:center/contain no-repeat}
.ic-cal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c230' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.ic-clk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c230' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.bk-d{display:block}
.dp{border:1px solid rgba(242,194,48,.6);border-radius:22px;padding:18px 16px 14px;width:min(380px,calc(100vw - 20px));background:linear-gradient(180deg,#17181b,#0e0f11);color:#e6e4df;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.dp::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.dp[open]{animation:mIn .2s ease}
.dp button{-webkit-tap-highlight-color:transparent;font-family:Barlow,sans-serif}
.dp-x{position:absolute;right:10px;top:6px;background:none;border:0;color:#f2c230;font-size:30px;cursor:pointer}
.dp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 30px 12px 0}
.dp-steps button{background:#1b1c1f;border:1px solid #2d2e33;color:#8f8c86;border-radius:8px;padding:6px 2px;font-size:12px;font-weight:700;cursor:pointer}
.dp-steps button.done{color:#f2c230;border-color:rgba(242,194,48,.35)}
.dp-steps button.on{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);color:#111;border-color:transparent}
.dp-t{margin:0 0 10px;font:700 22px "Barlow Condensed",sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.03em}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-h b{color:#fff;font-size:16px}
.cal-n{width:36px;height:36px;border-radius:50%;border:1px solid rgba(242,194,48,.5);background:none;color:#f2c230;font-size:22px;cursor:pointer}.cal-n:disabled{opacity:.25}
.cal-w,.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.cal-w span{font-size:11px;font-weight:700;color:#8f8c86;padding:4px 0}
.cal-g button{aspect-ratio:1;border:0;border-radius:50%;background:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.cal-g button:disabled{color:#4a4a4f;cursor:default}
.cal-g button.today{box-shadow:inset 0 0 0 1px rgba(242,194,48,.6)}
.cal-g button.in{background:rgba(242,194,48,.14);border-radius:8px}
.cal-g button.end{background:rgba(242,194,48,.35);color:#fff}
.cal-g button.on{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);color:#111;font-weight:800}
.dp-note{margin:10px 0 0;font-size:12.5px;color:#8f8c86;text-align:center}
.ck-read{text-align:center;font:700 44px/1 "Barlow Condensed",sans-serif;color:#fff;margin:2px 0 10px}.ck-read u{text-decoration:none;color:#f2c230}
.ck-read small{display:block;font:600 12px Barlow,sans-serif;color:#f2c230;margin-top:4px;letter-spacing:.06em;text-transform:uppercase}
.ck{position:relative;width:250px;max-width:78vw;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#1f2024 0 60%,#18191c 61%);border:2px solid rgba(242,194,48,.45);box-shadow:inset 0 0 30px rgba(0,0,0,.6)}
.ck-dot{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#f2c230;z-index:2}
.ck-hand{position:absolute;left:50%;top:12%;width:2px;height:38%;margin-left:-1px;background:#f2c230;transform-origin:50% 100%;z-index:1}
.ck-n{position:absolute;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;border:0;background:none;color:#fff;font:700 15px Barlow,sans-serif;display:grid;place-items:center;cursor:pointer;z-index:3}
.ck-n.off{color:#3f3f44;cursor:default}
.ck-n:not(.off):hover{background:rgba(242,194,48,.18)}
.ck-n.on{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);color:#111}
.ck-n.m{font-size:16px}
.dp-f{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.dp-back{background:none;border:0;color:#f2c230;font-weight:700;font-size:15px;cursor:pointer;padding:8px 4px}
.dp-ok{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);border:0;color:#111;font-weight:800;font-size:15px;border-radius:10px;padding:10px 22px;cursor:pointer}
.dt-b i{display:block}.dt-b{justify-content:flex-start}
.dt-b i.ic-cal,.dt-b i.ic-clk{background-size:contain;background-position:center;background-repeat:no-repeat}
.dt-b i.ic-cal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c230' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.dt-b i.ic-clk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c230' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.hd-i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center no-repeat,linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04)}
.bk-sum{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.bk-sum em{grid-row:1/3;grid-column:2;align-self:center}
/* type-in time above the clock */
.ck-type{display:flex;justify-content:center;align-items:center;gap:8px}
.ck-in{width:150px;text-align:center;font:700 40px/1 "Barlow Condensed",sans-serif;color:#fff;background:#1b1c1f;border:1px solid rgba(242,194,48,.55);border-radius:12px;padding:6px 8px;letter-spacing:.04em;color-scheme:dark}
.ck-in::placeholder{color:#4a4a4f}
.ck-in:focus{outline:2px solid #f2c230;border-color:#f2c230}
.ck-go{background:linear-gradient(180deg,#fff1b0,#f4c430 45%,#c98a04);border:0;color:#111;font-weight:800;font-size:16px;border-radius:12px;padding:14px 14px;cursor:pointer}
.ck-read small.bad{color:#ff8a7a}