/* Phone layouts and comfortable touch controls. */
.mobile-dock{display:none}
.product-closebar{position:sticky;top:0;height:0;z-index:5;display:flex;justify-content:flex-end;padding:0 10px}.product-closebar .dialog-close{position:static;margin-top:10px;flex-shrink:0;border:1px solid var(--line)}
@media(max-width:700px){
 html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
 .container{width:calc(100% - 32px)}
 .header-inner{height:72px;gap:4px}
 .header .brand-image{width:145px;height:51px}
 .header-actions{gap:0}
 .header-actions .icon-btn{width:44px;height:44px}
 .quote-button{min-width:44px;min-height:44px;justify-content:center}
 .header-actions svg{width:20px;height:20px}
 .quote-button b{width:17px;height:17px;font-size:9px;margin-left:-4px;margin-top:-16px}
 .topbar-inner{font-size:10px;height:30px}
 .mobile-nav{max-height:calc(100dvh - 155px);overflow:auto;padding:8px 20px 20px;overscroll-behavior:contain}
 .mobile-nav a{min-height:49px;font-size:14px;padding:13px 4px}
 .hero-copy{padding-top:32px}
 .hero .eyebrow{font-size:8px;letter-spacing:1.1px}
 h1{font-size:clamp(42px,12.3vw,56px);line-height:1.08;letter-spacing:-2.5px;margin:23px 0 18px}
 .hero-copy>p{font-size:13px;line-height:1.85}
 .hero-copy>p br{display:none}
 .hero-buttons{gap:12px;align-items:stretch}
 .hero-buttons .btn{font-size:12px;padding:13px 16px;gap:15px;min-height:49px}
 .hero-buttons .text-button{font-size:11px;line-height:1.5;gap:8px;max-width:145px;text-align:left}
 .hero-visual{height:340px;margin-top:12px}
 .hero-product{height:285px;width:285px;margin-top:-15px}
 .hero-ring.ring-one{width:245px;height:245px}
 .hero-ring.ring-two{width:min(290px,90%);height:290px}
 .hero-watermark{font-size:44px;top:127px;left:-28px}
 .hero-edition{font-size:6px;top:11px;right:0}
 .hero-spec{bottom:17px;min-width:180px;padding:11px;gap:8px}
 .hero-spec .round-button{min-width:36px;min-height:36px;margin-left:5px}
 .hero-spec strong{font-size:11px}
 .hero-spec small{font-size:7px;letter-spacing:.8px}
 .hero-measure{bottom:25px;font-size:13px}
 .hero-bottom{padding:18px 0;gap:8px}
 .hero-bottom>span{font-size:9px;line-height:1.6;max-width:110px;gap:5px}
 .section-heading .eyebrow,.eyebrow{font-size:9px}
 .section-heading>p{font-size:12px;line-height:1.8}
 h2{font-size:32px;line-height:1.2}
 .text-button{min-height:44px;font-size:12px}
 .section-heading>.text-button{font-size:12px}
 .category-card{height:240px}
 .category-label strong{font-size:18px}
 .category-label small{font-size:10px;line-height:1.6;max-width:130px}
 .category-label{left:13px;bottom:17px}
 .category-arrow{bottom:91px}
 .category-num{width:28px;height:28px;font-size:10px}
 .catalog-toolbar{flex-direction:column;align-items:stretch;gap:12px}
 .tabs{display:flex;flex-wrap:wrap;max-width:none;gap:7px;overflow:visible}
 .tab{flex:1 1 29%;padding:10px 9px;min-height:44px;border-color:var(--line);font-size:11px}
 .filter-toggle{width:100%;min-height:44px;justify-content:center;background:var(--paper);font-size:12px}
 .filters{padding:18px;gap:19px}
 .field>span{font-size:12px}
 .field input,.field select,.field textarea{font-size:16px;min-height:48px;padding:13px 11px}
 .reset-button{min-height:44px;font-size:12px}
 .results-top{font-size:10px;gap:12px;align-items:flex-start}
 .results-top label{align-items:center;gap:4px;flex-shrink:0}
 .results-top select{font-size:11px;max-width:150px;min-height:35px;padding:0 3px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .product-card{min-width:0;display:flex;flex-direction:column}
 .product-image-button{height:clamp(170px,48vw,230px)}
 .product-tag{font-size:7px;letter-spacing:.2px;padding:5px 6px;left:9px;top:9px}
 .product-card-body{display:flex;flex-direction:column;flex:1;padding-top:12px}
 .product-card-body>small{font-size:8px;letter-spacing:.4px}
 .product-card h3{font-size:13px;line-height:1.55;min-height:41px;overflow-wrap:anywhere}
 .product-title-btn{font-size:inherit;min-height:41px}
 .product-specs{font-size:11px;flex-wrap:wrap;gap:5px}
 .product-specs span+span:before{margin-right:5px}
 .product-card-bottom{margin-top:auto;padding-top:12px;border-top:0}
 .add-button{width:100%;min-height:44px;font-size:10px;line-height:1.5;justify-content:center;border:1px solid var(--line);padding:8px 5px;gap:5px}
 .add-button svg{width:14px;height:14px}
 .product-view{width:30px;height:30px}
 .show-more-wrap .btn{min-height:48px;font-size:12px}
 .product-disclaimer,.catalogue-note{font-size:10px;line-height:1.8}
 .finder-banner h2{font-size:27px}
 .finder-banner p{font-size:12px}
 .finder-banner .btn{min-height:48px;font-size:12px}
 .solution.large small,.solution.large span{font-size:11px}
 .solution-list p{font-size:12px;line-height:1.65}
 .solution-list h3{font-size:20px}
 .solution-index{font-size:11px}
 .catalogue-tabs{gap:15px}
 .catalogue-tab{font-size:11px;min-height:47px;line-height:1.6;text-align:left}
 .catalogue-card{padding:18px;gap:16px;min-width:0}
 .catalogue-card h3{font-size:13px}
 .catalogue-card p{font-size:10px;line-height:1.6}
 .catalogue-card-text{min-width:0}
 .catalogue-open{font-size:10px}
 .catalogue-cover{width:61px;height:87px}
 .catalogue-card .download-icon{width:31px;height:31px}
 .about-copy>p{font-size:13px;line-height:1.9}
 .about-values>span{font-size:12px;line-height:1.7}
 .about-visual>small{font-size:9px}
 .faq-items summary{font-size:13px;min-height:65px;line-height:1.7}
 .faq-items details p{font-size:12px;line-height:1.9}
 .contact-grid{gap:32px}
 .contact-info{grid-template-columns:1fr;gap:25px}
 .contact-info small{font-size:9px;margin-bottom:5px}
 .contact-info strong{font-size:14px}
 .contact-info a,.contact-info p{font-size:13px;overflow-wrap:break-word}
 .contact-info a{display:inline-block;min-height:30px}
 .contact-info .map-link{font-size:12px!important;min-height:44px;display:flex;align-items:center;margin-top:2px}
 .contact-info svg{width:21px;height:21px}
 .form-row{grid-template-columns:1fr;gap:20px}
 .contact-form .field input,.contact-form .field textarea{font-size:16px;min-height:48px}
 .form-bottom small{font-size:11px;line-height:1.7}
 .form-bottom .btn{font-size:12px;min-height:50px}
 .footer-links{column-gap:25px;row-gap:30px}
 .footer-links small{font-size:9px}
 .footer-links a,.footer-links button{font-size:12px;line-height:1.8;min-height:35px}
 .footer-call>a{font-size:16px}
 .footer-call>span{font-size:11px}
 .footer-bottom{font-size:10px;line-height:1.7}
 .whatsapp-float{display:none}
 .mobile-dock{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 25px #00000008;padding:5px max(12px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));z-index:35}
 .mobile-dock>a,.mobile-dock>button{min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600}
 .mobile-dock>*+*{border-left:1px solid #ededeb}
 .mobile-dock svg{width:21px;height:21px}
 .dock-bag{position:relative;display:flex}
 .dock-bag b{position:absolute;right:-14px;top:-5px;min-width:17px;height:17px;padding:0 3px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:20px;font-size:9px}
 dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);overscroll-behavior:contain;scrollbar-gutter:stable}
 .dialog-heading h2{font-size:23px;line-height:1.3}
 .dialog-heading .eyebrow{font-size:9px}
 .finder-dialog .dialog-heading,.search-dialog .dialog-heading{position:sticky;top:-23px;background:#fff;z-index:3;padding-top:8px}
 dialog .icon-btn{min-width:44px;min-height:44px}
 .search-dialog,.finder-dialog{padding:23px 19px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
 .global-search-wrap{gap:9px;padding-top:8px}
 .global-search-wrap input{font-size:16px;min-height:44px;min-width:0}
 .search-results{max-height:57dvh}
 .search-result{gap:12px;padding:14px 0}
 .search-result strong{font-size:13px}
 .search-result small{font-size:11px}
 .search-result img{width:57px;height:67px}
 .search-result>span{min-width:0;overflow-wrap:anywhere}
 .product-dialog{max-height:95dvh}
 .detail-copy{padding:25px 20px max(25px,env(safe-area-inset-bottom,0px))}
 .detail-copy>p{font-size:13px;line-height:1.8}
 .detail-specs>div{font-size:12px;gap:12px}
 .detail-specs dd{text-align:right}
 .detail-copy .btn{font-size:12px;min-height:50px}
 .detail-source{font-size:11px;min-height:44px}
 .detail-note{font-size:10px!important}
 .quote-dialog{max-width:100%;width:100%;height:100dvh;max-height:100dvh;padding:22px 20px max(25px,env(safe-area-inset-bottom,0px))}
 .quote-dialog .dialog-heading{top:-22px;align-items:center;padding-top:10px}
 .quote-item{grid-template-columns:70px minmax(0,1fr);gap:13px}
 .quote-item h3{font-size:13px;overflow-wrap:anywhere}
 .quote-item p{font-size:11px}
 .quantity-row{gap:8px;flex-wrap:wrap}
 .quantity button{width:40px;height:42px}
 .quantity input{width:45px;min-height:42px;font-size:16px}
 .remove-item{min-height:44px;font-size:11px;padding:0 2px}
 .quote-summary .btn{font-size:12px;min-height:50px}
 .quote-summary>p{font-size:11px;line-height:1.8}
 .quote-summary .download-list{font-size:12px;min-height:44px}
 .finder-options span{font-size:12px;min-height:55px;padding-left:35px;display:flex;align-items:center}
 .finder-options input{top:19px;left:11px}
 .finder-dialog legend{font-size:12px;line-height:1.8}
 .finder-help{font-size:12px;line-height:1.8}
 .finder-dialog .btn{font-size:12px;min-height:50px}
 .toast{bottom:calc(85px + env(safe-area-inset-bottom,0px));font-size:12px;line-height:1.7}
}
@media(max-width:359px){
 .header .brand-image{width:132px;height:47px}
 .hero-buttons{flex-wrap:wrap;gap:7px}
 .hero-buttons .btn{flex:1}
 .hero-buttons .text-button{max-width:none;justify-content:center;width:100%;font-size:12px}
 .hero-spec{min-width:170px;padding:10px 7px;gap:6px}
 .hero-spec strong{font-size:10px}
 .hero-spec small{font-size:6px}
 .hero-spec .round-button{min-width:32px;min-height:36px;margin-left:0}
 .hero-measure{font-size:11px}
 .category-label strong{font-size:16px}
 .category-label small{font-size:9px;max-width:110px}
 .product-grid{gap:23px 10px}
 .product-tag{font-size:6px}
 .product-card h3{font-size:12px}
 .add-button{font-size:9px}
 .catalogue-card{gap:12px;padding:14px}
 .catalogue-cover{width:51px;height:74px}
 .catalogue-card h3{font-size:12px}
 .catalogue-card .download-icon{display:none}
}
@media(min-width:701px) and (max-width:1000px){
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-card h3{overflow-wrap:anywhere}
 .product-title-btn{min-height:44px}
 .add-button{min-height:44px;font-size:10px}
 .mobile-nav a{min-height:48px;font-size:14px}
 .header-actions .icon-btn,.quote-button{min-height:44px;min-width:44px}
}

/* Keep catalogue search and category navigation within reach. */
.product-search-bar{margin-top:20px;padding:22px;background:var(--paper)}
.product-search-bar .field input{font-size:14px}
.product-search-bar p{font-size:11px;color:var(--muted);margin-top:10px}
.mobile-category-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 16px}
.mobile-category-links button{text-align:left;border:1px solid var(--line);padding:12px;min-height:46px;font-size:12px}
.mobile-category-links button:hover{background:var(--paper)}
.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.active-filter-summary,.search-scope{font-size:12px;color:var(--muted);margin:14px 0;line-height:1.7}
.search-scope{padding:10px 12px;background:var(--paper)}
@media(max-width:700px){.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.filters .reset-button{grid-column:1/-1}.filters .field>span{font-size:11px}.filters .field select{font-size:14px;padding:12px 7px}.active-filter-summary{font-size:11px}}
@media(max-width:700px){.product-search-bar{padding:18px}.product-search-bar .field input{font-size:16px}.tabs{overflow:visible;flex-wrap:wrap}.tabs .tab{flex:1 1 29%}}

.product-enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;align-items:center}.share-status{flex-basis:100%;overflow-wrap:anywhere;font-size:13px}.product-enquiry-actions .btn{white-space:normal}
.topbar-inner a{min-height:24px}

/* Bootstrap Icons WhatsApp mark: use a filled glyph, not the line-icon stroke. */
.whatsapp-icon{fill:currentColor;stroke:none;display:block;aspect-ratio:1;overflow:visible}.whatsapp-icon use{fill:currentColor;stroke:none}

/* Real product geometry is loaded on demand, with a photo fallback. */
.hero-3d-container{position:absolute;inset:54px 0 48px;z-index:1}.hero-3d-container model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;--progress-bar-color:#161616;--progress-bar-height:2px}.hero-visual.has-3d .hero-product{visibility:hidden}.hero-3d-controls{position:absolute;top:18px;left:12px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:220px}.hero-3d-controls button{min-height:44px;padding:10px 16px;border:1px solid #bcbcb5;background:#fffffff2;color:#161616;font:600 11px Montserrat,Arial,sans-serif;cursor:pointer}.hero-3d-controls button:hover{background:#161616;color:white}.hero-3d-controls button:disabled{cursor:wait;opacity:.7}.hero-3d-controls span{font-size:10px;line-height:1.5;background:var(--paper);padding:0 3px}.hero-visual.has-3d .hero-spec,.hero-visual.has-3d .hero-measure{z-index:3}@media(max-width:700px){.hero-3d-container{inset:52px 0 60px}.hero-3d-controls{left:0;top:5px;max-width:180px}.hero-3d-controls button{padding:9px 13px}.hero-3d-controls span{font-size:9px}}

/* Product-specific wheel descriptions and verified mounting dimensions. */
.clear-product-search{margin:12px 0 0;font-size:12px}.wheel-description{font-size:14px;line-height:1.75;max-width:58ch;color:#4f504b}.mounting-details{margin:22px 0 26px}.mounting-details h3{font-size:13px;margin:0 0 12px}.mounting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--line,#deded7)}.mounting-grid>div{padding:14px 8px;text-align:center;border-right:1px solid var(--line,#deded7)}.mounting-grid>div:last-child{border:0}.mounting-diagram{width:64px;height:56px;display:block;margin:0 auto 8px}.mounting-grid dt{font-size:10px;line-height:1.5;color:#666;min-height:30px}.mounting-grid dd{margin:6px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.mounting-grid dd small{font-size:10px;font-weight:400}.hero-3d-controls{top:auto;bottom:12px;left:12px}.hero-3d-controls span{background:transparent}.hero-visual.has-3d .hero-3d-container{inset:12px 0 35px}@media(max-width:700px){.mounting-grid>div{padding:12px 5px}.mounting-grid dd{font-size:13px}.mounting-grid dt{font-size:9px}.hero-visual.has-3d .hero-3d-container{inset:5px 0 55px}.hero-3d-controls{top:auto;bottom:7px;left:0}}

/* Both search entry points start across the complete product catalogue. */
.catalog-search-input{display:flex;align-items:center;gap:12px;margin-top:8px;border:1px solid #bcbcb5;background:#fff;padding:0 14px;min-width:0}
.product-search-bar .catalog-search-input input{border:0;background:transparent;min-width:0;width:100%;min-height:48px;padding:12px 0;font-size:16px}
.catalog-search-input:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.catalog-search-input input:focus-visible{outline:none}
.catalog-search-input svg{width:20px;height:20px}

.catalogue-list-title{font-size:14px;font-weight:600;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}

/* Keep descriptions readable without competing with product titles. */
.detail-copy>.wheel-description{font-size:14px;font-weight:500;line-height:1.8;color:#3f403c}

/* Catalogue facets share one layout and state on desktop and phones. */
.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.filters .field{min-width:0}.filters select{min-width:0;max-width:100%;text-overflow:ellipsis}
.filter-flags{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.inox-option{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;cursor:pointer}
.inox-option input{width:18px;height:18px;margin:0;accent-color:#161616}
.inox-option:has(input:disabled){opacity:.55;cursor:default}
.filter-flags .reset-button{min-height:44px}
@media(max-width:900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.filters{padding:16px;gap:16px 12px}.filters .field select{font-size:14px}.inox-option{font-size:12px}}

/* The supplied brand mark is isolated from its lettering; only this website changes its cursor. */
.wheel-cursor{position:fixed;inset:0 auto auto 0;width:43px;height:43px;margin:0;padding:0;border:0;overflow:visible;background:transparent;pointer-events:none!important;user-select:none;contain:layout style}
.wheel-cursor::backdrop{display:none;pointer-events:none}
.wheel-cursor .logo-cursor-point{position:absolute;left:0;top:0;display:block;width:20px;height:23px;fill:none;stroke:none;overflow:visible;filter:drop-shadow(0 1px 1px #0004)}
.wheel-cursor-lean{position:absolute;left:9px;top:10px;width:31px;height:31px;transform-origin:50% 50%}
.logo-cursor-press{width:31px;height:31px;transform-origin:50% 50%;transition:transform .09s ease-out}
.logo-cursor-press img{width:31px;height:31px;max-width:none;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1px 1px #0003)}
.wheel-cursor.is-pressed .logo-cursor-press{transform:scale(.82)}
@media(hover:hover) and (pointer:fine){html.wheel-cursor-active,html.wheel-cursor-active *{cursor:none!important}}
@media(prefers-reduced-motion:reduce){.wheel-cursor-lean,.logo-cursor-press{transform:none!important;transition:none}}

/* Raise the platform carts while keeping the original floor across the card. */
.category-card[data-category=orta] img{height:calc(100% + 56px);margin-top:-56px;object-position:center bottom}