:root {
	--otp-ink: #19150e;
	--otp-ink-soft: #282116;
	--otp-brand: #996600;
	--otp-brand-bright: #c89532;
	--otp-paper: #eee5d2;
	--otp-paper-light: #faf6ec;
	--otp-paper-deep: #d8c8a8;
	--otp-line: rgba(87, 62, 20, .3);
	--otp-cream: #f7eedc;
	--otp-muted: #70695d;
}

.otp-design-2026,
.otp-design-2026 td,
.otp-design-2026 th {
	box-sizing: border-box;
	color: var(--otp-ink);
	font-family: Arial, Helvetica, sans-serif;
}

.otp-design-2026 {
	background: var(--otp-paper) !important;
	margin: 0;
	min-width: 0;
	text-align: left;
	-webkit-font-smoothing: antialiased;
}

.otp-design-2026 *,
.otp-design-2026 *::before,
.otp-design-2026 *::after { box-sizing: border-box; }
.otp-design-2026 img { max-width: 100%; }
.otp-design-2026 a { color: inherit; }
.otp-design-2026 button,
.otp-design-2026 input,
.otp-design-2026 select,
.otp-design-2026 textarea { font: inherit; }
.otp-design-2026 #FlyPics { z-index: 100; }

.otp-design-2026 #main {
	background: var(--otp-paper);
	margin: 0 auto;
	max-width: none;
	overflow: visible;
	padding: 0;
	text-align: left;
	width: 100%;
}

.otp-design-2026 #main h1,
.otp-design-2026 #main h2 {
	background: transparent;
	border: 0;
	color: inherit;
	padding: 0;
	text-align: inherit;
}

.otp-visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Header */

.otp-site-header {
	background: rgba(25, 21, 14, .98);
	border-bottom: 1px solid rgba(200, 149, 50, .46);
	color: var(--otp-cream);
	position: sticky;
	top: 0;
	z-index: 90;
}

.otp-utility {
	border-bottom: 1px solid rgba(200, 149, 50, .2);
	height: 31px;
}

.otp-utility-inner {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 clamp(20px, 4vw, 66px);
}

.otp-center-meta,
.otp-world-delivery {
	color: rgba(247, 238, 220, .62) !important;
	font-size: 11px;
	letter-spacing: .075em;
	text-decoration: none;
	text-transform: uppercase;
}

.otp-world-delivery:hover { color: #fff !important; }
.otp-utility-commerce { align-items: center; display: flex; gap: 24px; }
.otp-utility-commerce select {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--otp-cream);
	cursor: pointer;
	font-size: 11px;
	padding: 2px 13px 2px 2px;
}
.otp-utility-commerce select option { background: var(--otp-ink); color: #fff; }

.otp-header-main {
	align-items: center;
	display: grid;
	grid-template-columns: minmax(155px, 1fr) auto minmax(155px, 1fr);
	height: 76px;
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 clamp(20px, 4vw, 66px);
}

.otp-brand { display: block; justify-self: start; text-decoration: none; }
.otp-brand img { display: block; height: auto; max-height: 51px; width: 150px; }

.otp-main-nav { align-items: stretch; display: flex; gap: clamp(18px, 2.2vw, 36px); height: 100%; }
.otp-main-nav .otp-nav-mobile-label { display: none; }
.otp-main-nav a {
	align-items: center;
	color: rgba(247, 238, 220, .72) !important;
	display: flex;
	font-size: 13px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}
.otp-main-nav a::after {
	background: var(--otp-brand-bright);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform 180ms ease;
	width: 100%;
}
.otp-main-nav a:hover,
.otp-main-nav a:focus-visible { color: white !important; }
.otp-main-nav a:hover::after,
.otp-main-nav a:focus-visible::after { transform: scaleX(1); }
.otp-main-nav .otp-contact-link { color: #fff !important; font-weight: 700; }

.otp-header-tools { align-items: center; display: flex; gap: 15px; justify-self: end; }
.otp-header-tools a { color: var(--otp-cream) !important; text-decoration: none; }
.otp-search-link { font-size: 25px; line-height: 1; transform: rotate(-12deg); }
.otp-cart-link { align-items: center; display: flex; font-size: 12px; gap: 7px; text-transform: uppercase; }
.otp-cart-link span {
	align-items: center;
	background: var(--otp-brand);
	border-radius: 50%;
	display: flex;
	font-size: 11px;
	height: 21px;
	justify-content: center;
	width: 21px;
}
.otp-menu-toggle { background: transparent; border: 0; cursor: pointer; display: none; padding: 8px 0 8px 8px; }
.otp-menu-toggle > span { background: var(--otp-cream); display: block; height: 1px; margin: 5px 0; transition: transform 180ms ease; width: 23px; }

/* Shared cards */

.otp-product-card { min-width: 0; }
.otp-product-photo {
	background: #fbfaf7;
	border: 1px solid rgba(153, 102, 0, .3);
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.otp-product-image { aspect-ratio: 3 / 2; display: block; overflow: hidden; position: relative; }
.otp-product-image img {
	display: block;
	height: 100%;
	object-fit: contain;
	padding: 4%;
	transition: transform 320ms ease;
	width: 100%;
}
.otp-product-card:hover .otp-product-image img { transform: scale(1.025); }

.otp-frequency-indicator {
	align-items: center;
	background: #f3eddf;
	border-top: 1px solid rgba(153, 102, 0, .27);
	display: grid;
	gap: 8px;
	grid-template-columns: auto minmax(40px, 1fr) auto;
	height: 29px;
	padding: 5px 8px;
}
.otp-frequency-indicator small { color: var(--otp-muted); font-size: 9px; line-height: 1; text-transform: uppercase; }
.otp-frequency-indicator > span {
	background: rgba(153,102,0,.15);
	display: block;
	height: 6px;
	position: relative;
}
.otp-frequency-indicator > span i {
	background: linear-gradient(90deg, #704900, var(--otp-brand-bright));
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
}
.otp-frequency-indicator.is-empty { visibility: hidden; }

/* The builder keeps the original component groups instead of a flat catalogue. */
.otp-catalog-workspace.otp-constructor-workspace { display: block; }
.otp-constructor-sections { margin: 0 auto; max-width: 1400px; min-width: 0; }
.otp-constructor-nav { border-bottom: 1px solid var(--otp-line); display: flex; flex-wrap: wrap; gap: 12px 28px; margin-bottom: 44px; padding-bottom: 22px; }
.otp-constructor-nav a { color: var(--otp-brand) !important; font-size: 15px; line-height: 1.5; padding: 6px 0; }
.otp-constructor-group { border-bottom: 1px solid var(--otp-line); padding-bottom: 42px; scroll-margin-top: 140px; }
.otp-constructor-group + .otp-constructor-group { padding-top: 44px; }
.otp-constructor-group:last-child { border-bottom: 0; padding-bottom: 0; }
.otp-design-2026 #main .otp-constructor-group h2 { background: transparent; border: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(28px,3vw,42px); font-weight: 400; letter-spacing: -.025em; line-height: 1.15; margin: 0 0 22px; }
.otp-constructor-group h2 a { color: var(--otp-ink) !important; text-decoration: none; }
.otp-constructor-group h2 a:hover { color: var(--otp-brand) !important; }
.otp-constructor-description { color: var(--otp-muted); font-size: 16px; line-height: 1.65; margin: 0 0 28px; max-width: 880px; }

.otp-product-discussion { align-items: center; border-bottom: 1px solid var(--otp-line); border-top: 1px solid var(--otp-line); display: flex; gap: 22px; justify-content: space-between; margin: 54px auto 0; max-width: 1400px; padding: 26px 0; }
.otp-product-discussion > div { align-items: center; display: flex; gap: 14px; }
.otp-product-discussion > div > svg { color: var(--otp-brand); flex: 0 0 auto; }
.otp-design-2026 #main .otp-product-discussion h2 { background: transparent; border: 0; color: var(--otp-ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(25px,2.4vw,34px); font-weight: 400; line-height: 1.2; margin: 0; padding: 0; }
.otp-product-discussion > a { align-items: center; border: 1px solid var(--otp-line); color: var(--otp-brand) !important; display: flex; font-size: 15px; gap: 24px; padding: 13px 18px; text-decoration: none !important; }
.otp-product-discussion > a:hover { background: var(--otp-cream); border-color: var(--otp-brand); }
.otp-product-discussion > a small { color: var(--otp-muted); display: block; font-size: 13px; margin-top: 5px; }
@media (max-width: 620px) {
    .otp-product-discussion { align-items: stretch; flex-direction: column; }
    .otp-product-discussion > a { justify-content: space-between; }
    .otp-constructor-nav { column-gap: 20px; margin-bottom: 30px; }
    .otp-constructor-group { scroll-margin-top: 110px; }
}
.otp-product-copy { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; padding: 15px 2px 0; }
.otp-product-copy p { color: var(--otp-brand); font-size: 10px; letter-spacing: .07em; margin: 0 0 6px; text-transform: uppercase; }
.otp-product-copy h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(19px, 1.45vw, 25px); font-weight: 400; line-height: 1.08; margin: 0; }
.otp-product-copy h3 a { text-decoration: none; }
.otp-product-copy > strong { flex: 0 0 auto; font-size: 12px; padding-top: 3px; white-space: nowrap; }
.otp-product-card.is-coming { opacity: .72; }

/* Home */

.otp-center-hero {
	background: linear-gradient(rgba(25,21,14,.9), rgba(25,21,14,.96)), url('/img/design2026/old-background.webp') center / cover;
	color: var(--otp-cream);
	padding: clamp(54px, 6vw, 94px) clamp(20px, 4vw, 66px) clamp(68px, 7vw, 112px);
}
.otp-center-heading {
	align-items: end;
	display: grid;
	gap: clamp(36px, 6vw, 100px);
	grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
	margin: 0 auto clamp(42px, 5vw, 70px);
	max-width: 1500px;
}
.otp-center-heading > div > p,
.otp-best-heading > div > p,
.otp-instrument-story header > p,
.otp-accessories-heading p {
	color: var(--otp-brand-bright);
	font-size: 12px;
	letter-spacing: .13em;
	margin: 0 0 17px;
	text-transform: uppercase;
}
.otp-design-2026 #main .otp-center-heading h1,
.otp-design-2026 #main .otp-best-heading h2,
.otp-design-2026 #main .otp-catalog-title h1,
.otp-design-2026 #main .otp-product-passport h1,
.otp-design-2026 #main .otp-cart-heading h1,
.otp-design-2026 #main .otp-notes-intro h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: -.052em;
}
.otp-design-2026 #main .otp-center-heading h1 { font-size: clamp(52px, 6.5vw, 102px); line-height: .92; margin: 0; }
.otp-center-heading > p { border-left: 1px solid rgba(200,149,50,.32); color: rgba(247,238,220,.7); font-size: 17px; line-height: 1.65; margin: 0; padding-left: 30px; }

.otp-department-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	grid-template-rows: repeat(2, 210px);
	margin: 0 auto;
	max-width: 1500px;
}
.otp-department-card { border: 1px solid rgba(200,149,50,.36); color: #fff !important; overflow: hidden; position: relative; text-decoration: none; }
.otp-department-card > img,
.otp-department-shade { height: 100%; inset: 0; position: absolute; width: 100%; }
.otp-department-card > img { object-fit: cover; transition: transform 500ms ease; }
.otp-department-card:hover > img { transform: scale(1.025); }
.otp-department-shade { background: linear-gradient(180deg, rgba(12,10,7,.04) 24%, rgba(15,12,8,.88)); }
.otp-department-shop { grid-column: 1 / 5; grid-row: 1 / 3; }
.otp-department-shop > img { object-position: 47% center; }
.otp-department-shop-copy { bottom: 34px; display: flex; flex-direction: column; left: 34px; position: absolute; right: 34px; }
.otp-department-shop-copy small,
.otp-department-small-copy small { color: var(--otp-brand-bright); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.otp-department-shop-copy strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px, 4.6vw, 70px); font-weight: 400; line-height: 1; margin: 7px 0 18px; }
.otp-department-shop-copy > span { border-bottom: 1px solid var(--otp-brand-bright); font-size: 13px; padding-bottom: 9px; width: max-content; }
.otp-department-small { grid-column: span 2; }
.otp-department-small-copy { bottom: 19px; display: flex; flex-direction: column; left: 20px; max-width: calc(100% - 55px); position: absolute; }
.otp-department-small-copy strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(25px, 2vw, 33px); font-weight: 400; line-height: 1; margin-top: 6px; }
.otp-department-small-copy > span { color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.35; margin-top: 7px; }
.otp-department-small > b { font-size: 18px; font-weight: 400; position: absolute; right: 17px; top: 15px; }

.otp-best-section {
	background: linear-gradient(rgba(238,229,210,.94), rgba(238,229,210,.97)), url('/img/design2026/old-background.webp') center 32% / cover fixed;
	padding: clamp(70px, 8vw, 125px) clamp(20px, 4vw, 66px) clamp(78px, 8vw, 132px);
}
.otp-best-heading { align-items: end; display: grid; gap: 48px; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); margin: 0 auto 50px; max-width: 1500px; }
.otp-best-heading > div > p { color: var(--otp-brand); }
.otp-design-2026 #main .otp-best-heading h2 { font-size: clamp(45px, 5vw, 78px); line-height: .96; margin: 0; }
.otp-best-heading > p { color: #5f5a50; font-size: 16px; line-height: 1.6; margin: 0; }
.otp-selection-tabs { border-bottom: 1px solid var(--otp-line); display: flex; gap: clamp(18px, 3vw, 46px); margin: 0 auto 25px; max-width: 1500px; overflow-x: auto; }
.otp-selection-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--otp-muted); cursor: pointer; flex: 0 0 auto; font-size: 13px; height: 50px; padding: 0; }
.otp-selection-tabs button.active { border-bottom-color: var(--otp-brand); color: var(--otp-ink); font-weight: 700; }
.otp-selection-panel { margin: 0 auto; max-width: 1500px; }
.otp-selection-panel[hidden] { display: none; }
.otp-selection-panel > p { color: var(--otp-muted); font-family: Georgia, "Times New Roman", serif; font-size: 15px; font-style: italic; margin: 0 0 18px; }
.otp-home-products-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.otp-home-products-grid .otp-product-photo { box-shadow: 7px 8px 0 rgba(104,70,0,.08); }
.otp-selection-more { border-bottom: 1px solid var(--otp-brand); color: var(--otp-brand) !important; display: block; font-size: 13px; margin: 28px 0 0 auto; padding: 9px 0; text-decoration: none; width: max-content; }
.otp-beginner-strip { align-items: center; background: linear-gradient(90deg, #6c4700, var(--otp-brand)); color: #fff; display: flex; justify-content: space-between; margin: clamp(48px, 6vw, 82px) auto 0; max-width: 1500px; padding: 30px clamp(24px, 3vw, 48px); }
.otp-beginner-strip > div { align-items: baseline; display: flex; gap: clamp(20px, 3vw, 45px); }
.otp-beginner-strip strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(27px, 3vw, 40px); font-weight: 400; }
.otp-beginner-strip p { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.5; margin: 0; max-width: 500px; }
.otp-beginner-strip a { border-bottom: 1px solid rgba(255,255,255,.56); color: #fff !important; flex: 0 0 auto; font-size: 13px; padding: 8px 0; text-decoration: none; }

/* Catalogue */

.otp-catalog-intro { background: linear-gradient(90deg,rgba(15,30,37,.36),rgba(15,30,37,.8) 48%,rgba(15,30,37,.85)), url('/img/design2026/old-background.webp') center 44% / cover; color: var(--otp-cream); display: grid; grid-template-columns: minmax(330px, .7fr) minmax(480px, 1.3fr); min-height: 300px; }
.otp-catalog-intro-photo { background: url('/img/design2026/shop.webp') 45% center / cover; -webkit-mask-image: linear-gradient(90deg,#000 58%,transparent); mask-image: linear-gradient(90deg,#000 58%,transparent); }
.otp-catalog-title { align-self: center; padding: 35px clamp(28px, 5vw, 80px); }
.otp-catalog-title > p:first-child,
.otp-notes-intro > p { color: rgba(247,238,220,.52); font-size: 11px; letter-spacing: .09em; margin: 0 0 19px; text-transform: uppercase; }
.otp-catalog-title > p:first-child a,
.otp-notes-intro > p a { color: var(--otp-brand-bright) !important; }
.otp-design-2026 #main .otp-catalog-title h1 { color: var(--otp-cream); font-size: clamp(50px, 5.5vw, 80px); line-height: .83; margin: 0; }
.otp-catalog-title > p:last-child { color: rgba(247,238,220,.66); font-size: 15px; line-height: 1.55; margin: 23px 0 0; max-width: 560px; }
.otp-catalog-navigation { width: 100%; }
.otp-catalog-tabs { background: var(--otp-brand); color: #fff; display: flex; overflow-x: auto; padding: 0 clamp(20px, 4vw, 66px); }
.otp-catalog-tabs a { border-left: 1px solid rgba(255,255,255,.22); color: #fff !important; flex: 1 0 auto; font-size: 13px; min-width: 155px; padding: 19px 18px; text-decoration: none; }
.otp-catalog-tabs a:last-child { border-right: 1px solid rgba(255,255,255,.22); }
.otp-catalog-tabs a.active { background: var(--otp-paper-light); color: var(--otp-ink) !important; }
.otp-harp-subnav { align-items: center; background: var(--otp-paper-light); border-bottom: 1px solid var(--otp-line); display: flex; gap: 36px; overflow-x: auto; padding: 0 clamp(20px, 4vw, 66px); }
.otp-harp-subnav a { color: var(--otp-brand) !important; flex: 0 0 auto; font-size: 12px; padding: 14px 0; position: relative; text-decoration: none; }
.otp-harp-subnav a.active { color: var(--otp-ink) !important; font-weight: 700; }
.otp-harp-subnav a.active::after { background: var(--otp-brand); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
.otp-catalog-workspace { display: grid; gap: clamp(30px, 4vw, 62px); grid-template-columns: 255px minmax(0, 1fr); margin: 0 auto; max-width: 1600px; padding: clamp(42px, 5vw, 76px) clamp(20px, 4vw, 66px) clamp(80px, 8vw, 130px); }
.otp-catalog-workspace.no-filters { display: block; }
.otp-filter-panel { align-self: start; border-top: 4px solid var(--otp-brand); position: sticky; top: 120px; }
.otp-filter-title { align-items: center; border-bottom: 1px solid var(--otp-line); display: flex; justify-content: space-between; padding: 17px 0; }
.otp-filter-title strong { font-size: 13px; text-transform: uppercase; }
.otp-filter-title a { color: var(--otp-muted) !important; font-size: 11px; }
.otp-filter-group { border-bottom: 1px solid var(--otp-line); }
.otp-filter-group summary { cursor: pointer; font-size: 13px; list-style: none; padding: 15px 18px 15px 0; position: relative; }
.otp-filter-group summary::-webkit-details-marker { display: none; }
.otp-filter-group summary::after { color: var(--otp-brand); content: "+"; position: absolute; right: 2px; }
.otp-filter-group[open] summary::after { content: "−"; }
.otp-filter-group > div { display: grid; gap: 13px; padding: 0 0 18px; }
.otp-filter-group label:not(.otp-filter-check),
.otp-filter-panel .catalog-filter-range { display: grid; gap: 6px; }
.otp-filter-group label > span,
.otp-filter-panel .catalog-filter-range > span:first-child { color: var(--otp-muted); font-size: 11px; line-height: 1.35; }
.otp-filter-group select,
.otp-filter-panel input[type="number"] { background: rgba(250,246,236,.65); border: 1px solid var(--otp-line); border-radius: 0; color: var(--otp-ink); height: 34px; min-width: 0; padding: 5px 7px; width: 100%; }
.otp-filter-panel .catalog-filter-range-inputs { align-items: center; display: grid; gap: 5px; grid-template-columns: 1fr auto 1fr; }
.otp-filter-check { align-items: flex-start; display: flex; font-size: 12px; gap: 7px; line-height: 1.35; }
.otp-filter-check input { accent-color: var(--otp-brand); margin: 1px 0 0; }
.otp-filter-notes { border: 0; display: grid; gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; }
.otp-filter-notes legend { color: var(--otp-muted); font-size: 11px; grid-column: 1 / -1; margin-bottom: 5px; padding: 0; }
.otp-filter-notes label { background: rgba(250,246,236,.65); border: 1px solid var(--otp-line); cursor: pointer; display: block !important; font-size: 10px; padding: 6px; position: relative; text-align: center; }
.otp-filter-notes input { opacity: 0; position: absolute; }
.otp-filter-notes label:has(input:checked) { background: var(--otp-brand); color: #fff; }
.otp-filter-group small { color: var(--otp-muted); font-size: 10px; line-height: 1.35; }
.otp-filter-submit { background: var(--otp-brand); border: 0; color: #fff; cursor: pointer; margin-top: 18px; padding: 12px; width: 100%; }
.otp-first-harp { background: var(--otp-ink); color: #fff !important; display: block; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.15; margin-top: 12px; padding: 17px; text-decoration: none; }
.otp-first-harp span { color: var(--otp-brand-bright); display: block; font-family: Arial, sans-serif; font-size: 11px; margin-top: 5px; }
.otp-catalog-results { min-width: 0; }
.otp-results-head { align-items: center; border-bottom: 1px solid var(--otp-line); display: flex; justify-content: space-between; margin-bottom: 21px; min-height: 46px; }
.otp-results-head p { color: var(--otp-muted); font-size: 12px; margin: 0; }
.otp-results-head p b { color: var(--otp-ink); font-size: 16px; }
.otp-sort-control { align-items: center; display: flex; gap: 9px; }
.otp-sort-control > span { color: var(--otp-muted); font-size: 11px; }
.otp-sort-control select { background: transparent; border: 0; color: var(--otp-ink); cursor: pointer; font-size: 12px; max-width: 235px; padding: 7px 2px; }
.otp-catalog-grid { display: grid; gap: 36px 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.otp-catalog-grid .otp-product-image { aspect-ratio: 3 / 2; }
.otp-catalog-grid .otp-product-image img { padding: 6%; }
.otp-catalog-empty { border: 1px solid var(--otp-line); color: var(--otp-muted); padding: 50px 25px; text-align: center; }
.otp-catalog-context,
.otp-maker-info { margin: 42px auto 0; max-width: 1468px; padding: 0 clamp(20px, 4vw, 66px); }

/* Product */

.otp-product-page { background: var(--otp-paper); padding: 34px clamp(20px, 4vw, 66px) clamp(84px, 8vw, 132px); }
.otp-product-path { align-items: center; color: var(--otp-muted); display: flex; font-size: 11px; gap: 9px; margin: 0 auto 31px; max-width: 1400px; text-transform: uppercase; }
.otp-product-path a { color: var(--otp-brand) !important; text-decoration: none; }
.otp-product-showcase { display: grid; gap: clamp(32px, 5vw, 74px); grid-template-columns: minmax(0, 1.2fr) minmax(345px, .8fr); margin: 0 auto; max-width: 1400px; }
.otp-gallery-collage { align-content: start; display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.otp-gallery-main,
.otp-gallery-thumb { background: #fff; border: 7px solid var(--otp-paper-light); box-shadow: 8px 9px 0 rgba(85,57,10,.11); display: block; margin: 0; overflow: hidden; }
.otp-gallery-main { aspect-ratio: 3 / 2; grid-column: 1 / 7; position: relative; }
.otp-gallery-main img,
.otp-gallery-thumb img { display: block; height: 100%; object-fit: contain; width: 100%; }
.otp-gallery-main figcaption { background: rgba(25,21,14,.86); bottom: 0; color: #fff; font-size: 10px; left: 0; padding: 7px 9px; position: absolute; text-transform: uppercase; }
.otp-gallery-thumb { aspect-ratio: 3 / 2; grid-column: span 2; }
.otp-product-passport { align-self: start; background: linear-gradient(180deg,rgba(15,30,37,.63),rgba(15,30,37,.88) 42%,rgba(15,30,37,.97) 76%), url('/img/design2026/old-background.webp') 60% top / auto 100%; border: 1px solid rgba(200,149,50,.52); color: var(--otp-cream); padding: clamp(28px, 3.6vw, 51px); }
.otp-passport-type { color: var(--otp-brand-bright); font-size: 11px; letter-spacing: .08em; margin: 0 0 15px; text-transform: uppercase; }
.otp-passport-type a { color: inherit !important; }
.otp-design-2026 #main .otp-product-passport h1 { color: #fff; font-size: clamp(28px, 3.2vw, 48px); line-height: 1.08; margin: 0; overflow-wrap: anywhere; }
@supports (font-size: 1cqi) {
    .otp-product-passport { container-type: inline-size; }
    .otp-design-2026 #main .otp-product-passport h1 { font-size: clamp(26px, 13cqi, 64px); }
}
.otp-passport-summary { color: rgba(247,238,220,.66); font-size: 14px; line-height: 1.55; margin: 24px 0; }
.otp-passport-status { color: #d9c797; font-size: 12px; line-height: 1.45; margin-bottom: 17px; }
.otp-passport-status > span { color: var(--otp-brand-bright); margin-right: 5px; }
.otp-passport-status a { color: #fff !important; }
.otp-passport-price { border-top: 1px solid rgba(200,149,50,.3); padding: 20px 0 14px; }
.otp-passport-price .sPrice,
.otp-passport-price > span { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(31px, 3vw, 44px); }
.otp-passport-price small { color: rgba(247,238,220,.58); display: block; font-size: 11px; line-height: 1.45; margin-top: 8px; }
.otp-passport-price small br { display: none; }
.otp-buy-form { align-items: end; display: grid; gap: 9px; grid-template-columns: 74px 1fr; margin: 4px 0 20px; }
.otp-buy-form label { display: grid; gap: 5px; }
.otp-buy-form label span { color: rgba(247,238,220,.55); font-size: 10px; text-transform: uppercase; }
.otp-buy-form .iCartQuantity { background: rgba(255,255,255,.08); border: 1px solid rgba(200,149,50,.46); color: #fff; height: 47px; text-align: center; width: 100%; }
.otp-buy-form .btnBuy { align-items: center; background: var(--otp-brand); border: 0; border-radius: 0; color: #fff; display: flex; font-size: 14px; height: 47px; justify-content: space-between; padding: 0 17px; position: static; }
.otp-audio-list { border-bottom: 1px solid rgba(200,149,50,.3); }
.otp-audio-list:empty { display: none; }
.otp-audio-track { border-top: 1px solid rgba(200,149,50,.22); display: grid; gap: 10px; grid-template-columns: 1fr; padding: 14px 0; }
.otp-audio-track audio { height: 32px; max-width: 100%; width: 100%; }
.otp-service-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 18px; }
.otp-service-notes a { align-items: center; border-right: 1px solid rgba(200,149,50,.25); display: flex; flex-direction: column; min-width: 0; padding: 0 10px; text-align: center; text-decoration: none; }
.otp-service-notes a:last-child { border-right: 0; }
.otp-service-notes b { color: #fff; font-size: 11px; }
.otp-service-notes small { color: rgba(247,238,220,.46); font-size: 9px; margin-top: 4px; }
.otp-instrument-story { border-top: 1px solid var(--otp-line); display: grid; grid-template-columns: .75fr 1.8fr 1fr; margin: clamp(75px, 8vw, 120px) auto 0; max-width: 1400px; padding-top: 45px; }
.otp-instrument-story header { padding-right: 28px; }
.otp-instrument-story header > p { color: var(--otp-brand); }
.otp-design-2026 #main .otp-instrument-story h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 3.3vw, 52px); font-weight: 400; letter-spacing: -.04em; line-height: .96; margin: 0; }
.otp-specimen-facts { border-left: 1px solid var(--otp-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.otp-metric { border-bottom: 1px solid var(--otp-line); display: flex; flex-direction: column; min-height: 142px; padding: 5px 17px 15px; }
.otp-metric:nth-child(odd) { border-right: 1px solid var(--otp-line); }
.otp-metric > small { color: var(--otp-muted); font-size: 10px; line-height: 1.3; min-height: 26px; text-transform: uppercase; }
.otp-metric > p { align-items: baseline; display: flex; gap: 5px; margin: 4px 0 12px; white-space: nowrap; }
.otp-metric > p strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(22px, 2vw, 30px); font-weight: 400; letter-spacing: -.03em; }
.otp-metric > p span { font-size: 10px; }
.otp-metric-scale { background: rgba(153,102,0,.16); display: block; height: 4px; margin-top: auto; position: relative; }
.otp-metric-scale i { background: linear-gradient(90deg, #704900, var(--otp-brand-bright)); border-radius: 9px; display: block; height: 7px; position: absolute; top: 50%; transform: translateY(-50%); }
.otp-metric-ends { color: var(--otp-muted); display: flex; font-size: 8px; justify-content: space-between; margin-top: 7px; }
.otp-metric-ends i { font-style: normal; }
.otp-story-copy { color: #4e493f; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.7; padding-left: clamp(24px, 3vw, 48px); }
.otp-story-copy p:first-child { margin-top: 0; }
.otp-story-copy img { height: auto !important; }
.otp-accessories { border-top: 1px solid var(--otp-line); margin: clamp(74px, 8vw, 120px) auto 0; max-width: 1400px; overflow: hidden; padding-top: 43px; }
.otp-accessories-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 28px; }
.otp-accessories-heading p { color: var(--otp-brand); }
.otp-design-2026 #main .otp-accessories-heading h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px, 4vw, 60px); font-weight: 400; letter-spacing: -.045em; line-height: 1; margin: 0; }
.otp-accessory-arrows { display: flex; gap: 7px; }
.otp-accessory-arrows button { background: transparent; border: 1px solid var(--otp-line); color: var(--otp-ink); cursor: pointer; height: 38px; width: 38px; }
.otp-accessory-viewport { overflow-x: auto; scrollbar-width: none; }
.otp-accessory-viewport::-webkit-scrollbar { display: none; }
.otp-accessory-track { display: flex; gap: 12px; width: max-content; }
.otp-accessory-track .otp-product-card { flex: 0 0 190px; width: 190px; }
.otp-accessory-track .otp-product-image { aspect-ratio: 3 / 2; }
.otp-accessory-track .otp-product-copy h3 { font-size: 18px; }
.otp-all-accessories { border-bottom: 1px solid var(--otp-brand); color: var(--otp-brand) !important; display: block; font-size: 12px; margin-top: 27px; padding: 9px 0; text-decoration: none; width: max-content; }
.otp-product-meta { color: var(--otp-muted); font-size: 10px; margin: 50px auto 0; max-width: 1400px; }
.otp-product-meta input { max-width: 100%; }

/* Cart / live checkout */

.otp-cart-page { background: var(--otp-paper); margin: 0 auto; max-width: 1500px; padding: 34px clamp(20px, 4vw, 66px) clamp(84px, 8vw, 132px); }
.otp-cart-path { color: var(--otp-muted); display: flex; font-size: 11px; gap: 9px; margin-bottom: 34px; text-transform: uppercase; }
.otp-cart-path a { color: var(--otp-brand) !important; text-decoration: none; }
.otp-cart-heading { align-items: end; border-bottom: 1px solid var(--otp-line); display: grid; gap: 40px; grid-template-columns: 1fr minmax(280px, .55fr); margin-bottom: 33px; padding-bottom: 31px; }
.otp-cart-heading > div > p { color: var(--otp-brand); font-size: 11px; letter-spacing: .12em; margin: 0 0 12px; text-transform: uppercase; }
.otp-design-2026 #main .otp-cart-heading h1 { font-size: clamp(52px, 5.5vw, 80px); line-height: .9; margin: 0; }
.otp-cart-heading > p { color: var(--otp-muted); font-size: 14px; line-height: 1.55; margin: 0; }
.otp-cart-legacy { margin: 0 auto; max-width: 1120px; }
.otp-cart-legacy > h2,
.otp-design-2026 #main .otp-cart-legacy > h2 { background: transparent; border: 0; border-top: 1px solid var(--otp-line); color: var(--otp-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 40px); font-weight: 400; margin: 42px 0 20px; padding: 26px 0 0; text-align: left; }
.otp-cart-legacy > h2:first-child,
.otp-design-2026 #main .otp-cart-legacy > h2:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.otp-cart-legacy hr { border: 0; border-top: 1px solid var(--otp-line); }
.otp-cart-legacy #tBasketItems,
.otp-cart-legacy .tPrice { background: rgba(250,246,236,.7); border-collapse: collapse; table-layout: auto; width: 100%; }
.otp-cart-legacy .tPrice tr { border: 1px solid var(--otp-line); }
.otp-cart-legacy .tPrice tr:hover { background: rgba(153,102,0,.07); }
.otp-cart-legacy .tPrice td { color: var(--otp-ink); font-size: 13px; padding: 12px 9px; text-align: left; vertical-align: middle; }
.otp-cart-legacy .tPrice a { color: var(--otp-brand) !important; }
.otp-cart-legacy .otp-cart-item-photo { width: 118px; }
.otp-cart-legacy .otp-cart-item-photo a { background: #fff; border: 1px solid var(--otp-line); display: block; }
.otp-cart-legacy .otp-cart-item-photo img { aspect-ratio: 3 / 2; display: block; height: auto; object-fit: contain; padding: 5px; width: 100%; }
.otp-cart-legacy .tdItemId { color: var(--otp-muted); font-size: 10px; width: 48px; }
.otp-cart-legacy .tdPriceName > a { font-family: Georgia, "Times New Roman", serif; font-size: 20px; text-decoration: none; }
.otp-cart-legacy input[type="text"],
.otp-cart-legacy input[type="email"],
.otp-cart-legacy input[type="tel"],
.otp-cart-legacy input[type="number"],
.otp-cart-legacy select,
.otp-cart-legacy textarea { background: var(--otp-paper-light); border: 1px solid var(--otp-line); border-radius: 0; color: var(--otp-ink); max-width: 100%; min-height: 37px; padding: 7px 9px; }
.otp-cart-legacy input[type="radio"],
.otp-cart-legacy input[type="checkbox"] { accent-color: var(--otp-brand); }
.otp-cart-legacy .tUserAreaForm,
.otp-cart-legacy .tUserAddressForm { margin: 0 0 20px; max-width: 850px; width: 100%; }
.otp-cart-legacy .tUserAreaForm td,
.otp-cart-legacy .tUserAddressForm td { color: var(--otp-ink); font-size: 13px; padding: 7px; text-align: left; }
.otp-cart-legacy .tUserAreaForm td:first-child,
.otp-cart-legacy .tUserAddressForm td:first-child { width: 29%; }
.otp-cart-legacy #divDeliveryAreaSelect { display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 20px 0 28px; }
.otp-cart-legacy #divDeliveryAreaSelect label { align-items: center; background: var(--otp-paper-light); border: 1px solid var(--otp-line); color: var(--otp-ink); display: flex; font-size: 12px; margin: 0; min-height: 60px; padding: 10px; }
.otp-cart-legacy #divDeliveryAreaSelect img { height: 24px; object-fit: contain; width: 28px; }
.otp-cart-legacy .btnBuy,
.otp-cart-legacy #btnSubmit { background: var(--otp-brand); border: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 13px 25px; position: static; }

/* Tuned page */

.otp-notes-intro { background: var(--otp-ink); color: var(--otp-cream); padding: clamp(52px, 6vw, 82px) clamp(20px, 8vw, 130px); }
.otp-design-2026 #main .otp-notes-intro h1 { color: var(--otp-cream); font-size: clamp(50px, 5.5vw, 80px); line-height: .87; margin: 0; }
.otp-design-2026 #main .otp-notes-heading { background: transparent; border: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 44px); font-weight: 400; margin: 45px auto 12px; max-width: 1120px; }
.otp-page-notes #main > p { color: var(--otp-muted); margin: 0 auto 32px; max-width: 900px; padding: 0 20px; text-align: center; }
.otp-page-notes .tNotes,
.otp-page-notes .tFrequency { margin: 30px auto; max-width: 1120px; width: calc(100% - 40px); }
.otp-page-notes .tNotes td,
.otp-page-notes .tNotes th { border-color: rgba(153,102,0,.42); color: var(--otp-brand); }
.otp-page-notes .tFrequency td { color: var(--otp-ink); }
.otp-page-notes #main > div { margin-left: auto; margin-right: auto; max-width: 1120px; }

/* Footer */

.otp-site-footer { background: var(--otp-ink); color: var(--otp-cream); padding: 52px clamp(20px, 4vw, 66px) 24px; }
.otp-footer-main { align-items: start; display: grid; gap: 50px; grid-template-columns: .7fr 1.3fr; margin: 0 auto; max-width: 1500px; }
.otp-footer-title { align-items: center; display: flex; gap: 17px; }
.otp-footer-title img { height: auto; width: 145px; }
.otp-footer-title p { border-left: 1px solid rgba(200,149,50,.3); color: rgba(247,238,220,.55); font-size: 12px; line-height: 1.5; margin: 0; max-width: 240px; padding-left: 17px; }
.otp-footer-main nav { display: grid; gap: 13px 28px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.otp-footer-main nav a { color: rgba(247,238,220,.7) !important; font-size: 12px; text-decoration: none; }
.otp-footer-main nav a:hover { color: #fff !important; }
.otp-footer-bottom { align-items: center; border-top: 1px solid rgba(200,149,50,.22); color: rgba(247,238,220,.42); display: grid; font-size: 10px; grid-template-columns: 1fr auto 1fr; margin: 40px auto 0; max-width: 1500px; padding-top: 18px; }
.otp-footer-bottom > div { display: flex; gap: 20px; }
.otp-footer-bottom a { color: rgba(247,238,220,.56) !important; text-decoration: none; }
.otp-old-design-link { justify-self: end; }

.otp-design-2026 .jh_disclaimer,
.otp-design-2026 .PaymentSystems { margin-left: auto; margin-right: auto; max-width: 1400px; }

@media (max-width: 1350px) {
	.otp-catalog-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
	.otp-header-main { grid-template-columns: 1fr auto; }
	.otp-main-nav { align-items: flex-start; background: var(--otp-ink); border-bottom: 1px solid rgba(200,149,50,.4); display: none; flex-direction: column; gap: 0; height: auto; left: 0; max-height: calc(100vh - 107px); overflow-y: auto; padding: 19px clamp(20px,4vw,66px) 26px; position: absolute; right: 0; top: 107px; }
	.otp-main-nav.open { display: flex; }
	.otp-main-nav a { flex-shrink: 0; max-width: 100%; min-height: 44px; padding: 8px 0; white-space: normal; }
	.otp-main-nav .otp-nav-desktop-label { display: none; }
	.otp-main-nav .otp-nav-mobile-label { display: inline; }
	.otp-menu-toggle { display: block; }
	.otp-product-showcase { grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); }
	.otp-instrument-story { grid-template-columns: 1fr 2fr; }
	.otp-story-copy { border-top: 1px solid var(--otp-line); grid-column: 1 / -1; margin-top: 30px; padding: 28px 0 0; }
}

@media (max-width: 820px) {
	.otp-center-heading,
	.otp-best-heading { display: block; }
	.otp-center-heading > p { border-left: 0; border-top: 1px solid rgba(200,149,50,.3); margin-top: 25px; padding: 18px 0 0; }
	.otp-best-heading > p { margin-top: 23px; }
	.otp-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 320px repeat(2, 175px); }
	.otp-department-shop { grid-column: 1 / -1; grid-row: auto; }
	.otp-department-small { grid-column: span 1; }
	.otp-catalog-intro { grid-template-columns: .75fr 1.25fr; }
	.otp-catalog-workspace { display: block; }
	.otp-filter-panel { margin-bottom: 36px; position: static; }
	.otp-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.otp-product-showcase { display: block; }
	.otp-product-passport { margin-top: 34px; }
	.otp-cart-legacy #divDeliveryAreaSelect { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.otp-utility-inner { justify-content: flex-end; padding: 0 14px; }
	.otp-center-meta,
	.otp-world-delivery { display: none; }
	.otp-utility-commerce { gap: 10px; }
	.otp-header-main { height: 64px; padding: 0 14px; }
	.otp-brand img { max-height: 42px; width: 122px; }
	.otp-main-nav { max-height: calc(100vh - 95px); overflow-y: auto; padding-left: 17px; padding-right: 17px; top: 95px; }
	.otp-search-link { display: none; }
	.otp-cart-link { font-size: 0; }
	.otp-cart-link span { font-size: 11px; }
	.otp-center-hero { padding-left: 15px; padding-right: 15px; }
	.otp-design-2026 #main .otp-center-heading h1 { font-size: clamp(43px, 13vw, 60px); }
	.otp-center-heading > div > p { line-height: 1.4; }
	.otp-center-heading > p { font-size: 15px; }
	.otp-department-grid { display: grid; gap: 11px; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
	.otp-department-card { min-width: 0; width: 100%; }
	.otp-department-shop { grid-column: 1; min-height: 260px; }
	.otp-department-shop-copy { bottom: 23px; left: 21px; right: 21px; }
	.otp-department-shop-copy strong { font-size: 47px; }
	.otp-department-small { grid-column: 1; min-height: 148px; }
	.otp-department-small-copy { max-width: calc(100% - 70px); }
	.otp-best-section { background-attachment: scroll; padding-left: 15px; padding-right: 15px; }
	.otp-design-2026 #main .otp-best-heading h2 { font-size: clamp(42px, 12vw, 57px); }
	.otp-home-products-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.otp-selection-more { margin-top: 23px; }
	.otp-beginner-strip { align-items: flex-start; display: block; padding: 25px 22px; }
	.otp-beginner-strip > div { align-items: flex-start; display: block; }
	.otp-beginner-strip p { margin-top: 9px; }
	.otp-beginner-strip a { display: inline-block; margin-top: 20px; }
	.otp-catalog-intro { display: block; min-height: 0; }
	.otp-catalog-intro-photo { height: 145px; -webkit-mask-image: linear-gradient(180deg,#000 58%,transparent); mask-image: linear-gradient(180deg,#000 58%,transparent); }
	.otp-catalog-title { padding: 28px 15px 38px; }
	.otp-design-2026 #main .otp-catalog-title h1 { font-size: clamp(48px, 15vw, 66px); }
	.otp-catalog-tabs,
	.otp-harp-subnav { padding-left: 15px; padding-right: 15px; }
	.otp-catalog-tabs a { min-width: max-content; padding: 16px 18px; }
	.otp-catalog-workspace { padding: 36px 15px 76px; }
	.otp-results-head { align-items: flex-start; gap: 10px; }
	.otp-sort-control > span { display: none; }
	.otp-sort-control select { max-width: 190px; }
	.otp-catalog-grid { gap: 31px 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.otp-catalog-grid .otp-product-copy { display: block; }
	.otp-catalog-grid .otp-product-copy > strong { display: block; margin-top: 8px; }
	.otp-frequency-indicator { grid-template-columns: minmax(30px, 1fr); padding-left: 6px; padding-right: 6px; }
	.otp-frequency-indicator small { display: none; }
	.otp-product-page { padding: 26px 15px 75px; }
	.otp-gallery-collage { gap: 8px; }
	.otp-gallery-main,
	.otp-gallery-thumb { border-width: 4px; box-shadow: 4px 5px 0 rgba(85,57,10,.1); }
	.otp-product-passport { margin-top: 25px; padding: 27px 22px; }
	.otp-service-notes { gap: 0; }
	.otp-service-notes a { padding: 0 7px; }
	.otp-instrument-story { display: block; margin-top: 70px; padding-top: 36px; }
	.otp-instrument-story header { padding: 0 0 28px; }
	.otp-specimen-facts { border-left: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.otp-metric { min-height: 132px; padding-left: 10px; padding-right: 10px; }
	.otp-metric > p strong { font-size: 21px; }
	.otp-story-copy { font-size: 15px; }
	.otp-accessories-heading { align-items: flex-end; }
	.otp-design-2026 #main .otp-accessories-heading h2 { font-size: 39px; }
	.otp-accessory-track .otp-product-card { flex-basis: 155px; width: 155px; }
	.otp-cart-page { padding: 26px 15px 75px; }
	.otp-cart-heading { display: block; }
	.otp-cart-heading > p { margin-top: 20px; }
	.otp-cart-legacy { min-width: 0; overflow: hidden; }
	.otp-cart-legacy #tBasketItems { display: block; overflow-x: auto; }
	.otp-cart-legacy .otp-cart-item-photo { min-width: 92px; width: 92px; }
	.otp-cart-legacy .tUserAreaForm,
	.otp-cart-legacy .tUserAddressForm,
	.otp-cart-legacy .tUserAreaForm tbody,
	.otp-cart-legacy .tUserAddressForm tbody,
	.otp-cart-legacy .tUserAreaForm tr,
	.otp-cart-legacy .tUserAddressForm tr,
	.otp-cart-legacy .tUserAreaForm td,
	.otp-cart-legacy .tUserAddressForm td { display: block; width: 100% !important; }
	.otp-cart-legacy .tUserAreaForm td,
	.otp-cart-legacy .tUserAddressForm td { padding: 4px 0; }
	.otp-cart-legacy #divDeliveryAreaSelect { grid-template-columns: minmax(0, 1fr); }
	.otp-notes-intro { padding-left: 15px; padding-right: 15px; }
	.otp-page-notes .tNotes,
	.otp-page-notes .tFrequency { display: block; margin-left: 15px; margin-right: 15px; max-width: calc(100% - 30px); overflow-x: auto; width: auto; }
	.otp-footer-main { display: block; }
	.otp-footer-title { align-items: flex-start; flex-direction: column; }
	.otp-footer-title p { border-left: 0; padding-left: 0; }
	.otp-footer-main nav { grid-template-columns: minmax(0, 1fr); margin-top: 34px; }
	.otp-footer-bottom { gap: 18px; grid-template-columns: 1fr auto; }
	.otp-footer-bottom > div { grid-column: 1 / -1; grid-row: 1; }
	.otp-old-design-link { grid-column: 2; }
}

/* v2: match the approved composition without inheriting the legacy table layout. */
.otp-design-2026 [hidden] { display: none !important; }
.otp-design-2026 #main h1 a, .otp-design-2026 #main h2 a { font-size: inherit; }
.otp-design-2026 svg { flex-shrink: 0; vertical-align: middle; }
.otp-design-2026 a:focus-visible, .otp-design-2026 button:focus-visible, .otp-design-2026 input:focus-visible, .otp-design-2026 select:focus-visible { outline: 2px solid var(--otp-brand-bright); outline-offset: 4px; }
.otp-header-main { gap: 28px; }
.otp-main-nav .otp-mobile-contact { display: none; }
.otp-main-nav a.active { color: #fff !important; }
.otp-main-nav a.active::after { transform: scaleX(1); }
.otp-header-tools { gap: 20px; }
.otp-contact-link { border: 1px solid rgba(200,149,50,.56); font-size: 13px; padding: 10px 14px; }
.otp-search-link { align-items: center; display: flex; transform: none; }
.otp-center-hero { background: linear-gradient(90deg,rgba(11,14,15,.9),rgba(14,17,18,.74) 42%,rgba(14,17,18,.23) 80%),linear-gradient(0deg,rgba(23,27,25,.98),rgba(23,27,25,.42) 48%,rgba(23,27,25,.12) 78%),url('/img/design2026/old-background.webp') center 48% / cover; padding-top: clamp(64px,7vw,112px); }
.otp-center-heading { align-items: center; gap: 48px; grid-template-columns: minmax(0,1.55fr) minmax(260px,.75fr); min-height: clamp(300px,33vw,470px); }
.otp-design-2026 #main .otp-center-heading h1 { line-height: .91; margin: 0; text-shadow: 0 3px 28px rgba(0,0,0,.76); }
.otp-center-heading > p { backdrop-filter: blur(7px); background: rgba(14,18,18,.62); border: 1px solid rgba(199,155,67,.4); border-left: 3px solid var(--otp-brand-bright); color: #ddd5c4; font-size: clamp(16px,1.25vw,19px); padding: clamp(20px,2.3vw,30px); }
.otp-department-grid { grid-template-columns: repeat(12,minmax(0,1fr)); }
.otp-department-card { box-shadow: 0 18px 42px rgba(0,0,0,.28); min-width: 0; }
.otp-department-shop { grid-column: span 7; grid-row: span 2; }
.otp-department-shop-copy { align-items: end; display: grid; grid-template-columns: 1fr auto; }
.otp-department-shop-copy small { display: block; grid-column: 1/-1; }
.otp-department-shop-copy strong { margin-bottom: 0; }
.otp-department-small.otp-room-school, .otp-department-small.otp-room-hall { grid-column: span 3; }
.otp-department-small-copy { max-width: calc(100% - 34px); }
.otp-department-small > b { align-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; display: flex; height: 34px; justify-content: center; width: 34px; }
.otp-selection-tabs-line { align-items: center; border-bottom: 1px solid var(--otp-line); display: flex; gap: 24px; justify-content: space-between; margin: 0 auto 25px; max-width: 1500px; }
.otp-selection-tabs { border-bottom: 0; gap: clamp(18px,2.8vw,42px); margin: 0; overflow-y: hidden; }
.otp-all-catalog { color: var(--otp-brand) !important; display: inline-flex; flex-shrink: 0; font-size: 12px; gap: 12px; text-decoration: none; }
.otp-product-copy, .otp-catalog-grid .otp-product-copy { align-items: start; display: grid; gap: 6px 12px; grid-template-columns: minmax(0,1fr) auto; padding-top: 17px; }
.otp-product-copy > p { grid-column: 1/-1; margin: 0; }
.otp-product-copy h3 { overflow-wrap: anywhere; }
.otp-product-copy > strong, .otp-catalog-grid .otp-product-copy > strong { margin: 0; padding-top: 4px; }
.otp-home-products-grid .otp-product-copy h3 { font-size: clamp(24px,2vw,32px); }
.otp-card-excerpt { color: #746d60; display: -webkit-box; font-size: 13px; grid-column: 1/-1; line-height: 1.5; min-height: 3em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.otp-catalog-grid { gap: 35px 16px; }
.otp-catalog-grid .otp-product-copy h3 { font-size: clamp(16px,2vw,21px); }
.otp-catalog-grid .otp-product-copy { gap: 6px 7px; grid-template-columns: minmax(0,1fr); }
.otp-catalog-grid .otp-product-copy > strong { font-size: 12px; }
.otp-catalog-search { align-items: center; border-bottom: 1px solid var(--otp-line); display: flex; gap: 9px; padding: 13px 0; }
.otp-filter-panel .otp-catalog-search input { background: transparent; border: 0; border-radius: 0; font-size: 12px; min-width: 0; padding: 7px 0; width: 100%; }
.otp-harp-subnav { overflow-y: hidden; }
.otp-product-showcase { gap: clamp(32px,4vw,64px); grid-template-columns: minmax(0,1.25fr) minmax(345px,.75fr); }
.otp-product-passport { position: relative; }
.otp-product-passport::before { border: 1px solid rgba(200,149,50,.16); content: ''; inset: 10px; pointer-events: none; position: absolute; }
.otp-passport-maker { color: var(--otp-brand-bright); font-size: 14px; margin: 15px 0 0; }
.otp-passport-summary { font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
.otp-read-description { color: var(--otp-brand-bright) !important; display: inline-block; font-size: 12px; margin: 0 0 24px; text-underline-offset: 4px; }
.otp-price-display { color: #fff; font-family: Georgia,'Times New Roman',serif; font-size: clamp(34px,3.5vw,50px); font-weight: 400; white-space: nowrap; }
.otp-instrument-story { column-gap: 45px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.otp-design-2026 #main .otp-instrument-story h2 { font-size: clamp(36px,4vw,61px); line-height: 1; margin: 0; overflow-wrap: anywhere; }
.otp-specimen-facts { border-left: 0; grid-template-columns: repeat(4,minmax(0,1fr)); }
.otp-metric, .otp-metric:nth-child(odd) { border-left: 1px solid var(--otp-line); border-right: 0; min-width: 0; padding: 12px 11px 16px; }
.otp-metric > p { flex-wrap: wrap; gap: 1px 5px; }
.otp-metric > p strong { font-size: clamp(20px,1.6vw,26px); font-variant-numeric: tabular-nums; }
.otp-story-copy { border-top: 1px solid var(--otp-line); font-size: 20px; grid-column: 2; line-height: 1.65; margin-top: 40px; min-width: 0; padding: 30px 0 0; scroll-margin-top: 130px; }
.otp-story-copy table { max-width: 100%; }
.otp-story-copy iframe { max-width: 100%; }
.otp-story-copy p { margin: 0 0 1em; }
.otp-story-copy a { overflow-wrap: anywhere; }
.otp-accessory-track .otp-card-excerpt { display: none; }
.otp-accessory-track .otp-product-copy { column-gap: 5px; padding-top: 12px; }
.otp-accessory-track .otp-product-copy h3 { font-size: 18px; }
.otp-accessory-track .otp-product-copy > strong { font-size: 11px; }
.otp-cart-legacy { max-width: none; }
.otp-design-2026 #main .otp-cart-heading h1 { font-size: clamp(60px,7.5vw,108px); margin: 0; }
.otp-cart-layout { align-items: start; display: grid; gap: 45px; grid-template-columns: minmax(0,1fr) 365px; }
.otp-cart-layout #tBasketItems { background: transparent; display: block; overflow: visible; width: 100%; }
.otp-cart-lines { min-width: 0; }
.otp-cart-lines-head { color: var(--otp-muted); display: flex; font-size: 12px; justify-content: space-between; padding-bottom: 13px; }
.otp-cart-line { align-items: center; border-top: 1px solid var(--otp-line); column-gap: 19px; display: grid; grid-template-columns: 155px minmax(0,1fr) auto; padding: 25px 0; position: relative; row-gap: 14px; }
.otp-cart-line-photo { background: #fff; border: 1px solid var(--otp-line); display: block; grid-row: span 2; overflow: hidden; }
.otp-cart-line-photo img { aspect-ratio: 3/2; display: block; object-fit: contain; padding: 4px; width: 100%; }
.otp-cart-line-photo .otp-frequency-indicator { grid-template-columns: 1fr; height: 17px; }
.otp-cart-line-photo .otp-frequency-indicator small { display: none; }
.otp-cart-line-copy { align-self: end; grid-column: 2/-1; min-width: 0; padding-right: 25px; }
.otp-cart-line-copy > p { color: var(--otp-brand); font-size: 11px; line-height: 1.5; margin: 0 0 7px; }
.otp-design-2026 #main .otp-cart-line h2 { font-family: Georgia,'Times New Roman',serif; font-size: 29px; font-weight: 400; line-height: 1.1; margin: 0 0 8px; }
.otp-cart-line-copy > span { color: var(--otp-muted); font-size: 12px; }
.otp-cart-variation { align-items: center; display: flex; flex-wrap: wrap; font-size: 11px; gap: 7px; margin-top: 9px; }
.otp-cart-legacy .otp-cart-variation select { float: none; font-size: 11px; max-width: 100%; min-height: 30px; padding: 4px; width: 210px; }
.otp-cart-quantity { align-items: center; border: 1px solid var(--otp-line); display: flex; grid-column: 2; justify-self: start; }
.otp-cart-quantity button { background: transparent; border: 0; color: var(--otp-ink); cursor: pointer; font-size: 16px; height: 33px; width: 31px; }
.otp-cart-quantity button:disabled { cursor: default; opacity: .3; }
.otp-cart-legacy .otp-cart-quantity input { appearance: textfield; background: transparent; border: 0; font-size: 12px; min-height: 33px; padding: 0; text-align: center; width: 33px; }
.otp-cart-quantity input::-webkit-inner-spin-button, .otp-cart-quantity input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.otp-cart-line-price { grid-column: 3; text-align: right; white-space: nowrap; }
.otp-cart-line-price strong { font-family: Georgia,'Times New Roman',serif; font-size: 25px; font-weight: 400; }
.otp-cart-line-price small { color: var(--otp-muted); display: block; font-size: 10px; margin-top: 5px; }
.otp-cart-remove { background: transparent; border: 0; color: var(--otp-muted); cursor: pointer; padding: 5px; position: absolute; right: 0; top: 22px; }
.otp-cart-continue { border-bottom: 1px solid var(--otp-brand); color: var(--otp-brand) !important; display: inline-block; font-size: 13px; margin-top: 16px; padding-bottom: 7px; text-decoration: none; }
.otp-cart-notices { font-size: 12px; line-height: 1.5; margin-top: 24px; }
.otp-cart-notices .Warning, .otp-cart-notices .warning { background: transparent; }
.otp-cart-extras { border-top: 1px solid var(--otp-line); font-size: 12px; margin-top: 30px; padding-top: 16px; }
.otp-cart-extras summary { cursor: pointer; }
.otp-cart-extras label { align-items: center; display: flex; gap: 12px; margin: 18px 0; }
.otp-cart-extras a { color: var(--otp-brand) !important; }
.otp-cart-extras small { color: var(--otp-muted); display: block; margin-top: 16px; }
.otp-cart-summary { background: var(--otp-ink); border: 1px solid rgba(200,149,50,.42); color: var(--otp-cream); padding: 30px; }
.otp-cart-summary-kicker { color: var(--otp-brand-bright); font-size: 11px; letter-spacing: .13em; margin: 0 0 30px; text-transform: uppercase; }
.otp-cart-summary-row { align-items: baseline; display: flex; font-size: 13px; gap: 14px; justify-content: space-between; margin: 20px 0; }
.otp-cart-summary-row strong { font-weight: 400; white-space: nowrap; }
.otp-cart-summary-row.muted { color: #b0a58f; font-size: 11px; }
.otp-cart-total { align-items: baseline; border-top: 1px solid rgba(200,149,50,.3); display: flex; font-size: 14px; gap: 15px; justify-content: space-between; margin-top: 28px; padding-top: 22px; }
.otp-cart-total strong { font-family: Georgia,'Times New Roman',serif; font-size: 35px; font-weight: 400; white-space: nowrap; }
.otp-checkout-button { align-items: center; background: var(--otp-brand); color: #fff !important; display: flex; font-size: 14px; gap: 12px; justify-content: space-between; margin-top: 26px; padding: 16px; text-decoration: none; }
.otp-cart-summary-help { color: #b0a58f; font-size: 11px; line-height: 1.65; margin: 20px 0 25px; }
.otp-cart-summary-help a { color: var(--otp-brand-bright) !important; }
.otp-cart-service-list { border-top: 1px solid rgba(200,149,50,.3); padding-top: 14px; }
.otp-cart-service-list > span { align-items: center; column-gap: 11px; display: grid; grid-template-columns: 21px 1fr auto; margin: 13px 0; }
.otp-cart-service-list svg { color: var(--otp-brand-bright); }
.otp-cart-service-list b { font-size: 11px; font-weight: 400; }
.otp-cart-service-list small { color: #b0a58f; font-size: 10px; }
.otp-checkout-details { border-top: 1px solid var(--otp-line); margin: 60px auto 0; max-width: 1000px; padding-top: 32px; scroll-margin-top: 135px; }
.otp-design-2026 #main .otp-checkout-details h2 { font-family: Georgia,'Times New Roman',serif; font-size: 32px; font-weight: 400; line-height: 1.1; margin: 32px 0 20px; }
.otp-empty-cart { padding: 40px 0 80px; text-align: center; }
.otp-empty-cart > svg { color: var(--otp-brand); }
.otp-empty-cart p { color: var(--otp-muted); font-size: 14px; margin: 20px 0; }
.otp-design-2026 #main .otp-empty-cart h2 { font-family: Georgia,'Times New Roman',serif; font-size: clamp(36px,5vw,65px); font-weight: 400; margin: 0 0 30px; }
.otp-empty-cart a { align-items: center; background: var(--otp-brand); color: #fff !important; display: inline-flex; gap: 30px; padding: 14px 22px; text-decoration: none; }
.otp-site-footer { padding-top: 40px; }
.otp-footer-main { align-items: center; gap: 35px; grid-template-columns: auto 1fr auto; }
.otp-footer-title { align-items: start; display: block; }
.otp-footer-title p { border: 0; font-size: 11px; margin: 10px 0 0; padding: 0; }
.otp-footer-main nav { display: flex; flex-wrap: wrap; gap: 14px 26px; justify-content: center; }
.otp-footer-main .otp-footer-copyright { color: rgba(247,238,220,.45); font-size: 10px; margin: 0; }
.otp-old-design-link { color: rgba(247,238,220,.4) !important; display: block; font-size: 10px; margin: 22px auto 0; max-width: 1500px; text-align: right; text-decoration: none; }
@media (max-width: 1180px) {
    .otp-main-nav .otp-mobile-contact { display: flex; }
    .otp-department-grid { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: 390px repeat(2,190px); }
    .otp-department-shop { grid-column: 1/-1; grid-row: auto; }
    .otp-department-small, .otp-department-small.otp-room-school, .otp-department-small.otp-room-hall { grid-column: span 2; }
    .otp-catalog-workspace { gap: 28px; grid-template-columns: 230px minmax(0,1fr); }
    .otp-catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .otp-product-showcase { grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); }
    .otp-instrument-story { display: block; }
    .otp-specimen-facts { margin-top: 32px; }
    .otp-story-copy { font-size: 19px; margin-left: auto; max-width: 780px; }
    .otp-cart-layout { gap: 28px; grid-template-columns: minmax(0,1fr) 325px; }
    .otp-cart-line { column-gap: 13px; grid-template-columns: 110px minmax(0,1fr) auto; }
    .otp-cart-line-price strong { font-size: 21px; }
    .otp-cart-summary { padding: 25px; }
}
@media (max-width: 900px) {
    .otp-center-heading { display: block; min-height: 0; }
    .otp-center-heading > p { margin-top: 28px; max-width: 520px; }
    .otp-all-catalog { display: none; }
    .otp-catalog-workspace { display: block; }
    .otp-filter-panel { position: static; margin-bottom: 32px; }
    .otp-product-showcase { display: block; }
    .otp-cart-layout { grid-template-columns: minmax(0,1fr); }
    .otp-cart-summary { max-width: 560px; width: 100%; }
    .otp-footer-main { align-items: start; grid-template-columns: auto 1fr; }
    .otp-footer-main nav { justify-content: end; }
    .otp-footer-copyright { grid-column: 1/-1; }
}
@media (max-width: 620px) {
    .otp-header-tools { gap: 13px; }
    .otp-contact-link { font-size: 12px; padding: 8px 10px; }
    .otp-search-link { display: none; }
    .otp-header-main { gap: 10px; }
    .otp-center-hero { padding: 42px 16px 48px; }
    .otp-center-heading > p { background: rgba(14,18,18,.55); border-left-width: 1px; font-size: 16px; padding: 19px; }
    .otp-department-grid { grid-template-columns: minmax(0,1fr); grid-template-rows: none; }
    .otp-department-shop, .otp-department-small, .otp-department-small.otp-room-school, .otp-department-small.otp-room-hall { grid-column: 1; grid-row: auto; min-height: 158px; }
    .otp-department-shop { min-height: 270px; }
    .otp-department-shop-copy { display: block; }
    .otp-department-shop-copy strong { display: block; margin-top: 8px; }
    .otp-department-shop-copy > span { display: inline-block; margin-top: 17px; }
    .otp-department-small-copy small { display: none; }
    .otp-best-section { padding-top: 55px; }
    .otp-design-2026 #main .otp-best-heading h2 { font-size: clamp(42px,12vw,57px); margin: 0; }
    .otp-home-products-grid .otp-product-copy h3 { font-size: 28px; }
    .otp-catalog-grid { gap: 30px 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .otp-catalog-grid .otp-product-copy { grid-template-columns: minmax(0,1fr); }
    .otp-catalog-grid .otp-card-excerpt { font-size: 12px; }
    .otp-product-path { flex-wrap: wrap; font-size: 10px; line-height: 1.5; }
    .otp-passport-summary { font-size: 15px; }
    .otp-design-2026 #main .otp-instrument-story h2 { font-size: clamp(36px,10vw,55px); }
    .otp-specimen-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; }
    .otp-metric > p strong { font-size: 23px; }
    .otp-story-copy { font-size: 18px; }
    .otp-cart-legacy { overflow: visible; }
    .otp-cart-line { grid-template-columns: 90px minmax(0,1fr) auto; }
    .otp-cart-line-photo { align-self: start; }
    .otp-design-2026 #main .otp-cart-line h2 { font-size: 24px; }
    .otp-cart-quantity { grid-column: 2; }
    .otp-cart-quantity button { width: 25px; }
    .otp-cart-legacy .otp-cart-quantity input { width: 24px; }
    .otp-cart-line-price { grid-column: 3; }
    .otp-cart-line-price strong { font-size: 20px; }
    .otp-cart-line-copy { padding-right: 22px; }
    .otp-cart-summary { max-width: none; padding: 25px; }
    .otp-footer-main { display: block; }
    .otp-footer-main nav { flex-direction: column; margin: 25px 0; }
    .otp-old-design-link { text-align: left; }
}
@media (max-width: 360px) {
    .otp-brand img { width: 110px; }
    .otp-header-tools { gap: 9px; }
    .otp-contact-link { padding: 8px; }
    .otp-cart-line { column-gap: 10px; grid-template-columns: 80px minmax(0,1fr) auto; }
    .otp-cart-line-price strong { font-size: 18px; }
    .otp-cart-summary { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .otp-design-2026 *, .otp-design-2026 *::before, .otp-design-2026 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* v4 — checkout and shared internal pages */
.otp-design-2026 [hidden] { display: none !important; }
.otp-design-2026 :is(h1,h2,h3,[id^="otp-"]) { scroll-margin-top: 135px; }
.otp-design-2026 :is(button,input,select,textarea,a,summary):focus-visible { outline: 2px solid var(--otp-brand-bright); outline-offset: 4px; }
.otp-cart-with-checkout { row-gap: 28px; }
.otp-cart-with-checkout > .otp-cart-summary { grid-column: 2; grid-row: 1 / span 2; position: sticky; top: 140px; }
.otp-cart-with-checkout > #otp-checkout { grid-column: 1; grid-row: 2; margin: 0; max-width: none; min-width: 0; width: 100%; }
.otp-cart-summary .otp-cart-total { flex-wrap: wrap; gap: 6px; }
.otp-checkout-details { font-size: 15px; line-height: 1.5; }
.otp-design-2026 #main .otp-checkout-details h2 { font-size: clamp(30px,3vw,38px); margin: 38px 0 20px; }
.otp-checkout-details :is(#divPaymentMethod,#divDeliveryAddress) { border-top: 1px solid var(--otp-line); margin-top: 32px; padding-top: 0; }
.otp-checkout-details .otp-step-unavailable { display: none !important; }
.otp-checkout-details .otp-technical-status { display: none !important; }
.otp-checkout-details :is(.otp-delivery-loading,.otp-checkout-message,.otp-address-hint) { background: rgba(153,102,0,.06); border-left: 2px solid var(--otp-brand); color: var(--otp-muted); font-size: 14px; line-height: 1.6; margin: 16px 0 22px; padding: 12px 15px; }
.otp-checkout-details #divDeliveryAreaSelect { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.otp-checkout-details #divDeliveryAreaSelect label { cursor: pointer; font-size: 14px; gap: 9px; line-height: 1.3; min-height: 60px; padding: 12px; }
.otp-checkout-details #divDeliveryAreaSelect img { display: block; height: 34px; margin: 0; object-fit: contain; width: 34px; }
.otp-checkout-details #divDeliveryAreaSelect label.is-selected { background: #f3e6c9; border-color: var(--otp-brand); box-shadow: inset 0 0 0 1px var(--otp-brand); }
.otp-checkout-details input:is([type="radio"],[type="checkbox"]) { flex-shrink: 0; height: 19px; margin: 2px 6px 2px 0; vertical-align: middle; width: 19px; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) { border: 0; display: block; margin: 22px 0; max-width: 100%; width: 100%; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) > tbody { display: block; width: 100%; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) tr { border: 0; display: grid; gap: 6px; margin-bottom: 18px; width: 100%; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) tr[style*="display: table-row"] { display: grid !important; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) td,
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) td:first-child { display: block; font-size: 15px; min-width: 0; padding: 0; width: 100%; }
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.otp-checkout-details :is(.tUserAreaForm,.tUserAddressForm) :is(select,textarea),
.otp-checkout-details .otp-order-comment textarea { font-size: 16px; max-width: 100% !important; min-height: 46px; width: 100% !important; }
.otp-field-label { color: var(--otp-ink); display: block; font-size: 14px; line-height: 1.4; margin-bottom: 5px; }
.otp-checkout-details .tUserAreaForm small { font-size: 13px; line-height: 1.5; }
.otp-checkout-details #sAreaAddressHintRussa span { background: transparent !important; font-weight: 600; }
.otp-checkout-details #divRussiaDeliveryNotes { color: var(--otp-muted); font-size: 13px; line-height: 1.6; }
.otp-checkout-details .otp-delivery-options,
.otp-checkout-details .otp-payment-options { background: transparent; border: 0; display: block; width: 100%; }
.otp-checkout-details :is(.otp-delivery-options,.otp-payment-options) > tbody { display: block; width: 100%; }
.otp-checkout-details :is(.otp-delivery-option,.otp-payment-option) { background: rgba(250,246,236,.75); border: 1px solid var(--otp-line); cursor: pointer; display: grid; gap: 8px 12px; margin: 10px 0; padding: 16px; }
.otp-checkout-details .otp-delivery-option { grid-template-columns: 22px minmax(0,1fr) minmax(90px,auto) minmax(90px,auto); }
.otp-checkout-details .otp-delivery-option td,
.otp-checkout-details .otp-payment-option td { background: transparent; border: 0; color: var(--otp-ink); font-size: 14px; min-width: 0; padding: 0; text-align: left; width: auto; }
.otp-checkout-details .otp-delivery-option .tdPriceName { font-size: 15px; line-height: 1.4; }
.otp-checkout-details .otp-delivery-option em { color: var(--otp-muted); display: block; font-size: 12px; font-style: normal; line-height: 1.5; margin-top: 5px; }
.otp-checkout-details .otp-delivery-option .tdPricePrice { font-size: 16px; font-variant-numeric: tabular-nums; line-height: 1.4; }
.otp-checkout-details .otp-delivery-option .tdPricePrice::before { color: var(--otp-muted); content: attr(data-otp-price-label); display: block; font-size: 10px; margin-bottom: 6px; white-space: nowrap; }
.otp-checkout-details .otp-delivery-option .tdPricePrice::after { color: var(--otp-muted); content: ' ' attr(data-otp-currency); font-size: 12px; }
.otp-checkout-details .otp-delivery-option .tdPricePrice:empty::after { content: '—'; }
.otp-checkout-details .otp-delivery-option [class^="Delivery_"] { background: transparent !important; border: 0 !important; color: inherit !important; font: inherit !important; }
.otp-checkout-details .otp-delivery-option select { font-size: 13px; margin: 5px 0; max-width: 100%; min-height: 40px; }
.otp-checkout-details .otp-delivery-legend { display: none; }
.otp-checkout-details tr.is-selected { background: #f3e6c9; border-color: var(--otp-brand); box-shadow: inset 0 0 0 1px var(--otp-brand); }
.otp-checkout-details tr.is-unavailable { cursor: default; opacity: .6; }
.otp-checkout-details .otp-payment-option { grid-template-columns: 22px minmax(0,1fr); }
.otp-checkout-details .otp-payment-option .tdPriceName { grid-column: 2; grid-row: 1; }
.otp-checkout-details .otp-payment-option .tdItemInclude { grid-column: 1; grid-row: 1; }
.otp-checkout-details .otp-payment-option label { cursor: inherit; font-size: 15px; font-weight: 400; line-height: 1.5; }
.otp-checkout-details .otp-payment-option .sPaymentNotAllowed { color: var(--otp-muted); display: block; font-size: 12px; line-height: 1.5; margin-top: 6px; }
.otp-unavailable-payments { color: var(--otp-muted); font-size: 13px; margin: 20px 0; }
.otp-unavailable-payments summary { cursor: pointer; padding: 10px 0; }
.otp-checkout-details #divPaymentMethod > :is(br,hr) { display: none; }
.otp-checkout-details :is(#RussianPostCashWarning,#divDeliveryMethod > div[style*="yellow"]) { background: rgba(153,102,0,.07) !important; border: 0 !important; color: var(--otp-muted); font-size: 13px; line-height: 1.6; margin: 20px 0; padding: 14px; }
.otp-checkout-details :is(#divDPDPoints,#divCDEKPoints) { border-top: 1px solid var(--otp-line); margin: 24px 0; max-width: 100%; padding-top: 24px; width: 100% !important; }
.otp-checkout-details :is(#divDPDPoints,#divCDEKPoints) > div { max-width: 100%; width: 100% !important; }
.otp-checkout-details :is(#sDPDPoints,#sCDEKPoints) { font-size: 16px; min-height: 46px; width: 100% !important; }
.otp-selected-point { font-size: 15px; line-height: 1.6; margin: 12px 0; overflow-wrap: anywhere; }
.otp-checkout-details .PointPaymentAllowed { font-size: 13px; margin: 10px 0; }
.otp-checkout-details :is(#divDPDPointsMap,#divCDEKPointsMap) { height: 340px !important; }
.otp-checkout-details :is(#iDPDPointsMapLink,#iCDEKPointsMapLink) { display: inline-block; font-size: 13px; padding: 12px 0; }
.otp-checkout-details .otp-order-comment { margin: 24px 0; }
.otp-checkout-details .otp-order-comment textarea { display: block; min-height: 90px; resize: vertical; }
.otp-checkout-advice,.otp-newsletter-options { border-top: 1px solid var(--otp-line); font-size: 14px; margin: 24px 0; padding: 16px 0 0; }
.otp-checkout-advice summary,.otp-newsletter-options summary { cursor: pointer; font-size: 15px; padding: 4px 0; }
.otp-advice-options { border: 0; width: 100%; }
.otp-advice-options td { font-size: 14px; line-height: 1.6; padding: 10px 0; text-align: left; }
.otp-checkout-notifications h3 { font-size: 16px; margin: 24px 0 12px; }
.otp-checkout-notifications .tUserAddressForm { margin: 0; }
.otp-checkout-notifications .tUserAddressForm td { font-size: 14px; line-height: 1.6; }
.otp-checkout-details .otp-order-final { align-items: center; border-top: 2px solid var(--otp-brand); display: grid; gap: 20px; grid-template-columns: 1fr auto; margin-top: 34px; padding-top: 24px; }
.otp-order-final > div > span { color: var(--otp-muted); display: block; font-size: 13px; }
.otp-order-final strong { display: block; font-family: Georgia,'Times New Roman',serif; font-size: 36px; font-weight: 400; line-height: 1.2; margin: 6px 0; }
.otp-final-delivery { color: var(--otp-muted); font-size: 12px; line-height: 1.5; margin: 8px 0; }
.otp-settlement { color: var(--otp-muted); font-size: 12px; }
.otp-checkout-details #btnSubmit { font-size: 17px; min-height: 52px; padding: 15px 25px; white-space: normal; }
.otp-checkout-details #btnSubmit:disabled { cursor: wait; opacity: .55; }
.otp-checkout-details #divDeliveryAddress > p { color: var(--otp-muted); font-size: 13px; line-height: 1.6; }
.otp-cart-extras label { flex-wrap: wrap; }
.otp-cart-extras input { flex: 1; min-width: 120px; }
.otp-secondary-button { background: transparent; border: 1px solid var(--otp-brand); color: var(--otp-brand); cursor: pointer; min-height: 40px; padding: 8px 14px; }
.otp-promo-status { color: var(--otp-muted); font-size: 13px; line-height: 1.5; }
.otp-cart-copy-link { background: transparent; border: 0; color: var(--otp-brand); cursor: pointer; font-size: 12px; padding: 8px 0; text-align: left; text-decoration: underline; text-underline-offset: 4px; }
.otp-copy-status { color: var(--otp-muted); display: block; font-size: 12px; margin-top: 5px; }

/* Restock subscription: keep the legacy handler inside a readable, responsive form. */
.otp-design-2026.otp-route-waitlist #main { background: var(--otp-paper); padding: 48px 20px 64px; }
.otp-route-waitlist #main > br { display: none; }
.otp-route-waitlist #main form { margin: 0 auto; max-width: 680px; }
.otp-route-waitlist #main input[name="email"] { box-sizing: border-box; max-width: 100%; min-width: 0; }
.otp-waitlist-card { background: var(--otp-paper-light); border: 1px solid var(--otp-line); color: var(--otp-ink); margin: 0 auto; max-width: 760px; padding: 38px; text-align: left; }
.otp-route-waitlist #main .otp-waitlist-card h1 { color: var(--otp-ink); font: 400 clamp(30px,3.2vw,42px)/1.12 Georgia,'Times New Roman',serif; margin: 0 0 18px; text-align: left; }
.otp-waitlist-intro { color: var(--otp-muted); font-size: 17px; line-height: 1.6; margin: 0 0 28px; }
.otp-waitlist-content { font-size: 17px; line-height: 1.6; min-width: 0; overflow-wrap: anywhere; }
.otp-waitlist-content > p { margin: 0 0 18px; }
.otp-waitlist-content > .otp-waitlist-note { color: var(--otp-muted); font-size: 14px; line-height: 1.5; margin: 14px 0 0; }
.otp-route-waitlist #main .otp-waitlist-form { align-items: end; display: grid; gap: 14px; grid-template-columns: minmax(0,1fr) auto; margin: 0; max-width: none; }
.otp-waitlist-form > br { display: none; }
.otp-waitlist-email { display: grid; font-size: 14px; gap: 8px; line-height: 1.4; min-width: 0; }
.otp-route-waitlist #main .otp-waitlist-email input { background: #fff; border: 1px solid var(--otp-line); border-radius: 0; color: var(--otp-ink); font: 16px/1.4 Arial,sans-serif; min-height: 48px; padding: 11px 12px; width: 100%; }
.otp-route-waitlist #main .otp-waitlist-submit { background: var(--otp-brand); border: 1px solid var(--otp-brand); border-radius: 0; color: #fff; cursor: pointer; font: 600 16px/1.4 Arial,sans-serif; min-height: 48px; padding: 11px 22px; }
.otp-route-waitlist #main .otp-waitlist-submit:hover { background: #704900; border-color: #704900; }
.otp-waitlist-form :is(input,button):focus-visible { outline: 2px solid var(--otp-brand); outline-offset: 3px; }
.otp-waitlist-back { color: var(--otp-brand); display: inline-block; font-size: 14px; line-height: 1.5; margin-top: 28px; text-underline-offset: 3px; }
@media (max-width: 540px) {
    .otp-design-2026.otp-route-waitlist #main { padding: 28px 16px 42px; }
    .otp-waitlist-card { padding: 24px 20px; }
    .otp-route-waitlist #main .otp-waitlist-form { grid-template-columns: minmax(0,1fr); }
    .otp-route-waitlist #main .otp-waitlist-submit { width: 100%; }
}

/* Reading pages keep the centre's photographs and texture around a quieter text column. */
.otp-design-2026 #main.otp-reading-page { background: linear-gradient(rgba(238,229,210,.86),rgba(238,229,210,.86)),url('/img/design2026/old-background.webp') center top / 1400px auto repeat-y; padding: 42px clamp(16px,5vw,72px) 80px; }
.otp-reading-page > .otp-article { background: var(--otp-paper-light); border: 1px solid var(--otp-line); margin: 0 auto; max-width: 980px; padding: clamp(24px,5vw,65px); }
.otp-reading-page .TextShade { background: transparent !important; box-shadow: none !important; color: var(--otp-ink); left: auto !important; margin: 0 !important; max-width: 100%; padding: 0 !important; position: static !important; text-shadow: none !important; width: auto !important; }
.otp-design-2026 #main.otp-reading-page :is(h1,h2,h3) { color: var(--otp-ink); font-family: Georgia,'Times New Roman',serif; font-weight: 400; text-align: left; }
.otp-design-2026 #main.otp-reading-page h1 { font-size: clamp(36px,4.4vw,58px); line-height: 1.06; margin: 0 0 28px; }
.otp-design-2026 #main.otp-reading-page h2 { font-size: clamp(29px,3vw,38px); line-height: 1.15; margin: 44px 0 20px; }
.otp-design-2026 #main.otp-reading-page h3 { font-size: clamp(24px,2.3vw,30px); line-height: 1.2; margin: 32px 0 16px; }
.otp-reading-page :is(p,li,td,.TextShade) { font-size: 17px; line-height: 1.65; text-align: left; }
.otp-reading-page :is(p,ul,ol) { margin-top: 0; margin-bottom: 1.2em; }
.otp-reading-page a { overflow-wrap: anywhere; text-underline-offset: 3px; }
.otp-reading-page :is(img,iframe,video) { height: auto; max-width: 100% !important; }
.otp-reading-page iframe { aspect-ratio: 16 / 9; width: 100%; }
.otp-reading-page .otp-article-notice { background: #f2e7cc !important; border: 0 !important; border-left: 3px solid var(--otp-brand) !important; color: var(--otp-ink) !important; margin: 24px 0 !important; padding: 16px 20px !important; text-align: left !important; }
.otp-reading-page .otp-old-frame { border-color: var(--otp-line) !important; border-width: 1px !important; padding: 18px !important; }
.otp-section-links { border-bottom: 1px solid var(--otp-line); display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 25px 0; padding: 0 0 18px; }
.otp-section-links a { color: var(--otp-brand) !important; font-size: 14px; line-height: 1.5; text-decoration: none; }
.otp-table-scroll { margin: 24px 0; max-width: 100%; overflow-x: auto; }
.otp-reading-page .otp-table-scroll table { border-collapse: collapse; margin: 0; width: 100%; }
.otp-reading-page :is(th,td) { border-color: var(--otp-line); font-size: 15px; padding: 10px; }
.otp-reading-page th { background: #f2e7cc; text-align: left; }
.otp-school-poster { display: block; margin: 0 auto 30px; max-height: 360px; object-fit: contain; }
.otp-school-schedule { display: none; }
.otp-school-day { align-items: baseline; border-bottom: 1px solid var(--otp-line); display: flex; gap: 15px; justify-content: space-between; padding: 12px 0; }
.otp-school-day dt { font-weight: 600; }
.otp-school-day dd { margin: 0; text-align: right; }
/* Route classes come from PHP, so the opening layout does not wait for JS. */
.otp-design-2026.otp-route-school #main h1 { font-size: clamp(30px,3.2vw,44px) !important; line-height: 1.12; margin: 0 0 18px !important; text-align: left !important; }
.otp-design-2026.otp-route-school #main :is(h2,h3) { margin: 32px 0 16px !important; text-align: left !important; }
.otp-route-school #main :is(.otp-school-intro,.TextShade > h1 + p) { margin: 0 0 24px !important; text-align: left !important; }
.otp-route-school #main .otp-section-links { margin: 0 0 28px; padding-bottom: 20px; }
.otp-route-school #main .otp-school-illustration { margin: 0 0 32px !important; text-align: left !important; }
.otp-route-school #main img[src*="School"] { display: block; height: auto !important; margin: 0; max-height: 360px !important; max-width: 100% !important; object-fit: contain; width: auto; }
.otp-route-school #main .otp-school-action { font-size: 17px !important; margin: 24px 0 32px !important; text-align: left !important; }
.otp-design-2026.otp-route-school #main a.btnSchoolBuy { align-items: center; background: var(--otp-brand) !important; border: 1px solid var(--otp-brand); border-radius: 4px; color: #fff !important; display: inline-flex; font: 600 16px/1.4 Arial,sans-serif; justify-content: center; max-width: 100%; min-height: 46px; padding: 11px 24px; text-align: center; text-decoration: none; }
.otp-design-2026.otp-route-school #main a.btnSchoolBuy:hover { background: #704900 !important; border-color: #704900; }
.otp-design-2026.otp-route-school #main a.btnSchoolBuy:focus-visible { outline: 2px solid #573e14; outline-offset: 4px; }
.otp-faq-search { display: block; margin: 20px 0; }
.otp-faq-search input,.otp-site-search-form input[type="search"] { background: #fff; border: 1px solid var(--otp-line); font-size: 16px; min-height: 48px; padding: 12px; width: 100%; }
.otp-faq-toc { border: 1px solid var(--otp-line); margin: 24px 0; padding: 16px 20px; }
.otp-faq-toc summary { color: var(--otp-brand); cursor: pointer; font-size: 16px; }
.otp-faq-toc a { line-height: 1.5; }
.otp-faq-result { color: var(--otp-muted); font-size: 14px; }
.otp-site-search-form { display: grid; gap: 12px; grid-template-columns: 1fr auto; }
.otp-site-search-form label { grid-column: 1 / -1; }
.otp-site-search-form button { background: var(--otp-brand); border: 0; color: #fff; cursor: pointer; min-height: 48px; padding: 12px 24px; }
.otp-design-2026 .otp-maker-info { background: var(--otp-paper-light); border: 1px solid var(--otp-line); font-size: 17px; line-height: 1.7; margin: 36px auto; max-width: 980px; padding: 32px; text-align: left; }
.otp-maker-info :is(p,div) { text-align: left !important; }
.otp-maker-info #MakerDescription { max-width: 780px; }
.otp-design-2026 #main .otp-maker-info h1 { display: none; }
.otp-maker-info iframe { max-width: 100%; }
.otp-maker-info img { height: auto; }
.otp-notes-intro { background: linear-gradient(90deg,rgba(15,30,37,.70),rgba(15,30,37,.85)),url('/img/design2026/old-background.webp') center 44% / cover; padding-top: 36px; padding-bottom: 40px; }
.otp-design-2026 #main .otp-notes-intro h1 { font-size: clamp(38px,4.5vw,64px); line-height: 1; }
.otp-notes-reference { margin: 36px auto; max-width: 1120px; padding: 0 16px; }
.otp-notes-reference summary { border-top: 1px solid var(--otp-line); color: var(--otp-brand); cursor: pointer; font-size: 16px; padding: 20px 0; }
.otp-notes-reference .tFrequency { width: 100%; }
.otp-note-empty { color: var(--otp-muted); opacity: .55; text-decoration: none; }
.otp-constructor-nav { margin: 0 0 35px; }
.otp-passport-maker a { color: inherit !important; text-underline-offset: 4px; }
.otp-product-page > .otp-section-links { margin-top: 28px; }
.otp-product-page .otp-product-discussion { margin-top: 34px; }
.otp-product-page .otp-accessories { border-top: 0; margin-top: 12px; }
.otp-faq-item { list-style: none; margin: 0 !important; padding: 0 !important; }
.otp-faq-answer { border-top: 1px solid var(--otp-line); padding: 16px 0; }
.otp-faq-answer summary { color: var(--otp-brand); cursor: pointer; font-size: 18px; line-height: 1.5; }
.otp-faq-answer[open] summary { margin-bottom: 18px; }
.otp-faq-answer summary strong { font-weight: 400; }
.otp-maker-catalog-link { display: inline-block; margin-bottom: 18px; }
@media (max-width: 1150px) {
    .otp-checkout-details .otp-delivery-option { grid-template-columns: 22px minmax(0,1fr) minmax(0,1fr); }
    .otp-checkout-details .otp-delivery-option .tdPriceName { grid-column: 2 / -1; }
    .otp-checkout-details .otp-delivery-option .tdPricePrice { grid-row: 2; }
    .otp-checkout-details .otp-delivery-option .tdPricePrice:nth-child(3) { grid-column: 2; }
    .otp-checkout-details .otp-delivery-option .tdPricePrice:nth-child(4) { grid-column: 3; }
}
@media (max-width: 900px) {
    .otp-cart-with-checkout > .otp-cart-summary { grid-column: 1; grid-row: auto; position: static; }
    .otp-cart-with-checkout > #otp-checkout { grid-column: 1; grid-row: auto; }
    .otp-cart-with-checkout { display: flex; flex-direction: column; }
    .otp-cart-with-checkout > * { width: 100%; }
}
@media (max-width: 600px) {
    .otp-cart-page { padding-top: 22px; }
    .otp-checkout-details .otp-order-final { grid-template-columns: 1fr; gap: 8px; }
    .otp-checkout-details #btnSubmit { margin: 6px 0 0; width: 100%; }
    .otp-checkout-details .otp-delivery-option { padding: 14px 12px; }
    .otp-reading-page > .otp-article { border: 0; padding: 24px 18px 36px; }
    .otp-design-2026 #main.otp-reading-page { padding: 16px 0 35px; }
    .otp-reading-page :is(p,li,td,.TextShade) { font-size: 16px; }
    .otp-school-table.has-mobile-schedule { display: none; }
    .otp-school-schedule { display: block; margin: 20px 0; }
    .otp-school-poster { max-height: 250px; }
    .otp-site-search-form { grid-template-columns: 1fr; }
    .otp-design-2026 .otp-maker-info { border-left: 0; border-right: 0; font-size: 16px; margin: 22px 0; padding: 24px 18px; }
    .otp-accessory-track .otp-product-copy { grid-template-columns: minmax(0,1fr); gap: 5px; }
    .otp-accessory-track .otp-product-copy > strong { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 3px; }
    .otp-accessory-track .otp-product-copy h3 { font-size: 18px; }
    .otp-accessories { padding-top: 28px; }
    .otp-instrument-story { display: grid; gap: 0; grid-template-columns: minmax(0,1fr); }
    .otp-instrument-story > * { grid-column: 1; }
    .otp-instrument-story .otp-story-copy { grid-row: 2; margin-top: 22px; }
    .otp-instrument-story .otp-specimen-facts { grid-row: 3; margin-top: 24px; }
}
.otp-reading-page .otp-faq-list { list-style: none; padding-left: 0; }
.otp-checkout-details #DeliveryMethodsNotes { background: rgba(153,102,0,.07); border: 0; color: var(--otp-muted); font-size: 13px; line-height: 1.6; margin: 20px 0; padding: 14px; }
.otp-checkout-details .otp-payment-option label { color: var(--otp-ink) !important; }
.otp-checkout-details #divDeliveryAreaSelect label { border-radius: 0; }
.otp-design-2026 #main.otp-reading-page :is(h1,h2,h3) { text-align: left !important; }
.otp-reading-page .otp-article a { color: var(--otp-brand); }
.otp-checkout-details #divDeliveryAddress > hr { display: none; }
.otp-site-search-form .otp-search-scope { align-items: center; display: flex; gap: 12px; }
.otp-search-scope select { background: #fff; border: 1px solid var(--otp-line); font-size: 16px; max-width: 100%; min-height: 44px; padding: 8px 12px; }

/* v4.2 — mobile filters and consent controls; original forms remain intact. */
.otp-filter-disclosure > summary { display: none; }
.otp-design-2026 #main .otp-notes-reference-title { border-top: 2px solid var(--otp-brand); font-size: clamp(28px,3vw,42px); line-height: 1.15; margin: 0 0 28px; padding-top: 24px; text-align: left; }
.otp-notes-reference { min-width: 0; }
.otp-notes-reference > div > img { height: auto; max-width: 100%; }

/* Contacts preserve the live schedule; entrance and showcase video share a row. */
/* Suppress only the obsolete FAQ promo from the first paint, before DOM cleanup. */
.otp-design-2026.otp-route-contacts .MainAlertContainer:has(a[href*="faq.htm#vargan_beginner"]) { display: none !important; }
.otp-design-2026 #main.otp-contacts-page { background: var(--otp-paper-light); padding-bottom: 70px; }
.otp-contacts-page > .otp-article.otp-contacts-content { background: var(--otp-paper-light); border: 0; max-width: 1240px; padding: 0; }
.otp-contact-heading { border-bottom: 1px solid var(--otp-line); margin-bottom: 34px; padding-bottom: 28px; }
.otp-design-2026 #main.otp-contacts-page .otp-contact-heading h1 { margin: 0; }
.otp-contact-top { align-items: start; display: grid; gap: clamp(28px,5vw,70px); grid-template-columns: minmax(0,1.4fr) minmax(280px,.8fr); }
.otp-contact-details { display: grid; gap: 24px; }
.otp-contact-details > section { border-bottom: 1px solid var(--otp-line); padding-bottom: 22px; }
.otp-design-2026 #main.otp-contacts-page :is(.otp-contact-top h2,.otp-contact-route h2) { font-size: clamp(26px,2.5vw,34px); line-height: 1.15; margin: 0 0 16px; }
.otp-contact-details .ContactsAddress { font-size: 20px; line-height: 1.5; margin: 0 0 12px; padding: 0; text-align: left; }
.otp-contact-route-link { color: var(--otp-brand); display: inline-block; font-size: 14px; padding: 6px 0; }
.otp-contact-email > a { display: inline-block; font-size: clamp(22px,2.5vw,30px); font-weight: 600; margin-bottom: 14px; }
.otp-contacts-content .ContactsEmail { background: transparent; border: 0 !important; margin: 0; padding: 0 !important; }
.otp-contacts-content .ContactsEmail p,.otp-contacts-content .ContactsPhone { font-size: 16px; line-height: 1.6; margin: 0; padding: 0; text-align: left; }
.otp-contacts-content .ContactsPhoneNumber { display: block; font-size: 20px; margin: 9px 0 0; text-align: left; }
.otp-contact-schedule { background: #f2ead9; border-top: 3px solid var(--otp-brand); padding: 25px 26px; }
.otp-contacts-content .tWorktime { background: transparent; border: 0; border-collapse: collapse; font-size: 15px; font-weight: 400; margin: 0 !important; width: 100%; }
.otp-contacts-content .tWorktime td { background: transparent; border: 0; border-bottom: 1px solid var(--otp-line); font-size: 15px; padding: 10px 0; }
.otp-contacts-content .tWorktime td:first-child { color: var(--otp-muted); text-transform: uppercase; width: 50px; }
.otp-contacts-content .tWorktime td:last-child { font-variant-numeric: tabular-nums; text-align: right; }
.otp-contacts-content .tWorktime tr:last-child td { border-bottom: 0; }
.otp-contact-route { margin-top: 44px; scroll-margin-top: 130px; }
.otp-contact-arrival-media { align-items: start; display: grid; gap: 26px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.otp-contact-arrival-media > :only-child { grid-column: 1/-1; }
.otp-contact-layout figure { margin: 0; min-width: 0; }
.otp-contact-entrance > img { aspect-ratio: 3/2; display: block; height: auto !important; max-width: 100% !important; object-fit: contain; width: 100%; }
.otp-contact-layout .otp-contact-map { margin-top: 26px; }
.otp-contact-map > iframe.ContactsMap { aspect-ratio: auto; border: 0; display: block; height: 300px !important; max-width: 100%; width: 100%; }
.otp-contact-layout figcaption { color: var(--otp-muted); font-size: 14px; line-height: 1.6; padding-top: 14px; }
.otp-contact-layout figcaption :is(p,a,span) { color: inherit; font-size: inherit; line-height: inherit; }
.otp-contact-layout .ContactsAddressNote { font-style: normal; margin: 0; padding: 0; }
.otp-contact-visit { align-items: start; border-top: 1px solid var(--otp-line); display: grid; gap: 30px; grid-template-columns: minmax(0,1fr); margin-top: 44px; padding-top: 34px; }
.otp-contact-visit-copy { max-width: 80ch; min-width: 0; }
.otp-contact-visit-copy p { margin: 0 0 20px; }
.otp-contact-visit-copy p:last-child { margin-bottom: 0; }
.otp-contact-room img { display: block; height: auto; max-width: 100%; width: 100%; }
.otp-contact-gallery { align-items: start; display: grid; gap: 26px; grid-column: 1/-1; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; }
.otp-contact-gallery img { display: block; height: auto; max-width: 100%; width: 100%; }
.otp-contact-film iframe { aspect-ratio: 3/2; border: 0; display: block; height: auto !important; max-width: 100%; padding: 0 !important; width: 100% !important; }
.otp-contacts-page .TextShade.otp-contact-extra { border-top: 1px solid var(--otp-line); margin: 36px 0 0 !important; padding-top: 30px !important; }
@media (max-width: 900px) {
    .otp-contact-visit { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 700px) {
    .otp-design-2026 #main.otp-contacts-page { padding: 26px 16px 45px; }
    .otp-contact-heading { margin-bottom: 26px; padding-bottom: 24px; }
    .otp-contact-top,.otp-contact-arrival-media,.otp-contact-gallery { grid-template-columns: minmax(0,1fr); }
    .otp-contact-schedule { padding: 22px; }
    .otp-contact-route { margin-top: 32px; }
    .otp-contact-arrival-media { gap: 24px; }
    .otp-contact-visit { margin-top: 32px; padding-top: 26px; }
    .otp-range-controls input[type="range"]::-webkit-slider-thumb { height: 26px; margin-top: -11px; width: 26px; }
    .otp-range-controls input[type="range"]::-moz-range-thumb { height: 22px; width: 22px; }
}
.otp-checkout-details .otp-payment-option label { overflow-wrap: anywhere; }
@media (max-width: 900px) {
    .otp-filter-panel { margin-bottom: 22px; }
    .otp-filter-disclosure > summary { align-items: center; border-bottom: 1px solid var(--otp-line); color: var(--otp-brand); cursor: pointer; display: flex; font-size: 16px; list-style: none; min-height: 48px; padding: 12px 0; }
    .otp-filter-disclosure > summary::-webkit-details-marker { display: none; }
    .otp-filter-disclosure > summary::after { content: '+'; font-size: 23px; line-height: 1; margin-left: auto; }
    .otp-filter-disclosure[open] > summary::after { content: '−'; }
    .otp-filter-count { white-space: pre; }
    .otp-filter-panel .otp-catalog-search { padding: 4px 0; }
    .otp-filter-panel .otp-catalog-search input { font-size: 16px; min-height: 44px; }
    .otp-filter-group summary { font-size: 15px; }
    .otp-filter-group label > span,
    .otp-filter-panel .catalog-filter-range > span:first-child,
    .otp-filter-check,
    .otp-filter-notes legend { font-size: 14px; }
    .otp-filter-group select,
    .otp-filter-panel input[type="number"] { font-size: 16px; height: 44px; }
    .otp-filter-check { min-height: 32px; }
    .otp-filter-check input { flex-shrink: 0; height: 18px; width: 18px; }
    .otp-filter-notes label { font-size: 13px; min-height: 44px; padding: 12px 6px; }
    .otp-filter-group small { font-size: 12px; }
    .otp-filter-submit { font-size: 16px; min-height: 44px; }
}
@media (max-width: 620px) {
    .otp-results-head { flex-wrap: wrap; gap: 12px; padding-bottom: 14px; }
    .otp-sort-control { width: 100%; }
    .otp-sort-control select { background: rgba(250,246,236,.65); border: 1px solid var(--otp-line); border-radius: 0; font-size: 16px; max-width: 100%; min-height: 44px; padding: 8px; width: 100%; }
    /* One stacking context keeps the chat below both consent layers. */
    .otp-design-2026 .online-chat-root { isolation: isolate; position: relative; z-index: 999999; }
    .otp-design-2026 .cky-consent-container .cky-consent-bar { padding: 14px 16px max(14px,env(safe-area-inset-bottom)); }
    .otp-design-2026 .cky-notice .cky-title { font-size: 16px; line-height: 1.35; margin: 0 0 8px; padding: 0; }
    .otp-design-2026 .cky-notice-des { font-size: 14px; line-height: 1.45; max-height: 24vh; overflow-y: auto; padding: 0; }
    .otp-design-2026 .cky-notice-des p { font-size: inherit; line-height: inherit; margin: 0; }
    .otp-design-2026 .cky-notice-btn-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; width: 100%; }
    .otp-design-2026 .cky-notice-btn-wrapper .cky-btn { border-radius: 0; flex: 1 1 0; font-size: 14px; line-height: 1.3; margin: 0; min-height: 44px; min-width: 0; order: 0; padding: 8px 4px; white-space: normal; }
    .otp-design-2026 .cky-notice-btn-wrapper .cky-btn-customize { background-color: transparent !important; border-color: var(--otp-brand) !important; color: var(--otp-brand) !important; }
    .otp-design-2026 .cky-notice-btn-wrapper :is(.cky-btn-reject,.cky-btn-accept) { background-color: var(--otp-brand) !important; border-color: var(--otp-brand) !important; color: #fff !important; }
    .otp-checkout-details .otp-delivery-option select { font-size: 16px; min-height: 44px; }
}

/* v4.4: primary filter order is shared with the original catalogue. */
.otp-filter-panel .catalog-filter-section { border-bottom: 1px solid var(--otp-line); display: grid; gap: 14px; padding: 18px 0; }
.otp-filter-panel .catalog-filter-field { display: grid; gap: 7px; min-width: 0; }
.otp-filter-panel .catalog-filter-field > span { color: var(--otp-muted); font-size: 14px; line-height: 1.35; }
.otp-filter-panel .catalog-filter-field select { background: rgba(250,246,236,.65); border: 1px solid var(--otp-line); border-radius: 0; color: var(--otp-ink); font-size: 14px; min-height: 40px; min-width: 0; padding: 6px 7px; width: 100%; }
.otp-filter-panel .catalog-note-options > summary { color: var(--otp-brand); cursor: pointer; font-size: 14px; padding: 5px 0; }
.otp-filter-panel .catalog-note-options fieldset { margin-top: 12px; }
.otp-filter-panel .catalog-note-options small { color: var(--otp-muted); display: block; font-size: 12px; line-height: 1.4; margin-top: 10px; }
.otp-filter-panel .catalog-filter-section .otp-filter-check { font-size: 14px; }
.otp-filter-panel .catalog-filter-range > span:first-child { font-size: 14px; }
@media (max-width: 900px) {
    .otp-filter-panel .catalog-filter-field select { font-size: 16px; min-height: 44px; }
}

/* v4.5: quieter audio, maker archive, delivery choices and a full-width footer. */
.otp-audio-list { border-bottom: 0; border-top: 1px solid rgba(200,149,50,.3); margin-top: 20px; padding-top: 18px; }
.otp-design-2026 #main .otp-product-passport .otp-audio-heading { color: var(--otp-cream); font: 600 15px/1.4 Arial,Helvetica,sans-serif; margin: 0 0 12px; }
.otp-audio-track { border: 0; display: block; padding: 0 0 10px; }
.otp-audio-track audio { display: block; height: 40px; }

.otp-design-2026 .otp-site-footer { clear: both; float: none; grid-column: 1 / -1; margin: 0; max-width: none; min-width: 0; width: 100%; }
.otp-footer-main { min-width: 0; width: 100%; }
.otp-footer-main > * { min-width: 0; }

.otp-maker-info > hr { display: none; }
.otp-maker-info #MakerDescription { margin: 0 auto 32px; overflow-wrap: anywhere; }
.otp-maker-info #MakerDescription :is(p,li) { line-height: 1.7; }
.otp-maker-info #MakerDescription p { margin: 0 0 1.2em; }
.otp-maker-info #MakerDescription :is(img,iframe,video) { max-width: 100%; }
.otp-maker-info #MakerDescription table { display: block; max-width: 100%; overflow-x: auto; }
.otp-maker-info .MakerFotos { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.otp-maker-info .MakerFoto { height: auto; margin: 0; max-width: 100%; object-fit: contain; }
.otp-maker-info .otp-maker-catalog-link { border: 1px solid var(--otp-brand); color: var(--otp-brand); font-size: 15px; line-height: 1.4; margin-bottom: 28px; min-height: 44px; padding: 11px 18px; text-decoration: none; }
.otp-maker-info .otp-maker-catalog-link:hover { background: #f2ead9; }
.otp-maker-info #MakerInfo { align-items: start; border-top: 1px solid var(--otp-line); display: grid; gap: 20px 32px; grid-template-areas: 'thanks map' 'forum map'; grid-template-columns: minmax(0,1fr) minmax(0,300px); height: auto; margin: 0; padding-top: 28px; }
.otp-maker-info #MakerMap { float: none; grid-area: map; margin: 0; min-width: 0; width: 100%; }
.otp-maker-info #MakerMap iframe { border: 0; display: block; height: 230px; margin: 12px 0; max-height: none; width: 100%; }
.otp-maker-info #MakerMap > br { display: none; }
.otp-maker-info #MakerMap small { display: block; font-size: 13px; line-height: 1.5; }
.otp-maker-info #MakerMap a { color: var(--otp-brand) !important; text-underline-offset: 3px; }
.otp-maker-info #MakerLocation { font-size: 15px; line-height: 1.5; margin: 0; text-align: left; }
.otp-maker-info #MakerThanksBlock { grid-area: thanks; min-width: 0; padding: 0; text-align: left; }
.otp-design-2026 #main .otp-maker-info .otp-maker-thanks-title { font: 400 26px/1.2 Georgia,'Times New Roman',serif; margin: 0 0 14px; }
.otp-maker-info #MakerThanksBlock p { margin: 0 0 18px; padding: 0; }
.otp-maker-info #MakerThanksBlock p small { font-size: 14px; line-height: 1.65; }
.otp-maker-info #MakerThanksBlock > br { display: none; }
.otp-maker-thanks-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; }
.otp-maker-info #MakerThankBtn { background: var(--otp-brand); border: 1px solid var(--otp-brand); border-radius: 0; box-shadow: none; color: #fff; cursor: pointer; font: 400 15px/1.4 Arial,Helvetica,sans-serif; margin: 0; min-height: 44px; padding: 10px 22px; text-shadow: none; }
.otp-maker-info #MakerThankBtn:hover { background: #805500; }
.otp-maker-info #MakerThankBtn:disabled { background: #817764; border-color: #817764; cursor: default; }
.otp-maker-info #MakerThanksCounter { background: transparent; border: 0; color: var(--otp-muted); font: 400 22px/1.3 Georgia,'Times New Roman',serif; margin: 0; padding: 0; }
.otp-maker-info #MakerForumlink { font-size: 14px; grid-area: forum; line-height: 1.6; margin: 0; min-width: 0; overflow-wrap: anywhere; padding: 0; text-align: left; }
.otp-maker-info #MakerForumlink a { color: var(--otp-brand); text-underline-offset: 3px; }
.otp-design-2026 #main .otp-maker-results-title { font: 400 28px/1.2 Georgia,'Times New Roman',serif; margin: 0; }
.otp-maker-results-title small { color: var(--otp-muted); display: inline-block; font: 400 14px/1.4 Arial,Helvetica,sans-serif; margin-left: 8px; }
.otp-maker-page .otp-results-head { align-items: center; flex-wrap: wrap; gap: 16px; }
.otp-maker-archive { border-top: 1px solid var(--otp-line); margin-top: 40px; }
.otp-maker-archive > summary { align-items: center; background: var(--otp-paper-light); color: var(--otp-ink); cursor: pointer; display: flex; gap: 12px; list-style: none; min-height: 64px; padding: 18px 20px; }
.otp-maker-archive > summary::-webkit-details-marker { display: none; }
.otp-maker-archive > summary > span { font: 400 26px/1.25 Georgia,'Times New Roman',serif; }
.otp-maker-archive > summary > small { color: var(--otp-muted); font: 400 14px/1.4 Arial,Helvetica,sans-serif; }
.otp-maker-archive > summary::after { color: var(--otp-brand); content: '+'; font: 400 24px/1 Arial,Helvetica,sans-serif; margin-left: auto; }
.otp-maker-archive[open] > summary::after { content: '−'; }
.otp-maker-archive > .otp-catalog-grid { margin-top: 24px; }
.otp-maker-archive:not([open]) > .otp-catalog-grid { display: none; }
.otp-product-copy .otp-card-status { color: var(--otp-muted); display: block; font-size: 12px; line-height: 1.5; margin-top: 8px; }

.otp-checkout-details #divDeliveryAreaSelect { gap: 12px; }
.otp-checkout-details #divDeliveryAreaSelect label { align-items: center; display: grid; gap: 12px; grid-template-columns: 20px 34px minmax(0,1fr); min-height: 78px; min-width: 0; padding: 16px; }
.otp-checkout-details #divDeliveryAreaSelect input { accent-color: var(--otp-brand); height: 20px; margin: 0; width: 20px; }
.otp-checkout-details #divDeliveryAreaSelect .otp-delivery-area-name { color: var(--otp-ink); font-size: 15px; line-height: 1.4; min-width: 0; overflow-wrap: anywhere; }
.otp-checkout-details #divDeliveryAreaSelect label:hover { border-color: var(--otp-brand); }
.otp-checkout-details #divDeliveryAreaSelect label:focus-within { outline: 2px solid var(--otp-brand-bright); outline-offset: 3px; }

@media (max-width: 760px) {
    .otp-maker-info #MakerInfo { gap: 24px; grid-template-areas: 'thanks' 'forum' 'map'; grid-template-columns: minmax(0,1fr); }
    .otp-maker-info #MakerMap iframe { height: 240px; }
}
@media (max-width: 620px) {
    .otp-design-2026 .otp-site-footer { padding: 32px 20px 24px; text-align: center; }
    .otp-footer-main { display: grid; gap: 24px; grid-template-columns: minmax(0,1fr); justify-items: stretch; }
    .otp-footer-main .otp-footer-title { align-items: center; display: flex; flex-direction: column; gap: 10px; text-align: center; width: 100%; }
    .otp-footer-title p { margin: 0; max-width: none; }
    .otp-footer-main nav { display: grid; gap: 0 12px; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; margin: 0; text-align: center; width: 100%; }
    .otp-footer-main nav a { font-size: 14px; line-height: 1.5; min-height: 44px; padding: 12px 0; }
    .otp-footer-main nav a:first-child { grid-column: 1 / -1; }
    .otp-footer-main .otp-footer-copyright { font-size: 12px; line-height: 1.5; text-align: center; width: 100%; }
    .otp-site-footer .otp-old-design-link { margin: 20px auto 0; text-align: center; width: 100%; }
    .otp-maker-archive > summary { gap: 10px; padding: 16px; }
    .otp-maker-archive > summary > span { font-size: 24px; }
    .otp-checkout-details #divDeliveryAreaSelect { grid-template-columns: minmax(0,1fr); }
    .otp-checkout-details #divDeliveryAreaSelect label { min-height: 66px; padding: 14px 16px; }
}

/* v4.6 — case finder, catalogue pages and reverse compatibility. */
.otp-case-filter .catalog-filter-field input[type=search] { background: rgba(250,246,236,.65); border: 1px solid var(--otp-line); border-radius: 0; box-sizing: border-box; color: var(--otp-ink); font: inherit; font-size: 14px; min-height: 44px; min-width: 0; padding: 8px; width: 100%; }
.otp-case-filter .catalog-filter-section small { color: var(--otp-muted); font-size: 12px; line-height: 1.5; }
.otp-design-2026 .catalog-pagination { font-family: inherit; }
.otp-design-2026 .catalog-pagination > a { background: var(--otp-paper-light); border-color: var(--otp-line); color: var(--otp-brand); }
.otp-design-2026 .catalog-pagination > a:hover { background: #ebdfc5; }
.otp-design-2026 .catalog-pagination > [aria-current=page] { background: var(--otp-brand); border-color: var(--otp-brand); color: #fff; }
.otp-design-2026 .catalog-pagination > .catalog-page-gap { color: var(--otp-muted); }
.otp-compatible-with { margin: 40px auto; max-width: 1280px; }
.otp-design-2026 .otp-compatible-with { border-top: 1px solid var(--otp-line); margin-top: 48px; padding-top: 32px; }
.otp-compatible-with > header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: 24px; }
.otp-design-2026 #main .otp-compatible-with h2 { font: 400 clamp(30px,3.5vw,44px)/1.1 Georgia,"Times New Roman",serif; letter-spacing: -.035em; margin: 0; }
.otp-compatible-with > header > p { color: var(--otp-muted); font-size: 14px; margin: 0; }
.otp-compatible-with .otp-catalog-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.otp-compatible-with .otp-product-image { aspect-ratio: auto; height: 140px; }
.otp-compatible-with .otp-card-excerpt { display: none; }
.otp-compatible-with .otp-product-copy { grid-template-columns: minmax(0,1fr); }
.otp-compatible-with .otp-product-copy h3 { font-size: 21px; }
@media (max-width: 760px) {
    .otp-case-filter .catalog-filter-field input[type=search] { font-size: 16px; }
    .otp-compatible-with .otp-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .otp-compatible-with .otp-product-image { height: 105px; }
    .otp-compatible-with > header { margin-bottom: 20px; }
}

/* v4.7 — subsections, compact compatibility cards and description before metrics. */
.otp-design-2026 .catalog-subsection-nav a { background: var(--otp-paper-light); border-color: var(--otp-line); color: var(--otp-brand); font-size: 14px; }
.otp-design-2026 .catalog-subsection-nav small { color: var(--otp-muted); }
.otp-catalog-subsection { min-width: 0; }
.otp-catalog-subsection + .otp-catalog-subsection { border-top: 1px solid var(--otp-line); margin-top: 36px; padding-top: 28px; }
.otp-design-2026 #main .otp-catalog-subsection h2 { font: 400 clamp(28px,3vw,38px)/1.15 Georgia,"Times New Roman",serif; letter-spacing: -.025em; margin: 0 0 22px; }
.otp-catalog-subsection h2 a { color: var(--otp-ink); text-decoration: none; }
.otp-catalog-subsection h2 a:hover { color: var(--otp-brand); }
.otp-compatible-with .otp-product-card { margin-inline: auto; max-width: 240px; width: 100%; }
.otp-compatible-with .otp-product-photo, .otp-compatible-with .otp-product-image { background: #fff; }
.otp-compatible-with .otp-product-image { aspect-ratio: 3 / 2; height: auto; }
.otp-compatible-with .otp-product-image img { padding: 8px; }
.otp-compatible-with .otp-product-copy { justify-items: center; padding-inline: 4px; text-align: center; }
.otp-compatible-with .otp-product-copy > p, .otp-compatible-with .otp-product-copy > strong { justify-self: center; }
.otp-instrument-story { display: grid; column-gap: 40px; grid-template-columns: minmax(0,.55fr) minmax(0,1.45fr); row-gap: 40px; }
.otp-instrument-story > header { grid-column: 1; grid-row: 1; padding-right: 0; }
.otp-instrument-story > .otp-story-copy { border-top: 0; grid-column: 2; grid-row: 1; margin: 0; max-width: none; padding: 0; }
.otp-instrument-story > .otp-specifications-section { border-top: 1px solid var(--otp-line); display: grid; gap: 24px 40px; grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(0,.55fr) minmax(0,1.45fr); min-width: 0; padding-top: 32px; scroll-margin-top: 130px; }
.otp-specifications-section > .otp-specimen-facts { grid-row: auto; margin: 0; }
.otp-design-2026 #main .otp-instrument-story h2 { font-size: clamp(30px,3.2vw,46px); }
@media (max-width: 1000px) {
    .otp-instrument-story { gap: 24px; grid-template-columns: minmax(0,1fr); }
    .otp-instrument-story > .otp-story-copy { grid-column: 1; grid-row: 2; }
    .otp-instrument-story > .otp-specifications-section { grid-column: 1; grid-row: 3; grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 760px) {
    .otp-instrument-story { margin-top: 44px; padding-top: 28px; }
    .otp-instrument-story > .otp-specifications-section { gap: 22px; padding-top: 26px; }
    .otp-specifications-section > .otp-specimen-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .otp-compatible-with .otp-product-copy h3 { font-size: 19px; }
}
.otp-selection-tabs-line { min-width: 0; }
.otp-selection-tabs { flex: 1 1 auto; min-width: 0; }

/* FAQ as an accessible, searchable guide. */
.otp-design-2026 #main.otp-faq-page { background: var(--otp-paper); }
.otp-faq-page > .otp-article { border: 0; max-width: 1160px; padding: 0; }
.otp-faq-page [hidden] { display: none !important; }
.otp-faq-hero { background: #262116; color: #f8f1e3; padding: clamp(24px,4vw,48px); scroll-margin-top: 125px; }
.otp-faq-page .otp-faq-eyebrow { color: #d6b574; font-size: 12px; letter-spacing: .12em; margin: 0 0 16px; text-transform: uppercase; }
.otp-design-2026 #main.otp-faq-page .otp-faq-hero h1 { color: #fff; font-size: clamp(36px,4.8vw,60px); margin: 0 0 20px; text-align: left !important; }
.otp-faq-page .otp-faq-intro { color: #e3d9c8; font-size: 17px; line-height: 1.6; margin: 0; max-width: 70ch; }
.otp-faq-page .otp-faq-search { color: #f8f1e3; font-size: 15px; margin: 24px 0 16px; }
.otp-faq-page .otp-faq-search input { border: 1px solid #d7c49a; border-radius: 3px; color: #211c12; margin-top: 8px; min-height: 52px; padding: 14px 16px; }
.otp-faq-quick { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.otp-design-2026 .otp-faq-quick a { color: #e5c78d !important; font-size: 14px; line-height: 1.5; padding: 8px 0; text-underline-offset: 4px; }
.otp-faq-topics { display: grid; gap: 1px; background: var(--otp-line); border: 1px solid var(--otp-line); grid-template-columns: repeat(4,minmax(0,1fr)); margin: 24px 0 0; }
.otp-design-2026 .otp-faq-topics > a { background: var(--otp-paper-light); color: var(--otp-ink) !important; display: grid; gap: 7px; grid-template-columns: minmax(0,1fr) auto; padding: 20px; text-decoration: none; }
.otp-faq-topics strong { font-size: 17px; font-weight: 500; grid-column: 1/-1; }
.otp-faq-topics span { color: var(--otp-muted); font-size: 13px; line-height: 1.45; }
.otp-faq-topics small { align-self: end; color: var(--otp-brand); font-size: 13px; }
.otp-faq-topics a:hover { background: #f2e7cc; }
.otp-faq-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; padding: 22px 0; }
.otp-faq-toolbar .otp-faq-result { margin: 0; }
.otp-faq-reset { background: transparent; border: 1px solid var(--otp-line); border-radius: 3px; color: var(--otp-brand); cursor: pointer; font-size: 14px; min-height: 44px; padding: 8px 16px; }
.otp-faq-topic { margin: 12px 0 36px; scroll-margin-top: 125px; }
.otp-design-2026 #main.otp-faq-page .otp-faq-topic h2 { font-size: clamp(26px,3vw,34px); margin: 0 0 18px; }
.otp-faq-page .otp-faq-list { margin: 0; }
.otp-faq-page .otp-faq-answer { background: #fffdf7; border: 1px solid var(--otp-line); border-bottom: 0; padding: 0; scroll-margin-top: 125px; }
.otp-faq-page .otp-faq-item:last-child .otp-faq-answer { border-bottom: 1px solid var(--otp-line); }
.otp-faq-page .otp-faq-answer > summary { color: var(--otp-ink); display: flex; gap: 18px; justify-content: space-between; list-style: none; margin: 0; padding: 18px 22px; }
.otp-faq-page .otp-faq-answer > summary::-webkit-details-marker { display: none; }
.otp-faq-page .otp-faq-answer > summary::after { color: var(--otp-brand); content: '+'; flex-shrink: 0; font: 24px/1.2 Arial,sans-serif; }
.otp-faq-page .otp-faq-answer[open] > summary::after { content: '−'; }
.otp-faq-page .otp-faq-answer[open] > summary { background: #f2e7cc; margin-bottom: 20px; }
.otp-faq-page .otp-faq-answer > :not(summary) { margin-left: 22px; margin-right: 22px; max-width: calc(100% - 44px); }
.otp-faq-page .otp-faq-answer :is(p,li) { font-size: 16px; line-height: 1.75; }
.otp-faq-page .otp-faq-answer :is(img,iframe) { max-width: 100%; }
.otp-faq-page .otp-faq-permalink { display: block; font-size: 13px; margin-bottom: 20px; margin-top: 20px; }
.otp-faq-back { display: inline-block; font-size: 15px; padding: 12px 0; }
.otp-faq-hero .otp-faq-reading { border-top: 1px solid #5f5136; margin: 16px 0 0; padding-top: 16px; }
.otp-design-2026 .otp-faq-reading a { color: #e5c78d !important; font-size: 14px; line-height: 1.5; }
.otp-guide-strip .otp-guide-actions { display: flex; flex-direction: column; flex-shrink: 0; gap: 14px; }
.otp-guide-strip .otp-guide-actions a:last-child { font-size: 13px; }
@media (max-width: 850px) {
    .otp-faq-topics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
    .otp-faq-hero { padding: 24px 18px; }
    .otp-faq-topics > a { padding: 16px 12px; }
    .otp-faq-topics strong { font-size: 16px; }
    .otp-faq-topics span { display: none; }
    .otp-faq-quick { gap: 2px 16px; }
    .otp-faq-quick a { font-size: 13px; }
    .otp-faq-page .otp-faq-answer > summary { font-size: 16px; padding: 16px; }
    .otp-faq-page .otp-faq-answer > :not(summary) { margin-left: 16px; margin-right: 16px; max-width: calc(100% - 32px); }
    .otp-guide-strip .otp-guide-actions { align-items: flex-start; }
}

/* The existing information index keeps every published article link. */
.otp-info-page > .otp-article { max-width: 1120px; }
.otp-design-2026 #main.otp-info-page .otp-info-intro h1 { margin-bottom: 20px; text-align: left !important; }
.otp-info-intro p { color: var(--otp-muted); margin: 0 0 28px; max-width: 65ch; }
.otp-reading-page .otp-article .otp-info-guide { background: #262116; color: #f8f1e3; display: block; padding: 24px; text-decoration: none; }
.otp-info-guide strong { display: block; font-family: Georgia,'Times New Roman',serif; font-size: clamp(22px,2.5vw,29px); font-weight: 400; line-height: 1.2; }
.otp-info-guide span { color: #e3d9c8; display: block; font-size: 15px; line-height: 1.6; margin-top: 12px; }
.otp-info-guide:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.otp-design-2026 #main.otp-info-page .otp-info-section h2 { font-size: clamp(25px,2.8vw,32px); margin: 36px 0 18px; }
.otp-info-page .otp-info-list { display: grid; gap: 0 26px; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; }
.otp-info-list > li { border-bottom: 1px solid var(--otp-line); margin: 0; min-width: 0; padding: 0; }
.otp-info-list > li > a { align-items: baseline; display: flex; font-size: 16px; gap: 14px; height: 100%; justify-content: space-between; line-height: 1.55; min-height: 48px; padding: 16px 0; text-decoration: none; }
.otp-info-list > li > a::after { content: '→'; flex-shrink: 0; }
.otp-info-list > li > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.otp-info-page a:focus-visible { outline: 2px solid var(--otp-brand); outline-offset: 4px; }
@media (max-width: 700px) {
    .otp-info-page .otp-info-list { grid-template-columns: minmax(0,1fr); }
    .otp-reading-page .otp-article .otp-info-guide { padding: 22px 18px; }
}

.otp-header-tools .otp-search-link { display: flex; flex-shrink: 0; min-height: 44px; min-width: 24px; }
.otp-site-search-form { min-width: 0; }
.otp-site-search-form input[type=search] { min-width: 0; }
.otp-footer-social { align-items: baseline; border-top: 1px solid rgba(200,149,50,.25); display: flex; flex-wrap: wrap; gap: 14px 30px; justify-content: space-between; margin: 26px auto 0; max-width: 1500px; padding-top: 22px; }
.otp-footer-social p { color: #d2c5ac; font-size: 13px; margin: 0; }
.otp-footer-social nav { display: flex; flex-wrap: wrap; gap: 8px; }
.otp-footer-social a { border: 1px solid #5d5039; border-radius: 3px; color: #eadac0 !important; font-size: 13px; line-height: 1.4; padding: 11px 14px; text-decoration: none; }
.otp-footer-social a:hover { background: #3c3020; border-color: #bc995c; }
.otp-latest-news { border-bottom: 1px solid var(--otp-line); border-top: 1px solid var(--otp-line); margin: 30px auto 0; max-width: 1500px; padding: 24px 0; width: calc(100% - clamp(20px,4vw,66px) - clamp(20px,4vw,66px)); }
.otp-news-heading { align-items: baseline; display: flex; flex-wrap: wrap; gap: 14px 24px; justify-content: space-between; }
.otp-design-2026 #main .otp-news-heading h2 { font: 28px/1.2 Georgia,'Times New Roman',serif; margin: 0; }
.otp-news-heading > a { color: var(--otp-brand); font-size: 14px; white-space: nowrap; }
.otp-news-story { column-gap: 28px; display: grid; grid-template-columns: 145px minmax(0,1fr); margin-top: 20px; }
.otp-news-story[hidden] { display: none; }
.otp-news-story time { color: var(--otp-muted); font-size: 13px; grid-row: 1/3; line-height: 1.5; padding-top: 4px; }
.otp-news-story h3 { font: 25px/1.25 Georgia,'Times New Roman',serif; margin: 0 0 10px; }
.otp-news-story h3 a { color: var(--otp-ink); text-decoration: none; }
.otp-news-story h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.otp-news-story p { font-size: 16px; line-height: 1.6; margin: 0; max-width: 80ch; }
.otp-design-2026 #main .otp-alternatives-group > h2 { font: 32px/1.15 Georgia,'Times New Roman',serif; margin: 0 0 10px; text-align: left; }
.otp-specimen-facts > .otp-metric-frequency { background: #f3ead6; border: 1px solid #cfb67f; border-left: 3px solid var(--otp-brand); grid-column: 1 / -1; margin-bottom: 12px; min-height: 152px; padding: 18px 22px; }
.otp-metric-frequency > small { color: var(--otp-brand); font-size: 12px; font-weight: 600; min-height: 0; }
.otp-metric-frequency > p { gap: 9px; margin: 8px 0 20px; }
.otp-metric-frequency > p > strong { font-size: 36px; }
.otp-metric-frequency > p > span { font-size: 16px; }
.otp-metric-frequency .otp-metric-ends { font-size: 10px; }
.otp-metric > small { align-items: center; display: flex; gap: 6px; justify-content: space-between; }
.otp-metric > small > span { min-width: 0; }
.otp-metric-help-toggle { align-items: center; border: 1px solid #b5a17c; border-radius: 50%; color: var(--otp-brand) !important; display: inline-flex; flex: 0 0 24px; font: 600 13px/1 Arial,Helvetica,sans-serif; height: 24px; justify-content: center; letter-spacing: 0; text-decoration: none; text-transform: none; width: 24px; }
.otp-metric-help-toggle:hover, .otp-metric-help-toggle[aria-expanded=true] { background: var(--otp-brand); border-color: var(--otp-brand); color: #fff !important; }
.otp-metric-help-toggle:focus-visible { outline: 2px solid var(--otp-brand); outline-offset: 3px; }
.otp-metric-explanation { background: #fffdf8; border: 1px solid #cbb996; border-left: 3px solid var(--otp-brand); grid-column: 1 / -1; margin: 10px 0 18px; min-width: 0; padding: 20px 22px; text-align: left; }
.otp-metric-explanation > header { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; }
.otp-design-2026 #main .otp-metric-explanation h3 { display: block; font: 22px/1.3 Georgia,'Times New Roman',serif; margin: 0 0 16px; text-align: left; }
.otp-metric-help-close { background: transparent; border: 1px solid var(--otp-line); border-radius: 50%; color: var(--otp-ink); cursor: pointer; flex: 0 0 32px; font: 22px/1 Arial,Helvetica,sans-serif; height: 32px; padding: 0; }
.otp-metric-help-content { color: var(--otp-ink); font: 15px/1.65 Arial,Helvetica,sans-serif; overflow-wrap: anywhere; }
.otp-metric-help-content p { margin: 0 0 14px; }
.otp-metric-help-content > :last-child { margin-bottom: 0; }
.otp-metric-help-content ul, .otp-metric-help-content ol { padding-left: 22px; }
.otp-metric-help-source { display: inline-block; font: 14px/1.4 Arial,Helvetica,sans-serif; margin-top: 16px; }
.otp-metric-help-retry { background: transparent; border: 1px solid var(--otp-line); color: var(--otp-brand); cursor: pointer; font: inherit; padding: 7px 12px; }
@media (max-width: 480px) {
    .otp-metric-explanation { padding: 16px 14px; }
    .otp-design-2026 #main .otp-metric-explanation h3 { font-size: 20px; }
}
@media (max-width: 700px) {
    .otp-footer-social { justify-content: center; text-align: center; }
    .otp-footer-social nav { justify-content: center; }
    .otp-news-story { display: block; }
    .otp-news-story h3 { font-size: 23px; margin-top: 10px; }
    .otp-design-2026 #main .otp-alternatives-group > h2 { font-size: 28px; }
}

/* Yandex injects its own legacy colours after the theme has loaded. */
.otp-search-entry .otp-section-links { margin-bottom: 0; }
.otp-design-2026 #ya-site-results {
    background: var(--otp-paper-light);
    color: var(--otp-ink);
    font: 16px/1.6 Arial,Helvetica,sans-serif !important;
    margin: 24px 0 0;
    max-width: 100%;
    min-width: 0;
    text-align: left;
}
.otp-design-2026 #ya-site-results .b-wrapper { color: var(--otp-ink); font: inherit; }
.otp-design-2026 #ya-site-results :is(table,td,th) { background: transparent; border: 0; color: var(--otp-ink); font: inherit; padding: 0; text-align: left; }
.otp-design-2026 #ya-site-results :is(.b-head,.l-page) { border-collapse: collapse; margin: 0; table-layout: fixed; width: 100%; }
.otp-design-2026 #ya-site-results .b-head__l { vertical-align: middle; width: 94px; }
.otp-design-2026 #ya-site-results .b-head__link { display: inline-flex; margin: 0; padding: 10px 12px 10px 0; }
.otp-design-2026 #ya-site-results .b-head__logo { display: block; height: auto; margin: 0; width: 76px; }
.otp-design-2026 #ya-site-results .b-head__r { vertical-align: middle; }
.otp-design-2026 #ya-site-results .b-head__found { color: var(--otp-muted); font-size: 14px; line-height: 1.5; }
.otp-design-2026 #ya-site-results .b-head__specify { border-bottom: 1px solid var(--otp-line); padding: 8px 0 16px; }
.otp-design-2026 #ya-site-results .b-specification-list { color: var(--otp-muted) !important; display: flex; flex-wrap: wrap; gap: 0 24px; }
.otp-design-2026 #ya-site-results .b-specification-item { color: var(--otp-muted); font-size: 14px; max-width: 100%; min-width: 0; padding: 0; white-space: normal; }
.otp-design-2026 #ya-site-results .b-dropdowna__switcher { display: inline-block; line-height: 24px; padding: 10px 0; }
.otp-design-2026 #ya-site-results .b-body-items { padding: 0; }
.otp-design-2026 #ya-site-results .b-serp-list { margin: 0; max-width: none; padding: 0; width: 100%; }
.otp-design-2026 #ya-site-results .b-serp-item { border-bottom: 1px solid var(--otp-line); display: block; list-style: none; margin: 0; padding: 22px 0; }
.otp-design-2026 #ya-site-results .b-serp-item__content { min-width: 0; padding-left: 32px; position: relative; }
.otp-design-2026 #ya-site-results .b-serp-item__number { color: var(--otp-muted) !important; font: 13px/26px Arial,Helvetica,sans-serif; left: 0; margin: 0; position: absolute; top: 0; }
.otp-design-2026 #ya-site-results .b-serp-item__title { display: block; font: 400 22px/1.3 Georgia,'Times New Roman',serif; margin: 0 0 8px; overflow-wrap: anywhere; }
.otp-design-2026 #ya-site-results .b-serp-item__title-link { font: inherit; text-decoration: none; }
.otp-design-2026 #ya-site-results .b-serp-item__text { color: var(--otp-ink-soft); font: 16px/1.65 Arial,Helvetica,sans-serif; overflow-wrap: anywhere; }
.otp-design-2026 #ya-site-results .b-serp-item__text b { font-weight: 700; }
.otp-design-2026 #ya-site-results :is(a:link,a:visited,.b-pseudo-link,.b-serp-item__links-link) { color: var(--otp-brand) !important; overflow-wrap: anywhere; text-underline-offset: 3px; }
.otp-design-2026 #ya-site-results .b-serp-item__title-link:visited { color: #725537 !important; }
.otp-design-2026 #ya-site-results :is(a:hover,.b-pseudo-link:hover) { color: #6c4700 !important; text-decoration: underline; }
.otp-design-2026 #ya-site-results :is(a:focus-visible,input:focus-visible,.b-pseudo-link:focus-visible) { outline: 2px solid var(--otp-brand); outline-offset: 3px; }
.otp-design-2026 #ya-site-results :is(.b-serp-url,.b-serp-item__from,.b-serp-item__mime) { color: var(--otp-muted) !important; font-size: 13px; overflow-wrap: anywhere; }
.otp-design-2026 #ya-site-results .b-pager { color: var(--otp-ink); font: 15px/1.5 Arial,Helvetica,sans-serif; margin: 24px 0 0; }
.otp-design-2026 #ya-site-results .b-pager__title { display: block; font-size: 14px; font-weight: 400; margin: 0 0 8px; padding: 0; }
.otp-design-2026 #ya-site-results .b-pager__arrow { display: inline-block; margin: 0 18px 8px 0; white-space: nowrap; }
.otp-design-2026 #ya-site-results .b-pager__arrow a { display: inline-block; padding: 11px 0; }
.otp-design-2026 #ya-site-results .b-pager__inactive { color: var(--otp-muted) !important; padding: 11px 0; }
.otp-design-2026 #ya-site-results .b-pager__key { color: var(--otp-muted); font-size: 11px; }
.otp-design-2026 #ya-site-results .b-pager__pages { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.otp-design-2026 #ya-site-results :is(.b-pager__page,.b-pager__current) { align-items: center; background: transparent; border: 1px solid var(--otp-line); border-radius: 3px; display: inline-flex; justify-content: center; margin: 0; min-height: 44px; min-width: 44px; padding: 8px 12px; text-decoration: none; }
.otp-design-2026 #ya-site-results .b-pager__current { background: var(--otp-brand); border-color: var(--otp-brand); color: #fff !important; font-weight: 700; }
.otp-design-2026 #ya-site-results .b-pager__page:hover { background: #f2e7cc; text-decoration: none; }
.otp-design-2026 #ya-site-results .b-pager__sorted { color: var(--otp-muted); font-size: 13px; line-height: 1.6; margin: 18px 0 0; }
.otp-design-2026 #ya-site-results .b-pager__select { background: transparent; color: var(--otp-ink); font-weight: 400; padding: 0; }
.otp-design-2026 #ya-site-results :is(.b-foot,.b-line) { border-top-color: var(--otp-line); }
.otp-design-2026 #ya-site-results .b-top-wizard .b-gap { border: 1px solid var(--otp-line); color: var(--otp-ink); font: inherit; margin: 24px 0; overflow-wrap: anywhere; padding: 20px; }
.otp-design-2026 #ya-site-results .results__loading { color: var(--otp-ink); font: inherit; overflow-wrap: anywhere; }
.otp-design-2026 #ya-site-results iframe.b-loader__paranja-iframe { aspect-ratio: auto; height: 100%; }
/* Filter popups move outside the result container when opened. */
.otp-design-2026 .b-popupa_type_htmlcss .b-popupa__content { background: var(--otp-paper-light); color: var(--otp-ink); }
.otp-design-2026 .b-popupa_type_htmlcss :is(.b-menu__item,label,.b-link,.b-pseudo-link) { color: var(--otp-ink) !important; }
.otp-design-2026 .b-popupa_type_htmlcss .b-popupa__tail { border-color: var(--otp-line) transparent; }
.otp-design-2026 .b-popupa_type_htmlcss .b-popupa__tail-i { border-color: var(--otp-paper-light) transparent; }
.otp-design-2026 .b-popupa_type_htmlcss .b-popupa__wrap-cell { padding: 0; }
.otp-design-2026 .b-popupa_type_htmlcss .b-menu__item { min-height: 36px; padding: 6px 0; }
.otp-design-2026 .b-popupa_type_htmlcss label { display: inline-block; line-height: 24px; }
@media (max-width: 620px) {
    .otp-latest-news { width: calc(100% - 30px); }
    .otp-search-scope { flex-wrap: wrap; }
    .otp-design-2026 #ya-site-results .b-serp-item { padding: 18px 0; }
    .otp-design-2026 #ya-site-results .b-serp-item__content { padding-left: 26px; }
    .otp-design-2026 #ya-site-results .b-serp-item__title { font-size: 20px; }
    .otp-design-2026 #ya-site-results .b-pager__key { display: none; }
    .otp-design-2026 #ya-site-results .b-pager__arrow { margin-right: 14px; }
}
