:root{--ink:#101310;--dark:#10110f;--panel:#181b18;--green:#adf43b;--green2:#c4fc6b;--red:#e53b32;--soft:#f2f3ef;--line:#dfe2da;--muted:#a9ada5;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fafbf8;font-family:var(--font);font-size:15px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--green);color:var(--ink)}.container{width:min(1200px,calc(100% - 64px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--green)}.eyebrow i,.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #b6fa3538}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:.97}h1 em,h2 em{font-style:normal;color:var(--green)}.btn{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:52px;padding:0 24px;font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:.055em;transition:transform .18s,background .18s;white-space:nowrap}.btn span{font-size:23px;font-weight:500}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-lime{background:var(--green);color:#151814}.btn-lime:hover{background:var(--green2)}.btn-outline{background:transparent;border:1px solid #8a9088;color:#fff}.btn-dark{background:var(--ink);color:#fff}.btn-small{min-height:43px;font-size:16px;padding:0 19px;gap:24px}.top-strip{background:#0a0b0a;color:#e4e7df;font-size:10px;font-weight:800;letter-spacing:.14em}.strip-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.strip-inner>span{display:flex;align-items:center;gap:13px}.split{color:#636761}.strip-inner a{color:var(--green)}.main-header{position:relative;z-index:20;background:#171918;color:#fff;border-bottom:1px solid #383b34}.nav-shell{height:89px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#fff}.brand-mark{font:italic 900 48px/.78 var(--display);letter-spacing:-.09em;text-shadow:3px 2px 0 #21221e}.brand-mark>span:first-child{color:var(--red)}.brand-mark .mark-dot{color:var(--green);letter-spacing:0}.brand-text{font:900 19px/.98 var(--display);letter-spacing:.075em;border-left:1px solid #6a6e64;padding-left:11px}.brand-text small{display:block;margin-top:6px;font:800 8px var(--font);letter-spacing:.075em;color:#c7cbc3}.site-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.site-nav>a{font-weight:700;font-size:12px;color:#c8cdc7;padding:36px 0;white-space:nowrap;transition:color .2s}.site-nav>a:hover,.site-nav>a.active{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-admin{font-size:24px;color:#b7bbb3}.mobile-menu,.mobile-only{display:none}.hero{background:#0d100e;color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;left:32%;top:-380px;width:900px;height:900px;background:radial-gradient(circle,#689c2327,transparent 65%);pointer-events:none}.hero-grain{position:absolute;inset:0;opacity:.15;background-image:repeating-linear-gradient(120deg,transparent 0 50px,#fff1 51px,transparent 52px)}.hero-grid{min-height:630px;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;position:relative}.hero-copy{z-index:2;padding-top:107px;padding-bottom:85px}.hero-copy h1{font-size:clamp(74px,8.4vw,133px);letter-spacing:-.028em;line-height:.81;margin:33px 0 25px}.hero-copy>p{font-size:16px;line-height:1.85;color:#b9c0b5;max-width:500px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 71px}.hero-mini{display:flex;align-items:center;gap:10px;color:#c2c6be;font:700 12px var(--display);letter-spacing:.12em}.hero-mini strong{color:var(--green);font-size:15px}.hero-mini b{color:var(--red);font-size:19px}.hero-visual{position:relative;min-height:620px}.hero-glow{position:absolute;inset:50px -110px 30px 0;background:linear-gradient(130deg,#adf43b,#477523);transform:skewX(-13deg) rotate(-6deg);clip-path:polygon(15% 0,100% 8%,95% 100%,5% 90%);box-shadow:0 0 130px #93ff224a}.hero-photo{position:absolute;inset:20px -100px 0 14px;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%,13% 56%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:contrast(1.14) saturate(.91)}.hero-photo-overlay{position:absolute;inset:18px -100px 0 5px;pointer-events:none;background:linear-gradient(90deg,#0d100e,transparent 18%),linear-gradient(0deg,#0d100eac,transparent 37%);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%,13% 56%)}.hero-side-note{position:absolute;right:-34px;top:99px;writing-mode:vertical-rl;letter-spacing:.35em;font-size:9px;font-weight:900;color:#fff;opacity:.9}.hero-side-note span{color:var(--green);font-size:24px}.hero-floating{position:absolute;bottom:58px;right:-23px;background:#fff;color:#111;display:flex;align-items:center;gap:15px;padding:18px 22px;box-shadow:15px 15px 0 var(--green)}.hero-floating>b{font-size:32px;color:var(--red)}.hero-floating span{display:block;font-size:9px;letter-spacing:.12em;font-weight:800}.hero-floating strong{font:900 29px var(--display)}.hero-bottom{position:relative;background:#151814;color:#899187;border-top:1px solid #383b34;padding:15px 0;font-size:10px;line-height:1.5}.hero-bottom .container{display:flex;justify-content:space-between;gap:20px}.hero-bottom span{font-weight:800;color:var(--green);letter-spacing:.11em}.category-strip{background:var(--green);overflow:hidden}.category-strip-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:23px;white-space:nowrap}.category-strip-inner>strong{font:800 21px var(--display);letter-spacing:.07em}.category-strip-inner>i{font-size:21px;font-style:normal}.category-strip-inner>span{font:800 9px var(--font);letter-spacing:.09em}.section{padding-top:108px;padding-bottom:108px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:37px}.section-head .eyebrow{color:#6c8e35}.section-head h2,.highlight-copy h2,.detail-showcase h2,.rental-split h2,.tour-highlight h2{font-size:clamp(52px,6vw,83px);letter-spacing:-.012em;line-height:.89;margin:15px 0 18px}.section-head h2 em,.detail-showcase h2 em{color:#77b11c}.section-head p{color:#676e66;line-height:1.75;max-width:600px;margin:0}.service-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.overview-card{height:460px;background:#20241f;position:relative;overflow:hidden;isolation:isolate;color:#fff}.overview-img,.overview-sheen,.tour-bg{position:absolute;inset:0}.overview-img img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.overview-card:hover img{transform:scale(1.06)}.wash-card img{object-position:50% 50%}.rental-card img{object-position:35% center}.overview-sheen{background:linear-gradient(0deg,#040704f2,transparent 70%),linear-gradient(135deg,#001a09a0,transparent 60%)}.rental-card .overview-sheen{background:linear-gradient(0deg,#070707ed,transparent 80%),linear-gradient(90deg,#070707a6,transparent 70%)}.tour-bg{background:radial-gradient(circle at 85% 18%,#334b22 0,transparent 44%),linear-gradient(146deg,#1a2e22 8%,#112214 57%,#07120a)}.tour-bg:before{content:'TNT';font:italic 900 200px var(--display);letter-spacing:-.13em;opacity:.09;color:var(--green);position:absolute;top:80px;left:-20px;transform:rotate(-17deg)}.tour-bg:after{content:'✦';position:absolute;top:90px;right:42px;color:var(--green);font-size:160px;text-shadow:0 0 40px #93e43a55}.overview-content{position:absolute;inset:auto 27px 32px 27px}.overview-content>span{font:900 11px var(--font);letter-spacing:.16em;color:var(--green)}.overview-content h3{font-size:clamp(43px,4vw,64px);line-height:.89;margin:13px 0 17px}.overview-content p{font-size:11px;letter-spacing:.12em;font-weight:800;color:#e3e5e0}.circle-arrow{position:absolute;right:0;bottom:0;width:45px;height:45px;border-radius:50%;border:1px solid #8b9786;display:grid;place-items:center;font-size:24px}.black-section{background:#111511;color:#fff}.highlight-layout{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:100px}.highlight-media{height:515px;background:#232b20;position:relative;overflow:hidden}.highlight-media>img{height:100%;width:100%;object-fit:cover}.highlight-sticker{background:var(--green);position:absolute;right:0;bottom:37px;color:#111;padding:20px 25px;font:900 32px/.93 var(--display);transform:rotate(-4deg)}.highlight-copy h2{font-size:clamp(67px,7vw,102px)}.highlight-copy p,.rental-split p,.tour-highlight p{line-height:1.9;color:#adb7a7;margin:0 0 28px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#e9f0e4;font-size:12px;font-weight:800;margin:30px 0 38px}.feature-list span::first-letter{color:var(--green)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid>div{padding:36px 35px 28px;background:#eff1eb;border-top:4px solid var(--green)}.steps-grid span{font:800 60px var(--display);color:#c0caba}.steps-grid h3{margin:25px 0 12px;font-size:30px}.steps-grid p{color:#667064;line-height:1.75}.video-feature{background:#e9ede5}.video-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.video-card{padding:0;background:#141815;border:0;color:#fff;text-align:left;transition:transform .2s;min-width:0}.video-card:hover{transform:translateY(-4px)}.video-image{height:230px;display:block;position:relative;overflow:hidden;background:#0a0b0a}.video-image img{height:100%;width:100%;object-fit:cover;object-position:top}.video-image:before{content:'';position:absolute;inset:0;background:#0006;z-index:1}.video-play{position:absolute;z-index:2;width:60px;height:60px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--green);color:var(--green);display:grid;place-items:center;padding-left:4px;font-size:18px;background:#080908d6}.video-meta{padding:23px;display:grid;gap:10px}.video-meta small{letter-spacing:.18em;color:var(--green);font-size:10px}.video-meta strong{font:800 26px var(--display)}.video-meta>span{font-size:11px;letter-spacing:.13em;color:#d7e7cf;font-weight:800}.text-link{font:800 14px var(--display);letter-spacing:.1em}.full-video-grid{grid-template-columns:repeat(3,1fr)}.promo-cta{background:var(--green);position:relative;overflow:hidden}.promo-cta:before{content:'TNT';position:absolute;right:-60px;bottom:-116px;font:italic 900 330px/.8 var(--display);opacity:.11;transform:rotate(-10deg)}.promo-content{padding:78px 0 88px;position:relative}.promo-content .eyebrow{color:#39560c}.promo-cta h2{font-size:clamp(59px,8vw,108px);line-height:.86;margin:21px 0 15px;max-width:930px}.promo-cta p{max-width:640px;line-height:1.7;margin-bottom:28px}.footer{background:#131613;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.3fr;gap:48px;padding-top:74px;padding-bottom:73px}.footer .brand{margin:0 0 20px}.footer p{line-height:1.8;color:#aab0a8;max-width:280px}.footer h4{font:800 17px var(--display);letter-spacing:.1em;color:var(--green);margin:0 0 21px}.footer-grid>div:not(:first-child){display:flex;align-items:start;flex-direction:column;gap:10px}.footer-grid a:not(.btn){color:#d4ddd0;font-size:12px}.footer-grid span:not(.brand-mark,.brand-text,.mark-dot){font-size:12px;color:#d4ddd0;line-height:1.7}.footer-grid .btn{margin-top:7px}.footer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #3b4238;padding:23px 0 30px;color:#a9aea6;font-size:11px}.footer-bottom strong{color:var(--green)}.footer-bottom>a{color:#a9aea6}
/* Inner pages */
.inner-hero{background:#131812;color:#fff;position:relative;overflow:hidden}.inner-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 45% 5%,#9bfa2f19,transparent 50%),repeating-linear-gradient(133deg,transparent 0 76px,#ffffff05 77px,#0000 78px)}.inner-hero-grid{position:relative;min-height:490px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.inner-hero-grid>div:first-child{padding:60px 0}.inner-hero h1{font-size:clamp(78px,9vw,130px);letter-spacing:-.02em;margin:27px 0 20px}.inner-hero p{line-height:1.85;color:#c7cec2;max-width:480px;margin-bottom:29px}.inner-image{height:490px;position:relative;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.inner-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.inner-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b0f 0,transparent 45%),linear-gradient(0deg,#10181190,transparent 40%)}.image-number{position:absolute;bottom:25px;right:25px;z-index:1;font:900 37px var(--display);color:var(--green)}.image-number b{color:#fff}.rentals-hero .inner-image img{object-position:24% center}.tours-hero .inner-image img{object-position:77% center;filter:saturate(.8)}.media-hero .inner-image img{object-position:center}.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-tile{min-height:305px;background:#f1f3ee;border:1px solid #e5e9e1;display:flex;flex-direction:column;padding:27px;transition:background .2s,border .2s}.service-tile:hover{background:#eaf1df;border-color:#b1e45d}.tile-index{font:900 26px var(--display);color:#6b9d23}.tile-index span{font:800 10px var(--font);letter-spacing:.08em;color:#80887b}.tile-top{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-top:24px}.tile-top h3{font-size:38px;line-height:1.01;margin:0}.tile-icon{color:#779d33;font-size:26px}.service-tile>p{font-size:13px;line-height:1.65;color:#697268;margin:15px 0 27px}.tile-foot{border-top:1px solid #d0d6cb;padding-top:18px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-price{font:800 18px var(--display)}.tile-foot a{font:800 13px var(--display);color:#50761a;white-space:nowrap}.white-band{background:#ecefe8}.detail-showcase{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.detail-showcase p{line-height:1.75;color:#667061;max-width:490px;margin-bottom:29px}.dark-eyebrow{color:#456f15}.detail-showcase-images{display:flex;gap:12px;align-items:center}.detail-showcase-images>img{object-fit:cover;width:57%;height:380px}.detail-showcase-images>img+img{width:40%;height:330px;object-position:center}.price-ribbon{background:var(--red);color:#fff}.price-ribbon .container{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:800 19px var(--display);letter-spacing:.05em}.price-ribbon span{font-size:18px}.price-ribbon b{font-size:27px}.notice{margin-top:25px;border-left:4px solid var(--green);background:#eff4e8;color:#485543;padding:20px 24px;font-size:13px;line-height:1.7}.notice strong{color:#1e3d09}.rental-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.rental-split img{height:385px;object-fit:cover}.rental-split h2{font-size:clamp(68px,7vw,100px)}.tour-intro{display:flex;align-items:center;background:#ebefe5;padding:30px;margin-bottom:20px;gap:30px}.tour-symbol{font-size:66px;color:#7cb830}.tour-intro p{line-height:1.8;margin:0;max-width:810px}.tour-highlight{background:radial-gradient(ellipse at 80% 20%,#759d3160,transparent 40%),linear-gradient(116deg,#16201a,#0b170f);color:#fff}.tour-highlight-content{padding:115px 0}.tour-highlight h2{font-size:clamp(77px,9vw,118px)}.tour-highlight p{max-width:510px}.missing{padding:160px 0}.missing h1{font-size:90px}
/* Booking */
.booking-hero{background:#131a15;color:#fff;padding:77px 0 65px;position:relative;overflow:hidden}.booking-hero:after{content:'TNT';font:italic 900 310px var(--display);position:absolute;right:-50px;top:-90px;opacity:.06}.booking-hero h1{font-size:clamp(70px,10vw,120px);margin:22px 0 15px}.booking-hero p{color:#b9c3b4;font-size:16px}.booking-section{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;padding-top:69px;padding-bottom:110px}.booking-main{min-width:0}.step-title{display:flex;gap:20px;align-items:start;margin:0 0 26px}.step-title>span{display:grid;place-items:center;background:var(--green);font:900 21px var(--display);min-width:46px;height:46px}.step-title h2{font-size:36px;margin:0 0 6px}.step-title p{font-size:13px;color:#727b6e;margin:0}.step-divider{border-top:1px solid #d4dad0;padding-top:37px;margin-top:44px}.booking-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:27px}.booking-cat{padding:22px 14px;background:#f0f2ed;border:1px solid #d9dfd5;text-align:left;display:grid;gap:10px;transition:.2s}.booking-cat>span{font-size:31px;color:#7cab2a}.booking-cat strong{font:800 26px var(--display)}.booking-cat.selected{background:#e7f9cf;border:2px solid #7fbf29;padding:21px 13px}.form-field{display:grid;gap:8px;min-width:0}.form-field label{font-size:12px;font-weight:800;color:#41473e;letter-spacing:.02em}.form-field input,.form-field textarea,.form-field select,.admin-filters input,.admin-filters select{appearance:none;width:100%;min-width:0;border:1px solid #d1d8cc;border-radius:0;background:#fff;padding:15px 16px;color:#182018;outline:none;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#78ba23;box-shadow:0 0 0 2px #b3ff5f40}.form-field select{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23394830" stroke-width="2"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:calc(100% - 15px) center;padding-right:34px}.booking-date-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.span-two{grid-column:span 2}.slots-label{margin:32px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 14px var(--display);letter-spacing:.07em}.slots-label>span{font:700 12px var(--font);color:#717a6e;letter-spacing:0}.slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-slot{border:1px solid #ced6ca;background:#f5f6f2;min-height:48px;font:800 16px var(--display);color:#253322}.time-slot.selected{background:var(--green);border-color:#6fab18}.time-slot.unavailable{opacity:.4;cursor:not-allowed;text-decoration:line-through}.time-slot small{font-size:8px;padding-left:4px;letter-spacing:0}.no-slots{grid-column:span 4;padding:25px;background:#f0f4ed;color:#71796e}.small-notice{padding:12px 16px;font-size:12px;margin-top:17px}.check-field{display:flex;gap:12px;align-items:flex-start;line-height:1.6;font-size:12px;color:#666e63;margin-top:23px}.check-field input{accent-color:#94da2d;margin-top:4px;flex-shrink:0}.submit-booking{margin-top:25px;width:100%;min-height:59px}.form-footnote{margin:12px 0 0;color:#858e80;font-size:11px}.booking-aside{padding-top:0}.booking-summary{background:#161b16;padding:32px;color:#fff;position:sticky;top:25px}.summary-title{font:800 22px var(--display);color:var(--green);margin-bottom:27px;border-bottom:1px solid #424940;padding-bottom:20px;display:flex;justify-content:space-between}.summary-line{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #343b32}.summary-line span{font-size:10px;letter-spacing:.08em;color:#aab3a6;font-weight:800}.summary-line b{text-align:right;font-size:12px;max-width:150px}.summary-total{padding:21px 0}.summary-total b{font:900 24px var(--display);color:var(--green)}.booking-summary>p{font-size:11px;color:#b0b9aa;line-height:1.7;margin:19px 0 0}.help-card{margin-top:14px;background:#e9eee3;padding:30px}.help-card strong{font:900 23px var(--display)}.help-card p{font-size:12px;margin:10px 0}.help-card a{display:block;font:900 28px var(--display)}.help-card small{color:#5f695b;display:block;margin-top:13px}.booking-done{padding:120px 0;text-align:center;max-width:680px}.done-icon{width:75px;height:75px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-size:40px;margin:0 auto 27px}.booking-done h1{font-size:clamp(83px,10vw,124px);margin:26px 0}.booking-done h1 em{color:#6fb81c}.booking-done>p{line-height:1.8;color:#596254}.done-id{background:#f0f3eb;display:flex;justify-content:space-between;align-items:center;padding:23px 30px;margin:30px auto;max-width:440px;gap:15px}.done-id span{font-size:11px;font-weight:800}.done-id strong{font:900 27px var(--display)}.done-actions{display:flex;justify-content:center;gap:12px}.done-actions .btn-outline{color:#111;border-color:#87917f}.demo-alert{background:#fff7da;border:1px solid #e4c263;color:#5f4a13;padding:15px;line-height:1.65;font-size:12px;margin-top:20px}
/* Admin */
.admin-layout{min-height:100vh;background:#f2f4ef;display:grid;grid-template-columns:240px minmax(0,1fr)}.admin-sidebar{background:#151915;color:#fff;padding:33px 21px;display:flex;flex-direction:column;gap:6px}.admin-brand{font:italic 900 52px var(--display);margin-bottom:70px;letter-spacing:-.05em}.admin-brand span,.admin-symbol span{color:var(--green)}.admin-brand small{display:block;font:900 9px var(--font);letter-spacing:.27em;color:#a4b39c}.admin-sidebar>p{color:#738173;font-size:9px;font-weight:800;letter-spacing:.14em;margin:0 0 16px 13px}.admin-side-link{display:flex;align-items:center;gap:13px;background:transparent;border:0;text-align:left;padding:16px 14px;color:#aeb7a9;font-size:12px;font-weight:800;white-space:nowrap}.admin-side-link span{font-size:20px}.admin-side-link.selected{background:var(--green);color:#111}.admin-side-link:hover:not(.selected){background:#262e25}.admin-logout{margin-top:auto;color:#ed9992}.admin-content{min-width:0;padding:46px max(35px,calc((100vw - 1450px)/2));}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-top .eyebrow{color:#7a9f39}.admin-top h1{font-size:56px;margin:9px 0 0}.admin-top-right{display:flex;align-items:center;gap:17px;font-size:11px;font-weight:800;color:#646f5f}.admin-top-right a{color:#4e7f11}.demo-chip{background:#fff1c3;padding:10px;color:#654d13;white-space:nowrap}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.admin-stats>div{background:#fff;padding:27px;border:1px solid #e7ebe3;min-width:0}.admin-stats span{color:#6e7969;font-size:10px;font-weight:800;letter-spacing:.07em}.admin-stats b{display:block;font:900 60px var(--display);margin:10px 0}.admin-stats small{color:#74816f;font-size:11px}.admin-panel{border:1px solid #e0e6dc;background:#fff;margin-bottom:24px;padding:27px}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e8ede5;padding-bottom:24px;margin-bottom:18px}.admin-panel-head h2{font-size:31px;margin:0 0 8px}.admin-panel-head p{font-size:12px;color:#727b71;margin:0;line-height:1.6}.admin-link{border:0;background:none;color:#568d1a;font:800 16px var(--display);white-space:nowrap}.booking-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(100px,.7fr) minmax(145px,1fr) minmax(190px,auto);align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid #edf0ea}.booking-row:last-child{border-bottom:0}.booking-row-main>div{display:flex;align-items:center;gap:9px}.booking-ref{font-size:9px;color:#6d7c68;font-weight:800}.status{font-size:9px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;display:inline-block;padding:5px 8px;background:#ecefe9;color:#455047}.status--pending{background:#fff2ce;color:#a16b06}.status--confirmed{background:#e8f8d3;color:#3a7918}.status--cancelled{background:#ffebe9;color:#b33a2e}.status--completed{background:#e0f3f2;color:#16736c}.booking-row h3{font:800 25px var(--display);margin:9px 0 5px}.booking-row p{font-size:11px;color:#778373;margin:0}.booking-row-date strong,.booking-row-contact a{font-size:12px;display:block}.booking-row-date>span,.booking-row-contact small{font-size:11px;display:block;color:#7b8878;margin-top:6px;overflow-wrap:anywhere}.booking-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mini-btn{padding:11px 12px;font:800 13px var(--display);border:1px solid transparent;white-space:nowrap}.mini-btn.lime{background:var(--green)}.mini-btn.outline{border-color:#c4cbc0;background:#fff}.ghost-btn{padding:10px 4px;background:none;border:0;color:#557d27;font:800 12px var(--display)}.admin-empty{padding:60px 20px;text-align:center;color:#6a7666;font-size:13px}.admin-quick{display:grid;grid-template-columns:1fr 1fr;gap:17px}.admin-quick>div{background:#172017;color:#fff;padding:30px}.admin-quick h3{font-size:29px;margin-bottom:13px}.admin-quick p{color:#adb9a7;font-size:12px;line-height:1.6}.admin-quick button{border:0;background:none;color:var(--green);padding:0;font:800 15px var(--display)}.calendar-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0}.calendar-day{border:1px solid #d9e1d2;background:#f7f9f4;padding:13px 5px;display:grid;gap:4px;text-align:center}.calendar-day span{color:#767f71;font-size:10px;font-weight:800}.calendar-day b{font:900 30px var(--display)}.calendar-day small{font-size:8px;font-weight:800;color:#879081}.calendar-day.selected{background:var(--green);border-color:#95c84d}.admin-filters{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;padding-bottom:21px}.admin-filters label{font-size:10px;color:#717d6d;font-weight:800;display:grid;gap:7px}.admin-filters input,.admin-filters select{padding:12px}.result-count{margin:12px 0 2px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#75816f}.admin-cat-section{margin-top:31px}.admin-cat-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:2px solid #dbe3d4}.admin-cat-title h3{font-size:30px;margin:0}.admin-cat-title>span{font-size:10px;color:#7a8872}.admin-service{display:grid;grid-template-columns:1fr 130px 75px;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #e8ece4}.admin-service h4{font-size:23px;margin:0 0 6px}.admin-service p{max-width:540px;font-size:12px;line-height:1.5;color:#697665;margin:0}.admin-service strong{font:900 19px var(--display);text-align:right}.inactive-tag{font:800 9px var(--font);color:#ac442c;background:#ffe9e3;padding:4px 7px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-section-title{font:900 25px var(--display);padding:24px 0 17px}.settings-hint{color:#7a8974;font-size:12px;line-height:1.6}.hours-grid{display:grid;gap:4px}.hours-row{display:grid;grid-template-columns:minmax(75px,1fr) 95px 135px 25px 135px;align-items:center;gap:12px;padding:9px 14px;background:#f5f7f3}.hours-row strong{font-size:12px}.hours-row>span{text-align:center;color:#778473;font-size:10px;font-weight:800}.hours-row input[type=time]{width:100%;padding:10px;border:1px solid #dae0d5;background:#fff}.toggle{display:flex;align-items:center;gap:7px;color:#6a7765;font-size:9px;font-weight:800}.toggle input{accent-color:#7dbc25}.settings-panel .form-grid{margin:17px 0 25px}.settings-panel .btn{margin-top:23px}.admin-login-wrap{min-height:100vh;background:radial-gradient(circle at 75% 28%,#4a6a294c,transparent 40%),#0c100e;display:flex;justify-content:center;align-items:center;padding:40px 18px}.admin-login{color:#fff;text-align:center;width:min(440px,100%);padding:45px 35px;border:1px solid #38463a;background:#161c16}.admin-symbol{font:italic 900 60px var(--display);margin:15px}.admin-login h1{font-size:65px;margin:25px 0 17px}.admin-login>p{color:#b5c0b0;font-size:13px;line-height:1.7}.admin-login .form-field{text-align:left;margin-top:15px}.admin-login .btn{width:100%;margin-top:25px}.back-link{display:block;margin-top:25px;font-size:12px;color:#b1bfa8}.modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;background:#030503ca;padding:20px;overflow-y:auto}.edit-modal,.details-modal{background:#fff;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:28px;color:#161916}.edit-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e1e5de;padding:0 0 20px;margin-bottom:20px}.edit-modal-head h2{font-size:37px;margin:0}.edit-modal-head button{border:0;background:none;font-size:21px}.edit-modal .form-field{margin-bottom:5px}.edit-modal .btn{margin-top:22px}.edit-modal .check-field{margin:0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.details-grid>div{border-bottom:1px solid #edf1e9;padding-bottom:13px}.details-grid span{display:block;font-size:10px;font-weight:900;color:#778274;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.details-grid strong{font-size:13px;overflow-wrap:anywhere}.video-modal{width:min(520px,100%);max-height:94vh;background:#101510;padding:13px}.video-modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;padding:5px 2px 13px;font:800 18px var(--display)}.video-modal-top button{border:0;color:var(--green);background:none;font:800 14px var(--display)}.video-modal video{display:block;margin:auto;width:100%;max-height:75vh;object-fit:contain;background:#000}.mobile-admin-tabs{display:none}#toast{position:fixed;z-index:200;right:25px;bottom:25px;background:#172116;border-left:5px solid var(--green);color:#fff;font-size:13px;padding:17px 21px;box-shadow:0 10px 40px #0004;max-width:min(420px,calc(100% - 34px));line-height:1.5;transform:translateY(150px);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}#toast.show{transform:translateY(0);opacity:1}#toast[data-kind=error]{border-color:var(--red)}.loading-bar{height:3px;background:var(--green);position:fixed;top:0;left:0;right:0;z-index:99}
@media(max-width:1100px){.site-nav{gap:15px}.site-nav>a{font-size:11px}.brand-text{font-size:15px}.brand-mark{font-size:39px}.nav-shell{gap:15px}.hero-copy h1{font-size:100px}.hero-floating{right:0}.highlight-layout{gap:55px}.booking-section{gap:28px;grid-template-columns:1fr 300px}.admin-content{padding:35px 26px}.booking-row{grid-template-columns:1.2fr .75fr .9fr;gap:10px}.booking-row-actions{grid-column:1/-1;justify-content:flex-start}.admin-stats>div{padding:20px}.admin-stats b{font-size:48px}}
@media(max-width:860px){.container{width:min(100% - 36px,1200px)}.top-strip .strip-inner{height:27px}.top-strip{font-size:8px}.nav-shell{height:75px}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#181c18;flex-direction:column;align-items:stretch;padding:5px 23px 21px;gap:0;border-top:1px solid #3d443b}.site-nav.open{display:flex}.site-nav>a{padding:14px 2px;border-bottom:1px solid #353a34}.mobile-only,.mobile-menu{display:block}.mobile-menu{color:var(--green);font-size:28px;background:none;border:0}.nav-admin{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy{padding-top:85px;padding-bottom:40px}.hero-copy h1{font-size:clamp(67px,9vw,90px)}.hero-visual{min-height:550px}.hero-floating{right:5px;bottom:30px}.hero-floating strong{font-size:23px}.hero-buttons{margin-bottom:45px}.hero-copy>p{font-size:13px}.hero-mini{font-size:9px;gap:5px}.category-strip-inner>span{display:none}.overview-card{height:350px}.overview-content{inset:auto 18px 22px}.overview-content h3{font-size:46px}.highlight-media{height:440px}.highlight-layout{gap:32px}.highlight-copy h2{font-size:75px}.section{padding-top:75px;padding-bottom:75px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.inner-hero-grid{min-height:430px}.inner-image{height:430px}.inner-hero h1{font-size:82px}.tiles-grid{grid-template-columns:repeat(2,1fr)}.service-tile{min-height:270px}.booking-section{grid-template-columns:1fr}.booking-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-summary{position:relative;top:auto}.help-card{margin:0}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.mobile-admin-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px}.mobile-admin-tabs button{flex-shrink:0;background:#edf3e6;border:0;padding:13px;font-size:11px;font-weight:800}.mobile-admin-tabs button.selected{background:var(--green)}.admin-top{margin-bottom:15px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.top-strip{display:none}.nav-shell{height:69px}.brand-mark{font-size:39px}.brand-text{font-size:15px}.brand-text small{font-size:6px}.btn-small{min-height:38px;padding:0 12px;gap:9px;font-size:14px}.nav-actions{gap:8px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:69px 0 38px}.hero-copy h1{font-size:clamp(75px,16vw,109px);margin:25px 0 18px}.hero-copy>p{font-size:14px}.hero-buttons{gap:9px;margin:27px 0 30px}.hero-buttons .btn{min-height:49px;font-size:15px;padding:0 15px;gap:7px}.hero-mini{gap:6px;flex-wrap:wrap;font-size:10px}.hero-visual{min-height:300px;margin-right:-15px;margin-left:-15px}.hero-glow{inset:-30px -20px -30px 35px}.hero-photo{inset:0 -30px 0 0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.hero-photo-overlay{inset:0;clip-path:none}.hero-photo img{object-position:center 42%}.hero-floating{bottom:20px;right:25px;padding:11px 15px;box-shadow:8px 8px 0 var(--green)}.hero-floating strong{font-size:22px}.hero-side-note{right:20px;top:30px}.hero-bottom .container{display:block}.hero-bottom span{display:none}.category-strip-inner{height:56px;width:max-content;gap:20px;padding:0 20px}.category-strip-inner strong{font-size:18px}.section{padding-top:64px;padding-bottom:64px}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:clamp(51px,13vw,71px)}.section-head p{font-size:13px}.service-overview-grid{grid-template-columns:1fr;gap:12px}.overview-card{height:285px}.overview-content h3{font-size:52px}.overview-img img{object-position:center 55%}.highlight-layout,.detail-showcase,.rental-split{grid-template-columns:1fr;gap:29px}.highlight-media{height:290px}.highlight-copy h2,.rental-split h2{font-size:75px}.highlight-sticker{font-size:23px;padding:12px}.feature-list{grid-template-columns:1fr 1fr;font-size:10px}.steps-grid{grid-template-columns:1fr;gap:8px}.steps-grid>div{padding:26px}.steps-grid h3{margin:7px 0 7px}.video-feature-grid,.full-video-grid{grid-template-columns:1fr}.video-image{height:210px}.video-card{display:grid;grid-template-columns:120px 1fr}.video-image{height:170px}.video-meta{padding:20px}.video-meta strong{font-size:24px}.promo-content{padding:67px 0}.promo-cta h2{font-size:clamp(55px,15vw,87px)}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 20px;padding:48px 0}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:grid;gap:8px}.inner-hero-grid{display:grid;grid-template-columns:1fr;gap:0;min-height:0}.inner-hero-grid>div:first-child{padding:59px 0 35px}.inner-hero h1{font-size:clamp(70px,17vw,104px);line-height:.84}.inner-hero p{font-size:14px}.inner-image{height:250px;margin:0 -15px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.inner-image:after{background:linear-gradient(0deg,#121a148a,transparent 58%)}.price-ribbon .container{min-height:73px;display:block;padding:12px 0}.price-ribbon .container>*{display:block}.price-ribbon b{font-size:24px}.tiles-grid{grid-template-columns:1fr;gap:10px}.service-tile{min-height:245px}.tile-top h3{font-size:39px}.detail-showcase h2{font-size:75px}.detail-showcase-images>img{height:280px}.detail-showcase-images>img+img{height:250px}.tour-intro{padding:19px;gap:12px}.tour-intro p{font-size:12px}.tour-symbol{font-size:38px}.tour-highlight-content{padding:75px 0}.tour-highlight h2{font-size:87px}.booking-hero{padding:65px 0 47px}.booking-hero h1{font-size:75px}.booking-section{padding:47px 0 75px}.step-title h2{font-size:29px}.booking-cats{gap:6px}.booking-cat{padding:12px 6px}.booking-cat.selected{padding:11px 5px}.booking-cat>span{font-size:22px}.booking-cat strong{font-size:20px}.booking-date-grid,.form-grid{grid-template-columns:1fr;gap:16px}.span-two{grid-column:span 1}.slots-grid{grid-template-columns:repeat(3,1fr)}.no-slots{grid-column:span 3}.slots-label{align-items:start;flex-direction:column;gap:6px}.time-slot{font-size:15px}.booking-aside{grid-template-columns:1fr}.booking-done{padding:70px 0}.booking-done h1{font-size:84px}.done-actions{flex-direction:column}.admin-content{padding:25px 13px}.admin-top{align-items:start}.admin-top h1{font-size:39px}.admin-top-right{flex-wrap:wrap;justify-content:flex-end;font-size:9px;gap:6px}.admin-panel{padding:16px}.admin-panel-head{display:block}.admin-panel-head .admin-link,.admin-panel-head .admin-actions{margin-top:16px}.admin-stats{gap:7px}.admin-stats>div{padding:15px}.admin-stats span{font-size:9px}.admin-stats b{font-size:45px}.admin-quick{grid-template-columns:1fr}.booking-row{grid-template-columns:1fr 1fr;gap:11px}.booking-row-main{grid-column:1/-1}.booking-row-date{grid-column:1}.booking-row-contact{grid-column:2}.booking-row-actions{grid-column:1/-1}.calendar-strip{gap:2px}.calendar-day{padding:9px 2px}.calendar-day b{font-size:23px}.calendar-day small{font-size:7px}.admin-filters{grid-template-columns:1fr 1fr}.admin-filters label:last-child{grid-column:1/-1}.admin-service{grid-template-columns:1fr auto}.admin-service strong{text-align:left;grid-column:1}.admin-service>.mini-btn{grid-column:2;grid-row:1/3}.hours-row{grid-template-columns:1fr 70px 1fr 18px 1fr;gap:5px;padding:8px 5px}.hours-row input[type=time]{padding:5px 0;font-size:11px}.hours-row strong{font-size:10px}.toggle{font-size:0}.details-grid{grid-template-columns:1fr}.edit-modal,.details-modal{padding:17px}.edit-modal-head h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.additional-services{border-top:1px solid #d7ddd3;margin-top:40px;padding-top:30px}.additional-services h3{font-size:35px;margin:0 0 9px}.additional-services p{color:#6d756b;font-size:13px;line-height:1.6}.additional-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.additional-pills a{background:#edf2e7;color:#203020;border:1px solid #d7e5cb;padding:12px 15px;font-size:12px;font-weight:800;display:flex;gap:12px;align-items:center}.additional-pills a:hover{border-color:#8ebe55;background:#e4f2d0}.additional-pills b{color:#6b9c2b}

/* Full transparent TNT brand image in the navbar. */
.main-header .brand--fullmark { display:flex; align-items:center; min-width:0; max-width:min(100%, 470px); }
.main-header .brand-fullmark { width:100%; max-width:470px; height:auto; display:block; object-fit:contain; }
@media (max-width: 1100px) {
  .main-header .brand--fullmark { max-width:390px; }
  .main-header .brand-fullmark { max-width:390px; }
}
@media (max-width: 860px) {
  .main-header .brand--fullmark { max-width:320px; }
  .main-header .brand-fullmark { max-width:320px; }
}
@media (max-width: 600px) {
  .main-header .brand--fullmark { max-width:220px; }
  .main-header .brand-fullmark { max-width:220px; }
  .nav-shell { gap: 9px; }
}
@media (max-width: 390px) {
  .main-header .brand--fullmark { max-width:190px; }
  .main-header .brand-fullmark { max-width:190px; }
}

.main-header .brand--fullmark{
  display:flex;
  align-items:center;
  min-width:0;
  max-width:min(100%, 300px);
}

.main-header .brand-fullmark{
  width:100%;
  max-width:300px;
  height:auto;
  display:block;
  object-fit:contain;
}

@media (max-width: 1100px){
  .main-header .brand--fullmark,
  .main-header .brand-fullmark{
    max-width:250px;
  }
}

@media (max-width: 860px){
  .main-header .brand--fullmark,
  .main-header .brand-fullmark{
    max-width:210px;
  }
}

@media (max-width: 600px){
  .main-header .brand--fullmark,
  .main-header .brand-fullmark{
    max-width:170px;
  }
}

@media (max-width: 390px){
  .main-header .brand--fullmark,
  .main-header .brand-fullmark{
    max-width:145px;
  }
}

/* TNT Navbar Logo - Compact Size */

.main-header .brand--fullmark {
  display: flex;
  align-items: center;
  width: 210px;
  max-width: 210px;
  flex-shrink: 0;
}

.main-header .brand-fullmark {
  display: block;
  width: 100%;
  height: auto;
  max-height: 65px;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 860px) {
  .main-header .brand--fullmark {
    width: 180px;
    max-width: 180px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .main-header .brand--fullmark {
    width: 145px;
    max-width: 145px;
  }

  .main-header .brand-fullmark {
    max-height: 48px;
  }
}


/* ==========================================
   TNT TRANSPARENT HERO IMAGE
   ========================================== */

.hero-grid {
  isolation: isolate;
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.hero-visual.hero-visual--transparent {
  position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.hero-visual--transparent .hero-art {
  display: block;
  width: min(630px, 49vw);
  max-width: none;
  max-height: 605px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 24px 28px rgba(0, 0, 0, 0.25));
}

/* Medium desktop */
@media (max-width: 1100px) {
  .hero-visual.hero-visual--transparent {
    min-height: 540px;
  }

  .hero-visual--transparent .hero-art {
    width: min(530px, 49vw);
    max-height: 525px;
  }
}

/* Tablet */
@media (max-width: 860px) {
  .hero-visual.hero-visual--transparent {
    min-height: 515px;
  }

  .hero-visual--transparent .hero-art {
    width: min(480px, 51vw);
    max-height: 500px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .hero-visual.hero-visual--transparent {
    min-height: 0;
    padding: 0 0 18px;
    margin: 0 -15px;
  }

  .hero-visual--transparent .hero-art {
    width: min(100%, 520px);
    max-width: 100%;
    max-height: none;
  }
}

/* =========================
   HOW IT WORKS — ENHANCED
   ========================= */

.how-it-works-wrap{
  position: relative;
}

.steps-grid--enhanced{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 28px;
}

.step-card{
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(244,246,240,0.96));
  border-top: 4px solid #9BE22D;
  padding: 34px 34px 30px;
  min-height: 270px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.step-card::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(155,226,45,.16), transparent 34%),
    linear-gradient(135deg, rgba(0,0,0,.03), transparent 45%);
  pointer-events: none;
}

.step-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 32px rgba(0,0,0,.08);
  border-top-color: #7fbc17;
}

.step-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
  position: relative;
  z-index: 1;
}

.step-number{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 62px;
  line-height: 1;
  color: rgba(20, 26, 15, 0.16);
  letter-spacing: .02em;
}

.step-icon{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: #0d0f0e;
  color: #9BE22D;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

.step-card h3{
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
}

.step-card p{
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
}

.step-card small{
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #5c6557;
  font-size: 13px;
  letter-spacing: .02em;
}

.steps-cta{
  margin-top: 26px;
  display: flex;
  justify-content: center;
}

@media (max-width: 900px){
  .steps-grid--enhanced{
    grid-template-columns: 1fr;
  }

  .step-card{
    min-height: auto;
  }
}


/* =========================================
   TNT BOOKING STEPS - PREMIUM ICON DESIGN
   ========================================= */

.how-it-works-wrap {
  position: relative;
}

.how-it-works-wrap .steps-grid--enhanced {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

/* STEP CARDS */

.how-it-works-wrap .step-card {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  padding: 34px 34px 30px;
  border-top: 4px solid #a2f332;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.8),
    rgba(244,246,240,0.96)
  );

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.how-it-works-wrap .step-card::before {
  content: "";
  position: absolute;
  inset: 0;

  background: radial-gradient(
    circle at top right,
    rgba(155,226,45,0.13),
    transparent 38%
  );

  pointer-events: none;
}

.how-it-works-wrap .step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px rgba(0,0,0,0.09);
}

/* CARD HEADERS */

.how-it-works-wrap .step-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

/* STEP NUMBERS */

.how-it-works-wrap .step-number {
  font-family: Impact, Haettenschweiler,
    'Arial Narrow Bold', sans-serif;

  font-size: 62px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: rgba(20,26,15,0.18);
}

/* BLACK CIRCULAR ICON BADGES */

.how-it-works-wrap .step-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;

  border-radius: 50%;
  border: 2px solid #a2f332;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #0d120f;
  color: #ffffff;

  box-shadow:
    0 8px 18px rgba(0,0,0,0.14),
    0 0 0 4px rgba(162,243,50,0.06);

  font-size: 0;
  line-height: 0;
}

/* WHITE SVG LINE ICONS */

.how-it-works-wrap .step-icon svg {
  display: block;
  width: 29px;
  height: 29px;
  fill: none;
  stroke: #ffffff;
}

/* CONTENT */

.how-it-works-wrap .step-card h3,
.how-it-works-wrap .step-card p,
.how-it-works-wrap .step-card small {
  position: relative;
  z-index: 1;
}

.how-it-works-wrap .step-card h3 {
  margin: 0 0 12px;
}

.how-it-works-wrap .step-card p {
  margin: 0 0 14px;
}

.how-it-works-wrap .step-card small {
  display: inline-block;
  color: #5c6557;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

/* BOOKING BUTTON */

.how-it-works-wrap .steps-cta {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

/* MOBILE RESPONSIVE */

@media (max-width: 900px) {
  .how-it-works-wrap .steps-grid--enhanced {
    grid-template-columns: 1fr;
  }

  .how-it-works-wrap .step-card {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .how-it-works-wrap .step-card {
    transition: none;
  }

  .how-it-works-wrap .step-card:hover {
    transform: none;
  }
}


/* =========================================
   TNT HOMEPAGE — FINAL VIDEO GALLERY
   ========================================= */

.video-feature .video-image img,
.full-video-grid .video-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(1.06) saturate(1.06);

  transition:
    transform 0.4s ease,
    filter 0.4s ease;
}

/* Keep text readable over video thumbnails */

.video-feature .video-image::before,
.full-video-grid .video-image::before {
  background: linear-gradient(
    180deg,
    transparent 30%,
    rgba(0, 0, 0, 0.38) 100%
  );
}

/* LIME-GREEN PLAY BUTTON */

.video-feature .video-play,
.full-video-grid .video-play {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 60px;
  height: 60px;

  border: 2px solid #a2f332;
  border-radius: 50%;

  background: rgba(12, 17, 12, 0.92);
  color: #a2f332;

  box-shadow: 0 0 0 5px rgba(162, 243, 50, 0.11);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

/* WHITE/LIME PLAY SYMBOL */

.video-feature .video-play svg,
.full-video-grid .video-play svg {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  fill: currentColor;
}

/* HOVER EFFECTS */

.video-feature .video-card:hover img,
.full-video-grid .video-card:hover img {
  transform: scale(1.065);
  filter: brightness(1.13) saturate(1.12);
}

.video-feature .video-card:hover .video-play,
.full-video-grid .video-card:hover .video-play {
  background: #a2f332;
  color: #101510;

  box-shadow: 0 0 0 8px rgba(162, 243, 50, 0.17);
}

/* KEYBOARD ACCESSIBILITY */

.video-feature .video-card:focus-visible,
.full-video-grid .video-card:focus-visible {
  outline: 3px solid #a2f332;
  outline-offset: 4px;
}

/* =========================================
   TNT FOOTER — PREMIUM BRANDING
   ========================================= */

/* MAIN FOOTER LOGO */

.footer .footer-logo-link {
  display: inline-block;
  width: min(100%, 260px);
  margin-bottom: 18px;
}

.footer .footer-logo-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 110px;
  object-fit: contain;
  object-position: left center;
}

/* FOOTER DESCRIPTION */

.footer .footer-company p {
  max-width: 300px;
  line-height: 1.8;
}

/* CONTACT DETAILS */

.footer .footer-contact-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.footer .footer-contact-item,
.footer .footer-address {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* CONTACT LABELS */

.footer .footer-phone-label {
  display: block;
  color: #a4afa0;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

/* PHONE NUMBERS */

.footer .footer-phone-number {
  color: #a2f332;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;

  transition: color 0.2s ease;
}

.footer .footer-phone-number:hover {
  color: #ffffff;
}

/* BUSINESS ADDRESS */

.footer .footer-business-address {
  color: #d4ddd0;
  font-size: 12px;
  line-height: 1.6;
}

/* BOOKING CTA */

.footer .footer-booking .btn {
  margin-top: 6px;
}

/* RESPONSIVE ADJUSTMENTS */

@media (max-width: 600px) {
  .footer .footer-logo-link {
    width: min(100%, 225px);
  }

  .footer .footer-phone-number {
    font-size: 14px;
  }

  .video-feature .video-play,
  .full-video-grid .video-play {
    width: 46px;
    height: 46px;
  }

  .video-feature .video-play svg,
  .full-video-grid .video-play svg {
    width: 19px;
    height: 19px;
  }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
  .video-feature .video-image img,
  .full-video-grid .video-image img,
  .video-feature .video-play,
  .full-video-grid .video-play {
    transition: none;
  }

  .video-feature .video-card:hover img,
  .full-video-grid .video-card:hover img {
    transform: none;
  }
}


/* =====================================
   TNT TOURS HERO IMAGE FIX
   Center image without cropping
   ===================================== */

.inner-hero.tours-hero .inner-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  clip-path: none;
  background: #131812;
}

.inner-hero.tours-hero .inner-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  filter: none;
}

/* Remove dark overlay from Tours hero image only */

.inner-hero.tours-hero .inner-image::after {
  display: none;
}

/* Mobile adjustment */

@media (max-width: 600px) {
  .inner-hero.tours-hero .inner-image {
    height: 360px;
  }
}


/* ========================================
   TNT TOURS HERO — FINAL IMAGE FIX
   Angled design with full van visible
   ======================================== */

.inner-hero.tours-hero .inner-image {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 490px;

  /* Restore the original angled effect */
  clip-path: polygon(
    15% 0,
    100% 0,
    100% 100%,
    0 100%
  );

  background: transparent;
}

/* Fill the frame without cutting off the van */

.inner-hero.tours-hero .inner-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* Keep the full vehicle and wheels in view */
  object-position: center bottom;

  filter: saturate(1.08) contrast(1.04);
}

/* Restore cinematic shading */

.inner-hero.tours-hero .inner-image::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(13, 23, 12, 0.5),
      transparent 35%
    ),
    linear-gradient(
      0deg,
      rgba(9, 17, 12, 0.32),
      transparent 30%
    );

  pointer-events: none;
}

/* Keep TNT decorative lettering visible */

.inner-hero.tours-hero .image-number {
  position: absolute;
  z-index: 2;
}

/* Tablet */

@media (max-width: 860px) {
  .inner-hero.tours-hero .inner-image {
    height: 430px;
  }
}

/* Mobile */

@media (max-width: 600px) {
  .inner-hero.tours-hero .inner-image {
    height: 280px;
    clip-path: none;
  }

  .inner-hero.tours-hero .inner-image > img {
    object-position: center bottom;
  }
}
