/*
Theme Name: MILAmoto Dark Garage
Theme URI: https://www.milamoto.lt/
Author: MILAmoto
Description: Individuali tamsaus garažo stiliaus WordPress tema MILAmoto svetainei ir WooCommerce parduotuvei.
Version: 1.8.0
Requires at least: 6.8
Requires PHP: 7.4
Text Domain: milamoto
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--bg:#0b0c0d;--surface:#151719;--white:#f4f3ef;--muted:#acaba7;--copper:#b87a49;--copper-hover:#d49761;--line:#37393b;--container:1272px;--side:clamp(18px,5vw,74px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--copper-hover)}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--copper-hover);outline-offset:4px}::selection{background:var(--copper);color:#080808}
.site-container{width:min(100% - (var(--side)*2),var(--container));margin-inline:auto}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.screen-reader-text:focus{display:block;clip:auto;clip-path:none;position:fixed;top:10px;left:10px;height:auto;width:auto;padding:9px 14px;z-index:1000;background:#fff;color:#000}
/* Header */
.site-header{position:relative;z-index:60;background:#070809;border-bottom:1px solid #444649}.header-inner{display:flex;min-height:88px;align-items:center;gap:clamp(18px,3vw,50px)}.brand{flex:0 0 auto;display:flex;align-items:center;min-width:0}.brand .custom-logo-link{display:block}.brand .custom-logo{display:block;height:48px;width:auto;max-width:230px;object-fit:contain}.brand-text{display:inline-block;position:relative;color:var(--white);font-family:"Concielian Jet","Arial Narrow",Arial,sans-serif;font-size:clamp(25px,2.8vw,40px);font-weight:600;font-style:normal;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none}.brand-text:hover{color:var(--white)}.primary-navigation{margin-left:auto}.nav-list{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(18px,3vw,50px)}.nav-list>li{position:relative}.nav-list a{display:inline-flex;align-items:center;min-height:86px;font-weight:600;font-size:14px;white-space:nowrap;transition:color .15s}.nav-list li.current-menu-item>a,.nav-list li.current_page_item>a{color:var(--copper-hover)}.nav-list li.current-menu-item>a::after,.nav-list li.current_page_item>a::after{content:'';position:absolute;bottom:0;height:3px;left:0;right:0;background:var(--copper)}.cart-link{display:inline-flex;align-items:center;color:var(--white);position:relative;margin-left:4px;padding:5px}.cart-count{font-size:10px;font-weight:700;position:absolute;right:-9px;top:-5px;min-width:17px;height:17px;display:grid;place-items:center;background:var(--copper);color:#0b0b0b;border-radius:99px}.menu-toggle{display:none;cursor:pointer;background:none;border:1px solid var(--line);border-radius:5px;width:42px;height:40px;padding:8px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:22px;height:2px;background:var(--white);display:block;transition:transform .2s}
/* Text */
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em}h1,h2{font-weight:850}h2{font-size:clamp(30px,3.4vw,52px);margin:0 0 18px}.section-space{padding-block:clamp(60px,7.3vw,112px)}.eyebrow,.section-kicker{font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;color:var(--copper-hover);margin:0 0 19px}.lead{font-size:clamp(16px,1.55vw,20px)}.muted{color:var(--muted)}.button{min-height:53px;padding:12px 24px;display:inline-flex;justify-content:center;align-items:center;gap:34px;font-size:12px;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.075em;transition:border-color .15s,background-color .15s,transform .15s}.button-outline{background:rgba(6,7,8,.72);border:1px solid var(--copper);color:var(--white)}.button-outline:hover{color:var(--white);background:rgba(184,122,73,.16);border-color:var(--copper-hover);transform:translateY(-1px)}.button span{font-size:17px;font-weight:400}.text-link{display:inline-flex;gap:18px;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.07em;padding-bottom:7px;border-bottom:1px solid var(--copper)}.text-link:hover{color:var(--copper-hover)}.headline-accent{width:69px;height:4px;background:var(--copper);margin:20px 0 25px}.page-display{font-size:clamp(48px,6.4vw,90px);font-weight:820;font-style:italic;letter-spacing:-.06em;margin:0}
/* Homepage */
.home-hero{min-height:clamp(540px,61vw,770px);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 70%,#28282a 0%,#141617 48%,#090a0b 92%)}.home-hero::before{content:'';position:absolute;inset:0;z-index:-2;opacity:.17;background:repeating-linear-gradient(0deg,transparent,transparent 25px,#474747 26px,transparent 27px),repeating-linear-gradient(90deg,transparent,transparent 73px,#303030 74px,transparent 75px)}.home-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a0bf7 0%,#090a0bdf 25%,#090a0b40 54%,#090a0b0d 87%),linear-gradient(0deg,#0b0c0d 0%,transparent 24%)}.hero-motorcycle{position:absolute;inset:0 0 0 36%;background-repeat:no-repeat;background-size:cover;background-position:50% 47%;z-index:-2;filter:saturate(.88) contrast(1.06)}.hero-inner{padding-block:90px;display:flex;min-height:inherit;align-items:center}.hero-copy{max-width:720px;padding-bottom:55px}.home-title{font-family:"Concielian Jet","Arial Narrow",Arial,sans-serif;font-size:clamp(55px,8.7vw,130px);line-height:1;letter-spacing:-.02em;font-style:normal;font-weight:600;margin:0 0 25px;text-shadow:0 3px 24px #0006}.home-title--logo{width:min(100%,680px)}.hero-logo-image{display:block;width:100%;max-height:170px;height:auto;object-fit:contain;object-position:left center}.hero-slogan{display:flex;gap:18px;align-items:center;margin:0 0 44px;font-size:clamp(12px,1.45vw,18px);text-transform:uppercase;letter-spacing:.25em;font-style:italic;font-weight:700}.hero-slogan span{background:var(--copper);flex:0 0 38px;height:3px}.home-services{background:#111315;border-top:1px solid #27292a}.home-services-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:clamp(45px,9vw,135px);align-items:center}.home-services-grid p.lead{margin:0 0 34px}.service-shortlist{border-top:1px solid var(--line)}.shortlist-item{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:20px 0;font-size:clamp(16px,1.45vw,20px);font-weight:650}.shortline{width:33px;height:3px;background:var(--copper);flex:0 0 auto}.home-shop{background:linear-gradient(100deg,#222325,#141516 65%,#0a0b0c);border-top:1px solid #323334;border-bottom:1px solid #202122}.shop-teaser{display:flex;align-items:center;justify-content:space-between;gap:40px}.shop-teaser>div{max-width:680px}.shop-teaser p.muted{max-width:560px}
/* Services */
.services-hero{min-height:390px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#313235 0%,#18191b 48%,#0c0d0e 100%);border-bottom:1px solid var(--line)}.services-hero.without-photo::before{content:'';position:absolute;inset:0 0 0 47%;z-index:-2;opacity:.45;background:repeating-linear-gradient(0deg,transparent,transparent 18px,#454649 19px,transparent 20px),repeating-linear-gradient(90deg,transparent,transparent 70px,#242628 71px,transparent 72px);transform:skewX(-7deg)}.services-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d0e0ff7 0%,#0c0d0ecc 39%,#0c0d0e20 100%),linear-gradient(0deg,#08090b80,transparent 45%)}.services-photo{position:absolute;inset:0 0 0 44%;background-repeat:no-repeat;background-size:cover;background-position:center 45%;z-index:-2}.services-hero-inner{min-height:390px;display:flex;align-items:center;padding-block:65px}.hero-description{font-size:clamp(19px,2vw,30px);line-height:1.4;font-style:italic;font-weight:550;letter-spacing:-.02em}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(45px,7vw,110px);margin-top:10px}.service-entry{border-bottom:1px solid var(--line)}.service-entry summary{display:grid;grid-template-columns:31px minmax(0,1fr) 20px;gap:18px;padding:23px 0;align-items:start;cursor:pointer;list-style:none}.service-entry summary::-webkit-details-marker{display:none}.service-entry summary strong{display:block;font-size:clamp(17px,1.5vw,22px);font-weight:700;line-height:1.25}.service-entry summary small{display:block;margin-top:6px;font-size:clamp(13px,1.15vw,15px);font-style:italic;color:var(--muted);line-height:1.35}.service-entry summary:hover strong{color:var(--copper-hover)}.service-accent{width:31px;height:3px;margin-top:9px;background:var(--copper)}.service-plus{color:var(--copper);font-size:20px;line-height:1;transition:transform .2s}.service-entry[open] .service-plus{transform:rotate(45deg)}.service-description{padding:0 40px 24px 49px;color:var(--muted);font-size:14px}.service-description p{margin:0}.services-extra{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
/* Pages and editorial */
.default-page{padding-block:clamp(60px,7.6vw,112px);min-height:65vh}.editor-article{max-width:100%}.editor-copy{max-width:950px;color:#d9d8d3}.editor-copy>*:first-child{margin-top:0}.editor-copy a{color:var(--copper-hover);text-decoration:underline;text-underline-offset:3px}.editor-copy h2,.editor-copy h3{margin-top:42px}.editor-copy h2{font-size:34px}.editor-copy h3{font-size:25px}.editor-copy p{margin-bottom:20px}.editor-copy img{border-radius:2px}.editor-copy blockquote{margin:32px 0;border-left:3px solid var(--copper);padding-left:23px;color:var(--muted)}.editor-copy ul,.editor-copy ol{padding-left:23px}.editor-copy .wp-block-button__link{background:var(--copper);color:#0a0a0a;text-decoration:none;border-radius:2px}.post-list-entry{border-bottom:1px solid var(--line);padding:25px 0}.post-list-entry h2{font-size:29px;margin-bottom:7px}.post-list-entry a:hover{color:var(--copper-hover)}.contacts-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:65px;margin-top:45px}.contact-details{align-self:start;border:1px solid var(--line);background:var(--surface);padding:30px}.contact-phone{font-size:clamp(19px,2vw,28px);font-weight:750;display:block;margin:12px 0}.contact-details .muted{font-size:14px}.not-found .button{margin-top:20px}.comments-area{margin-top:50px;border-top:1px solid var(--line);padding-top:25px}.comments-area .comment-list{padding-left:25px}
/* Footer */
.site-footer{background:#08090a}.footer-inner{min-height:116px;display:flex;justify-content:center;align-items:center;gap:27px;font-size:12px;color:#b5b3ad;white-space:nowrap}.footer-line{height:1px;flex:1 1 auto;background:#454648}
/* WooCommerce storefront */
.woo-main{min-height:70vh}.shop-shell{width:min(100% - (var(--side)*2),var(--container))}.woocommerce-breadcrumb{color:#898885!important;margin-bottom:22px!important;font-size:13px!important}.woocommerce-breadcrumb a{color:var(--muted)!important}.woocommerce-products-header__title,.woocommerce .product_title,.woocommerce-page .page-title{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.04em;font-style:italic;margin:5px 0 33px}.woocommerce-result-count,.woocommerce-ordering{color:var(--muted)}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;margin-top:25px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:var(--surface);border:1px solid #292b2d;padding:0 0 22px!important;transition:transform .2s,border-color .2s}.woocommerce ul.products li.product:hover{border-color:#71563d;transform:translateY(-2px)}.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f0efec;margin:0 0 18px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--white);font-size:17px;font-weight:700;padding:0 20px!important;margin:0 0 9px}.woocommerce ul.products li.product .price{color:var(--copper-hover)!important;font-size:16px!important;font-weight:750!important;padding:0 20px}.woocommerce ul.products li.product .price del{opacity:.65;color:var(--muted)!important}.woocommerce ul.products li.product .button{margin:8px 20px 0!important}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wc-block-components-button:not(.is-link){border-radius:2px!important;border:1px solid var(--copper)!important;background:var(--copper)!important;color:#111!important;padding:12px 17px!important;font-size:13px!important;font-weight:750!important;line-height:1.4!important;min-height:43px;cursor:pointer}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover{background:var(--copper-hover)!important;color:#080808!important}.woocommerce span.onsale{background:var(--copper)!important;color:#0b0b0b!important;border-radius:2px;min-height:0;min-width:0;line-height:1.2;padding:7px 9px}.woocommerce div.product .price,.woocommerce div.product p.price{color:var(--copper-hover)!important;font-size:24px!important}.woocommerce div.product div.images .woocommerce-product-gallery__image{background:#f0efec}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:2px 2px 0 0!important}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--white)!important}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#272a2d!important}.woocommerce div.product .woocommerce-tabs .panel{padding-block:20px}.woocommerce div.product form.cart .variations select,.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce-ordering select,.woocommerce .quantity .qty,.wc-block-components-text-input input,.wc-block-components-select select,.wp-block-search__input,input[type="text"],input[type="email"],input[type="tel"],textarea{background:#1b1d1f;color:var(--white);border:1px solid #5b5d60;border-radius:2px;padding:10px 13px;max-width:100%}.woocommerce select option{color:#111}.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:2px!important}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)!important}.woocommerce table.shop_table thead{background:var(--surface)}.woocommerce table.shop_table .product-name a{color:var(--white)}.woocommerce .cart_totals,.woocommerce-checkout-review-order,.woocommerce .woocommerce-MyAccount-content{color:var(--white)}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{background:#24292a;color:var(--white);border-top-color:var(--copper)}.woocommerce .woocommerce-error{background:#312022;color:#fff;border-top-color:#d17979}.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--copper-hover)}.woocommerce .woocommerce-error::before{color:#d17979}.woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span{background:#202224;color:var(--white)}.woocommerce .woocommerce-pagination ul.page-numbers li span.current{background:var(--copper);color:#000}.woocommerce form .form-row label,.woocommerce-account .woocommerce-form-login label{color:var(--muted)}.woocommerce div.product div.summary{margin-bottom:40px}.wc-block-components-sidebar,.wc-block-components-totals-wrapper,.wc-block-components-order-summary{color:var(--white)}.wc-block-components-product-name{color:var(--white)}.wc-block-components-form .wc-block-components-text-input label,.wc-block-components-text-input label{color:#bbb}.wc-block-components-notice-banner{color:#222}.woocommerce div.product .stock{color:#a8c5ab}.woocommerce ul.products li.product .star-rating{margin-left:20px}
/* Responsive */
@media(max-width:1060px){.header-inner{gap:17px}.nav-list{gap:19px}.nav-list a{font-size:13px}.brand-text{font-size:30px}.hero-motorcycle{inset-inline-start:33%}}
@media(max-width:800px){.header-inner{min-height:76px}.brand .custom-logo{height:41px}.menu-toggle{display:flex;margin-left:auto}.primary-navigation{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);z-index:100;background:#0d0e10;border-bottom:1px solid var(--line);box-shadow:0 15px 22px #0008;margin:0;padding:12px var(--side) 22px}.primary-navigation.is-open{display:block}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-list a{display:block;min-height:0;padding:13px 4px;font-size:16px}.nav-list li.current-menu-item>a::after,.nav-list li.current_page_item>a::after{left:4px;right:auto;bottom:7px;width:25px;height:2px}.cart-link{margin-right:9px}.home-hero{min-height:620px;align-items:end}.hero-motorcycle{inset:0 0 22% 0;background-size:cover;background-position:center top;opacity:.8}.home-hero::after{background:linear-gradient(0deg,#090a0b 9%,#090a0bd5 33%,#090a0b26 72%,#090a0b33 100%)}.hero-inner{align-items:end;padding-block:80px 60px}.hero-copy{padding-bottom:0}.home-title{font-size:clamp(59px,11vw,92px)}.home-services-grid{grid-template-columns:1fr;gap:45px}.services-grid{column-gap:35px}.shop-teaser{align-items:start;flex-direction:column}.contacts-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){.brand-text{font-size:28px}.home-title{font-size:clamp(53px,13vw,76px)}.hero-slogan{letter-spacing:.08em;gap:12px;font-size:12px}.hero-slogan span{flex-basis:18px}.home-hero{min-height:575px}.hero-motorcycle{background-size:cover;background-position:53% top}.services-hero,.services-hero-inner{min-height:325px}.services-photo{inset:0;opacity:.45}.services-hero::after{background:linear-gradient(90deg,#0d0e0fef,#0d0e0fd0)}.services-grid{grid-template-columns:1fr}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;padding-inline:12px!important}.woocommerce ul.products li.product .price{padding-inline:12px}.woocommerce ul.products li.product .button{margin-left:12px!important;padding:9px 10px!important;font-size:11px!important}.footer-inner{gap:14px;min-height:95px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

/* === v1.1 hero and navigation: faithful to selected MILAmoto layout === */
:root{--copper:#d36d18;--copper-hover:#f58223;--bg:#080808;--side:clamp(18px,4.35vw,80px);--container:1640px}
body.home{min-height:100svh;display:flex;flex-direction:column;background:#050505}
body.home .home-main{flex:1 0 auto;display:flex;min-height:0}
body.home .site-footer{flex:0 0 auto}
.site-header{background:#030304;border-bottom:2px solid var(--copper);}
.header-inner{min-height:94px;gap:clamp(13px,2vw,34px)}
.brand{min-width:0;flex:0 1 auto}
.brand-image-link{display:block;line-height:0}
.brand-default-image{width:clamp(255px,26.8vw,445px);max-width:100%;height:auto}
.brand .custom-logo{height:auto;width:clamp(255px,26.8vw,445px);max-width:100%;object-fit:contain}
.primary-navigation{margin-left:auto}
.nav-list{gap:clamp(14px,2.5vw,43px)}
.nav-list a{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1vw,15px);font-weight:700;font-style:italic;letter-spacing:.018em;text-transform:uppercase;min-height:94px;line-height:1.1}
.nav-list li.current-menu-item>a,.nav-list li.current_page_item>a{color:#fff}
.nav-list li.current-menu-item>a::after,.nav-list li.current_page_item>a::after{height:4px;bottom:22px;background:var(--copper)}
/* Main homepage has no active navigation item. */
.header-actions{display:flex;align-items:center;gap:clamp(13px,1.65vw,27px)}
.header-icon{position:relative;display:flex;align-items:center;justify-content:center;width:29px;height:33px;color:#f4f4f4}
.header-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header-icon:hover{color:var(--copper-hover)}
.header-icon-cart .cart-count{background:var(--copper);color:white;right:-11px;top:-7px;font-size:11px;min-width:19px;height:19px}
.garage-hero{position:relative;isolation:isolate;overflow:hidden;flex:1 0 auto;min-height:clamp(575px,calc(100svh - 164px),830px);background:#0a0b0a}
.garage-hero-photo{position:absolute;inset:0;z-index:-2;background-image:var(--hero-image);background-position:center center;background-size:cover;background-repeat:no-repeat}
.garage-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.30) 0%,transparent 55%)}
.garage-hero-inner{height:100%;position:relative;margin-inline:auto;width:min(calc(100% - var(--side)*2),1640px);padding-top:clamp(110px,18vh,178px);padding-bottom:50px}
.garage-hero-copy{max-width:min(810px,56%)}
.garage-hero-title{font-family:'Arial Narrow','Liberation Sans Narrow',Arial,Helvetica,sans-serif;transform:skew(-9deg);transform-origin:left center;font-size:clamp(28px,2.6vw,43px);font-weight:900;-webkit-text-stroke:.8px currentColor;line-height:1.28;font-style:italic;letter-spacing:.045em;text-transform:uppercase;margin:0 0 clamp(42px,5vh,68px);color:#f9f8f7;text-shadow:0 2px 12px #0006;white-space:nowrap}
.garage-hero-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.garage-cta{display:inline-flex;align-items:center;justify-content:space-between;min-width:clamp(220px,20vw,340px);height:61px;padding:0 29px;font-size:clamp(12px,1.26vw,21px);font-weight:800;font-style:italic;text-transform:uppercase;line-height:1;letter-spacing:-.015em;white-space:nowrap;clip-path:polygon(9% 0%,100% 0%,91% 100%,0% 100%);transition:filter .18s,transform .18s}
.garage-cta:hover{transform:translateY(-2px);filter:brightness(1.15);color:#fff}
.garage-cta--primary{background:var(--copper);color:#fff;padding-left:39px;padding-right:39px}
.garage-cta--outline{position:relative;clip-path:none;background:var(--copper);color:#fff;padding:2px;transform:skew(-20deg);min-width:clamp(200px,18.8vw,320px);margin-left:3px}
.garage-cta--outline>span{transform:skew(20deg)}
.garage-cta--outline::before{content:'';position:absolute;inset:2px;background:#0c0d0d}
.garage-cta--outline>span{position:relative;z-index:1}
.garage-cta--outline:hover{transform:skew(-20deg) translateY(-2px)}
.garage-cta-arrow{font-size:1.45em;font-weight:400;line-height:1}
.site-footer{background:#000;border:0}
.footer-inner{min-height:76px;gap:clamp(14px,3vw,51px);font-style:italic;letter-spacing:.08em;color:#e4e4e4;font-size:clamp(11px,1vw,15px)}
.footer-line{background:var(--copper);height:2px}
/* contrast and spacing for WooCommerce / site internals */
.shop-shell{padding-block:55px 80px}
body:not(.home) .default-page{min-height:calc(100svh - 220px)}
@media(max-width:1330px){.header-inner{gap:18px}.brand-default-image,.brand .custom-logo{width:clamp(205px,25vw,330px)}.nav-list{gap:clamp(11px,1.8vw,26px)}.header-actions{gap:12px}.garage-hero-title{font-size:clamp(27px,2.75vw,36px)}.garage-cta{min-width:235px;font-size:15px}.garage-cta--outline{min-width:225px}}
@media(max-width:940px){.header-inner{min-height:76px}.brand-default-image,.brand .custom-logo{width:clamp(210px,38vw,340px)}.menu-toggle{display:flex;margin-left:auto}.primary-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:12px var(--side) 23px;border-bottom:1px solid #403124;background:#080808;box-shadow:0 20px 30px #000b}.primary-navigation.is-open{display:block}.nav-list{align-items:stretch;flex-direction:column;gap:0}.nav-list a{display:block;min-height:0;padding:15px 4px;font-size:16px}.nav-list li.current-menu-item>a::after,.nav-list li.current_page_item>a::after,body.home .nav-list>li:first-child>a::after{bottom:8px;right:auto;left:4px;width:30px;height:2px}.header-actions{gap:10px}.garage-hero{min-height:650px}.garage-hero-photo{background-position:56% center}.garage-hero-inner{padding-top:130px}.garage-hero-copy{max-width:70%}.garage-hero-title{white-space:normal;max-width:510px;font-size:35px}}
@media(max-width:660px){.header-inner{min-height:70px;gap:10px}.brand-default-image,.brand .custom-logo{width:clamp(174px,46vw,240px)}.header-actions{gap:6px}.header-icon{width:24px;height:29px}.header-icon svg{width:21px;height:21px}.header-icon-search,.header-icon-account{display:none}.menu-toggle{order:2;margin-left:2px;width:37px;height:36px}.garage-hero{min-height:720px}.garage-hero-photo{background-size:auto 78%;background-position:64% top;background-color:#060707}.garage-hero-shade{background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.07) 38%,rgba(0,0,0,.88) 77%,#070707 100%)}.garage-hero-inner{display:flex;align-items:flex-end;padding-top:0;padding-bottom:52px}.garage-hero-copy{max-width:100%;width:100%}.garage-hero-title{font-size:clamp(23px,6vw,35px);letter-spacing:.02em;line-height:1.32;margin-bottom:24px}.garage-hero-buttons{flex-direction:column;align-items:stretch;gap:11px}.garage-cta,.garage-cta--outline{height:51px;min-width:0;width:min(100%,355px);font-size:14px}.garage-cta--outline{margin-left:3px;width:min(calc(100% - 5px),350px)}.footer-inner{min-height:62px;font-size:10px;gap:11px}.footer-line{height:1px}}
@media(max-width:390px){.header-icon-cart{margin-right:0}.brand-default-image,.brand .custom-logo{width:175px}.garage-hero{min-height:660px}}

/* v1.1.0 final refinements */
.garage-cta--outline{padding:2px 28px 2px 39px}
.garage-cta--outline .garage-cta-arrow{margin-left:auto}
@media(max-width:660px){
  .garage-hero{background:#070707;min-height:700px}
  .garage-hero-photo{background-image:var(--hero-mobile-image,var(--hero-image));background-size:100% auto;background-position:center 80px;background-repeat:no-repeat}
  .garage-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.05) 36%,#070707 73%,#070707 100%)}
  .garage-cta--outline{padding-left:37px;padding-right:29px}
}

/* Functional dropdown product search */
.header-icon-search{border:0;cursor:pointer;background:transparent;padding:0}
.header-search[hidden]{display:none!important}
.header-search{position:absolute;z-index:120;top:100%;right:var(--side);width:min(480px,calc(100vw - 2*var(--side)));display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:18px 20px;background:#0a0b0c;border:1px solid #414141;box-shadow:0 15px 38px #000b}
.header-search label{font-size:13px;font-weight:700;width:100%}
.header-search input{min-width:0;flex:1 1 140px;background:#1a1a1a;border:1px solid #585858;color:#fff;padding:11px}
.header-search button{border:1px solid var(--copper);background:var(--copper);color:#fff;font-weight:700;padding:11px 12px;cursor:pointer}


/* ===== v1.2.0: agreed, targeted MILAmoto refinements ===== */
/* No highlighted item while viewing the homepage; interior page active highlights unchanged. */
body.home .primary-navigation .nav-list > li > a::after { content:none!important;display:none!important; }
body.home .primary-navigation .nav-list > li.current-menu-item > a,
body.home .primary-navigation .nav-list > li.current_page_item > a { color:#fff; }

/* Desktop homepage CTA buttons: around 10% smaller, same silhouettes and relative positions. */
@media (min-width:661px) {
  body.home .garage-cta {
    min-width:clamp(198px,18vw,306px);
    height:55px;
    font-size:clamp(11px,1.13vw,19px);
    padding-left:26px;
    padding-right:26px;
  }
  body.home .garage-cta--primary { padding-left:35px;padding-right:35px; }
  body.home .garage-cta--outline { min-width:clamp(180px,16.9vw,288px);padding-left:35px;padding-right:25px; }
}
/* Legible spacing between label and arrow independent of the current label length. */
body.home .garage-cta > span:first-child { margin-right:20px; }

/* Phone: preserve full motorcycle image proportions, place text directly below it. */
@media (max-width:660px) {
  body.home .home-main { display:block; }
  body.home .garage-hero {
    min-height:0;
    display:flex;
    flex-direction:column;
    flex:0 0 auto;
    overflow:hidden;
    background:#070707;
  }
  body.home .garage-hero-photo {
    position:relative;
    inset:auto;
    z-index:0;
    width:100%;
    height:auto;
    flex:0 0 auto;
    aspect-ratio:1117 / 690;
    background-image:var(--hero-mobile-image,var(--hero-image));
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  body.home .garage-hero-shade { display:none; }
  body.home .garage-hero-inner {
    display:block;
    height:auto;
    width:min(calc(100% - var(--side)*2),1640px);
    padding:clamp(24px,7vw,36px) 0 40px;
  }
  body.home .garage-hero-copy { max-width:100%;width:100%; }
  body.home .garage-hero-title { margin-bottom:24px; }
  /* Keep comfortable 48px minimum tap targets while slightly tightening button width. */
  body.home .garage-cta,body.home .garage-cta--outline { min-height:49px; }

  /* Logo stays left; cart directly precedes hamburger at the far right. */
  .header-inner { gap:10px; }
  .header-inner .brand { margin-right:auto; }
  .header-inner .header-actions { order:1;margin-left:0;margin-right:0;gap:6px;flex:0 0 auto; }
  .header-inner .menu-toggle { order:2;margin-left:10px;margin-right:0;flex:0 0 auto; }
  .header-icon-cart { margin-right:2px; }
}
@media (max-width:360px) {
  .header-inner { gap:7px; }
  .header-inner .menu-toggle { margin-left:7px; }
  .brand-default-image,.brand .custom-logo { width:min(46vw,175px); }
}


/* ===== MILAmoto v1.3.0 – local refinements, preserving original imagery ===== */
/* The current section is resolved in PHP, even for custom URL menu items. */
.primary-navigation .nav-list > li.milamoto-active-nav > a {
  color:var(--copper-hover);
}
.primary-navigation .nav-list > li.milamoto-active-nav > a::after {
  content:'';display:block;position:absolute;left:0;right:0;bottom:22px;
  height:4px;background:var(--copper);
}
/* Home navigation stays neutral, including links mistakenly marked active by plugins. */
body.home .primary-navigation .nav-list > li.milamoto-active-nav > a { color:#fff; }
body.home .primary-navigation .nav-list > li.milamoto-active-nav > a::after { display:none!important; }

/* CTA dimensions are set explicitly. The previous 10% reduction was
   largely lost to a 235px min-width rule at desktop breakpoints. */
@media (min-width:661px) {
  body.home .garage-hero-buttons { gap:10px; }
  body.home .garage-cta,
  body.home .garage-cta--outline {
    box-sizing:border-box;
    width:clamp(188px,14.6vw,245px);
    min-width:0;max-width:100%;
    height:49px;min-height:49px;
    font-size:clamp(11.5px,.94vw,16px);
    line-height:1;
  }
  body.home .garage-cta--primary {padding-left:26px;padding-right:24px;}
  /* Compensate for the visual extra width created by the outline skew. */
  body.home .garage-cta--outline {width:calc(clamp(188px,14.6vw,245px) - 18px);padding-left:25px;padding-right:22px;}
  body.home .garage-cta > span:first-child {margin-right:13px;}
}
/* Mobile: photo retains its original aspect ratio. Center the slogan
   plus both CTA links in all remaining flexible space above the footer.
   The footer is naturally the final element, never position:fixed. */
@media (max-width:660px) {
  body.home { min-height:100svh;display:flex;flex-direction:column; }
  body.home .home-main {flex:1 1 auto;display:flex;min-height:0;}
  body.home .garage-hero {
    flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%;
  }
  body.home .garage-hero-photo {flex:0 0 auto;}
  body.home .garage-hero-inner {
    flex:1 1 auto;min-height:0;height:auto;display:flex;
    flex-direction:column;justify-content:center;align-items:stretch;
    padding:24px 0;
  }
  body.home .garage-hero-copy {width:100%;max-width:100%;}
  body.home .site-footer {flex:0 0 auto;}
  /* Stay comfortable to tap: preserve >=48px mobile button height. */
  body.home .garage-cta,body.home .garage-cta--outline {min-height:49px;}
  /* Interior pages use the same active marker when opened via mobile menu. */
  .primary-navigation .nav-list > li.milamoto-active-nav > a::after {
    left:4px;right:auto;bottom:8px;width:30px;height:2px;
  }
}


/* ===== v1.4.0: approved "Apie mus" page only; homepage styles are untouched ===== */
.milamoto-about-main {
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;
  min-height:max(660px,calc(100svh - 172px));
  background:#101011;
}
.milamoto-about-photo {
  position:absolute;z-index:-2;inset:0 0 0 40%;overflow:hidden;
  background:#1c1d1f;
}
.milamoto-about-photo img {
  width:100%;height:100%;max-width:none;object-fit:cover;
  object-position:50% 50%;filter:saturate(.9);opacity:.88;
}
.milamoto-about-shade {
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#101011 0%,#101011 34%,rgba(16,16,17,.81) 46%,rgba(16,16,17,.06) 74%),
             linear-gradient(to top,rgba(10,11,12,.65),transparent 26%);
}
.milamoto-about-layout {
  position:relative;z-index:1;
  padding-block:62px 67px;
}
.milamoto-about-copy {max-width:min(640px,56%);}
.milamoto-about-title {
  margin:0 0 19px;
  font-size:clamp(48px,5.1vw,72px);font-weight:850;font-style:italic;
  letter-spacing:-.055em;line-height:1.1;
}
.milamoto-about-rule {width:64px;height:4px;margin-bottom:31px;background:var(--copper);}
.milamoto-about-editor {font-size:clamp(16px,1.19vw,18px);line-height:1.72;color:#d2d0cb;}
.milamoto-about-editor > *:first-child {margin-top:0;}
.milamoto-about-editor h2 {
  font-size:clamp(21px,2.15vw,30px);font-weight:750;font-style:italic;
  letter-spacing:-.025em;line-height:1.27;color:#f5f4f1;
  margin:0 0 30px;
}
.milamoto-about-editor p {margin:0 0 22px;}
.milamoto-about-editor p:last-child {margin-bottom:0;}
.milamoto-about-editor a {color:var(--copper-hover);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:940px) {
  .milamoto-about-main {min-height:0;display:flex;flex-direction:column;align-items:stretch;}
  .milamoto-about-photo {position:relative;inset:auto;width:100%;height:320px;flex:0 0 auto;z-index:0;}
  .milamoto-about-photo img {object-position:67% center;opacity:.95;}
  .milamoto-about-shade {
    z-index:0;
    background:linear-gradient(to bottom,transparent 0%,transparent 235px,#101011 320px,#101011 100%);
  }
  .milamoto-about-layout {position:relative;z-index:1;padding-block:37px 58px;}
  .milamoto-about-copy {max-width:670px;width:100%;}
  .milamoto-about-title {font-size:49px;}
  .milamoto-about-editor h2 {font-size:24px;}
  .milamoto-about-editor {font-size:16px;line-height:1.65;}
}
@media(max-width:660px) {
  .milamoto-about-photo {height:239px;}
  .milamoto-about-photo img {object-position:65% 51%;}
  .milamoto-about-shade {
    background:linear-gradient(to bottom,transparent 0%,transparent 183px,#101011 239px,#101011 100%);
  }
  .milamoto-about-layout {padding-block:33px 49px;}
  .milamoto-about-title {font-size:45px;margin-bottom:17px;}
  .milamoto-about-rule {margin-bottom:24px;}
  .milamoto-about-editor h2 {font-size:21px;margin-bottom:26px;}
  .milamoto-about-editor p {margin-bottom:20px;}
}

/* ===== v1.5.0: Contact, six services, consistent workshop imagery ===== */
/* A zero item count is not shown, including after WooCommerce cart fragment refresh. */
.header-icon-cart .cart-count[hidden]{display:none!important}

/* Same unedited hero image is used by About, Services and Contacts. */
.milamoto-about-photo{inset:0;background:#0a0b0a}
.milamoto-about-photo img{opacity:1;filter:none;object-position:center center}
.milamoto-about-shade{
  background:linear-gradient(90deg,rgba(8,9,10,.95) 0%,rgba(8,9,10,.88) 35%,rgba(8,9,10,.25) 65%,rgba(8,9,10,.08) 100%);
}
.milamoto-subpage-main{position:relative;isolation:isolate;overflow:hidden;min-height:max(640px,calc(100svh - 172px));background:#0b0c0d}
.milamoto-subpage-photo{position:absolute;inset:0;z-index:-2;background-image:var(--subpage-photo);background-size:cover;background-position:center center;background-repeat:no-repeat}
.milamoto-subpage-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,9,.96),rgba(8,9,10,.84) 45%,rgba(7,8,9,.42)),linear-gradient(to bottom,rgba(5,5,6,.22),rgba(5,6,7,.72))}
.milamoto-subpage-layout{position:relative;padding-block:clamp(64px,8vw,112px)}
.milamoto-subpage-title{font-style:italic;font-size:clamp(46px,5.1vw,72px);line-height:1.12;letter-spacing:-.055em;margin:0 0 18px}
.milamoto-subpage-rule{display:block;width:63px;height:4px;background:var(--copper);margin-bottom:34px}
.milamoto-service-categories{margin:37px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(80px,auto));grid-auto-flow:column;column-gap:clamp(44px,8vw,120px)}
.milamoto-service-category{display:flex;align-items:center;gap:22px;border-bottom:1px solid rgba(224,221,213,.38);padding:20px 2px 23px 0;font-size:clamp(19px,1.7vw,25px);font-weight:720;line-height:1.3;text-shadow:0 2px 9px #0009}
.milamoto-service-mark{display:block;width:36px;height:3px;flex:0 0 36px;background:var(--copper)}

/* Contact desktop: details and an actual WordPress form, each in its own column. */
.milamoto-contact-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(40px,5vw,86px);align-items:start;padding-block:clamp(52px,6vw,90px)}
.milamoto-contact-details{min-width:0}
.milamoto-contact-row{display:flex;align-items:flex-start;gap:19px;margin:0 0 25px}
.milamoto-contact-icon{flex:0 0 39px;width:39px;font-size:29px;color:var(--copper-hover);font-weight:500;line-height:1.4;text-align:center}
.milamoto-contact-row h2{font-size:21px;font-style:italic;letter-spacing:-.02em;margin:0 0 3px}
.milamoto-contact-row p{margin:0;line-height:1.55}
.milamoto-contact-row address{font-style:normal;line-height:1.6}
.milamoto-contact-row a:hover{color:var(--copper-hover)}
.milamoto-map-frame{overflow:hidden;position:relative;margin:30px 0 12px;border-radius:7px;border:1px solid #5a5a5a;background:#171717;aspect-ratio:16/9}
.milamoto-map-frame iframe{width:100%;height:100%;display:block;border:0}
.milamoto-map-link{font-size:13px;text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:5px}
.milamoto-contact-panel{background:rgba(9,10,11,.94);border:1px solid #525354;border-radius:9px;padding:clamp(26px,3vw,42px);box-shadow:0 16px 42px #0007;min-width:0}
.milamoto-contact-panel h2{font-style:italic;font-size:clamp(26px,2.6vw,38px);margin:0 0 19px;letter-spacing:-.03em}
.milamoto-contact-form{display:flex;flex-direction:column;gap:11px}
.milamoto-contact-form label{font-size:15px;font-weight:550;color:#f5f5f5}
.milamoto-contact-form label span{color:var(--copper-hover)}
.milamoto-contact-form input:not([type=hidden]),.milamoto-contact-form textarea{width:100%;background:#111213;border:1px solid #69696a;border-radius:5px;color:#fff;padding:12px 14px;min-height:49px;line-height:1.45}
.milamoto-contact-form input:not([type=hidden]):focus,.milamoto-contact-form textarea:focus{border-color:var(--copper-hover);outline:1px solid var(--copper-hover)}
.milamoto-contact-form textarea{resize:vertical;min-height:118px}
.milamoto-contact-form input:not([type=hidden]) + label,.milamoto-contact-form textarea + label{margin-top:3px}
.milamoto-recaptcha{margin-top:12px;max-width:100%;min-height:78px;overflow:visible}
.milamoto-recaptcha[hidden]{display:none!important}
.milamoto-send-button{margin-top:12px;border:0;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;background:var(--copper);color:white;font-size:16px;font-weight:800;font-style:italic;min-height:52px;min-width:210px;padding:0 24px;align-self:flex-start;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%)}
.milamoto-send-button:hover{filter:brightness(1.12)}
.milamoto-send-button[hidden]{display:none!important}
.milamoto-send-button:disabled{cursor:not-allowed}
.milamoto-send-button>span:last-child{font-size:24px;font-weight:400}
.milamoto-honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.milamoto-form-warning{border-left:3px solid var(--copper);padding-left:12px;color:#f0d1b7;margin:14px 0 0}
.milamoto-form-admin{font-size:13px;color:#ddd}
.milamoto-form-admin a{text-decoration:underline}
.milamoto-form-status{padding:14px 16px;border:1px solid #775538;border-radius:5px;background:#25201a;line-height:1.45;margin:0 0 18px}
.milamoto-form-status.is-success{border-color:#628b6d;background:#15231a}

@media(max-width:940px){
  .milamoto-about-photo{position:relative;inset:auto;width:100%;height:320px}
  .milamoto-about-shade{background:linear-gradient(to bottom,transparent 0%,transparent 74%,#101011 100%);z-index:0}
  .milamoto-contact-layout{grid-template-columns:1fr;gap:26px;padding-block:43px 58px;max-width:700px}
  .milamoto-contact-panel{margin-top:10px}
  .milamoto-subpage-photo{background-position:66% center}
  .milamoto-service-categories{column-gap:35px}
}
@media(max-width:660px){
  .milamoto-about-photo{height:239px}
  .milamoto-about-shade{background:linear-gradient(to bottom,transparent 0%,transparent 75%,#101011 100%)}
  .milamoto-subpage-main{min-height:0}
  .milamoto-subpage-layout{padding-block:50px 65px}
  .milamoto-subpage-title{font-size:45px}
  .milamoto-service-categories{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-auto-flow:row;margin-top:20px}
  .milamoto-service-category{min-height:76px;gap:15px;font-size:19px;padding-block:17px}
  .milamoto-service-mark{width:29px;flex-basis:29px}
  .milamoto-contact-layout{padding-block:38px 51px}
  .milamoto-contact-panel{padding:23px 18px 28px}
  .milamoto-contact-panel h2{font-size:27px}
  .milamoto-map-frame{aspect-ratio:4/3}
}


/* ===== v1.5.1: same image scale as the approved homepage on "Apie mus" ===== */
/* A full-bleed image, never a narrow 40%-width crop. The mobile image
   shares the exact source and aspect ratio of the homepage mobile hero. */
.milamoto-about-photo {
  inset:0;
  background-image:var(--about-hero-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#0a0b0a;
}
.milamoto-about-photo img {display:none}
/* The "Apie mus" title matches the homepage slogan size. */
.milamoto-about-title {font-size:clamp(28px,2.6vw,43px)}
@media (max-width:940px) {
  .milamoto-about-photo {inset:auto;position:relative;width:100%;height:auto;aspect-ratio:1117 / 690;
    background-image:var(--about-hero-mobile-image,var(--about-hero-image));
    background-size:cover;background-position:center center;
  }
  .milamoto-about-shade {display:none}
  .milamoto-about-layout {background:#101011}
}
@media (max-width:660px) {
  .milamoto-about-photo {height:auto;aspect-ratio:1117 / 690}
  .milamoto-about-title {font-size:clamp(23px,6vw,35px)}
}


/* ===== MILAmoto v1.6.0: sitewide consistency fixes ===== */
/* The page headings share the EXACT responsive font-size values used by
   the unchanged homepage slogan, including the tablet breakpoint. */
:root {
  --milamoto-heading-size:clamp(28px,2.6vw,43px);
  --milamoto-reference-photo-height:max(clamp(575px,calc(100svh - 164px),830px),calc(100svh - 172px));
}
@media (max-width:1330px) {
  :root { --milamoto-heading-size:clamp(27px,2.75vw,36px); }
}
@media (max-width:940px) {
  :root {
    --milamoto-heading-size:35px;
    --milamoto-reference-photo-height:max(650px,calc(100svh - 154px));
  }
}
@media (max-width:660px) {
  :root { --milamoto-heading-size:clamp(23px,6vw,35px); }
}
.garage-hero-title,.milamoto-about-title,.milamoto-subpage-title {
  font-size:var(--milamoto-heading-size);
}
/* Smaller intermediate heading; keep the approved About copy untouched. */
.milamoto-about-editor h2 {
  font-size:clamp(19px,calc(var(--milamoto-heading-size) * .68),25px);
}

/* One shared photo geometry on DESKTOP/TABLET across all pages. The image
   frame has exactly the homepage hero height, not the page's content height.
   Thus a long contact form NEVER stretches/zooms the photograph. */
.milamoto-about-main,.milamoto-subpage-main {
  min-height:var(--milamoto-reference-photo-height);
}
.milamoto-about-photo,.milamoto-subpage-photo {
  position:absolute;
  inset:0 0 auto 0;
  width:100%;
  height:var(--milamoto-reference-photo-height);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.milamoto-about-photo { background-image:var(--about-hero-image); }
.milamoto-subpage-photo { background-image:var(--subpage-photo); }
.milamoto-about-shade,.milamoto-subpage-shade {
  inset:0 0 auto 0;
  height:var(--milamoto-reference-photo-height);
}
@media (min-width:661px) and (max-width:940px) {
  .milamoto-about-main {display:flex;flex-direction:column;align-items:stretch;}
  .milamoto-about-layout {background:transparent;}
  .milamoto-about-photo,.milamoto-subpage-photo {background-position:56% center;}
  .milamoto-about-shade {display:block;z-index:-1;}
}

/* Phone: exactly the same full-width hero image source and aspect ratio as
   the approved homepage, followed by the section content (no extra zoom). */
@media (max-width:660px) {
  .milamoto-about-main,.milamoto-subpage-main {
    display:flex;flex-direction:column;align-items:stretch;min-height:0;
    background:#101011;
  }
  .milamoto-about-photo,.milamoto-subpage-photo {
    position:relative;inset:auto;z-index:0;
    width:100%;height:auto;aspect-ratio:1117 / 690;
    background-size:cover;background-position:center center;
    background-repeat:no-repeat;
    background-color:#070707;
  }
  .milamoto-about-photo {
    background-image:var(--about-hero-mobile-image,var(--about-hero-image));
  }
  .milamoto-subpage-photo {
    background-image:var(--subpage-mobile-photo,var(--subpage-photo));
  }
  .milamoto-about-shade,.milamoto-subpage-shade {display:none;}
  .milamoto-about-layout,.milamoto-subpage-layout,.milamoto-contact-layout {
    position:relative;z-index:1;
  }
  .milamoto-about-editor h2 {font-size:19px;}
  /* Intermediate size between primary page title and regular contact text. */
  .milamoto-contact-row h2 {font-size:19px;}

  /* WooCommerce account icon now appears before the cart on phones. */
  .header-icon-account {display:flex;flex:0 0 auto;}
  .header-icon-search {display:none;}
  .header-inner .header-actions {gap:8px;}
}
@media (max-width:360px) {
  .header-inner .header-actions {gap:5px;}
  .header-inner .menu-toggle {margin-left:5px;}
}
/* SVG phone handset is identical on mobile and desktop, never an emoji glyph. */
.milamoto-contact-icon svg {
  width:27px;height:27px;display:inline-block;vertical-align:middle;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}


/* ===== v1.6.1: approved font consistency and smaller service names ===== */
/* Keep the approved MILAmoto logo completely unchanged. All non-logo text
   uses Inter. The homepage slogan and interior H1 titles share one style. */
.nav-list a {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.garage-hero-title,.milamoto-about-title,.milamoto-subpage-title {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:var(--milamoto-heading-size);
  font-style:italic;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.2;
  transform:none;
  -webkit-text-stroke:0;
}
/* Scale the exact original desktop clamp by 0.85 (19/1.7vw/25px). */
.milamoto-service-category {
  font-size:clamp(16.15px,1.445vw,21.25px);
}
@media (max-width:660px) {
  /* 19px -> 16.15px; no other categories/layout changes. */
  .milamoto-service-category {font-size:16.15px;}
}


/* ===== v1.6.2: refined headline casing and shared italic headings ===== */
/* Important: never change .brand, .brand-text, .custom-logo or wordmark assets. */
.garage-hero-title,
.milamoto-about-title,
.milamoto-subpage-title {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-style:italic;
  font-weight:800;
}
/* The historical homepage rule forced uppercase regardless of the saved text. */
.garage-hero-title {
  text-transform:none;
}
/* Contact form heading belongs to the same italic typographic family, at
   its already approved smaller size and its original position. */
.milamoto-contact-panel h2 {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-weight:800;
  font-style:italic;
}


/* ===== v1.6.3: page-title vertical alignment ===== */
/* Keep the accepted homepage layout unchanged. On desktop, align interior
   page H1 titles to the SAME top inset as the homepage slogan. */
:root { --milamoto-page-heading-top:clamp(110px,18vh,178px); }
.milamoto-about-main { align-items:flex-start; }
.milamoto-about-layout,
.milamoto-subpage-layout,
.milamoto-contact-layout { padding-top:var(--milamoto-page-heading-top); }
@media (min-width:661px) and (max-width:940px) {
  :root { --milamoto-page-heading-top:130px; }
  .milamoto-about-main { align-items:stretch; }
}
/* On phones every interior title begins at exactly the same distance after
   the identical hero image; the approved homepage has its own centered CTA. */
@media (max-width:660px) {
  :root { --milamoto-page-heading-top:33px; }
  .milamoto-about-layout,
  .milamoto-subpage-layout,
  .milamoto-contact-layout { padding-top:var(--milamoto-page-heading-top); }
}


/* ===== v1.6.4: desktop interior titles move higher ===== */
/* Only interior pages on screens wider than phones. Do not alter mobile
   (<=660px) or the approved homepage slogan/hero geometry.  Keep the
   three interior titles at precisely the same top position. */
@media (min-width:661px) {
  :root { --milamoto-page-heading-top:clamp(44px,4.8vw,68px); }
}


/* ===== v1.6.5: only approved copy, contact validation and desktop menu ===== */
/* Increase navigation font by 10% from the original 14px on desktop only.
   The collapsible/mobile menu (<=940px) keeps its original size. */
@media (min-width:941px) {
  .primary-navigation .nav-list > li > a { font-size:15.4px; }
}
/* Lithuanian form feedback, displayed only when a required field is invalid. */
.milamoto-contact-form .milamoto-field-error {
  margin:-5px 0 2px;
  color:#f5b993;
  font-size:13px;
  line-height:1.4;
}
.milamoto-contact-form input[aria-invalid="true"],
.milamoto-contact-form textarea[aria-invalid="true"] {
  border-color:#f5b993;
}

/* ===== v1.7.0: motorcycle inventory. Existing pages, imagery and logo unchanged. ===== */
.milamoto-bike-listing-layout,.milamoto-bike-single-layout{padding-bottom:clamp(65px,8vw,100px)}
.milamoto-bike-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.5vw,38px) clamp(16px,2.1vw,28px);margin-top:22px}
.milamoto-bike-card{min-width:0;background:rgba(14,16,17,.91);border:1px solid rgba(188,174,156,.27);transition:border-color .2s,transform .2s}
.milamoto-bike-card:hover{border-color:var(--copper);transform:translateY(-2px)}
.milamoto-bike-card-photo{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#1b1d1d;color:#e5e5e5}
.milamoto-bike-card-img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .25s}
.milamoto-bike-card-photo:hover .milamoto-bike-card-img{transform:scale(1.02)}
.milamoto-bike-image-empty{display:flex;min-height:230px;align-items:center;justify-content:center;color:#c4bfb9;font-size:14px;padding:18px;text-align:center}
.milamoto-bike-card-photo .milamoto-bike-image-empty{height:100%;min-height:0}
.milamoto-bike-sold{position:absolute;left:0;top:15px;z-index:2;background:#a64937;color:#fff;padding:7px 18px;font-size:12px;font-weight:800;letter-spacing:.1em}
.milamoto-bike-card-copy{padding:19px 20px 22px}
.milamoto-bike-card h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;font-size:clamp(17px,1.3vw,20px);font-weight:800;line-height:1.28;margin:0 0 17px;letter-spacing:-.022em}
.milamoto-bike-card p{color:#d4d0cb;margin:4px 0;font-size:14px;line-height:1.55}
.milamoto-bike-card p strong{color:#faf9f8;font-weight:700}
.milamoto-bike-empty{margin-top:16px;color:#d5d2ce}
.milamoto-bike-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:34px 0 0}
.milamoto-bike-pagination .page-numbers{display:inline-flex;min-width:39px;min-height:39px;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #6a5a4b;background:#101112;font-weight:650}
.milamoto-bike-pagination .page-numbers.current{background:var(--copper);color:#111}
/* Detail / gallery. Title stays at the same approved level as interior headings. */
.milamoto-bike-back{display:inline-block;color:#dbc1a9;margin-bottom:24px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.milamoto-bike-single-layout .milamoto-subpage-title{max-width:1100px}
.milamoto-bike-single-sold{display:inline-flex;background:#a64937;color:#fff;font-weight:800;letter-spacing:.08em;font-size:13px;padding:6px 14px;margin:0 0 22px}
.milamoto-bike-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(26px,4.2vw,64px);align-items:start;margin-top:12px}
.milamoto-bike-gallery{min-width:0}
.milamoto-bike-main-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;background:#101214;border:1px solid rgba(202,194,186,.36);padding:0;cursor:zoom-in}
.milamoto-bike-main-photo img{width:100%;height:100%;object-fit:contain}
.milamoto-bike-zoom-hint{position:absolute;bottom:10px;right:12px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #777;background:#000a;color:#eee;font-size:22px}
.milamoto-bike-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.3vw,16px);margin-top:14px}
.milamoto-bike-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;min-width:0;cursor:zoom-in;background:#161819;border:1px solid #444;padding:0;overflow:hidden}
.milamoto-bike-thumb.is-active{border:2px solid var(--copper-hover)}
.milamoto-bike-thumb:hover{border-color:var(--copper)}
.milamoto-bike-thumb img{width:100%;height:100%;object-fit:contain}
.milamoto-bike-description{min-width:0;padding:0 0 20px;font-size:16px;line-height:1.68;color:#e0ddda}
.milamoto-bike-description h2{font-size:clamp(24px,2.25vw,31px);font-weight:800;font-style:italic;line-height:1.2;margin:0 0 18px;letter-spacing:-.02em}
.milamoto-bike-description h3{font-size:clamp(18px,1.7vw,22px);font-weight:750;line-height:1.3;margin:28px 0 13px;letter-spacing:-.01em}
.milamoto-bike-detail-meta{margin:0 0 25px;padding-bottom:23px;border-bottom:1px solid #66645f}
.milamoto-bike-detail-meta strong{color:#fff}
.milamoto-bike-description-text{font-size:16px;color:#dedad6;line-height:1.65;overflow-wrap:anywhere}
.milamoto-bike-description-text>p:first-child{margin-top:0}
.milamoto-bike-description-text>p:last-child{margin-bottom:0}
.milamoto-bike-features{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:0;margin:0}
.milamoto-bike-features li{position:relative;padding-left:19px;font-size:14px;line-height:1.5}
.milamoto-bike-features li::before{content:'✓';position:absolute;left:0;color:var(--copper-hover);font-weight:900}
.milamoto-bike-extra{white-space:normal;font-size:15px;overflow-wrap:anywhere}
.milamoto-bike-extra p{margin:0 0 12px}
.milamoto-bike-inquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:27px;padding:13px 23px;min-height:50px;min-width:190px;background:var(--copper);color:#111;font-size:14px;font-weight:800;font-style:italic;letter-spacing:.03em}
.milamoto-bike-inquiry span{font-size:20px}
.milamoto-bike-inquiry:hover{background:var(--copper-hover);color:#111}
/* Modal lightbox opens in the browser top layer; escape and arrows supported. */
.milamoto-bike-lightbox{position:fixed;inset:0;margin:auto;padding:50px 55px 43px;border:1px solid #444;background:rgba(6,7,8,.97);color:#fff;width:min(96vw,1500px);max-width:96vw;height:min(94vh,1050px);max-height:94vh;box-shadow:0 15px 90px #000}
.milamoto-bike-lightbox::backdrop{background:rgba(0,0,0,.91)}
.milamoto-bike-lightbox-image{width:100%;height:100%;object-fit:contain}
.milamoto-bike-lightbox-close,.milamoto-bike-lightbox-prev,.milamoto-bike-lightbox-next{position:absolute;z-index:3;border:0;color:#fff;background:#141414c9;cursor:pointer;font-size:37px;line-height:1;width:44px;height:44px;display:grid;place-items:center}
.milamoto-bike-lightbox-close{right:7px;top:7px}
.milamoto-bike-lightbox-prev{left:6px;top:50%;transform:translateY(-50%)}
.milamoto-bike-lightbox-next{right:6px;top:50%;transform:translateY(-50%)}
.milamoto-bike-lightbox-count{position:absolute;left:0;right:0;bottom:8px;text-align:center;margin:0;color:#bbb;font-size:13px}
@media(max-width:1060px){.milamoto-bike-card-copy{padding:17px 14px}.milamoto-bike-detail-grid{gap:30px}.milamoto-bike-features{grid-template-columns:1fr}}
@media(max-width:940px){.milamoto-bike-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.milamoto-bike-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.milamoto-bike-thumbnails{gap:8px}}
@media(max-width:660px){.milamoto-bike-grid{grid-template-columns:minmax(0,1fr);gap:22px}.milamoto-bike-card h2{font-size:19px}.milamoto-bike-detail-grid{grid-template-columns:minmax(0,1fr);gap:30px}.milamoto-bike-description{padding-top:0}.milamoto-bike-features{grid-template-columns:repeat(2,minmax(0,1fr))}.milamoto-bike-single-layout .milamoto-subpage-title{overflow-wrap:anywhere}.milamoto-bike-back{margin-bottom:17px}.milamoto-bike-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:57px 37px 45px}.milamoto-bike-lightbox-prev{left:0}.milamoto-bike-lightbox-next{right:0}}
@media(max-width:410px){.milamoto-bike-features{grid-template-columns:1fr}}


/* ===== v1.7.2: requested typography and motorcycle presentation refinements ===== */
/* Main homepage and its slogan remain exactly as approved. Interior H1 only. */
.milamoto-about-title,
.milamoto-subpage-title {
  font-size:calc(var(--milamoto-heading-size) * .9);
}
/* Gallery and listing keep the same widths; let each photograph use its real
   aspect ratio. This removes letterboxing without cutting off any bike parts. */
.milamoto-bike-card-photo {
  aspect-ratio:auto;
  background:transparent;
  line-height:0;
}
.milamoto-bike-card-img {
  display:block;
  height:auto;
  width:100%;
  object-fit:contain;
}
.milamoto-bike-card-photo .milamoto-bike-image-empty {
  min-height:210px;
  line-height:1.5;
}
.milamoto-bike-card { overflow:hidden; }
.milamoto-bike-card-copy {
  display:flex;
  justify-content:center;
  padding:15px 12px 19px;
  text-align:center;
}
.milamoto-bike-card-info { width:fit-content; max-width:100%; }
.milamoto-bike-card h2 {
  text-align:center;
  margin:0 0 10px;
}
.milamoto-bike-card-meta {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:12px;
  font-size:clamp(11px,.85vw,14px);
  line-height:1.5;
  color:#d4d0cb;
  white-space:nowrap;
}
.milamoto-bike-card-meta strong {color:#faf9f8;font-weight:700;}
/* Inner photos have no ratio-enforcing black/charcoal bars, and retain
   their uncropped native proportions. Thumbnail columns stay three-wide. */
.milamoto-bike-main-photo {
  aspect-ratio:auto;
  overflow:hidden;
  background:transparent;
  border:0;
}
.milamoto-bike-main-photo img {
  display:block;
  height:auto;
  width:100%;
  object-fit:contain;
}
.milamoto-bike-thumb {
  aspect-ratio:auto;
  align-items:flex-start;
  background:transparent;
  border-color:rgba(202,194,186,.25);
}
.milamoto-bike-thumb img {
  display:block;
  height:auto;
  width:100%;
  object-fit:contain;
}
/* Previously the 'Aprašymas' H2 was oversized relative to the feature label. */
.milamoto-bike-description h2 {
  font-size:clamp(18px,1.7vw,22px);
}
/* Year and mileage occupy same two tracks as the checked equipment below. */
.milamoto-bike-detail-meta {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:8px;
  border:0;
  padding:0;
  margin:0 0 18px;
  font-size:14px;
  line-height:1.5;
}
/* Equipment has no additional title or divider. */
.milamoto-bike-description-text + .milamoto-bike-features {margin-top:18px;}
.milamoto-bike-features {margin-top:0;}
/* Make "TEIRAUTIS" identical in appearance and footprint to the first
   approved homepage button, while preserving the existing inquiry link. */
.milamoto-bike-inquiry {
  margin-top:27px;
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  gap:0;
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  width:clamp(188px,14.6vw,245px);
  height:49px;
  min-height:49px;
  padding:0 24px 0 26px;
  font-size:clamp(11.5px,.94vw,16px);
  font-weight:800;
  font-style:italic;
  line-height:1;
  letter-spacing:-.015em;
  color:#fff;
  background:var(--copper);
}
.milamoto-bike-inquiry > span:first-child {margin-right:13px;}
.milamoto-bike-inquiry .garage-cta-arrow {font-size:1.45em;font-weight:400;line-height:1;}
.milamoto-bike-inquiry:hover {color:#fff;filter:brightness(1.15);transform:translateY(-2px);background:var(--copper);}
/* The old 1060px override collapsed features into one column on desktop.
   Retain two tracks down to 661px, identical to year and mileage. */
@media (min-width:661px) {
  .milamoto-bike-features {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:660px) {
  .milamoto-bike-card-meta {font-size:clamp(11px,3.1vw,14px);gap:9px;}
  .milamoto-bike-detail-grid {grid-template-columns:minmax(0,1fr);}
  .milamoto-bike-detail-meta,
  .milamoto-bike-features {grid-template-columns:minmax(0,1fr);}
  .milamoto-bike-inquiry {
    width:min(100%,355px);
    height:51px;
    min-height:49px;
    font-size:14px;
    padding:0 26px 0 39px;
  }
}


/* ===== v1.7.3: minimal targeted typography refinements ===== */
/* The old .milamoto-bike-inquiry span {font-size:20px} was overriding the
   approved button's own type size. The first label now inherits the same
   responsive size as the homepage CTA label; the arrow remains unchanged. */
.milamoto-bike-inquiry > span:first-child {font-size:inherit;line-height:inherit;}
/* "Susisiekite su mumis": exactly 10% smaller, all viewport widths. */
.milamoto-contact-panel h2 {font-size:clamp(23.4px,2.34vw,34.2px);}
@media (max-width:940px) {
  .milamoto-contact-panel h2 {font-size:24.3px;}
}
/* The description editor is deliberately fixed at the bottom of the
   motorcycle edit screen; moving TinyMCE after initialization is unsafe. */
body.post-type-milamoto_bike #milamoto_bike_description .hndle {cursor:default;}


/* ===== v1.7.4: approved motorcycle and contact refinements ===== */
/* Increase only the year/mileage row in motorcycle list cards by 10%. */
.milamoto-bike-card-meta { font-size:clamp(12.1px,.935vw,15.4px); }
@media (max-width:660px) {
  .milamoto-bike-card-meta { font-size:clamp(12.1px,3.41vw,15.4px); }
}
/* On desktop/tablet only, scale the entire single-bike gallery (main image
   plus all its thumbnails) uniformly, preserving natural photo proportions.
   The lightbox and the mobile gallery are unchanged. */
@media (min-width:661px) {
  .milamoto-bike-single-layout .milamoto-bike-gallery { width:90%; }
}


/* ===== v1.7.5: approved four-CTA typography, centered listings and galleries ===== */
/* Midpoint between existing 'SIŲSTI ŽINUTĘ' (16px) and desktop
   'TEIRAUTIS' (clamp(11.5px,.94vw,16px)). Keep the button boxes untouched. */
:root { --milamoto-four-cta-font-size:clamp(13.75px, calc(8px + .47vw), 16px); }
body.home .garage-cta,
.milamoto-bike-inquiry,
.milamoto-send-button { font-size:var(--milamoto-four-cta-font-size); }
@media (max-width:660px) {
  /* Mobile: midpoint of the old 16px send label and 14px inquiry label. */
  :root { --milamoto-four-cta-font-size:15px; }
}
/* Desktop list: center each incomplete row while preserving three columns
   (two at tablet widths), the existing card sizes and all gaps. */
@media (min-width:941px) {
  .milamoto-bike-grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }
  .milamoto-bike-card {
    flex:0 0 calc((100% - (2 * clamp(16px, 2.1vw, 28px))) / 3);
    max-width:calc((100% - (2 * clamp(16px, 2.1vw, 28px))) / 3);
  }
}
@media (min-width:661px) and (max-width:940px) {
  .milamoto-bike-grid { display:flex;flex-wrap:wrap;justify-content:center; }
  .milamoto-bike-card { flex:0 0 calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2); }
}
/* Extra 15% reduction relative to the approved v1.7.4 desktop main photo.
   Its three-across thumbnail gallery follows the exact same column width.
   Center photo+description as a single unit with a modest column gap. */
@media (min-width:941px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    width:85%;
    margin-inline:auto;
    grid-template-columns:minmax(0,.49fr) minmax(0,.51fr);
    gap:clamp(20px,2.3vw,32px);
  }
  .milamoto-bike-single-layout .milamoto-bike-gallery { width:100%; }
}
@media (min-width:661px) and (max-width:940px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    width:85%;
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:20px;
  }
  .milamoto-bike-single-layout .milamoto-bike-gallery { width:100%; }
}
/* Up to 660px the already approved mobile layout remains exactly as before. */


/* ===== v1.7.6: targeted desktop refinements ===== */
/* Double the distance between the left gallery and right description,
   relative to v1.7.5, without changing their shared centered layout. */
@media (min-width:941px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    /* Add only the newly introduced gutter width to the centered block:
       the photo and description columns keep their v1.7.5 sizes. */
    width:calc(85% + clamp(20px,2.3vw,32px));
    gap:clamp(40px,4.6vw,64px);
  }
}
@media (min-width:661px) and (max-width:940px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    width:calc(85% + 20px);
    gap:40px;
  }
}
/* Halve the two inner description-column gutters (18px -> 9px).
   Mobile keeps its existing single-column presentation. */
@media (min-width:661px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-meta,
  .milamoto-bike-single-layout .milamoto-bike-features {
    column-gap:9px;
  }
}


/* ===== v1.7.7: only the four requested visual corrections ===== */
/* The two inner columns were still equal width in v1.7.6; changing
   column-gap alone couldn't visibly move the second column.  Both the
   years/mileage row and the features now share the same 40% first track. */
@media (min-width:661px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-meta,
  .milamoto-bike-single-layout .milamoto-bike-features {
    grid-template-columns:minmax(0,40%) minmax(0,1fr);
    column-gap:9px;
  }
}
/* Half the empty vertical gap between each interior page heading's rule
   and its content. Preserve heading top alignment, photography and the
   approved homepage hero. */
.milamoto-about-rule {margin-bottom:15.5px;}
.milamoto-subpage-rule {margin-bottom:17px;}
.milamoto-service-categories {margin-top:18.5px;}
.milamoto-bike-grid {margin-top:11px;}
.milamoto-bike-detail-grid {margin-top:6px;}
@media (max-width:660px) {
  .milamoto-about-rule {margin-bottom:12px;}
  .milamoto-service-categories {margin-top:10px;}
}


/* ===== v1.7.8: center the actual motorcycle detail composition ===== */
/* The old percent-wide grid reserved too much unused space on the right.
   Make both visible columns a bounded, centered group. The gallery retains
   approximately the previously approved desktop photo size. */
@media (min-width:941px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    width:min(100%,1050px);
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    gap:clamp(40px,4.6vw,64px); /* approved photo-to-description gap */
  }
}
@media (min-width:661px) and (max-width:940px) {
  .milamoto-bike-single-layout .milamoto-bike-detail-grid {
    width:min(100%,760px);
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:40px; /* approved tablet gap */
  }
}
/* Previous attempt halved only the gap after orange underlines. The large
   empty black area is ABOVE the interior headings/content and comes from the
   layout padding. Halve that top inset itself on all interior templates.
   Never change the separately approved homepage hero or mobile image ratio. */
.milamoto-about-layout,
.milamoto-subpage-layout,
.milamoto-contact-layout {
  padding-top:calc(var(--milamoto-page-heading-top) / 2);
}


/* ===== v1.7.9: approved homepage third CTA and services spacing ===== */
/* Keep both existing CTA links and their styling unchanged. The new
   Motociklai link is an exact copy of the existing Dalys link and sits
   centered beneath the original pair (not beneath the whole hero). */
body.home .garage-hero-actions {
  display:flex;
  flex-direction:column;
  width:max-content;
  max-width:100%;
}
body.home .garage-hero-bike-row {
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:14px;
}
/* Move only the services list lower on desktop (18.5px -> 37px).
   Do not alter the approved phone layout. */
@media (min-width:661px) {
  .milamoto-services-main .milamoto-service-categories {margin-top:37px;}
}
@media (max-width:660px) {
  body.home .garage-hero-actions {width:100%;}
  body.home .garage-hero-bike-row {margin-top:11px;}
}


/* ===== v1.8.0: temporary parts-shop landing page ===== */
/* Public store is intentionally unavailable until WooCommerce is launched.
   This affects only the new parts page; existing pages remain unchanged. */
.milamoto-parts-main {
  min-height:max(600px,calc(100svh - 172px));
  background:#0b0c0d;
}
.milamoto-parts-layout {
  padding-top:calc(var(--milamoto-page-heading-top) / 2);
  padding-bottom:clamp(75px,10vw,145px);
  text-align:center;
}
.milamoto-parts-main .milamoto-subpage-title {
  color:var(--copper-hover);
  margin-bottom:18px;
}
.milamoto-parts-main .milamoto-subpage-rule {
  display:block;
  margin-inline:auto;
}
.milamoto-parts-message {margin:clamp(40px,5vw,78px) auto 0;max-width:760px;}
.milamoto-parts-message h2 {
  color:var(--white);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:clamp(23px,3.0vw,36px);
  font-weight:800;
  font-style:italic;
  line-height:1.25;
  letter-spacing:-.025em;
  margin:0 0 20px;
}
.milamoto-parts-message p {
  color:var(--muted);
  font-size:clamp(15px,1.32vw,18px);
  line-height:1.65;
  margin:0;
}
@media (max-width:660px) {
  .milamoto-parts-layout {padding-top:54px;padding-bottom:70px;}
  .milamoto-parts-message {margin-top:45px;}
}