@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#152d26;background:#f6f8f1;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding-bottom:76px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.header{height:88px;display:flex;align-items:center;gap:32px;padding:0 clamp(22px,5vw,85px);background:#fbfcf8;position:sticky;top:0;z-index:10;border-bottom:1px solid #dfe7dc}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand img{width:45px;height:45px;object-fit:contain}.brand em{color:#7aa420;font-style:normal}.header nav{display:flex;gap:clamp(14px,2.3vw,37px);margin:auto;font-size:14px;font-weight:700}.header nav a:hover,.text-link:hover{color:#739d19}.header-cta{background:#143a2c;color:#fff;padding:13px 20px;border-radius:4px;font-size:13px;font-weight:700;white-space:nowrap}.header-cta span,.button span{margin-left:13px}.section{scroll-margin-top:88px}.hero{min-height:640px;display:grid;grid-template-columns:1.14fr .86fr}.hero-copy{background:#f6f8f1;padding:clamp(50px,6vw,110px) clamp(24px,5vw,85px) 25px;display:flex;flex-direction:column}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:2.3px;color:#6f922d}.eyebrow{display:flex;align-items:center;gap:15px}.line{width:28px;height:2px;background:#8caf2e}.hero h1{font-size:clamp(39px,4.15vw,70px);letter-spacing:-.064em;line-height:1.13;margin:31px 0 22px;font-weight:800;white-space:nowrap}.hero h1 i,.info-section h2 i,.accessories h2 i{font-style:normal;color:#84a924}.hero h1 span{font-size:.77em}.hero p{font-size:17px;line-height:1.8;max-width:590px;color:#53645a;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;font-size:14px;font-weight:800;border-radius:4px}.primary{background:#a9ce3d;color:#152f22}.primary:hover{background:#bce34b}.text-link{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.hero-foot{margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;gap:15px;color:#839183;font-size:11px;letter-spacing:1.2px;font-weight:800}.hero-art{background:#dce7cf;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:7%;border:1px solid #a4ba98;border-radius:50%;transform:scale(1.28)}.hero-art img{position:relative;width:min(72%,570px);aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 25px #34563720);border-radius:50%}.hero-art-top,.hero-art-bottom{position:absolute;z-index:1;font-size:11px;letter-spacing:1.4px;font-weight:800;color:#45624e}.hero-art-top{top:42px;left:44px;line-height:2}.hero-art-top strong{color:#153a2a;letter-spacing:0;font-size:15px}.hero-art-bottom{bottom:35px;left:44px;right:44px;display:flex;justify-content:space-between}.hero-art-bottom span:last-child{font-size:25px}.band{display:flex;align-items:center;justify-content:space-around;gap:12px;overflow:hidden;white-space:nowrap;background:#123b2d;color:#d9eaa7;min-height:75px;padding:12px 20px;font-size:11px;letter-spacing:1.8px;font-weight:800}.band .dot{font-size:18px;color:#91b835}.info-section{padding:105px clamp(24px,6vw,105px) 120px;background:#fff}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-intro h2,.accessories h2,.contact h2{font-size:clamp(35px,3.4vw,56px);line-height:1.15;letter-spacing:-.055em;margin:20px 0 0}.section-intro p{max-width:365px;color:#627168;line-height:1.8;font-size:16px;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.feature-grid article{border-top:2px solid #c3d8ba;padding-top:22px}.feature-number{font-size:13px;color:#85a82b;font-weight:800}.feature-grid h3{font-size:23px;letter-spacing:-.04em;margin:27px 0 12px}.feature-grid p{color:#657268;line-height:1.8;font-size:15px;max-width:340px}.accessories{background:#143b2c;color:white;padding:100px clamp(24px,6vw,105px);display:grid;grid-template-columns:1fr 1fr;gap:11vw}.accessories .kicker{color:#b6db52}.accessories h2 i{color:#b7d957}.accessories p{line-height:1.8;color:#c7d7cc;max-width:480px;font-size:16px;margin:25px 0 30px}.light{background:#e8f2d1;color:#15372b}.accessories ul{list-style:none;padding:35px 0 0;margin:0}.accessories li{border-bottom:1px solid #57806a;padding:22px 0;font-size:18px;font-weight:700}.accessories li span{color:#b5d952;font-size:12px;margin-right:25px}.contact{text-align:center;background:#e9f1df;padding:100px 24px 115px}.contact p{max-width:620px;margin:22px auto 32px;color:#53695a;line-height:1.8}.contact small{display:block;margin:15px auto;color:#66766a}footer{display:flex;justify-content:space-between;gap:20px;background:#0e2c22;color:#c9d9c7;padding:35px clamp(24px,6vw,105px);font-size:13px}.player{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:76px;background:#102b22;color:white;display:flex;align-items:center;gap:18px;padding:10px clamp(16px,5vw,85px);box-shadow:0 -6px 30px #0d251920}.player button{border:0;background:#a9ce3d;color:#102b22;width:42px;height:42px;border-radius:50%;font-weight:900;flex:none}.player button:last-of-type{background:transparent;color:#e4f0d6;font-size:22px}.track{display:flex;flex-direction:column;min-width:190px;gap:2px}.track strong{font-size:13px}.track span{font-size:11px;color:#b6c9bc}.player input{flex:1;accent-color:#a9ce3d;min-width:35px}.player #time{font-size:12px;min-width:38px;color:#d1ddcf}@media(max-width:950px){.header{height:76px;gap:15px;padding:0 22px}.header nav{gap:13px}.header nav a{font-size:12px}.hero{grid-template-columns:1fr 42%}.hero h1{font-size:clamp(30px,4vw,48px)}.hero-copy{padding:65px 30px 25px}.hero p{font-size:15px}.hero-art img{width:89%}.section-intro{display:block}.section-intro p{max-width:650px;margin-top:25px}}@media(max-width:680px){body{padding-bottom:75px}.header{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 18px 0;gap:0}.brand{font-size:20px}.brand img{width:40px;height:40px}.header-cta{margin-left:auto;padding:11px 12px;font-size:11px}.header nav{order:3;overflow-x:auto;width:100%;margin:8px -18px 0;padding:9px 18px 12px;justify-content:space-between;gap:20px;white-space:nowrap;border-top:1px solid #edf0e9}.header nav a{font-size:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:54px 23px 20px;min-height:510px}.hero h1{font-size:clamp(34px,8vw,50px);white-space:normal}.hero h1 span{font-size:.77em}.hero p{font-size:16px}.hero-actions{gap:21px}.hero-foot{padding-top:36px}.hero-art{min-height:350px}.hero-art img{width:310px;max-width:80%}.hero-art-top{top:20px;left:23px}.hero-art-bottom{bottom:18px;left:23px;right:23px}.band{justify-content:flex-start;gap:24px}.info-section,.accessories{padding:75px 23px}.feature-grid{grid-template-columns:1fr;gap:16px;margin-top:40px}.feature-grid article{padding-top:14px}.feature-grid h3{margin:15px 0 8px}.accessories{grid-template-columns:1fr;gap:12px}.accessories ul{padding:0}.accessories li{font-size:15px}.contact{padding:75px 23px}.contact h2{font-size:42px}footer{flex-direction:column;padding:25px 23px}.player{gap:9px;padding:9px 12px}.track{min-width:0;width:130px}.track strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track span{font-size:10px}.player #time{display:none}.player button{width:38px;height:38px}}

/* Sunshine and warmth alongside the original greens. */
.hero-copy{background:linear-gradient(135deg,#fff9ec 0%,#f6f8f1 67%)}
.hero-art{background:linear-gradient(145deg,#d8ebe3 0%,#f4e9bd 100%)}
.hero-art:before{border-color:#a6c5ae}
.hero h1 i,.info-section h2 i{color:#cc7950}
.eyebrow,.kicker{color:#a85638}
.line{background:#d08b5d}
.primary{background:#efba58;color:#173326}
.primary:hover{background:#f8ca73}
.band{background:#174938;color:#fff1c7}
.band .dot{color:#f3b85d}
.feature-grid article:nth-child(1){border-color:#e6a76c}
.feature-grid article:nth-child(2){border-color:#8dbbaa}
.feature-grid article:nth-child(3){border-color:#b2cd70}
.feature-grid article:nth-child(1) .feature-number{color:#b86842}
.feature-grid article:nth-child(2) .feature-number{color:#368976}
.accessories{background:linear-gradient(125deg,#143b2c 0%,#205a44 100%)}
.accessories .kicker,.accessories li span{color:#f1bf75}
.contact{background:linear-gradient(145deg,#f9e4c6 0%,#e1efdc 100%)}
.player button:first-child{background:#efba58}

.page:not(.active){display:none}
.inner-page{min-height:calc(100vh - 240px);padding:clamp(60px,7vw,110px) clamp(24px,7vw,110px) 110px;background:linear-gradient(135deg,#fff9ec,#f4f8ef 72%)}
.page-heading{max-width:850px;margin-bottom:65px}
.page-heading h1{font-size:clamp(42px,6vw,84px);line-height:1.09;letter-spacing:-.065em;margin:25px 0;overflow-wrap:anywhere}
.page-heading h1 i{font-style:normal;color:#be754a}
.page-heading p{font-size:clamp(17px,1.5vw,21px);color:#53685b;line-height:1.75;max-width:700px}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:25px 0 45px}
.editorial-grid article{background:#fff;padding:35px;border-top:4px solid #e9ba68;min-height:250px}
.editorial-grid article:nth-child(2){border-color:#82b49d}
.editorial-grid h2{font-size:clamp(23px,2.1vw,32px);letter-spacing:-.04em}
.editorial-grid p{font-size:16px;line-height:1.8;color:#576b5c}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-options>*{background:#fff;border-top:4px solid #e9ba68;padding:30px;display:flex;flex-direction:column;gap:15px;overflow-wrap:anywhere}
.contact-options>*:nth-child(2){border-color:#8fbca3}.contact-options>*:nth-child(3){border-color:#abc767}
.contact-options span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#a75d3c}
.contact-options strong{font-size:clamp(17px,1.6vw,22px)}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{text-decoration:underline;text-underline-offset:4px}
.legal-page{background:#f9faf5}.legal-page .page-heading{margin-bottom:40px}
.language-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.language-tabs button{border:1px solid #99b4a2;background:#fff;color:#173b2d;border-radius:4px;padding:10px 17px;font-weight:700;min-height:44px}
.language-tabs button.selected{background:#163d2d;color:#fff}
.legal-copy{background:white;padding:clamp(22px,4vw,60px);max-width:1100px;line-height:1.75;font-size:15px;overflow-wrap:anywhere}
.legal-copy h2{font-size:21px;letter-spacing:-.02em;margin:30px 0 12px;color:#153e2d}
.legal-copy p{margin:0 0 15px;white-space:pre-wrap}
.table-wrap{max-width:100%;overflow-x:auto;margin:18px 0 24px}
.legal-copy table{border-collapse:collapse;min-width:500px;width:100%;font-size:14px}
.legal-copy td{border:1px solid #d5e2d8;padding:9px 11px;vertical-align:top;min-width:100px}
.legal-copy tr:nth-child(even){background:#f4f8f2}
.legal-note{background:#fff0d2;border-left:4px solid #ca8a36;padding:15px 18px;line-height:1.6;max-width:700px}
@media(max-width:920px){.header nav{gap:10px}.header nav a{font-size:11px}.contact-options{grid-template-columns:1fr}}
@media(max-width:680px){.inner-page{padding:55px 23px 80px}.editorial-grid{grid-template-columns:1fr}.editorial-grid article{min-height:0}.page-heading{margin-bottom:38px}.legal-copy{font-size:14px}.footer-links{gap:12px}}

.price-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;margin-bottom:42px}
.price-card{background:#fff;padding:32px 34px;border-top:4px solid #e9ba68}
.price-card:nth-child(even){border-top-color:#82b49d}
.price-card h2{font-size:27px;letter-spacing:-.04em;margin:13px 0 24px}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid #e2e9de;font-size:15px}
.price-row span{min-width:0}.price-row strong{text-align:right;white-space:nowrap;font-size:16px;color:#193f30}
.price-row small{display:block;margin-top:3px;color:#68786b;font-size:13px;line-height:1.5}
.price-row.deposit{background:#f3f7e9;margin:13px -12px 0;padding:12px}
.price-note{font-size:13px;line-height:1.7;color:#586a5d;margin:16px 0 0}
.price-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.price-sections{grid-template-columns:1fr}}
@media(max-width:680px){.price-card{padding:25px 20px}.price-row{font-size:14px}.price-row strong{font-size:14px;white-space:normal;flex:0 0 40%}}

/* Small-screen reading and navigation refinements. */
.legal-copy ol,.legal-copy ul{padding-left:0;list-style:none}
.legal-copy li{margin:0 0 13px;line-height:1.72}
.legal-copy li>ol,.legal-copy li>ul{margin:13px 0 20px 24px}
.legal-copy li>p{margin:0}
.legal-number{font-weight:800;color:#174a35;white-space:nowrap}
.partner-empty{background:#fff;padding:clamp(24px,4vw,44px);border-top:4px solid #e9ba68;max-width:760px}
.partner-empty h2{font-size:28px;letter-spacing:-.04em;margin:0 0 15px}
.partner-empty p{font-size:16px;color:#596c5e;line-height:1.8;margin:0}
.partner-directory:has(.partner-entry){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.partner-entry{background:#fff;padding:22px;border-top:4px solid #e9ba68}.partner-entry img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:20px}.partner-entry h2{font-size:27px;margin:0 0 12px}.partner-entry p{line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.partner-entry a{font-weight:700;color:#174938;text-decoration:underline}
@media(max-width:680px){
  .header{position:relative;max-width:100vw}.header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:calc(100% + 36px);overflow:visible}
  .header nav a{text-align:center;padding:9px 3px;font-size:12px;white-space:normal;line-height:1.35}
  .hero h1{font-size:clamp(30px,8vw,48px);line-height:1.17;overflow-wrap:normal;hyphens:auto}
  .hero-copy{min-width:0}.hero p,.page-heading p,.editorial-grid p,.accessories p{overflow-wrap:break-word}
  .page-heading h1{font-size:clamp(38px,10vw,58px);line-height:1.13;overflow-wrap:break-word}
  .accessories li{line-height:1.5}
  .price-row{display:block}.price-row strong{display:block;text-align:left;margin-top:6px;line-height:1.4}
  .legal-copy{padding:20px 16px}.legal-copy li>ol,.legal-copy li>ul{margin-left:12px}
  .legal-copy table{font-size:13px}.legal-copy td{min-width:140px;overflow-wrap:break-word}
  .player{max-width:100vw}.track{flex:0 1 125px}.player input{width:30px;min-width:20px}
}

.about-page .page-heading{margin-bottom:42px}
.about-story{max-width:850px;background:#fff;padding:clamp(24px,5vw,60px);border-top:5px solid #e9ba68}
.about-story h2{font-size:clamp(26px,3vw,40px);line-height:1.23;letter-spacing:-.04em;margin:55px 0 20px;color:#183f30}
.about-story h2:first-child{margin-top:0}
.about-story p{font-size:17px;line-height:1.85;color:#3d5044;margin:0 0 18px}
.about-story .story-line{font-weight:800;color:#1d4b35;margin-bottom:7px}
@media(max-width:680px){.about-story{padding:25px 20px}.about-story p{font-size:16px;line-height:1.76}.about-story h2{margin-top:40px}}

/* Keep Word document tables separate from the site's navigation header. */
.legal-copy tr.legal-table-heading{display:table-row;position:static;height:auto;background:#eaf3e7;color:#173c2b;border:0;padding:0}
.legal-copy th{border:1px solid #cbdccf;text-align:left;vertical-align:top;padding:11px 12px;min-width:125px;font-size:14px;white-space:normal;overflow-wrap:break-word}
.legal-copy .table-wrap{overflow-x:auto;max-width:100%;margin:22px 0}
.legal-copy ul{list-style:disc;padding-left:1.5rem}
.legal-copy ul li{padding-left:.15rem}
.legal-copy h1{font-size:22px;line-height:1.4;color:#153e2d;margin:36px 0 15px;letter-spacing:-.02em}
.legal-copy mark{background:#f9e1a5}
@media(max-width:680px){.legal-copy th{min-width:145px}.legal-copy table{width:max-content;min-width:100%}.legal-copy p,.legal-copy li{overflow-wrap:break-word}}

.legal-copy table.two-column{width:100%;min-width:0;table-layout:fixed}
.legal-copy table.two-column :is(th,td):first-child{width:35%;min-width:0}
.legal-copy table.two-column :is(th,td):last-child{width:65%;min-width:0}
@media(max-width:680px){.legal-copy table.two-column{width:100%;min-width:0}.legal-copy table.two-column :is(th,td){min-width:0;overflow-wrap:anywhere;word-break:normal}}

.legal-copy .legal-section{font-size:21px;letter-spacing:-.02em;margin:32px 0 13px;color:#153e2d}
.legal-copy .legal-clause{margin:0 0 15px}
.legal-copy .legal-subclause{margin:0 0 8px 22px}
.legal-copy .legal-number{display:inline;white-space:nowrap;font-weight:800;color:#174a35}
@media(max-width:680px){.legal-copy .legal-subclause{margin-left:12px}}

.legal-copy .legal-list-item{padding-left:2.2rem;text-indent:-2.2rem;margin:0 0 13px;line-height:1.75}
.legal-copy .legal-list-item .legal-number{display:inline-block;min-width:1.7rem;text-indent:0}

/* Show every message in the brand strip on narrow screens. */
@media(max-width:900px){
  .band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;white-space:normal;overflow:visible;padding:10px 18px}
  .band .dot{display:none}
  .band>span:not(.dot){padding:11px 10px;text-align:center;line-height:1.5;min-width:0}
}
@media(max-width:360px){.band{grid-template-columns:1fr}.band>span:not(.dot){padding:7px 8px}}

/* Rental fleet */
.bike-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 48px}
.bike-card{min-width:0;background:#fff;border:1px solid #e0e8de;overflow:hidden}
.bike-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f5f6f3}
.bike-card-copy{padding:19px 22px 23px}
.bike-card h2{font-size:22px;line-height:1.2;margin:0;color:#193f30;letter-spacing:-.03em}
.bike-card p{margin:8px 0 0;color:#657466;font-size:14px}
.bike-accessories{background:#eaf2e6;padding:clamp(25px,4vw,45px);max-width:850px}
.bike-accessories h2{font-size:clamp(24px,3vw,33px);line-height:1.25;margin:0 0 12px;color:#193f30}
.bike-accessories p{line-height:1.75;margin:0 0 23px;color:#465a49}
@media(max-width:980px){.bike-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.bike-grid{grid-template-columns:1fr;gap:18px}.bike-card img{aspect-ratio:4/3}.bike-accessories{padding:25px 20px}}

.bike-card{appearance:none;text-align:left;padding:0;font:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s}
.bike-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1c3c2520}
.bike-card:focus-visible,.bike-viewer button:focus-visible{outline:3px solid #f3c55b;outline-offset:3px}
.bike-card-copy{display:block}.bike-card-copy strong{display:block;font-size:22px;line-height:1.2;color:#193f30;letter-spacing:-.03em}.bike-card-copy span{display:block;margin-top:8px;color:#657466;font-size:14px}
body.viewer-open{overflow:hidden}
.bike-viewer[hidden]{display:none}
.bike-viewer{position:fixed;inset:0;z-index:1000;background:#101612f5;color:#fff;display:grid;grid-template-columns:minmax(42px,1fr) minmax(0,1100px) minmax(42px,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;padding:15px;overscroll-behavior:contain}
.bike-viewer-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:17px;min-height:46px}
.bike-viewer button{border:0;color:white;background:transparent;cursor:pointer}
#bike-close{font-size:36px;line-height:1;padding:2px 12px}
.bike-arrow{font-size:55px;line-height:1;min-width:40px}
.bike-viewer-content{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%}
.bike-viewer-content img{display:block;width:auto;max-width:100%;max-height:min(70vh,900px);min-height:0;object-fit:contain}
.bike-viewer-details{text-align:center;padding:0 16px 14px;line-height:1.35}
.bike-viewer-details h2{font-size:clamp(22px,3vw,30px);margin:0 0 6px;color:#fff}
.bike-viewer-details p{font-size:clamp(16px,2vw,20px);margin:3px 0;color:#e7eee8}
#bike-prev{grid-column:1;grid-row:2}#bike-next{grid-column:3;grid-row:2}
@media(max-width:680px){.bike-viewer{grid-template-columns:42px minmax(0,1fr) 42px;padding:7px}.bike-viewer-content{gap:15px}.bike-viewer-content img{max-height:63vh}.bike-arrow{font-size:42px}.bike-viewer-details{padding:0 0 25px}}

/* Longer homepage headline: allow natural wrapping at narrow widths. */
.hero h1{font-size:clamp(34px,3.65vw,61px);white-space:normal;text-wrap:balance}
@media(max-width:680px){.hero h1{font-size:clamp(31px,8vw,48px)}}

/* Photographs from My eBike tours */
.experience-photo{margin:0;position:relative;overflow:hidden;background:#e7ece2}
.experience-photo img{display:block;width:100%;height:100%;object-fit:cover}
.experience-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px clamp(24px,6vw,90px) 22px;background:linear-gradient(transparent,#102c25b8);color:white;font-size:clamp(15px,1.6vw,20px);font-weight:700}
.home-photo{height:clamp(280px,38vw,500px)}
.home-photo img{object-position:center 55%}
.about-photo{max-width:850px;height:clamp(230px,32vw,410px);margin:0 0 27px}
.accessories{align-items:start}
.accessory-photo{grid-column:1/-1;display:flex;align-items:center;gap:22px;margin:27px 0 0;padding-top:27px;border-top:1px solid #ffffff40}
.accessory-photo img{display:block;width:150px;height:150px;object-fit:cover;object-position:center 38%;border-radius:4px}
.accessory-photo figcaption{color:#f4f7ed;font-size:18px;line-height:1.5}
@media(max-width:680px){.home-photo{height:260px}.about-photo{height:240px}.accessory-photo{gap:15px}.accessory-photo img{width:120px;height:120px}.accessory-photo figcaption{font-size:15px}}

/* Keep long Hungarian headings, pricing and the bike viewer readable on phones. */
@media(max-width:680px){
  .hero h1{overflow-wrap:normal;word-break:normal;hyphens:none}
  .hero h1 span{display:inline-block;font-size:.72em;line-height:1.25;margin-top:.15em}
  .page-heading h1{overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:clamp(34px,9vw,52px)}
  .page-heading{min-width:0}
  .price-card,.bike-accessories,.about-story{min-width:0;overflow-wrap:break-word}
  .bike-viewer{display:block;padding:55px 10px 16px;overflow:auto}
  .bike-viewer-toolbar{position:absolute;top:4px;left:12px;right:8px}
  .bike-viewer-content{height:auto;min-height:calc(100dvh - 85px);justify-content:center;gap:18px;padding:0 26px}
  .bike-viewer-content img{width:100%;max-height:min(56dvh,600px);object-fit:contain}
  .bike-viewer-details{padding:0 0 30px}
  .bike-arrow{position:fixed;top:48%;z-index:1;min-width:40px;min-height:52px;background:#142a23bb!important;border-radius:4px}
  #bike-prev{left:3px}#bike-next{right:3px}
}
@media(max-width:390px){.page-heading h1{font-size:34px}.hero h1{font-size:31px}.price-card{padding:22px 17px}}

.back-to-top{border:1px solid #b7d3bb;background:#ecf3e8;color:#173d2d;font-weight:800;padding:12px 18px;border-radius:4px;white-space:nowrap}
.back-to-top:hover{background:#d7e9d5}
.back-to-top:focus-visible{outline:3px solid #edb85e;outline-offset:3px}
@media(max-width:680px){
  .hero-art-top,.hero-art-bottom{display:none}
  .hero-art{min-height:340px}
  .hero-art img{width:min(310px,82vw);max-width:82vw}
  .bikes-page .page-heading h1{font-size:clamp(31px,8vw,49px);hyphens:none;overflow-wrap:normal}
  .bikes-page .page-heading h1 i{display:block;white-space:nowrap;font-size:clamp(28px,7.7vw,49px)}
  .about-story h2 br{display:block}
}

/* Keep every part of the original logo inside its circular presentation. */
.hero-art .hero-logo{width:min(76%,570px);aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 18px 32px #34563715}
.hero-art .hero-logo img{width:78%;height:auto;max-width:78%;aspect-ratio:auto;border-radius:0;object-fit:contain;mix-blend-mode:normal;filter:none}
.mobile-break{display:none}
@media(max-width:680px){
  .hero-art:before{display:none}
  .hero-art .hero-logo{width:min(88vw,345px)}
  .hero-art .hero-logo img{width:78%;max-width:78%}
  .mobile-break{display:block}
}